/* ********************************************************************** 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 -1 */
@media only screen and (max-width: 1300px){
	#header_afb1, #header_afb2,/* { height: 340px; } */
	.content_kop:first-child   { height: 500px;	}
}

/* ********************************************************************** responsive -1 */
@media only screen and (max-width: 1200px){
	#header_afb1, #header_afb2,/* { height: 340px; } */
	.content_kop:first-child   { height: 425px;	}
}

/* ********************************************************************** responsive 0 */
@media only screen and (max-width: 1100px){
	#header_afb1, #header_afb2,/* { height: 340px; } */
	.content_kop:first-child   { height: 340px;	}

  #geef_banner { left: 30px; }
}

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

	#header_afb1, #header_afb2,/* { height: 315px; }*/
	.content_kop:first-child   { height: 315px;	}
	
	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 { top: 20px; }
}
 */
@media only screen and (max-width: 900px) {
	#header_afb1, #header_afb2,/* { height: 290px; }*/
	.content_kop:first-child   { height: 290px;	}
}  


@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 */
	#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) {
	#logo     { top: -20px; }
	#logo img { height: 200px; }

	#header_afb1, #header_afb2,/* { height: 265px; }*/
	.content_kop:first-child   { height: 265px;	}
	.titel, h1                 {font-size: 3.5em; }
	.tekst, td, body           { font-size: 15px; }
}  

@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_afb1, #header_afb2,/* { height: 240px; }*/
	.content_kop:first-child   { height: 240px;	}

}

/* ********************************************************************** responsive 2 */
@media only screen and (max-width: 700px) {
	#header_afb1, #header_afb2,/* { height: 190px; }*/
	.content_kop:first-child   { height: 190px;	}
	.titel, h1                 {font-size: 3em; }

/*	#logo     { top: 30px; }
	#logo img { height: 250px; } */
	
	.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: 680px) {
	#logo     { top: -15px; margin-left: -15px;}
	#logo img { height: 150px; }

  #geef_banner { left: 92%; }

	#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_afb1, #header_afb2,/* { height: 165px; } /* +  25 */
	.content_kop:first-child   { height: 165px;	}
	.titel, h1                 {font-size: 2.5em; }
	.tekst, td, body           { font-size: 14px; }
	
	#contactform input,
	#contactform textarea,
	#reactieform input,
	#reactieform textarea,
	input, textarea     { width: 225px;        }
}

@media only screen and (max-width: 550px) {
	#logo     { top: -15px; margin-left: -15px;}
	#logo img { height: 120px; }

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

/*	#logo img      { height: 250px; } */
	#header_afb1, #header_afb2,/* { height: 155px; } /* +  35 */
	.content_kop:first-child   { height: 155px;	}
	.titel, h1                 {font-size: 2em; }
	
	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;         }
}

@media only screen and (max-width: 450px) {
  #geef_banner img { width: 100px; }
  #geef_banner { left: 75%; }
}

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

  #geef_banner { left: 65%; }

/*	#logo          { top: -15px; }
	#logo img      { height: 225px; } */
	#header_afb1, #header_afb2,/* { height: 145px; } /* +  35 */
	.content_kop:first-child   { height: 145px;	}
	
	#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;
}