/* CSS Document */
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: white;
 background-image: url(/images/background.png);
 background-repeat: repeat-x;
 background-color: #224806;
 text-align: center;
 
 }
 
 
 
 select, input
 {
 	font-size: 11px;
 }
 
 body ul a {
  color: white;
 }
 
 p {
  color: #5e9038;
  line-height: 20px;
 }
 
 p a {
  color: #5e9038; 
 }
 
 p a:hover {
  background-color: #d8e6ac;
 }
 
 h3 {
   color: #5e9038;  
  }
  
 h4 {
  font-size: 14px;
 }
 
 div#cleardiv {
  margin: 0px;
  clear: both;
  }
  
 div.clearer
 {
  margin: 0px;
  clear: both;
  height: 1px;
 }
 
 
 div#container {
  background-color: white;
  border: 1px solid white;
  width: 962px;
  margin: 25px auto;
  text-align: left;
  position: relative;
 }
 
 
 /* Header */ 
 div#header {
  position:relative;
  height: 228px;
  background-image:url(/images/header_background.png);
  background-repeat:repeat-x;
  
 }
 
 .logo {
    
  position: absolute;
  top: 13px; 
  left: 20px;  
 }
 
 
 

/* Hoofdnavigatie */

div#header div#mainnavigation
{
	float: right; 	
	margin: 70px 15px 0 0;

}


div#header div#mainnavigation ul 
{
 font-size: 14px;
 text-transform: uppercase; 
 margin: 0;
 padding: 0;
	
}

div#header div#mainnavigation ul ul 
{
 font-size: 14px;
 text-transform: uppercase;
 clear: none; 
 margin: 0;
 padding:0;
 list-style: none;
}



div#header div#mainnavigation ul li {
 display:inline;
 margin:0;
 padding:0;
 
}

div#header div#mainnavigation ul li a {
 color: #5f9139;
 display: block;
 float: left; 
 padding-left: 20px;
 padding-right: 20px;	
 border-right: 1px solid green;
 text-decoration: none;
}


div#header div#mainnavigation ul li.last,
div#header div#mainnavigation ul li.last a 
{
	padding-right: 0px;
	border: none;
}



.postcard {
 position: absolute;
 top: 180px;
 left: 11px;
 z-index: 99;
}

div#header h1 
{ 
 text-indent: -10000px;
 float: right; 
 height: 49px;
 width: 100%;
 font-family: "Gill sans";
 margin-top: 12px;	
}



/* Subnavigatie */

div#header
{
	
}

div#subnavigation
{		
	clear: both;
}

div#header div#subnavigation div
{
	float: right;
	padding: 0;
	margin-top: 46px;	
	line-height: 0;	
	clear: both;	
	height: 28px;
}

div#header div#subnavigation ul 
{ 
 line-height: 20px;
 clear: both;
 margin: 0;
 padding:0;
 list-style: none;
}

div#header div#subnavigation ul li {
 display:inline;
 margin: 0;
 padding:0;
}

div#header div#subnavigation ul li a {
 background: url(/images/ul_seperator.png) no-repeat left center;
 display: block;
 float: left;
 padding: 3px 13px 3px 13px;
 margin-left: 0px;
 text-decoration: none;
}

div#header div#subnavigation ul li a:hover {
 text-decoration: none;
 color: #003300;
}




div#slideshow {
 clear: both;
}


/* Teasers */


div#teasers 
{ 
 background: white url(/images/teaser_background.png) no-repeat left top;
 height: 282px;
 border-bottom: 1px dotted #5e9038;
 border: 1px solid #fff;
}

div#teaser_row 
{ 
 margin: 23px auto 0px auto; 

 
}

div#teasers img {
 border: 1px solid #5e9038;
}



div#teasers h3 a {
 font-size: 20px;
 font-weight: bold;
 color: #5e9038;
 display: block;
 background: url(/images/arrowbutton.png) no-repeat 225px 5px; 
 height: 38px;
 text-decoration: none;
 float:left;
 width: 252px;  
 vertical-align:middle;
}
/*
div#teasers .teaser_block {
  float: left;
  width: 270px;
}
*/

.teaser_block 
{
	float: left;
  width: 258px;
  height: 209px;
  
}

.block1
{
	margin-left: 26px;	
}

.block2
{
	margin-left: 45px;
	width: 288px;
  height: 100px;
  padding-top: 15px;
} 

.block3
{
	margin-left: 5px;	
} 

.block1,
.block3
{
	padding: 15px 15px 15px 15px; 
}


div#teasers h3  a:hover { 
 background: url(/images/arrowbutton_red.png) no-repeat 225px 5px;
}


div#teasers p {
 margin-top: 5px;
 width: 90%;
 }


 
 
 /* Promotie midden */
 
 
div#promotie {
 position: relative;
 float: left;
 margin-top: 5px;
 width: 100%;
 height: 527px;
 background: url(/images/background_promo.png) no-repeat center center; 
}


div#promotie h3 {
 font-size: 20px;
 font-weight: bold;
 height: 33px;
 }


