html {height:100%;}


body {
	margin: 0; padding: 0; 
	height:100%;
	color:#333;	
	background: #fff XXurl(img/p3.jpg) repeat fixed;
}

.inner-wrapper {	max-width: 1200px; width: 90%;  margin: 0 auto 0 auto;}

.megamenubox  {
	width:100%;
	margin-top:-100px;
}



.header, .footer { width: 100%; }
.header  { width: 100%;  margin: 0 0 0 0; }
.innerheader {height:200px; width:100%; background: #fff url(slides/slide1.jpg) no-repeat center center; background-size: 100% auto, auto; }






.logopic {float:left; position:relative; max-width:25%; margin:-50px 0 0 0}

.fz {margin-left: 20%; padding-top:30px;}
.fz ul.mega-menu { border-right: none; border-left: none; }
.fz ul.mega-menu, .fz ul.mega-menu li a {  background: none; font-size:19px; color: #fff;     text-shadow: 0px 1px 5px #000;}
.fz ul.mega-menu li a  {padding:8px 20px 8px 10px; background-position: 100% 0px;}
.fz ul.mega-menu li a:hover {  background: #fff;   background-position: 100% -60px;  }
.fz ul.mega-menu li {list-style-image: none;  list-style-type: none; }
.fz ul.mega-menu li a.menu-current, .fz ul.mega-menu li a.menu-parent {color: #fff; background: #39769d;}
.fz ul.mega-menu li li a.menu-current, .fz ul.mega-menu li li a.menu-parent {color: #000; background: #eee ! important;}
.fz ul.mega-menu li li a:hover {  background: #39769d! important;  color: #fff ! important; }

/* .fz ul#nav li li {display:none;} Hilft auch nix gegen flackern */

.wrapper {
	max-width: 1200px;
    width: 90%;
    margin: 40px auto 0 auto;
}

.contentbox {width: 63%; float:left; }
.contentbox .inner {margin: 15px 1% 20px 4%;}
.contentbox .inner p img {max-width:100%; height: auto ! important;}

.contentboxwide {width: 100% ! important;  }
.contentboxwide .inner {margin: 15px 2% 20px 2%;}

.rightbox {width: 30%; float:right;  }
.rightbox .inner {margin: 15px 4% 20px 1%;}
.rightbox .inner img {max-width:100%; height: auto ! important;}



.footer {	height:120px; border-radius: 0 0 0 0;	clear:both; background: #666;}
.footer .inner { top:10px; left: 10%; width:100%; font-size:0.8em; padding: 10px 0; text-align:center; line-height:110%;  color: #eee ! important;   }
.footer .inner span { font-size:0.7em;}
.footer .inner a {color: #fff ! important;}
#gototopswitch {float:right; margin-top:5px;}



.flex-direction-nav {display:none;}
.flexslider { margin: 0 0 0 0 ! important;}

/***********************************
	menu
************************************/

a#mobilemenu  {
    display:  none;   
}
a#mobilemenu span {display:block; padding: 10px 15px ; font-weight: bold;}



/* Search Box in header */
li.search_box_li {position:relative}
.fz ul.mega-menu li.search_box_li a:hover {background: #39769d ! important; }

#search_box { position:absolute; padding:0 0; height:22px; width:0px; left:40px; top:8px; transition:0.5s all; overflow:hidden;}
#search_box.visible { height:22px; width:138px; }

#search_box .search_box .searchstring { width:70%; border: 1px solid #ddd; font-size:14px; padding:3px; border: none;}
#search_box .search_box .submitbutton { vertical-align: top; margin: 1px 0 0 5px; border: none;}




#showlogin {display:block; float:left; position:relative;  width:30px; text-align:right; margin:6px 6px 0 0; }
#login-box {position:absolute; width:200px; left:30px; top:-10px; padding:5px; font-size:11px; z-index:2000; background: rgba(255, 255, 255, 0.9);}
#login-box .loginsubmit {border:0;}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}





/*Flexslider */
div.flex-viewport ol.flex-control-nav {
	bottom: 10px ! important; 
}




.flexslider {}
.flexslider li {padding: 0;}

.mobiles_only {display: none;}
.desktops_only {}



/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 1024px) {
	.wrapper { width: 100%; 	box-shadow:  none; border-radius: 0 0 0 0; }	
	.inner-wrapper {width: 100%; }
	#topmenubar2  {width: 100%;}
	.sub-container {left: -150px ! important;}
}

@media screen and (max-width: 768px) {
	.mobiles_only {display: block;}
	.desktops_only {display: none;}	
	.search_box {margin-top:-30px;}

	
	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.container { width: 100%; border-left: none;	border-right: none;}
	
	.mainbox {margin: 20px 0 20px 0;}
	.contentbox {width: 100%; margin: 20px 0 20px 0; float:none;}
	.rightbox {width: 100%;  margin: 20px 0 20px 0;  float:none;}
	
	
	.footer { width: 100%; }
	.contentbox .inner {margin: 10px;  }
	.rightbox .inner {margin: 10px;  }
	
	.megamenubox {margin-top: -50px;}
	.fz {margin-left: 0%; padding-top:30px;}
	.logopic {
		float: none;
		position: absolute;
		max-width: 30%;
		margin: 0 0 0 0;
		top:0px;
		left:0%;
	}
		
	
	
	#topmenubar1 { height:30px; display: none;}
	#topmenubar2container {display:none;}
	.innerheader {height:160px; }
	

	
}


/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 570px) {
	.wrapper { width: 100%;}
	.innerheader {background-size: auto 100%, auto; }
}