/*
// @@@
// @@ Author: Nicky Klaasse
// @@ Date: 2-10-2010
// @@ Last change: 2-10-2010
// @@ Version: 1.0
// @@ Copyright: Freshcoat.nl

// @@ Last change: 9-03-2010
// @@ Modified: Loqus.nl
// @@@
*/
@import"/style/default/ratings.css";

html {
 height: 100%;
 background:#dfe8f4 url(/images/htmlbg.gif) repeat-x;
}
body{
 font: 12px Arial, Helvetica, sans-serif;
 height: 100%;
 outline:none;
 margin:0px;
 padding:0px;
}
body a
{
outline:none;	
}
a  {
border:medium none;
color:#509CDD;
text-decoration:none;
}
img {border:none;}
#main {
 width: 948px;
 height:100%;
 margin: 0px auto;
 padding:0px 0px 0px 0px;
}
div.countries{margin:5px 13px;}

/* header */
#header
{
float:left;
display:inline;
width:948px;
height:auto;
margin:0px;
padding:0px 0px 11px 0px;
background:#fff url(/images/headerShadow.gif) 3px 100% no-repeat;
}

#header ul
{
float:right;
display:inline;
height:29px;
margin:27px 30px 0px 0px;
padding:0px;
}
#header ul li
{
float:left;
display:inline;
height:29px;
margin:0px;
padding:0px;
}
#header ul li a
{
float:left;
display:inline;
text-align:center;
text-decoration:none;
text-indent:0px;
color:#042b59;
height:23px;
width:92px;
margin:0px 3px 0px 3px;
padding:6px 0px 0px 0px;
background:url(/images/navTab.gif) no-repeat;
}
#header ul li a:hover
{
font-weight:bold;
background:url(/images/navTabActive.gif) no-repeat;	
}
#header ul li.active
{
float:left;
display:inline;
height:29px;
margin:0px;
padding:0px;
}
#header ul li.active a
{
float:left;
display:inline;
text-align:center;
text-decoration:none;
font-weight:bold;
text-indent:0px;
color:#042b59;
height:23px;
width:92px;
margin:0px 3px 0px 3px;
padding:6px 0px 0px 0px;
background:url(/images/navTabActive.gif) no-repeat;
}

#headerImage
{
float:left;
display:inline;
width:948px;
height:185px;
margin:0px;
padding:0px;
background:url(/images/headerImage.gif) no-repeat;
}
#headerImage a
{
float:left;
display:inline;
text-indent:-999999px;
width:253px;
height:50px;
margin:70px 0px 0px 20px;
padding:0px;
}

/* Search box */
#searchBox
{
float:left;
display:inline;
width:469px;
height:197px;
margin:0px 0px 0px 3px;
padding:0px;
background:url(/images/searchBox.gif) no-repeat;
}h4.subheading
{
float:left;
display:inline;
font-size:18px;
color:#000;
font-weight:bold;
width:100%;
margin:16px 0 0 13px;
padding:0px;
}

#searchBox p#heading
{
float:left;
display:inline;
font-size:18px;
color:#000;
font-weight:bold;
width:419px;
margin:16px 0px 0px 50px;
padding:0px;
}
#searchBox p#destination
{
float:left;
display:inline;
font-size:14px;
color:#000;
font-weight:bold;
width:450px;
margin:0px 0px 0px 18px;
padding:0px;
}
#searchBox p#destination label
{
float:left;
display:inline;
font-size:14px;
color:#000;
font-weight:bold;
width:419px;
margin:16px 0px 0px 0px;
padding:0px;
}
#searchBox p#destination input
{
float:left;
display:inline;
font-size:13px;
color:#000;
width:430px;
margin:0px 0px 0px 0px;
padding:0px;
}
#searchBox p#selectionLeft
{
float:left;
display:inline;
font-size:14px;
color:#000;
font-weight:bold;
width:215px;
margin:8px 0px 0px 18px;
padding:0px;
}
#searchBox p#selectionLeft label
{
float:left;
display:inline;
font-size:14px;
color:#000;
font-weight:bold;
width:200px;
margin:0px 0px 0px 0px;
padding:0px;
}
#searchBox p#selectionLeft select.month
{
width:148px;
}
#searchBox p#selectionRight
{
float:left;
display:inline;
font-size:14px;
color:#000;
font-weight:bold;
width:215px;
margin:8px 0px 0px 16px;
padding:0px;
}
#searchBox p#selectionRight label
{
float:left;
display:inline;
font-size:14px;
color:#000;
font-weight:bold;
width:200px;
margin:0px 0px 0px 0px;
padding:0px;
}
#searchBox p#selectionRight select.month
{
width:148px;
}
#searchBox p #searchButton
{
float:right;
display:inline;
margin:10px 12px 0px 0px;
padding:0px;
}

