/* -------------------------------------------------------------- 
   
  Hotelvinder.nl v.2 - Global layout stylesheet

  by: Johan Harteveld | Centroid Media
  
  
  COLORS:
  lightblue:    #e6fafb
  mainblue:     #04b9d1
  blue text:    #045f6b
  green text:   #6e9421    
-------------------------------------------------------------- */

html {
  overflow-y: scroll; 
}

#container {
  width: 960px;
  margin: 0 auto;
}

/* Logo
-------------------------------------------------------------- */

h2#logo {
  position: relative;
  z-index: 9999;
  margin: 10px 0pt -15px 5px;
}

h2#logo a {
  display: block;
  width: 303px;
  height: 80px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/hotelvinder_logo.png) no-repeat;
}

/* Content
-------------------------------------------------------------- */

#content {
  clear: both;
  padding: 20px 10px;
  background: #fff;
  border-left: 10px solid #04b9d1;
  border-right: 10px solid #04b9d1;
}

#content h1 {
  font-weight: bold;
  font-size:1.333em;
  color: #6e9421;
}

h3#searchresult_total {
  clear: both;
  margin-bottom: 1.5em;
  font-weight: bold;
  color: #058a9c;
}

h3#searchresult_total a {
  color: #058a9c;
  text-decoration: none;
  border-bottom: 1px solid #058a9c;
}

h3#searchresult_total a:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

/* Searchresults
-------------------------------------------------------------- */

#searchresults {
  float: left;
  width: 760px;
  margin-right: 10px;
}

.searchresult {
  margin-bottom: 1px;
  padding: 10px 0;
  border-top: 1px solid #04b9d1;
  border-bottom: 1px solid #04b9d1;
}

.hotel_info h2 {
  float: left;
  margin-bottom: 0;
}

.hotel_info h2 a {
  color: #6e9421;
  text-decoration: none;
  border-bottom: 1px solid #6e9421;
}

.hotel_info h2 a:hover,
.hotel_info h2 a:focus {
  color: #045f6b;
  border-bottom: 1px solid #045f6b;
}

.hotel_rating {
  float: left;
  margin: 4px 8px 0 8px;
}

.hotel_beoordeling {
  float: left;
}

.hotel_beoordeling span {
  border-left: 1px solid #6e9421;
  padding-left: 8px;
}

.hotel_beoordeling .beoordeling_cijfer {
  border: 0;
  font-size: 1.083em;
  font-weight: bold;
  color: #6e9421;
}

.hotel_beoordeling img {
  position: relative;
  bottom: -4px;
}

.hotel_address {
  clear: both;
  padding-top: 0.2em;
  color: #6e9421;
  float: left;
  width: 100%;
}

.hotel_address a {
  color: #6e9421;
}

.hotel_address a:hover {
  color: #045f6b;
}

.hotel_description img {
  float: left;
  margin: 0 12px 0 0;
  padding: 4px;
  border: 1px solid #abd557;
  clear: both;
}

.hotel_description a:hover img {
  border: 1px solid #04b9d1;
}

.hotel_description p {
  float: left;
  width: 430px;
}

.hotel_prijs {
  float: right;
  width: 160px;
  height: 113px;
  padding: 10px 0 0 0;
  background: url(../img/bg_price.gif) no-repeat;
  text-align: center;
}

.hotel_prijs h3 {
  margin: 0.5em 0;
  font-size: 2.333em;
  color: #058a9c;
}

.hotel_prijs a {
  margin-left: 20px;
}

.hotel_prijs a,
.hotel_reserveren a {
  display: block;
  width: 120px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/reserveer.png) no-repeat top left;
}

.hotel_prijs a:hover,
.hotel_prijs a:focus,
.hotel_reserveren a:hover,
.hotel_reserveren a:focus {
  background: url(../img/reserveer.png) no-repeat bottom left;
}
#plaats_info {
display: none;
}
/* Searchresult tabel
-------------------------------------------------------------- */

.hotels_details {
  clear: both;
  margin-top: 0.5em;
}

.hotels_details caption {
  display: none;
}

.hotels_details td {
  vertical-align: middle;
}

.totaalprijs {
  font-weight: bold;
}

.ontbijt_indicatie {
  align: center;
  padding-left: 16px;
}

.type_kamer {
  width: 28%;
}

.hotel_reserveren {
  width: 17%;
}

.th_reserveren {
  padding-left: 32px;
}

.hotels_details thead th {
  cursor: help;
}

/* Searchresult kaart
-------------------------------------------------------------- */

.hotels_kaart caption {
  display: none;
}

.hotels_kaart td {
  vertical-align: middle;
  padding: 4px 10px 4px 5px;
}

/* Searchresults Modify
-------------------------------------------------------------- */

#searchresults_modify {
  float: right;
  width: 150px;
  margin-top: 40px;
}

#searchresults_modify h4 {
  margin-bottom: 0.5em;
  padding-left: 5px;
  background: #e6fafb;
}

#searchresults_modify h5 {
  margin-bottom: 0.5em;
  padding-left: 5px;
}

#searchresults_modify ul {
  list-style: none;
  margin-left: 5px;
}

#filter_min_prijs,
#filter_max_prijs,
#filter_name {
  height: 20px;
  width: 120px;
  margin: 0pt 0px 10px 5px;
  padding: 2px;
  border: 1px solid #04b9d1;
  font: 1.333em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #045f6b;
}

#searchresults_filter label {
  color: #045f6b;
  margin-left: 5px;
}

#searchresults_filter li label {
  float: right;
  display: block;
  width:100px;
}

.active_view,
.active_sort a {
  font-weight: bold;
  color: #e30b36;
}



/* Detailresult algemeen
-------------------------------------------------------------- */

.hotel_info h1 {
  float: left;
  margin-bottom: 0;
  padding-top:2px;
}

.detailresult h2 {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 1em;
}

.detailresult .hotel_description p {
  width: 590px;
  margin-right: 10px;
}

.detailresult .hotel_reserveren {
  width: 14%;
}

.detail_faciliteiten {
  float: left;
  width: 175px;
  margin-right:25px;
}

.detail_faciliteiten h3 {
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
}

/* Detailresult check form
-------------------------------------------------------------- */

.detailresult form {
  clear: both;
  float: left;
  width: 910px;
  padding: 6px 10px 5px 0;
  margin-bottom: 20px;
  background: #e6fafb;
}

.detailresult fieldset {
  float: left;
}

.detailresult form div {
  float: left;
}

.detailresult label {
  display: block;
  float: left;
  padding: 5px 10px 5px 20px;
  font: 1.167em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.detailresult input[type=text] {
  border: 1px solid #04b9d1;
}

.detailresult select#zoek_personen,
.detailresult select#check_zoek_personen {
  width: 65px;
  height: 23px;
  margin-top: 1px;
}

.detailresult input.form_submit {
  float: right;
  margin-right: 15px;
  padding: 1px 24px;
  font-size: 1.333em;
  color: #045f6b;
}

.beschikbaarheid_error {
  text-align: center;
  padding: 2px 0;
  background: #fffdc5;
}

.beschikbaarheid_error strong {
  color: #e30b36;
  padding-left: 23px;
  background: url(../img/bullet_error.png) no-repeat 5px 50%;
}

/* Detail kaart
-------------------------------------------------------------- */

h1#kaart_plaats {
  float: left;
}

a.back_to_listview {
  float: right;
}

#map_wrapper {
  clear: both;
  margin-bottom: 20px;
  padding:4px;
  border: 1px solid #ccc;
}

#map {
  height: 400px;
  width: 910px;
}

/* Detail reviews
-------------------------------------------------------------- */

#hotels_reviews caption {
  display: none;
}

div#hv_review_total {
  border-bottom:1px solid #9febf5;
}

div#hv_review_total h2 {
  float:left;
  margin-top:30px;
}

div#review_rating_big {
  float: left;
  width: 65px;
  height: 65px;
  margin: 0 10px 0 10px;
  padding-top:7px;
  background: url(../img/review_number_bg.gif) no-repeat;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}

a.add_review {
  background: url(../img/add_review_button.gif) no-repeat;
  width: 143px;
  height: 56px;
  display: block;
  float: right;
  text-indent: -9999px;
  margin-bottom: 10px;
}

div#hv_review_total p {
  padding:4px 5px;
  border: 1px solid #9febf5;
  background: #e6fafb;
  font-weight:bold;
  clear: both;
}

