@charset "utf-8";

* {
	margin:		0;
	padding:	0;
}

body {	
	background:	center url(images/page-back.png);
	
	font-family:	"Trebuchet MS";	
	font-size:		14px;
	line-height:	20px;
	color:			#766e62;
}

#banner {
	height:		270px;
	
	background:	center url(images/banner-back.png);
}

#banner .content {
	width:		960px;
	height:		270px;
	
	margin:		0 auto;
	
	background:	url(images/banner.png);
}

#banner .content .logo {
	display:	block;
	width:		200px;
	height:		200px;
	
	margin:		0 auto;
	
	background:	url(images/logo.png);
}

#banner .content form.search {
	float:		right;
	margin:		90px 0 0 0;
}

#banner .content ul.metanav {
	float:		right;
	
	margin:		10px 0 0 0;
	
	clear:		right;
}

#banner .content ul.metanav li {
	display:	inline;
	
	font-size:	13px;
	color:		#c0b8a5;
}

#banner .content ul.metanav li a	{
	color:	#c0b8a5;
}

#banner .content ul.metanav li.lang-switch {
	margin:		0 0 0 10px;	
}

#mainframe {
	width:		960px;
	margin:		20px auto;
	background:	center url(images/page-back.png);	
}

#imagepic {
	float:		right;
	
	width:		636px;
	height:		291px;
	
	padding:	9px 0 0 44px;
		
	background:	top right url(images/imageback.png) no-repeat;
}

.imagevideo {
	float:		right;
	
	width:		636px;
	height:		356px;
	
	padding:	9px 0 0 44px;
		
	background:	top right url(images/imagevideo.png) no-repeat;
}

#menu {
	float:		left;
	width:		280px;
}

#menu div.booking {
	height:		110px;
	margin:		5px 0 0 0;
	
	background:	url(images/booking-de.png);
}

#menu div.booking.en {
	background:	url(images/booking-en.png);
}

#menu div.booking.nl {
	background:	url(images/booking-nl.png);
}

#menu div.booking a {
	display:	block;
	width:		280px;
	height:		110px;	
}
	
#menu div.booking a span {
	display:	none;
}

#menu .navrollout {
	background:	url(images/navback.png);	
}

#menu .navrollout ul {
	padding:			10px 7px;
	list-style-type:	none;	
}

#menu .navrollout ul a {
	padding:			0 0 0 40px;
	
	line-height:		27px;
	color:				#60594b;
}

#menu .navrollout ul a.active {
	font-weight:		bold;
	font-style:			italic;	
}

#menu .navrollout ul li.level-2 a {
	padding:			0 0 0 60px;
	
	line-height:		22px;
	color:				#f8f0db;	
}

#menu .subnavigation {
	padding:		20px 0;
	background:	url(images/navdarkback.png);	
}

#menu .subnavigation ul {
	padding:			0 7px;
	list-style-type:	none;	
}	
	
#menu .subnavigation ul li a {
	display:		block;
	width:			214px;
	padding:		0 0 0 30px;
	
	line-height:	32px;
	color:			#f8f0db;
}

#menu .subnavigation ul li a span {
	padding:		0 10px;
	background:		#8c8473;
}

#menu .subnavigation ul li.active a {
	
	
	color:			#fdf8f0;	
	font-style:		italic;
	
	background:		center url(images/navlinkback.png) no-repeat;
}

#menu a span {
	display:	inline;	
}

div.hrs	{
	background:	top center url(images/hrs-background.png) no-repeat;
	padding:	15px;
	margin:		0 0 0 20px;
}

div.galleryTeaser	{
	height:		400px;
	padding:	0 15px;
	margin:		80px 0 0 -2px;
	
	background:	top center url(images/impressionback.jpg) no-repeat;
}

div.galleryTeaser h1	{
	color:			white;
	
	font-family:	Georgia;
	font-size:		23px;
	font-weight:	normal;
	letter-spacing:	0.1em;
	
	text-shadow:	0px 1px 1px black;
	text-align:		center;
	text-transform:	uppercase;
	
	padding:		20px 0 15px 0;
}

div.galleryTeaser ul	{
	display:		block;
	list-style-type:	none;
}

div.galleryTeaser ul li	{
	background:	top left url(images/teaserimgback.jpg) no-repeat;
	
	width:		72px;
	height:		48px;
	
	padding:	8px 0 0 8px;
	margin:		0;
}

div.galleryTeaser a	{
	color:				white;
	text-decoration:	none;
	text-shadow:		1px 1px 1px black;
	letter-spacing:		0.05em;
	
	font-size:			13px;
	font-family:		"Trebuchet MS";
	
	margin:				20px 0 0 50px;
}

