body		{
		margin: 0;
		padding: 0;
		font: 100.01%;
		text-align: left;  		 
		color: #FFF4E9; /*333FFF */			
		background-color: #FFF4E9;}/*DFD6D6 */
		
h1  		{	font-size:16pt;
				font-weight:bold;
				font-family: Verdana, Arial;
/*				color: #FD9867;*/
				color: #AA0000;		
				background-color: #FFFFFF;	}

h2			{	font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #AA0000;			}	

h3			{	font-size:11pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				margin-top:20px;
				margin-left:20px;
				margin-bottom:4px;
				color: #B19661;			}	

hr    {margin-top: 0px inherit}

				
p			{	font-size:12pt;
				line-height:25px;
				font-weight:normal;
				color:#04124E;
				font-family: Verdana, Arial;
				
		<!-- 		color: #425D7E;		 -->
				margin-top: 10px;
				}


.norm  		{	font-size:10pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #474747;			}		

.normbl		{	font-size:10pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				line-height:16pt;
				color: #05285C;			}

.normf 		{	font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #F35900;			}	

/* Glueckspforte Eingabemaske */				
.norm_gf	{	font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #C06000;			}		

.normk 		{	font-size:8pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #474747;			}	

.normg 		{	font-size:10pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #F35900;			}		
				
.normt 		{	font-size:10pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #F35900;	
				margin-left:20px		}	

.norm_anz	{	font-size:8pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #C6C6C6;			}		
				
.versicherung { font-size:12pt;
			  margin: 2px 2px 2px 2px;
			  padding: 0px 0px 0px 0px;}				

#inhalt li.versicherung  { font-size:12pt;
			  margin: 2px 2px 2px 2px;
			  padding: 0px 0px 0px 0px;}
			  
#inhalt a.versicherung	{	font-size:12pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #000000;			}	
			  
#inhalt li a.versicherung:link		{	color: #000000; TEXT-DECORATION: underline}
#inhalt li a.versicherung:hover		{	color: #000000; TEXT-DECORATION: underline}	
#inhalt li a.versicherung:active 		{	color: #000000; TEXT-DECORATION: underline}
#inhalt li a.versicherung:visited		{		   			TEXT-DECORATION: underline}	
#inhalt li a.versicherung:fokus		{	color: #000000; TEXT-DECORATION: underline}
			  				
#inhalt p a.versicherung:link		{	color: #000000; TEXT-DECORATION: underline}
#inhalt p a.versicherung:hover		{	color: #000000; TEXT-DECORATION: underline}	
#inhalt p a.versicherung:active 		{	color: #000000; TEXT-DECORATION: underline}
#inhalt p a.versicherung:visited		{		   			TEXT-DECORATION: underline}	
#inhalt p a.versicherung:fokus		{	color: #000000; TEXT-DECORATION: underline}
			  				

.spuren		{	font-size:16pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FDC416;			}	
				

.insel 		{	font-size:8pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				background-color:#EEF2DB;
				color: #822E00;			}

				
.hauch 		{	font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #2945fd;			}
				
.casanova	{	font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				text-align: center;
				color: #2945fd;		
				margin-bottom: 50px	;
				margin-top: 50px;
				}
				
.kontakt	{	font-size:10pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				text-align: left;
				color: #474747;		
				margin : 0px 50px 0px 80px;
				}
				
.frm_inp   {	text-align:left;}				


.news_titel {	margin: 0px 0px 0px 0px;
				width: 80%;
				font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #F35900;			  
				background-color: #F0F0F0;
	  			padding: 5px 0px 5px 5px;
				height: 20px;
				 }
				 
.das_glueck 	{	border: 2px 2px 2px 2px solid #FDC416;
				width: 145px;
				height: 93px;
				float:right;
				background-color: #FFFFFF; 
				border-width: 2px;
				border-top:  2px solid #FDC416;
				border-right:  2px solid #F35900;
				border-bottom: 2px solid #FDC416;
				border-left:  2px solid #FDC416;
				margin: 20px 20px 20px 20px; }				

				
.news_in 	{	border: 2px 2px 2px 2px solid #F0F0F0;
				width: 80%;
				background-color: #FFFFFF; 
				border-width: 2px;
				border-top:  2px solid #F0F0F0;
				border-right:  2px solid #F0F0F0;
				border-bottom: 2px solid #F0F0F0;
				border-left:  2px solid #F0F0F0;
				margin: 0px 0px 50px 0px; }				


.news_in p	{	padding: 5px 5px 5px 5px ; 
		 		margin: 0px 0px 0px 0px;
				line-height: 20px;}				

.gestrichelt {  border-top: 0px;
			 	height: 0px;
			 	border-bottom:1px dashed #cc0000;
		
			   					   }
							   				
				
a.whlink	{	color: #FFFFFF; TEXT-DECORATION: none}
a.redlink	{	color: #800000;	TEXT-DECORATION: none}
a.bllink	{	color: #98ADD8;	TEXT-DECORATION: none}
a.normbl	{	color: #05285C; TEXT-DECORATION: none}
a.linkz		{	color: #FFFFFF; TEXT-DECORATION: none}

a.linkz:hover		{	color: #0E61E2; TEXT-DECORATION: none}	

a.normt:link		{	color: #F35900; TEXT-DECORATION: none}
a.normt:hover		{	color: #474747; TEXT-DECORATION: none}	
a.normt:active 		{	color: #474747; TEXT-DECORATION: none}
a.normt:visited		{		   			TEXT-DECORATION: none}	
a.normt:fokus		{	color: #474747; TEXT-DECORATION: none}

a.menu:link		    {	color: #FFFFFF; TEXT-DECORATION: none}
a.menu:hover		{	color: #FDC416; TEXT-DECORATION: none}	
a.menu:active 		{	color: #FDC416; TEXT-DECORATION: none}
a.menu:visited		{	 	   			TEXT-DECORATION: none}	
a.menu:fokus		{	color: #FDC416; TEXT-DECORATION: none}

a.normt:link		{	color: #F35900; TEXT-DECORATION: none}
a.normt:hover		{	color: #474747; TEXT-DECORATION: none}	
a.normt:active 		{	color: #474747; TEXT-DECORATION: none}
a.normt:visited		{		   			TEXT-DECORATION: none}	
a.normt:fokus		{	color: #474747; TEXT-DECORATION: none}
		

a.normk:link		{	color: #474747; TEXT-DECORATION: none}
a.normk:hover		{	color: #F35900; TEXT-DECORATION: none}	
a.normk:active 		{	color: #F35900; TEXT-DECORATION: none}
a.normk:visited		{		   			TEXT-DECORATION: none}	
a.normk:fokus		{	color: #F35900; TEXT-DECORATION: none}

a.normg:link		{	color: #474747; TEXT-DECORATION: none}
a.normg:hover		{	color: #F35900; TEXT-DECORATION: none}	
a.normg:active 		{	color: #F35900; TEXT-DECORATION: none}
a.normg:visited		{		   			TEXT-DECORATION: none}	
a.normg:fokus		{	color: #F35900; TEXT-DECORATION: none}
								

								
.menu_a		{	font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #2945fd;			}	
				
.menu		{	font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FFFFFF;			}	

#container {	background-color: #F0F0F0;}				

		
/* Logo Kopf */

#saeule {
position:absolute;
top:0px;
left:0px;
width:164px;}

#kopf 			{background-color: #FFFFFF;
				background: url(Bilder/kopflinie-blau.gif) repeat-x 0px 151px #FFFFFF; 
				background-position: 0px 151px;
				background-repeat:repeat-x;
				width: auto%;
				height:185px;
				text-align: left;
				margin-left:0px ;
				margin-bottom:2px;
				width:auto;}

#kopf-versicherung	{	background-color: #FFFFFF;
				background: url(Bilder/kopflinie-blau.gif) repeat-x 0px 160px #FFFFFF; 
				background-position: 0px 160px;
				background-repeat:repeat-x;
				height:195px;
				text-align: left;
				margin-left:0px ;
				margin-bottom:2px;
				width:auto;}
				
#kopf-games	{	background-color: #FFFFFF;
				background: url(Bilder/kopflinie-blau.gif) repeat-x 0px 165px #FFFFFF; 
				background-position: 0px 160px;
				background-repeat:repeat-x;
				height:195px;
				text-align: left;
				margin-left:0px ;
				margin-bottom:2px;
				width:auto;}

#kopf_logo   	{	margin-top:10px;
				margin-right:0px;
				margin-bottom:0px;
				margin-left:80px;				
				background-color: #FFE860;
				text-align: left;	
				height:100px;	
				width:auto;
				float:left;	
				}

#kopf img.logo {   margin-top:10px;
	  			margin-left:0px;
				float:left;
				background: url(Bilder/kopflinie.gif) repeat-x 0px 0px #FFF4E9; 
				background-position: 0px 0px;
				background-repeat:repeat-x;
				width: auto%;
				height:27px;
				text-align: center;				
				height:80px;
				width:72px;
				}

#kopf img.schrift {   margin-top:20px;
	  			margin-left:10px;
				float:left;				
				height:60px;
				width:269px;
				}
				
				
#kopflinie {	clear: both; 
				background-color: #FFFFFF;
				background: url(Bilder/kopflinie.gif) repeat-x 0px 0px #FFFFFF; 
				background-position: 0px 0px;
				background-repeat:repeat-x;
				width: auto%;
				height:27px;
				text-align: center;
				margin: 0px 0px 0px 0px;
				margin-top:0px;
			 						}	

#kopf-andreas		{   text-align:left;
				float:left;
				margin-top: 18px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 5%;
				width: autopx;		
				height: 80px;	
				background-color: #FFFFFF;
				}
	

							   			
#kopf-andreas h1 { 	margin-left:0px;
				background: url(Bilder/back_h1.gif) repeat-x 0px 0px #FFFFFF; 
				background-position: 0px 0px;
				background-repeat:repeat-x;
				margin-top: 10px; 
				margin-bottom: 0px;
				padding: 0px 0px 0px 0px;
				background-color: #FFF4E9;
				font-size:40pt;
				text-align: left;
				width:auto;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FF952B;
<!-- 				color: #FD9867; -->				
		   		}
										
#kopf-adr		{   text-align:left;
				position:absolute;
				top: 153px;
				right: 5%;
				width: auto;		
				height: auto;	
				background-color: #85A7C7;
				}
	

							   			
#kopf-adr h1 { 	margin-top: 0px; 
				margin-bottom: 0px;
				padding: 0px 0px 0px 0px;
				background-color: #85A7C7;
				font-size:10pt;
				text-align: left;
				width:auto;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #AA0000;
 					   		}

#kopf-adr h2 { 	margin-top: 0px; 
				margin-bottom: 0px;
				padding: 0px 0px 0px 0px;
				background-color: #85A7C7;
				font-size:10pt;
				text-align: left;
				width:auto;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #AA0000;
 					   		}


			


			
/* Inhaltsspalte */		

#prozente	{  	position:absolute;  
				top:650px;		
				right:50px;
							}

#inhalt	{  		margin: 0px 100px 0px 7% ;  
				background-color: #FFF4E9;		
				text-align: left;
				width:auto;	
							}
				
				
#inhalt h1 { 	margin: 64px 0px 40px 0px; 
				background-color: #FFF4E9;

		   		}

#inhalt h2 { 	margin: 40px 0px 0px 0px; 
				background-color: #FFF4E9;
		   				   		}

						
#inhalt a { 	font-size:10pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				margin-left:0px;
				color: #F35900;
		   		}

#inhalt p a:link		{	color: #F35900; TEXT-DECORATION: none}
#inhalt p a:hover		{	color: #474747; TEXT-DECORATION: none}	
#inhalt p a:active 		{	color: #474747; TEXT-DECORATION: none}
#inhalt p a:visited		{	 	   			TEXT-DECORATION: none}	
#inhalt p a:fokus		{	color: #474747; TEXT-DECORATION: none}
				
				
#inhalt a.spuren		{	font-size:16pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FDC416;			}	


				
#inhalt p img {	width:auto;
	   			margin: 4px 4px 4px 4px ; 
	   			border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
								}
#inhalt ul 	{	color:#425D7E ;
				margin-left:20px;	
				margin-bottom:50px;
				line-height:1.5em;			
					}
				
#inhalt ul li	{ font-size:12pt;
				line-height:25px;
				font-weight:normal;
				margin-left:2px;	
				margin-bottom:40px;
				color:#04124E;
					font-family: Verdana, Arial;
					list-style-type: disk ;
					margin-left:20px;
					
							}		

				/* Linie gestrichelt */							
#inhalt hr 		{	margin-top: 20px;		
					margin-bottom: 20px;
					margin-left:0px;
				border-top: 0px;
			 	height: 0px;
				width:600px;
				lenght:600px;
				text-align:left;
			 	border-bottom:1px dashed #cc0000;

					}	

#inhalt hr.pforte		{margin-top: 15px;		
						margin-bottom: 2px;	
						border-top: 0px;
						height: 0px;
						border-style: solid;
						border-bottom:1px solid #474747;

					}	
					
#kern  {width:70%}			

.stroh-haus {float:right;	
   			border-top:2px solid #AA0000;
			border-right:2px solid #AA0000;
			border-bottom:2px solid #AA0000;												
			border-left:2px solid #AA0000;
			margin-left:10px;
			margin-bottom:10px;			
			}

.t-check {float:right;
		 width:163px;
		 height:192px;	
		 margin-left:10px;
		 margin-bottom:10px;
   			border-top:2px solid #AA0000;
			border-right:2px solid #AA0000;
			border-bottom:2px solid #AA0000;												
			border-left:2px solid #AA0000;}		

.kontakt {float:right;
		 width:200px;
		 height:142px;	
		 margin-left:10px;
		 margin-bottom:10px;
   			border-top:2px solid #AA0000;
			border-right:2px solid #AA0000;
			border-bottom:2px solid #AA0000;												
			border-left:2px solid #AA0000;}		

#rupp {float:right; 
	  width:250px;
	  margin: 10px 0px 10px 10px;
	  background-color:#AA0000;} 			

#rupp h2 {background-color:#AA0000;
	  margin-top:0px;
	  padding: 10px 10px 10px 10px;
	  line-height:25px;
	  color:#FFF4E9;
	  } 			
				
#rupp p {background-color:#AA0000;
	  margin-top:0px;
	  font-size:10pt;
	  padding: 10px 10px 10px 10px;
	  line-height:25px;
	  color:#FFE860;
	  } 	


#rupp a  { font-weight:bold;
	  font-size:16pt;
 	  color:#00CFF2;
	  background-color:#AA0000;
	  margin-top:0px;
	  padding: 10px 10px 10px 5px;
	  line-height:35px;}

  
#rupp p a:link {  color: #00CFF2;	 TEXT-DECORATION: none } 			
#rupp p a:hover		{	color: #FFFFFF; TEXT-DECORATION: none}	
#kern p a:active 	{	color: #FFFFFF; TEXT-DECORATION: none}
#kern p a:visited		{	 	   			TEXT-DECORATION: none;}
#kern p a:fokus		{	color: #00CFF2; TEXT-DECORATION: none}
	  

#historie-fertig {width:380px;
				 background-color: #FFF4E9;}
				 
#historie-fertig ul {margin-left:0px;
				 padding: 0px 0px 0px 0px;}

#historie-fertig ul li {margin-left:20px;
				 padding: 0px 0px 0px 0px;}
				 
#historie-offen {float:right;
				 background-color: #FFF4E9;
				margin-right:0px;
				width:380px;}
				
#historie-offen ul {margin-left:0px;
				 padding: 0px 0px 0px 0px;}

#historie-offen ul li {margin-left:20px;
				 padding: 0px 0px 0px 0px;}
				

 			
					
#politika {float: right;
width: 320px;
height: 200px;
margin-right: 100px;
margin-top: 0px;
margin: 0px 100px 20px 20px; }


#waage {float:right;
 margin-right:200px;}
					
.bilder {	width:auto;
	   			margin: 4px 4px 4px 4px ; 
	   			border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
								}
						
			
html>body #inhalt {
		  		width: auto; /* ie5win fudge ends */	
				background-color:#FFF4E9}		


/* google Werbung */				
				
#google    {	position: relative;
		   		margin: 50px 100px 8px 5%;
		   		width: 750px;
				height: 100px;
				background-color: #FFF4E9;				
				text-align:left;}	
				

				
				

/* Zukünftige linke Spalte */

																
#links	{  		float:left;
				z-index:1;
				margin: 0px 165px 0px 0px;  
				background-color: #8dd6f5;		
				text-align: left;	
				
				width: 200px;
							}
/* Über uns -*/


.straw	  	  { margin-top:50px;
			  	margin-bottom:10px;
				height:550px;
			  	width:520px;}

.straw img {	width:auto;
	   			margin: 4px 4px 4px 4px ; 
	   			border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
								}


/* office edition */

#office	  {		background-color: #FFDA6D;
		  		margin-left:3%;
				margin-top:50px;
				margin-bottom:100px;								
		  		width:280px;
				height:550px;
				float:left;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				}

#office hr, #home hr {width:280px;
				lenght:280px;}								

#office h2 {	margin-left:10px;
				margin-top:15px;
				margin-bottom:15px;				 
				background-color: #FFDA6D;
				font-size:18pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #B27F60;}
				
#office ul   {  margin-left: 20px;
				padding: 0 0 0 0;
				line-height: 20px;
				}
				

#office ul li   {  font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				line-height: 20px;
				color: #B27F60;			}

				
#office p {		margin-left:10px;
				margin-top:15px; 
				margin-bottom:15px;
				background-color: #FFDA6D;
				font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #B27F60;}

.auswahl_o  {	background-color: #FFDA6D;
				margin-top:80px;
				margin-left:200px;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 234px; /* ie5win fudge begins */
				height: 135px;
				text-align: left;			
								  }

.office_g  {	background-color: #FFDA6D;
				margin-top:50px;
				margin-left:0%;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 290px; /* ie5win fudge begins */
				height: 255px;
				text-align: left;				
								  }
								  
								  
.auswahl_o img , .office_g img { margin-top:10px;
				  margin-left:10px;
				  }								  				
				
				
.vor_bild {		margin-top:115px;
		  		margin-left:2%;	
				float:left;	  }				

/* home edition */

#home	{		background-color: #DD7120;
				margin-top:50px;
				margin-left:10%;
				margin-bottom:100px;
		  		width:280px;
				height:550px;
				float:left;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				
				
				}		
						
#home h2 {		margin-left:10px;
				margin-top:15px; 
				margin-bottom:15px;
				background-color: #DD7120;
				font-size:18pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FFFFFF;}

#home ul   {  margin-left: 20px;
				padding: 0 0 0 0;
				line-height: 20px;
				}
				

