body {
	overflow-y: auto;
	margin: 0; padding: 0;
	text-align: center;
	color: #666;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
   font-size: 12px; 
	background: url("../Webmasters/Images/bg_site.png") left top;
	}

/*** style for elements ***/

a {
	color: #9c4b37;
	text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		}

img {
	border: none;
	}

table {
	margin: 0; padding: 0;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
   font-size: 12px; 
	}

col {
	background: none;
	}

.error {
	color: red;
	font-style: italic;
	}

.button {
	display: inline-block;
	padding: 0 0 0 10px;
	height: 23px;
	color: #fff;
	text-decoration: none;
	background: url("../Webmasters/Images/bg_btn_bgn.png") left top no-repeat;
	}

	.button span {
		display: inline-block;
		padding: 2px 10px 0 0;
		height: 21px!important; height: 23px;
		cursor: pointer;
		background: url("../Webmasters/Images/bg_btn_end.png") right top no-repeat;
		}

.clear-both {
	clear: both;
	margin: 0; padding: 0;
	height: 0px;
	color: #fff;
	border: none; 
	background: #fff;
	}
		
/*** style for common classes ***/

.prices {
	width: 100%;
	}
		
.prices th {
	padding: 0 2px;
	font-size: 10px;
	color: #c00;
	text-align: left;
	border-left: solid 1px #d5ead5;
	background: none;
	}
		
.prices tr td {
	font-size: 11px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	background: #bfd1dd;
	}

.prices tr.odd td {
	background: #d5ead5;
	}

.socialmedia {
	margin-right: 10px;
	}

.backlink {
	color: #666;
	text-decoration: underline;
	}

	.backlink:hover {
		text-decoration: none;
		}

/*** style for headers ***/

h1 {
	margin: 0;
	color: #24408f;
	font-size: 14px;
	font-weight: normal;	
	}

h2 {
	margin: 0;
	color: #24408f;
	font-size: 14px;
	font-weight: normal;	
	}				

/*** style for layout ***/

#body {
	position: relative;
	margin: 0 auto; 
	padding-bottom: 11px;
	width: 930px;
	text-align: left;
	}
										
/*** style for menu ***/

#menu {
	margin: 0 auto;
	height: 44px;
	}

.logo {
	float: left;
	margin: 2px 0 0 11px;
	}

	#menu ul {
		margin: 0; padding: 14px 0 0 0;
		list-style: none;
		text-align: right;
		}

		#menu ul li {
			display: inline;
			margin-right: 9px; padding: 0;
			}

		#menu ul li a {
			padding: 0;
			color: #004678;
			text-decoration: none;
			}

			#menu ul li a:hover {
				text-decoration: underline;
				}

/*** style for themes ***/

#themes {
	clear: both;
	padding: 10px 0 0 11px;	
	height: 31px!important; height: 41px;
	color: #fff;
	background: url("../Webmasters/Images/bg_themes.png") left top no-repeat;
	}		

	#themes a {
		display: inline-block;
		margin-right: 10px;
		height: 31px;
		color: #fff;
		text-decoration: underline;
		background: #3756b0 url("../Webmasters/Images/bg_themetab_left.gif") left top no-repeat;
		}

		#themes a span {
			display: block;
			padding: 5px 10px 0 10px;
			background: url("../Webmasters/Images/bg_themetab_right.gif") right top no-repeat;
			}

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

#logo {
	display: block;
	margin-bottom: 18px;
	}														

/*** style for app ***/

#app {
	margin: 0; padding: 28px 0 10px 30px;
	text-align: left;
	background: #fff url("../Webmasters/Images/bg_app.jpg") left top no-repeat;
	}	

/*** style for homepage content ***/

#columnleft {
	clear: both;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	width: 212px;
	}

#contenthome {
	float: left;
	width: 650px;
	}

#columnright {
	float: left;
	margin-left: 20px;
	overflow: hidden;
	width: 212px;
	}

/*** search ***/

