body	{
	background-color:#5a5a5a;
	margin:0;
	}
a	{
	color:#5a5a5a;
	text-decoration:none;
	}	
a:hover	{
	text-decoration:underline;
	}
.logo	{
	padding-top:100px;
	overflow:hidden;
	}	
.logo_bau	{
	margin-top:70px;
	}
	
.box	{
	background-color:#CCCCCC;
	border-bottom:5px solid #dd006e;
	}		
	
.content_box	{
	max-width:900px;
	margin:0 auto;
	}

.left	{
	position:relative;
	float:left;
	width:45%;
	}
.right	{
	position:relative;
	float:right;
	width:45%;
	}
.clear	{
	clear:both;
	}
.beschriftung	ul	{
	list-style:none;
	margin-left:100px;
	margin-top:40px;
	}
.beschriftung	ul li	{
	font-family: 'Muli', sans-serif;
	text-transform:uppercase;
	color:#454545;
	line-height:22px;
	font-size:95%;
	}
.bild img {
	float:right;
	padding:5px;
	margin-top:40px;
	max-width:350px;
	height:auto;
	border:1px solid #FFFFFF;
	}
	
.mitglied	img	{
	float:right;
	margin-top:80px;
	padding:5px;
	max-width:200px;
	height:auto;
	border:1px solid #FFFFFF;
	}	
.contact	{
/*	position:absolute;
	bottom:170px;*/
	font-family: 'Muli', sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom:40px;
	color:#fff;
	}	
.contact a	{
	color:#fff;
	}
.staatlich	{
	font-family: 'Muli', sans-serif;
	font-size:75%;
	color:#5a5a5a;
	margin-top:125px;
	margin-bottom:10px;
	}
.nowrap	{
	white-space:nowrap;
	}	
.footer	{
	height:150px;
	width:900px;
	margin:0 auto;
	}
.footer_left,
.footer_center	{
	width:30%;
	float:left;
	text-align:center;
	margin-top:30px;
	border:1px solid #ccc;
	}
.footer_right	{
	width:30%;
	float:right;
	text-align:center;
	margin-top:30px;
	border:1px solid #ccc;
	}
.footer_left,
.footer_center 	{
	margin-right:4.5%;
	}
	
	
@media  (max-width: 800px) {	
.left	{
	float:left;
	width:100%;
	}
.right	{
	float:left;
	width:100%;
	}
.bild img,
.mitglied	img	 {
	float:left;
	margin-left:140px;
	}
.nowrap	{
	white-space:normal;
	}
}