@charset "utf-8";
/* CSS Document */

/* Clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {	
	zoom: 1;
	
}

* html .clearfix {height: 1%;}

body, html{margin:0; padding:0;  width:100%; 	font-size:12px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif;}
img{border-style:none;float:left; display:block;}
table, tr, td{border-style:none; padding:0; margin:0;}
ul, li{margin:0; padding:0; list-style:none;}
li{display:inline;}
a {outline:none; font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#0063ad; text-decoration:underline;}
a:hover {color: #007fde;}

/* ---- Containers and background ----------------*/
body{background-image:url(/images/background.jpg); background-position:bottom; background-repeat:repeat-x; background-color:white;}

#innerpagecontent {background:white;}

div#container{margin:0 auto; min-width:700px; max-width:1240px; width:expression(document.body.clientWidth > 1240? "1240px": "auto" ); z-index:1; }

div#mincontainer{width:auto; margin:0 20px 0 20px; xmin-height:1100px; }


/* ----- Navigation ----------------------------*/
div#languagemenu{
width:100%; height:0; xfloat:left; display:block; text-align:right;
color:#6699cc; font: normal normal normal 12px Arial, Helvetica, sans-serif;}
div#languagemenu table{float:right;}
div#languagemenu table tr td{height:20px; width:auto; border-style:none; text-align:center;color:blue; font: normal normal normal 14px Arial, Helvetica, sans-serif; vertical-align:top;}
div#languagemenu table tr td a.selected{font: normal normal normal 10px Arial, Helvetica, sans-serif; color:#bdbdbd;}
div#languagemenu table tr td a{font: normal normal normal 10px Arial, Helvetica, sans-serif; color:black;}
div#languagemenu table tr td a:hover{text-decoration:underline;}
div#languagemenu table tr td a.blue{color:#6699cc; font: normal normal normal 11px Arial, Helvetica, sans-serif; text-decoration:underline;}
div#languagemenu table tr td a.blue:hover{color:#78b3ef;}

div#languagemenu table tr td.en {background:url('/images/us_flag.gif') no-repeat 0 0; width:25px; height:20px; text-align:center;}
div#languagemenu table tr td.nl {background:url('/images/ned_flag.gif') no-repeat 0 0; width:25px; height:20px; text-align:center;}
div#languagemenu table tr td.es {background:url('/images/spain_flag.gif') no-repeat 0 0; width:25px; height:20px; text-align:center;}

div#languagemenu span.language{margin-left:-6px;}


div#languagemenu table tr td.topmenu {background:url('/images/small_blue_line.gif') no-repeat 1px 6px;}

div#tabs{width:100%; display:block; float:left;}
div#tabs ul{list-style:none; }
div#tabs ul li{display:inline;float:left; margin:0 2px 0 0;height:33px; width:auto;}

div#tabs ul li.selected{width:auto;height:33px;}
div#tabs ul li.selected div.left{width:13px; background:url(/images/blue_tab_left.gif);height:33px; display:inline; float:left;}
div#tabs ul li.selected div.right{width:13px; background:url(/images/blue_tab_right.gif); height:33px; display:inline; float:left;}
div#tabs ul li.selected a{font: normal normal bold 13px Arial, Helvetica, sans-serif; color:white; display:inline; float:left; margin:0; padding:10px 0 0 0; width:auto; background-image:url(/images/blue_tab_middle.gif); height:23px;}
div#tabs ul li.selected a:hover {color:#b3d1e7;}


div#tabs ul li{width:auto;height:33px;}
div#tabs ul li div.left{width:13px; background:url(/images/light_tab_left.gif);height:33px; display:inline; float:left;}
div#tabs ul li div.right{width:13px; background:url(/images/light_tab_right.gif); height:33px; display:inline; float:left;}
div#tabs ul li a{font: normal normal bold 13px Arial, Helvetica, sans-serif; color:#0063ad; display:inline; float:left; margin:0; padding:10px 0 0 0; width:auto; background-image:url(/images/light_tab_middle.gif); height:23px;}
div#tabs ul li a:hover {color:#0088ee;}