#search {
	float: left;
	margin-bottom: 17px;
	width: 427px; height: 217px;
	background: url("../Webmasters/Images/bg_search.png") left bottom no-repeat;
	}	

	#searchselect {
		margin: 0; padding: 0;
		list-style: none;
		}

		#searchselect li {
			float: left;
			}

			#searchselect li a {
				display: inline-block;
				margin-right: 1px; padding: 6px 0 0 0;
				width: 212px; height: 35px!important; height: 41px;
				text-align: center;
				color: #24408f;
				font-size: 18px;
				background: url("../Webmasters/Images/bg_tab.png") left top no-repeat;					
				}

				#searchselect li.active a {
					background: url("../Webmasters/Images/bg_tab_active.png") left top no-repeat;					
					}

	.criteria {
		clear: both;
		padding: 10px 0 0 20px;
		}

		#searchtab2 {
			display: none;
			}

	.criteria table {
		margin-top: 10px;
		width: 350px;
		background: url("../Webmasters/Images/bg_resultcount.gif") 4px bottom no-repeat;
		}

		#search select {
			width: 140px;
			}

	.criteria table div {
		padding: 6px 0 0 6px;
		font-size: 11px;
		font-style: italic;
		}

	.showbutton {
		padding-top: 8px;
		text-align: right;
		}

/*** specials ***/
			
#specials {
	margin-bottom: 6px;
	width: 212px;
	z-index: 999;
	}

	.tabtitle {
		padding: 6px 0 0 0;
		width: 212px; height: 35px!important; height: 41px;
		text-align: center;
		color: #24408f;
		font-size: 18px;
		background: url("../Webmasters/Images/bg_tab_active.png") left top no-repeat;					
		}

	#specialscontent {
		padding: 0 3px 0 1px;
		color: #2b892b;
		background: url("../Webmasters/Images/bg_columnsmall_mid.png") left top repeat-y;				
		}

		.specialstitle {
			padding: 4px 10px;
			color: #fff;
			background: #2b892b;
			}

		.specialstext {
			padding: 4px 10px 4px 10px;
			}

			.specialstext p {
				margin: 0 0 5px 0;
				}

			.specialstext a {
				text-decoration: underline;
				}	

				.specialstext a:hover {
					text-decoration: none;
					}	

	#specials .btm {
		margin: 0; padding: 0;
		height: 10px; line-height: 10px; font-size: 6px;
		background: url("../Webmasters/Images/bg_columnsmall_btm.png") left bottom no-repeat;
		}	

/*** style for breadcrumb ***/

.breadcrumb {
	margin: 0 0 5px 0; padding: 0;
	height: 18px;
	list-style: none;
	color: #9c4b37;
	text-transform: capitalize;
	}

	.breadcrumb li {
		display: inline;
		}

		.breadcrumb a {
			text-decoration: none;
			}															
		
			.breadcrumb a:hover {
				text-decoration: underline;
				}

		.breadcrumb span.active {
			font-weight: bold;
			}	

/*** style for filters ***/

.filters {
	margin: 0 0 10px 0; padding: 0;
	}

	.filters dt {
		font-weight: bold;
		margin-top: 10px;
		}

		.filters dt.first {
			margin-top: 0;
			}

	.filters dd {
		margin: 0; padding: 0;
		}

	#filters .button {
		margin: 10px 10px 0 0;
		}

/*** style for traveloverview ***/

#columnmid {
	float: left;
	margin: 0;
	width: 640px;
	}

	#columnmidtitle {
		margin: 0; padding: 8px 20px 0 20px;
		height: 20px!important; height: 32px;
		border-bottom: solid 1px #d8d8d8;
		background: url("../Webmasters/Images/bg_columnmid_top.png") left top no-repeat;					
		}

		#columnmidtitle .recent {
			float: none;
			margin: 0 0 10px 0; padding: 0;
			overflow: hidden;
			width: 232px; height: 75px;	
			color: #666;
			font-size: 11px;
			}

	#resultscount {
		margin: 0; padding: 8px 20px;
		text-transform: uppercase;
		border-bottom: solid 1px #d8d8d8;
		background: url("../Webmasters/Images/bg_columnmid_mid.png") left top repeat-y;						
		}

	#columnmidcontent {
		padding: 10px 20px;
		background: url("../Webmasters/Images/bg_columnmid_mid.png") left top repeat-y;				
		}

	#columnmidbtm {
		margin: 0; padding: 0;
		height: 10px; line-height: 10px; font-size: 6px;
		background: url("../Webmasters/Images/bg_columnmid_btm.png") left bottom no-repeat;
		}	

