#main-content {
	font-family:Arial,sans_serif;
	width:95%;
	max-width:1200px;
	margin:20px auto;
	padding-left:5%;
}
#main-content h1 {
	margin: 40px 0;
	font-size:28px;
	line-height:1.3;
}
#main-content h1 a {
	text-decoration:none;
	color:#222;
}
#main-content h2 {
	font-size:20px !important;
	font-weight:bold;
	margin-bottom:15px;
}
#main-content h3 {
	margin:10px 0 12px 0;
}
#main-content h4 {
	font-size:16px !important;
}

.MathJax {
	background:#F0F0F0;
	padding:15px !important;
}
.itemblock {
	display:block;
	width:100%;
	height:auto;
}
.itemimageblock, .itemresultblock {
	display:inline-block;
	width:280px;
	vertical-align:top;
}
.itemresultblock {
	margin:40px 0 0 20px;
}
.knowblock {
	margin:0 0 35px 0;
}
.graphicp, .formelp {
	font-weight:bold;
	font-size:16px;
	margin:16px 0;
}
.formelp {
	margin-bottom:4px;
}
.formelval, .formelresult {
	margin-top:40px;
	font-weight:bold;
	font-size:16px;
	margin:30px 0;
}
.formelval {
    margin-bottom: 20px;
}
#texlink, #memvaluelink {
	text-decoration:none;
}
#texlink:hover, #memvaluelink:hover {
	text-decoration:underline;
	color:#0856E1;
}
.xjbutton {
	display:inline-block;
	display: inline-block;
	padding: 3px 8px;
	background: #EEF;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	border:1px solid #DDF;
}
.xjbutton:hover {
	background:#DDF;
	text-decoration:none !important;
	color:#333 !important;
}
		
.formelexplained {
	margin-top:25px;
}
.formelblock {
	display:inline-block;
	width:350px;
	vertical-align:top;
}
.formelblock input:focus {
	background:#FFC;
}
.yellowbg {
	background:#FFC;		
}
.formelblock .formel_main .yellowbg {
	border:1px solid #5AF;
}
.formelinputs {
	position:relative;
	height:60px;
}
.formelinputs, .formelresult {
	margin-bottom:25px;
}
.formelinputs label input[type=float] {
	width:50px;
	background:#FFC;
	border:1px solid #500;
	padding:5px 3px;
	text-align:center;
	font-size:15px;
}
.formelinputs label {
	margin-right:15px;
}
.calcprecision {
	margin-top:15px;
	font-size:11px;
	color:#AAA;
}
.hints {
	margin-bottom:15px;
	font-size:11px;
	color:#AAA;
}

#rendercanvas, #zylinder_3d, #zylinder-volumen_3d, #zylinder-oberflache_3d, #zylinder-mantelflache_3d {
	width:100%;
	height:100%;
}
.wrapper3d {
	display:inline-block;
	width:500px;
	height:auto;
	vertical-align:top;
}
.wrapper3d h2 {
	padding:0;
	margin:20px 0 20px 0;
}
.wrapper3dinner {
	position:relative;
	width:100%;
	height:400px;
	border:1px solid #CCC;
}
#cyliradius {
	display:inline-block;
	position:absolute;
	top:35px;
	left:65px; /*78px;*/
}
#cyliheight {
	display:inline-block;
	position:absolute;
	top:35px;
	left:199px; /*226px;*/
}
.val-decrement, .val-increment {
	display: inline-block;
	margin-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 0px 6px;
	line-height: 1.42857;
	border-radius: 2px;
	-moz-user-select: none;
	background:#FFC;
	border-color:#BBB;
	color: #333;
	font-size:14px;
	font-weight: 400;
}
.val-decrement:hover, .val-increment:hover {
	background:#FFCCAA;
}

#byeetv {
	text-align:right;
	margin-top:15px;
	font-size:11px;
	line-height:150%;
	color:#555;
}
#byeetv a {
	color:#24F;
}

#herleitung p {
	margin:0;
	padding:5px 0;
}
#mehrformeln {
	padding:20px 0 20px 0;
	margin:30px 0 30px 0;
	border-top:1px solid #EEE;
}
#mehrformeln p {
	font-size:13px;
}

.formelsml {
	font-size:12px;
	margin-left:5px;
}
#errormsg {
	width: 290px;
	margin:0;
    background: rgb(255, 252, 214);
    border: 1px solid rgb(239, 143, 0);
    border-radius: 3px;
    padding: 4px 10px;
	color:#E60000;
	font-size:12px;
}
.geo_description {
	padding-top:10px;
	margin:20px 0 30px 0;
}
/*.formel_main {
	margin-bottom:30px;
}*/
.formel_main label {
	display:inline-block;
	margin-top:20px;
	width:120px;
}
.formel_main input {
	display:inline-block;
	width:100px;
	border:1px solid #CCC;
	padding:3px;
}

