/* CSS Document */

@import url("thickbox.css");
@import url("forms.css");
@import url("navigation.css");

/* INTERIOR STYLESHEET */

.style1 {color: #FF0000}
.style3 {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}


*{
margin:0;
padding:0;
border:none;
}


body{
	margin:0px 0 20px 0;
	background:#30301f;
	background-image: url(../images/woodbg_dark.jpg);
	text-align:center;
	/*min-width:840px;for netscape browsers*/
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#outer_wrapper{
position:relative;
margin:0 auto;
width:800px;
text-align:left;
}

#inner_wrapper{
width:792px;
padding:2px;
background:#000000;
border:2px solid #FFFFFF;
}

#header{
text-align:right;
}



/* Navagation Specific CSS */

#nav {
	height:21px;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	border-bottom:1px solid #000000;
	z-index:5;
	}

#nav ul { /* all lists */
	padding: 0px;
	margin:-1px 0px 0px -1px;
	width:189px;
	list-style: none;
	z-index:1;
	border:none;
	border-top:2px solid #000000;
	z-index:4;
	background:#828838;
}


/* Navagation Specific CSS */

#nav {
	height:21px;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	border-bottom:1px solid #000000;
	z-index:5;
	}

#nav ul { /* all lists */
	padding: 0px;
	margin:-1px 0px 0px -1px;
	width:189px;
	list-style: none;
	z-index:1;
	border:none;
	border-top:2px solid #000000;
	z-index:4;
	background:#828838;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	border-top: 0px;
	z-index:1;
	display:block;
	padding:0;
	height:21px;
}

#nav a {
	display:block;
	height:21px;
}

#nav a:hover {
	color:#000;
}
#nav li ul a {
	color:#000;
	width:100%;
}

#nav li ul a:hover {
	color:#FFFFFF;
	display:block;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0px;
	cursor:pointer;
	background-color:#848A39;
	}

#nav li ul li {
	display: block;
	border:1px #000 solid;
	border-top:none;
	width:188px;
}


#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover, #nav li.over, #nav li.stay  {
	color:#000000;
	background-color:#848A39;
}

#nav li:hover ul, #nav li.over ul, #nav li.stay ul { /* lists nested under hovered list items */
	display: block;
	top: 22px;
	border-top:1px;
}

#nav li:hover ul li, #nav li.over ul li, #nav li.stay ul li {
	font-weight:normal;
	padding:2px 0px 2px 0px;
	margin:0;
}

#nav li.home {
	border-right:0;
	cursor:pointer;
}

#nav li ul li.divider {
	border-top: 1px solid #000;
	}


/* Navagation Elements */

#nav img.divider {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#reservations {
	height:21px;
	width:131px;
	background-image:url(../buttons-eng/home-a.gif);
	border-right:solid 1px #000;
}

#reservations:hover, #reservations.over, #reservations.stay {
	background-image:url(../buttons-eng/home-b.gif);
}

#home {
	height:21px;
	width:131px;
	background-image:url(../buttons-eng/huis-a.gif);
	border-right:solid 1px #000;
}

#home:hover, #home.over, #home.stay {
	background-image:url(../buttons-eng/huis-b.gif);
}

#lodging {
	height:21px;
	width:95px;
	background-image:url(../buttons-eng/LOGIES-1.gif);
}

#lodging:hover, #lodging.over {
	background-image:url(../buttons-eng/LOGIES-3.gif) !important;
}

#lodging.stay {
	background-image:url(../buttons-eng/LOGIES-2.gif);
}

#foodWine {
	height:21px;
	width:80px;
	background-image:url(../buttons-eng/FOODWINE-1.gif);
}

#foodWine:hover, #foodWine.over {
	background-image:url(../buttons-eng/FOODWINE-3.gif) !important;
}

#foodWine.stay {
	background-image:url(../buttons-eng/FOODWINE-2.gif);
}

#teweten {
	height:21px;
	width:135px;
	background-image:url(../buttons-eng/TEWETEN-1.gif);
}

#teweten:hover, #service.over {
	background-image:url(../buttons-eng/TEWETEN-3.gif) !important;
}

#teweten.stay {
	background-image:url(../buttons-eng/TEWETEN-2.gif);
}

#actief {
	height:21px;
	width:140px;
	background-image:url(../buttons-eng/ACTIEF-1.gif);
}

