/* ********************************************************************** print layout */
@media print {
	#container_nav,
	#nav_top          { display: none; 			}
	a:link, a:active, a:visited, a:hover,
	body, .tekst, td, h1 { color: #000000;       }
	html, body, div#bg,
	#content 					{ background: none; background-color: #FFFFFF; }
	#container        { width: 740px; 			}
}

/* ************************************************************************** algemeen */
.never_show  { display: none !important; }

#container_nav_mobile {
	display: none;
	background-color: #c5c5c5;
	position: absolute;
	width: 100%;
	z-index: 100;
}
#nav_button_mobile {
	display: none; 
	background: url('img/mobile_nav_button.jpg') no-repeat;
	background-position: center;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	height: 40px;
	width: 40px;
	border-style: solid;
	border-width: 1px;
	z-index: 100;
}

.show_resp1,
.show_resp2,
.show_resp3,
.show_resp4            { height:0px; overflow:hidden; font-size: 0.0000001em;}

/* ********************************************************************** responsive 0 */
@media only screen and (max-width: 1100px){
	.header_banner             { height: 465px; }
	#container_header          { height: 525px;	} /* + 100 */
}

/* ********************************************************************** responsive 1 */
@media only screen and (max-width: 989px){
	.hide_resp1        { display:none; }
	.show_resp1        { height: auto; overflow: visible; font-size: inherit;}

	.header_banner             { height: 415px; }
	#container_header          { height: 475px;	} /* + 100 */
	
	ul.nav li, ul.nav li:link, ul.nav li:active, ul.nav li:visited, ul.nav li:hover { margin: 0px 0px; }
}  

/*  logo zakken t.b.v. navigatie */
@media only screen and (max-width: 950px) {
	#logo img      { height: 200px; }
	#logo          { top: -35px; }
}

@media only screen and (max-width: 900px) {
	.header_banner             { height: 365px; }
	#container_header          { height: 425px;	} /* + 100 */
}  


@media only screen and (max-width: 875px) {
	#logo img      { height: 175px; }
	#logo          { top: -20px; }
/*		div#menu                            { font-size: 14px; }
	ul.nav li, ul.nav li:link, ul.nav li:active, ul.nav li:visited, ul.nav li:hover { margin: 0px 1px; } */
/* show mobile nav */
	#container_social_media             { bottom: 75px; }
	#container_languages img,
	#container_social_media img         { width: 22px; height: auto !important; }
	#container_social_media img         { margin: 5px; }
/* /show mobile nav */
}
@media only screen and (max-width: 850px) {
	.header_banner             { height: 315px; }
	#container_header          { height: 375px;	} /* + 100 */
}  

@media only screen and (max-width: 800px) {
	#logo img      { height: 150px; }
	#logo          { top: -5px; }
}
@media only screen and (max-width: 750px) {

	ul.nav li, ul.nav li:link, ul.nav li:active, ul.nav li:visited, ul.nav li:hover { margin: 0px; }

	#content_nav { right: 5%; }

	.header_banner             { height: 265px; }
	#container_header          { height: 325px;	} /* + 100 */

}

/* ********************************************************************** responsive 2 */
@media only screen and (max-width: 700px) {
	.header_banner             { height: 215px; }
	#container_header          { height: 275px;	} /* + 75 */

	.kolommen2.w333      { width: 49%; margin-right: 0%; } /* denk om footer.js.. */
	ul .kolommen2.w333:nth-child(2n+1),
	.kolommen2.w333.first{             margin-right: 2%; } /* denk om footer.js.. */
	.kolommen2.w666,
	.kolommen2.w333.last { width: 100%; }
	
}

/* nav knop activeren */
@media only screen and (max-width: 745px) {
	#nav_button_mobile 			{	display: block; 								}
	#container_nav          { height: 10px; }
	#content_nav 						{	display: none; }
	div#content_nav_bg                  { height: 1px;}

}

@media only screen and (max-width: 630px) {
	.hide_resp2         { display:none; }
	.show_resp2         { height: auto; overflow: visible; font-size: inherit; }

	.header_banner             { height: 190px; } /* +  25 */
	#container_header          { height: 250px;	} /* + 100 */
	
	#contactform input,
	#contactform textarea,
	#reactieform input,
	#reactieform textarea,
	input, textarea     { width: 225px;        }
}

@media only screen and (max-width: 550px) {
	div#menu                            { font-size: 13px; }

	.kolommen2              { width: 100% !important;}
}
/* ********************************************************************** responsive 3 */
@media only screen and (max-width: 480px) {
	.hide_resp3          { display:none; }
	.show_resp3          { height: auto; overflow: visible; font-size: inherit;}

	.header_banner             { height: 180px; } /* +  35 */
	#container_header          { height: 240px;	} /* + 100 */
	
	div#content_nav_bg                  { top:     90px;}

	#container_social_media             { bottom: 15px; right: 55px; }
	#greenchoice                        { height: 35px !important; margin: 0px 80px 0px 80px !important; }
	
	#container_languages img            { width: 18px; }
	#container_social_media img         { width: 16px; }
			
	#content table       { max-width: 100%;     }
	#contactform label,
	#reactieform label   { width: 75px;         }
}


/* ********************************************************************** responsive 4 */
@media only screen and (max-width: 380px) {
	.hide_resp4         { display:none; }
	.show_resp4         { height: auto; overflow: visible; font-size: inherit;}

	.header_banner             { height: 170px; } /* +  35 */
	#container_header          { height: 230px;	} /* + 100 */
	
	#nav_button_mobile                  { width: 30px; height: 30px; }
	#contactform label,
	#reactieform label  { width: 60px;         }
}

/* ************************************************************** responsive navigatie */

/* *********************************************************** LEVEL 1 main navigation */
ul.mobile_nav {
	width: 100%;
	list-style: none outside none;
	margin: 0 0 0 0;
}

ul.mobile_nav li { 
	line-height: 28px;
	border-bottom: 1px solid #2C2C2C;
	margin: 0 0 0 0;
}

ul.mobile_nav li a{
  padding-left: 10px;
  text-decoration: none;
	display: block;
	color: #55575e;
}

/* ************************************************************* LEVEL 2 subnavigation */
ul.mobile_nav li ul { 	
	list-style:none;
	width: 100%;
	list-style: none outside none;
	margin: 0 0 0 0;
}
ul.mobile_nav li ul li {
	padding-left: 20px !important;
	line-height: 22px;
	border-bottom: none;
}

/* ********************************************************* LEVEL 3 sub-subnavigation */
ul.mobile_nav li ul li ul { 	
	list-style:none;
	width: 100%;
	list-style: none outside none;
	margin: 0 0 0 0;
}
ul.mobile_nav li ul li ul li{
	margin-left: -20px;
	padding-left: 40px !important;
}


ul.mobile_nav li.active,
ul.mobile_nav li:hover {
	background-color: #ddd;
}