#home ul li   {  font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				line-height: 20px;
				color: #FFFFFF;			}
				

#home p {		margin-left:10px;
				margin-top:10px; 
				margin-bottom:0px;
				background-color: #DD7120;
				font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FFFFFF;}
				
.auswahl_h  {	background-color: #DD7120;
				margin-top:80px;
				margin-left:200px;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 234px; /* ie5win fudge begins */
				height: 135px;
				text-align: left;
				
								  }
.auswahl_h img { margin-top:10px;
				  margin-left:10px;
				  }								  				
				
.einzeln_h  {	background-color: #DD7120;
				margin-top:50px;
				margin-left:0%;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 520px; /* ie5win fudge begins */
				height: 363px;
				text-align: left;
				
								  }

.pultdach_125g  {	background-color: #DD7120;
				margin-top:50px;
				margin-left:0%;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 520px; /* ie5win fudge begins */
				height: 354px;
				text-align: left;
				
								  }


.einzeln_125  {	background-color: #DD7120;
				margin-top:50px;
				margin-left:0%;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 290px; /* ie5win fudge begins */
				height: 255px;
				text-align: left;
				
								  }

.einzeln_h img, .einzeln_125 img, .pultdach_125g img { margin-top:10px;
				  margin-left:10px;
				  }								  				