div#hv_review_total ul {
  float: right;
  width: 800px;
  margin:10px 0 1.5em 0;
  list-style:none;
  font-weight: bold;
}

div#hv_review_total li {
  float: left;
  margin: 0 60px 5px 0;
}

* html div#hv_review_total li {
  display: inline;
  margin: 0 40px 5px 0;
}

div#hv_review_total li span {
  float: left;
  display: block;
  width: 80px;
}

div#hv_review_total li span.hv_review_cijfer {
  float: none;
  position: relative;
  display: inline;
  width: auto;
  bottom: 3px;
  font-weight:bold;
}

div#hv_user_reviews {
  clear:both;
  margin-top:1px;
  border-top:1px solid #9febf5;
}

div.hv_user_review {
  padding-top:1em;
  border-bottom:1px solid #9febf5;
}

div.hv_user_review h3 {
  margin-bottom: 0.25em;
  font-weight:bold;
  font-size: 1em;
}



div.hv_user_review h3 span {
  margin-left: 5px;
  padding-left:5px;
  border-left:1px solid #9febf5;
  font-weight: normal;
  font-size: 0.916em;
  color: #6e9421;
}

div.hv_user_review p {
  float:left;
  width: 75%;
}

div.hv_user_review ul {
  float:right;
  width: 20%;
  margin: 0 10px 10px 0;
  list-style:none;
  font-size: 0.916em;
  font-weight:bold;
}

div.hv_user_review ul li {
  border-top: 1px solid #9febf5;
  float:left;
  clear: both;
  width: 100%;
  padding:3px 2px;
}

div.hv_user_review ul li:first-child {
  border-top:none;
}

div.hv_user_review ul li img {
  float:right;
}


div.hv_user_review ul li span {
  float:left;
}

div.hv_user_review ul li strong {
  float:right;
}


/* Review form
-------------------------------------------------------------- */

#review_form form {
  border: 3px double #04b9d1;
  margin:20px;
  padding: 20px;
}

#review_form div {
  margin-bottom: 10px;
}

#review_form div input {
  border:1px solid #04b9d1;
  width: 200px;
}

#review_form div textarea {
  border:1px solid #04b9d1;
  width: 500px;
  height: 200px;
  font: 1em Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#review_form label {
  float: left;
  display: block;
  width: 100px;
  font-size: 1.167em;
}

#review_form select {
  width: 200px;
  padding:1px 0;
}

input.noshow {
  display: none;
}

#editform input[type=text] {
  border:1px solid #04b9d1;
  width: 200px;
}

/* Detail meer info
-------------------------------------------------------------- */

p.meer_info_intro {
  font-weight: bold;
}

/* Siteinfo
-------------------------------------------------------------- */

#site_info {
  padding: 10px 10px 15px 20px;
  background: #04b9d1 url(../img/container_bottom_bg.gif) no-repeat bottom left;
}

#site_info h5 {
  margin-bottom: 0.5em;
  font-size: 0.916em;
  font-weight: normal;
  color: #fff;
}

#site_developer {
  float: left;
  width: 227px;
}

#site_developer p {
  margin: 0;
}

#site_developer p a {
  display: block;
  width: 110px;
  height: 44px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/centroid_logo.png) no-repeat;
}

#comparing_sites {
  float: left;
  height: 67px;
}

#comparing_sites ul {
  display: block;
  width: 703px;
  height: 44px;
  margin: 0;
  list-style: none;
  background-color: #fff;
}

#comparing_sites ul li {
  float: left;
  height: 44px;
  line-height: 54px;
  margin: 0 10px;
}

html:first-child #comparing_sites ul li img { margin-top: 12px; } /* fix for opera */

/* Footer
-------------------------------------------------------------- */

#footer {
  clear: both;
  margin-top: 5px;
  text-align: center;
}

#footer p a {
  color: #045f6b;
  text-decoration: none;
}

#footer p a:hover {
  color: #000;
  text-decoration: underline;
}

/* Zoeker
-------------------------------------------------------------- */

#searchheader {
  padding: 35px 20px 0 20px;
  height: 149px;
  background: #04b9d1 url(../img/bg_search.gif) no-repeat;
}

#searchheader form {
  float: left;
  width: 555px;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0 solid;
}

legend {
  display: none;
}

#form_city_persons {
  float: left;
  margin-right: 50px;
  width: 228px;
}

