/** COLORS **
#555555		Gray			Text color
#e4e4e4		Light Gray		Border color
#999999		Light Gray		Footer text

#0b8ddb		Blue			Part of Logo
#820758		Purple			Part of Logo
#cb1d11		Red				Part of Logo
#d9dd02		Lime/Green		Part of Logo
*/



/** BASIC STYLES **/

* {
	/*color: #555555;*/
	font-family: Arial, sans-serif;
	}
	
a:link, a:visited, a:active, a:hover {
	color: #555555;
}
body {
	background: #ffffff url('/img/frontend/clouds.jpg') repeat-x;
	font-size: 70%;
	line-height: 1.4;
	font-family: Arial, sans-serif;
	color: #555555;
	}
h1, h2, h3 {
	font-weight: normal;
	line-height: 1.2;
	}

h1 { font-size: 170%; }
h2 {
	font-size: 150%;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
 }
h3 { font-size: 130%; }

.bold { font-weight: bold; }


a.greenArrowRight:link, a.greenArrowRight:visited {
	background:transparent url(/img/frontend/arrow.png) no-repeat scroll right center;
	display:block;
	padding-right:20px;
	text-align:right;
	text-decoration:none
}
p.seperator {
	padding: 0 0 10px 0;
	margin: 0 0 25px 0;
	clear: both;
	border-bottom: 1px solid #e4e4e4;
}

/** LAYOUT **/

#container {
	width: 921px;
	margin: 15px auto 0px auto;
	padding: 20px 25px 0px 20px;
	min-height: 945px;
	background: url('/img/frontend/shadow.png') no-repeat;
	}


#header {
	height: 91px;
	}
#logo {
	width: 220px;
	float: left;
	}
#language {
	width: 653px;
	padding-right: 10px;
	float: right;
	height: 37px;
	line-height: 37px;
	margin-bottom: 10px;
	text-align: right;
	background: #f2f2f2 url('/img/frontend/bg-language.gif') no-repeat;
	}

/** VALIDATION **/
.validation-advice{
	color:red;
	margin-left:5px;
}

/** NAVIGATION **/

#navigation {
	width: 663px;
	height: 37px;
	float: right;
	}
	#nav {
		overflow: auto;
		list-style: none;
		background: url('/img/frontend/bg-nav.gif') no-repeat;
		height: 37px;
		}
	#nav li {
		float: left;
		height: 25px;
		line-height: 25px;
		padding: 0px 8px 0px 9px;
		margin: 6px 0px;
		border-left: 1px solid #e4e4e4;
		}
	#nav li.first {
		border-left: 0;
		}
	#nav li a {
		font-size: 120%;
		text-decoration: none;
		}
	#nav li a:hover {
		color: #820758;
		}
	#nav li.active a,
	#nav li.active a:hover {
		color: #0b8ddb;
		}


#visual {
	clear: both;
	width: 921px;
	height: 276px;
	position: relative;
	background: url('/img/frontend/visual.jpg') no-repeat;
	}
	#quickSearch {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 561px;
		height: 108px;
		padding: 0 0 0 15px;
		}
	#quickSearch .field {
		width: 129px;
		height: 34px;
		padding: 8px 5px 10px 5px;
		float: left;
		margin-right: 1px;
		background: #3ca4e2;
		}
	#quickSearch .searchHeader,
	#quickSearch .searchHeader div,
	#quickSearch .searchHeader h2,
	#quickSearch label {
		color: #ffffff;
		}
	#quickSearch .searchHeader,
	#quickSearch .searchHeader div {
		font-size: 14px;
		line-height: 1;
		/*margin: 0px 0px 15px 5px;*/
		}
	#quickSearch .searchHeader h2{
		float:left;
	}
	#quickSearch .searchHeader div{
		float:right;		
	}
	#quickSearchnofResults{
		color: #ffffff;
	}
	
	#quickSearch #searchForm {
		clear: both;
	}
	#quickSearch label {
		display: block;
		line-height: 14px;
		}
	#quickSearch select {
		width: 129px;
		}
	#btnQuickSearch {
		color: #ffffff;
		font-size: 130%;
		margin-top: 16px;
		margin-left: 44px;
		}
	
	/*VISUAL SMALL*/
	#visual.small {
		/*height: 85px;*/
		height: 75px;
		background: url('/img/frontend/visual_small.jpg') repeat-y;
	}
		#visual.small #quickSearch {
			/*height: 80px;*/
			height: 65px;
		}
		
		#visual.small #quickSearchIndicator {
			display: none !important;
			height: 20px;
		}