#actief:hover, #about.over {
	background-image:url(../buttons-eng/ACTIEF-3.gif) !important;
}

#actief.stay {
	background-image:url(../buttons-eng/ACTIEF-2.gif);
}

#meetings {
	height:21px;
	width:100px;
	background-image:url(../buttons-eng/MEETINGS-1.gif);
}

#meetings:hover, #meetings.over {
	background-image:url(../buttons-eng/MEETINGS-3.gif);
}

#meetings.stay {
	background-image:url(../buttons-eng/MEETINGS-2.gif);
}

#contact {
	height:21px;
	width:105px;
	background-image:url(../buttons-eng/CONTACT-1.gif);
}

#contact:hover, #contact.over {
	background-image:url(../buttons-eng/CONTACT-3.gif);
}

#contact.stay {
	background-image:url(../buttons-eng/CONTACT-2.gif);
}

.navMenuText {
	display:none
}

/*SUB NAV IMAGES
***************************************************************/
#room a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../buttons-eng/kamer-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#room a:hover{
background:url(../buttons-eng/kamer-2.gif) top left no-repeat;
}


#comfort a{
background:url(../buttons-eng/kamercomfort-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#comfort a:hover{
background:url(../buttons-eng/kamercomfort-2.gif) top left no-repeat;
}

#luxe a{
background:url(../buttons-eng/luxekamer-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#luxe a:hover{
background:url(../buttons-eng/luxekamer-2.gif) top left no-repeat;
}


#arrangement a{
background:url(../buttons-eng/arrangement-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#arrangement a:hover{
background:url(../buttons-eng/arrangement-2.gif) top left no-repeat;
}

#restaurant a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../buttons-eng/restaurant-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#restaurant a:hover{
background:url(../buttons-eng/restaurant-2.gif) top left no-repeat;
}

#bar a{
background:url(../buttons-eng/bar-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#bar a:hover{
background:url(../buttons-eng/bar-2.gif) top left no-repeat;
}

#culinair a{
background:url(../buttons-eng/culinair-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#culinair a:hover{
background:url(../buttons-eng/culinair-2.gif) top left no-repeat;
}

#filosofie a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../buttons-eng/filosofie-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#filosofie a:hover{
background:url(../buttons-eng/filosofie-2.gif) top left no-repeat;
}


#locatie a{
background:url(../buttons-eng/locatie-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#locatie a:hover{
background:url(../buttons-eng/locatie-2.gif) top left no-repeat;
}



#routes a{
background:url(../buttons-eng/routes-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#routes a:hover{
background:url(../buttons-eng/routes-2.gif) top left no-repeat;
}


#voorwaarden a{
background:url(../buttons-eng/voorwaarden-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#voorwaarden a:hover{
background:url(../buttons-eng/voorwaarden-2.gif) top left no-repeat;
}


#pers a{
background:url(../buttons-eng/pers-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#pers a:hover{
background:url(../buttons-eng/pers-2.gif) top left no-repeat;
}

#paden a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../buttons-eng/paden-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#paden a:hover{
background:url(../buttons-eng/paden-2.gif) top left no-repeat;
}


#wegen a{
background:url(../buttons-eng/wegen-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#wegen a:hover{
background:url(../buttons-eng/wegen-2.gif) top left no-repeat;
}



/*=END OF NAVIGATION
*************************************************************/
#main_images{
width:100%;
}

#mainpic_left{
float:left;
border:1px solid #000000;
border-left:none;
}

#main_quote{
float:left;
border:1px solid #000000;
}

#mainpic_right{
float:left;
border:1px solid #000000;
border-bottom:2px solid #000000;
border-right:none;
background:#FFFFFF;
}

#content_wrapper{
margin-bottom:2px;
float:left;
background:#FFFFFF;
}

#content_left_wrapper{
width:555px;
margin-top:-117px;
float:left;
background:#FFFFFF;
}

#content{
width:512px;
padding:20px;
}

#content img{
margin-right:10px;
}

#right_sidebar{
float:right;
width:237px;
background:#FFFFFF;
}


#footer{
height:18px;
padding:3px 5px 0px 5px;
text-align:right;
margin-top:2px;
background:#828838;
clear:both;
}

#footer ul{
margin:-2px 0px 0px 0px;
padding:0;
text-align:right;
list-style:none;
height:21px;
width:787px;
float:right;
}

