html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family:  Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #393939;
line-height: 18px;
}

a:link {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #393939;
	text-decoration:none;
	line-height: 18px;
	}
	
a:visited {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #393939;                     
	text-decoration:none;
	line-height: 18px;
	}
	
a:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #55AA28;
	text-decoration:none;
	line-height: 18px;
	}
	
a.active {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #55AA28;
	text-decoration:none;
	line-height: 18px;
	}
	
.normal {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	line-height: 18px;
	}
	
.fett {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	line-height: 18px;
	}
	
.klein {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	line-height: 18px;
	}
	
.andro_gruen_klein {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #55AA28;
	text-decoration: none;
	line-height: 18px;
	}	
	
.kursiv {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #808080;
	text-decoration: none;
	}
	
.andro_gruen {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #55AA28;
	text-decoration: none;
	line-height: 18px;
	}
	
.maro_orange {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E74B1C;
	text-decoration: none;
	line-height: 18px;
	}	
	

.titel {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #55AA28;
	text-decoration: none;
	line-height: 18px;
	}
	
.titel_maro {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #E74B1C;
	text-decoration: none;
	line-height: 18px;
	}

#site {
	margin: auto; /* Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
}

#site_unten {
	margin: auto; /* Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	background-color: #868789;
}

#main {
	width:1000px;
	min-height: 100%;
	margin:0 auto;
	height: 100%;
}
#header {
	width:1000px;
	height: 180;
}

#navi {
	float:left;
	width:320px;
	margin-left:14px;
	margin-top:20px;
}

#content {
	float:right;
	width:640px;
	background-image: url(bilder/content.jpg);
	background-repeat: repeat-y;
}

#inhalt {
	float:left;
	width:570px;
	margin-left:30px;
	margin-top:280px;
}

#main_image_body {
	position:absolute;
	width:600px;
	height:10px;
	z-index:1;
}

#main_image {
	position:absolute;
	width:600px;
	height:400px;
	z-index:2;
	left: 14px;
	top: -134px;
}

#footer {
	width:1000px;
	height: 150;
	margin:0 auto;
	background-color: #868789;
}

#bottom {
	float:left;
	height: 150px;
	width:100%;
	height:100%;
	z-index:1;
	bottom:0px; 
	margin-top:-36px;
	background-color: #868789;
}

.clearfix:after { 
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
 
.clearfix {display:inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */