@import url(//fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
@import url(//fonts.googleapis.com/css?family=Nothing+You+Could+Do);

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

/*
	font-family: 'Quattrocento Sans', sans-serif;
	font-family: 'Libre Baskerville', serif;
	font-variant: small-caps;	
*/

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	color: #743b1e; 
	background: #fff5d7;
	-webkit-text-size-adjust:none;		  /* Turn off font resizing */		
}

		
html
{
	height: 100%;
	-webkit-font-smoothing: antialiased;	
}

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

p.intro{
	font-weight: 400;
	font-size: 17px;
	line-height: 24px;
}

b, strong{
	font-weight: 700;
}



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

a:hover, a:active { 
	color: #993300;
	text-decoration: none;
	}
	
	
a.doorlink:link, a.doorlink:visited { 
	color: #c0551f;
	text-decoration: none;
	}

a.doorlink:hover, a.doorlink:active { 
	color: #993300;
	text-decoration: none;
	}	

		
#breadcrumbs{
	display: block;
	padding: 0px 5% 0px 5%;
	background: #fff5d7;
}	


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

#kruimelpad{
	float: left;
	color: #743b1e;
}

@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 17px;
	list-style-type: none;
	background: url(../images/kruimelarrow.png) 6px 3px no-repeat;		
	display: inline;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
	#kruimelpad ul li{
		background: url(../images/kruimelarrow@2x.png) 6px 3px no-repeat;		
		background-size: 5px 10px;
	}	
}

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

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


#breadcrumbs a.naarboven:link, #breadcrumbs a.naarboven:visited { 
	display: block;
	width: 200px;
	float: right;
	text-align: right;
	padding: 0px 0px 20px 0px;
	color: #c0551f;
	text-decoration: none;	
	}

#breadcrumbs a.naarboven:hover, #breadcrumbs a.naarboven:active { 
	color: #993300;
	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%;
		}
}

#wrap_footer, #wrap_nav{
	width: auto;
	display: block;
	background: #743B1E;
	z-index: 999;
}

#wrap_row2{
	width: auto;
	display: block;
	background: #fff5d7;
}

#wrap_row3{
	width: auto;
	display: block;
	background: #f5e0bc;
}
	
#content {
	margin: 0 auto;
	width: 1086px;	
	position: relative;
}


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

header{
	display: block;
	position: relative;
	height: auto;
}

#foto0{
	float: left;
	height: 222px;
	position: relative;
	width: 34%;
}

#foto1{
	float: left;
	height: 222px;
	position: relative;
	width: 24%;
}

#foto2{
	float: left;
	height: 222px;
	position: relative;
	width: 18%;
/* 	margin-left: -1%; */
}

#foto3{
	float: left;
	height: 222px;
	position: relative;
	width: 24%;
/* 	margin-left: -1%; */
}

@media (max-width: 1000px) {
	#foto0, #foto1, #foto2, #foto3{
		height: 200px;
	}	
}

@media (max-width: 900px) {
	#foto0, #foto1, #foto2, #foto3{
		height: 150px;
	}	
}

@media (max-width: 767px) {
	#foto0, #foto1, #foto2, #foto3{
		height: 100px;
	}	
}

@media (max-width: 500px) {
	#foto0, #foto1, #foto2, #foto3{
		height: 75px;
	}	
}

.slider_shadow{
	width: 100%;
	height: 13px;
	background: url(../images/slider_shadow.png) top left repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

.vervolg 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 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%;
}

	
#navbar h6 { 
	position: absolute;
	margin: 0px 0px 0px -8px;	
	overflow: hidden;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	z-index: 999;
	width: 25%;
	max-width: 244px;
	top: 0px;
	}
	
#navbar h6 img {max-width: 100%; display: block; border: 0px;}



@media (max-width: 600px) {
	#navbar h6{
		width: 32%;
		margin: 0px 0px 0px -14px;
	}		
}

@media (max-width: 500px) {
	#navbar h6{
		width: 35%;
		margin: 0px 0px 0px -14px;
	}		
}


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

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

#headercontent h2 { 
	width: 100%;
	max-width: 978px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	z-index: 99;
	margin: 4% auto;
	}
	
h6 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: 74px 5% 54px 5%;
	background: #fff5d7;
	min-height: 300px;
}

@media (max-width: 700px) {	
	#kolommen{
		padding: 34px 5% 54px 5%;
	}	
}

.slidewrapper {
	display: block;
	margin-bottom: 25px;	
}