#content {
	float:		right;
	width:		640px;
	
	margin:		0 0 100px 0;
	padding:	0 0 0 40px;
	
}

#content h1 {
	margin:		20px 0 10px 0;
	padding:	0 0 50px 0;
	
	font-size:	80px;
	text-align:	center;
	color:		#c25426;
	
	background:	center bottom url(images/h1-bottom.png) no-repeat;
}

* html #content h1 {
	line-height:		100px;
}

* + html #content h1 {
	line-height:		100px;
}

#content2c {
	float:		right;
	width:		640px;
	
	margin:		0 0 100px 0;
	padding:	0 0 0 40px;
}

#content2c #content {
	margin:		0 0 20px 0;	
}

#content2c .content-left {
	float:		left;
	width:		50%;	
}

#content2c .content-right {
	float:		right;
	width:		50%;	
}

h2	{
	text-align:		center;
	padding:		20px 0;
	color:			#c25426;
	font-style:		italic;
	font-family:	Georgia;
	font-weight:	normal;
	font-size:		26px;
	line-height:	30px;
	background:		top left url(images/h2back.jpg) no-repeat;
}

h2 span	{
	background:		center url(images/page-back.png);
	padding:		0 20px;
}

h3	{
	padding:	20px 0;
	color:		#766e62;
}

p {
	padding:	5px 0; 	
}

#content p	{
	font-size:		14px;
	line-height:	20px;
	
	padding:		10px 40px 10px 0;
}
	
#footer-top {
	height:		150px;
	background:	center bottom url(images/footer-top-bottom.png) repeat-x;	
}

#footer-top .content {	
	width:		960px;
	height:		150px;
	
	margin:		0 auto;	
	padding:	15px 0 0 0;
	
	background:	center top url(images/footer-top-back.png) no-repeat;
	
	text-align:	center;	
	color:		#c25426;	
}

#footer-content {
	font-family:	"Trebuchet MS";
	
	background:		#c25426 center url(images/footer-content-back.png);
}

#footer-content .content {
	width:		960px;
	margin:		0 auto;
	
	padding:	20px 0;
	background:	#c25426 center url(images/footer-content-back.png);

	
	color:		#FFF;
	
	letter-spacing:	0.1em;
}

#footer-content .content .panel {
	float:		left;	
	padding:	0 39px 0 0;
}
	
#footer-content .content a {
	color:		#FFF;
}

#footer-content .content a span {
	display:		inline;	
}

#footer-content .content .subnavigation ul {
	list-style-type:	none;	
}

#footer-content .content .subnavigation ul li a {
	color:			#f8f0db;
	font-size:		13px;
	line-height:	28px;
}

#footer-content .content h1 {
	font-family:	Georgia;
	font-style:		italic;
	font-size:		26px;
	font-weight:	normal;
	line-height:	33px;
	
	margin:			0 0 9px 0;
}

#footer-content .content p {
	font-size:		13px;
	line-height:	16px;
	
	padding:		0 0 16px 0;
}

#footer-content .content .p-2	{
	padding:		0 25px 0 0;
}

#footer-content .content .p-3 h1	{
	display:	none;
}

#content div.search-field	{
	background:		top center url(images/footer-content-back.png);
	padding:		20px 0 20px 80px;
	margin:			50px 0;
}

form.search-submit	{
	background:	url(images/search-bottom.jpg) no-repeat;
	height:		31px;
	width:		295px;
	
	margin:		15px 0 25px 65px;
}

form.search-submit input.input	{
	background:		none;
	border:			none;
	margin:			2px 0 0 25px;
	line-height:	22px;
	width:			200px;
	color:			white;
	font-size:		13px;
	text-shadow:	0px 1px 1px black;
	
	padding:		5px 0 0 0;
}

* html form.search-submit input.input	{
	padding:		0;
	
	line-height:	22px;
	height:			22px;
}

* + html form.search-submit input.input	{
	padding:		0;
	
	line-height:	22px;
	height:			22px;
}

form.search-submit input.input:focus	{
	outline:		none;
}

form.search-submit input.submit	{
	display:		block;
	background:		none;
	border:			none;
	float:			right;
	margin:			2px 5px 0 0;
	height:			27px;
	width:			60px;
	color:			transparent;
	cursor:			pointer;
}

* html form.search-submit input.submit	{
	width:			60px;
	
	font-size:		0px;
	
	color:			#8c8573;
	
	margin:			-25px 5px 0 0;
}