/*---- Nested Home Rental Details Tabs -------------*/
div#home_details{width:100%;height:28px; display:block;margin-top:5px;}
div#home_details ul#detailstabs{margin:0 20px 0 0; padding:0; display:block;}
div#home_details ul#detailstabs li{margin:0 3px 0 0; padding:0; background-image:url(/images/inner_blue_tab.gif); width:80px; height:28px; float:left; text-align:center; background-position: left top;}
div#home_details ul#detailstabs li.selected{margin:0 3px 0 0; padding:0; background-image:url(/images/inner_light_tab.gif); width:80px; height:28px; float:left; text-align:center;}
div#home_details ul#detailstabs li.selected a{width:80px; height:20px; display:block; color:#005aa5; font:normal normal bold 12px/100% Arial, Helvetica, sans-serif; margin:8px 0 0 0; padding:0;}
div#home_details ul#detailstabs li.selected a:hover {color:#5893c4;}
div#home_details ul#detailstabs li a{width:80px; height:20px; display:block; color:white; font:normal normal bold 12px/100% Arial, Helvetica, sans-serif; margin:8px 0 0 0; padding:0;}
div#home_details ul#detailstabs li a:hover {color:#dae8f4;}

div#containerforcontent{float:left; display:inline;  height:auto; width:95%; background-color:#dbe9f3; }


div#detailscontent{display:block;}



div#home_details ul#detailstabs li.back{float:right; background-image:none;}
div#home_details ul#detailstabs li.back a{}



/*---- Content ---------------------------------*/
div.rightalign{text-align:right; width:100%; height:auto;}

