/* ********************************************************************** 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: 1;
}
#nav_button_mobile {
	display: none; 
	background: url('img/mobile_nav_button.jpg') no-repeat;
	background-position: center;
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 28px;
	height: 40px;
	width: 40px;
	border-style: solid;
	border-width: 1px;
}

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

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

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

@media only screen and (max-width: 875px) {
/*		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 */
	#nav_button_mobile 			{	display: block; 								}
	#container_nav          { height: 10px; }
	#content_nav 						{	display: none; }
	div#container_header                { height: 140px; }
	div#content_nav_bg                  { height: 1px;}

	#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) {
	h4                                  { margin-top: 7px; }
	h4                                  { font-size: 38px;     }
	h5                                  { font-size: 17px;     }
}  

@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; }
}

@media only screen and (max-width: 715px) {
	h4                                  { font-size: 34px;     }
	h5                                  { font-size: 15px;     }

	ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover { padding: 0px; }
}
/* ********************************************************************** responsive 2 */

@media only screen and (max-width: 700px) {
	h4                                  { font-size: 30px;     }
	h5                                  { font-size: 14px;     }

	#greenchoice                        { height: 60px !important; }
	
}

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

	div#container       { width:100%; }
	#contactform input,
	#contactform textarea,
	#reactieform input,
	#reactieform textarea,
	input, textarea     { width: 225px;        }
}

@media only screen and (max-width: 580px) {
	#greenchoice                        { margin: 45px 0 0px -10px !important; }
}

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

	#greenchoice                        { height: 45px !important; }
	
	.kolommen2              { width: 100% !important; padding: 0;} 	
}
@media only screen and (max-width: 530px) {
	#container_header img               { height: 90px;}
	h4, h5                              { margin-left: 85px;   }
	h4                                  { font-size: 26px;     }
	h5                                  { font-size: 12px;     }
}
/* ********************************************************************** responsive 3 */
@media only screen and (max-width: 480px) {
	.hide_resp3          { display:none; }
	.show_resp3          { height: auto; overflow: visible; font-size: inherit;}

	#container_header img               { height: 80px;}
	div#container_header                { height: 100px; }
	div#content_nav_bg                  { top:     90px;}

	h4, h5                              { margin-left: 75px;   }
	h4                                  { font-size: 20px;     }

	#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;}

	#container_header img:first-of-type { height: 70px;}
	
	#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;
}