body, .wrapper { background-color: #fff; background-image: none; width:100%; margin: 0 0 0 0;}

.innerwrap { background-color: #fff; background-image: none; max-width:100%; margin: 0 0 0 0;}

.contentbox, .contentboxwide {width:97%; margin: 0 0 0 2%; left: 0; top: 0; padding: 10px 0;}
.footer { width:100%; margin: 0 0 0 0;}

.header { background: #89d11a; width:100%; height: auto;}
.header .infobox {width: 60%; left: 20%;  top:10px; }
.header .infobox .h3 { font-size: 1.0em; }

.header .logo img { margin-top: 16px; margin-left: 10px; max-width: 20%;
}

#menuswitch {display:block; position:absolute; top:60px; right: 0;}

#leftbox {
	position:absolute; top: 100px; left: 0px; z-index: 2000;
	display:none;
	background-color: #89d11a;
	opacity: 0.8;
	border: 2px solid #fff;
	border-left: none;
	width:250px;
}
.sidebarbox {display:none;}
.showonmobiles {display:block ! important;}

#menu {min-height:200px; }
#menu li a {
	font-size:1.4em;
	display: block;
	padding: 5px 0px 12px 10px;
}
#menu li li a {
	font-size:1.1em;
	
}

#metamenue {
	right: 5px;
}

#metamenue li a {
	font-size: 0.8em;
}

.fright, .fleft, .zitat {
	float: none !important;
	text-align: center;
	margin: 0 auto;
}



/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 400px) {
	
	
	h1, .h1 {font-size: 1.6em; }
	h2, .h2 {	font-size: 1.3em; }
	h3, .h3 {	font-size: 1em; }


}