html, body
{
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	background:			#fff;
	color:				#000;
	font-family:		verdana, tahoma, arial, sans-serif;
	font-size:			8pt;
}

a, a:link, a:visited, a:active, a:hover
{
	color:				#5f9da0;
	background:			transparent;
	text-decoration:	underline;
}

a:hover
{
	text-decoration:	none;
}

#center
{
	margin:				0 auto;
	width:				813px;
	background:			transparent url(/images/categoryBodyMenuBackground.gif) left repeat-y;
	color:				#000;
}

#header
{
	position:			relative;
	width:				813px;
	height:				89px;
	background:			#fff url(/images/headerBackground.gif) left top no-repeat;
	color:				#5f9da0;
}

#headerFastlinks
{
	position:			absolute;
	right:				0;
	top:				1em;
	width:				570px;
}

#headerFastlinksLinks
{
	float:				right;
}

#headerFastlinksLinks a, #headerFastlinksLinks a:active, #headerFastlinksLinks a:link, #headerFastlinksLinks a:visited, #headerFastlinksLinks a:hover
{
	color:				#5f9da0;
	background:			transparent url(/images/headerDot.gif) left no-repeat;
	padding-left:		12px;
	margin-left:		4px;
	text-decoration:	none;
}

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

#headerFastlinksLanguage
{
	float:				right;
	margin-left:		5px;
}

#headerFastlinksLanguage a, #headerFastlinksLanguage a:active, #headerFastlinksLanguage a:link, #headerFastlinksLanguage a:visited, #headerFastlinksLanguage a:hover
{
	color:				#5f9da0;
	margin-left:		5px;
	text-decoration:	none;
}

#headerFastlinksLanguage a img
{
	border:				0px;
}

#headerMenu
{
	position:			absolute;
	right:				0;
	top:				59px;
	padding-right:		5px;
	color:				#fff;
	background:			transparent;
	font-weight:		bold;
}

#headerMenu a, #headerMenu a:active, #headerMenu a:link, #headerMenu a:visited, #headerMenu a
{
	color:				#fff;
	background:			transparent;
	text-decoration:	none;
}

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

#headerMenu a.selected
{
	color:				#084344;
	background:			transparent;
}

#headerHome
{
	display:			block;
	width:				320px;
	height:				89px;
}

#headerMask {
	position:	absolute;
	top:		0px;
	left:		0px;
	width: 		813px; 
	height: 	341px;
	background:	transparent url(/images/headermask.png) left top no-repeat;
}
#headerMask2 {
	position:	absolute;
	top:		0px;
	left:		0px;
	width: 		503px; 
	height: 	310px;
	background:	transparent url(/images/headermask.png) left top no-repeat;
}

#intro
{
	position:			relative;
	width:				813px;
	height:				341px;
	background:			transparent left top no-repeat;
	color:				#fff;
}

#introOverlay
{
	position:			absolute;
	left:				0;
	top:				0;
	width:				813px;
	height:				341px;
	background:			transparent url(/images/introOverlay.png) left top no-repeat;
	color:				#fff;
}

#actions
{
	clear: 				both;
	background:			#fff;
	color:				#878787;
	padding:			2em 0;
	line-height:		1.3em;
}

.action
{
	width:				270px;
	height:				82px;
	float:				left;
	background:			transparent left top no-repeat;
	color:				#878787;
	cursor:				pointer;
}

.actionOverlay
{
	background:			transparent url(/images/actionOverlay.png) left top no-repeat;
	color:				#878787;
	padding-left:		132px;
	height:				100%;
	cursor:				pointer;
	z-index:			-100;
}

#actions h1
{
	font-size:			1em;
	font-weight:		bold;
	margin:				0;
}

#actions p
{
	margin:				0;
}

#clearActions
{
	clear: 				both;
}

#copyright
{
	border-top:			1px solid #5f9da0;
	background:			#fff;
	color:				#878787;
	padding:			1em 0;
	text-align:			center;
}

