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

#nav_button_mobile {
	display: none; 
	background: url('img/mobile_nav_button.jpg') no-repeat;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
	height: 40px;
	width: 40px;
	border-style: solid;
	border-width: 1px;
	z-index: 1;
}
#container_nav_mobile 	{ display: none; background-color: #5d9631; font-size: 14px; font-weight: bold; }

@media only screen and (max-width: 1050px){
	ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover  {
		margin: 0 20px;
	}
	#list_home { width: 104%; }
	.content2 ul.list h1    { font-size: 15px; }
}

/************************************************************************ responsive 1 */
@media only screen and (max-width: 989px){
	
	#caption                { line-height: normal; left: 30%; width: 65%; position: absolute; bottom: 25%;}
	#contact                { top:15px;	 }
	#logo 									{ left: 0; width: 38%; 						}
	#content_nav 						{ font-size: 13px; }
	#content_nav          	{ padding-left: 6%; }
/*	ul.nav 									{	margin-left: 0; } */
	#container_content img	{ max-width: 100%; 								}
	.content 								{	height: auto;	left: 0; 					}
	#inhoud2 								{ padding: 10px 10px 10px 0; width: 360px;}
	
	.content2 ul.list h1    { font-size: 14px; }

	.list .image      { height:100px; }
	.listsmall .image,
	.listlarge .image { height:150px; }

	#contactform, #reactieform { width: 60%; }
	.footer            				{ padding-top: 5px;	}
	.footer2 .waarom          { display: none; }
	.footer2 .daarom          { width: 95%; }
}	

@media only screen and (max-width: 850px){
	#caption                { font-size: 18px; } /*left: 7%;*/
	#contact                { font-size: 17px; }

	#content_nav          { padding-left: 3%; }

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

	.list .image      { height:90px; }
	.listsmall .image,
	.listsmall2 .image,
	.listlarge .image { height:130px; }

	.listsmall2 li                 { width: 48%; }
	.listsmall2 li:nth-child(3n+3) { margin-right: 4%; }
	.listsmall2 li:nth-child(3n+4) { clear: none; }
	.listsmall2 li:nth-child(2n+2) { margin-right: 0; }
	.listsmall2 li:nth-child(2n+3) { clear: both; }

	.content2 ul.list h1 { font-size: 12px; }
}

@media only screen and (max-width: 760px) {
	#caption           { font-size: 17px; }/* left: 4%;*/
	#contact           { font-size: 15px; top: 10px; }

	#content_nav          { padding-left: 0%; }
	#list_home { width: 105%; }
	ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover  {
		margin: 0 10px;
	}
	
	.content,
	.content2 { width: 100%; }
	.content2 { margin-top: 8px; }
	.content2 ul.list li { width: 49%; }

	.footer2 div div { width: 65%; }
	.footer2 li      { width: 49%; }
	
}

@media only screen and (max-width: 675px) {
	ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover  {
		margin: 0 5px;
	}

	.list .image      { height: 80px; }
	.listsmall .image,
	.listlarge .image { height:110px; }

	#contactform, #reactieform { width: 70%; }
}
/* ********************************************************************** responsive 2 */
@media only screen and (max-width: 630px) {
	.titel, h1 { font-size: 24px; }
	.tekst, td, body        { font-size: 15px; }

	
	body 										{ background-image: none;					}
	#header 			        	{	height: 100px;									}

	#caption                { left: auto; width: 90%; }/* right: 5%;*/
	#contact                { top: 6px; right: 30px; }
	
	#nav_button_mobile 			{	display: block; 								}
	#container              { margin-top: 0px; }
	.container_navbg,
	.container_nav          { display: none; }

	#list_home { width: 107%; }
	
	.list .image      { height: 70px; }
	.listsmall .image,
	.listlarge .image { height:100px; }
	
	#content_nav 						{	width: 100%;										}

	#buttons                { width: 80%; right: 60px;}
	.fa_info                { width: 0px !important; padding: 0 !important; }

	.list li,
	.listsmall li {
		margin: 25px 1% 0 0;
		width: 47%;
	}
	.list h1 { font-size: 16px; }
	.listsmall li:nth-child(4n+4) {	margin-right: 1%; }
	.listsmall li:nth-child(4n+5) {	clear: none; }	
	.listsmall li:nth-child(2n+2) {	margin-right: 0; }
	.listsmall li:nth-child(2n+3) {	clear: both; }
	
	#container_content 			{	padding-top:0px;								}
	#inhoud_rechts 					{	clear: both; float: left;width: 100%; }

	#container_footer				{ height: 66px;			}
	#footer_left 						{	height: auto;										}

	#contactform, #reactieform { width: 80%; }
}


@media only screen and (max-width: 560px) {
	.footer2         { text-align: center; }
	.footer2 img     { float: none; width: 70%; }

	.footer2 div div { width: 100%; }
	.footer2 li      { width: 49%; }
}

/* ********************************************************************** responsive 3 */
@media only screen and (max-width: 480px) {
	.tekst, td, body        { font-size: 14px; }
	#caption                { width: 100%; text-align: center; right: 0px;}
	#contact                { font-size: 14px; width: 270px;  }
	#contact          .fa-2x{ font-size: 1.5em; }

	#container_nav 					{	width: 100%; top: 130px; 			}
	#container 							{ width: 100%;										}
	main, #inhoud, #inhoud2	{ width: 100%;}

	#inhoud_rechts 					{ margin-right: 0; }
	#handje									{ right: 2px; }

	#list_home { width: 109%; }
	.list h1 { font-size: 13px; }
	.content2 ul.list h1 { font-size: 12px; }

	#contactform, #reactieform { width: 90%; }
}

@media only screen and (max-width: 450px) {
	#buttons                { right: 15px; top: 57px;}
	#caption                { font-size: 13px; }/* bottom: 26%;*/

	#contactform, #reactieform { width: 95%; }

}

/* ********************************************************************** responsive 4 */
@media only screen and (max-width: 380px) {
	#logo 									{ width: 45%; 						}
	#contact                { font-size: 10px; right: 0px; width: 100%; top: 55px; padding: 0; text-align: center;}
	#contact          div   { clear: none; width: 10px; display: inline-block; }
	#contact          .fa-2x{ font-size: 1.5em; }
/*	footer a { display: none;} */

	#list_home { width: 111%; }
	.list li,
	.listsmall li,
	.content2 ul.list li{
		margin-right: 0;
		width: 100%;
	}

}

@media only screen and (max-width: 320px) {
	#caption                { font-size: 12px; }/* bottom: 26%;*/
}

/* ************************************************************** 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 #c8c8c8;
	margin: 0 0 0 0;
}

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

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