.ergtxtp {
	font-weight:bold;
	margin-top:45px;
	font-size:11px;
}
#calcresults_txt {
	font-size:11px;
}
.linkshare {
	width:420px;
	padding:5px 10px;
	border:1px solid #DDD;
}
table.hinttable { border-collapse:collapse; }  
.hinttable thead tr { border:1px solid #CCC; background:#FFFFAA; }
.hinttable th { border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 7px; width: auto; font-weight:normal; }
.hinttable td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 0.5em; line-height:25px; font-weight:normal; }
.hinttable td.nope {
	color:#F75;
}
.hinttable caption {
	padding:20px 0 25px 0;
	text-align:left;
	font-size:16px;
	line-height:130%;
}

.hide {
	display:none;
}

.iehint {
	color:red;
	font-size:12px;
	width:310px;
	line-height:130%;
	margin-top:15px;
}
#loaddisqus {
	padding:7px 20px;
}

kbd {
    background: none repeat scroll 0% 0% #F7F7F7;
    padding: 0.1em 0.6em;
    border: 1px solid #CCC;
    font-size: 11px;
    font-family: Courier,Arial,sans-serif;
    color: #333;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #FFF inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 0.1em;
    text-shadow: 0px 1px 0px #FFF;
    line-height: 1.4;
    white-space: nowrap;
}

.fnav {
	display: inline-block;
	padding: 5px 10px;
	font-size: 10px;
	background: #F7F7F7;
    border: 1px solid #EEE;
}
.fnavblock {
	display:block;
}
.fnav span {
	color:#555;
}
.fnav .navactive {
	color:#555;
	pointer-events: none;
	cursor: default;
	text-decoration:none;
}
.fnav ul {
	display:inline;
	margin:0;
	padding:0;
}
.fnav ul li {
	display:inline-block;
	margin:0;
	padding:0;
}
.fnav ul li:after {
	content:' | ';
}
.fnav ul li:last-child:after {
	content: '';
}
/*
.fnavtnext:before {
	content: ' || ';
}*/
.fnavtopic {
	display:inline-block;
	width:60px;
}
.fnav { 
	display:table; 
	margin-bottom:20px;
}
.fnavblock {display:table-row; }
.fnavtopic {display:table-cell; }
.fnav ul {display:table-cell; }

.fs_toplink {
	font-size:11px;
	margin-right:20px;
}
.fs_toplink a {
	color:#555;
	text-decoration:none;
}

.fs_toplink {
	padding:5px 10px;
	display: inline-block;
	border:1px solid #CCC;
	background:#F0F0F0;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(100%,#e5ebee));
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 100%);
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 100%);
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#e5ebee',GradientType=0 );
	cursor:pointer;
}
.fs_toplink:hover {
	background:#f6f8f9;
}

nav.fnav {
	display:none;
}
.fsmain nav.fnav {
	display:block;
}

input.disabled {
	pointer-events:none;
	color:#AAA;
	background:#F5F5F5;
}

/* listing of programs */
ol.listview {
	font-size:16px;
	color:#333;
	font-weight:bold;
}
.listview li a {
	text-decoration:none;
	font-size:16px;
	color:#333;
	margin:20px 0 10px 0;
	font-weight:bold;
}
.listview li a:first-child {
	margin-bottom:10px;
	display:inline-block;
}
.listview li img {
	border:1px solid #EEE;
	padding:0;
}
.listview li img:hover {
	border:1px solid #CCF;
}
ul.merklist {
	list-style-type: disc;
	margin-left:30px;
	margin-top:5px;
}
ul.merklist li {
	padding:0;
}
#valcontrols {
	display:inline-block;
	margin-top:5px;
	text-align:right;
	float:right;
}
#valup {
	/*position:absolute;
	right:5px;
	bottom:5px;*/
	cursor:pointer;
}
#valdown {
	/*position:absolute;
	right:35px;
	bottom:5px;*/
	cursor:pointer;
}
#valup, #valdown {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#valup:hover, #valdown:hover {
	background:#FFF;
}

.questionslist, .animationslist {
	margin-bottom:40px;
}
ul.qlist, ul.anilist {
	padding-left: 15px;
}
ul.qlist li, ul.anilist li {
	padding:0;
	margin:0;
	list-style-type: disc;
}


span.frac {
display: inline-block;
text-align: center;
}
span.frac > sup {
display: block;
border-bottom: 1px solid;
font: inherit;
}
span.frac > span {
display: none;
}
span.frac > sub {
display: block;
font: inherit;
}
span.higher {
	vertical-align:10px;
}
	
.formelum_link {
	font-size:11px;
}

#fullscreen {
	float:right;
	font-size:12px;
	padding:10px 0 0 0;
	margin:2px 10px 0 10px;
	line-height:100%;
	border-bottom:1px dotted #CCD;
	cursor:pointer;
}


@media (max-width:1200px) {
	/* hide grafik left if screen is too small */
	.itemimageblock {
		display:none;
	}
}

@media only screen and (max-width:480px) {
	.fnav {
		max-width:90%;
	}
	.fs_toplink {
		margin-bottom:20px;
	}

	ul#nav li ul {
		display:none;
	}
	
	#lightbox-center {
		margin:100px 0 0 10px !important;
	}
}