@import url(https://fonts.googleapis.com/css?family=Kreon:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Volkhov:400,400italic,700,700italic);


@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

/*
	font-family: 'Kreon', serif;
	font-family: 'Volkhov', serif;
*/

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Kreon', serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	color: #74615a; 
	background: #ececed url(../images/bodyback.jpg) top left fixed;
	-webkit-text-size-adjust:none;		  /* Turn off font resizing */		
}

		
html
{
	height: 100%;
}

p{
	margin: 0px;
	padding: 8px 0px 8px 0px;
}

p.intro{
	color: #5b4943;
	font-weight: 400;
}




a:link, a:visited { 
	color: #d96b2b;
	text-decoration: none;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #a63c24;
	text-decoration: none;
	}
	
	
a.doorlink:link, a.doorlink:visited { 
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 13px;
	font-style: italic;
	color: #d96b2b;
	text-decoration: none;
	}

a.doorlink:hover, a.doorlink:active { 
	color: #a63c24;
	text-decoration: none;
	}	
	
	
.h3_projects{
	float: left;
}	
	
a.doorlink_projects:link, a.doorlink_projects:visited { 
	float: right;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 13px;
	font-style: italic;
	color: #d96b2b;
	text-decoration: none;
	padding-right: 10px;
	}

a.doorlink_projects:hover, a.doorlink_projects:active { 
	color: #a63c24;
	text-decoration: none;
	}	
		
	


	
a.naarboven:link, a.naarboven:visited { 
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 13px;
	font-style: italic;
	display: block;
	text-align: center;
	padding: 20px 0px 20px 0px;
	color: #d96b2b;
	text-decoration: none;	
	}

a.naarboven:hover, a.naarboven:active { 
	color: #a63c24;
	text-decoration: none;
	}
		
#breadcrumbs{
	display: block;
	padding: 0px 5% 0px 5%;
	background: #ffedd6;
}	


#breadcrumbs .line {
	height: 1px;
	background: #e7d5c0;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 34px 0px;
	clear: both;
	overflow: hidden;
}

#kruimelpad{
	float: left;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 13px;
	font-style: italic;
	color: #5b4943;
}

@media (max-width: 700px) {
	#kruimelpad{
		width: 100%;
	}
}

#kruimelpad ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#kruimelpad ul li{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	background: url(../images/kruimelarrow.png) 6px 4px no-repeat;		
	display: inline;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	#kruimelpad ul li{
		background: url(../images/kruimelarrow@2x.png) 6px 4px no-repeat;		
		background-size: 4px 7px;
	}	
}

#kruimelpad a:link, #kruimelpad a:visited { 
	color: #74615a;
	text-decoration: none;
	}

#kruimelpad a:hover, #kruimelpad a:active { 
	color: #d96b2b;
	text-decoration: none;
	}


#breadcrumbs a.naarboven:link, #breadcrumbs a.naarboven:visited { 
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 13px;
	font-style: italic;
	display: block;
	width: 200px;
	float: right;
	text-align: right;
	padding: 0px 0px 20px 0px;
	color: #d96b2b;
	text-decoration: none;	
	}

#breadcrumbs a.naarboven:hover, #breadcrumbs a.naarboven:active { 
	color: #a63c24;
	text-decoration: none;
	}

@media (max-width: 700px) {
	#breadcrumbs a.naarboven:link, #breadcrumbs a.naarboven:visited { 
		float: left;
		text-align: left;
		padding: 20px 0px 0px 0px;
		width: 100%;
		}
}
	
#content {
	margin: 0 auto;
	width: 1086px;	
	background: #ffedd6;
	min-height: 100%;
	position: relative;
  -webkit-box-shadow: 0px 0px 40px 0px #75503f; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 40px 0px #75503f; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	
}


@media (max-width: 1086px) {
	#content {
		width: auto;
		display: block;
		padding: 0px;
		margin: 0px;
	}	
	
	
}

header{
	display: block;
	position: relative;
	height: 600px;
}

.vervolg header{
	height: auto;
}

@media (max-width: 1086px) {
	header{
		height: auto;
	}			
}

#headervervolg{
	display: block;
	padding: 0px;
	height: 266px;
}

#headervervolg.herfstback1{
	background: url(../images/herfstback1.jpg) top left no-repeat;	
}

#headervervolg.herfstback2{
	background: url(../images/herfstback2.jpg) top left no-repeat;	
}

#headervervolg.herfstback3{
	background: url(../images/herfstback3.jpg) top left no-repeat;	
}

#headervervolg.herfstback4{
	background: url(../images/herfstback4.jpg) top left no-repeat;	
}



#headervervolg.winterback1{
	background: url(../images/winterback1.jpg) top left no-repeat;	
}

#headervervolg.winterback2{
	background: url(../images/winterback2.jpg) top left no-repeat;	
}

#headervervolg.winterback3{
	background: url(../images/winterback3.jpg) top left no-repeat;	
}

#headervervolg.winterback4{
	background: url(../images/winterback4.jpg) top left no-repeat;	
}


#headervervolg.lenteback1{
	background: url(../images/lenteback1.jpg) top left no-repeat;	
}

#headervervolg.lenteback2{
	background: url(../images/lenteback2.jpg) top left no-repeat;	
}

#headervervolg.lenteback3{
	background: url(../images/lenteback3.jpg) top left no-repeat;	
}




#headervervolg h2 { 
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	color: #ffffff;
	font-size: 35px;
	line-height: 40px;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-style: italic;
	text-shadow: #242424 1px 1px 3px;		
	filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;	
	}