#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, #kolommen h1, #kolommen h2{	
	color: #743b1e;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;	
	font-variant: small-caps;	
	font-family: 'Libre Baskerville', serif;
	font-style: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}	

#kolommen .block h3{	
	color: #fff5d7;
}	


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

.fotooverzicht img {
	width: 29%; 
	float: left; 
	border: 0px; 
	margin: 0px 4% 4% 0px;
	}


.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;
	}	
	
@media (max-width: 900px) {
	.fotoblok { 
		width: 99%;
		}			
}	




.block{
	display: block;
	background: #c0551f;
    color: #fff5d7;       
    position: relative;
    margin-top: -22px;
    margin-bottom: 22px;
}

.block.red{
	background: #993300;
}

.block.brown{
	background: #743b1e;
}

.block a:link, .block a:visited { 
	color: #fff5d7;
	text-decoration: underline;
	}

.block a:hover, .block a:active { 
	color: #fff5d7;
	text-decoration: none;
	}

.block .text{
	display: block;
	padding: 22px 30px 22px 30px;	
	margin-top: -1px;
	position: relative;
}

@media (max-width: 700px) {	
	.block .text{
		padding: 10px 10px 10px 10px;	
	}	
}

#row3{
	display: block;
	padding: 74px 5% 54px 5%;
	background: #f5e0bc;
}

#row2{
	display: block;
	padding: 74px 5% 44px 5%;
	background: #fff5d7;
}

#row2 .text{
	float: right;
	width: 48%;
	padding: 0px 0px 0px 0%;
	font-size: 17px;
	line-height: 28px;
}

#row2 .text h2 { 
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #743b1e;
	font-size: 30px;
	line-height: 35px;
	font-weight: 400;	
	font-variant: small-caps;	
	font-family: 'Libre Baskerville', serif;
	}
	
#row2 .foto { 
	float: left;
	width: 48%;
	overflow: hidden;
	padding: 0% 0% 0px 0px;
	position: relative;
	}
	
#row2 .foto img {max-width: 100%; display: block; border: 0px;}		

a.fotolink:link .arrow_link, a.fotolink:visited .arrow_link { 
	float: right;
	font-size: 25px;
	line-height: 90px;
	height: 90px;
	padding: 0px 0px 0px 56px;
	color: #c0551f;
	text-decoration: none;
	background: url(../images/arrow_link.png) 0px 0px no-repeat;
	font-family: 'Nothing You Could Do', cursive;	
	font-weight: normal
	}

a.fotolink:hover .arrow_link, a.fotolink:active .arrow_link { 
	color: #993300;
	text-decoration: none;
	background: url(../images/arrow_link.png) 0px -90px no-repeat;	
	}
	
@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
	a.fotolink:link .arrow_link, a.fotolink:visited .arrow_link { 
		background: url(../images/arrow_link@2x.png) 0px 0px no-repeat;
		background-size: 41px 180px;
		}
	
	a.fotolink:hover .arrow_link, a.fotolink:active .arrow_link { 
		background: url(../images/arrow_link@2x.png) 0px -90px no-repeat;	
		background-size: 41px 180px;
		}

}
	
	
@media (max-width: 900px) {
	a.fotolink:link .arrow_link, a.fotolink:visited .arrow_link{
		font-size: 20px;
	}
}
	


@media (max-width: 767px) {

	#row2 .text{
		width: 90%;
		float: left;
	}
	
	#row2 .text h2 { 
		font-size: 26px;
		line-height: 30px;
		}	
	
		
	#row2 .foto { 
		display: none;
		visibility: hidden;
		}	
}

@media (max-width: 767px) {
	#row2{
		padding: 44px 5% 5px 5%;
	}		
}

@media (max-width: 700px) {

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

#navbar{
	display: block;
	padding: 0px 5% 20px 5%;
	background: #743b1e;
	z-index: 999;
}

@media (max-width: 600px) {
	#navbar{
		padding: 0px 5% 8px 5%;
	}		
}

#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;
	width: 90%;
	padding: 10px 5% 10px 5%;
	background: #f5e0bc;
}


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

@media (max-width: 700px) {
	
	#subnav ul{
		padding-left: 5%;
	}	
}

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

#subnav ul li ul{
	display: none;
	visibility: hidden;
}


