/*******************************************************************************
* DEFAULT
*******************************************************************************/
body
{
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	color: #444;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

table { border: 1px solid #B1B1B1; padding: 0px; margin: 0px; border-spacing: 1px; }
table thead { text-align: left; font-weight: bold; background-color: #B1B1B1; color: #fff; }
table tbody { background-color: #FCFCFC; }
table tbody tr:hover { background-color: #F0F0F0; }
table th, td { padding: 3px; }

/*******************************************************************************
* FORMS
*******************************************************************************/
h1
{
	font-size: 15px;
	font-family: "Century Gothic";
}

h2 { font-size: 12px; margin: 0px; }

img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

input, select
{
	font-size: 11px;
}

form
{
	padding: 0px;
	margin: 0px;
}

/*******************************************************************************
* HYPERLINKS
*******************************************************************************/
a:link, a:visited
{
	color: #8B8B8D;
	text-decoration: none;
}
a:hover, a:active
{
	color: #36A9E5;
	text-decoration: underline;
}

a.more:link, a.more:visited
{
	color: #CACACA;
	text-decoration: none;
}
a.more:hover, a.more:active
{
	color: #F0F0F1;
	text-decoration: underline;
}

a.provinceurl:link, a.provinceurl:visited
{
	color: #0678D4;
	font-weight: bold;
	text-decoration: none;
}
a.provinceurl:hover, a.provinceurl:active
{
	text-decoration: underline;
}

a.cityurl:link, a.cityurl:visited
{
	color: #0678D4;
	text-decoration: none;
}
a.cityurl:hover, a.cityurl:active
{
	text-decoration: underline;
}

a.attractioncategoryurl:link, a.attractioncategoryurl:visited
{
	color: #C2112E;
	text-decoration: none;
}
a.attractioncategoryurl:hover, a.attractioncategoryurl:active
{
	text-decoration: underline;
}

a.breadcrumpurl:link, a.breadcrumpurl:visited
{
	text-decoration: none;
}
a.breadcrumpurl:hover, a.breadcrumpurl:active
{
	text-decoration: underline;
}

a.headerurl:link, a.headerurl:visited
{
	color: #BFDDF9;
	word-spacing: normal;
	font-weight: bold;
	text-decoration: none;
}
a.headerurl:hover, a.headerurl:active
{
	color: #fff;
	text-decoration: underline;
}

a.headerattractionsurl:link, a.headerattractionsurl:visited
{
	color: #F0AEBA;
	word-spacing: normal;
	font-weight: bold;
	text-decoration: none;
}
a.headerattractionsurl:hover, a.headerattractionsurl:active
{
	color: #fff;
	text-decoration: underline;
}

a.gotocategory:link, a.gotocategory:visited
{
	color: #66A83A;
	text-decoration: none;
}
a.gotocategory:hover, a.gotocategory:active
{
	color: #487728;
	text-decoration: underline;
}

/*******************************************************************************
* CLASSES
*******************************************************************************/
.clear
{
	clear: both;
}

.breadcrumps
{
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-color: #0678D4;
	color: #fff;
	word-spacing: 3px;
}

.breadcrumps a { color: #fff; word-spacing: normal; }
.breadcrumps a:hover { color: #D8EDFE; border-bottom: 1px solid #fff; text-decoration: none; }

.leftblock
{
	float: left;
	width: 465px;
	padding-right: 15px;
	padding-left: 15px;
	border-left: 5px solid #fff;
}

.leftblock2
{
	float: left;
	width: 165px;
	background-color: #fff;
}

.rightblock
{
	float: left;
	width: 270px;
	padding-left: 15px;
	border-left: 5px solid #fff;
}

.accomondationprices
{
	height: 18px;
}

.accomondationpricesblock:hover
{
	background-color: #fff;
}

.accomondationpricesimage
{
	float: left;
	width: 105px;
	height: 18px;
}

.accomondationpricestext
{
	float: left;
	height: 18px;
	padding-left: 5px;
	margin: 1px;
}

.submit
{
	background-color: #F0F0F1;
	border: 1px solid #CACACA;
	cursor: pointer;
}

.productname
{
	font-size: 18px;
}

div.vseperator
{
	border-top: 1px dashed #f0f0f0;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.registerrow
{
}

div.registerlabel
{
	float: left;
	width: 150px;
}

div.registerinput
{
	float: left;
	margin-bottom: 2px;
}

input.registerinputstyle
{
	width: 200px;
}

img.impressionthumbnail
{
	cursor: pointer;
	border: 1px solid #CACACA;
}

img.impression
{
	border: 1px solid #CACACA;
}

img.propertyimage
{
	border: 1px solid #e0e0e0;
}

div.block
{
}

div.blockcontent
{
}

h1.blockbluelabelhotel
{
	background-image: url(/images/hotel.png);
	background-repeat: no-repeat;
	line-height: 40px;
	color: #131313;
	margin: 0px;
	padding-left: 45px;
}

h1.blockbluelabelbungalow
{
	background-image: url(/images/bungalow.png);
	background-repeat: no-repeat;
	line-height: 40px;
	color: #131313;
	margin: 0px;
	padding-left: 45px;
}

h1.accommodationslabel
{
	height: 30px;
	color: #0678D4;
	padding-top: 10px;
	margin: 0px;
}

h1.newsletterlabel
{
	line-height: 40px;
	margin: 0px;
}

h1.activitieslabel
{
	line-height: 40px;
	color: #c2112e;
	margin: 0px;
}

h1.searchlabel
{
	color: #131313;
	margin: 0px;
	font-size: 13px;
	margin-bottom: 5px;
}

h1.blocklabel
{
	color: #131313;
	margin: 0px;
	height: 40px;
}

div.blockgmaps
{
}

a.gmapsshow:link
{
	background-image: url(/images/gmapsglobe.png);
	background-repeat: no-repeat;
	line-height: 16px;
	padding-left: 20px;
}

div.searchlabel
{
	float: left;
	width: 100px;
}

div.searchinput
{
	float: left;
	margin-bottom: 5px;
}

div.hotelsblockcolumn
{
	float: left;
	padding: 5px;
	margin-right: 10px;
}

div.searchfacilitiesrow
{
}

div.searchfacilitiescolumn
{
	float: left;
	width: 49px;
}

div.searchpopulairname
{
	float: left;
	width: 130px;
}

div.searchpopulairprice
{
	float: left;
}

div.searchpopulairrow
{
	line-height: 18px;
	border-bottom: 1px solid #fafafa;
}

div.thingtodourl
{
	margin-bottom: 2px;
	border-bottom: 1px solid #fafafa;
}

div.lastvisitedurl
{
	line-height: 18px;
}

div.searchresultrow
{
	height: 55px;
	padding-top: 5px;
	border-bottom: 1px solid #fafafa;
}

div.searchresultrow:hover
{
	background-color: #FCFCFC;
}

div.searchresultimage
{
	float: left;
	width: 55px;
}

div.searchresultcontent
{
	float: left;
	width: 410px;
}

div.searchresultprices
{
	float: left;
	
}

div.searchresultpricesrow
{
	width: 160px;
	float: left;
}

div.searchresultpricesprogram
{
	float: left;
	width: 100px;
}

div.searchresultpricesprice
{
	float: left;
}

h1.attractionlabel
{
	color: #C2112E;
}

div.attractionrow
{
	background-color: #fff;
	border: 1px solid #f0f0f0;
	border-bottom: 1px solid #fff;
	height: 18px;
}

div.attractionlabel
{
	float: left;
	width: 80px;
	font-weight: bold;
	padding: 3px;
}

div.attractioncontent
{
	float: left;
	padding: 3px;
}

div.hotelleftblocklink
{
	background-color: #fff;
}

div.hotelleftblocklink:hover
{
	background-color: #C1E0FD;
}

div.slideshow
{
	border: 1px solid #c0c0c0;
	padding: 3px 3px 0px;
}

div.slideshowitem
{
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #c0c0c0;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 10px;
}

/*******************************************************************************
* ACCOMMODATIONS FILTER
*******************************************************************************/
div.accommodationfilterblock
{
	background-color: #484848;
	background-image: url(/images/black_round_filter_top.png);
	background-repeat: no-repeat;
	color: #fff;
}

div.accommodationfilterblockcolumn1
{
	padding: 4px;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	float: left;
	font-family: "Century Gothic";
}

div.accommodationfilterblockcolumn2
{
	padding: 4px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	font-family: "Century Gothic";
}

div.accommodationfilterblockleftcolumn
{
	float: left;
	padding: 5px;
}

div.accommodationfilterblockrightcolumn
{
	float: left;
}

div#accommodationfilterresults
{
	background-image: url(/images/grey_gradient_filter_results.png);
	background-repeat: repeat-x;
	background-color: #f7f7f7;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

div.accommodationfilterresultsrow
{
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
}

div.userproductmessagelabel
{
	float: left;
	width: 85px;
}

div.userproductmessageinput
{
	float: left;
	margin-bottom: 5px;
}

div.linkpartnerlabel
{
	float: left;
	width: 100px;
}

div.linkpartnerinput
{
	float: left;
	margin-bottom: 5px;
}

div.attractioncategorymenu
{
	font-weight: bold;
	font-size: 12px;
}

div.attractionblogmessagedate
{
	color: #808080;
	padding-top: 5px;
}

h2.attractionblogmessagetitle
{
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*******************************************************************************
* FILTER
*******************************************************************************/
div.filterheaderblock
{
	background-color: #0678D4;
	color: #fff;
	padding: 1px;
	height: 19px;
}
div.attractionfilterheaderblock
{
	background-color: #C2112E;
	color: #fff;
	padding: 1px;
	height: 19px;
}
div.attractionfiltercolumnblock1
{
	float: left;
}
div.filtercolumnblock1
{
	float: left;
	width: 344px;
}
div.filtercolumnblock2
{
	float: left;
	width: 67px;
}
div.filtercolumnblock3
{
	float: left;
	width: 45px;
}

.tip { position: absolute; background-image: url(/images/tip.gif); width: 24px; height: 24px; left: 76px; top: 0px; }

div.pagenavigator            {  }
div.pagenavigator .item      { float: left; padding: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #c0c0c0; margin-right: 1px; }
div.pagenavigator .seperator { float: left; padding: 5px; }
div.pagenavigator .current   { font-weight: bold; }

/*******************************************************************************
* IDENTIFIERS
*******************************************************************************/
#frame
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#gmaps
{
	width: 270px;
	height: 200px;
	border: 1px solid #c0c0c0;
}

div#footer
{
	border-top: 1px solid #CACACA;
	height: 5px;
	margin-top: 25px;
	padding-top: 5px;
	font-size: 11px;
}

div#registerform
{
}

div#searchhotels
{
	background-color: #fefefe;
}

div#accommodationview
{
	background-image: url(/images/black_round_bekijk_top.png);
	background-repeat: no-repeat;
	background-color: #0678D4;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}

div#accommodationviewred
{
	background-image: url(/images/black_round_red_top.png);
	background-repeat: no-repeat;
	background-color: #C2112E;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}

div#accommodationviewinfo
{
	background-image: url(/images/grey_gradient_filter_results.png);
	background-repeat: repeat-x;
	background-color: #f7f7f7;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

div#searchcitiesround
{
	background-image: url(/images/black_round_right_top.png);
	background-repeat: no-repeat;
	background-color: #0678D4;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}

div#searchcitiesresult
{
	background-image: url(/images/grey_gradient_filter_results.png);
	background-repeat: repeat-x;
	background-color: #f7f7f7;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
	height: 100px;
}

div#searchaccommodationresult
{
	background-image: url(/images/grey_gradient_filter_results.png);
	background-repeat: repeat-x;
	background-color: #f7f7f7;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
	height: 100px;
}

div#lastvisiteddiv
{
	background-image: url(/images/grey_gradient_filter_results.png);
	background-repeat: repeat-x;
	background-color: #f7f7f7;
}

/*******************************************************************************
* COLOR PALET
*******************************************************************************/
.darkblue { color: #0760C4; }
.blue     {	color: #36A9E5; }
.darkred  {	color: #0678D4; }
.red      {	color: #C2112E; }

/*******************************************************************************
* MENU
*******************************************************************************/
div.menu             { display: none; position: absolute; z-index: 999; background-color: #FFFDFD; border: 1px solid #C2112E; padding: 2px; }
div.menu .item       { padding: 4px; word-spacing: normal; }
div.menu .item:hover { background-image: url(/images/header_menu_red.png); background-repeat: repeat-x; background-color: #CD1233; color: #fff; cursor: pointer; }

/*******************************************************************************
* TABPANE
*******************************************************************************/
div.tabpane                         {  }
div.tabpane .buttons                {  }
div.tabpane .button                 { margin-right: 1px; text-align: center; font-weight: bold; background-color: #C3122F; color: #fff; border: 1px solid #C3122F; border-bottom: 0px; float: left; width: 115px; padding: 5px; }
div.tabpane .button a               { color: #fff; text-decoration: none; }
div.tabpane .button:hover           { background-color: #E73653; cursor: pointer; }
div.tabpane .buttonactive           { background-color: #E73653; cursor: pointer; }
div.tabpane .buttonactiveblue       { background-color: #0678D4; border: 1px solid #0678D4; border-bottom: 0px; cursor: default; }
div.tabpane .buttonactiveblue a     { cursor: default; }
div.tabpane .buttonactiveblue:hover { background-color: #0678D4; border: 1px solid #0678D4; border-bottom: 0px; cursor: default; }
div.tabpane .button:active          { background-color: #EC5973; }
div.tabpane .pages                  { border: 1px solid #C3122F; padding: 10px; width: 424px; }
div.tabpane .pagesblue              { border: 1px solid #0678D4; padding: 10px; width: 424px; }
div.tabpane .page                   { display: none; }
div.tabpane .default                { display: block; }