.headertable{
	width: 100%;
	padding: 0px 5% 0px 5%;
}

@media (max-width: 900px) {
	.headertable{
		display: none;
		visibility: hidden;
	}	
}

.rightline{
	float: left;
	height: 1px;
	overflow: hidden;
	background: #ffffff;
	width: 100%;
	margin-top: 6px;
	filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;		
}

/* Fix voor IE 7*/
*:first-child+html .rightline
{
	display: none;
	visibility: hidden;
}	
	
/* Fix voor IE 6*/
* html .rightline
{
	display: none;
	visibility: hidden;
}	

#navwrapper{
	display: block;
	padding: 0px;
	height: 266px;
	background: url(../images/navback.png) top left repeat-x;	
}


@media (max-width: 900px) {
	#headervervolg{
		height: 220px;		
	}		
	
	#navwrapper{
		height: 220px;
		background: none;
	}	
}


@media (max-width: 727px) {
	#headervervolg{
		height: 200px;		
	}		
	
	#navwrapper{
		height: 200px;
		background: none;
	}	
}

@media (max-width: 500px) {
	#headervervolg{
		height: 180px;		
	}		
	
	#navwrapper{
		height: 180px;
		background: none;
	}	
}


#headercontent{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

	
#headercontent h1 { 
	margin: 0px;	
	width: 270px;
	height: 172px;
	overflow: hidden;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	z-index: 99;
	margin: 0 auto;
	}
	
#headercontent h1 img {max-width: 100%; display: block; border: 0px;}



@media (max-width: 727px) {
	#headercontent h1{
		width: 235px;
		height: 149px;
	}		
}	
	
	
@media (max-width: 500px) {
	#headercontent h1{
		width: 200px;
		height: 127px;
	}		
}	
	
	
#headervervolg h1 { 
	float: left;
	margin: 0px 0px 0px 18px;	
	width: 270px;
	height: 172px;
	overflow: hidden;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	z-index: 99;
	}
	
#headervervolg h1 img {max-width: 100%; display: block; border: 0px;}	

@media (max-width: 900px) {
	#headervervolg h1{
		margin: 0 auto;
		float: none;
	}		
}
	
@media (max-width: 727px) {
	#headervervolg h1{
		width: 235px;
		height: 149px;
		margin: 0 auto;
		float: none;
	}		
}	
	
	
@media (max-width: 500px) {
	#headervervolg h1{
		width: 200px;
		height: 127px;
	}		
}	
		
		

#headercontent h2 { 
	width: 100%;
	max-width: 978px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	z-index: 99;
	margin: 4% auto;
	}
	
h1 span, h2 span{
	visibility: hidden;
}
	
#headercontent h2 img {max-width: 100%; display: block; border: 0px;}	

@media (max-width: 500px) {
	#headercontent h2{
		display: none;
		visibility: hidden;
	}		
}

#kolommen{
	display: block;
	padding: 54px 5% 54px 5%;
	background: #ffedd6;
	min-height: 300px;
}

.slidewrapper {
	display: block;
	margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	    
	
}

#kolom1{
	float: left; 
	width: 48%;	
}

#kolom2{
	float: right;
	width: 48%;
}


#kolom1.breed{
	float: left; 
	width: 64%;	
}

#kolom2.small{
	float: right;
	width: 32%;
}




@media (max-width: 900px) {


	#kolom1.breed{
		width: 48%;	
	}
	
	#kolom2.small{
		width: 48%;
	}
}


@media (max-width: 767px) {
	#kolom1{
		width: 100%;	
	}
	
	#kolom2{
		width: 100%;
	}

	#kolom1.breed{
		width: 100%;	
	}
	
	#kolom2.small{
		width: 100%;
	}
}
	

#kolommen h3, .fancybox-inner h3{	
	color: #d96b2b;
	font-size: 31px;
	line-height: 36px;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 12px 0px;
}	

@media (max-width: 500px) {
	#kolommen h3, .fancybox-inner h3{
		font-size: 25px;
		line-height: 30px;
	}	
}

.fotooverzicht{
	display: block;
	padding: 20px 0px 0px 0px;
}

.fotooverzicht img {
	width: 29%; 
	float: left; 
	border: 0px; 
	margin: 0px 4% 4% 0px;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	
	}


.fotoblok{
	float: left;
	width: 32%;
}

.fotoblok .fotooverzicht{
	display: block;
	padding: 0px 0px 0px 0px;
}

.fotoblok .fotooverzicht img {
	width: 29%; 
	float: left; 
	border: 0px; 
	margin: 0px 4% 4% 0px;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	
	}	
	
@media (max-width: 900px) {
	.fotoblok { 
		width: 99%;
		}			
}	




.block{
	display: block;
	background: #d96b2b;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	  	
    color: #ffedd6;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 17px;
	line-height: 30px;
	font-style: italic;        
}

.block.red{
	background: #a63c24;
}

.block.brown{
	background: #5b4943;
}

.block .text{
	display: block;
	padding: 22px 30px 22px 30px;
}

#row3{
	display: block;
	padding: 0px 5% 54px 5%;
	background: #ffedd6;
}

#row2{
	display: block;
	padding: 54px 5% 54px 5%;
	background: #ffedd6;
}

#row2 .text{
	float: left;
	width: 71%;
	padding: 0px 0px 0px 3%;
	font-size: 17px;
	line-height: 30px;
}