/** CONTENT **/

#content {
	padding-top: 25px;
	}

#homeIntro {
	width: 204px;
	padding-right: 15px;
	float: left;
	}
#homeIntro h1 {
	color: #820758;
	margin-bottom: 10px;
	}
	
/* itemslider */
#itemSlider {
	float: left;
	width: 702px;
	height: 180px;
	margin-bottom: 15px;
	background: url('/img/frontend/slider-border.gif') no-repeat right bottom;
	}
#itemSlider h3 a {
	color: #0b8ddb;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	}
#itemSlider .coll .content {
	margin-top: 5px;
	}
#itemSlider .coll .btm {
	height: 89px;
	}
#itemSlider .coll img {
	float: left;
	margin-right: 5px;
	}
#itemSlider .coll strong {
	font-size: 130%;
	}
#itemSlider .info {
	height: 73px;
	}
#itemSlider .readmore a {
	display: block;
	width: 16px;
	height: 16px;
	padding-right: 0;
	overflow: hidden;
	text-align:left;
	text-indent: -999em;
	}

#sliderControls {
	text-align: right;
	float:right;
	padding-top:8px;
	}
div.coll {
	width: 219px;
	float: left;
	margin-left: 15px;
	}
div.block {
	padding-top: 10px;
	background: #e4e4e4 url('/img/frontend/corners-coll-top.gif') no-repeat;
	}
div.block .btm {
	height: 177px;
	padding: 0px 10px 10px 10px;
	background: url('/img/frontend/corners-coll-bottom.gif') no-repeat center bottom;
	}
div.block h2 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
#events .item {
	height: 35px;
	margin-bottom: 5px;
	}
#events .item .date {
	width: 29px;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	font-size: 90%;
	background: #0b8ddb url('/img/frontend/bg-event-date.gif') no-repeat;
	}
#events .item .date span {
	font-size: 170%;
	font-weight: bold;
	color: #ffffff;
	}
#events .item p {
	height: 35px;
	float: left;
	}
#events .item .info {
	width: 160px;
	padding-left: 10px;
	background: #ffffff url('/img/frontend/bg-event-item.gif') no-repeat;
	}
#events .item .info span {
	font-weight: bold;
	}
#events .item a {
	text-decoration: none;
	}

#events .readmore {
	text-align: right;
	padding-top: 10px;
	padding-left: 70px;
	clear: both;
	}

#newsletter form {
	margin-top: 7px;
	}
#newsletter .field {
	clear: both;
	margin-bottom: 5px;
	}
#newsletter label {
	display: block;
	clear: both;
	}
#newsletter input {
	width: 194px;
	}
#newsletter .formButton {
	margin-top: 10px;
	width: 80px;
	margin-left: 117px;
	text-align: left;
	}

p.banner img {
	display: block;
	}
#banner1 {
	margin-bottom: 15px;
	}


/** FOOTER **/

#footer {
	clear: both;
	height: 120px;
	padding-top: 20px;
	padding-bottom: 30px;
	background: url('/img/frontend/footer-colors.gif') no-repeat center bottom;
	}
	#tags {
		width: 665px;
		height: 90px;
		padding: 15px;
		float: left;
		background: #e4e4e4;
		}
	#copyright {
		width: 195px;
		height: 90px;
		padding: 15px;
		float: right;
		background: #e4e4e4;
		}
	#copyright p {
		margin-top: 55px;
		}
	#tags a,
	#copyright * {
		color: #999999;
		text-decoration: none;
		}

		
		
/** SEARCH RESULTS **/
.accIcons img{
	margin-right:5px;
}

