html {
  background-color: #CFE3CF;
  text-align: center;
  font-family: tahoma, verdana, arial, sans-serif;
}

body {
  background-color: white;
  text-align: center;
  margin: 2% 9% 2% 9%;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000000 ;
  padding: 10px; 
}

a:link { color: black;
		 text-decoration:none;	 }
      /* link pseudo-class, noch nicht besuchter Link */
a:visited { color: black;
		 text-decoration:none; }  
      /* link pseudo-class, schon besuchter Link */
a:hover { color: #EE7621;
		 text-decoration:none; }
      /* dynamic pseudo-class, Benutzer 'hovert' */
a:active { color: black ;
		 text-decoration:none;} 
      /* dynamic pseudo-class, Link wird ausgewählt */
a:focus { color: black;
		 text-decoration:none;} 
      /* dynamic pseudo-class, Element akzeptiert Eingaben*/


#header { 	background-color: 	#CFE3CF; 
			padding: 10px;
			border: 2px solid #006600;
			border-radius:3px 30px 5px 30px;
 	} 
			  				  		
/* Navi */ 

ul#auswahl {  font-size: 110%;
			  padding: 10px;
			  margin: 1px;
			  background-color: #CFE3CF;
			  border: 2px solid #006600;
			  border-radius:3px 30px 5px 30px;	} 
			  
			  			
#auswahl li  { 	display: inline-block;   /* bringt die Liste horizontal - nur block bringts unterenand */ 
				padding: 10px 20px 10px 20px;
				border: 1px solid #006600; 
				margin: 2px;
				border-radius:3px 30px 3px 30px; /* CSS3 */
 				behavior:url(border-radius.htc); /* Internet Explorer */} 
					
#auswahl li ul {position: absolute;    /* verschiebt nicht alles, macht das das Navi schön unterhalb erscheint */
				margin: 7px;
				padding: 7px;
				font-size: 75%;
				font-weight: bold;
				border-radius:15px; /* CSS3 */
 				behavior:url(border-radius.htc); /* Internet Explorer */
				display: none; } /* lässt das navi verschwinden*/ 

#auswahl li ul li {	padding: 5px;	}
					
#auswahl a:hover {color: #edf4ed; 
		 text-decoration:none;}		
		 			
ul#auswahl li:hover ul { display: block; } /* bringt das unter-navi zum Vorschein, wenn man mit Maus darüber fährt */ 		




li#hintergrund {background-color:	#99b199;
		    color: black; }
		    
li#namens {background-color:	#99b199;
		    color: black; }
		    
li#stammbaum {background-color:	#7aa77a;
		    color: black; }		    


li#diverses {background-color:	#6b926b;
		    color: black; }		    


li#diverses ul { background-color: #CFE3CF;
				 padding: 15px;
				 border: 1px solid #006600; 
			     border-radius:3px 30px 3px 30px; /* CSS3 */
				 margin-left: -20px; }/* macht, das der ul bündig unter der li-Liste steht */
				
li#diverses ul li { background-color: #6d966d;
					padding: 10px 20px 10px 20px;
			  		color: #006600;
			  		border-style: none; } 

li#links {background-color:	#5b7d5b;
		    color: black; }		
							
li#fremd {background-color:	#6b926b;
		    color: black; }		    


li#fremd ul { background-color: #CFE3CF;
				 padding: 15px;
				 border: 1px solid #006600; 
			     border-radius:3px 30px 3px 30px; /* CSS3 */
				 margin-left: -20px; }/* macht, das der ul bündig unter der li-Liste steht */
				
li#fremd ul li { background-color: #6d966d;
					padding: 10px 20px 10px 20px;
			  		color: #006600;
			  		border-style: none; } 

/* text - allgemein */

.text {		font-size: 95%;
			padding: 5%;
			text-align: left;	 
			}
		
.namenstext {	font-size: 95%;
				padding-right: 15px;
				text-align: left;	 
		}
		

		
/* Titelseite */ 

#willkommen  {
		margin-left: 100px; }

#willkommen th {
		margin: 5px ; 
		padding: 10px 20px 10px 25px;
		border-radius:3px 30px 5px 30px;
		border:solid 1px black;
	    background-color: #99b199; 
	
}

#willkommen td {margin: 5px ; 
		padding: 10px 20px 10px 25px;
		border: thin dotted #006600;
		border-radius:3px 30px 5px 30px;	
		
}



/* Link Tabelle */

	 	 
.link 	{		
		font-size: 90%;
	 	 }
	 	 
.tablink th {
		  margin: 5px ; 
		  background-color: #99b199;	
		  padding: 10px 20px 10px 25px;
		  border: solid 1px black;
		  border-radius:3px 30px 5px 30px;
		  }
		  
.tablink td {margin: 5px ; 
		  padding: 10px 20px 10px 25px;
		  border: thin dotted #006600;
		  border-radius:3px 30px 5px 30px;	
		  }
		  
/* Spezielles */

				  		
.clear		{clear: both;}



/* Footer */ 

#footer {
	clear: both;
	background-color: #c4ddc4; 
	border: 2px solid #006600; 
	border-radius:3px 30px 3px 30px; /* CSS3 */
	font-size: 12px;}   


#footer table {
	margin: 10px;
	width: 100%;
}

#footer th {
	font-size: 120%;
	font-style: bold;
} 

#footer td {
	font-size: 90%;
	
}

#footer img {margin-bottom: -5px;
			border:none}	


	

/* Formatierung des Onlex-Counters */

.onlex_counter { color: #CFE3CF; 
				 font-size: 80%;
		      	 padding: 5px;			 	}

.onlex{ 		text-align: center;				}	

.onlex_counter a:link { color: #CFE3CF;
		 text-decoration:none; }
      /* link pseudo-class, noch nicht besuchter Link */
.onlex_counter a:visited { color: #CFE3CF;
		 text-decoration:none; }  
      /* link pseudo-class, schon besuchter Link */
.onlex_counter a:hover { color: black;
		 text-decoration:none; }
      /* dynamic pseudo-class, Benutzer 'hovert' */
.onlex_counter a:active { color: #CFE3CF ;
		 text-decoration:none;} 
      /* dynamic pseudo-class, Link wird ausgewählt */
.onlex_counter a:focus { color: #CFE3CF;
		 text-decoration:none;} 
      /* dynamic pseudo-class, Element akzeptiert Eingaben */