#row2 .text h2 { 
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #d96b2b;
	font-size: 31px;
	line-height: 36px;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-style: italic;
	}
	
#row2 .foto { 
	float: left;
	width: 23%;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	position: relative;
	}
	
#row2 .foto img {max-width: 100%; display: block; border: 0px}		


@media (max-width: 767px) {

	#row2{
		padding: 44px 5% 5px 5%;
	}


	#row2 .text{
		width: 70%;
		padding: 0px 5% 0px 0px;
	}

		
	#row2 .foto { 
		float: right;
		width: 20%;
		}		
}

@media (max-width: 700px) {

	#row2{
		padding: 30px 5% 5px 5%;
	}

	#row2 .text{
		width: 100%;
		padding: 0px 0% 0px 0px;
		font-size: 16px;
		line-height: 26px;
	}
	
	#row2 .text h2 { 
		font-size: 27px;
		line-height: 32px;
		}	

		
	#row2 .foto { 
		display: none;
		visibility: hidden;
		}			
}	
	
	


#row{
	display: block;
	padding: 54px 5% 24px 5%;
	background: #f2dfc8 url(../images/shadow20.png) top left repeat-x;
}



/* Fix voor IE 7*/
*:first-child+html #row
{
	padding: 54px 5% 0% 5%;
	margin: 0px 0px -30px 0px;
}	

@media (max-width: 767px) {
	#row, #row3{
		padding: 30px 0% 20px 5%;
	}		
}


#subnav{
	display: block;
	padding: 0px 5% 0px 5%;
	min-height: 60px;
	background: #f2dfc8 url(../images/shadowbottom.png) bottom left repeat-x;
}


#subnav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	margin-left: -10px;
}

@media (max-width: 700px) {
	#subnav{	
		background: none;
		height: auto;
		float: left;
		display: block;
		background: #f2dfc8 url(../images/shadowbottom.png) bottom left repeat-x;
		width: 100%;
		padding: 10px 0px 10px 0px;
		margin-bottom: 35px;
		text-align: center;
	}
	
	#subnav ul{
		padding-left: 5%;
	}	
}

#subnav ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;	
}


#subnav ul li a:link, #subnav ul li a:visited { 
	float: left;
	height: 60px;
	overflow: hidden;
	line-height: 67px;
	color: #5b4943;
	font-size: 15px;
	padding: 0px 12px 0px 12px;
	text-decoration: none;
	display: inline;
	}
	

#subnav ul li a:hover, #subnav ul li a:active { 
	color: #a63c24;
	text-decoration: none;
	}
	
#subnav ul li a.actief:link, #subnav ul li a.actief:visited {
    color: #5b4943;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;
	background: #ffedd6;
}

@media (max-width: 700px) {
	#subnav ul li a:link, #subnav ul li a:visited { 
		width: 100%;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
		padding: 5px 0px 5px 0px;
		}
		
	#subnav ul li a.actief:link, #subnav ul li a.actief:visited {
		width: 100%;
		padding: 5px 0px 5px 0px;
		background: none;
	}		
}
	

a.prodlink:link, a.prodlink:visited { 
	float: left;
	width: 19%;
	margin-right: 1.5%;
	margin-bottom: 20px;
	}
	
a.prodlink.last:link{
	margin-right: -1.5%;
}

a.prodlink:hover, a.prodlink:active { 
	text-decoration: none;
	}
	
a.prodlink:link h2, a.prodlink:visited h2{ 
	color: #492a1e;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	margin: 0px;
	padding: 0px;
	}
	
a.prodlink:hover h2, a.prodlink:active h2{ 
	color: #d96b2b;
	}	
	
a.prodlink:link img {
	max-width: 100%; 
	display: block; 
	border: 0px; 
	margin: 0px 0px 14px 0px;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	
	}	
	
	
@media (max-width: 767px) {
	a.prodlink:link, a.prodlink:visited { 
		float: left;
		width: 45%;
		margin-right: 5%;
		margin-bottom: 30px;
		}			
}
	
@media (max-width: 450px) {
	a.prodlink:link, a.prodlink:visited { 
		float: left;
		width: 95%;
		margin-right: 0%;
		margin-bottom: 20px;
		}			
}
		
	
	
h3{	
	color: #492a1e;
	font-size: 19px;
	line-height: 22px;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 12px 0px;
}	
	

	
a.morelink:link, a.morelink:visited { 
	float: left;
	width: 31%;
	margin-right: 3%;
	color: #74615a;
	margin-bottom: 30px;
	}
	

a.morelink:hover, a.morelink:active { 
	color: #74615a;
	text-decoration: none;
	}
	
a.morelink:link h2, a.morelink:visited h2{ 
	color: #492a1e;
	font-size: 19px;
	line-height: 22px;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 12px 0px;	
	}
	
a.morelink:hover h2, a.morelink:active h2{ 
	color: #d96b2b;
	}	
	
a.morelink:link img {
	max-width: 100%; 
	display: block; 
	border: 0px; 
	margin: 0px 0px 14px 0px;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	
	}		


@media (max-width: 900px) {
	a.morelink:link, a.prodlink:visited { 
		float: left;
		width: 45%;
		margin-right: 5%;
		}			
}

@media (max-width: 500px) {
	a.morelink:link, a.prodlink:visited { 
		float: left;
		width: 95%;
		margin-right: 5%;
		}			
}
	