#searchresults {
	width: 677px;
	float: left;
	padding: 0 18px 0 0;
	border-right: 1px solid #dddddd;
	/*background: pink;*/
}
	#searchresults h1 {
		color: #820758;
		margin: 0 0 25px 0;
	}

	#searchresults #sorting ul{
		list-style: none;
		margin: 10px 0;
	}
		#searchresults #sorting ul li {
			display: inline;
		}
		#searchresults #sorting ul li a {
			text-decoration: none;
			margin: 0 4px;
		}
			#searchresults #sorting ul li a.first {
				margin-left: 10px;
			}
			#searchresults #sorting ul li a.active_desc, #searchresults #sorting ul li a.active_asc {
				background: transparent url(/img/frontend/sort_arrow.gif) no-repeat center right;
				padding: 0 13px 0 0;
				color: #0b8ddb;
			}
			#searchresults #sorting ul li a.active_desc {
				background: transparent url(/img/frontend/sort_arrow_desc.gif) no-repeat center right;
			}

	#searchresults div.result {
		overflow: hidden;
		padding: 10px 10px 4px 10px;
		width: 657px;
		background: #ececec url(/img/frontend/search-result_bg.gif) no-repeat 0px -6px;
	}
		#searchresults div.result div.resultHeader {
			/*background: orange;*/
			overflow: auto;
			height: 29px;
			
		}
			#searchresults div.result div.resultHeader h2 {
				float: left;
				font-weight: bold;
				color: #0b8ddb;
			}
				#searchresults div.result div.resultHeader h2 em {
					font-weight: normal;
					font-style: normal;
					font-size: 80%;
					color: #555555;
				}
			#searchresults div.result div.resultHeader p {
				float: right;
				font-weight: bold;
				font-size: 165%;
				line-height: 1;
			}

		#searchresults div.result div.resultImage {
			float: left;
			margin: 0 10px 0 0;			
			height: 89px;
		}

		/*RESULTSPECS*/
		#searchresults div.result ul.resultSpecs {
			display: block;
			width: auto;
			/*float: left;*/
			list-style: none;
			background: yellow;
		}
			#searchresults div.result ul.resultSpecs li {
				
				display: block;
				float: left;
				width: 161px;
				
				/*width: 157px;*/
				height: 46px;
				padding: 7px;
				margin: 0 1px 0 0;
				background: #e0e0e0;
			}
				#searchresults div.result ul.resultSpecs li .smallMap {
					width: 44px;
					height: 44px;
					margin: 0 7px 0 0;
					background: transparent url(/img/frontend/map_zeeland.gif) no-repeat 0px 0px;
					float: left;
				}
				#searchresults div.result ul.resultSpecs li .greenArrowRight {
					margin: 27px 0 0 0;
				}
				
				
				/*iconset*/
				div.iconset {
					overflow: auto;				
				}
					#searchresults div.result ul.resultSpecs li div.iconset {
						padding: 8px 0 0 0;
					}
	
					div.iconset div span {
						display: block;
						float: left;
						width: 16px;
						height: 16px;
						margin: 0 3px 3px 0;
						padding: 0;
						background: url(/img/frontend/spec_icons.gif) no-repeat;
						text-indent: -999em;
					}
						div.iconset div.showtext {
							margin: 4px 0 0 0;
						}
							div.iconset div.showtext span {
								width: auto;
								float: none;
								text-indent: 20px;
							}
					div.iconset div span.max16 {background-position: 0px -16px;}
					div.iconset div span.wasmachine {background-position: 0px -32px;}
					div.iconset div span.droger {background-position: 0px -48px;}
					div.iconset div span.rolstoel {background-position: 0px -64px;}
					div.iconset div span.hond {background-position: 0px -80px;}
					div.iconset div span.wifi {background-position: 0px -96px;}

		
		#searchresults span.bottom {
			display: block;
			clear: both;
			height: 6px;
			/*width: 677px;*/
			margin: 0 0 10px 0;
			background: #ececec url(/img/frontend/search-result_bg.gif) no-repeat 0px 0px;
			font-size: 0px;
		}