/*** style for pagebrowser ***/

.pagebrowser {
	margin: 0; padding: 6px 10px 8px 0;
	text-align: right;
	font-size: 12px;
	border-top: solid 1px #d8d8d8;
	background: url("../Webmasters/Images/bg_columnmid_btm.png") left bottom no-repeat;
	}
	
	.pagebrowser .number, .pagebrowser span {
		margin-right: 5px;
		color: #666;
		}

		.pagebrowser .number:hover {
			color: #9c4b37;
			}
		
	.pagebrowser span {		
		color: #9c4b37;
		}

		.pagebrowser .previous, .pagebrowser .next {
			color: #666;
			}

			.pagebrowser .previous:hover, .pagebrowser .next:hover {
				color: #9c4b37;
				}

#traveloverview {
	table-layout: fixed;
	}

	#traveloverview td {
		vertical-align: top;
		}

		#traveloverview .comparebegin {
			background: url("../Webmasters/Images/comparebegin.gif") right bottom no-repeat;
			}

		#traveloverview .comparebox {
			vertical-align: middle;
			background: url("../Webmasters/Images/compareline.gif") center top repeat-y;
			}	

	#traveloverview .img img {
		width: 145px;
		}		

	.item h2, .itemhome h2 {
		margin: 4px 0 3px 0; padding: 0 0 4px 0;
		text-align: center;
		font-size: 12px;
		color: #c00;
		text-transform: none;
		}

	.item h3, .itemhome h3 {
		margin: 3px 6px; padding: 0 4px 0 0;
		font-size: 13px; font-weight: normal;
		line-height: 14px;
		}

	.item ul, .itemhome ul {
		margin: 0; padding: 6px;
		list-style: none;			
		}																
	
		.item ul li, .itemhome ul li {
			margin: 0; padding: 0;
			}
											
	.item a.detaillink {
		padding-top: 2px; padding-left: 5px;
		display: block;
		width: 140px!important; width: 145px; 
		height: 22px!important; height: 24px;
		color: #fff;
		background: #56AA56;
		}

.itemdescription {
	padding-right: 10px;
	background: url("../Webmasters/Images/dot.gif") right top repeat-y;
	}

.itemmoreinfo {
	padding-left: 10px;
	}

/*** style for results_country ***/

#results_country {
	position: relative;
	margin: 0; padding: 0 12px;
	height: 147px;
	background: url("../Webmasters/Images/bg_columnmid_mid.png") left top repeat-y;
	}

	#results_country .countrymap {
		float: left;
		width: 230px; height: 147px;
		background-repeat: no-repeat;
		}	
		
	#results_country .regions {		
		position: absolute;
		left: 230px; bottom: 0;
		width: 380px;
		}

		#results_country .regions strong {
			margin: 0;
			font-weight: normal;
			}
	
		#results_country .regions ul {
			float: left;
			margin: 0; padding: 0;
			overflow: hidden;
			width: 190px;
			list-style: none;
			}								
	
			#results_country .regions li {
				margin: 2px 0; padding: 0; 
				}
		
				#results_country .regions li.selected a {
					font-weight: bold;
					}

/*** style for columnsmall ***/