footer{
	display: block;
	padding: 64px 5% 54px 5%;
	background: #5b4943 url(../images/shadow20.png) top left repeat-x;
	min-height: 200px;
	color: #ffedd6;
}

#contact{
	float: left;
	width: 23%;
	margin-right: 3%;	
	line-height: 28px;
}



#contact p{
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

#directnaar{
	float: left;
	width: 39%;
	margin-right: 3%;
}

#directnaar a:link, #directnaar a:visited { 
	color: #ffedd6;
	text-decoration: none;
	}

#directnaar a:hover, #directnaar a:active { 
	color: #d96b2b;
	text-decoration: none;
	}

#directnaar ul{
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;	
	padding: 42px 40px 0px 0px;
}

#directnaar ul li{
	list-style-type: none;
	line-height: 20px;
	padding: 4px 0px 4px 0px;
}




#copyright{
	float: left;
	width: 23%;
	margin-right: 3%;	
	color: #baa892;
}

#fastlinks{
	float: left;
	width: 55%;
	margin-right: 3%;
	color: #d6c3ac;
}

#fastlinks a:link, #fastlinks a:visited { 
	color: #d6c3ac;
	text-decoration: none;
	}

#fastlinks a:hover, #fastlinks a:active { 
	color: #d96b2b;
	text-decoration: none;
	}

#fastlinks ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#fastlinks ul li{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 22px;
	list-style-type: none;
	display: inline;
	background: url(../images/dot.png) 8px 8px no-repeat;	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	#fastlinks ul li{
		background: url(../images/dot@2x.png) 8px 8px no-repeat;
		background-size: 4px 4px;
	}	
}

#fastlinks ul li.first{
	padding: 0px 0px 0px 0px;
	background: none;
}


@media (max-width: 900px) {

	#copyright{
		width: 35%;
		margin-right: 5%;	
		margin-bottom: 15px;		
	}	
	
	#fastlinks{
		float: left;
		width: 55%;
		margin-right: 5%;
		color: #d6c3ac;
		margin-bottom: 15px;		
	}					
}


@media (max-width: 600px) {
	#copyright{
		width: 100%;
		margin-right: 0%;	
	}	
	
	#fastlinks{
		width: 100%;
		margin-right: 0%;
	}			
}	

@media (max-width: 500px) {

	#contact{
		width: 100%;
		margin-right: 0%;	
		margin-bottom: 30px;
	}
	
	.nieuwsblok{
		width: 100%;
		margin-right: 0%;	
	}			
}	




h4{	
	color: #ffedd6;
	font-size: 19px;
	line-height: 22px;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 20px 0px;
}	
	

#contact a:link, #contact a:visited { 
	color: #ffedd6;
	text-decoration: none;
	}

#contact a:hover, #contact a:active { 
	color: #d96b2b;
	text-decoration: none;
	}
	
	
.nieuwsblok{
	float: left;
	width: 32%;
}	


@media (max-width: 950px) {

	#contact{
		width: 45%;
		margin-right: 5%;	
	}
	
	#directnaar{
		width: 45%;
		margin-right: 5%;
		display: none;
		visibility: hidden;
	}
	
	.nieuwsblok{
		width: 45%;
		margin-right: 5%;	
	}		
		
		
}

@media (max-width: 500px) {

	#contact{
		width: 100%;
		margin-right: 0%;	
		margin-bottom: 30px;
	}
	
	.nieuwsblok{
		width: 100%;
		margin-right: 0%;	
	}			
}	
	
	

a.newslink:link, a.newslink:visited { 
	display: block;
	padding: 4px 0px 20px 70px;
	color: #ffedd6;
	text-decoration: none; 	
	position: relative;
	min-height: 54px;
	font-size: 16px;
	}

a.newslink:hover, a.newslink:active { 
	color: #ffedd6;
	text-decoration: none;
	}
	
#kolommen a.newslink:link, #kolommen a.newslink:visited { 
	color: #d96b2b;
	}

#kolommen a.newslink:hover, #kolommen a.newslink:active { 
	color: #a63c24;
	text-decoration: none;
	}
	
		
	
	
	
a.newslink:link .date, a.newslink:visited .date{ 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 54px;
	height: 54px;
	color: #ffedd6;
	text-decoration: none; 	
	background: #d96b2b;
	}

a.newslink:hover .date, a.newslink:active .date{ 
	color: #ffedd6;
	background: #a63c24;
	text-decoration: none;
	}	
	
#kolommen a.newslink#active:link .date, #kolommen a.newslink#active:visited .date{ 
	background: #a63c24;
	}

#kolommen a.newslink#active:hover .date, #kolommen a.newslink#active:active .date{ 
	background: #a63c24;
	}	
	
.day{
	width: 54px;
	text-align: center;
	font-weight: 400;
	font-size: 31px;
	line-height: 32px;
}

.month{
	width: 54px;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	position: relative;
	margin-top: -2px;
	font-weight: 400;
}


#headervervolg nav{
	float: left;
	text-align: left;
	height: 42px;
	position: relative;
	margin: 51px 0px 0px 0px;
	font-weight: 400;
}

@media (max-width: 900px) {
	#headervervolg nav{
	margin: 0 auto;
	text-align: center;
	height: 42px;
	position: relative;
	margin-top: -15px;
	font-weight: 400;
	float: none;
	}	
}


nav{
	margin: 0 auto;
	text-align: center;
	height: 42px;
	position: relative;
	margin-top: -15px;
	font-weight: 400;
}

@media (max-width: 727px) {
	nav{
		display: none;
		visibility: hidden;
	}		
}