#footer ul li{
float:right;
height:18px;
}

p.hidden{
visibility:hidden;
width:83px;
padding:0;
margin:-1px;
}

#footer ul li a{
text-decoration:none;
display:block;
}

#footer ul li.contact_benb a{
	width:97px;
	outline:none;
	background-image: url(../images/benb1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer ul li.contact_benb a:hover{
	outline:none;
	background-image: url(../images/benb2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



#footer ul li.contact_lowright a{
background:url(../images/contactus-lwrght1.gif) top left no-repeat;
width:97px;
outline:none;

}

#footer ul li.contact_lowright a:hover{
	outline:none;
	background-image: url(../images/contactus-lwrght2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#footer ul li.policies_lowright a{
background:url(../buttons-eng/policies-lwrght1.gif) top left no-repeat;
width:115px;
outline:none;

}

#footer ul li.policies_lowright a:hover{
background:url(../buttons-eng/policies-lwrght2.gif) top left no-repeat;
}

#footer ul li.reservenow_lowright a{
background:url(../buttons-eng/reservenow-lwrght1.gif) top left no-repeat;
width:125px;

}

#footer ul li.reservenow_lowright a:hover{
background:url(../buttons-eng/reservenow-lwrght2.gif) top left no-repeat;
}

#footer ul li.home_lowleft{
float:left;
height:18px;
}


#footer ul li.home_lowleft a{
	width:110px;
	background-image: url(../images/home-lwleft1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer ul li.home_lowleft a:hover{
background:url(../images/home-lwleft2.gif) top left no-repeat;
}




/*=tags
*******************************************/
p{
margin:10px 0px 0px 0px;
}


a:link, a:visited {
	color:#606618;
}

a:hover, a:active {
	color:#30301F;
}

ol{
padding-left:35px;
}

ol li{
line-height:1.5;
}

ul{
margin-top:10px;
padding-left:35px;
}

ul li{
line-height:1.5;
}

hr{
width:100%;
height:1px;
color:#999999;
}

.underline{
text-decoration:underline;
}

.contactinfo{
list-style:none;
margin:0;
padding:0;
}

#subfooter{
text-align:center;
margin-top:10px;
color:#FFFFFF !important;
}

#subfooter a,
#subfooter a:visited,
#subfooter a:hover{
color:#FFFFFF !important;
font-size:10px;
}

h1 .sub{
font-size:12px;
margin:0px 0px 0px 15px;
}
/* LODGING PAGES */

.rooms_container {
float:left;
padding-bottom:20px;
}


.room_photo {
float:left;
width:136px;
padding-bottom:12px;
}

.room_description {
float:right;
width:376px;
}

.controleer_btn {
float:left;
height:20px;
width:250px;
margin:6px 0px;
background: #828838;
text-align:center;
letter-spacing:1px;
}

.controleer_btn a:link,
.controleer_btn a:visited {
display:block;
width:250px;
height:18px;
border:#BFC199 1px solid;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
}


.controleer_btn a:hover {
background: #BFC199;
border: #828838 1px solid;
color:#30301F;
}
.rerserveer_online_btn {
float:center;
height:20px;
width:250px;
margin:6px 0px;
background: #828838;
text-align:center;
letter-spacing:1px;
}

.rerserveer_online_btn a:link,
.rerserveer_online_btn a:visited {
display:block;
width:250px;
height:18px;
border:#BFC199 1px solid;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
}


.rerserveer_online_btn a:hover {
background: #BFC199;
border: #828838 1px solid;
color:#30301F;
}
table.specials {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}

table.specials th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.specials td {
vertical-align:middle;
	border-width: 0px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #dbdbdb;
	border-bottom: 1px solid gray;
	-moz-border-radius: 0px 0px 0px 0px;
}



table.specials1 {
margin-left:20px;
width:300px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}

table.specials1 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.specials1 td {
vertical-align:middle;
	border-width: 0px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #dbdbdb;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.specials2 {
margin-left:20px;
width:450px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}

table.specials2 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.specials2 td {
vertical-align:middle;
	border-width: 0px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #dbdbdb;
	-moz-border-radius: 0px 0px 0px 0px;
}


.disclaimer {
font-size:80%;
font-style:italic;
}

.clear{
clear:both;
}

a.red_button{
color:#990000;
}

a.red_button:hover{
color:#400000;
}