html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html, body {
	color: #000;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/bg.jpg) repeat #b51a3c;
	background-color:#f9e7b4;
}

#wrapper {
	margin: 0px auto !important;
	width: 790px;
	position: relative;
	background-color:#FFF3D1;
}

#header {
	position: relative;
	width: 790px;
}

#logo {
	position: absolute;
	top: -8px;
	right: 0px;
	width: 170px;
	height: 115px;
	background: url(../images/bg_logo.png) no-repeat;
}

h1 {
	background: url(../images/logo.jpg) no-repeat;
	width: 214px;
	height: 159px;
	text-indent: -999999em;
	margin: 5px 0 0 6px;
}

#languages {
	height:80px;
	padding: 16px 0 0 12px;
	list-style-type: none;
}

/*#languages {
	height:80px;
	padding: 16px 0 0 12px;
	list-style-type: none;
}
#languages2 {
	position:absolute;
	top: 0px;
	left:75px;
	padding: 16px 0 0 12px;
	list-style-type: none;
}
	#languages li, #languages2 li{
		margin-bottom: 3px;
		font-size: 11px;
	}
	
		#languages li a, #languages2 li a{
			display:inline;
			color: #000;
			text-decoration: none;
		}*/
#languages_flags {
	margin-top:-9px;
	margin-left:150px;
	position:absolute;
	height: 30px;
}

#languages_flags a{
	margin-left:8px;
}

#nieuwsbrief {
	margin-top:-17px;
	position:absolute;
	background-color: #9e1c36;
	height: 30px;
}

	#nieuwsbrief p {
		color: #fff;
		padding: 5px 12px 0 12px;
		font-size: 15px;
	}
	
	#nieuwsbrief p a{
		color:#fff;
		text-decoration:none;
	}

#header .panorama {
	width: 790px;
	height: 180px;
	margin-top:13px;
	margin-bottom: -2px;
	border:0;
	border-top: 5px solid #9e1c36;
}


#main {
	width: 790px;
	background: url(../images/bg_main.jpg) no-repeat  50% 0% #fff3d1;
	float: left;
	display: inline;
	margin-bottom: 20px;
}

/*#content_left {
	float: left;
	display: inline;
	margin: 90px 0 0 12px;
	width: 525px;
}

#content_right {
	float: left;
	display: inline;
	margin: 90px 0 0 25px;
	width: 220px;
}*/

#content_left_center {
	float: left;
	display: inline;
	margin: 90px 0 0 12px;
	width: 450px;
}

#content_right_center {
	float: left;
	display: inline;
	margin: 90px 0 0 25px;
	width: 300px;
}

#content_left_small_noimage{
	visibility:hidden;
}

#content_right_big_noimage {
	float: left;
	display: inline;
	margin: 90px 0 0 12px;
	width: 765px;
}

#content_left_fotoalbum{
	float: left;
	display: inline;
	margin: 90px 0 0 12px;
	width: 765px;
}

#content_left_kamers{
	float: left;
	display: inline;
	margin-bottom: 30px;
	width: 765px;
}

#content_left_small {
	float: left;
	display: inline;
	margin: 90px 0 0 12px;
	width: 220px;
	z-index:1;
}

#content_right_big {
	float: left;
	display: inline;
	margin: 90px 0 0 12px;
	width: 525px;
}

.img_wrap, .img_wrap img {
	width: 217px;
	height: 169px;
	margin:0;
	padding:0;
	z-index:1;
	position:relative;
}	

.img_wrap {
	float:left;
	margin-bottom: 15px;
}

.img_wrap_overlay {
	background:url(../images/image_overlay.png);
	width:217px;
	height:169px;
	top:0;
	left:0;
	z-index:1;
	position:absolute;
}

.text_room {
	float:left;
	width: 500px;
	margin-left:10px;
}

#table_reserveren {
	
	position: relative;
}

#footer {
	width: 790px;;
	clear: both;
	padding-bottom: 3px;
}

	#footer p {
		display: inline;
		margin: 0 0 0 12px;
		font-size: 10px;
	}
	
	#footer p span {
		margin-left: 350px;
	}
	
	#footer a {
		text-decoration: none;
		color: #b20838;
		font-weight: bold;
	}


p {
	line-height: 17px;
	letter-spacing: 0px;
	margin-bottom: 15px;
}

h2 {
	color: #b7354f;
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: bold;
}

em {
	font-style:italic;
}
a {
	color: #9E1C36;
	text-decoration:none;
}


/* KAMERS */
.room_price {
	display: block;
	font-size: 25px;
	background-color: #9E1C36;
	position: absolute;
	right: 20px;
	top:10px;
	padding: 5px;
	color: #fff;
	border: 1px solid #D2A97B;
}

#content_right_big_kamer {
	float: left;
	display: inline;
	margin: 95px 0 0 12px;
	width: 525px;
	position: relative;
}

#content_right_big_kamer p {
	/*width: 400px;*/
}


/* FOTOBOEK CLASSES ALGEMEEN*/

.pre_foto {
	width: 192px;
	float: left;
	display: inline;
	text-align: center;
	font-weight: bold;
	border: 2px solid #D2A97B;
	margin: 0 29px 20px 29px;
}

