@charset "UTF-8";
/* CSS Document */

* {
	vertical-align	: baseline;
	font-family		: inherit;
	font-size		: 100%;
	padding			: 0;
	margin			: 0;
}

body {
	background-color: #000;	
	font			: 12px Verdana, Arial , Helvetica, sans-serif;
}

#page {
	background-color: #fff;
	width			: 940px;
	margin			: 0 auto;
	margin-top		: 30px;
}

#header {
	width			: 885px;
	height			: 75px;
	position		: relative;
	padding-top		: 10px;	 
	padding-left	: 55px; 
}
#menuBar {
	width			: 885px;
	height			: 25px;
	background		: #333;
	position		: absolute;
	top				: 130px;
	left			: auto;
}

img, a {
	border			:0;	
}


/*////////////   2 KOLOMMEN   //////////////////*/
#wrapper {
  width				: 844px;
  margin			: 0 auto;
  margin-top		: 12px;
  text-align: center;
}
#wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}
#wrapper li {
	margin: 9px 11px;
	float: left;
	text-align: left;
}
#wrapper .left {
	width: 390px;
}
#wrapper .right {
	width: 410px;
}
#what {
	border: 1px solid #d0cfcf;
	height: 237px;	
    padding: 16px 23px 0 22px;
}
#what h1 {
	padding-bottom: 10px;
}
#guestbook {
	border: 1px solid #d0cfcf;
	height: 174px;
    padding: 10px 23px 0 22px;	
}
#media {
	border: 1px solid #d0cfcf;
	height: 174px;	
    padding: 10px 23px 0 22px;	
}
#tips {
	border: 1px solid #d0cfcf;
	height: 174px;
    padding: 10px 23px 0 22px;	
}
#wrapper .leftimage {
	width: 240px;
}
#wrapper .rightimage {
	width: 560px;
}
.blockheader {
	padding-left: 22px;
	padding-bottom: 11px;
	padding-right: 23px;
	padding-top: 11px;
	background: #ebebeb;
	height: 25px;
	margin: -10px -23px 0px -22px;	
}
.blockheader h1 {
/* 	margin: 10px */
}

#tagcloud {
	border: 1px solid #d0cfcf;
	width: 775px;
    padding: 16px 23px 16px 22px;
    text-align: center;
}
#container {
  width				: 100%;
  float				: left;
  margin-right		: -410px;
  /*width				: 390px;
  float				: left;
   margin-right		: -410px; */
  /*background: #f1f2ea url(gfx/background.gif) repeat-y right;
  background: url(gfx/background_2.gif) repeat-y right;*/
}
#content {
  background		: #fff;
/*   margin-right		: 420px; */
  list-style		: none;
}
#banner {
  background		: #d0cfcf url(../gfx/bgBanner.gif) repeat-x top left;
  margin-top		: 0px;
  height			: 120px;
  text-align		: right;
  padding			: 5px;
  position			: relative;
}
#bannerTxt {
/*
	position		: absolute;
	bottom			: 5px;	
	right			: 130px;
*/
	float: right;
	margin-right: 25px;

}
#bannerTxt h1 {
	font-size: 30px;
}
#specials {
	width			: 150px;
	height			: 150px;
	position		: absolute;
	top				: -10px;	
	left			: -30px;
	z-index			: 500;
}
#imgLeft{list-style:none; float:left; clear:left; width: 240px}
#imgRight{list-style:none; float:right; width:570px}

.floatleft{float:left; margin: 5px 15px 15px 0px;}
.floatright{float:right; margin: 15px 0px 15px 15px;}

#sidebar {
  width				: 410px;
  float				: right;
}
.clearing {
  height			: 0;
  clear				: both;
}

#images {
  width				: 820px;
  margin			: 0 auto;
}

/*////////////   3 KOLOMMEN   //////////////////*/

#quotes {
	  border: 1px solid #ececec;
	    padding			: 10px 20px;
}
#left {
  width				: 240px;
  float				: left;
}
#content2 {
  margin-right		: 290px;
}
#container2 {
  width				: 100%;
  float				: left;
  margin-right		: -480px;
  padding			: 0 0 10px 0;
  background		: url(../gfx/background2.gif) repeat-y top left;
}
#wrapper2 {
  width				: 820px;
  margin			: 20px auto;
  background		: #fff url(../gfx/background4.gif) repeat-y top right;
}

#outer_wrapper {
  margin			: 0 auto;
  width				: 820px;
  padding-bottom	: 45px;
}

#right {
  width				: 280px;
  float				: right;	
}

#footer {
	margin			: 5px auto;
	width			: 940px;
	height			: 20px;
	clear			: both;
	color			: #fff;
	text-align		: right;
}

#footer ul li {
	display			: inline;
	color: #fff;
}
#footer li .bullit {
	
	list-style: disc;
}

/*////////////   VERVOLGPAGINA'S   //////////////////*/

.border {
	border-top		: 1px dashed #ccc; 
	margin			: 0px 0 20px 0;	
}
.select {
	float			: left;	
	background		: #fff;
}

.select div{
	margin			: 0 20px 0 0px;
	width			: 100px;
	display			: block;
	float			: left;
}
div.selectTxt{
	margin			: 0;
	margin-left		: 0px;
	width			: 500px;
}
.selectBtns {
	padding			: 20px 5px 0 0;
  	width			: 150px;
  	float			: right;
	text-align		: left;
}

#holder {
	width			: 600px;
	float			: left;
}
#home {
	display			: inline;
}
#fotos, #area, #fac, #price, #map {
	display			: none;
	/*margin-left		: 185px;*/
	padding			: 0 0 20px 0;
}
#map {
	display			: none;
	margin-left		: 0px;/**/
	padding			: 0 0 20px 0;
}