#category
{
	position:			relative;
	width:				813px;
	height:				310px;	
}			

#categoryTitle
{
	position:			absolute;
	left:				0;
	top:				0;
	width:				310px;
	height:				310px;
	background:			transparent left top no-repeat;
	color:				#5f9da0;
}

#categoryTitleOverlay
{
	position:			absolute;
	left:				0;
	top:				0;
	width:				310px;
	height:				310px;
	background:			transparent url(/images/categoryTitleOverlay.png) left top no-repeat;
	color:				#5f9da0;
}

#categoryTitleOverlay h1
{
	position:			absolute;
	bottom:				0;
	left:				0;
	width:				310px;
	margin:				0;
	padding-bottom:		15px;
	padding-left:		30px;
	font-size:			2.5em;
	line-height:		1em;
	font-weight:		normal;
	letter-spacing:		.05em;
}

#categoryVisual
{
	position:			absolute;
	left:				310px;
	top:				0;								
	width:				503px;
	height:				310px;
	background:			transparent left top no-repeat;
	color:				#fff;		
}

#categoryVisualOverlay
{
	position:			absolute;
	left:				0;
	top:				0;
	width:				503px;
	height:				310px;
	background:			transparent url(/images/categoryVisualOverlay.png) left top no-repeat;
	color:				#fff;
}

#categoryBody
{
	position:			relative;
	width:				813px;
	background:			transparent url(/images/categoryBodyMenuBackground.gif) left repeat-y;
}

#categoryBodyMenu
{
	float:				left;
	width:				310px; 
	background:			#e8f1f1;
	color:				#fff;
	letter-spacing:		.05em;
}

#categoryBodyMenu a, #categoryBodyMenu a:link, #categoryBodyMenu a:active, #categoryBodyMenu a:visited, #categoryBodyMenu a:hover
{
	background:			#5f9da0 url(/images/categoryBodyMenuDot.gif) 30px no-repeat; 
	color:				#fff;
	padding:			3px 0 3px 42px;
	display:			block;
	text-decoration:	none;
	font-size:			1.1em;
	font-weight:		bold;
}

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

#categoryBodyMenu a.selected
{
	color:				#084344;
}

#categoryBodyContent
{
	float:				right;
	width:				503px;
}

#categoryBodyContentPadding
{
	padding:			1em;
	text-align:			left;
	letter-spacing:		.05em;
}

#categoryBodyContentPadding h1
{
	font-size:			1.5em;
	line-height:		1.5em;
	margin:				0;
	padding:			0;
}

#categoryBodyContentPadding p
{
	font-size:			1em;
	line-height:		1.5em;
	margin:				0;
	margin-bottom:		1em;
}

#categoryBodyContentPadding a, #categoryBodyContentPadding a:link, #categoryBodyContentPadding a:active, #categoryBodyContentPadding a:visited, #categoryBodyContentPadding a:hover
{
	color:				#5f9da0;
	background:			transparent;
	text-decoration:	underline;
}

#categoryBodyContentPadding a:hover
{
	text-decoration:	none;
}

#pageTitle
{
	position:			relative;
	left:				0;
	top:				0;
	width:				813px;
	height:				103px;
	background:			transparent left top no-repeat;
	color:				#5f9da0;
}

#pageTitleOverlay
{
	position:			absolute;
	left:				0;
	top:				0;
	width:				831px;
	height:				103px;
	background:			transparent url(/images/pageTitleOverlay.png) left top no-repeat;
	color:				#5f9da0;
}

#pageTitleOverlay h1
{
	position:			absolute;
	bottom:				0;
	left:				0;
	width:				310px;
	margin:				0;
	padding-bottom:		15px;
	padding-left:		30px;
	font-size:			2.5em;
	line-height:		1em;
	font-weight:		normal;
	letter-spacing:		.05em;
}