.pre_foto img {
	width: 192px;
	height: 144px;
}

#fotoboek {
	float: left;
	display: inline;
	position: relative;
	width: 765px;
}

div.contents {
	/* 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:right;
	
}
div.contents a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.contents  a:focus, div.contents  a:hover, div.contents  a:active {
	text-decoration: underline;
}
div.controls {
	height: 14px;
	position: relative;
}
div.controls a {
	padding: 5px;
	color: #000;
	margin-left: 355px;
	font-size: 11px;
}
div.ss-controls {
	float: left;
	position: relative;

}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 350px
}
div.slideshow {
	clear: both;
	width:400px;
	float: left;
	display: inline;
	
}
div.slideshow span.image-wrapper {
	float: right;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	display: block;
}
div.slideshow img {
	border: 3px solid #D2A97B;
	display: block;
}
div.download {
	float: right;
	display: none;
}
div.embox {
	clear: both;
	border: 1px solid #D2A97B;
	background-color: #D2A97B;
	position: absolute;
	top: 17px;
	right: 3px;
}
div.image-title {
	font-size: 10px;
	color: #000;
	background-color: #D2A97B;
	padding: 2px;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	display: none;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 10px;
	width: 280px;
}
ul.thumbs li {
	float: left;
	margin: 5px 10px 5px 0;
	list-style: none;
	width: 50px;
	height: 42px;
	overflow: hidden;
	border: 1px solid #D2A97B;
}
a.thumb {
display: block;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	width: 50px;
	height: 42px;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	display: none;
}


/*Gastenboek*/

#content_left_gastenboek {
	position: relative;
	width: 525px;
	margin: 95px 0 0 130px;
}

.gb_add {
	position: relative;
	float: right;
	display: block;
	margin-right: 25px;
}

#gb_add_comment {
	width: 290px;
	height: 260px;
	border: 1px solid #D2A97B;
	display: none;
	margin-bottom: 20px;
}

#gb_form {
	margin-top: 9px;
}

#gb_form #name_sender {
	display: none;
}

#gb_form label {
color:#000;
display:block;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

#gb_form input, #gb_form textarea {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 12px;
margin-bottom:5px;
padding-left:2px;
width:250px;
}

#gb_form textarea {
height:80px;
}

#gb_form .button {
font-size:11px;
}

#gb_form fieldset {
border:0 none;
margin:0 0 0 10px;
padding:0;
}

.comment{
	width:500px;
	background:#fff;
	border: solid 1px #D2A97B;
	margin-bottom:15px;
	overflow:hidden;
}
.comment .header {
	font-weight:bold;
	border-bottom: solid 2px #D2A97B;
	padding:2px 1px;
	background:url(../images/bg_gb_comment.gif) repeat-x top;
}
.comment .header a{
	color:#000;
}

.comment .content {
	padding:5px;
	line-height:1.5em;
}
.comment .date {
	font-size:0.8em;
	text-align:right;
	color:#999;
	padding-right:4px;
}

.comment .mailme {
	float: right;
	display: inline;
}

/*menu*/


#navmain {
	display: block; 
	height:30px; 
	margin:0 0 20px 0; 
	background:#9e1c36; 
	z-index:900;
	width:790px;
	text-align: center;
	position: relative;
}


#navmain ul { 
	margin:0; 
	list-style-type: none;;
	z-index: 200;
	font-size: 15px;
	position: static;
}

#navmain ul a {
	display: block;
	color: #fff;
	z-index:200;
}
		#navmain ul li {
			float: left;
			color: #fff;
			z-index:200;
			padding: 5px 18px;
			line-height: 20px;
			display: block;
			position: relative;
		}
		
		#navmain ul li a {
			cursor: default;
		}
		
		#navmain ul li a.pointer {
			cursor: pointer;
		}
		
		#navmain ul li:hover, #navmain ul li.hoover {
			background-color: #b7354f;
			position:static;
		}
		
		#navmain ul li ul {
			position: absolute;
			left: -999em;
			background-color: #b7354f;
			font-size: 12px;
			z-index:999;
			margin-top: 5px;
			margin-left: -18px;
			padding-bottom: 3px;
			width:150px;
		}
		
		#navmain ul li ul li {
			background-color: #b7354f;
			z-index:999;
			float: none;
			display: block;
			line-height: 15px;
			text-align:left;
			margin-left:0px;
			margin-right:15px;
			position: relative;
		}
		
		#navmain ul li ul li a {
			cursor: pointer;
		}
		
		#navmain ul li ul li:hover {
			background-color: #b7354f;
			display: block;
			z-index:999;
		}
		
		#navmain ul li:hover ul, #nav li.sfhover ul {
			left: auto;
			z-index:999;
			
		}
		
		#navmain ul li ul ul { /* third-and-above-level lists */
			margin: -1em 0 0 10em;
			z-index:999;
		}
		#navmain ul li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
			left: -999em;
			z-index:999;
		}
		#navmain ul li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
			left: auto;
			z-index:999;
		}
		
		label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display: block; font-weight:bold; }

.tdtitlereserveren {
	vertical-align:top;
	padding-top:4px;
}


#nieuwsbrief_form .submit {
	position: absolute;
	top:409px;
	right:45px;
	width: 100px;
	text-align: center;
}