.h_100_g	  {	background-color: #DD7120;
				margin-top:100px;
				margin-left:0%;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 579px; /* ie5win fudge begins */
				height: 552px;
				text-align: left;}

.h_l_g	   {	background-color: #DD7120;
				margin-top:100px;
				margin-left:0%;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 579px; /* ie5win fudge begins */
				height: 494px;
				text-align: left;}

				
/*Top-Zeile*/
									
#top		{	background-color: #F0F0FE;
				float:right;
				margin-top:100px;
				margin-right:80px;
			
				width: 30px;
				padding: 1px 1px 3px 3px;				
				text-align: left;
			 	background-color: #F0F0FE;
				border-top:1px solid #B4B1AA;
				border-right:1px solid #B4B1AA;
				border-bottom:1px solid #B4B1AA;												
				border-left:1px solid #B4B1AA;				
			 						}	
									


#top a  	{	font-size:8pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #474747;			
				display: block;}		

#top a:link		{	color: #474747; TEXT-DECORATION: none}
#top a:hover		{	color: #F35900; TEXT-DECORATION: none; background-color:#FFF;}	
#top a:active 		{	color: #F35900; TEXT-DECORATION: none}
#top a:visited		{		   			TEXT-DECORATION: none}	
#top a:fokus		{	color: #F35900; TEXT-DECORATION: none}

