html, body{
	height: 100%;
    margin: 0; /* wichtig für Firefox, IE, Safari &; Co */
    padding: 0; /* wichtig für Opera */
}

body{
	text-align: center;  /* Zentrierung im Internet Explorer */
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	/*background-color wird in index.php eingefuegt*/
}
			
h1, h2, h3, h4, h5 {margin:0; display:inline;}
h1 {font-size:19px; font-weight:normal;}
h2, h3, h4, h5 {display:inline-block;margin-top:8px;font-size:12px;
	zoom: 1; /*IE 6+7 inline-block-Hack*/
	*display: inline; /*IE 6+7 inline-block-Hack*/
	}
	
a {text-decoration:none;}		
a:link { color:#000000; text-decoration:none;}
a:visited { color:#000000;}
a:hover { color:#888888; text-decoration:none;}
a:active { color:#000000; }

img { border:none; vertical-align:bottom; } /* vertical-align:bottom fuer Internet Explorer */

div#abstand {
	margin-top:-314px; /* die Haelfte der Seite minus ein bisschen wg. Schatten */
	height:50%;
	float: left; /* das in Kombi mit clear:left in div#seite bewirkt, dass die Seite bei zu kleinen Fenstern nicht nahc oben rausgeschoben wird  */
}

div#seite {
	clear: left; /* das in Kombi mit float:left in div#abstand bewirkt, dass die Seite bei zu kleinen Fenstern nicht nahc oben rausgeschoben wird  */
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	width: 1072px;  
	height: 648px;
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	padding: 0; 
}

div#inhalt {
	text-align:center;		/* Zentrierung im Internet Explorer */
	position: relative;
  	padding: 0;
 	margin: 0; 
 	width:1072px;
 	height:648px;
}
		
#schattenweiss {
	position:absolute; left:0;top:0; z-index:-2;
	background:url(schattenweiss.jpg) no-repeat;
	width:1072px;
	height:648px;
}
	
#schatten {
	position:absolute; left:0;top:0; z-index:-2;
	background:url(schatten.jpg) no-repeat;
	width:1072px;
	height:648px;
}
	
#hghgbild {
	position:absolute;left:16px;top:16px;
	width:1024px;
	height:600px;
}
	
#hgbild {
	position:absolute;left:16px;top:16px;
	width:1024px;
	height:600px;
}
#flashObjekt {
	position:absolute;left:16px;top:16px;
	width:1024px;
	height:600px;
}

#hinweis_fallback {
	position:absolute; right:40px;bottom:25px;
	color:red;
	font-weight:bold;
	font-size:11px;
	z-index:10;
	text-align:left;
	vertical-align:top;
}
	
#fadeshow_behausung{
	position:absolute; left:16px;top:16px; 
}
	
*.transparente_box{
	position:absolute;left:0;top:0;
	width:100%; height:100%;
	background-color:white; 
	-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; -ms-filter: "alpha(opacity=70)"; filter:alpha(opacity=70); 
}
	
#logo{
	position:absolute; left:16px;top:16px;
	width:180px; height:73px;
	z-index:2000;
}
#logo img{
	position:absolute; top:0; left:15px;z-index:1;
}
	
#navi{
	position:absolute; bottom:32px; left:16px; 
	width:180px; height:220px;
	text-align: left;
	z-index:2000;
}
	
ul#naviliste {
	margin:0;
	position:absolute; top:0; left:0;z-index:1;
	font-size:14px;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:40px;
	font-weight:bold;
}
ul#naviliste li {list-style:none;margin:0; padding:0;}

ul#aufgeklappt {margin:0; padding:0;}
ul#aufgeklappt li {margin:0; padding:0; line-height:120%;padding-left:12px;font-weight:normal;font-size:12px;}

		
#kontakt {position:relative; top:10px; left:0;}
#jobs {position:relative; top:10px; left:0;}
#lobkritik {position:relative; top:20px; left:0;}
	
#textbox{
	position:absolute; right:32px;bottom:32px;
	width:440px; height:220px;
	text-align:left;
	vertical-align:top;
}
#text {
	margin:0;
	position:absolute; top:0; left:0; z-index:1;
	padding:20px;
	width:400px; height:180px;
}

#text table {
	font-size:11px;
	margin:0;
	padding:0;
	border-collapse:collapse
}
#text table td{
	vertical-align:top;
	height:18px;
}

#tabellelinks  {
	width:130px;
}

#playpausebutton{
	position:absolute; right:60px;top:26px;
	width:20px; height:20px;
	z-index:100;
}
	
#zurueckbutton{
	position:absolute; right:80px;top:26px;
	width:20px; height:20px;
	z-index:100;
}
#vorbutton{
	position:absolute; right:40px;top:26px;
	width:20px; height:20px;
	z-index:100;
}

#fb_button {position:absolute; bottom:10px; right:10px; z-index:1;}

#impressum {position:absolute; bottom:10px; left:40px; z-index:10;}

#textclose {position:absolute; right:30px;bottom:220px;
	width: 40px; height:25px; /*rand ums X, damit Zeiger nicht auf Textfeld und somit slideshow stoppt*/
	padding-top:10px;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	z-index:100;
	cursor:pointer;
}