body {
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #F4F4F4 url(../bilder/bildhg.jpg) no-repeat fixed center center;
}

#main {
	position: absolute;
	left: 50%;
	top: 45%;
	text-align:center;
	width: 100%;
	margin-left: -50%;
	vertical-align: middle;
} 
.abstand {
	padding: 20px;
}




.font_logo {
	font: 85%/120% Geneva, Arial, Helvetica, sans-serif;
	color: #F1F1F1;
	text-align: center;
	letter-spacing: 1px;
}
#footer {
	position: absolute;
	left: 50%;
	top: 90%;
	text-align:center;
	width: 100%;
	margin-left: -50%;
	vertical-align: middle;
	font: 12px Arial, Helvetica, sans-serif;
}

#logo {
	position: absolute;
	left: 50%;
	top: 5%;
	text-align:center;
	width: 100%;
	margin-left: -50%;
	vertical-align: middle;
	font: 80% Geneva, Arial, Helvetica, sans-serif;
}



#banner {
	position: absolute;
	left: 50%;
	top: 25%;
	text-align:center;
	width: 100%;
	margin-left: -50%;
	
	vertical-align: middle;
}
#topnavi {
position: absolute;
	left: 50%;
	top: 20%;
	text-align:center;
	width: 88%;
	margin-left: -50%;
	
	vertical-align: middle;
}




#media21ani {
	position: absolute;
	left: 30%;
	top: 50%;
	
	width: 100%;
	margin-left: -50%;
	vertical-align: middle;
	
	
}
#medienbildungani {
	position: absolute;
	left: 40%;
	top: 50%;
	
	width: 100%;
	margin-left: -50%;
	vertical-align: middle;
}

#medienverleihani {
	position: absolute;
	left: 50%;
	top: 50%;
	
	width: 100%;
	margin-left: -50%;
	vertical-align: middle;
}






a.front:link {
	color: #000000;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
}

a.front:visited {
	padding: 2px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a.front:hover {
	color: #000000;
	padding: 2px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: underline;
}


#ftr {
 width:100%;
 height:35px;
 border: solid #000000; 
 border-width:1px 0;
 background:#eeeeee;
 color: #333333;
 margin:0;
 }