* + html form.search-submit input.submit	{
	width:			60px;
	
	font-size:		0px;
	
	color:			#8c8573;
	
	margin:			-25px 5px 0 0;
}

#imagepic-small	{
	background:		url(images/imagepic-bottom.jpg) no-repeat;
	width:			364px;
	height:			163px;
	padding:		7px 0 0 7px;
}
	
#footer-bottom {
	height:		500px;
	
	background:	center url(images/footer-bottom-back.png);
}

#footer-bottom .content {
	width:		960px;
	height:		500px;
	margin:		0 auto;	
	background:	center url(images/footer-bottom-back.png);
}

#footer-bottom .content .content-c {
	height:		500px;
	background:	center url(images/footer-bottom.png) no-repeat;	
}

#footer-bottom .content .content-c a.logo {
	display:	block;
	height:		300px;
	padding:	200px 0 0 0;
}

form.search	{
	background:	url(images/search-top.jpg) no-repeat;
	height:		31px;
	width:		295px;
	
	padding:	0;
}

form.search input.field-input	{
	background:		none;
	border:			none;
	margin:			2px 0 0 25px;
	line-height:	22px;
	width:			200px;
	color:			#8c8473;
	font-size:		13px;
	
	padding:		5px 0 0 0;
}

* html form.search input.field-input	{
	padding:		0;
	
	line-height:	22px;
	height:			22px;
}

* + html form.search input.field-input	{
	padding:		0;
	
	line-height:	22px;
	height:			22px;
}

form.search input.field-input:focus	{
	outline:		none;
}

form.search input.field-submit	{
	display:		block;
	background:		none;
	border:			none;
	float:			right;
	margin:			2px 5px 0 0;
	height:			27px;
	width:			60px;
	color:			transparent;
	cursor:			pointer;
}

* html form.search input.field-submit	{
	width:			60px;
	
	font-size:		0px;
	
	color:			#8c8573;
	
	margin:			-25px 5px 0 0;
}

* + html form.search input.field-submit	{
	width:			60px;
	
	font-size:		0px;
	
	color:			#8c8573;
	
	margin:			-25px 5px 0 0;
}

form.p-form ul	{
	background:				top center url(images/footer-content-back.png);
	
	border-radius:			0;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
}

form.p-form ul li label	{
	color:			white;
	text-shadow:	none;
}

form.p-form ul li input	{
	background:		url(images/page-back.png);
}

form.p-form ul li input:focus	{
	background:		url(images/page-back.png);
}


form.p-form ul li textarea	{
	background:		url(images/page-back.png);
}

form.p-form ul li textarea:focus	{
	background:		url(images/page-back.png);
}
/* ELEMENTS */
a {
	text-decoration:	none;
	color:				#c25426;	
}

a span {
	display:	none;
}	

br.clear {
	clear:		both;
}

div.smartie-gallery	{
	background:		none;
}

div.smartie-gallery ul li	{
	background:		none !important;
	margin:			0px !important;
	line-height:	0px !important;
	padding:		0px !important;
}

div.smartie-gallery ul li a	{
	border:			none;
	border-radius:	0;
	-moz-border-radius:	0;
	-webkit-border-radius:	0;
}

div.smartie-gallery ul li a.thumbnail	{
	background:		url(images/thumbnail.jpg) no-repeat;
	
	padding:		9px 0 0 8px;
	margin:			0 3px 0 0;
	
	height:			130px;
	width:			200px;
}

div.smartie-gallery ul li a.last	{
	margin:			0;
}

div.smartie-gallery ul li a	img	{
	border-radius:	0;
	-moz-border-radius:	0;
	-webkit-border-radius:	0;
}

div.image-container	{
	border:			none !important;
	padding:		3px 0 !important;
	margin:			0 !important;
	
	height:			auto !important;
	width:			auto !important;
}

div.image-container a.thumbnail	{
	background:		url(images/thumbnail.jpg) no-repeat;
	
	display:		block;
	
	padding:		9px 0 0 8px;
	margin:			0 3px 0 0;
	
	height:			130px;
	width:			200px;
}

.maps	{
	background:		url(images/maps.jpg) no-repeat;
	
	padding:		10px 0 0 10px;
	
	width:			640px;
	height:			345px;
}

div.links-collection ul	{
	margin:			0 auto !important;
	
	width:			460px;
}

div.links-collection ul li	{
	float:			left;
	padding:		0 !important;
	background:		none !important;
}

