/* CSS Document */
* {padding: 0; margin: 0 }  /* alle werte erstmal initialisieren */



h1 { margin-bottom: 1em;		
	 padding-bottom: 1px; 
 	 font-size: 150%;	
	 color: #404C58;
	}
 
h2 { 
	margin-bottom: 1em;
	 padding-bottom: 2px; 
 	 font-size: 120%;	
	 }
	 
body { color: white; /* Schriftfarbe */
	   background-color: #666666; /* Hintergrundfarbe */ 
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: small; } 
	   
#wrapper { color: black; /* Schriftfarbe */
	   background-color: green; /* Hintergrundfarbe */ 
	   position: relative;
	   width: 900px; /* Breite des inhaltsbereiches */
	   /* height: 560px;  Höhe des inhaltsbereiches */	   
	   margin-top: 10px;
	   margin-right: auto; 
	   margin-bottom: 10px;
	   margin-left: auto;} 
	   
#kopfbereich { color: black; /* Schriftfarbe */
	   /* position: relative; */
	   background-color: white; /* Hintergrundfarbe */ 	   
	   background-image: url(neues_logo_blau.gif);		   
	   background-repeat:no-repeat; 
	   height: 200px; /* Höhe des inhaltsbereiches */	   	   }
	   
	   #navibereich { color: white; /* Schriftfarbe */
	   /* position: relative;  */
	   background-image: url(links.png);
	   background-repeat:no-repeat;float:left;
	   /* background-color: #18304A; /* Hintergrundfarbe */ 
	   	   background-color: #18304A; /* Hintergrundfarbe */ 
	   width: 200px; /* Breite des inhaltsbereiches */ 	   
	   height: 400px; /* Höhe des inhaltsbereiches */	   	   
	   }   

	   #navibereich li { 
	   	/*   position: relative;*/
	   /* display: inline; /* nebeneinander anzeigen */
	   list-style-type: none; /* ohne Aufzählungszeichen */
	   } 

#hauptbereich { color: white; /* Schriftfarbe */
	   position: realtive; 
	   left: 180px;
	   background-color: #18304A; /* Hintergrundfarbe */ 	   
	   padding-bottom: 10px;
	   margin-bottom: 20px;
	   }	   

#hauptbereich li { 
margin-left: 2em;
margin-bottom: 0.5em;  /*Abstand zwischen den einzelnen Aufzählunspunkten*/
}

#hauptbereich a { 
text-decoration: underline;
 /* focus ) Mausberuehrung */ 
}



/* Hyperlink Formatierung */
a {text-decoration: none; }

a:hover, a:focus { border-bottom: 1px solid #d90000; } /* focus ) Mausberuehrung */
a: active { color: green;
			background-color: #d90000; }

a:link {color: #FFFFFF; }
a:visited {color: #FFFFFF; }

/* abstand nach unten */
h2, p, ul, ol {margin-bottom: 1em; }

/* verschachtelte listen ohne abstand */
ul ul{ margin-bottom: 0; }

/* abstand nach links */
li { margin-left: 1em; 
	 margin-bottom: 1em; }