#columnsmall {
	float: left;
	margin: 0; padding: 0;
	width: 212px;
	}

	#columnsmall.easy {
		position: relative;
		margin: 53px 0 0 0; padding: 0;
		width: 212px; height: 163px;
		}

	#columnsmall .title {
		margin: 0; padding: 7px 0 7px 11px;
		border-bottom: solid 1px #d8d8d8;
		background: url("../Webmasters/Images/bg_columnsmall_top.png") left top no-repeat;
		}

		#columnsmall.easy .title {
			border-bottom: none;
			}

		#columnsmall .title_small {
			margin: 0; padding: 0;
			height: 10px; line-height: 10px; font-size: 6px;
			background: url("../Webmasters/Images/bg_columnsmall_top.png") left top no-repeat;
			}	

	#columnsmall .link {
		margin: 0; padding: 7px 0 7px 11px;
		border-bottom: solid 1px #d8d8d8;
		}

	#columnsmall .content {
		margin: 0; padding: 1px 11px;
		background: url("../Webmasters/Images/bg_columnsmall_mid.png") left top repeat-y;
		}

		#columnsmall .content h2 {
			margin: 10px 0;
			}

		#columnsmall.easy .content {
			margin: 0; padding: 6px 0 0 64px;
			background: url("../Webmasters/Images/bg_columnsmall_mid.png") left top repeat-y;
			}

		#columnsmall .content p {
			margin: 0 0 8px 0;
			}

			#columnsmall .socialbuttons img {
				position: relative;
				top: 3px;
				margin: 0 2px;
				}

/*** style for highlight ***/

#highlights {
	clear: both;
	}

	#highlights #columnsmall .title {
		border-bottom: none;
		}

	#highlights .content {
		margin: 0; padding-bottom: 10px;
		overflow: hidden;
		height: 165px;
		color: #666;
		font-size: 11px;
		}

		#highlights .content a {
			color: #666;
			text-decoration: underline;
			}

			#highlights .content a:hover {
				text-decoration: none;
				}

	#columnsmall .btm {
		margin: 0; padding: 0;
		height: 10px; line-height: 10px; font-size: 6px;
		background: url("../Webmasters/Images/bg_columnsmall_btm.png") left bottom no-repeat;
		}

	#employee {
		position: absolute;
		left: 1px; bottom: 6px;
		}
	
	#logos {
		padding-right: 6px;
		text-align: right;
		}

		#logos img {
			margin-left: 7px;
			}
			
/*** style for columnlarge ***/

#columnlarge {
	margin: 0;
	width: 872px;
	}

	#columnlargetitle {
		margin: 0; padding: 8px 20px 0 20px;
		height: 20px!important; height: 32px;
		border-bottom: solid 1px #d8d8d8;
		background: url("../Webmasters/Images/bg_columnlarge_top.png") left top no-repeat;					
		}

	#columnlargecontent {
		padding: 10px 20px 5px 20px;
		min-height: 75px; height: auto!important; height: 75px; 
		background: url("../Webmasters/Images/bg_columnlarge_mid.png") left top repeat-y;				
		}

		#columnlargecontent.compare {
			padding: 0 20px;
			}

	#columnlargebtm {
		margin: 0; padding: 0;
		height: 10px; line-height: 10px; font-size: 6px;
		background: url("../Webmasters/Images/bg_columnlarge_btm.png") left bottom no-repeat;
		}

		#columnlargebtm.line {
			height: 20px;
			border-top: solid 1px #d8d8d8;
			}

/*** style for recent ***/

.recent {
	float: left;
	margin: 0 10px 0 0; padding: 0;
	overflow: hidden;
	width: 232px; height: 75px;	
	color: #666;
	font-size: 11px;
	}
	
	.recentimage {
		float: left;
		overflow: hidden;
		margin-right: 7px;
		width: 111px; height: 75px;
		}

		.recentimage img {
			width: 111px;
			}

		.recenttext {
			float: left;
			width: 110px;
			}

	.recent a {
		color: #666;
		}

		.recent a:hover {
			text-decoration: none;
			}	

/*** style for newsletter subscriptionform on homepage ***/

#newslettersubscription {
	width: 185px;
	}											

	#newslettersubscription tfoot td {
		text-align: right;
		}	

#subscribesstatus {
	position: absolute;
	left: 50px; top: 100px;
	margin: 0; padding: 0 12px;
	width: 263px!important; width: 287px; height: 298px;
	text-align: center;
	background: url("../Webmasters/Images/bg_country_overview.png") no-repeat;
	}

/*** style for catalogue ***/

#catalogoverview {
	margin: 0; padding: 0;
	}

	.item {
		float: left;
		overflow: hidden;
		margin: 0 10px 10px 0;
		width: 146px;
		border: solid 1px #ccc;
		}

	.item a.img {
		height: 100px;
		}

/*** style for accomodation photos ***/