#subnav ul li a:link, #subnav ul li a:visited { 
	float: left;
	overflow: hidden;
	color: #743b1e;
	font-size: 14px;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
	display: inline;
	font-weight: 400;
	font-variant: small-caps;	
	font-family: 'Libre Baskerville', serif;	
	}

#subnav ul li a:hover, #subnav ul li a:active { 
	color: #c0551f;
	text-decoration: none;
	}
	
#subnav ul li a.actief:link, #subnav ul li a.actief:visited {
    color: #c0551f;
}

@media (max-width: 700px) {
	#subnav ul li a:link, #subnav ul li a:visited { 
		float: left;
		width: 100%;
		height: 20px;
		line-height: 20px;
		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: 23%;
	margin-right: 3%;
	margin-bottom: 30px;
	}
	
a.prodlink.last:link{
	margin-right: -1%;
}

a.prodlink:hover, a.prodlink:active { 
	text-decoration: none;
	}
	
a.prodlink:link h2, a.prodlink:visited h2{ 
	color: #743b1e;
	font-size: 14px;
	line-height: 22px;
	font-variant: small-caps;	
	font-family: 'Libre Baskerville', serif;	
	font-weight: 400;	
	margin: 0px;
	padding: 0px;
	}
	
a.prodlink:hover h2, a.prodlink:active h2{ 
	color: #c0551f;
	}	
	
a.prodlink:link img {
	max-width: 100%; 
	display: block; 
	border: 0px; 
	margin: 0px 0px 14px 0px;
	}	
	
	
@media (max-width: 767px) {
	a.prodlink:link, a.prodlink:visited { 
		float: left;
		width: 45%;
		margin-right: 5%;
		margin-bottom: 30px;
		}			
}
	


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

a.morelink:hover, a.morelink:active { 
	color: #743b1e;
	text-decoration: none;
	}
	
a.morelink:link h2, a.morelink:visited h2{ 
	color: #743b1e;
	font-size: 22px;
	line-height: 26px;
	font-family: 'Libre Baskerville', serif;
	font-variant: small-caps;	
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 22px 0px;	
	}
	
a.morelink:hover h2, a.morelink:active h2{ 
	color: #c0551f;
	}	
	
a.morelink:link img {
	max-width: 100%; 
	display: block; 
	border: 0px; 
	margin: 0px 0px 14px 0px;
	}		


@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: 74px 5% 74px 5%;
	background: #743b1e;
	min-height: 200px;
	color: #f4e7ca;
}

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

@media (max-width: 900px) {
	#contact { 
		width: 99%;
		margin-right: 0%;
		}			
}	

#contact .foto { 
	float: left;
	width: 35%;
	overflow: hidden;
	padding: 0% 5% 0px 0px;
	position: relative;
	}
	
#contact .foto img {max-width: 100%; display: block; border: 0px;}		


#contactwrapper{
	float: left;
	width: 60%;
}




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

#contact2{
	float: right;
	width: 50%;
}

@media (max-width: 600px) {
	#contact .foto { 
		display: none;
		visibility: hidden;
		}		
		
	#contactwrapper{
		float: left;
		width: 100%;
		margin-bottom: 0px;
	}	
	
	#contact1{
		width: 100%;
	}

	#contact2{
		width: 100%;
		margin-bottom: 15px;
	}
	
}



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

#directnaar{
	float: left;
	width: 32%;
	position: relative;
}	



	
	
@media (max-width: 900px) {
	#directnaar { 
		width: 99%;
		margin-top: 20px;
		display: none;
		visibility: hidden;
		}			
}	

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

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

#directnaar ul{
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;	
	padding: 0px 50px 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: #c2a98f;
}

#fastlinks{
	float: left;
	width: 39%;
	margin-right: 3%;
	color: #d0bba0;
}

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

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

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

#fastlinks ul li{
	float: left;
	margin: 0px;
	padding: 0px 22px 0px 0px;
	list-style-type: none;
	display: inline;
}



#fastlinks ul li.first{
	padding: 0px 22px 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;
	}
		
}	

h4 { 
	color: #743b1e;
	font-size: 22px;
	line-height: 26px;
	font-family: 'Libre Baskerville', serif;
	font-variant: small-caps;	
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 22px 0px;	
	}
	
.nieuwsblok h4:hover{ 
	color: #c0551f;
	}	


footer h4 { 
	color: #dbab77;
	font-size: 22px;
	line-height: 26px;
	font-family: 'Libre Baskerville', serif;
	font-variant: small-caps;	
	font-weight: 400;	
	margin: 0px;
	padding: 0px 0px 22px 0px;	
	}	

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