#level_1	{	background-color: #FFFFFF;
				position:absolute;
				padding: 1px 1px 1px 1px;
				margin-top:0px;
				top:140px;
				right:100px;
				width:auto;
				height:25px;}
				
#level_1 h1 {	color:#D4D4D4;
		   		font-size:23pt;
				background-color: #FFFFFF;
				padding: 1px 1px 1px 1px;	
				margin-top:0px;							 
				  	}				


																							
/*Fusszeile */

#fuss		{	background-color: #FFF4E9;
				width: auto%;
				text-align: center;
				margin: 100px 20px 42px 165px;
			 						}	
#fuss p   	{	font-size:8pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #474747;			}	

#fuss p a  	{	font-size:8pt;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #474747;			}	

													
#fuss a:link		{	color: #474747; TEXT-DECORATION: none}
#fuss a:hover		{	color: #F35900; TEXT-DECORATION: none}	
#fuss a:active 		{	color: #F35900; TEXT-DECORATION: none}
#fuss a:visited		{		   			TEXT-DECORATION: none}	
#fuss a:fokus		{	color: #F35900; TEXT-DECORATION: none}

				
/* Vokabeln Alphabet Leiste */

#inhalt .alpha a:link		{	color: #474747; TEXT-DECORATION: none}
#inhalt .alpha a:hover		{	color: #F35900; TEXT-DECORATION: none}	
#inhalt .alpha a:active 		{	color: #F35900; TEXT-DECORATION: none}
#inhalt .alpha a:visited		{		   			TEXT-DECORATION: none}	
#inhalt .alpha a:fokus		{	color: #F35900; TEXT-DECORATION: none}