/* Search results */
#searchResults
{
float:left;
display:inline;
width:467px;
height:195px;
margin:0px 0px 0px 4px;
padding:0px;
border:1px solid #cfd8f4;
background:url(/images/topSearchBox.gif) 0% 100% no-repeat;
}
#searchResults ul
{
float:left;
display:inline;
width:auto;
margin:13px 0px 0px 5px;
padding:0px;
}
#searchResults ul li
{
float:left;
display:inline;
width:100%;
height:auto;
margin:2px 0px 0px 0px;
padding:0px;	
}
#searchResults ul li span
{
float:left;
display:inline;
color:#042b59;
font-weight:bold;
margin:0px 5px 0px 0px;
padding:0px;
}
#searchResults ul li a
{
float:left;
display:inline;
width:auto;
color:#042b59;
margin:0px;
padding:0px;
background:none;
}
#searchResults ul li a:hover
{
text-decoration:underline;
font-weight:100;
color:#042b59;
background:none;
}

/* Box headings */
.heading
{
float:left;
display:inline;
width:99.6%;
margin:1px 0px 0px 1px;
padding:0px 0px 0px 0px;
}
.blue
{
background:#e9eefd;
}
.blue h2
{
width:auto;
float:left;
color:#042b59;
font-size:18px;
margin:0px 0px 0px 10px;
padding:7px 0px 10px 0px;
}

.blue h1
{
color:#042b59;
font-size:18px;
margin:0px 0px 0px 10px;
padding:7px 0px 10px 0px;
}
.red
{
background:#ff0000;
}
.red h2
{
color:#fff;
font-size:18px;
margin:0px 0px 0px 10px;
padding:7px 0px 10px 0px;
}


/* Buttons */
a.buttonBlue
{
float:right;
display:inline;
width:143px;
height:19px;
color:#fff;
text-decoration:none;
margin:10px 10px 10px 0px;
padding:3px 0px 2px 6px;
background:url(/images/blueButton.gif) no-repeat;
}
a.buttonBlue:hover
{
text-decoration:underline;
}

a.redBlue
{
float:right;
display:inline;
width:143px;
height:19px;
color:#fff;
text-decoration:none;
margin:11px 10px 11px 0px;
padding:3px 0px 0px 6px;
background:url(/images/redButton.gif) no-repeat;
}
a.redBlue:hover
{
text-decoration:underline;
}


/* Content */
#content
{
float:left;
display:inline;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fff;
}

/* Topbestemmingen*/
.blueBox
{
float:left;
display:inline;
width:466px;
margin:0px 0px 4px 4px;
padding:0px;
border:1px solid #cfd8f4;
}
.blueBoxRight {
	float:left;
	display:inline;
	width:237px;
	margin:0px 0px 4px 4px;
	padding:0px;
	border:1px solid #cfd8f4;
}
.blueBoxRight form fieldset {
	width:210px;
	padding: 10px;
}

.blueBox ul#topDestenations
{
float:left;
display:inline;
width:467px;
list-style:none;
margin:0px;
padding:0px;
}
.blueBox ul#topDestenations li
{
float:left;
display:inline;
width:233px;
list-style:none;
margin:0px;
padding:0px;
border-bottom:1px solid #e9eefd;
}
.blueBox ul#topDestenations li a img
{
float:left;
display:inline;
height:49px;
width:74px;
margin:12px;
padding:0px;
border:none;
}
.blueBox ul#topDestenations li span.place a
{
float:left;
display:inline;
color:#509cdd;
text-decoration:none;
font-weight:bold;
width:135px;
margin:8px 0px 0px 0px;
padding:0px;
border:none;
}
.blueBox ul#topDestenations li span.hotels a
{
float:left;
display:inline;
text-decoration:none;
color:#042b59;
margin:8px 0px 0px 0px;
padding:0px;
border:none;
}
.blueBox ul#topDestenations li span.hotels a:hover
{
text-decoration:underline;
}

/* Benefits */
ul#benefits
{
float:left;
display:inline;
width:100%;
list-style:none;
margin:0px;
padding:15px 0px 16px 0px;
background:url(/images/benefitsBox.gif) 100% 100% no-repeat;
}
ul#benefits li
{
float:left;
display:inline;
width:auto;
height:22px;
width:230px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 15px;
background:url(/images/acceptIcon.gif) no-repeat;
}
ul#benefits li.short
{
float:left;
display:inline;
width:auto;
height:22px;
width:180px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 15px;
background:url(/images/acceptIcon.gif) no-repeat;
}
ul#benefits li span
{
float:left;
display:inline;
text-decoration:none;
margin:0px;
padding:0px;
}