#form_dates {
  float: left;
}

#searchheader #form_city_persons > div,
#searchheader #form_dates > div {
  margin-bottom: 18px;
}

#searchheader label {
  display: block;
  float: left;
  padding: 2px 0;
  font: 1.333em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
}

#searchheader label[for=zoek_plaats] {
  width: 67px;
}

#searchheader label[for=zoek_aankomst],
#searchheader label[for=zoek_vertrek] {
  width: 90px;
}

input[type=text] {
  width: 156px;
  border: 0;
  padding: 2px;
  font: 1.333em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #045f6b;
}

input[type=text]:focus {
  background: #e6fafb;
}

#searchheader select#zoek_personen {
  float:right;
  width: 65px;
  height: 23px;
  color: #045f6b;
}

.datepicker_trigger {
  position: relative;
  top: 4px;
  cursor: pointer;
  left: -24px;
}

#submit_bar {
  float: left;
  width: 100%;
  background: #1cc6dd;
}

#submit_bar input {
  margin: 6px 25px;
  padding: 1px 24px;
  font-size: 1.333em;
  color: #045f6b;
  float: right;
}

#intro {
  float: right;
  width: 260px;
  margin-top: -5px;
  color: #fff;
}

#intro h3 {
  height: 32px;
  margin: 0 0 5px 0;
  text-indent: -9999px;
  background: url(../img/vergelijk_boek_bespaar.png) no-repeat;
}

#intro p {
  padding: 0 10px 0 5px;
  font-size: 1.083em;
}

/* Form check
-------------------------------------------------------------- */

#beschikbaarheid_table {
  position: relative;
  float: left;
  width: 100%;
}

#loader_check {
  position: absolute;
  top: 0px;
  left: 300px;
  border: 3px solid #04b9d1;
}

input.error {
  outline: 1px solid #df4a4a;
  background: #f8dfdf;
}

input.error:focus {
  outline: 1px solid #df4a4a;
  background: #f8dfdf;
}

#form_check {
	display: none;
  float: left;
  margin-top: 2px;
}

#form_check ol {
  float: left;
	list-style-type: none;
  margin: 0 0 0 5px;
}

#form_check li {
  display: block;
  padding-left: 18px;
  background: url(../img/bullet_error.png) no-repeat 0 50%;
}

#searchheader #form_check li label {
  font-size: 11px;
  width: 350px !important;
  float: none;
  color: #ff6;
}

img#loader_home {
  margin: 3px 0 0 10px;
}

/* Breadcrumbs
-------------------------------------------------------------- */

#breadcrumbs {
  height: 25px;
  padding: 0 10px;
  border-left: 10px solid #04b9d1;
  border-right: 10px solid #04b9d1;
  background: #dcf7fa url(../img/breadcrumbs_bg.gif) no-repeat 679px 0;
}

#breadcrumbs ul {
  list-style: none;
  margin: 0;
}

#breadcrumbs ul li {
  float: left;
  padding: 0.5em 0;
  font: 0.916em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0198b3;
}

html:first-child #breadcrumbs ul li {margin-bottom: -1px; } /* fix for opera */

#breadcrumbs ul li a {
  text-decoration: none;
  color: #0198b3;
}

#breadcrumbs ul li a:hover,
#breadcrumbs ul li a:focus {
  text-decoration: underline;
  color: #045f6b;
}

/* Pagination
-------------------------------------------------------------- */

.pagination {
  width: 760px;
  margin: 15px 0;
  text-align: center;
}

.pagination ul {
  list-style: none;
}

.pagination li {
  display: inline;
  margin: 0 2px;
  color: #ccc;
  padding: 3px 0px;
}

.pagination li a {
  padding: 3px 7px;
  color: #04b9d1;
  text-decoration: none;
  border: 1px solid #ccc;
}

.pagination li a:hover,
.pagination li a:focus {
  background: #04b9d1;
  color: #fff;
  border: 1px solid #045f6b;
}

.pagination li.page_active {
  padding: 3px 6px;
  border: 1px solid #ddd;
  font-weight: bold;
  color: #e30b36;
}

.pagination li.page_prev,
.pagination li.page_next {padding: 3px 7px;}
.pagination li.page_prev a,
.pagination li.page_next a {padding: 3px 7px; margin: 0 -7px}