#inhalt .alpha a  			{	font-size:8pt;
						font-weight:normal;
						font-family: Verdana, Arial;
						color: #474747;			
						margin-right: 1px;
						}	

.alpha ul li  		{	font-size:10pt;
						font-weight:normal;
						font-family: Verdana, Arial;
						color: #474747;			}		
						
.alpha hr 			{	margin-top: 10px;
						}	
						

/*  Sicherlich glücklisch */

.kinder		{	font-size:7pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #2945fd;			}

				
.lisch		{	font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #3aca02;			}

.k_glueck	{	font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #FDC416;			}
				
.k_isch		{	font-size:8pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #3aca02;			}
				
.k_l 		{	font-size:8pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #F35900;			}
				
.g_l 		{	font-size:16pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #F35900;			}

.sicherlich	{	font-size:12pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #474747;			}
				

/* Menüleiste */

#menue		{	position:absolute;
				right:20px;
				top:200px;
			    margin: 0px 0px 0px 0px;
				background-color: #F0F0FE;
				border-top:2px solid #B4B1AA;
				border-right:2px solid #B4B1AA;
				border-bottom:2px solid #B4B1AA;												
				border-left:2px solid #B4B1AA;
				width: 145px; /* ie5win fudge begins */
				voice-family:inherit;				
				width: 145px;
				font-family: Verdana, Arial;				
				text-align: left;
				/*  body>#menue { float: left; } */ 
			 						}
									
html>body #menue {
	width: 145px; /* ie5win fudge ends */		}	

#_menue img	{   margin-top:15px;
	  			margin-left:0px;
				height:93px;
				width:145px;
				border:0px;}
						


#_menue ul   {   list-style-type: none; 
	   			margin-left: 10px;
				padding: 0 0 0 0;
				line-height: 24px;
				}
				

#_menue ul li a  {  font-size:10pt;
				font-weight:bold;
				font-family: Verdana, Arial;
				line-height: 24px;
				color: #B27F60;			}
				
#_menue ul li a:link		{	color: #B27F60; TEXT-DECORATION: none}
#_menue ul li a:hover		{	color: #FDC416; TEXT-DECORATION: none}	
#_menue ul li a:active 		{	color: #FDC416; TEXT-DECORATION: none}
#_menue ul li a:visited		{	 	   			TEXT-DECORATION: none}	
#_menue ul li a:fokus		{	color: #FDC416; TEXT-DECORATION: none}

.aktiv 		{	font-size:1em;
				font-weight:bold;
				font-family: Verdana, Arial;
				color: #DD7120;			}	

				
.aktiv_2	{	font-size:1em;
				font-weight:normal;
				font-family: Verdana, Arial;
				color: #DD7120;			}	


.img_menue  {	position: relative;   
			    float: left;
				padding: 2px;
				border: 1px solid #9FA41D;
				margin: 0px 0px 0px 0px;
				width: 145px;
				height: 93px;
				}
	
/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */
#menue ul, #menue ol, #menue li {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial;	
}

/*	als eigene Klasse, um es im Context einer Seite besser steuerbar zu machen */
.menueText {
	font-size: 0.8em;
	font-family: Verdana, Arial;	
}



/*	In der Navigation sollen keine Linien unter den Links sein, ausserdem sollen alle Links Block-Elemente sein, damit die ganze Navigations-Flaeche klickbar wird */
#menue a {
	text-decoration: none;
	font-family: Verdana, Arial;	
	display: block;
 	color: #2E3192; }

/*	fuer den IE muessen die Links in diesem Fall eine Breite bekommen */
* html #menue a {
	width: 100%;
}

/*	fuer Hauptpunkte sollen die Eintraege Fett sein, Hauptpunkte haben zum naechsten Punkt eine dicke Border */
#menue ul li {
	font-weight: bold;
	font-family: Verdana, Arial;	
	border-bottom: 4px solid #A9B0D7;
}

/*	fuer Hauptpunkte im 1.Level, die keinen Unterpunkt haben, und gerade aktiv sind. wie zB Start*/
#menue ul li.aktiv_i {
	background: url(Bilder/menue_ak.gif) no-repeat 2px 9px;
	background-position: 2px 9px;	
	background-color: #FFF;
	color: #EE3338;	
	padding: 6px 7px 6px 24px;
}

/*	fuer Hauptpunkte im 1.Level, die keinen Unterpunkt haben, und nicht aktiv sind. wie zB Start*/
#menue ul li.inv a {
	background: url(Bilder/menue_pa.gif) no-repeat 2px 9px;
	background-position: 2px 9px;	
	padding: 6px 7px 6px 24px;
}


/*	aufgrund des Problems, Borders richtig anzuzeigen, hier für den IE eine Hoehe (wirkt wie min-height) */
* html #menue ul li {
	height: 1em;
}