nav ul{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

nav ul li{
	margin: 0px;
	padding: 0px 8px 0px 8px;
	list-style-type: none;
	display: inline;
}

nav ul li.item-first{
	background: none;
}

nav ul li a:link, nav ul li a:visited { 
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-bottom: 8px;
	font-size: 18px;
	color: #fff3db;
	text-decoration: none;
	text-shadow: #242424 1px 1px 3px;		
	}

nav ul li a:hover, nav ul li a:active { 
	color: #d96b2b;
	text-decoration: none;
	}
	
@media (max-width: 967px) {
	nav ul li a:link, nav ul li a:visited { 
		font-size: 16px;
	}	
}	


nav ul li.item-breadcrumb a:link, nav ul li.item-breadcrumb a:visited {
    color: #fff3db;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;
	border-bottom: 2px solid #fff3db;	
}

	


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	overflow: hidden;
}

.lineclearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 20px 0px;
	clear: both;
	overflow: hidden;
	height: 1px;
	background: #e7d5c0;	
}


.mobileclearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	overflow: hidden;
	display: none;
	visibility: hidden;
}

@media (max-width: 900px) {
	.mobileclearer { 
		display: block;
		visibility: visible;
		}			
}

.line {
	height: 1px;
	background: #e7d5c0;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 54px 0px;
	clear: both;
	overflow: hidden;
}

.tree{
	float: left;
	width: 114px;
	height: 105px;
	background: url(../images/tree.gif) top left no-repeat;	
	margin-bottom: -3px;
	margin-top: -10px;
	margin-left: 144px;
	position: relative;
}



@media (max-width: 500px) {
	.tree{
		display: none;
		visibility: hidden;
	}		
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.tree{
		background: url(../images/tree@2x.gif) top left no-repeat;
		background-size: 114px 105px;
	}	
}



.footerline {
	height: 1px;
	background: #6a5850;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 24px 0px;
	clear: both;
	overflow: hidden;
}





	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	




/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0px; 
	padding: 0px;
	border: 0px;	
	}
	
.flexslider ul,
.flexslider li{
	margin: 0px;
	padding: 0px;
}
	
.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
	position: relative;
	} /* Hide the slides before the JS is loaded. Avoids image jumping */
	
.flexslider .slides img {
	width: 100%; 
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 1;	
	}
	
	
.flexslider .slides img#fader, 
.flexslider .slides img#fader2
{
	width: 100%; 
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	}	

	
.flex-pauseplay span {
	text-transform: capitalize;
	}

/* Clearfix for the .slides element */
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 	
	line-height: 0; 
	height: 0;} 
	
html[xmlns] .slides {
	display: block;	
	} 
	
* html .slides {
	height: 1%;
	}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0px 0px 0px 0px; 
	top: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	background: #fff; 
	border: 0px solid #fff; 
	position: relative; 
	zoom: 1;
	}
	

	
	
.flex-viewport {
	max-height: 600px;
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	transition: all 1s ease;
	}
	
.loading .flex-viewport {
	max-height: 600px;	
	}
	
.flexslider .slides {
	zoom: 1;
}


@media (max-width: 600px) {
	.home .flexslider .slides img {
		width: 130%; 
		margin-left: -15%;
		}	
}	

.carousel li {
	margin-right: 0px;
	}


/* Direction Nav */
.flex-direction-nav {
	*height: 0;
	}
.flex-direction-nav a {
	width: 43px; 
	height: 43px; 
	margin: -20px 0 0; 
	display: block; 
	background: url(../images/bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; 
	top: 50%; 
	cursor: pointer;
	text-indent: -9999px; 
	opacity: 0; 
	-webkit-transition: all .3s ease;
	z-index: 3;		
	}
	
@media (max-width: 700px) {
	.flex-direction-nav a{
		display: none;
		visibility: hidden;
	}		
}	
	
.flex-direction-nav .flex-next {
	background-position: 100% 0; 
	right: -43px; 
	}
	
.flex-direction-nav .flex-prev {
	left: -43px;
	}
	
.flexslider:hover .flex-next {
	opacity: 0.8; 
	right: 0px;
	}
	
.flexslider:hover .flex-prev {
	opacity: 0.8; 
	left: 0px;
	}
	
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	}
.flex-direction-nav .flex-disabled {
	opacity: .3!important; 
	filter:alpha(opacity=30); 
	cursor: default;
	}

/* Control Nav */
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: 20px; 
	text-align: center;
	z-index: 3;			
	}
	
@media (max-width: 767px) {
	.flex-control-nav{
		bottom: 10px; 
	}		
}	
		
	
	
#kolommen .flex-control-nav, .fancybox-inner .flex-control-nav{
	width: 100%; 
	position: absolute; 
	bottom: 10px; 
	text-align: center;
	z-index: 3;			
	}
		
	
.flex-control-nav li {
	margin: 0px 3px 0px 3px; 
	padding: 0px;
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	}
	
	
	
.flex-control-paging li a {
	width: 10px; 
	height: 10px; 
	display: block; 
	background: url(../images/slidenav.png) 0px 0px no-repeat;
	cursor: pointer; 
	text-indent: -9999px; 
	overflow: hidden;
	}
		
.flex-control-paging li a:hover { 
	background: url(../images/slidenav.png) 0px -10px no-repeat;
	}
	
