/*--------------------------------------------------------------
	CSS Hoeflich GREEN Screen // Frederic K. Herring 2015
----------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	font-family: 'raleway', sans-serif;
	width: 100%;
}





/*---------------- container ----------------*/

.container {
	margin-right: auto;
	margin-left: auto;
	width: 1200px;

}

.innencontainer {
	float: left;
	clear: left;
	width: 1200px;
}



.bildergal-bobbels{
	display: none;
}

.bildergal-bobbels img{
	display: none;
}






/*---------------- FAQ normal ----------------*/


.faq {
	float: left;
	clear: left;
	width: 640px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

.faq h1 {
	float: left;
	clear: left;
	width: 620px;
	color: #39363a;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 81px;
	padding-right: 20px;

	box-shadow: 0px 0px 6px #d8d8d8;
	-moz-box-shadow: 0px 0px 6px #d8d8d8;
	-webkit-box-shadow: 0px 0px 6px #d8d8d8;
	-o-box-shadow: 0px 0px 6px #d8d8d8;
  	-ms-box-shadow: 0px 0px 6px #d8d8d8;
}


.faq h1:hover {
	cursor: pointer;
	color: #81af29;

	box-shadow: 0px 0px 12px #d8d8d8;
	-moz-box-shadow: 0px 0px 12px #d8d8d8;
	-webkit-box-shadow: 0px 0px 12px #d8d8d8;
	-o-box-shadow: 0px 0px 12px #d8d8d8;
  	-ms-box-shadow: 0px 0px 12px #d8d8d8;
}


.faq div.copy {
	float: left;
	clear: left;
	width: 640px;
	color: #39363a;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	text-transform: none;
	
	
	margin-bottom: 0px;	
	
	padding-left: 83px;
	padding-right: 41px;

	padding-top: 35px;
	padding-bottom: 35px;
}


.faq div.copy a,
.faq div.copy a:visited {
	color: #282828;
	text-decoration: underline;
}

.faq div.copy a:hover {
	color: #96bf40;
	text-decoration: none;
}


.faq div.copy strong,
.faq div.copy b{
	font-weight: 600;
}





/*---------------- listenstyles dots ----------------*/


ul {
	list-style-position: outside;
	list-style-image: url(/img/dot.gif);
	list-style-type: none;	
	margin-top: 6px;
	margin-bottom: 10px;
	padding-left: 10px;
}



ul li {
	margin-bottom: 6px;
}





/*---------------- inputfields / inputbox / dropdown ----------------*/


.dropdown, .dropdown:visited {
	font-family: 'Open Sans', sans-serif;
	width: 400px;
	height: 20px;

	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	color: #151518;
	text-decoration: none;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 4px;

	border: 0px;

	-webkit-appearance:none;


	box-shadow: 0px 0px 6px #d6d6d6;
	-moz-box-shadow: 0px 0px 6px #d6d6d6;
	-webkit-box-shadow: 0px 0px 6px #d6d6d6;
	-o-box-shadow: 0px 0px 6px #d6d6d6;
  	-ms-box-shadow: 0px 0px 6px #d6d6d6;
}




.dropdown:hover {
	box-shadow: 0px 0px 15px #d6d6d6;
	-moz-box-shadow: 0px 0px 15px #d6d6d6;
	-webkit-box-shadow: 0px 0px 15px #d6d6d6;
	-o-box-shadow: 0px 0px 15px #d6d6d6;
  	-ms-box-shadow: 0px 0px 15px #d6d6d6;
}





.inputbox, .inputbox:visited {
	font-family: 'Open Sans', sans-serif;
	width: 400px;
	height: 150px;

	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	color: #151518;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;

	border: 0px;

	-webkit-appearance:none;


	box-shadow: 0px 0px 6px #d6d6d6;
	-moz-box-shadow: 0px 0px 6px #d6d6d6;
	-webkit-box-shadow: 0px 0px 6px #d6d6d6;
	-o-box-shadow: 0px 0px 6px #d6d6d6;
  	-ms-box-shadow: 0px 0px 6px #d6d6d6;

}


.inputbox:hover {
	box-shadow: 0px 0px 15px #d6d6d6;
	-moz-box-shadow: 0px 0px 15px #d6d6d6;
	-webkit-box-shadow: 0px 0px 15px #d6d6d6;
	-o-box-shadow: 0px 0px 15px #d6d6d6;
  	-ms-box-shadow: 0px 0px 15px #d6d6d6;
}





.inputfield, .inputfield:visited {
	font-family: 'Open Sans', sans-serif;
	width: 400px;
	height: 25px;

	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	color: #151518;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;

	border: 0px;

	-webkit-appearance:none;

	box-shadow: 0px 0px 6px #d6d6d6;
	-moz-box-shadow: 0px 0px 6px #d6d6d6;
	-webkit-box-shadow: 0px 0px 6px #d6d6d6;
	-o-box-shadow: 0px 0px 6px #d6d6d6;
  	-ms-box-shadow: 0px 0px 6px #d6d6d6;
}


.inputfield:hover {
	box-shadow: 0px 0px 15px #d6d6d6;
	-moz-box-shadow: 0px 0px 15px #d6d6d6;
	-webkit-box-shadow: 0px 0px 15px #d6d6d6;
	-o-box-shadow: 0px 0px 15px #d6d6d6;
  	-ms-box-shadow: 0px 0px 15px #d6d6d6;
}





.button-senden, .button-senden:visited {
	font-family: 'Open Sans', sans-serif;
	width: 140px;
	font-size: 18px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;

	background-color: #86b119;
	cursor: pointer;
	border: 0px;

	padding-top: 6px;
	padding-bottom: 6px;

	margin-top: 20px;
	margin-bottom: 4px;
	-webkit-appearance:none;

	box-shadow: 0px 0px 6px #efefef;
	-moz-box-shadow: 0px 0px 6px #efefef;
	-webkit-box-shadow: 0px 0px 6px #efefef;
	-o-box-shadow: 0px 0px 6px #efefef;
  	-ms-box-shadow: 0px 0px 6px #efefef;

}



.button-senden:hover {
	background-color: #666666;
	cursor: pointer;

	box-shadow: 0px 0px 15px #d6d6d6;
	-moz-box-shadow: 0px 0px 15px #d6d6d6;
	-webkit-box-shadow: 0px 0px 15px #d6d6d6;
	-o-box-shadow: 0px 0px 15px #d6d6d6;
  	-ms-box-shadow: 0px 0px 15px #d6d6d6;

}






/*---------------- nopic Dia ----------------*/


.nopicbox {
	float: left;
	clear: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: 100%;

	width: 100%;
	height: 100%;
	
	position: fixed;
	z-index: 10;	
	
}


.diabox {
	float: left;
	clear: left;

	width: 100%;
	height: 100%;
	
	position: fixed;
	z-index: 20;	
	
}


.diashow {
	float: left;
	clear: left;

	width: 100%;
	height: 100%;
	
	position: fixed;
	z-index: 30;	
	
}



.diabox img,
.diashow img  {
	float: left;
	clear: left;

	width: 100%;
	
}



/*---------------- topbox ----------------*/


.topboxblue {
	float: left;
	clear: left;
	width: 1200px;
	height: 220px;
	position: fixed;
	z-index: 100;
	background-image: url(/img/header_green.png);
	background-repeat: no-repeat;
	
}



.topleft {
	float: left;
	width: 710px;
}

.topright {
	float: right;
	width: 330px;	
}



/*---------------- logo ----------------*/

.logo {
	float: left;
	clear: left;

	padding-left: 65px;
	margin-top: 17px;

}

.logo img {
	float: left;
	width: 434px;

}





/*---------------- mainnav ----------------*/

.mainnav {
	float: left;
	clear: left;
	
	width: 600px;

	padding-left: 15px;
	margin-top: 27px;

}

.mainnav a {
	float: left;
	font-size: 19px;
	line-height: normal;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
	

	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	
	margin-right: 10px;

	
	border: 1px solid transparent;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	

}



.mainnav a:hover {

	border: 1px solid #ffffff;
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;	

	
}



/*---------------- selector ----------------*/

.selector {
	float: left;
	clear: left;
	width: 330px;
	margin-top: 22px;
	height: 100px;
}

.selector img {
	float: right;
	width: 42px;
	
	margin-top: -7px;
	padding-left: 10px;
	
}




.selector a {
	float: right;
	clear: right;
	font-size: 18px;
	line-height: normal;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
	

	padding-left: 15px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 3px;
	
	margin-right: 10px;
	margin-bottom: 3px;
	
	border: 1px solid transparent;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	

}



.selector a:hover {

	border: 1px solid #ffffff;
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;	

	
}






/*---------------- topnav ----------------*/

.topnav {
	float: left;
	clear: left;
	
	width: 330px;
	
	margin-top: 6px;
}


.topnav a {
	float: right;
	font-size: 19px;
	line-height: normal;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
	

	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	
	margin-right: 10px;

	
	border: 1px solid transparent;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	

}



.topnav a:hover {

	border: 1px solid #ffffff;
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;	

	
}



/*---------------- contentbox ----------------*/

.contentbox {
	float: left;
	clear: left;
	width: 1200px;
	margin-top: 450px;
	position: absolute;
	z-index: 40;
}

.content {
	float: left;
	clear: left;
	width: 1200px;
}




/*---------------- teaser ----------------*/

.teaserbox {
	float: left;
	clear: left;
	width: 1200px;
}


.teaser {
	float: left;
	clear: left;
	width: 1200px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(/img/trans70.png);
	background-repeat: repeat;
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;
}


.teaser h1 {
	float: left;
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	color: #86b119;
	width: 475px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 62px;
}

.teaser h2 {
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #0b0b0b;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}





/*---------------- content ----------------*/


.content {
	float: left;
	clear: left;
	width: 1200px;
}


.leftside {
	float: left;
	width: 355px;
	background-color: #ffffff;
	
	padding-left: 20px;	
	padding-bottom: 20px;
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;
}


.rightside {
	float: right;
	width: 775px;
	background-color: #ffffff;
	

	padding-left: 40px;

	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;
}






/*---------------- subnav ----------------*/


.subnav {
	float: left;
	clear: left;
	width: 320px;
	margin-top: 10px;
	padding-bottom: 20px;
} 


.subnav a {
	float: left;
	clear: left;
	width: 320px;
	border-bottom: 1px solid #dadada;
	font-size: 20px;
	line-height: 16px;
	font-weight: 300;
	color: #0e0e0e;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	

	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	
	text-decoration: none;
} 


.subnav a:hover {
	color: #86b119;
	border-bottom: 1px solid #86b119;
} 







/*---------------- bigicon ----------------*/


.bigicon {
	float: left;
	clear: left;
	width: 320px;
	margin-top: 20px;
} 

.bigicon img {
	float: left;
	clear: left;
	width: 160px;
} 

.bigicon div.copy {
	float: left;
	clear: left;
	width: 300px;
	margin-top: 20px;

	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #0e0e0e;
	padding-left: 11px;
} 


.bigicon div.copy a,
.bigicon div.copy a:visited {
	color: #86b119;
}

.bigicon div.copy a:hover {
	color: #bbbbbb;
	text-decoration: none;
}




/*---------------- artikel ----------------*/


.artikel {
	float: left;
	clear: left;
	width: 730px;
	margin-top: 20px;
	padding-bottom: 20px;
} 


.mapshadow {
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;
} 


.artikel h1 {
	float: left;
	clear: left;
	font-size: 30px;
	line-height: 35px;
	font-weight: 400;
	text-transform: none;
	color: #86b119;
	padding: 0px;
	margin: 0px;

}

.artikel div.copy {
	float: left;
	clear: left;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #0e0e0e;
	padding-top: 25px;
	margin: 0px;

}

.artikel div.copy b,
.artikel div.copy strong {

	font-weight: 600;

}

.artikel div.copy a,
.artikel div.copy a:visited {
	color: #86b119;
}

.artikel div.copy a:hover {
	color: #bbbbbb;
	text-decoration: none;
}




/*---------------- footerbox ----------------*/

.footerbox {
	float: left;
	clear: left;
	width: 1200px;
	
	background-color: #151518;
	
	padding-bottom: 40px;
	margin-top: 40px;
	
	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;
}



.bigthumbs  {
	float: left;
	width: 363px;
	padding-left: 31px;	

}



.bigthumbs h3 {
	float: left;
	width: 347px;

	font-size: 20px;
	line-height: 20px;
	font-weight: 200;
	text-transform: uppercase;
	color: #86b119;

	margin: 0px;
	padding-top: 25px;
	padding-bottom: 0px;
}

.bigthumbs div.copy {
	float: left;
	width: 347px;

	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
	text-transform: none;
	color: #ffffff;

	margin: 0px;
	padding-top: 20px;

}

.bigthumbs div.copy a,
.bigthumbs div.copy a:visited {
	color: #ffffff;
	text-decoration: underline;
}


.bigthumbs div.copy a:hover {
	color: #0066cb;
	text-decoration: none;

}







/*---------------- footernav ----------------*/

.footernav {
	float: left;
	clear: left;
	
	width: 600px;

	padding-left: 15px;
	margin-top: 27px;
	margin-bottom: 27px;

}

.footernav a {
	float: left;
	font-size: 17px;
	line-height: normal;
	font-weight: 300;
	color: #0b0b0b;
	text-decoration: none;
	

	padding-right: 13px;
	padding-left: 13px;
	padding-top: 6px;
	padding-bottom: 6px;
	
	margin-right: 10px;

	
	border: 1px solid transparent;
	
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	

}



.footernav a:hover {

	border: 1px solid #ffffff;
	color: #86b119;


	
	box-shadow: 0px 0px 6px #cacaca;
	-moz-box-shadow: 0px 0px 6px #cacaca;
	-webkit-box-shadow: 0px 0px 6px #cacaca;
	-o-box-shadow: 0px 0px 6px #cacaca;
  	-ms-box-shadow: 0px 0px 6px #cacaca;	

	
}