html {height:101%;
}
body {background-color:#9BB2B6; 
}

#graustrich {
	position:absolute;
	visibility:visible;
	left:463px;
	top:44px;
	width:500px;
	height:1px;
	z-index:11;
	background-image: url(../pics/leerpix01.gif);
	background-repeat:repeat-x;
	background-color: #AFBCB1;
	overflow: hidden;
}

#logo {
     position:absolute;
	 visibility:visible;
	 left:0px;
	 top:0px;
	 z-index:1;
	 background-color:#FFFFFF;
	 background-image:url(../pics/logo_weiss02.gif);
	 background-position:left center;
	 background-repeat:no-repeat;
	 width:100%;
	 height:100px;
	 margin:0px;
	 border-left-width:5px;
	 border-left-color:#FFFFFF;
}
#gruenoben {
	position:absolute;
	visibility:visible;
	left:0px;
	top:101px;
	z-index:19;
	background-image:url(../pics/leerpix01.gif);
	background-repeat:repeat-x;
	width:100%;
	height:3px;
	background-color:#64FF64;
}
#gruenlinks {
	position:absolute;
	left:24px;
	top:145px;
	width:3px;
	height:1600px;
	z-index:26;
	background-color:#64FF64;
	background-image:url(../pics/leerpix01.gif);
	background-repeat:repeat-y;
	margin:0px;
	visibility: visible;
}
#gruenlinks2 {
	position:absolute;
	left:24px;
	top:145px;
	width:3px;
	height:1600px;
	z-index:27;
	background-color: #64FF64;
	visibility: visible;
}

#sprydecke {
	position:absolute;
	left:-1px;
	top:183px;
	width:37px;
	height:285px;
	z-index:25;
	background-color: #6F8F95;
	visibility: visible;
}

#gruenrechts {
	position:absolute;
	left:1044px;
	top:145px;
	width:2px;
	height:1600px;
	z-index:18;
	background-image:url(../pics/leerpix01.gif);
	background-repeat: repeat-y;
	background-color: #64FF64;
	visibility: hidden;
}
#buehne {
	position:absolute;
	left:27px;
	top:145px;
	width:1030px;
	height:8200px;
	z-index:9;
	background-color: #D9EEF0;
	visibility: visible;
}

#bildeb {
	position:absolute;
	left:802px;
	top:404px;
	width:230px;
	height:190px;
	z-index:21;
	background-color: #6F8F95;
	padding:25px;
	visibility: visible;
}
#navebe {
	position:absolute;
	left:0px;
	top:183px;
	width:220px;
	height:260px;
	z-index:1000;
	background-color: #6F8F95;
	visibility: visible; 
}
#nav {
    list-style:none;
	width:180px;
	margin-top:4px; margin-bottom:4px;
	
}

#nav li {
    padding-bottom:4px; padding-left:0px; padding-right:0px; padding-top:4px; 
	border-bottom:1px solid #D9EEF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small; 
}

#nav li a:link {
     text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#D9EEF0;
	 
}
#nav li a:visited {
     text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#D9EEF0;
}
#nav li a:hover {
     display: block;
	 text-decoration:none;
	 background-color:#D9EEF0;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#6F8F95; 
}

#klappebe {/*das ist die Ebene in der die klappnav sitzt*/
	position:absolute;
	left:198px;
	top:234px;
	width:245px;
	height:166px;
	z-index:13;
    background-color:#6F8F95;
	border-top-style:solid; border-top-width:medium; border-top-style:solid; border-top-color:#64FF64;
	border-bottom-style:solid; border-bottom-width:medium; border-bottom-style:solid; border-bottom-color:#64FF64;  
	visibility: hidden;
	overflow:hidden;  
	}
#klappnav {/*das ist die ul der klappnav*/
    list-style:none;
	width:204px;
	margin-top:0px; margin-bottom:6px;
	}

#klappnav li {/*die Listenpunkte der ul, bzw. deren Formatierung*/ 
    padding-bottom:4px; padding-left:5px; padding-right:0px; padding-top:4px; 
	border-bottom:1px solid #D9EEF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
#klappnav li a:link {/*a-Tag-Formatierung der Listenpunkte und folgende*/
     text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#D9EEF0;
	 
}
#klappnav li a:visited {
     text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#D9EEF0;
}
#klappnav li a:hover {
     display: block;
	 text-decoration:none;
	 background-color:#D9EEF0;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#607C82;
}

#navtrick a:hover {
     display: block;
	 text-decoration:none;
	 background-color:#D9EEF0;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:small;
	 color:#607C82;
}
#sprechzeit {
	position:absolute;
	visibility:visible;
	left:760px;
	top:180px;
	z-index:19;
	width: 291px;
}
#sprechzeit li {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color: #516B6F; 
}
#textebe {
	position:absolute;
	visibility:visible;
	left:286px;
	top:167px;
	z-index:20;
	width: 690px;
	background-image: url(../pics/velaufhellblau68_1.gif);
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	
		
}
#texttafel {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; color: #2E2E2E;/*das ist helleres dunkelgrau*/
}
#texttafel li { 
	
}
#texttafel li h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:150%; 
	 color: #04C712 /* #2E2E2E helleres dunkelgrau , grün#00D500*/
}
#texttafel li h3 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:130%;
	 color: #CC0000; /*das ist dunkelrot*/
}
#texttafel li h4 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:130%;
	 color: #516B6F; /*das Flächengrün etwas dunkler*/
	 padding-left:0px;
}
#texttafel li h5 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:110%;
	 color: #2E2E2E; /*helleres dunkelgrau*/  
}