.flex-control-paging li a.flex-active { 
	background: url(../images/slidenav.png) 0px -10px no-repeat;
	}
	
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.flex-control-paging li a {
		background: url(../images/slidenav@2x.png) 0px 0px no-repeat;
		background-size: 10px 20px;			
		}
			
	.flex-control-paging li a:hover { 
		background: url(../images/slidenav@2x.png) 0px -10px no-repeat;
		background-size: 10px 20px;					
		}
		
	.flex-control-paging li a.flex-active { 
		background: url(../images/slidenav@2x.png) 0px -10px no-repeat;
		background-size: 10px 20px;					
		}

}		
			


.flex-control-thumbs {
	margin: 5px 0 0;
	position: static; 
	overflow: hidden;
	}
	
.flex-control-thumbs li {
	width: 25%; 
	float: left; 
	margin: 0;
	}
	
.flex-control-thumbs img {
	width: 100%; 
	display: block; 
	opacity: .7; 
	cursor: pointer;
	}
	
.flex-control-thumbs img:hover {
	opacity: 1;
	}
	
.flex-control-thumbs .flex-active {
	opacity: 1; 
	cursor: default;
	}



#addnoise{
	float: left;
	width: 32%;
}



.btn_addnoise, a.btn_addnoise:link, a.btn_addnoise:visited 
{
	float: left;
	width: 109px;
	height: 23px;
	background: url(../images/btn_addnoise.png) 0px 0px;
	margin: 0px 0px 0px 0px;
	text-indent: -400px;
	overflow: hidden;
}

a.btn_addnoise:hover, a.btn_addnoise:active
{
	background: url(../images/btn_addnoise.png) 0px -23px;
	text-decoration: none;
	color: #ffffff;
}


@media (max-width: 767px) {
	.btn_addnoise, a.btn_addnoise:link, a.btn_addnoise:visited 
	{
		float: left;
		margin: 0px 0px 15px 0px;
	}		
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.btn_addnoise, a.btn_addnoise:link, a.btn_addnoise:visited 
	{
		background: url(../images/btn_addnoise@2x.png) 0px 0px;
		background-size: 109px 46px;
	}	
}


.bredefoto{
	display: block;
	width: 100%;

	max-width: 1000px; 
	padding: 0px;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	position: relative;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	  	
}


.block .bredefoto{
	display: block;
	width: 100%;

	max-width: 1000px; 
	padding: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}



.bredefoto img {
	max-width: 100%; 
	display: block; 
	border: 0px;
	}	



.fotorechts{
	float: right;
	width: 150px;
	position: relative;
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

.fotorechts img{
	max-width: 100%; 
	display: block; 
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
  -webkit-box-shadow: 0px 0px 5px 0px #baa892; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #baa892; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */	   	
}

.fotoclearer {
	display: none;
	visibility: hidden;
}


@media (max-width: 500px) {
	.fotorechts{
		display: block;
		width: 100%;
		position: relative;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}
	
	.fotoclearer {
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		clear: both;
		overflow: hidden;
		display: block;
		visibility: visible;
	}	
}

iframe{
	margin-top: 10px;
}





a.catlink:link, a.catlink:visited { 
	display: block;
	padding: 15px 0px 0px 0px;
	color: #403e3e;
	text-decoration: none;	
	cursor: pointer;
	border-top: 0px dashed #c1bebc;	
	position: relative;
	}

a.catlink:hover, a.catlink:active { 
	color: #403e3e;
	text-decoration: none;
	}	
	

	
.foto_cat{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0px;
	top: 15px;
}

.foto_cat img{
	float: left;
	width: 100px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}

.tekst_cat{
	display: block;
	padding: 0px 0px 0px 118px;
		min-height: 100px;
}	

@media (max-width: 500px) {
	.foto_cat{
		display: none;
		visibility: hidden;
	}
	
	.foto_cat img{
		display: none;
		visibility: hidden;
	}
	
	.tekst_cat{
		display: block;
		padding: 0px 0px 0px 0px;
		min-height: 10px;
	}		
	

}



a.catlink:link .catkop, a.catlink:visited .catkop{
	font-size: 15px;
	line-height: 19px;
	color: #141215;
	text-transform: none;
	text-decoration: none;
	font-weight: 600;
}

a.catlink:hover .catkop, a.catlink:active .catkop{
	color: #2fa332;
	text-decoration: none;
}	

a.catlink:link .leesmeer, a.catlink:visited .leesmeer{ 
	color: #2fa332;
	}

a.catlink:hover .leesmeer, a.catlink:active .leesmeer{ 
	color: #858384;
	}	
		


.placed{
	color: #858384;
}
	
	
	
	
#selectwrapper{
	margin: 0 auto;
	text-align: center;
	display: none;
	visibility: hidden;
	width: 218px;
	padding-left: 28px;
}

@media (max-width: 727px) {
	#selectwrapper{
		display: block;
		visibility: visible;
	}		
}


#selectnav select { 
	border:0; 
	color:#EEE; 
	background:transparent;
	font-size: 17px; 
	padding: 2px 10px 2px 10px;
    color: #fff3db;
    text-align: left;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;
	width:218px;
	*width:190px; 
	*background: none;
	-webkit-appearance: none; 	
	text-shadow: #242424 1px 1px 3px;			
	}
	
#selectnav { 
		overflow:hidden; 
		width:190px;
		background: url("../images/pulldown.png") top right no-repeat; 
		}	
		
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	#selectnav { 
			background: url("../images/pulldown@2x.png") top right no-repeat; 
			background-size: 230px 30px;
			}			
}		