#pageTitleOverlay h1 a, #pageTitleOverlay h1 a:active, #pageTitleOverlay h1 a:link,#pageTitleOverlay h1 a:visited, #pageTitleOverlay h1 a:hover
{
	text-decoration:	none;
	color:				#5f9da0;
	background:			transparent;
}

#pageBody
{
	position:			relative;
	width:				813px;
	background:			transparent url(/images/pageBodyMenuBackground.gif) left repeat-y;
}

#pageBodyMenu
{
	float:				left;
	width:				308px; 
	background:			#e8f1f1;
	color:				#fff;
	letter-spacing:		.05em;
}

#pageBodyMenu a, #pageBodyMenu a:link, #pageBodyMenu a:active, #pageBodyMenu a:visited, #pageBodyMenu a:hover
{
	background:			#5f9da0 url(/images/pageBodyMenuDot.gif) 30px no-repeat; 
	color:				#fff;
	padding:			3px 0 3px 42px;
	display:			block;
	text-decoration:	none;
	font-size:			1.1em;
	font-weight:		bold;
}

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

#pageBodyMenu a.selected, #pageBodyMenu a.selected:link, #pageBodyMenu a.selected:active, #pageBodyMenu a.selected:visited, #pageBodyMenu a.selected:hover
{
	color:				#084344;
	background:			#5f9da0 url(/images/pageBodyMenuDotSelected.gif) 30px no-repeat; 
}

#pageBodyMenu .subMenu
{
	background:			#5f9da0; 
	padding-left:		2px;
	font-size:			.9em;
}

#pageBodyMenu .subMenu a, #pageBodyMenu .subMenu a:link, #pageBodyMenu .subMenu a:visited,
#pageBodyMenu .subMenu a:active, #pageBodyMenu .subMenu a:hover
{
	background:			#5f9da0 url(/images/pageBodySubMenuDot.gif) 0 no-repeat; 
	color:				#fff;
	padding-left:		10px;
	margin-left:		42px;
}

#pageBodyMenu .subMenu a:hover
{
}

#pageBodyMenu .subMenu a.selected, #pageBodyMenu .subMenu a.selected:link, #pageBodyMenu .subMenu a.selected:visited,
#pageBodyMenu .subMenu a.selected:active, #pageBodyMenu .subMenu a.selected:hover
{
	color:				#084344;
	background:			#5f9da0 url(/images/pageBodySubMenuDotSelected.gif) 0 no-repeat; 
}

#pageBodyContent
{
	float:				right;
	width:				503px;
}

#pageBodyContentPadding
{
	padding:			1em;
	text-align:			left;
	letter-spacing:		.05em;
}

#pageBodyContentPadding h1
{
	font-size:			1.5em;
	line-height:		1.5em;
	margin:				0;
	padding:			0;
}

#pageBodyContentPadding p
{
	font-size:			1em;
	line-height:		1.5em;
	margin:				0;
	margin-bottom:		1em;
}

#pageBodyContentPadding a, #pageBodyContentPadding a:link, #pageBodyContentPadding a:active, #pageBodyContentPadding a:visited, #pageBodyContentPadding a:hover
{
	color:				#5f9da0;
	background:			transparent;
	text-decoration:	underline;
}

#pageBodyContentPadding a:hover
{
	text-decoration:	none;
}

#quickReservation
{
	margin:				1em;
	margin-left:		30px;
	color:				#5f9da0;
	background:			#e8f1f1;
	letter-spacing:		.05em;
}

#form1
{
	margin:				.5em 0;
	padding:			.5em 0;
	border-top:			1px solid #5f9da0;
	border-bottom:		1px solid #5f9da0;
}

#quickReservation h2
{
	margin:				0;
	padding:			0;
	font-size:			1.2em;
	line-height:		1em;
	font-weight:		bold;
}

#quickReservation h3
{
	margin:				.5em 0;
	padding:			0;
	font-size:			1em;
	line-height:		1em;
	font-weight:		bold;
}