/* 	Level 1 Eintrage haben ein Hintergrundbild, und ein paar Abstaende, die padding-left/right sind wichtig fuer später */
#menue ul li a {
	background: url(Bilder/menue_un_pa.gif) no-repeat 2px 10px;
	background-position: 2px 10px;	
	padding: 6px 7px 6px 24px;
}

/* 	Bei Hover ueber einen Level 1 Eintrag bekommt der a des Eintrages rechts und links eine Border und das padding left/right wird um die breite der Border verringert.
	Aufgrund dessen muessen wir auch das Hintergrundbild neu positionieren */
#menue ul li a:hover, #menue ul li a:focus, #menue ul li a:active {
	background-color: #FFF;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	padding-left: 19px;
	padding-right: 2px;
	background-position: 5px 10px;
}

/*	Der aktive Level 1 Eintrag bekommt immer eine linke Border, dehalb muß das Padding um den Border-Wert veraendert werden.
	Somit auch wieder das Hintergrundbild neu positionieren (und ein anderes benutzen, da er ja aktiv ist) 
	Das gilt aber nur, wenn ein Level 2 Eintrag ausgewaehlt ist (Level 1 hat sonst keinen Link) */
#menue ul li.aktiv div a {
	border-left: 5px solid #DFE1F0;
	padding-left: 19px;
	background-position: 5px 10px;
	background-image: url(Bilder/menue_un_pa_au.gif);
}

