*  { padding: 0; margin: 0; }
body { 
   color: black; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   background-color: #8c8c8c; 
   
}


#wrapper {														/*  Gesamte seite */ 
	position: relative;
	text-align: left;
	color: #333333;
	
	width: 997px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: white;
	background-image: url(bilder/hg_flaechen.jpg);
	border: 1px solid #666666;

}





#kopfbereich { }														/*  KOPF */ 

#wrapper_inhalt {
	position: relative;
	
	
  
}
#textbereich {														/*  FLIEßTEXT */ 
	margin-top:10px;
	margin-left: 241px;
	margin-right: 241px;
	min-height:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	}

*html #textbereich {						/* Patch */ 
height:400px;
}

#textbereich p{
	line-height: 18px;
	padding-top: 15px;
	}
	
h1 {
	margin-bottom: 10px;
	color: #990066;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
} 


   
#textbereich a {
	font-weight: bold;
	color: #CC3333;
   }  

#textbereich ul {
	color: #000;
	line-height: 18px;	
	padding-top: 10px;}     

#textbereich li { padding-top: 8px}

   
     
#textbereich a:hover,
#textbereich a:focus{
	color: #E09C1F;
}  

#textbereich table {
	margin-left: 20px;
	width: 200px;
	line-height: 20px;
	padding-bottom: 10;
} 

#textbereich tr {
	font-size: 10px;
	color: Black;
	}

#textbereich hr {
	color: black;
	border: 1px;
	margin-bottom: 10px;
}
    
#spalte { 														/*  NEWS */ 
   position: absolute; 
   top: 10px; 
   right: 0px; 
   width: 180px;  
   background: #F2F2F2;  
   min-height:200px; 
   padding:10px;
   margin-top:-10px;
   font-size: 11px;
   
}  

#spalte a {
	color: #CC3333;
	font-weight: bold;
	text-decoration: none;
	background-position:0px 0px ;
   }  

#spalte li {padding-top: 8px}

     
#spalte a:hover,
#spalte a:focus{
	color: #E09C1F;
}  

.uebs {														/*  NEWS ÜBERSCHIRIFT LILA */ 
	padding-top: 5px;
	padding-bottom: 15px;
	background: url(bilder/linie_spalte.jpg) repeat-x 0px 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	margin-top:30px;
	font-size: 13px;
	color: #990066;
	font-weight: bold;
}  







#menue_links {														/*  HAUPTMENUE */ 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	padding-top:30px;
	margin-top:-10px;
	   } 
	   
	   
	   
*html #menue_links {								/* Patch */ 
	left: -241px;
   }	   
   
   #menue_links ul {	list-style-position:outside;	 } 
   #menue_links li {
	list-style-type: none;

	margin-bottom: 3px;
	background-image: url(bilder/but.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	}

  
#menue_links a {
	height:20px;
	display: block;
	padding-left: 33px;
	padding-top: 7px;
	background-image: url(bilder/pfeil.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-color: #AE4444;
	color: #FFFFFF;
	border: 1px dashed #976897;

	
} 
   
										
   
#menue_links a:hover
  
 {background-color: #CC0000;
	color: #FFFFFF;
} 
  
  



#menue_links a.aktiv {
	  background: #CC0000;
	 background-image:url(bilder/pfeil.jpg);
	 background-repeat: no-repeat;
} 	
	
	

#menue_links a.pfeil_offen {
	background-color: #AE4444;
	 background-image:url(bilder/pfeil_offen.jpg);
	 background-repeat: no-repeat;
	
}


  
#menue_links a.u_menue {														/*  UNTER-MENUE */
	background-image: url(bilder/but_rot.jpg);
	color: #A52A2A;
	margin-left: 27px;
	padding-left: 18px;
	background-position: 5px 9px;
	background-color: #E7E7E7;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
} 

#menue_links a.u_menue:hover{
	background-color: white;
color: #A52A2A;
} 





#menue_links a.u_menue_aktiv {
	background-image: url(bilder/but_weiss.jpg);
	margin-left: 27px;
	padding-left:18px;
	background-position: 5px 9px;
	background-color: #990066;
	color: white;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;

} 



/* Das Kontaktformular */
form {
   background-color: #fff;
   width: 350px; /* Breite des Formulars */ 
   padding: 0px; 
   /*border: 1px solid #8c8c8c;*/
}
/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
   cursor: pointer; 
} 
input#input, 
textarea { 
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}
textarea { 
   height: 7em; 
}
input#input:focus, 
textarea:focus {
   background-color: #d9d9d9; 
}

.checkbox {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.button {border: 1px solid black;}		
.button hover {border: 1px solid silver;}		