.banner1 {
 position: absolute;
 top: 25px;
 left: 30px;
}

div#actueel {
 position: absolute;
 top: 50px;
 left: 365px;
 
}

div#actueel ul
{
	margin: 0;
	padding: 0;
	list-style: none;
  list-style-position: inside;
	white-space: nowrap;
	margin-top: 10px;
}

div#actueel ul li 
{
    margin: 0;
    padding: 0;
    list-style-position: inside; 
    white-space: nowrap;
}

div#actueel ul li a {
 color: #336600;
 background: url(/images/small_arrow.png) no-repeat left top;
 padding: 0 0 12px 23px; 
 display: block;
} 




  
 div#aanbiedingen {
  position: absolute;
  top: 280px;
  left: 365px;
  width: 560px;
 }
 
 
 div#aanbiedingen h4 a {
  font-weight: bold;
  color: #72ac46;
 }
 
 div#aanbiedingen img {
  float: right;
  margin-left: 50px;
 }
 
 .aanbieding_block {
  margin-bottom: 20px;
 }



 /* Footer  */
 
 div#footer {
  
  width: 100%;
  height: 167px;
  background: url(/images/footer_background.png) repeat-x left top;
  
 }


div#footer ul {
 float: left;
 padding: 25px 100px 0 40px;
 }
 
 div#footer ul li {
  padding-bottom: 5px;
}
 
 .kasteel {
 float: right;
 padding: 10px;
}

div#small-message-column
{
	float: left;
	width: 230px;
	min-height: 700px;
	padding-top: 150px;
}

div#small-message-column .MenuItem
{	
	background: url(/images/green_dots.png) repeat-x left top;
	width: 203px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	color: #5f9139;	
	padding: 5px;
	line-height: 20px;
}

div#small-message-column .MenuItem h3
{	
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}

div#small-message-column .MenuItem a
{
	color: #5f9139;	
}

div#small-message-column .MenuItem h3 a
{	
	text-decoration: none;
	color: #5f9139;	
}

div.banner_holder1
{
	left: 24px;
	top: 44px;
	position: absolute;
}

div.banner_holder2
{
	left: 24px;
	top: 158px;
	position: absolute;
}

div.banner_holder3
{
	left: 24px;
	top: 275px;
	position: absolute;
}

div.banner_holder4
{
	left: 24px;
	top: 387px;
	position: absolute;
}


div.news-article
{
	margin: 30px 20px 0 91px;
	padding-bottom: 30px;
	background: url(/images/green_dots.png) repeat-x bottom left;
}

div.news-article-header h3
{
	font-size: 13px;
	font-weight: bold;
}

div.news-article-body
{
	
}

div.news-article-readmore
{
	margin-top: 10px;	
}

div.news-article-readmore a
{
	color: #5e9038; 
}

div#more-news-link
{
	position: absolute;
	bottom: 7px;
	right: -160px;
}

div#more-news-link a, div#more-news-link a:visited {
 color: #336600;
 font-weight: bold;
 }


div#article
{
	float: left;
	width: 732px;
	background: url(/images/article-bg.gif) repeat-y left top;
}

div#article-content
{
	padding-left: 91px;
	margin-bottom: 30px;
	
	
}

div#article-header
{
	padding-left: 0px;
}

div#article-header h1 
{  
 color: #7db713; 
 font-size: 50px;
 font-weight: bold;
 margin-bottom: 20px;
}

div#article-body
{
	margin-top: 12px;
	margin-bottom: 40px;	
	padding-right: 25px;
	min-height: 780px;
	}

div#article-body img
{
	border: 5px solid #5f9139;
	float: left;
	
}


div#article-body p
{
	margin: 0 0 0 0;
	clear: both;

}


div.article-photo-holder
{
	margin: 35px 0 50px 20px;
	clear: both;
	
}


img.imgleft, img.imgright
{
	float: left;
}

img.imgright
{
	margin-left: 40px;
}



/* Locale list */
#language-selector 
{
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: 100;
}

div#locale_wrapper {
	
	width:121px;
	
}

div#locale_selector,
div#locale_list 
{
	background-color: transparent;	

}

div#locale_selector
{
	border-width:0;
}

div#locale_selector,
div#locale_list {	
	font-size: 11px;	
}

div#locale_list
{
	border:1px solid #d0e5aa !important;
	background-color: #f9fbfe;
}

div#locale_list ul li ul
{
	border: 1px solid #d0e5aa !important;
}

div#locale_selector ul li a,
div#locale_list ul li a
{
  color             : #336600;
  padding			:0 3px 3px 30px;
}

div#locale_selector ul li a
{
	background: url(/images/languageselectionbox.png) no-repeat;
}

div#locale_selector ul li,
div#locale_selector ul,
div#locale_list ul li,
div#locale_list ul li ul
{
	background-position: 5px 4px;
}


div#locale_selector ul li, div#locale_list ul li 
{
	
	width :auto;
}


div#locale_selector ul li a, div#locale_list ul li a {

	line-height:19px;

}

#contact-table
{
	width: 500px;
	margin-left: 0px;
}