/*	Da oben für die Hover Effekte die Borders gesetzt werden, muessen wir hier noch einmal für den aktiven sagen, dass die Borderfarbe die Hover-Farbe sein soll */
#menue ul li.aktiv div a:hover, #menue ul li.aktiv div a:focus, #menue ul li.aktiv div a:active {
	border-left-color: #FFF;
}

/*	Dies ist der Zustand, wenn man auf der Seite des Level 1 Eintrages ist. Es ist also ein zweite UL vorhanden, der Navigationspunkt ist ausgeklappt und hat keinen Link.
	Hier wird eine Border links gesetzt, welche die gleiche Farbe wie der Hintergrund hat. Surfer mit normalen Farbeinstellungen sehen sie also nicht.
	Nur User mit veraenderten Kontrasten sehen sie. Ein anderes Hintergrundbild zeigt für "normale" User an, dass dieser Punkt ausgewaehlt ist */
#menue ul li.aktiv div.aktiv {
	border-left: 5px solid #FFF;
	color: #EE3338;
	background: url(Bilder/menue_un_ak.gif) no-repeat 5px 10px #FFF;
	background-position: 5px 10px;	
	padding: 6px 7px 6px 19px;
}

/*	der IE rechnet Hintergrundbilder dieser Konstruktion etwas anders, deshalb bekommt er eine andere Position */
* html #menue ul li.aktiv div.aktiv {
	background-position: 10px 10px;
}

/*	LEVEL 2 */

/* Fuer normale Level 2 Eintraege muessen wir ein paar Sachen von Level 1 ueberschreiben */
#menue ul li ul li {
	font-weight: normal;
	border-top: 1px solid #A9B0D7;
	border-bottom: 0 solid #A9B0D7;
}