/** NARROW RESULTS **/

	#narrowResults {
		display: block;
		width: 219px;
		/*background: pink;*/
		float: right;
	}
		#narrowResults h1 {
			color: #820758;
			margin: 0 0 25px 0;
		}
		
		#narrowResults #filterBox {
			margin: 10px 0 0 0;
		}
			/*#narrowResults #filterBox a:link, #narrowResults #filterBox a:visited{*/
			#narrowResults #filterBox label{
				cursor:pointer;cursor:hand;
				display: inline;
				float: left;
				width: 101px;
				height: 16px;
				margin: 0 0 3px 0;
				padding: 0 0 0 3px;
				background: transparent url(/img/frontend/filter_btn.gif) no-repeat top left;
				text-decoration: none;
			}
			/* #narrowResults #filterBox a:hover, #narrowResults #filterBox a:active { */
			#narrowResults #filterBox label {
				background-position: 0px -16px;
			}
			/*#narrowResults #filterBox a.odd:link, #narrowResults #filterBox a.odd:visited  {*/
			#narrowResults #filterBox label.odd {
				margin-right: 11px;
			}
			/*#narrowResults #filterBox a.active:link, #narrowResults #filterBox a.active:visited {*/
			#narrowResults #filterBox label.active {
				background-position: 0px -32px;
				color: white;
			}

			
			

/********************/
/**	SIDEBAR LEFT	*/

#sidebarLeft {
	width: 204px;
	float: left;
	padding: 0 15px 0 0;
	border-right: 1px solid #dedcdc;
}
	#sidebarLeft h2 {
		color: #820758;
	}

	.sidebarblock {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #dedcdc;
	}
		.sidebarblock ul {
			list-style: none;
			margin: 0 0 10px 0;
			/*background: orange;*/
		}
			.sidebarblock ul li {
				/*background: yellow;*/
				overflow: auto;
				margin: 0 0 4px 0;
			}
				.sidebarblock ul li a {
					text-decoration: none;
				}
				
					.sidebarblock ul li a span,
					.sidebarblock ul li a img
					 {
						display: block;
						float: left;
						width: 29px;
						height: 35px;
						margin: 0 10px 0 0;
						background: url(/img/frontend/event_thumb_bg.gif) no-repeat top left;
						text-align: center;
						color: white;
						font-size: 10px;
						line-height: 16px;
					}
						.sidebarblock ul li a span em {
							display: block;
							clear: both;
							font-style: normal;
							font-size: 16px;
							line-height: 11px;
							font-weight: bold;
						}

				.sidebarblock ul li a p {
					display: block;
					margin: 2px 0 0 0;
					/*background: green;*/
				}
					.sidebarblock ul li a p em {
						display: block;
						font-weight: bold;
						font-style: normal;
					}

	
		ul.lastviews {
			color:#d9dd02;
			list-style: square;
		}
			ul.lastviews li {
				overflow: visible;
				margin: 0 0 0 12px;
			}
				ul.lastviews li a p {
					font-weight: normal;
				}
				ul.lastviews li a p em {
					display: inline;
					font-weight: bold;
				}
				
				

			
			
			
			
			
			
/*****************/			
/** HUISDETAILS **/