#contact-table td,
#contact-table a
{
	vertical-align: top;
	color: #5e9038;
}

#contact-table td
{
	padding: 2px;	
}

.btn a
{
	border: 1px solid #5e9038;
	padding: 4px;
	color: #5e9038;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	display: block;
	width: 80px;
}

textarea#question
{
	height: 200px;
	width:300px;
}

.notice,
.error{
	margin-left: 90px;
}

.reservation-mail
{
	margin-left:90px;
}

.reservation-mail td
{
	color: #000;
}

.reservation-mail select
{
	border: 1px solid #ccc;
}

#reservation-form
{	
	
}

#reservation-form-holder
{
	padding-left: 90px;
	
	
}

#reservation_captcha-label
{
	width: 100%;
	clear: both;
	float: none;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#reservation_captcha-input
{
	clear: both;	
	margin-top: 10px;
}


#reservation-form label
{	
	color: #000;
	margin-top: 10px;
	
}

#reservation-form dt,
#reservation-form dd
{	
	color: #000;
}

#reservation-form dd img
{
	float: none;
	border: 0;
}

div#Breadcrumbs
{
	margin-left: 326px;
	margin-top: 20px;
	
}

div#Breadcrumbs,
div#Breadcrumbs a,
div#Breadcrumbs h1
{
	color: #666666;	
}

div#Breadcrumbs h1
{
	display: inline;	
}

#toelichting-element
{
	clear: both;
}

#toelichting-element textarea
{
	width: 318px;
	height: 120px;
}

#submit-label,
#submit-element
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ccc;
}

div#article-body img.dp_calbtn
{
	border: 0px;	
}

.datepicker
{
	margin-top: 2px;
}


.images-article {
 display: block;
 clear: both; 
 margin: 30px 0; 

 }



/* Flexibele buttons  */

.button {
 float: left;
 clear: both;
 margin: 20px 20px 20px 92px; 
 background: url(/images/btn_arrow_right.png) no-repeat right center;
 padding-right: 6px;
 font-family: Verdana;
 font-size: 12px;
 font-weight: bold;
 }

.button a {
 color: #FFFFFF;
 text-decoration: none;
  min-width: 180px;
 }

.arrow_btn a {
 background: url(/images/btn_arrow_left.png) no-repeat left center;
 padding: 7px 15px 8px 33px;
 float: left;
 }
 
.arrow_btn a:hover {
 background: url(/images/btn_arrow_left_hover.png) no-repeat left center;
 }
 
 
 /* Gelijke breedte buttons op reserveer pagina */
 
div#reserveren_nav .arrow_btn a {
  min-width: 250px;
 }
 
 

/* Headers accommodatie pagina */

div#acco-overview {
  margin: 50px 0;
  }

div#acco-overview ul {
 list-style: none;
 font-family: Trebuchet MS;
 width: 640px;
 margin: 0px;
 padding: 0px;
 }
 
 div#acco-overview img {
  border: 5px solid #5f9139;
  }
 
div#acco-overview h3 {
  margin-bottom: 5px;
 }

div#acco-overview ul li {
 float: left;
 margin-right: 25px;
 margin-bottom: 45px;
 }

div#acco-overview ul li a {
 color: #5f9139;
 text-decoration: none;
 display: block;
 font-weight: bold;
 font-size: 16px;
 }

div#acco-overview ul li a:hover {
 text-decoration: none;
 background-color: #d7e3cd;
 }
 
 
/* Tabel tarieven */

 table.tarieven-tabel {
  width: 100%;
  color: #000000;
  margin: 20px 0;
  border: 0px solid #00000;
  }
  
 table.tarieven-tabel td {
  height: 40px;
  padding: 0 10px;
  background-color: #dfedc4;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
 }
 
 ul#sitemap
 {
 	
 }
 
 ul#sitemap a
 {
 	color: #000;
 }
 
 #bottom_text_holder
 {
 	width: 500px;
 	float: left;
 	font-weight: bold;
 	line-height: 20px;
 	display: inline;
 	margin: 25px 0 0 25px;
 	
 }
 
 #bottom_text_holder a, #bottom_text_holder a:visited {
  color: #ffffff;
  }
  
  

/* Foto gallery */

div#photo-gallery {
 clear: both;
 width: 600px;
 margin-bottom: 50px;
}

div#photo-gallery ul {
 list-style: none;
 }

div#photo-gallery ul li {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

div#photo-gallery img {
 border: 1px solid #5f9139;
 }


div#banner_extra_1 {
 margin-left: 10px;
 margin-bottom: 10px;
 }

div#banner_extra_2 {
 margin-left: 10px;
 margin-bottom: 20px;
 }
 
 
 div#royallodge-info ul {
  margin: 0 0 40px 91px;
  color: #5e9038;
  
  }
 
 div#royallodge-info h3 {
  color: #5e9038;
  margin: 10px 0 10px 80px;
  font-weight: bold;  
  clear: both;
  }
 
 div#royallodge-info p {
  margin-top: 25px;
  margin-bottom: 25px;
  }