.basic  {
	display: block;
	padding: 30px 0px 10px 0px;
	position: relative;
	margin-top: -13px;
}
.basic div {
	background-color:none;
	height: auto;
	padding: 0px 0px 7px 0px;
}





.basic a.basiclink{
	color: #d96b2b;
	display: block;
	padding: 5px 0px 2px 12px;
	margin: 5px 0px 0px 0px;
	font-weight: 400;
	font-size: 17px;
	background: url(../images/arrow.gif) 0px 4px no-repeat;
	border-top: 1px solid #e7d5c0;
	text-decoration: none;
}

.basic a.basiclink:hover{
	background: url(../images/arrow.gif) 1px -76px no-repeat;
	text-decoration: none;
	color: #a63c24;
	}

.basic a.basiclink.selected {
	background: url(../images/arrow_down.gif) 0px 12px no-repeat;
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.basic a.basiclink {
		background: url(../images/arrow@2x.gif) 0px 4px no-repeat;
		background-size: 5px 160px;
		}

	.basic a.basiclink:hover {
		background: url(../images/arrow@2x.gif) 1px -76px no-repeat;
		background-size: 5px 160px;
		}

	.basic a.basiclink.selected {
		background: url(../images/arrow_down@2x.gif) 0px 12px no-repeat;
		background-size: 7px 4px;
	}

}

.buttons,
.buttons:before,
.buttons:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.buttons{
	float: left;
	width: 100%;
	background: #f2dfc8;
	padding: 30px;
	font-size: 16px;
}

.buttons a:link, .buttons a:visited { 
	float: left;
	width: 48%;
	color: #ffedd6;
	text-decoration: none;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-size: 15px;
	font-style: italic;
	text-align: center;
	height: 40px;
	line-height: 40px;	
	background: #d96b2b;
	margin-top: 15px;
	transition: all 0.2s ease-in-out;	
	}

.buttons a:hover, .buttons a:active { 
	color: #ffedd6;
	background: #a63c24;
	text-decoration: none;
	}
	
.adviesbutton{
	float: right !important;
}	
	

@media (max-width: 767px) {
	.buttons a:link, .buttons a:visited { 
		float: left !important;
		width: 100% !important;
	}
	
	.adviesbutton{
		float: left !important;
	}
}	







.fotorama__nav__frame.fotorama__active .fotorama__dot {
    border: medium none;
    height: 8px !important;
    width: 8px !important;
    background-color: #d96b2b !important;
     border-color: #d96b2b !important;
}

.fotorama__dot {
    border: 1px solid #d4d5d6 !important;
    border-radius: 6px !important;
    display: block !important;
    height: 8px !important;
    left: 4px !important;
    position: relative !important;
    top: 12px !important;
    width: 8px !important;
    border-color: #d4d5d6 !important;
    background: #d4d5d6 !important; 
}

.honingformfield {
	display: none !important;
}



@media (min-width: 1024px) { 	
	#topbar.scrolled {
		position: fixed !important;
		z-index: 101;
		top: 0px !important;
		left: auto !important;
		background: rgba(255, 255, 255, 0.92);
		float: left;
		width: 100%;
		z-index: 999;
		-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
		-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.20);	
		min-height: 0px;
		height: 80px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;		
		
	}	
	
	#topbar.scrolled .call-wrap{
		display: none;
		visibility: hidden;
	}
	
	#topbar.scrolled #top-nav {
		top: 20px;
	}
	
	#topbar.scrolled .logo {
		width: 140px;
		top: 5px;
	}	
	
}	


.fotorama__thumb-border {
	border-color: #ff6b3f !important;
}






#Container, #container_home{
	float: left;
	width: 102%; 
	position: relative;
	overflow: hidden; 
}

#projecten_overzicht{
float: left;
width: 100%;
margin-bottom: 0px;
}


.filterbox{
	width: 100%;
	margin-top: -75px;
	position: relative;
	float: right;
}

.filterbox select{
float: right;
position: relative;
height: 30px;
line-height: 20px;
padding: 0px 34px 0px 10px;
font-size: 0.9em;
font-weight: 400;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('../images/select_but.png');
background-repeat:no-repeat;
background-position:right center;
background-color: #f2dfc8;
color: #492a1e;
font-family: 'Volkhov', serif;
font-style: italic;
text-transform: none;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border: 0px;
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.filterbox select{
		background-image: url('../images/select_but@2x.png');
		background-size: 46px 30px;
	}	
}

.selectoverlay{
position: relative;
float: right;
margin: 0px 0% 10px 1%;
width: 220px;
padding-left: 11px;
z-index: 999;
height: 30px;
/* background-image: url('../images/select.png'); */
background-repeat: no-repeat;
background-position: left center;
}

@media (max-width: 700px) { 
	.filterbox{
		width: 100%;
		margin-top: 0px;
		position: relative;
		float: left;
	}
	
	.selectoverlay{
		width: 48%;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
		margin: 10px 1% 10px 1%;
	}	
	
}



#Container .mix, #container_home .mix_home{
display: none;
padding: 0px 0px;
margin: 20px 2% 0px 0px;
width: 23%;
position: relative;
float: left;
background: #f2dfc8;
overflow: hidden;
height: 340px;
transition: all 0.2s ease-in-out;	
}

#container_home .mix_home{
	display: block;
}

#Container .mix:hover, #container_home .mix_home:hover{
	box-shadow: 0 0 5px 0 #baa892;
}

