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

/* moet in layout staan!! */
#content img { max-width: 100%; height: auto; } /* verklein afbeeldingen als ze groter zijn dan de breedte van de content */
#content #container_content_map img { max-width: none; }  /* BEHALVE BIJ GOOGLE MAPS!!!!! */

.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_header_filler,
  #container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler_content {
    height:425px;
  }
  .itemitem>#container_header_filler,
  .itemitem>#container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler,
  .listlist>#container_header_filler div,
  .listlist>#container_header_filler_content {
    height:425px;
  }
  .listlist>#container_content h1 { margin-bottom: 250px; }
  

	/*#c_h               { margin-right: -350px; }*/
	/*#container         { width: 600px;         }*/
	/*#container_header  { width: 600px;         }*/
	/*#header_afb        { width: 600px;         }*/
	/*#container_left    { display: none;        } /* hide_resp1 */*/
	/*#logo img          { max-height: 200px;    }*/
	#content table     { table-layout: fixed !important; width: 100% !important; }
}  


@media only screen and (max-width: 850px){
  #container_header_filler,
  #container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler_content {
    height:350px;
  }
  .itemitem>#container_header_filler,
  .itemitem>#container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler,
  .listlist>#container_header_filler div,
  .listlist>#container_header_filler_content {
    height:350px;
  }

  .listlist>#container_content h1 { margin-bottom: 190px; }

}

/* ********************************************************************** responsive SHOW it */
@media only screen and (max-width: 850px){
	#nav_button_mobile {
		display: block; 
		background: url('img/mobile_nav_button.jpg') no-repeat;
    background-position: center center;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 17px;
		height: 37px;
		width: 37px;
		border-style: solid;
		border-width: 1px;
	}
	
	#container_nav_mobile2 { display:block;	}
	#nav                   { display:none;	}
  #searchbox             { min-width: 60px; right: 75px; }
  #search_inp            { width: 1px; }
}  

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

  #container_header_filler,
  #container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler_content {
    height:275px;
  }
  .itemitem>#container_header_filler,
  .itemitem>#container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler,
  .listlist>#container_header_filler div,
  .listlist>#container_header_filler_content {
    height:275px;
  }
  .listlist>#container_content h1 { margin-bottom: 185px; }
  
  #home_extra .logo   { margin: 0 auto; }
	/*#c_h                { margin-right: -240px;}*/
	/*#container          { width: 480px;        }*/
	/*#container_header   { width: 480px; height: 150px; margin-top: 0px; }*/
	/*#header_afb         { width: 480px; height: 150px; }*/
	/*#logo               { top: 30px;           }*/
	/*#logo img           { max-height: 150px;   }*/
	/*#social_media       { left: 0px;top: 0px;  }*/
	/*#container_content  { width: 480px;        }*/
	/*#content_nav        { left: 9px; width: 470px; }*/
	/*#content            { width:450px; margin: 75px 0 0 15px; }*/
	#contactform input,
	#contactform textarea,
	#reactieform input,
	#reactieform textarea,
	input, textarea     { max-width: 125px;        }
}

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

  #container_header_filler,
  #container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler_content {
    height:200px;
  }
  .itemitem>#container_header_filler,
  .itemitem>#container_header_filler div,
  .itemitem>#container_header_filler_content,
  .listlist>#container_header_filler,
  .listlist>#container_header_filler div,
  .listlist>#container_header_filler_content {
    height:200px;
  }
  
	/*#c_h                { margin-right: 0px;   }*/
	/*#container          { min-width: 320px;  width: 100%;   }*/
	/*#container_header   { min-width: 320px;  width: 100%; height: 150px; }*/
	/*#header_afb         { min-width: 320px;  width: 100%; height: 150px; }*/
	/*#social_media       { left: 0px; top: 0px; }*/
	/*#container_content  { min-width: 320px;  width: 100%; }*/
	/*#content_nav        { width: 98%;  left: 2px; }*/
	/*#content            { min-width:307px; width: 95%; margin: 75px 0 0 7px; }*/
	#content table      { max-width: 100%;     }
	#contactform label,
	#reactieform label  { max-width: 75px;         }
}


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

	#contactform label,
	#reactieform label  { max-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;
}
ul.mobile_nav ul li.active,
ul.mobile_nav ul li:hover {
	background-color: #c5c5c5;
}