#contact a:hover, #contact a:active { 
	color: #dbab77;
	text-decoration: none;
	}
	
	
#contact a.doorlinkfooter:link, #contact a.doorlinkfooter:visited { 	
	float: left;
	padding: 0px 0px 0px 15px;
	color: #dbab77;
	text-decoration: none;
	background: url(../images/arrow_footer.png) 0px 6px no-repeat;		
	}

#contact a.doorlinkfooter:hover, #contact a.doorlinkfooter:active { 
	color: #dbab77;
	text-decoration: none;
	background: url(../images/arrow_footer.png) 2px 6px no-repeat;	
	}	
	
a.rsslink:link, a.rsslink:visited { 
	position: absolute;
	overflow: hidden;
	right: 4%;
	top: 0px;
	width: 24px;
	height: 24px;
	background: url(../images/rss.png) 0px 0px no-repeat;	
	}

a.rsslink:hover, a.rsslink:active { 
	background: url(../images/rss.png) 0px -24px no-repeat;	
	text-decoration: none;
	}		
	
@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
	a.rsslink:link, a.rsslink:visited { 
		background: url(../images/rss@2x.png) 0px 0px no-repeat;	
		background-size: 24px 48px;
		}
	
	a.rsslink:hover, a.rsslink:active { 
		background: url(../images/rss@2x.png) 0px -24px no-repeat;	
		background-size: 24px 48px;
		}	
	
	
}	
	
.nieuwsblok{
	float: left;
	width: 32%;
	position: relative;
}	



	
	
@media (max-width: 900px) {
	.nieuwsblok { 
		width: 99%;
		}			
}	




	

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

a.newslink:hover, a.newslink:active { 
	color: #743b1e;
	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: #c0551f;
	}

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

#kolommen a.newslink#active:hover .date, #kolommen a.newslink#active:active .date{ 
	background: #993300;
	}	
	
.day{
	width: 54px;
	text-align: center;
	font-weight: 400;
	font-size: 28px;
	line-height: 37px;
	font-family: 'Libre Baskerville', serif;	
}

.month{
	width: 54px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 18px;
	position: relative;
	margin-top: -4px;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
}


#topbar{
	float: right;
	line-height: 56px;
	max-width: 73%;
}

.hoteliers{
	float: left;
	padding: 15px 30px 15px 54px;
	background: url(../images/thumb.png) 0px 5px no-repeat;		
	color: #fff5d7;
	font-size: 14px;
}



	

.hoteliers a:link, .hoteliers a:visited { 
	color: #fff5d7;
	text-decoration: none;	
	}

.hoteliers a:hover, .hoteliers a:active { 
	color: #f3aa36;
	text-decoration: none;
	}
	
	
.top_beoordelingen{
	float: right;
	padding: 0px 30px 0px 0px;
	color: #fff5d7;
	font-size: 14px;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;	
	font-variant: small-caps;		
}



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



a.revlink:link, a.revlink:visited { 
	color: #f3aa36;
	text-decoration: none;	
	margin-left: 10px;	
	}

a.revlink:hover, a.revlink:active { 
	color: #fff5d7;
	text-decoration: none;
	}	
	
a.beschikbaarheid-button.top:link, a.beschikbaarheid-button.top:visited { 
	background: #f3aa36;
	color: #743b1e;
	text-decoration: none;	
	padding: 3px 5px 3px 5px;
	border-radius: 5px;
	}

a.beschikbaarheid-button.top:hover, a.beschikbaarheid-button.top:active { 
	background: #fff5d7;
	color: #743b1e;
	text-decoration: none;
	}		






.telefoon{
	float: right;
	color: #f3aa36;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;	
	font-variant: small-caps;	
	font-size: 14px;
	background: url(../images/icon_telefoon.png) 0px 19px no-repeat;		
	padding: 0px 30px 0px 22px;
}

a:hover.telefoon span{
	color:#fff5d7;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
	.telefoon{
		background:  url("../images/icon_telefoon@2x.png") 0px 19px no-repeat;		
		background-size: 15px 15px;
	}	
}

a:link.telefoon , a:visited.telefoon  { 
	color: #f3aa36;
	text-decoration: none;
	}

a:hover.telefoon , a:active.telefoon  { 
	color: #f3aa36;
	text-decoration: none;
	}
	