@media (max-width: 768px) { 
	#Container .mix{		
		width: 48%;
		height: 380px;
	}
	
	#container_home .mix_home{		
		margin-right: 4%;
		width: 46%;
		height: 380px;
	}
		
	#Container{
		float: left;
		width: 101%; 
	}
	
	#container_home{
		float: left;
		width: 98%; 
	}	
	
	a.doorlink_projects:link, a.doorlink_projects:visited { 
		padding-right: 50px;
		}	
	
	
}

@media (max-width: 500px) { 
	#Container .mix{		
		width: 100%;
		height: auto;
	}
	
	#container_home .mix_home{		
		width: 100%;
		height: auto;
	}	
	
	#Container{
		float: left;
		width: 100%; 
	}
	
	#container_home{
		float: left;
		width: 95%; 
	}	
	
	a.doorlink_projects:link, a.doorlink_projects:visited { 
		padding-right: 20px;
		}		
	
}


#Container .mix:hover, #container_home .mix:hover{cursor:pointer;}


.foto_categorie{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.projectdate{
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(166, 60, 36, 0.6);
	color: #ffedd6;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	font-size: 12px;	
	padding: 4px 7px 4px 7px;	
}

.foto_categorie img{
	float: left;
	width: 100%;
	border: 0px;
}

.tekst_categorie{
	float: left;
	padding: 15px;
}



.tekst_categorie h2{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	color: #492a1e;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
}

.cattext{
	color: #74615a !important;
	font-size: 15px;
	line-height: 22px;
}

.plaats{
	opacity: 0.7;
}

.catmeer{
	color: #d96b2b;
	font-family: 'Volkhov', serif;
	font-style: italic;
	font-weight: 400;	
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 13px;	
}

a.categorielink:hover .catmeer{
	color: #a63c24;
}

a.categorielink:hover img{
	opacity: 1.0;
}

 
.fancybox-inner #popover{
	background: #ffedd6;
	padding: 20px;
}


.page-tpl-projecten .fancybox-inner{
	background: #ffedd6;
}

.page-tpl-projecten .fancybox-outer {
    background: #ffedd6;
    border-radius: 0px;

}
 
 .spec{
 	float: left;
 	width: 100%;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #e7d5c0; 	
 }
 
 .spec1{
 	float: left;
 	width: 40%;
 }
 
 .spec2{
 	float: right;
 	width: 60%;
 	font-weight: 400;
 }
 
 
 


#ervaringen{
	display: block;
	padding: 40px 55px 80px 55px;
	background: #f2dfc8;
	text-align: center;
}

.slick-prev{
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.15) url(../images/slide_links.png) 0px 0px no-repeat;	
	background-size: 40px 40px;
	border: 0px;
	overflow: hidden;
	text-indent: -500px;
	cursor: pointer;
	position: absolute;
	left: -55px;
	top: 50%;
	margin-top: -20px;
	border: 0px solid red;
	z-index: 999;
	opacity: 0.4;
/* 	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);	 */
}

.slick-next{
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.15) url(../images/slide_rechts.png) 0px 0px no-repeat;	
	background-size: 40px 40px;
	border: 0px;
	overflow: hidden;
	text-indent: -500px;
	cursor: pointer;
	position: absolute;
	right: -55px;
	top: 50%;
	margin-top: -20px;
	border: 0px solid red;
	z-index: 999;
	opacity: 0.4;	
	transition: all 0.3s ease;
/* 	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); */
}

.slick-prev:hover, .slick-next:hover{
	opacity: 0.7;
}

.title_ervaringen { 
	margin: 0px;
	padding: 0px 0px 30px 0px;
	color: #d96b2b;
	font-size: 31px;
	line-height: 36px;
	font-family: 'Volkhov', serif;
	font-weight: 400;	
	font-style: italic;
	}
	
#ervaringen .slider{
	padding: 0px 12% 0px 12%;
}	

#ervaringen p{
		font-size: 18px;
		line-height: 28px;
	font-style: italic;
}

@media (max-width: 767px) { 
	.title_ervaringen { 
		font-size: 21px;
		line-height: 26px;		
	}
	
	#ervaringen .slider{
		padding: 0px 0px 0px 0px;
	}	
	
	#ervaringen p{
		font-size: 15px;
		line-height: 22px;
	
	}	
}

.slick-dots
{
    position: absolute;
    bottom: -60px;
	left: 0px;
    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;
	padding: 0px;
    width: 8px;
    height: 8px;
    margin: 1px;
	border-radius: 50%;
	background: #74615a;
	opacity: 0.3;
    cursor: pointer;
    border: 0;
    outline: none;
}

.slick-dots li.slick-active button
{
	background: #d96b2b;
	opacity: 1.0;
}


.person{
	float: left;
	text-align: left;
	color: #d96b2b;
	padding: 0px 0px 0px 60px;
	position: relative;
	height: 55px;
	margin-top: 25px;
	margin-bottom: 10px;
	left: 50%;
  	transform: translate(-50%);	
  	text-decoration: none;
}

.person.nomargin{
	padding-left: 0px !important;
}

.person:hover{
	color: #9a0000;
  	text-decoration: none;
}

.person span{
	color: #74615a;
}

.person img{
	position: absolute;
	width: 47px;
	border: 0px;
	left: 0px;
	top: 0px;
}

@media (max-width: 767px) { 

	.person{
		font-size: 13px;
		padding-left: 47px;
		line-height: 16px;
		margin-top: 20px;
	}

	.person img{
		width: 37px;
	}
}