/* CSS Document */
body {
	background-color: #E5FFA8;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A5A5A;
}

#top {
	width: 769px;
	height: 419px;
	background-image: url(img/energiewald.jpg);
	background-repeat: no-repeat;
	margin: auto;
}

#background {
	width: 769px;
	background-color: #E5FFA8;
	margin: auto;	
}

#right {
	width: 769px;
	background-image: url(img/right.gif);
	background-repeat: repeat-y;
	background-position: right;		
}

#content {
	width: 760px;
	background-color: #FFFFFF;
	margin-left: 2px;			
}

/** Hack für IE 6 und IE 7 **/
* html #content {
	margin-left: -4px;
}

*+html #content {
	margin-left: -4px;
}
/** Hack für IE 6 und IE 7 ENDE **/

#navi {
	width: 175px;
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#navi ul {
	padding: 0px;
	margin: 0px; 
}

#navi ul li {
	list-style: none;
	display: inline;
}

#navi ul li a {
	display: block;
	padding: 10px 0px 10px 10px;
	margin: 3px 0px 3px 10px;  
	text-decoration: none; 
	width: 140px;  
	border: 1px solid #C2E07C;  
	font-size: 14px;
	font-weight: bold;
	text-align: left;   
}

#navi a, #navi a:link, #navi a:visited {
	color: #ffffff;
	background-image: url(img/button.gif);
	background-repeat: repeat-x;
	background-position: center;
}

#navi a:hover, #navi a:focus {
    color: #8EA557;
	background-image: url(img/button2.gif);
	background-repeat: repeat-x;
	background-position: center;	
}

#navi #aktivhome a.haupthome,
#navi #aktivueberuns a.hauptueberuns,
#navi #aktivfewo a.hauptfewo,
#navi #aktivkommisall a.hauptkommisall,
#navi #aktivcouncil a.hauptcouncil,
#navi #aktivetb a.hauptetb,
#navi #aktivreiki a.hauptreiki,
#navi #aktivsr a.hauptsr,
#navi #aktivva a.hauptva,
#navi #aktivkontakt a.hauptkontakt,
#navi #aktivlinks a.hauptlinks,
#navi #aktivimpressum a.hauptimpressum {
	color: #8EA557;
	background-image: url(img/button2.gif);
	background-repeat: repeat-x;
	background-position: center;		
	border: 1px solid #C2E07C;   	
}

#navi #aktivkommisall a.unterkommisall,
#navi #aktivcouncil a.untercouncil,
#navi #aktivetb a.unteretb {
	display: block;
	padding: 5px 0px 5px 5px;
	margin: 3px 0px 3px 18px;  	
	width: 137px;
	background-image: url(img/button.gif);
	background-repeat: repeat-x;
	background-position: center;		
	color: #ffffff;   
	border: 1px solid #C2E07C;   
	font-size: 12px;
	font-weight: normal;  		
}

#navi #aktivkommisall a.aktiv,
#navi #aktivcouncil a.aktiv,
#navi #aktivetb a.aktiv {
	display: block;
	padding: 5px 0px 5px 5px;
	margin: 3px 0px 3px 18px;  	
	width: 137px;
	background-image: url(img/button.gif);
	background-repeat: repeat-x;
	background-position: center;		
	color: #8EA557;   
	border: 1px solid #C2E07C;   
	font-size: 12px;
	font-weight: normal;  		
}

#navi #aktivkommisall a:hover.unterkommisall, #navi #aktivkommisall a:focus.unterkommisall,
#navi #aktivcouncil a:hover.untercouncil, #navi #aktivcouncil a:focus.untercouncil,
#navi #aktivetb a:hover.unteretb, #navi #aktivetb a:focus.unteretb {
	background-image: url(img/button2.gif);
	background-repeat: repeat-x;
	background-position: center;		
	color: #8EA557; 
}

#navi a.hidden  {
	display: none;
}

#navi a.aktiv {
	display: block;
	padding: 5px 0px 5px 5px;
	margin: 3px 0px 3px 18px;  
	width: 137px;
	background-image: url(img/button2.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #C2E07C;   
	color: #8EA557;   
	font-size: 12px;
	font-weight: normal;  	
} 

#inhalt {
	width: 460px;
	float: right;
	margin: 30px 80px 20px 30px;
	text-align: left;
	line-height: 18px;		
}

/** Hack für IE 6 und IE 7 **/
* html #inhalt {
	margin: 45px 30px 20px 30px;	
}

*+html #inhalt {
	margin: 45px 80px 20px 30px;	
}
/** Hack für IE 6 und IE 7 ENDE **/

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #8EA557;	
}

#inhalt ul li {
	font-weight: bold;
	color: #8EA557;
	line-height: 18px;
	list-style-type: none;		
}

#inhalt ol li {
	list-style-type: disc;
}

#inhalt a, #inhalt a:link, #inhalt a:hover, #inhalt a:visited, #inhalt a:active  {
	color: #8EA557;
}

.kursiv {
	font-size: 12px;
	color: #8EA557;
	font-style: italic;
	line-height: 18px;	
}

strong {
	color: #8EA557;
}

legend {
	color: #8EA557;
	font-weight: bold;
}

label {
	float: left;
	text-align: right;
	width: 125px;
	margin-right: 10px;
}

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A5A5A;
	width: 250px;
	border: 1px solid #8EA557;
	background-color: #E5FFA8;
	margin: 2px;
}

input.strasse, input.ort {
	width: 180px;
}

input.plz, input.hnr, input.personen {
	width: 61px;
}

input.button {
	margin-left: 137px;
	width: 252px;
	font-weight: bold;
}

* html input.button {
	margin-left: 140px;
	width: 254px;
	font-weight: bold;
}

input:focus,textarea:focus {
	background-color: #ffffff;
}

.leerform {
	color: #993300;
	font-weight: bold;
}

#stopper {
	width: 1px;
	heigth: 1px;
	clear: both;
	border: 1px solid white;
}

#bottom {
	width: 769px;
	height: 8px;
	background-image: url(img/bottom.gif);
	background-repeat: no-repeat;
	margin: auto;
}