@import url(reset.css);

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 78.5%;
	background: #fbf9f7;
	line-height: 1.6;
	color: #6b5c53;
}

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background: #fff url(/img/bg.jpg) no-repeat center bottom;
	min-height: 800px;
}

#header {
	background: #fcfaf8;
	height: 411px;
}

#header .visual {
	background: transparent url(/img/headers/1.jpg) no-repeat center -39px;
	height: 303px;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 110px;
	height: 102px;
	margin-bottom: 6px;
	background: transparent url(/img/logo.gif) no-repeat left top;
	text-indent: -999em;
}

#subnav {
	margin-top: 68px;
	height: 34px;
	line-height: 34px;
	background: #99d7dc url(/img/topnav-bg.gif) no-repeat left center;
	width: auto;
	float: right;
}

#subnav li {
	float: left;
}

#subnav a {
	color: #3a322d;
	text-decoration: none;
	padding: 0 15px;
}

#subnav a:hover {
	text-decoration: underline;
}

#language {
	position: absolute;
	top: 10px;
	right: 0;
}

#nav {
	margin-top: 6px;
	height: 35px;
	line-height: 35px;
	padding-left: 150px;
	background: #9c8679 url(/img/nav-bg.gif) no-repeat left center;
}

#nav li {
	float: left;
	position: relative;
	margin-left: 28px;
	padding-left: 20px;
	padding-right: 27px;
	background: transparent url(/img/nav-item.gif) no-repeat left center;
	position: relative;
}

#nav li.open {
	background-image: url(/img/nav-item-active.gif);
}

#nav a {
	color: #3a322d;
	text-decoration: none;
	display: block;
}

#nav ul ul {
	position: absolute;
	display: none;
	left: 0;
	bottom: 35px;
	padding-bottom: 6px;
	width: 100%;
	background-image: url(/img/bg1.png);
}

#nav ul ul .hassubs a {
	background: transparent url(/img/arrow.gif) no-repeat right center;
}

#nav ul ul .hassubs ul a {
	background: none;
}

#nav ul li:hover ul ul, #nav ul li.hover ul ul {
	display: none;
	bottom: 0;
	left: 100%;
	padding-bottom: 0;
}

#nav ul li:hover ul li:hover ul, #nav ul li.hover ul li.hover ul {
	display: block;
}

#nav ul ul li, #nav li.open ul li {
	background: none;
	padding: 6px 10px;
	margin: 0;
	float: none;
	line-height: 14px;
}

#nav ul ul li:hover, #nav ul ul li.hover {
	background-image: url(/img/bg2.png);
}

#nav ul li:hover ul, #nav ul li.hover ul {
	display: block;
}

#language li {
	display: block;
	float: left;
	height: 17px;
	margin-right: 8px;
	width: 27px;
	background-repeat: no-repeat;
}

#language a {
	display: block;
	height: 17px;
	width: 100%;
}

#language .nl {
	background-image: url(/img/layout/lang_nl.png);
}

#language .de {
	background-image: url(/img/layout/lang_de.png);
}

#language .en {
	background-image: url(/img/layout/lang_en.png);
}

#language .gk {
	background-image: url(/img/layout/greenkey.png);
}

#language .tw, #language .fb, #language .yt {
	width: 16px;
}

#language .tw { margin-left: 32px; }

#language .yt {
	margin-right: 0;
}

#breadcrumbs { display: none; }

#actueel {
	position: absolute;
	top: 108px;
	left: 0;
	width: 150px;
	padding: 15px;
	background: transparent url(/img/newsbg.png) no-repeat right bottom;
	color: #fff;
}

#actueel h1 {
	font-weight: bold;
	padding: 0;
}

#content {
	font-size: 95.5%;
	margin-top: 60px;
	margin-left: 294px;
	margin-right: 158px;
	padding-bottom: 78px;
	line-height: 1.8;
}

#content a {
	color: #9c8679;
}

#content p, #content ul, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-bottom: 20px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #bfb2aa;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -111px;
	margin-bottom: 50px;
	font-size: 216.5%;
	letter-spacing: 0.1em;
}

#content h2 { font-size: 195%; }
#content h3 { font-size: 180%; }
#content h4 { font-size: 150%; }
#content h5 { font-size: 120%; }

#content table {
	width: 100%;
}

#content table p { margin-bottom: 0; }

#content form label {
	display: block;
	float: left;
	width: 150px;
	padding-right: 10px;
}

#content strong {
	font-weight: bold;
}

#content em {
	font-style: italic;
}

#directreserveren {
	position: absolute;
	right: 0;
	width: 156px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/img/booknow_nl.gif);
	text-indent: -999em;
	top: 108px;
}

#directreserveren a {
	display: block;
	width: 100%;
	height: 100%;
}

.lang_de #directreserveren { background-image: url(/img/booknow_de.gif); }
.lang_en #directreserveren { background-image: url(/img/booknow_en.gif); }

#tc {
	position: absolute;
	left: 10px;
	top: 510px;
}

#content .twtr-widget .twtr-ft a, #content .twtr-widget .twtr-ft span { display: none; }

#sbcontent {
	min-height: 550px;
}

#sbcontent h1 {
	margin-left: 0;
}

#submission-form .checkbox label {
	display: inline;
	float: none;
	width: auto;
}

#submission-form .emph {
	border-top: 1px solid #6B5C53;
	border-bottom: 2px solid #6B5C53;
	padding: 20px 0;
}

#submission-form .emph label {
	font-weight: bold;
}

#submission-form .small {
	font-size: 10px;
	font-style: italic;
}