#photos {
	position: relative;
	float: left;
	margin: 0 4px 5px 0; padding: 0;
	overflow: hidden;
	width: 582px; height: 295px;
	background: #fff;
	}

	#photolarge {
		float: left;
		overflow: hidden;
		width: 450px; height: 295px;		
		}

		#photolarge img {
			width: 460px;
			}
	
	#photos h1  {
		position: absolute;
		left: 0; bottom: 0;
		z-index: 999;
		margin: 0; padding: 10px 30px 4px 8px;
		width: 412px!important; width: 450px;
		color: #fff;
		font-size: 27px;
		text-transform: uppercase;
		background: url("../Webmasters/Images/bg_hotelname.png") left top repeat-x;
		}

		#photos h1 span  {
			display: block;
			line-height: 16px;
			text-transform: none;
			}

	#distances {
		position: absolute;
		right: 132px; bottom: 0;
		z-index: 999;
		padding: 2px 2px 3px 2px;
		color: #000;
		font: bold 11px Arial, sans-serif;
		text-align: center;
		background: #fff;
		}

		#distances span {
			display: block;
			margin-bottom: 1px; padding: 32px 0 2px 0;
			width: 44px;
			}

			#distances #utrecht {
				background: url("../Webmasters/Images/distance_utrecht.png") no-repeat;
				}

			#distances #airport {
				background: url("../Webmasters/Images/distance_airport.png") no-repeat;
				}

			#distances #court {
				background: url("../Webmasters/Images/distance_court.png") no-repeat;
				}

	#photocolumn {
		float: left;
		width: 130px;
		border-left: solid 2px #fff;
		background: #fff;
		}							

		#photocolumn div {
			overflow: hidden;
			margin-bottom: 2px;
			width: 130px; height: 97px;
			}

			#photocolumn div img {
				height: 105px;				
				}

			#photocolumn div.last {
				margin-bottom: 0;
				}

/*** style for rating ***/

#rating {
	float: right;
	margin: 5px 0 0 0; padding: 6px 11px 0 11px;
	width: 112px!important; width: 134px; height: 78px!important; height: 84px;
	text-align: center;
	background: url("../Webmasters/Images/bg_rating.png") left top no-repeat;
	}

	#rating span {
		display: block;
		}

	#rating .customer {
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		}

	#rating .score {
		font-size: 24px;
		}

/*** style for country overview ***/

#country_overview {
	float: left;
	position: relative;
	margin: 0; padding: 0 12px;
	width: 274px!important; height: 298px;
	background: url("../Webmasters/Images/bg_country_overview.png") no-repeat;
	}
		
	#country_overview h2 {
		margin: 0; padding: 0;
		font-size: 42px;
		}

		#country_overview h2 a {
			color: #24408f;
			text-decoration: none;
			}

	#country_overview h2 a:hover {
		text-decoration: underline;
		}

.countryimage {
	width: 284px; height: 295px;
	background-position: center 50px;
	background-repeat: no-repeat;
	}	
				
/*** style for region overview ***/
		
.region_overview {
	position: absolute;
	left: 10px; bottom: 10px;
	}

	.region_overview strong {
		display: block;
		margin: 0;
		font-weight: normal;
		}
	
	.region_overview ul {
		float: left;
		margin: 0; padding: 0;
		overflow: hidden;
		width: 135px;
		list-style: none;
		}								
	
		.region_overview li {
			margin: 2px 0; padding: 0; 
			}
		
			.region_overview li.selected a {
				font-weight: bold;
				}

/*** style for item detail ***/

#shorttext {
	float: left;
	margin: 0 4px 20px 0; padding: 0;
	width: 582px;
	color: #000;
	font-size: 11px;
	line-height: 16px;
	}

#itemdetail {
	clear: both;
	margin: 0 30px 15px 0; padding: 0;
	}

	#itemdetail #columnsmall {
		float: right;
		}		

#buttons {
	position: absolute;
	right: 20px; top: 30px;
	width: 80px;
	text-align: right;
	}

	#buttons .button {
		margin-bottom: 8px;
		}

/*** style for tabs ***/