/* 	Level 2 Eintraege haben ein anderes Icon, andere Paddings etc. */
#menue ul li ul li a {
	background: url(Bilder/menue_pa.gif) no-repeat 20px 7px;
	background-position: 10px 7px;	
	padding: 4px 7px 4px 34px; }

/*	fuer Hauptpunkte im 1.Level, die keinen Unterpunkt haben, und nicht aktiv sind. wie zB Start*/
#menue ul li ul li.inv a {
	background: url(Bilder/menue_un_pa.gif) no-repeat 20px 7px;
	background-position: 10px 7px;
	padding: 4px 7px 4px 34px;		}


/*	Und hier machen wir das gleiche wie oben, muessen es aber für Level 2 Eintraege aufgrund ihrer geaenderten Position etwas neu anpassen */
#menue ul li ul li a:hover, #menue ul li ul li a:focus, #menue ul li ul li a:active {
	background-color: #FFF;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	padding-left: 29px;
	padding-right: 2px;
	background-position: 15px 7px;
}

/*	und fuer den selektierten Level 2 Eintrag wieder links eine feste Border und die Paddings anpassen */
#menue ul li ul li.aktiv {
	border-left: 10px solid #A9B0D7;
	background: url(Bilder/menue_ak.gif) no-repeat 10px 7px #FFF;
	background-position: 10px 7px;
	padding: 4px 7px 4px 24px;
	color: #EE3338;
}	

/*	LEVEL 3 */

/*	Dies ist der Zustand, wenn man auf der Seite des Level 2 Eintrages ist. Es ist also ein zweite UL vorhanden, der Navigationspunkt ist ausgeklappt und hat keinen Link.
	Hier wird eine Border links gesetzt, welche die gleiche Farbe wie der Hintergrund hat. Surfer mit normalen Farbeinstellungen sehen sie also nicht.
	Nur User mit veraenderten Kontrasten sehen sie. Ein anderes Hintergrundbild zeigt für "normale" User an, dass dieser Punkt ausgewaehlt ist */
#menue ul li ul li.aktiv_2 div.aktiv_2 {
	border-left: 5px solid #FFF;
	color: #EE3338;
 	background: url(Bilder/menue_un_ak.gif) no-repeat 14px 10px #FFF; 
 	background-position: 14px 10px; 	
	padding: 4px 1px 4px 29px;
}

/*	der IE rechnet Hintergrundbilder dieser Konstruktion etwas anders, deshalb bekommt er eine andere Position */
* html #menue ul li.aktiv div.aktiv_2 {
	background-position: 14px 10px;
}


/* Fuer normale Level 3 Eintraege muessen wir ein paar Sachen von Level 1 ueberschreiben */
#menue ul li ul li ul li {
	font-weight: normal;
	font-size: 1em;
	border-top: 1px solid #A9B0D7;
	border-bottom: 0 solid #A9B0D7;
}

/* 	Level 3 Eintraege haben ein anderes Icon, andere Paddings etc. */
#menue ul li ul li ul li a {
	background: url(Bilder/menue_pa.gif) no-repeat 18px 7px;
	background-position: 18px 7px;	
	font-size: 1em;	
	padding: 4px 1px 4px 44px;
}

/*	Und hier machen wir das gleiche wie oben, muessen es aber für Level 3 Eintraege aufgrund ihrer geaenderten Position etwas neu anpassen */
#menue ul li ul li ul li a:hover, #menue ul li ul li ul li a:focus, #menue ul li ul li ul li a:active {
	background-color: #FFF;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	padding-left: 39px;
	padding-right: 2px;
	background-position: 25px 7px;
}

/*	und fuer den selektierten Level 3 Eintrag wieder links eine feste Border und die Paddings anpassen */
#menue ul li ul li ul li.aktiv_2 {
	border-left: 10px solid #A9B0D7;
	background: url(Bilder/menue_ak.gif) no-repeat 10px 7px #FFF;
	background-position: 20px 7px;
	padding: 4px 1px 4px 34px;
	color: #EE3338;
}

/*	Der aktive Level 2 Eintrag bekommt immer eine linke Border, dehalb muß das Padding um den Border-Wert veraendert werden.
	Somit auch wieder das Hintergrundbild neu positionieren (und ein anderes benutzen, da er ja aktiv ist) 
	Das gilt aber nur, wenn ein Level 2 Eintrag ausgewaehlt ist (Level 1 hat sonst keinen Link) */
#menue ul li ul li.aktiv_2 div a {
	border-left: 5px solid #DFE1F0;
	padding-left: 29px;
	background-position: 14px 10px;
	background-image: url(Bilder/menue_un_pa_au.gif);
}