#services p { width	: 430px;	}
#services p.quote { width	: 100%;	
}

#about {
	margin-left		: 150px;
	padding			: 0 0 20px 0;
}


/*////////////   1 KOLOM   //////////////////*/
#wrapperMain {
  background		: #fff;
  width				: 820px;
  margin			: 0 auto;
  margin-top		: 12px;
  padding			: 10px;
  
}	


/*////////////   FOTO GALLERY  //////////////////*/
/*
.galleria{list-style:none;width:500px; margin:0 5px 10px 114px; display:block; background:#fff;}
.galleria li{display:block;width:98px;height:66px;overflow:hidden;margin:5px; float:right;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}
*/ /* MSIE bug */

/*.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* 	.demo{position:relative;margin-top:2em;} */
	.gallery_demo{width:400px;}
	.gallery_demo li{border-color: #cccccc; border-style: double; width:98px;height:66px;display:block; margin: 0 10px 10px 0;}
	.gallery_demo li.hover{border-style: solid; border-color:#bbb;}
	.gallery_demo li.active{border-style: solid;border-color:#222;}
	.gallery_demo li div{position: absolute; top:0; left:180px; display:none;}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{width:700px;}
	

/* GALLERRIFIC */
div.content {
	 /*The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.slideshow {
	clear: both;
	width: 660px;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
	width: 555px;
	height: auto;
}

ul.thumbs {
	list-style: none;
	clear: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 655px;
	position: relative;
}
ul.thumbs li {
	float: left;
	display:inline-block;
	padding: 0;
	margin: 5px 10px 5px 0;	
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
	float: left;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
/*	max-height: 98px;
	max-width: 98px;*/
	height: 65px;
	width: 98px;
	border: none;
	
	display: block;
}	

/*///////////   BOOKING FORM   //////////*/

fieldset {  
	margin				: 0;  
	padding				: 10px;
	border				: 1px dotted #ccc;
	width				: 370px;
	margin-right		: 420px;
}
#sidebar2 {
  width				: 380px;
  float				: right;
  padding			: 10px;
  margin-top		:-10px;
}
legend {  
	font-weight			: bold;
	font-size			: 110%;
	padding				: 5px;
	margin-left			: 4px;
	color				: #000;
	background			: #fff;
}
fieldset ol {  
	padding				: 10px 0px 0 5px;  
	list-style			: none;
}
fieldset li {  
	padding-bottom		: 0.3em;
	line-height			: 2.2em;}
fieldset#bevestiging {  
	background-image	: none;
	border-style		: none;
	padding				: 0;
}

fieldset#akkoord {  
	background-image	: none;
	padding				: 0 0 10px 0;
}

label {
	clear				:left;
	float				:left;
	width				: 9.9em;
	margin-right		: 0px;
	padding-right		: 15px;
	line-height			: 2.2em;
	text-align			: right;
	color				: #3c3c3c; 
}
table label {
	float				: none;
	text-align			: left;
	padding				: 0;
	margin				: 0;
	width				: 2em;
}
#personN {
	width				: 2em;
	text-align			: center;
}

label span {
	padding				: 0 0 0 5px;
	color				: #000;
	font-size			: 120%
}

.contactLabel {
	width				: 6em;
	text-align			: left;
}

.category {
	width				: 7em;
	margin-right		: 0px;
	padding-right		: 15px;
	line-height			: 2.4em;
	text-align			: left;
	color				: #3c3c3c; 
}

p span.verplicht {
	
}

span.alert {
	color				: #b01116;
	float				: right;	
}

input, textarea {
	padding				: 5px;
	margin				: 0;
	font-size			: 100%;
	border				: 1px solid #ccc; 
	color				: #000; 
	background			: #f0f0f0;	
	width				: 14em;
}
label input  {
	padding				: 0px;
	margin				: 0;
	font-size			: 100%;
	border				: none; 
	background			: #FFF;	
	width				: auto;
}
.number {
	padding				: 3px 0 3px 0px;
}

input.radio {
	border				: none;
	background			: transparent;
}
input#time { width:11.5em;}
.inputLong { width:28.5em;}

#bevestiging input{  
	font-size			: 110%;

}
#akkoord label{  
	width				: 20em;
	padding				: 0;
}
#send, #sendNL {  
	margin				: 62px 0 0 0;  
	/*padding				: 20px 10px 20px 15px;*/
	border				: none;
	background			: #ffffff;
	/*width				: 370px;*/
	display				: block;
	
	float:right; 
	width:145px;
	padding:0
}
#sendNL {  
	margin				: 40px 0 0 0;  
}
fieldset#preference {
	width				: 370px;	
}

/*///////////   NEWSLETTER FORM   //////////*/
div#services form input {
	width				: auto;
	background			: transparent;
	border				: none;
}
div#services form .newsL {
	background			: #f0f0f0;	
	margin-bottom		: 3px;
	border				: 1px solid #ccc; 
}

/*///////////   END NEWSLETTER FORM   //////////*/


.specialSelect:hover, .specialSelect:hover label{
		color: #900;
		text-decoration:none;
		font-weight: bold;
}

.rotating_gallery li, .rotating_gallery {
    padding     :   0px !important;
    margin      :   0px !important;
}

li.left ul.rotating_gallery img {
    width : 390px;
    height : 254px;
}
li.leftimage ul.rotating_gallery img {
	width: 240px;
	height: 250px;
}
li.rightimage ul.rotating_gallery img {
	width: 560px;
	height: 250px;
}