html, body  {
	height:100%;
	margin:0;
	padding:0;			
}

body {
	background: url(img/mainbg.jpg) repeat-x;

	
}




	
/*----- boxes -------------------------*/
.wrapper {	
	width:1180px;
	min-height:70%;
	margin: 20px auto;
	padding-top: 0px;

}

.innerwrap {	
	width:1138px;
	margin-left:21px;
	background: #fff;
}

#menuswitch {display:none;}

.header{ width:100%; float:left; position:relative; top: -10px; background: #89d11a; height: 370px; overflow: hidden;
    border:none 4px #000000;
    -moz-border-radius: 17px 17px 0 0;
    -webkit-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
 }
.header img.headerpic  {max-width:100%; float:left; z-index: 50; }

.header .infobox {position:absolute; top:0px; left: 280px; width: 68%; overflow:hidden; z-index: 100;}
.header .infobox a, .header .infobox .h3 {color:#fff; font-weight:normal;}
.header .infobox .h3 {font-size:1.8em; float: right; margin-top: -15px; }

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


#leftbox {
	clear:left;
	float:left;
	margin: -20px 0 0 0;	
	width:278px;
	min-height:220px;
	display:inline;
	background: #89d11a;
}

.contentbox, .contentboxwide {
	float:left;	
	display:inline;	
	min-height:220px;
	padding:0;
	position: relative;
	left: 0px;
	top: -160px;
	z-index: 1000;
	margin-bottom: -140px;
	background: #fff;
	padding: 10px 65px;
}

.contentbox { 	width:480px;}
.contentboxwide {width:700px;}

.contentinner img {
    -moz-box-shadow: 5px 5px 14px #000000;
    -webkit-box-shadow: 5px 5px 14px #000000;
    box-shadow: 5px 5px 14px #000000;
    margin-top: 10px;
}

.contentinner img.noshadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fright {
	margin-left: 20px;
	margin-bottom: 20px;
}


.fleft {
	margin-right: 20px;
	margin-bottom: 20px;
}

.sidebarbox {
	float:right;
	margin: 0 0 0 0;	
	width:210px;
	min-height:220px;
	display:inline;
	font-size:0.85em;
}

/*-- footer  -----------*/

.clearfooter {width: 100%; height:0px; clear:both;}

.footer {	
	width:1138px;
	height:72px;
	margin:-20px auto 0 auto;
	color: #618876;
	text-align:center;
	font-size:12px;
	padding-top:6px;
	background: #fff;
}


/*-- Menue Left  -----------*/

#menu {
	line-height: 120%;
	min-height: 325px;
}	

#menu ul {
	margin: 30px 0 150px 30px;
	padding-left: 0;
	list-style-type: none;
	list-style-image: none;	
}

#menu ul ul {
	margin: 0px 0px 0px 30px;
}


#menu li {	
	padding: 10px 0 0 10px;		
} 

#menu a:link, #menu  a:visited
{
text-decoration: none;
}

#menu li a {
	display: block;
	padding: 5px 0px 15px 20px;	
	text-decoration: none;
	font-weight:bold;
	font-size: 1.4em;
	line-height:100%;
	color: #fe3a01;
	border-bottom:1px dotted #fff;		
}

#menu li a.menu-0.menu-last {
	border-bottom: none;
}



#menu li a:hover, #menu li a.menu-current, #menu li a.menu-parent {
	color: #ede8f7; 
}

#menu li li a {font-size:12px; padding: 8px 0px 8px 30px;}


#metamenue {
	position: absolute;
	top: 15px;
	right: 15px;
	float: right;
	z-index: 150;
}

#metamenue ul {
	list-style-image: none;
	list-style-type: none;
}

#metamenue ul li {
	display: inline;
}

#metamenue ul li a.menu-first {
	border-left: none !important;
}

#metamenue li a {
	color: #fe5411;
	border-left: 1px solid #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px;
	}

#metamenue li a:hover, #metamenue li a:active {
	color: #fff;
	text-decoration: none;
}


#footermenue {
	position: relative;
	right: 15px;
	float: right;
	z-index: 150;
}

#footermenue ul {
	list-style-image: none;
	list-style-type: none;
}

#footermenue ul li {
	display: inline;
}

#footermenue ul li a.menu-first {
	border-left: none !important;
}

#footermenue li a {
	color: #333;
	border-left: 1px solid #89d11a;
	text-decoration: none;
	padding: 0 10px;
	font-weight: normal;
	}

#footermenue li a:hover, #metamenue li a:active {
	color: #89d11a;
	text-decoration: none;
}


#editthis {padding: 2px 15px; width: 170px; margin-left: 3px; font-size:10px;}	
#editthis a {display:inline; text-decoration: none; color: #fff}


/* Login Box */

#showlogin {display: block; margin: 20px 40px 0 10px;}
#login-box { margin:30px 25px 0 0; padding:10px; border-top: 2px #9ecbb3 dotted; font-size: 10px;}
#login-box .inputfield {		
	font-size: 10px;
	padding:2px;
	width:100%;	
}
#login-box .loginsubmit { float:right;}

.zitat {
	border: 1px dotted #89d11a;
	font-style: italic;
	padding: 10px;
	color: #fe4712;
	float: left;
	width: 200px;
	margin-right: 20px;
	background: #eee;
}


.elastic-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
}

.elastic-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*-------------------------PRINT-----------------------------*/
  
@media print {

	body, div, a, h1, h2, h3, h4, h5, h6, li {color: #000 ! important;}

	 .nopr, #leftbox, #topmenu, #footerbox, #gecko_scrollbar {display:none;}
	.contentbox { 	width:60%;}
	.contentboxwide {width:90%;}
	
	.sidebarbox { 	width:30%;}

}



/* #Media Queries
================================================== */

	/* Smaller than big 1150 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1150px) {
	.contentboxwide { width: 600px; }
	.header .infobox { width: 56%; }
	#metamenue { right: 220px; }
		}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.contentboxwide { width: 400px; left: 0px; top: -200px; }
	.header .infobox { width: 38%; }
	#metamenue { right: 420px; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.contentboxwide { width: 400px; left: 0px; top: -220px; }
	.header .infobox { width: 40%; }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.contentboxwide { width: 300px; left: 0px; top: -220px; }
		}