#huisdetails {
	width: 687px;
	float: right;
	/*background: lightblue;*/
}


	#paging {
		/*background: orange;*/
		margin: 0 0 25px 0;
	}
		#paging ul {
			list-style: none;
			overflow: auto;
		}
			#paging ul li {
				display: inline;
			}
				#paging ul li a {	
					text-decoration: none;
					padding: 0 20px;
					float: left;
				}
					#paging ul li.prev a {
						background: url(/img/frontend/arrow_left.gif) no-repeat center left;
					}
					#paging ul li.back a {
						margin: 0 0 0 123px;
						background: url(/img/frontend/arrow_up.gif) no-repeat center left;
					}
					#paging ul li.next a {
						float: right;
						background: url(/img/frontend/arrow.gif) no-repeat center right;
					}


	div.detailIntro {
		overflow: auto;
		/*background: pink;*/
	}
		div.detailIntroImage {
			float: left;
			width: 199px;
			padding: 10px 10px 0px 10px;
			background: #e4e4e4 url(/img/frontend/detail_thumb_bg.gif) no-repeat 0px -6px;
			text-align: center;
		}
			div.detailIntroImage span.bottom {
				background: url(/img/frontend/detail_thumb_bg.gif) no-repeat 0px 0px;
				display: block;
				width: 219px;
				height: 6px;
				margin: 0 -10px;
				overflow: hidden;
			}
		
		div.detailIntroHeader {
			float: right;
			width: 453px;
			height: 41px;
			margin: 0 0 0 10px;
		}
			div.detailIntroHeader h2 {
				padding: 0 0 2px 0;
				margin: 0 0 3px 0;
				border-bottom: 1px solid #e4e4e4;
				color: #0b8ddb;
			}
			
			
			
			
			
		#book {
			background: #e4e4e4;
			float: right;
			width: 433px;
			padding: 5px 10px;
		}
			#book fieldset {
				width: 90px;
				height: 97px;
				padding: 10px;
				float: left;
				overflow: auto;
				overflow: hidden;
				background: #efefef;
			}
				#book fieldset p {
					margin: 0 0 4px 0;
					margin: 0;
					padding: 0;
					overflow: hidden;
					line-height: 10px;
					margin: 0 0 4px 0;
				}
					#book fieldset p input {
						margin: 0 10px 0 0;
						float: left;
						padding: 0px;
						line-height: 1px;
					}
					#book fieldset p label span {
						float: left;
					}
					#book fieldset p label em {
						float: right;
					}
					
				#book fieldset.col1 label {
					margin: 0 0 15px 0;
					display: block;
				}
					#book fieldset select {
						width: 90px;
						border: 1px solid #e4e4e4;
					}
				
				#book fieldset.col2 {
					width: 191px;
					margin: 0 1px;
				}
				
				#book fieldset span.inputbutton {
					float: right;
					
					background: url(/img/frontend/btn_arrow_purple.gif) no-repeat top left;
					padding: 0;
					margin: 78px 1px 0 0;

				}
					
					#book fieldset span.inputbutton input {
						background: url(/img/frontend/btn_arrow_purple_right.gif) no-repeat top right;
						padding: 0 16px 0 0;
						margin: 0 -1px 0 0;
						border: none;
						color: white;
					}

		
	/************/	
	/*	TABS	*/

	#detailTabs {
		overflow: auto;
		margin: 25px 0 0 0 ;	
	}	
	#detailTabsIndex {
		background: url(/img/frontend/detail_tab_fill.gif) repeat-x top left;
	}
		#detailTabsIndex ul {
			list-style: none;
			overflow: auto;
			background: url(/img/frontend/detail_tab_left.gif) no-repeat top left;
			padding: 0 0 0 1px;
		}
			#detailTabsIndex ul li {
				padding: 0 0 0 10px;
				display: block;
				float: left;
				background: url(/img/frontend/detail_tab.gif) no-repeat top left;
			}
				#detailTabsIndex ul li a {
					display: block;
					padding: 5px 20px 0 0;
					height: 39px;
					text-decoration: none;
					background: url(/img/frontend/detail_tab_right.gif) no-repeat top right;
				}
				
			#detailTabsIndex ul li.active {
				background: url(/img/frontend/detail_tab_active.gif) no-repeat top left;
			}
				#detailTabsIndex ul li.active a{
					background: url(/img/frontend/detail_tab_right_active.gif) no-repeat top right;
				}
				
	/*TAB GRID FRAMEWORKJE*/
		.grid1, .grid2, .grid3 {
			display:inline;
			float:left;
			margin-left:10px;
			margin-right:10px;
		}
		.grid1 { width: 209px; } 
		.grid2 { width: 438px; } 
		.grid3 { width: 667px; }

		.alpha {
			margin-left:0;
		}
		.omega {
			margin-right:0;
		}
		.tab h2 {
			/*border: 1px solid red;*/
		}
		.gridclear {
			clear:both;
			display:block;
			height:0;
			overflow:hidden;
			width:0;
		}
		.gridBorderRight {
			border-right: 1px solid #E4E4E4;
			padding-right: 9px;
			margin-right: 0px;
		}
	
	/*TAB CONTENT*/
	.tab h2 {
		color: #0b8ddb;
	}
	
	/*fotoindex*/
	.tab div.fotoindex {
		overflow: auto;
		margin: 0 0 10px 0;
	}
	.tab div.fotoindex a:link, .tab div.fotoindex a:visited {
		display: block;
		float: left;
		margin: 0 4px 0 0;
		border: 3px solid white;
		line-height: 0;
	}
		.tab div.fotoindex a:hover, .tab div.fotoindex a:active {
			border: 3px solid #0b8ddb;
		}
		.tab a.fotoindexLast {
			margin: 0 !important;
		}
		
	/*voorzieningen*/
	.tab div.voorzieningen {
		backgrond: orange;
	}