#quickReservation p
{
	margin:				0;
	padding:			0;
}

input.selectDate
{
	width: 				18px; 
	height: 			18px;
}

input.searchButton
{
	width:				45px;
	height:				22px;
	float: right;
	margin-right:		5px;
}

.formFieldError 
{
   border:                1px solid red;
}

.errorDescription 
{
   color:                red;
   font-size:            12px;
} 

#form1-errorDescription
{
   color:                red;
}


#news
{
	clear: 				both; 
	color:				#084344;
	background: 		#fff url(/images/newsBackground.gif) 0 10px repeat-x;
	position:			relative;
	height:				34px;
}

#newsBackgroundLeft
{
	color:				#084344;
	background: 		#fff url(/images/newsBackgroundLeft.gif) left top no-repeat;
	position:			absolute;
	left:				0;
	bottom:				0;
	width:				9px;
	height:				24px;
}

#newsBackgroundRight
{
	color:				#084344;
	background: 		#fff url(/images/newsBackgroundRight.gif) left top no-repeat;
	position:			absolute;
	right:				0;
	bottom:				0;
	width:				9px;
	height:				24px;
}

#newsTitle
{
	position:			absolute;
	left:				12px;
	bottom:				0;
	height:				24px;
	font-size:			1.1em;
	line-height:		24px;
	font-weight:		bold;
	color:				#027ed2;
	color:				#5f9da0;
	background:			transparent;
}

#newsItems
{
	position:			absolute;
	left:				132px;
	bottom:				0;
	width:				670px;
	height:				24px;
	overflow:			hidden;
}

.newsItem
{
	display:			none;
	font-size:			1.1em;
	line-height:		24px;
	position:			absolute;
}

.newsItem a, .newsItem a:link, .newsItem a:visited, .newsItem a:active, .newsItem a:hover
{
	color:				#084344;
	background:			transparent;
	text-decoration:	none;
}

.newsItem a:hover
{
	text-decoration:	underline;
}

#dateSelector {
	position:			absolute;
}

#dateSelectorHeader {
	width:				200px;
	height:				18px;
	background-color:	blue;
	color:				white;
	text-align:			center;
	border:				1px solid #888888;
}

#dateSelectorHeader a {
	color:				white;
	text-decoration:	none;
}

#dateSelectorHeader table {
	width:				100%;
}


.dateLayer {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				100%;
	height:				100%;
	z-index:			7;
	background-image:	url('images/transparent.png');
}

#dateSelectorHeader div.arrow {
	width:				15px;
	float:				left;
	font-weight:		bold;
}

#dateSelectorHeader div.month {
	width:				90px;
	float:				left;
	font-weight:		bold;
}

#dateSelectorHeader div.year {
	width:				48px;
	float:				left;
	font-weight:		bold;
}

#dateSelectorMain {
	width:				200px;
	border-left:		1px solid #888888;
	border-right:		1px solid #888888;
	border-bottom:		1px solid #888888;
	text-align:			center;
	background-color:	white;
}

#dateSelectorMain table {
	width:				100%;
}

#dateSelectorMain table td {
	text-align:			center;
	border:				1px solid white;
}

#dateSelectorMain table td a {
	text-decoration:	none;
}

#dateSelectorMain table td.selectedDay {
	border:				1px solid red;
}

div.bekijk {
	color:				blue;
	cursor:				pointer;
	text-decoration:	underline;
}

table.matrix
{
	width:				483px;		
}

table.overview
{
	width:				280px;
}

table.matrix td
{
	padding:			.25em;
}

table.matrix tr.category td
{
	background:			#e8f1f1;
	color:				#5f9da0;
	font-weight:		bold;	
}
	
table.matrix td.matrixCell
{
	border-left:		1px solid #5f9da0;
	text-align:			center;
}

#finaloverview h3 {
	margin-top:			1em;
}