/* Detail navigatie
-------------------------------------------------------------- */

#detail_nav {
  float:left;
  width:940px;
  border-left: 10px solid #04b9d1;
  border-right: 10px solid #04b9d1;
  background: #fff url(../img/detail_nav_bg.gif) repeat-x bottom left;
}
  
#detail_nav ul {
  margin:0 10px;
  padding:25px 0 10px 0;
  list-style:none;
}
  
#detail_nav li {
  float:left;
  margin:0 3px 0 0;
  padding:0 0 0 10px;
  background:url("../img/detail_nav_left.gif") no-repeat left top;
}
  
#detail_nav a {
  float:left;
  display:block;
  padding:7px 20px 6px 10px;
  background:url("../img/detail_nav_right.gif") no-repeat right top;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
}
 
#detail_nav li h1 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  line-height: 1.4;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#detail_nav a {float:none;}
/* End IE5-Mac hack */

#detail_nav a:hover {
  color:#045f6b;
}
  
#detail_nav #current {
  background-image:url("../img/detail_nav_left_on.gif");
}
  
#detail_nav #current a {
  background-image:url("../img/detail_nav_right_on.gif");
  color:#04b9d1;
  padding-bottom:7px;
}

/* Sitemap
-------------------------------------------------------------- */

#sitemap_provinces {
  margin-right: 50px;
}

#sitemap_provinces,
#sitemap_cities {
  float: left;
}

#sitemap_provinces ul,
#sitemap_cities ul {
  margin: 0;
  list-style: none;
}

#sitemap_cities ul {
  float: left;
  width: 200px;
  margin-right: 30px;
}

#sitemap_provinces ul li,
#sitemap_cities ul li {
  padding-left: 20px;
  background: url(../img/bullet_star.gif) no-repeat 0 3px;
}

#sitemap_provinces ul li a,
#sitemap_cities ul li a {
  text-decoration: none;
}

#sitemap_provinces ul li a:hover,
#sitemap_cities ul li a:hover {
  text-decoration: underline;
}

#provincie_info {
  float: right;
  width: 412px;
  padding: 20px;
  border: 1px solid #d6efa4;
  background: #efffcf;
}

/* Plaatsoverzicht (via sitemap)
-------------------------------------------------------------- */

#plaats_info h2 {
  color: #04b9d1;
}

#plaats_fotos {
  float: right;
  width: 440px;
  margin: 28px 0 0 15px;
}

#plaats_fotos img {
  float: left;
  margin: 5px;
  padding: 4px;
  border: 1px solid #04b9d1;
}

/* Homepage
-------------------------------------------------------------- */

#home h2#logo {
  margin-top: 100px;
}

#home #searchheader {
  height: 175px;
}

#home #site_developer,
#home #comparing_sites {
  padding-top: 15px;
  border-top: 1px solid #1cc6dd;
}


/* Clearing floats without extra markup
   [http://www.positioniseverything.net/easyclearing.html]
-------------------------------------------------------------- */

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

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Regular clearing */
.clear { clear:both; }


/* Googlemap popup (JTip)
-------------------------------------------------------------- */

#JT {
  border: 4px solid #04b9d1;
}

#JT_close_left {
  height: 20px;
  padding: 3px;
  background: #e6fafb;
  color: #04b9d1;
}

#JT_close_left p {
  float: left;
  margin: 0;
  font-weight: bold;
}

#JT_close_left a {
  float: right;
  padding: 2px 18px 2px 0;
  background: url(../img/close_map.png) no-repeat right 3px;
  color: #04b9d1;
  font-size: 11px;
}

#JT_close_left a:hover {
  color: #000;
}


/* Loader div
-------------------------------------------------------------- */

#loader {
  clear: both;
  width: 400px;
  margin:10px auto 0 auto;
  background: #fff;
  border:1px solid #04b9d1;
}

#loader-head {
  text-align: center;
  background: #c6d9db url(../img/loader_fade_top.png) repeat-x;
  height:35px;
  padding: 10px 0;
}

#loader-head h3 {
  display: inline;
  margin-left: 10px;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
  position: relative;
  top: -8px;
}

#loader-logos {
  height:18px;
  overflow: hidden;
  text-align: center;
  margin: 5px 0;
}

#loader-logos div {
  height: 18px;
}