@charset "utf-8";
body  { font:100% Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align:center; color:#000000; }
/* eliminate the blue border in IE */
a img {border:none;}
    #container { 
		/*background-image:url(bilder/background.gif);
		background-repeat:no-repeat;*/
		background:#33FFFF; position:relative; top:0px; left:0px; width:800px; heigth:100%; margin: 0 auto; border:1px; text-align:left; } 
	#content { padding:0; margin: 0; } 
    #header { height:113px; width:800px; padding:0; position: absolute; top:0; left: 0; } 
    #header h1 { margin:0; padding:0; }
	#navigation1 { position:absolute; top:69px; left:154px; width:585px; height:20px; padding:0; font-size:14px; overflow:hidden; color:#FFFFFF; font-weight:bold; text-align:right;}
	a { color:#0066CC; text-decoration: none; }
	.footer { color:#000000; text-decoration: none; }
	.content_a { color:#0066CC; text-decoration: none; }
/* zero white space, d.h. Abstand der keinen platz einnimmt */
	.zw { font-size:1px; text-decoration:none; }
	.nav1 {	color:#999999; }
	.nav1a { color:#000000; }
    #sidebar1 { position:absolute; top:113px; left:0; width:142px; height:750px; padding:0; }
	#homepage { position:absolute; top:40px; left:154px; width:585px; height:30px; padding:0; text-align:right; color:#000000; font-size:12px; font-weight:bold; }
	#homepage a {font-size:12px; font-weight:bold; color:#999999; }
	#homelink { position:relative; top:73px; left:12px; }
	#navigation2 { position:absolute; top:153px; left:5px; width:114px; height:300px; padding:0; font-size:9pt; text-align:right; overflow:hidden; line-height:1em; }
	.nav2 {color:#555555;}
	.nav2a {color:#000000;}
    #sidebar2 { position:absolute; top:113px; left:737px; width:63px; heigth:100%; padding:0; z-index:-2;}
    .h1_content { font-size:14px; }
	h2 { font-size:9pt; }
	p, td, input, select, content_td {font-size:8pt; padding:0; margin:0; }
	br {padding:0; margin:0; }
	.tablehead {color:#000000; font-style:bold; letter-spacing:0.008in; font-weight:bold}
	#ermittelterkompressor, #ermittelterbedarf	{ color:#0066CC; }
	.yellow {width:190px; margin-left:0px; text-align:left; color:#ffcc00; background-color:#ffcc00; height:2px;border:0px;}
		
                /* z-index notwendig um Daumenkino in about us/history nicht über den fixierten Bereich scrollen zu lassen in anderen Browsern als IE*/
	#fixiert {
                z-index:100;
   } 
	
 /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts bzw. links fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    .fltrt { float:right; margin-left: 8px; }
    .fltlft { float:left; margin-right: 8px; }
/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
	
html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
 }

/* Flipbook code */

#bilderstapel { height:185px; width:250px; }
#bilderstapel img { position:absolute; height:185px; width: 250px; z-index:1; }
#bilderstapel img.obersteebene { z-index:3; }
#bilderstapel img.mittlereebene { z-index:2; }

#geschichte { height:250px; width:250px; }
#geschichte img {
	position:absolute;
	height:250px;
	width: 250px;
	z-index:1;
}
#geschichte img.obersteebene { z-index:3; }
#geschichte img.mittlereebene { z-index:2; }