body		{ margin:0; color:#000;	font:12px Arial, Helvetica, sans-serif;	background:#775F24; }
img			{ border-style:none; }
a			{ color:#000; text-decoration:none; }
a:hover		{ text-decoration:underline; }
input,
textarea,
select		{ font:100% Arial, Helvetica, sans-serif; vertical-align:middle; }
form,
fieldset	{ margin:0;	padding:0; border-style:none; }
form		{ display:inline; }

#wrapper	{ width:1018px; margin:0 auto; }
#container 	{ width:912px; background: url(../images/bg-main.gif) repeat-y; padding:0 53px; float:left; background-color:#b5aa8f; }
.top 		{ background: url(../images/bg-top.gif) no-repeat; }
/*.bottom 	{ background: url(../images/bg-bottom.gif) no-repeat 0 100%; }*/
.bottom 	{ background: url(../images/bg-bottom2.gif) no-repeat; background-position: bottom right; }
#header 	{ background: url(../images/bg-header.png);	height:61px; padding:7px 25px 6px 11px; position:relative;  }
#header a#logo	{ width:156px; height:58px; background: url(../images/logo3.png) no-repeat; text-indent:-9999px;	margin:0; float:left; display:block; position:relative; }

#taalkeuze	{ position:absolute; top: 17px; right: 165px; width: 100px; float: left; font-size:10px; display:block; }
.nl			{ background-image:url(../afbeeldingen/nl.gif); background-repeat:no-repeat; background-position: 5px 5px; }
.de			{ background-image:url(../afbeeldingen/de.gif); background-repeat:no-repeat; background-position: 5px 5px;  }

#googleplus	{ position:absolute; top: 15px; right: -15px; width: 163px; float: left; }
#socialmedia { float: left; padding: 0 5px 0 0; }
.nav 		{ float:right; padding:39px 0 0 0; }
.nav ul 	{ float:right; list-style:none; margin:0; padding:0 15px 0 4px; background: url(../images/separator.gif) no-repeat; }
.nav li 	{ float:left; padding:0 5px 0 4px; background: url(../images/separator.gif) no-repeat 100% 0; }
.nav li a 	{ float:left; padding: 0 2px 0 2px; }
.nav li a,
.nav span 	{ font-size:13px; font-weight:bold;	color:#fff;	line-height:20px; }
.nav li.active a { border-bottom: 2px solid #EBE8E1; }
.nav li.bg,
.nav li a:hover { border-bottom: 2px solid #EBE8E1; text-decoration:none; }
.nav span 	{ float:right; }
.intro 		{ width:100%; position:relative; padding-bottom:7px; }
.intro img 	{ display:block; }
.sign 		{ width:920px; margin-right:-8px; position:absolute; top:295px; left:0; z-index: 5000; }
#headerimage { height: 334px; overflow: hidden; }
.sign-wrapper { height:37px; padding:10px 20px 0; background: url(../images/block-shadow.png) no-repeat; }
.sign h1 	{ color:#fff; font-size:13px; font-weight:bold; }
#main 		{ padding:0 10px 8px; height:1%; overflow:hidden; }
#content 	{ width:558px; float:left; margin-right:12px; }


#tabs 		{ list-style:none; margin:0;  padding:0; width:558px; overflow:hidden; }
#tabs li 	{ float:left; border-left:1px solid #b5aa8f; margin-left:-1px; }
#tabs li a 	{ float:left; line-height:16px; font-size:13px;  font-weight:bold; color:#725d2b; text-align:left; }
#tabs li a span 					{ float:left; padding:5px 0 7px; background: url(../images/bg-tabs.png) repeat-x; text-indent: 7px; }
#tabs li.first-child a:hover em,
#tabs li.first-child a.active em 	{ background: url(../images/bg-tabs-left-white.png) no-repeat;}
#tabs li.first-child a em 			{ float:left; width:9px; height:28px; background: url(../images/bg-tabs-left-brown.png) no-repeat; }
#tabs li a:hover 					{ text-decoration:none; cursor:pointer; }
#tabs li a:hover span,
#tabs li a.active span 				{ background: url(../images/bg-tabs-hover.png) repeat-x;}
#tabs li.first-child 				{ border:0;}
#tabs li.last-child a em 			{ float:left; width:9px; height:28px; background: url(../images/bg-tabs-right-brown.png) no-repeat; }

.bottom-shadow 						{ height:9px; width:100%; font-size:0; overflow:hidden; background: url(../images/bottom-shadow.png) no-repeat; }
#tabs li.last-child a:hover em,
#tabs li.last-child a.active em 	{background: url(../images/bg-tabs-right-white.png) no-repeat;}


.content 		{ height:1%; padding:31px 13px 38px; background: url(../images/bg-white.png); float: left; width: 532px; }
.content h2		{ margin:0 0 1px; font-size:12px; }
.content p 		{ margin:0 0 18px; line-height:18px; }
.block 			{ padding-bottom:20px; }
.content ul 	{ list-style:none; margin:0 0 18px; padding:0 0 0 1px; }
.content li 	{ line-height:15px; padding:2px 0 1px 9px; 	background: url(../images/bullet.gif) no-repeat 0 8px; }
.link, .content a	{ color:#725d2b; font-weight:bold; }

#sidebar 		{ float:left; width:322px; overflow:hidden; }
#sidebar h3 	{ line-height:25px; font-size:13px; color:#725d2b; background: url(../images/bg-sidebar-top.png) no-repeat; border-bottom:1px solid #b5aa8f; margin:0; padding:0 17px 2px; height:1%; }

.container 		{ background: url(../images/bg-white.png); 	height:1%; overflow:hidden; padding:17px 1px 0 16px; }
.container .scrollwrap {  height: 413px; overflow: hidden; position:relative; }
.container ul 	{ list-style:none; margin:0 0 9px; padding:0; width: 305px; height:403px; overflow:hidden; position:absolute; }
.container li  	{ float:left; margin:0 15px 9px 0; display:inline; }
.container li a img {display:block;}
.paging 		{ height:23px; background: url(../images/bg-sidebar-bottom.png) no-repeat; border-top:1px solid #b5aa8f; padding:3px 54px 0; margin-bottom:6px; }
.paging a		{ color:#725d2b; font-size:13px; font-weight:bold; position:relative; line-height:16px; }
.next 			{ float:right; }
.prev 			{ float:left; }

.buttons 		{ list-style:none; margin:0 -20px 0 0; padding:0; width:342px; overflow:hidden; }
.buttons li 	{ float:left; margin:0 12px 3px 0; }
.buttons li a 	{ width:156px; line-height:34px; background: url(../images/bg-button.png) no-repeat; float:left; font-size:16px; color:#725d2b; font-weight:bold; text-align:center; }
.buttons li a:hover { cursor:pointer; }
#footer 		{ height:108px; position:relative; padding: 50px 0 0 0; float: left; }
.footer-nav 	{ width:920px; overflow:hidden; position:absolute; top: 0; left: 0; }
.footer-nav-wrapper { padding:10px 30px 17px 24px; overflow:hidden; width:878px; background: url(../images/block-shadow2.png) no-repeat; }
.footer-nav ul	{ list-style:none; margin:0; padding:0; height:1%; overflow:hidden; }
.footer-nav li 	{ float:left; font-size:11px; color:#fff; position:relative; }
.footer-nav li a { font-size:11px; color:#fff; line-height:16px; }
.left-nav 		{ float:left; }
.left-nav li	{ padding:0 9px 0 9px; line-height:17px;  margin-left:-1px; background: url(../images/separator2.gif) no-repeat 0 1px; }
.left-nav li:first-child	{ background:none; }
.right-nav 		{ float:right; }
.right-nav li 	{ padding:0 9px 0 9px; line-height:17px;  margin-left:-1px; background: url(../images/separator2.gif) no-repeat 0 1px; }
.partners 		{ list-style:none; margin:0 -50px 0 0; padding:0 0 0 57px; width:905px; overflow:hidden; clear:left; }
.partners li 	{ float:left; width:225px; }
.partners li a img { display:block; }

/* Styles for overview.html */
#overview-blocks		{ padding: 0; margin: 0; float: left; list-style: none; position:relative; }
#overview-blocks li		{ width: 220px; height: 214px; margin: 0 4px 5px 0; display: inline; float: left; position:relative; background-repeat:no-repeat; }
#overview-blocks li.right	{ margin: 0 0 5px 0; }
#overview-blocks li a	{ color: #6B5627; }
#overview-blocks li .lnk	{ position: absolute; width: 220px; height: 43px; bottom: 0; left: 0; text-align:center; font-size:32px; padding: 176px 0 0 0; color: #6B5627; overflow:hidden; text-decoration:none; z-index: 4; }
#overview-blocks li .foto		{ position: absolute; width: 220px; height: 171px; overflow:hidden; z-index: 1; }
#overview-blocks li .overlay	{ position: absolute; width: 220px; height: 214px; overflow:hidden; background-image:url(../images/blok-foto-huis-transparant.png); z-index: 2; }
#overview-blocks li .personen	{ position: absolute; width: 35px; height: 28px; background-color:#FEFFFD; color:#6B5627; text-align:center; top: 134px; left: 175px; font-weight:bold; font-size:24px;  z-index: 3; filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#overview-blocks li .slaapkamers { position: absolute; width: 35px; height: 28px; background-color:#FEFFFD; color:#6B5627; text-align:center; top: 134px; left: 135px; font-weight:bold; font-size:24px;  z-index: 3; filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#overview-blocks li#block-zoek	{ background-image:url(../images/blok-foto-leeg.jpg); position:relative;}
#boekenframe { position:absolute; z-index:20; top: 10px; left: 5px; }

/* Styles for home.html */
#home-blocks		{ padding: 0; margin: 0; float: left; width: 678px; list-style: none; }
#home-blocks li		{ width: 220px; height: 214px; padding: 0 4px 5px 0; display: inline; float: left; position:relative; background-repeat:no-repeat; }
#home-blocks li a	{ color: #6B5627; }
#home-blocks li .foto		{ position: absolute; width: 220px; height: 171px; overflow:hidden; z-index: 1; }
#home-blocks li .overlay	{ position: absolute; width: 220px; height: 214px; overflow:hidden; background-image:url(../images/blok-foto-huis-transparant.png); z-index: 2; }
#home-blocks li .lnk	{ position: absolute; width: 220px; height: 43px; bottom: 5px; left: 0; text-align:center; font-size:32px; padding: 176px 0 0 0; color: #6B5627; overflow:hidden; text-decoration:none; z-index:10; }

#filters			{ position: absolute; width: 200px; height: 150px; top: 0; left: 0; padding: 10px; color: #6B5627; overflow:hidden; font-weight:bold; z-index: 5; }
#filters span		{ width: 100%; float: left; }
.filter-block		{ display: block; padding: 0 0 7px 0; float: left; }
.filter-column		{ width: 100px; display:block; float: left; font-size:10px; }
#filter-submit		{ position:absolute; right: 10px; bottom: 10px; }

#block-allehuizen	{ background-image:url(../images/blok-foto1.jpg); }
#block-lastminutes	{ background-image:url(../images/blok-foto2.jpg); }
#block-catering		{ background-image:url(../images/blok-foto3.jpg); }
#block-overons		{ background-image:url(../images/blok-foto4.jpg); }
#block-nieuws		{ background-image:url(../images/blok-foto5.jpg); }
#block-zoek			{ background-image:url(../images/blok-foto-leeg.jpg); }
#sidebar-home		{ width: 214px; display: block; float: left; }
#sidebar-home-mid	{ background-image:url(../images/tekst-blok-home-mid.gif); background-repeat:repeat-y; width: 200px; display:block; float: left; padding: 7px; color: #000000; }
#sidebar-home-mid p	{ padding: 0; margin:0; }
#sidebar-home-top	{ background-image:url(../images/tekst-blok-home-top.gif); width: 214px; height: 7px; display:block; float: left; }
#sidebar-home-bottom	{ background-image:url(../images/tekst-blok-home-bottom.gif); width: 214px; height: 7px; display:block; float: left; }
#sidebar-home-mid .kop	{ font-weight:bold; width: 204px; float: left; }

/* Styles for content.html */
.foto-container-top 		{ background: url(../images/foto-blok-grote-foto-top.png); width: 322px; height: 14px; float:left;}
.foto-container-bottom 		{ background: url(../images/foto-blok-grote-foto-bottom.png); width: 322px; height: 11px;  float:left;}
.foto-container-mid 		{ background: url(../images/foto-blok-grote-foto-mid.png); background-repeat:repeat-y; width: 318px; padding:2px 2px 2px 2px; float:left;}
.foto-container-mid ul 		{ list-style:none; margin: 0; padding:0; }
.foto-container-mid li  	{ float:left; margin:5px 0 12px 0; display:inline; }
.foto-container-mid li a img {display:block; width: 318px; height: 212px; }

/* Styles for contact.php */
#formulier			{ width: 532px; float: left; position:relative; z-index: 10; } 
#formulier p 		{ margin:3px; width:259px; float:left; display:inline; }
.input_form 		{ font-size: 11px; height: 18px; width: 250px; border: 1px solid #6B5627; padding: 2px 0 0 4px; margin:0; display:inline; }
.select_form 		{ font-size: 11px; width: 250px; border: 1px solid #6B5627; display:inline; }
#formulier p.submit_form {  cursor:hand; cursor:pointer; font-weight:bold; width:83px; height:22px; padding: 3px 0 2px 5px; margin:10px 0 0 0; }
#formulier .breed 	{ height: 80px; width: 520px; }
#formulier .breed2 	{ width: 520px; }
#form_text 			{ height:80px; width: 515px; }
.error 				{ font-weight:bold; }

/* Styles for tekstlijst.php */
.lijst-blok			{ width: 532px; padding: 15px 0 15px 0; float: left; border-bottom: 1px dotted #B5AA8F; }
.lijst-blok	.foto	{ width: 137px; height: 92px; border: 1px solid #B5AA8F; float: left; display:block; }
.lijst-blok	.tekst  { width: 325px; float: left; z-index: 12000; padding: 0 0 0 20px; position:relative; }
.lijst-blok .tekst a { position: absolute; bottom: 0px; }
.lijst-blok .tekst p.kort { display:block; }
.lijst-blok .tekst p.lang { display:none; }
.lijst-blok.laatste	{ width: 532px; padding: 15px 0 0 0; float: left; border:none; }


/* selectbox */

.jquery-selectbox {
	position: relative;
	height: 20px;
	border: 1px solid #eae0cf;
	z-index: 0;
	float: left;
	display: inline;
	font-size: 9px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0;
	width: 104px;
	background-color: #FFF;
}
.jquery-selectbox.selecthover {
	background-color: #FFF;
	background-image: url("../img/bg-TextFieldFocused.gif");
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 5px 5px 5px 27px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 20px;
	padding: 2px;
	left: -1px;
	background: #FFF;
	width: 100px;
	height: 40px;
	z-index: 8000;
	border: 1px solid #eae0cf;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background: url("../afbeeldingen/lay-selectMoreButton.gif");
	width: 17px;
	height: 18px;
	cursor: pointer;
	margin: 1px 1px 0 0;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background: url("../afbeeldingen/lay-selectMoreButtonHover.gif");
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background-color: #f5f2ec;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	padding: 5px 5px 5px 27px;
}


/* Colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxWrapper { }
#cboxLoadedContent{overflow:hidden;}/* this can be changed to auto to allow scrolling */
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{margin-top:32px;}
		#cboxLoadedContent{background:#000; padding:0px; border: 2px solid #000;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#000;}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{ text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}

                #cboxPrevious{background-position:0px 0px; right:44px;}
                #cboxPrevious.hover{background-position:0px -25px;}
                #cboxNext{background-position:-25px 0px; right:22px;}
                #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{background-position:-50px 0px; right:0;}
		#cboxClose.hover{background-position:-50px -25px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}