@media (max-width: 600px) {
	.telefoon {
		padding:0;
		margin-right:20px;
		width:25px;
		height:45px;
		}	
		
	.telefoon span{
		display: none;
		visibility: hidden;
	}			
}		
	


/* Toggle Flags */
#flagbox {
	float: right;
	width: 46px;
	position: relative;
}
.trigger {
	float: left;
	position: relative;
	width: 46px;
	height: 56px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	background:  url("../images/arrow_down.png") right 22px no-repeat;
	 -moz-transition: all 0.1s ease-out;  /* FF3.7+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.1s ease-out;  
    z-index: 99;      
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
	.trigger{
		background:  url("../images/arrow_down@2x.png") right 22px no-repeat;
		background-size: 14px 7px;
	}	
}

.trigger img {
	margin: 18px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #743b1e;
	float: left;
	
}



.trigger .active {
	background:  url("../images/arrow_up.png") right 20px no-repeat;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	display: none;
	position: absolute;
	top: 43px;
	right: 0px;
	width: 46px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	font-size: 12px;
	z-index: 99;
}
.toggle_container img {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #743b1e;
	float: left;
	
}



nav{
	float: right;

	position: relative;
	font-weight: 400;
	max-width: 73%;
}

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

nav ul{
	margin: 7px -8px 0px 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: 14px;
	color: #fff5d7;
	text-decoration: none;
	font-family: 'Libre Baskerville', serif;
	font-variant: small-caps;	
	font-weight: 400;	
	}

nav ul li a:hover, nav ul li a:active { 
	color: #f3aa36;
	text-decoration: none;
	}


nav ul li.item-breadcrumb a:link, nav ul li.item-breadcrumb a:visited {
    color: #f3aa36;
	font-weight: 400;
	border-bottom: 1px solid #f3aa36;	
}

	


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

.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){ 
	.tree{
		background: url(../images/tree@2x.gif) top left no-repeat;
		background-size: 114px 105px;
	}	
}



.footerline {
	height: 1px;
	background: #824e31;
	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)
 */
 
 .caption{
	position: absolute;
	z-index: 99;
	right: 0px;
	bottom: 120px;
	width: 44%;
	margin-right: 2%;
	padding: 20px 20px 10px 20px;
	background: #c0551f;
	font-family: 'Libre Baskerville', serif;	
}

@media (max-width: 900px) {
	.caption {
		bottom: 20px;
		}		
}		


@media (max-width: 767px) {
	.caption {
		width: 74%;
		}		
}		






.caption h2, .caption h1 { 
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #fff5d7;
	font-size: 30px;
	line-height: 35px;	
	font-weight: 400;
	font-variant: small-caps;
	}
	
	
.caption p{
	color: #fff5d7;
	font-style: italic;
	font-size: 15px;
	line-height: 30px;
	display: block;
	padding: 12px 0px 20px 0px;
	font-weight: 400;
}

@media (max-width: 767px) {
	.caption h2{
		font-size: 26px;
		line-height: 30px;
	}	
	
	.caption p{
		font-size: 13px;
		line-height: 27px;
	}	
	
}	

@media (max-width: 600px) {
	.caption p{
		display: none;
		visibility: hidden;
	}	
	
	.caption h2{
		font-size: 22px;
		line-height: 26px;
	}		
	
	 .caption{
		padding: 10px 10px 10px 10px;
		width: auto;
		margin-left: 2%;
	}	
}


 
/* 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: 0 auto;
	padding: 0px;
	z-index: 1;	
	max-width: 1600px;	
	}
	

	
.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: #fff5d7; 
	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;
}


.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;
	}
	
/* Direction Nav Home */


.home .flex-direction-nav {
	*height: 0;
	}
.home .flex-direction-nav a {
	width: 54px; 
	height: 54px; 
	margin: -20px 0 0; 
	display: block; 
	background: url(../images/bg_direction_nav_home.png) no-repeat 0 0; 
	position: absolute; 
	top: -90px; 
	cursor: pointer;
	text-indent: -9999px; 
	opacity: 0; 
	-webkit-transition: all .3s ease;
	z-index: 98;		
	}

@media (max-width: 1086px) {
	.home .flex-direction-nav {
		display: none;
		visibility: hidden;
		}		
}		
		
	
.home .flex-direction-nav .flex-next {
	background-position: 100% 0; 
	right: 0px; 
	}
	
.home .flex-direction-nav .flex-prev {
	left: 945px;
	}
	
	
	
.home .flexslider:hover .flex-next {
	opacity: 0.8; 
	right: 0px; 
	}
	
.home .flexslider:hover .flex-prev {
	opacity: 0.8; 

	}
	
.home .flexslider:hover .flex-next:hover, .home .flexslider:hover .flex-prev:hover {
	opacity: 1;
	}
.home .flex-direction-nav .flex-disabled {
	opacity: .3!important; 
	filter:alpha(opacity=30); 
	cursor: default;
	}	

/* Control Nav */
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: 10px; 
	text-align: center;
	z-index: 3;			
	}
	