#tabs {
	clear: both;
	position: relative;
	margin: 5px 0; padding: 0;
	height: auto!important; height: 100px;
	}

.book {
	position: absolute;
	right: 25px; top: 31px;
	display: block;
	padding-top: 5px;
	width: 92px; height: 23px!important; height: 28px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: url("../Webmasters/Images/bg_btn.jpg") no-repeat;
	}

	.book:hover {
		text-decoration: none;
		}		
			
#tabselect {
	margin: 0; padding: 0;
	list-style: none;
	font-size: 11px;
	}
				
	#tabselect li {
		float: left;
		margin: 0; margin-right: 2px; padding: 0;
		text-align: center;
		background: url('../Webmasters/Images/tab-left.gif') left top no-repeat;
		}
						
		#tabselect li a {
			display: block;
			margin: 0; padding: 4px 9px 0 9px;
			color: #666;
			background: url('../Webmasters/Images/tab-right.gif') right top no-repeat;						
			}

			#tabselect a:hover {
				color: #56aa56;
				text-decoration: none;
				}

		#tabselect li.active {
			background: url('../Webmasters/Images/tab-left-active.gif') left top no-repeat;
			}
						
			#tabselect li.active a {
				color: #56aa56;
				background: url('../Webmasters/Images/tab-right-active.gif') right top no-repeat;					
				}												

#tab1, #tab2, #tab3, #tab4, #tab5 {
	clear: both;
	overflow-x: hidden; overflow-y: auto;
	margin: 0; padding: 10px 100px 10px 10px;
	width: 760px!important; width: 870px;		
	height: 280px!important; height: 300px;
	border: solid 1px #ccc;
	}

	#tab2, #tab3, #tab4, #tab5 {
		display: none;
		}

/*** style for tabphotos ***/

#tabphotos {
	margin: 0; padding: 0;
	width: 600px;
	list-style: none;
	}

	#tabphotos li {
		float: left;
		margin: 0 10px 10px 0; padding: 5px;
		width: 170px;
		text-align: center;
		border: solid 1px #cccccc;		
		}

		#tabphotos li a {
			display: block;
			overflow: hidden;
			width: 160px; height: 100px;	
			}

			#tabphotos li a img {
				width: 160px;		
				}												
		
/*** style for freepage ***/

#freepage {
	clear: both;
	margin: 0; padding: 12px;
	background: #fff;
	}

	#freepage strong a {
		color: #000;
		}				
				
/*** style for compare ***/

#compare {
	table-layout: fixed;
	background: url('../Webmasters/Images/bg_compare.png') left top repeat-y;
	}

	#compare td {
		vertical-align: top;
		padding: 3px 10px;
		text-align: justify;
		}

		#compare td img {
			margin: 10px 0;
			}

		#compare td.facility {
			padding-left: 20px;
			}

#properties {
	vertical-align: top;
	padding-left: 10px;
	width: 200px;
	}

.compareitem {
	width: 220px;
	border-right: solid 1px #d1d1d1;
	}

	.compareitem td {
		padding: 0 10px;
		text-align: justify;
		}

/*** style for reactionform ***/

.reactionform {
	padding: 1em;
	}

	.reactionform th {
		vertical-align: middle;
		text-align: left;
		font-weight: normal;
		}

	.reactionform td {
		padding: .2em;
		vertical-align: middle;
		}	

		.reactionform td.sectionlabel {
			color: #1811ad;
			}

		.reactionform td.fieldinstruction {
			font-size: 11px;
			}

		.reactionform td.travelinstruction {
			color: #9c4b37;
			}

	.reactionform table {
		width: 100%;
		}

		.reactionform table th {
			padding-top: 5px;
			}

	.reactionform tfoot {
		text-align: right;
		}

		.reactionform tfoot td {
			padding: .5em 0;
			}

/*** style for footer ***/

#footer {
	clear: both;
	margin: 0; padding: 12px 0 0 0;
	height: 29px!important; height: 41px;
	text-align: center;
	color: #5b6305;
	font: italic 11px Arial, sans-serif;
	background: url("../Webmasters/Images/bg_footer.png") left bottom no-repeat;
	}

	#footer p {
		margin: 0;
		}