div.links-collection div.image	{
	
	padding:		9px 0 0 8px;
	margin:			0 3px 0 0;
	
	height:			130px;
	width:			200px;
	
	background:		url(images/thumbnail.jpg) no-repeat;
}

span.phone-block	{
	padding:		0 2px 0 0;
}

#content ul	{
	margin:			20px 0;
}

#content li	{
	padding:		0 0 0 40px;
	margin:			0 0 10px 0;
	
	color:			#766e62;
	list-style:		none;
	
	line-height:	15px;
	
	background:		left url(images/liback.jpg) no-repeat;
}

#content form ul li	{
	background:		none;
	
	margin:			10px 10px 10px 20px;
	padding:		0;
}

div.block-default	{
	background:		top center url(images/footer-content-back.png);
	
	padding:		30px;
	color:			#FFF;
}

div.block-default p	{
	color:			#FFF !important;
	padding:		5px 0;
}

div.block-default h2	{
	color:			white;
	font-family:	Georgia;
	font-weight:	normal;
	padding:		0 0 20px 0;
	text-align:		left;
	
	background:		none;
}
	
div.block-default h2 span	{
	padding:		0;
	background:		none;
}

ul.sitemap {
	list-style-type:	none;
}

ul.sitemap li.level-1 {
	font-size:			16px;
	padding:			6px 0;
}

ul.sitemap li.level-2 {
	font-size:			14px;
	padding:			3px 10px;
}

ul.sitemap li.level-3 a {
	font-size:			14px;
	line-height:		20px;
	color:				#666;
	padding:			4px 0 4px 20px;
}

img	{
	border:	none;
}

ul.portal-headers li	{
	background:		none !important;
}

ul.portal-headers li h2 a	{
	background:		url(images/page-back.png);
	padding:		0 20px;
}

ul.portal-headers li a.thumbnail	{
	
	padding:		9px 0 0 8px;
	margin:			0 20px 0 0;
	
	display:		block;
	float:			left;
	
	height:			130px;
	width:			200px;
	
	background:		url(images/thumbnail.jpg) no-repeat;
}

ul.portal-headers li p	{
	float:			left;
	
	width:			330px;
}

ul.portal-headers li a.nodec	{
	float:			left;
	
	display:		block;
}

.pricesheet h2	{
	background:		none;
	text-align:		left;
	margin:			0;
	padding:		20px 0 5px 0;
	white-space:	nowrap;
}

.pricesheet h2 span	{
	padding:		0;
	background:		none;
}

.pricesheet h3	{
	border-bottom:	1px solid #766e62;
	padding:		10px 0 5px 0;
}

#content .pricesheet p	{
	font-size:		12px;
	padding:		0;
}

.price-option	{
	display:		block;
	height:			auto;
}

#content .pricesheet p.child-text	{
	font-size:		13px;
	font-style:		italic;
}

.item	{
	padding:		0 0 0 40px;
	background:		left url(images/liback.jpg) no-repeat;
}

#content div.extra p	{
	margin:		20px 0 10px 0;
	padding:	0 0 50px 0;
	
	font-size:	40px;
	text-align:	center;
	color:		#c25426;
	line-height:	60px;
	
	background:	center bottom url(images/h1-bottom.png) no-repeat;
}

.p-gallery-images div.image-container {
	float:			left;
}

iframe {
	border:			none;
}

div.smartie-badge.smartie-badge-right {
	background:		#766E62;
	padding:		0 0 15px 15px;
}

div.smartie-badge h2 {
	background:		#766E62;
	font-size:		20px;
	padding:		5px;
}

#mainframe #content div.smartie-badge.smartie-badge-right h2 span {
	background:		#766E62;
	text-shadow: 	0px 1px 1px black;
}

#mainframe #content div.smartie-badge.smartie-badge-right p {
	padding:		10px 15px 10px 5px;
	text-shadow: 	0px 1px 1px black;
}

#mainframe #content div.smartie-badge.smartie-badge-right a {
	color:			#CCC;
}

#banner div.content div.sign {
	width:				210px;
	height:				238px;
	background:			url(images/badge-1.png);
	margin:				30px 0 0 5px;
	float:				left;
}

#banner div.content div.sign h2 {
	background:			none;
	font-size:			20px;
	color:				#faf0db;
	padding:			30px 0 7px 0;
}

#banner div.content div.sign h2 span {
	background:			none;
}

#banner div.content div.sign p{
	width:				140px;
	font-size:			12px;
	color:				#faf0db;
	margin:				0 0 0 45px;
}

#banner div.content div.sign a{
	font-weight:		bolder;
	color:				#faf0db;
	text-decoration:	underline;
}