@media (max-width: 767px) {
	.flex-control-nav{
		bottom: 10px; 
	}		
}	
		
	
	
.home .flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: 90px; 
	text-align: center;
	padding-left: 23px;
	z-index: 3;			
	}
	
@media (max-width: 900px) {
	.home .flex-control-nav {
		display: none;
		visibility: hidden;
		}		
}		
		
	
.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){ 
	.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: right;
	width: 125px;
	height: 20px;
	background: url(../images/btn_addnoise.png) 0px 0px;
	background-repeat:no-repeat;
	background-size:125px;
	margin: 0px 0px 0px 0px;
	text-indent: -400px;
	opacity:0.6;
	overflow: hidden;
}

a.btn_addnoise:hover, a.btn_addnoise:active
{
	opacity:1;
	text-decoration: none;
	color: #ffffff;
}


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



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

	max-width: 1000px; 
	padding: 0px;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	position: relative;
}


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

	max-width: 1000px; 
	padding: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
}



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

.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 {
width: 100%;
height: auto;
}

.embed-container {
	margin-top: 20px;
	position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 600px) {
	iframe.panoframe{
		height: 300px;
	}
}



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{
	float: right;
	text-align: center;
	display: none;
	visibility: hidden;
	width: 198px;
	padding-left: 28px;
	margin-right: -10px;
}

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





#selectnav select { 
	border:0; 
	color:#EEE; 
	background:transparent;
	font-size: 12px; 
	padding: 4px 10px 4px 10px;
    color: #fff5d7;
    text-align: left;
	font-weight: 400;	
	font-variant: small-caps;	
	font-family: 'Libre Baskerville', serif;
	width:198px;
	*width:170px; 
	*background: none;
	-webkit-appearance: none; 	
	}
	
#selectnav { 
		overflow:hidden; 
		width:170px;
		background: url("../images/pulldown.png") top right no-repeat; 
		}	
		
@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
	#selectnav { 
			background: url("../images/pulldown@2x.png") top right no-repeat; 
			background-size: 230px 30px;
			}			
}		


.share{
	margin: 25px 0px 25px 0px;
	padding: 0px 10px 0px 20px;
	border-left: 1px solid #f1e2c4;
}

.share img{
	float: left;
	border: 0px;
	margin: 8px 4px 0px -2px;
}


#boekwrapper{
	display: block;
	padding: 35px 0px 20px 0px;
	border-top: 1px solid #F5E0BC;
}

@media (max-width: 767px) {
	#boekwrapper{
		padding: 35px 0px 40px 0px;
	}		
}

.title_boeken{ 
	color: #743b1e;
	font-size: 22px;
	line-height: 26px;
	font-family: 'Libre Baskerville', serif;
	font-variant: small-caps;	
	font-weight: 400;	
	margin: 0px;
	padding: 8px 20px 0px 0px;	
	float: left;
	}
	
.boek_een{
	float: left;
	padding: 10px 20px 0px 0px;
	line-height: 26px;
}

.boek_twee{
	float: left;
	padding: 10px 20px 0px 0px;
	line-height: 26px;
}

.boek_drie{
	float: left;
	padding: 10px 0px 0px 0px;
	line-height: 26px;
}

@media (max-width: 900px) {
	.title_boeken{ 
		display: block;
		width: 100%;
		padding: 0px 0px 20px 0px;
	}
}

@media (max-width: 600px) {
	.boek_een{
		display: block;
		width: 100%;
		padding: 10px 10px 0px 0px;
		line-height: 26px;
	}
	
	.boek_twee{
		display: block;
		width: 100%;
		padding: 10px 20px 0px 0px;
		line-height: 26px;
	}
	
	.boek_drie{
		display: block;
		width: 100%;
		padding: 15px 0px 0px 0px;
		line-height: 26px;
	}	
	
	.hc_datepicker_label {
		float: left;
		width: 85px !important;
		margin-right: 5px;
	}	
}