/*****************/
/** RESERVEREN **/
	
	#reserveren {
		width: 687px;
		float: right;
		/*background: yellow;*/
	}
		#reserveren h2 {
			color: #0b8ddb;
			margin-bottom: 25px;
		}
		#reserveren ul.voortgang {
			padding: 3px 5px;
			background: #0b8ddb;
			list-style: none;
			overflow: auto;
		}
			#reserveren ul.voortgang li {
				display: block;
				float: left;
				margin: 0 1px 0 0;
				padding: 5px 30px 5px 5px;
				background: #3ca4e2;
				color: #9ed2f1;
			}
			#reserveren ul.voortgang li.active {
				color: white;
			}
		
		#reserveren form {
			overflow: auto;
			background: #f2f2f2;
		}
			#reserveren form h2 {
				color: #0b8ddb;
				margin: 10px 0 10px 10px;
			}
			#reserveren form p {
				overflow: auto;
				/*background: orange;*/
				margin: 0 0 1px 0;
				line-height: 20px;
			}
			#reserveren form p span.price {
				width: 100px;
				text-align: right;
			}
			#reserveren form p.totals {
				margin: 5px 0 0 0;
				padding: 3px 0;
				background: #ebebeb;
				font-weight: bold;
			}
				#reserveren form p.totals span.grid2 {
					text-align: right;
				}
			
			#reserveren form p.grandtotal {
				border-bottom: 1px solid #dedcdc;
				padding: 0 0 25px 0;
				
				color: #0b8ddb;
				font-size: 14px;
				font-weight: bold;
			}
				#reserveren form p.grandtotal span.line{
					display: block;
					margin: 20px 10px 5px 10px;
					border-top: 1px dotted #0b8ddb;
				}
				#reserveren form p.grandtotal span.grid2 {
					text-align: right;
				}
			
			#reserveren select {
				width: 200px;
				border: 1px solid #dedcdc;
			}
			#reserveren input,
			#reserveren label
			{
				float: left;
			}
			#reserveren span.radio input, #reserveren span.radio label{
				float: none;
			}
			
			


			
			
			
			
			
/** CLASSES **/

.readmore a:link, .readmore a:visited {
	display: block;
	padding-right: 20px;
	text-decoration: none;
	text-align: right;
	background: url('/img/frontend/arrow.png') no-repeat right center;
	}
.formButton {
	border: 0;
	padding-right: 20px;
	background: url('/img/frontend/arrow.png') no-repeat right center;
	}

/** ACCOMMODATION DETAILS **/
table.accRooms{
	width:350px;
	border-top:1px solid #e1e1e1;
	}
table.accRooms tbody tr td{
	vertical-align:top;
	border-bottom:1px solid #e1e1e1;	
	}
table.accRooms tbody tr.even td{
	background-color:#F2F2F2;
	}
table.accRooms tbody tr td.col-1{
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;		
	}
a.size80 { font-size: 100%; }
a.size90 { font-size: 120%; }
a.size100 { font-size: 140%; }
a.size110 { font-size: 160%; }
a.size120 { font-size: 180%; }