div#bluebar{width:100%; height:6px; background-color:#0365af;display:block;xfloat:left; font-size:0px;}
ul#navtabs{}
div#navcontent{width:100%; height:auto;xfloat:left; display:block; xmin-height:800px; margin:0 0 100px 0;}
div#photo{height:152px; width:100%; overflow:hidden; display:block; xfloat:left; text-align:right; background-position:center;}
div#book{height:30px; width:100%; display:block; background-image:url(/images/book_bar.gif); margin-top:1px; xfloat:left; overflow:hidden; }
div.bookborder{height:27px; width:auto; border-left:1px #64a6d5 solid; margin:0 0 0 10px; display:inline; padding:3px 0 0 0; float:left;}
div#book object form table tr td{vertical-align:middle;}
td.border{ border-left:1px #64a6d5 solid;}
div.textarea{width:100%; height:auto; xfloat:left; background-color:white; padding:0 0 40px 0; border-bottom:10px #0063ad solid; position: relative; }

div.textarea ul{
	list-style:none;
	padding-left:30px;
	margin:10px 0 5px 0;
}

div.textarea li{
	float:none;	
	background:url('/images/li_item.gif') no-repeat 0 4px;
	padding-bottom:4px;
	display:block;
	font-size:12px; 
	font-weight:normal; 
	color:#676767; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-left:12px;
	list-style:none;
}

/* stuff for list of available homes */
div#homelist{width:248px; border:1px #b5cfe7 solid; background-color:#cee4f5; xheight: 314px; padding:0; margin:5px 15px 0 20px;padding:20px 0 20px 0; float:left; display: inline;}
div.column{width:90px; height:auto;display:inline; margin:0 0 0 10px; padding:0 20px 20px 0; float:left; text-align:center }
div#homelist div.single { text-align: left; width: auto;}
div#homelist div.second { border-right:1px #9cc8ea solid; }
div#map{height:470px; overflow:hidden; margin:20px 15px 0 20px;}

div#backtooverview{float:right; display:inline; background-image:url(/images/back_to_overview.gif); padding-left:5px; width:129px; height:25px; margin:0 40px 0 0;}
div#backtooverview a{font:normal normal bold 12px Arial, Helvetica, sans-serif;margin:4px 0 0 22px; color:white; display:block;}
div#backtooverview a:hover {color:#b3d1e7;}

#reservation_form {width:95%; border:1px #b5cfe7 solid; background: url('/images/bg_reservation.jpg') no-repeat top left #cee4f5; xheight: 450px; padding:0; margin:10px 0 0 20px;padding:20px 0 20px 0; xfloat:left;}
#contactForm {background: url('/images/bg_reservation.jpg') no-repeat top left #cee4f5; margin: 10px 40px 0 20px; padding:5px 0 20px 0;border:1px #b5cfe7 solid;}
div.column2{width:280px; height:450;display:inline; margin:0 20px 0 10px; float:left; overflow:hidden;}
div.column2 h1{color:#0063ad; font-size:12px; font-weight:bold;}
div.spacer{height:5px; overflow:hidden;}

/* content for home page */
div.textbox{width:auto; margin:20px 20px 0; height:200px; xfloat:left;}
td.middle1{ background-image:url(/images/home_bar.gif); height:174px; background-repeat:repeat-x;}
td.middle2{ background-image:url(/images/home_bar2.gif); height:174px; background-repeat:repeat-x;}
div.textbox table tr td{vertical-align:top;}

td.middle1 a{font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#0063ad; padding:10px 0 0 0; display:block;text-decoration:underline; }
td.middle1 a:hover {color: #007fde;}
td.middle1 a img{margin: 0 10px 0 10px;text-decoration:none;}
td.middle2 a{font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#0063ad; padding:10px 0 0 0; display:block;text-decoration:underline;}
td.middle2 a:hover {color: #007fde;}
td.middle2 a img{margin: 0 10px 0 10px; text-decoration:none;}


/* bottom bar */
div#bottombarcontainer{width:100%; xfloat:left;}

div#bottombar{margin:0 auto; width:auto; padding:20px 20px 20px 20px;font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#9ebed9; overflow:hidden; height:108px; display:block; background-image:url(/images/bottom_bar.gif); text-align:left;}
div#bottombar img{width:100%;}

div#bottombar ul li a{font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#9ebed9;}
div#bottombar ul li a:hover{text-decoration:underline;}


/* ---- Links ----------------------------------*/
a{text-decoration:none; padding:0; margin:0;}
a.blue{color:#6699cc; font: normal normal normal 10px Arial, Helvetica, sans-serif;}
a.blue:hover{color:blue;}
a.innernav{font-size:10px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif; margin:0 ; padding:0; line-height:100%; text-decoration:underline;}
a.innernav:hover {color:#a7a7a7;}
div.column a{font-size:12px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif; margin: 4px 0 7px 0; padding:0; line-height:130%; text-decoration:underline; display:block;}
div.column a.selected {font-weight: bold; }
div.column a:hover {color:#acacac;}
a.bottombar{font:normal normal normal 10px Arial, Helvetica, sans-serif; color:#9ebed9; margin:0; padding:0;text-decoration:underline;}
a.bottombar:hover{color:#5489b4;}

/* ---- Images ---------------------------------*/
div.photoleft{float:left; padding:6px 0px 0px 6px; background:url('/images/bg_photo.jpg') no-repeat; width:258px; height:199px; overflow:hidden; margin:10px 10px 0 20px; display: inline;}
div.photoleft-small {float:left; padding:6px 0px 0px 6px; background:url('/images/bg_photo_small.gif') no-repeat; width:105px; height:81px; overflow:hidden; margin:10px 10px 0 20px; display: inline;}
div.photoright{float:right; padding:6px 0px 0px 6px; background:url('/images/bg_photo.jpg') no-repeat; width:258px; height:199px; overflow:hidden; margin:10px 20px 0 10px; display: inline;}

div.section { overflow: auto; }
div.short-section { overflow: auto; cursor: pointer; zoom: 1; }
div.short-section h4 { font-size:14px; margin:0pt 0pt 0pt 20px; padding:10px 0pt 0pt; }

img.diving
{
float:right
}


/*----- Fonts ----------------------------------*/
/*----- Booking fonts ---- */
h1{font-size:11px; font-weight:bold; color:white; font-family:Arial, Helvetica, sans-serif; margin:0 ; padding:0 10px 0 0; display:inline; line-height:100%;  }
h2{font-size:11px; font-weight:bold; color:#d1e4f2; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0 10px 0 10px; display:inline; line-height:100%;}

/*----- Inner Navigation font */
h3{font-size:10px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 20px; padding:0; line-height:100%;  display:block; }

/*----- Inner Page Title -----*/
h4{font-size:16px; font-weight:bold; color:#0063ad; font-family:Arial, Helvetica, sans-serif; margin:10px 0 15px 20px; padding:0; line-height:100%; font-style:normal; display:block; }
/*----- Inner Page Text -----*/
h5,p{font-size:12px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif; margin:10px 20px 0 20px; padding:0; line-height:140%; font-style:normal; display:block; }
/*----- Inner Page Headding -----*/
h6{font-size:12px; font-weight:bold; color:#0063ad; font-family:Arial, Helvetica, sans-serif; margin:30px 0 0 20px; padding:0; line-height:100%; font-style:normal; display:block; }

/*----- Nested Tabs Heading -----*/
div#detailscontent h1{font-size:14px; font-weight:bold; color:#0063ad; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 20px; padding:10px 0 0 0; line-height:100%; font-style:normal; display:block;}

/*----- Home List Columns -----*/
div.column h1{font-size:12px; font-weight:bold; color:#0063ad; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; line-height:100%; font-style:normal; display:block; }

/*---- Homepage text ---*/
td.middle1 h1{font-size:14px; font-weight:bold; color:#0063ad; font-family:Arial, Helvetica, sans-serif; margin:0 20px 0 10px; padding:10px 0 0 0; line-height:100%; font-style:normal; display:block;}
td.middle1 h2{font-size:12px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif; margin:10px 20px 0 10px; padding:0; line-height:140%; font-style:normal; display:block; }

td.middle2 h1{font-size:14px; font-weight:bold; color:#0063ad; font-family:Arial, Helvetica, sans-serif; margin:0 20px 0 10px; padding:10px 0 0 0; line-height:100%; font-style:normal; display:block;}
td.middle2 h2{font-size:12px; font-weight:normal; color:#676767; font-family:Arial, Helvetica, sans-serif; margin:10px 20px 0 10px; padding:0; line-height:140%; font-style:normal; display:block; }

/*--- bottom bar ---*/
div#bottombar h1{font:normal normal normal 10px Arial, Helvetica, sans-serif; color:#9ebed9; margin:0; padding:0;}


div.detailphoto {float:left; padding:20px 10px 10px 20px;}
div.details {min-height:420px;}
* html body div.details {height:420px;}
div.address {float:left; margin-left: 20px;}

#spin {margin-top:5px; float:right; position:relative;}

div.pdf_download{
	background: url('/images/ico_pdf.gif') no-repeat 15px 0;
	padding-left:38px;
	margin: 15px 0 0 8px;
}

div.hr{
	margin:10px 20px 0 20px;
	background:#a8c8e1;
	height:1px;
	line-height:1px;
	overflow:none;
}

div.more{
	display:block;
	margin:0px 20px 0 20px;
}

div.more a,
div.more a:link,
div.more a:visited{
	text-decoration:underline;
}

#logo{
	float:left;
	width:150px;
	margin-top: 15px;
}

#logo img {
	margin-bottom:10px;
}

* html #logo img{
	margin-bottom:0px;
}

#right_content_wrap{
	margin-left:20px;
	overflow: auto;
}

* html body #right_content_wrap{
	margin-left:20px;
	float: left;
	display: inline;
}

#left_content_wrap{
	position: absolute;
	left: 0;
	top: 55px;	
}

#content_wrapper{	
	position: relative;
	left: 0;
}

#diving_text{
	float: left;
	width: 66%;
}

#left_column{
	float: left;
	width: 34%;
}

div.roundtextbox {
	position: relative;
	margin: 30px 20px 40px 20px;
}

div.roundtextbox div.tbar {
	background: url('/images/tbox-top.gif') right top no-repeat;
	margin-left: 10px;
	position: relative;
}

div.roundtextbox div.tbar span {
	background: url('/images/tbox-top.gif') left top no-repeat;
	height: 10px;
	width: 10px;
	display: block;
	position: relative;
	left: -10px;
	font-size: 0;
}

div.roundtextbox div.cbar {
	background: url('/images/tbox-center.gif') right top repeat-y;
	padding: 0 20px 10px 15px;
}

div.roundtextbox div.left-wrapper {
	padding: 0 0 0 25px;
}

div.roundtextbox div.left {
	padding: 0 20px 10px 215px;
}

div.roundtextbox img.left {
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1;
}

* html body div.roundtextbox img.left {
	left: -35px;
}

div.roundtextbox div.right-wrapper {
	padding: 0 25px 0 0;
}

div.roundtextbox div.right {
	padding: 0 215px 10px 15px;
}

div.roundtextbox img.right {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
}

* html body div.roundtextbox img.right {
	right: 20px;
}

div.roundtextbox div.bbar {
	background: url('/images/tbox-bottom.gif') right top no-repeat;
	margin-left: 10px;
	position: relative;
}

div.roundtextbox div.bbar span {
	background: url('/images/tbox-bottom.gif') left top no-repeat;
	height: 15px;
	width: 10px;
	display: block;
	position: relative;
	left: -10px;
	font-size: 0;
}

div.roundtextbox h1 {
	font-size:14px; 
	font-weight:bold; 
	color:#0063ad; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:0 20px 0 10px; 
	padding:10px 0 0 0; 
	line-height:100%; 
	font-style:normal; 
	display:block;
}

div.roundtextbox h2 {
	font-size:12px; 
	font-weight:normal; 
	color:#676767; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:10px 20px 0 10px; 
	padding:0; 
	line-height:140%; 
	font-style:normal; 
	display:block;	
}

div.roundtextbox a{font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#0063ad; padding:10px 0 0 0; display:block;text-decoration:underline;}
div.roundtextbox a:hover {color: #007fde;}
div.roundtextbox a img{margin: 0 10px 0 10px; text-decoration:none;position:relative;display: inline;}