/* Results */
.blueBoxWide
{
float:left;
display:inline;
width:695px;
margin:0px 0px 4px 4px;
padding:0px;
border:1px solid #cfd8f4;
}
.blueBoxWide div.desc {
	padding:34px 5px 0px 5px;
}
.blueBoxWide div.desc p {
	float:none;
	
	width:100%;
}
.blueBoxWide p {
	float:right;
	margin-right:5px;
	width:377px;
}
.blueBoxWide div.result_pages p {
	float:left;
	width:auto;
	margin:0 10px;
}
.blueBoxWide ul#topDestenations
{
float:left;
display:inline;
width:695px;
list-style:none;
margin:0px;
padding:0px;
}
.blueBoxWide ul#topDestenations li
{
float:left;
display:inline;
width:695px;
list-style:none;
position:relative;
margin:0px;
padding:0px;
border-bottom:1px solid #e9eefd;
}
.blueBoxWide ul#topDestenations li a img
{
float:left;
display:inline;
height:49px;
width:74px;
margin:12px;
padding:0px;
border:none;
}
.blueBoxWide ul#topDestenations li span.place
{
	width:455px;
	float:left;
	margin:8px 0px 0px 0px;
}
.blueBoxWide ul#topDestenations li span.place a
{
clear:both;
color:#509cdd;
text-decoration:none;
font-weight:bold;
float:left;
padding:0px;
border:none;
}
.blueBoxWide ul#topDestenations li span.place .starrating {
	padding-left: 7px;
}
.blueBoxWide ul#topDestenations li span.hotels a
{
float:left;
display:inline;
text-decoration:none;
color:#042b59;
margin:8px 0px 0px 0px;
padding:0px;
border:none;
}
.blueBoxWide ul#topDestenations li span.hotels a:hover
{
text-decoration:underline;
}
.blueBoxWide ul#topDestenations li span.price {
	position:absolute;
	top:8px;
	right:5px;
	width:128px;
	font-size:15px;
	font-weight:bold;
}
.blueBoxWide ul#topDestenations li span.price2 {
	position:absolute;
	top:25px;
	text-align:right;
	right:5px;
	width:128px;
	font-size:15px;
	font-weight:bold;
}
.blueBoxRight
{
float:left;
display:inline;
width:238px;
margin:0px 0px 4px 4px;
padding:0px;
border:1px solid #cfd8f4;
}

.blueBoxRight p {
	float:right;
	margin-right:5px;
	width:235px;
}
.blueBoxRight ul {
	list-style:none;
	padding-left:10px;
}
/* Aanbieding */
.redBox
{
float:left;
display:inline;
width:466px;
margin:0px 0px 0px 4px;
padding:0px;
border:1px solid #ff0000;
}
.redBox p.caption
{
float:left;
display:inline;
width:456px;
color:#ff0000;
margin:0px;
padding:6px 0px 5px 10px;
border-bottom:1px solid #eeecec;
}

ul#deals
{
float:left;
display:inline;
list-style:none;
width:100%;
margin:0px;
padding:0px;
}
ul#deals li
{
float:left;
display:inline;
width:456px;
margin:0px;
padding:2px 0px 2px 10px;
border-bottom:1px solid #eeecec;
}
ul#deals li a
{
text-decoration:none;
}
ul#deals li a span.left
{
float:left;
display:inline;
color:#061a2b;
text-decoration:none;
width:auto;
margin:0px;
padding:0px;
}
ul#deals li a span.right
{
float:right;
display:inline;
color:#ff0000;
text-decoration:none;
font-weight:bold;
width:auto;
margin:0px 10px 0px 0px;
padding:0px;
}
ul#deals li a span:hover
{
text-decoration:underline;
}
span.gray {
	color:#555;
	font-size:10px;
}

/* content text */
.blueContentBox
{
float:left;
display:inline;
width:938px;
margin:0px 0px 4px 4px;
padding:0px;
border:1px solid #cfd8f4;
}
.blueContentBox .heading
{
width:99.8%;
}
.blueContentBox p
{
float:left;
display:inline;
line-height:18px;
margin:10px;
padding:0px;
}

/* footer menu */
#footerMenu
{
float:left;
display:inline;
width:938px;
margin:0px 0px 4px 4px;
padding:10px 0px 10px 0px;
border:1px solid #cfd8f4;
}
#footerMenu p
{
float:left;
display:inline;
width:938px;
text-align:center;
color:#5d7f9c;
margin:0px;
padding:0px;
}
#footerMenu p a
{
color:#5d7f9c;
text-decoration:none;
}
#footerMenu p a:hover
{
text-decoration:underline;
}


