/* ********************************************************************** 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;
}
#nav_button_mobile {
	display: none; 
	background: url('img/mobile_nav_button.jpg') no-repeat;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
	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;}

	#container         { width: 600px;         }
	#logo				       { padding: 0px 0 15px 5px;}
	#container_header { height: 80px;    }
	h1#titel				{ font-size: 25px; min-height: 50px;  margin-bottom: 10px; padding: 12px 0 5px 12px; }
	.nl-home-1 h1#titel { font-size: 17px; padding: 10px 10px 0; height: 70px; }
	.nl-home-1 #content { margin: 0; }
	#content_left { margin: 0 10px; width: 155px; }
	#content	{ margin-left: 175px; } 
	#content table     { table-layout: fixed !important; width: 100% !important; }
	#contact	{ display: none; }
	h1.first { display: none;}

	#slider { width: 400px; height: 195px; }
	.bxslidernav { width: 200px;}
	.bxslidernav li { padding: 5px; font-size: 11px; height: 49px; }
	.bxslidernav li a { 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: 10px;
	}
	#submenu li a { font-size: 13px; padding: 10px 5px;}
	#submenu li a
}

@media only screen and (max-width: 630px){ /* iphoen bug ?! */
}  

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

	#nav_button_mobile { display: block; }
	#container_nav, #content_left		{ display: none; }

	#container          { width: 480px;        }
	#content_nav        { left: 9px; width: 470px; }
	#content            { margin: 0; border: 0; padding: 0 15px;}
	#recente_realisaties ul li               { width: 46%; }
	#recente_realisaties ul li:nth-child(3n) { clear: both; }
	
	#slider { display: none;}
	.bxslidernav { width: 100%; }
	.bxslidernav li { width: 50%; float: left;}
	
	#contactform input,
	#contactform textarea,
	#reactieform input,
	#reactieform textarea,
	input, textarea     { width: 225px;        }
}

/* ********************************************************************** responsive 3 */
@media only screen and (max-width: 500px) {
	.hide_resp3         { display:none; }
	.show_resp3         { height: auto; overflow: visible; font-size: inherit;}
	.nl-home-1 h1#titel { font-size: 16px;  }
	#container          { width: 100%;   }
	#content_nav        { width: 98%;  left: 2px; }
	#content table      { max-width: 100%;     }
	#contactform label,
	#reactieform label  { width: 75px;         }
	#projecten li img   { max-width: 40%; }
}


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

	.nl-home-1 h1#titel { line-height: 18px; }
	
	#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;
}