/* footer */
#footer
{
float:left;
display:inline;
width:948px;
height:100px;
margin:0px;
padding:0px;
background:#dfe8f4 url(/images/footer.gif) no-repeat;
}
#footer p
{
float:left;
display:inline;
width:928px;
margin:0px;
padding:10px;
color:#fff;
}
#footer p a
{
text-decoration:none;
margin:0px;
padding:0px;
color:#fff;
}
#footer p a.right
{
float:right;
display:inline;
text-decoration:none;
margin:0px;
padding:0px;
color:#fff;
}
#footer p a:hover
{
text-decoration:underline;	
}

#photo_container{width:310px; float:left}
#photo_container img{border:1px solid #CFD8F4;}
#imagegallery{width:380px;float:left;}
#imagegallery ul{list-style:none;padding-left:0;}
#imagegallery img {border-bottom:1px solid #CFD8F4;border-right:1px solid #CFD8F4;padding:1px;}
#googlemap {margin:1px;
width:236px;height:215px;}
div.result_pages {
	color: #555;
	font-size: 11px;
	clear:both;
	padding: 2px 0;
}
div.clear{
overflow:hidden;
clear:both;
}
div.result_options.left {
	float:left;
}


span.divider {
	color: #C8C8C8;
	margin-left: 6px;
	margin-right: 6px;
}

div.result_pages div.pages {
	float: right;
	padding: 1px 10px 1px 1px;
}
div.result_pages div.pages li.button {
	height: 14px;
	overflow: hidden;
	width: 14px;
}
div.result_pages div.pages li.button span,
div.result_pages div.pages li.button a {
	background-image: url(/images/pages.png);
	background-repeat: no-repeat;
	display: block;
	height: 0;
	padding-top: 15px;
	width: 14px;
}
div.result_pages div.pages li.first span {
	background-position: 0 -28px;
}
div.result_pages div.pages li.first a {
	background-position: 0 0;
}
div.navigation_paging li.first a:hover {
	background-position: 0 -14px;
}
div.result_options div.pages li.previous span {
	background-position:-14px -28px;
}
div.navigation_paging li.previous a {
	background-position:-14px 0;
}
div.navigation_paging li.previous a:hover {
	background-position:-14px -14px;
}
div.result_pages div.pages li.next span {
	background-position:-28px -28px;
}
div.result_pages div.pages li.next a {
	background-position: -28px 0;
}
div.result_pages div.pages li.next a:hover {
	background-position: -28px -14px;
}
div.result_pages div.pages li.last span {
	background-position:-42px -28px;
}
div.result_pages div.pages li.last a {
	background-position: -42px 0;
}
div.result_pages div.pages li.last a:hover {
	background-position: -42px -14px;
}

div.sorting {
	background:#CAE8EA;
	color:#0A5076;
	font-size: 11px;
	padding: 2px;
}
div.sorting a{
	color: #0A5076;
}
div.sorting ul, 
div.sorting li {
	display: inline;
}

div.sorting span.pipe {
	color: #555;
	margin-left:6px;
	margin-right:6px;
}
#resultbox {overflow:hidden;}
div.result_pages div.pages ul {
	float:left;
	list-style: none;
	margin:0;
}
div.result_pages div.pages li {
	float:left;
	margin-right:3px;
}

div.result_pages div.select {
	float: left;
	font-size: 11px;
	height: 17px;
	width: 43px;
	background: url(/images/selection.png) no-repeat 0 0;
}

div.result_pages div.select.active {
	background-position: 0 100%;
}

div.result_pages div.select:hover {
	background-position: 0 -17px;
}

div.result_pages div.select.active ul.options {
	display: block;
	list-style: none;
}
div.result_pages div.select.active ul.options li.selected a.value {
	background: #DDF3F4;
	color: #000;
	cursor: default;
}

div.select ul.options a:hover {
	background: #bbd1e5;
	color:#fff;
}

div.result_pages div.select a {
	color: #000000;
	display: block;
	line-height: 17px;
	padding: 0 2px 0 5px;
	text-decoration: none;
}

div.result_pages div.select ul.options {
	clear: left;
	display: none;
	padding: 0 2px 2px 2px !important;
	position: absolute;
	z-index: 1;
	background: #fff;
	border: 1px solid #000;
	margin: 0 10px !important;
}

span.note {
	background:#FFF3A3 none repeat scroll 0 0;
	border:1px solid #E7BD72;
	color:#B79000;
	display:block;
	margin:0 0 10px;
	padding:3px;
}

form {float:left}
form fieldset {
border:medium none;
margin-bottom:10px;
padding:10px 0;
}
div.row label {
float:left;
font-size:11px;
width:126px;
}
div.row {
margin:3px 0;
overflow:hidden;
padding:3px 10px;
}
.blue .starrating {margin-top:10px;
padding-left:7px;}