/*** searchbox expanded with sitemap ***/
.sitemapIntroBlock
{
	position: relative;
  padding: 5px;
  margin-bottom: 25px;
}

.sitemapIntroBlock h1
{
  color: #353896;
  font-size: 110%;
  margin-bottom: 5px;
}

.sitemapIntroBlock p
{
	margin: 0 0 1em 0;
	line-height: 1.4em;
  color: #444;
}

.sitemapIntroBlock p.last
{
	margin-bottom: 0.5em;
}

.sitemapIntroBlockExpand
{
	position: relative;
  padding: 5px;
  margin-bottom: 0px;
}

.sitemapIntroBlockExpand h1
{
  color: #353896;
  font-size: 110%;
  margin-bottom: 5px;
}

.sitemapIntroBlockExpand p
{
	margin: 0 0 0.5em 0;
	line-height: 1.4em;
  color: #444;
}

.sitemapIntroBlockExpand p.last
{
	margin-bottom: 0.5em;
}

#search-box #search-by-sitemap .content
{
  padding: 5px 5px 5px 25px;
}

.sitemapTab
{
  width: 140px;
  float: left;
}

.sitemapTab li
{
  background-image:url("/img/arrow_right.gif");
  background-position: 0px 3px;
  background-repeat:no-repeat;
  padding: 0 0 0 10px;
}

.colContainer
{
  margin-bottom: 10px;
}

/*** SEARCH BOX ***/
#search-box {
  position:relative;
  padding:21px 0 21px 0;
  margin: 1.5em 0 15px 0;
  width:100%;
}
body .search-box-collapsed {
  height:0;
  overflow:hidden;
  padding-bottom:0!important;
  border-bottom: solid 1px #353896;
  background-image:url("/img/bg_result_resize-arrow.gif");
  background-repeat:no-repeat;
  background-position:100% 12px;
  cursor:pointer;
  cursor:hand;
}

#collapsed-text {
  display:none;
  position:absolute;
  top:4px; right:7px;
  color:#333399;
}
.search-box-collapsed #collapsed-text {
  display:inline;
}
.search-panel-collapsed {
  padding-bottom: 0;
  width:100%;
}

#expanded-text {
  display:none;
  position:absolute;
  top:4px; right:7px;
  color:#333399;
}
.search-box-expanded #expanded-text {
  display:inline;
  cursor:pointer;
  cursor:hand;
}

.q42 {
  color:Lime!important;
}

/*** SEARCH BOX LABELS ***/
#search-box h5 label {
  position:absolute;
  top: 3px; left:20px;
  padding-top:2px;
  overflow:hidden;  
  font-weight:normal;
  text-align:center;
  color:#333399;
  cursor:pointer;
  border-bottom: solid 1px #9895c4;
}

/*** SEARCH PANELS ***/
#search-box .content {
  overflow:hidden;
  border:solid 1px #9895c4;
  background-color:#fff;
}
.search-panel-collapsed .content {
  height:1px;
  display:none;
  overflow: hidden;
}

/*** SEARCH OPTIONS ***/
.option-content {
  overflow:hidden;
}
.option-collapsed .option-content {
  height:1px;
  display:none;
  /* visibility: hidden; */
  overflow:hidden;
}
.gecko #search-full-1.option-collapsed .option-content { /* Hier mag GEEN spatie tussen #search-full-1.option-collapsed */
  display:block;
  visibility:hidden;
  /* overflow:hidden;
  height:1px; */
}
.option-expanded .sub-option-content {
  height:auto; 
}

/*** SUB SEARCH OPTIONS ***/
.sub-option-collapsed {
  height:1px;
  display:none;
}
.sub-option-expanded {
  height:auto; 
}

/*** SEARCH FULL CONTENT ***/
#search-box .h7 {
  margin-top:1em;
  font-size:100%;
}
#search-full-options {
  padding: 10px 0 0 10px;
  width: 580px;
  margin: 0 0 10px 0;
}
#search-full-options li {
  clear: left;
}
#search-full-options h6 {
  height: 22px;
}

/*** TABS WITHIN A SEARCH PANEL ***/
div.search-tabs {
  margin: .6em 4px 0 4px;
  padding: 0 0 1px 0;
  _padding-bottom:0;
  background-image:url("/img/c2c3df.gif");
  background-repeat:repeat-x;
  background-position:bottom;
}

div.search-tabs a 
{
  display: inline-block;
}

div.search-tabs a:hover {
  text-decoration:none;
}

div.search-tabs a {
  padding: .2em 1.6em 0 1.6em !important;
  margin: 0 .5em 0 0;
  border: solid 1px #c2c3df;
  border-bottom: 0px;
  cursor: pointer;
  background-color: #fff;
}

div.search-tabs a strong {
  color:#f90;
}

* html div.search-tabs a {
  display: block;
  float: left;
}

div.show-flashmap a#search-full-1-tabFlashmap,
div.show-googlemap a#search-full-1-tabGooglemap {
  border-bottom: solid 1px #F6F5FB;
  background-color: #F6F5FB;
}

div.show-flashmap #search-full-1-flashmap,
div.show-googlemap #search-full-1-googlemapsearch {
  display: block;
}

div.show-flashmap #search-full-1-googlemapsearch,
div.show-googlemap #search-full-1-flashmap {
  display: none;
}

div.show-countrymap2 a#search-full-1-tabFlashmap,
div.show-flashmap2 a#search-full-1-tabCountry {
  border-bottom: solid 1px #F6F5FB;
  background-color: #F6F5FB;
}

div.show-flashmap2 #search-full-1-flashmap,
div.show-countrymap2 #search-full-1-countrysearch {
  display: block;
}

div.show-flashmap2 #search-full-1-countrysearch,
div.show-countrymap2 #search-full-1-flashmap {
  display: none;
}

#search-full-1-countrysearch {
  position: relative;
  margin-top: 5px;
}

#search-full-1-googlemapsearch {
  position: relative;
  height: 304px;
}

#googleMapSearchLeftColumn {
  margin: 4px 0 0 4px;
}

#googleMapSearchCanvas {
  width: 394px;
  height: 294px;
  border: solid 1px #C2C3DF;
  overflow: hidden;
}

#googleMapSearchRightColumn {
  position: absolute;
  top: 0; left: 400px;
  width: 170px;
  margin-left: 5px;
}

body #googleMapSearchRightColumn p.reset {
  float: none;
  margin: 1ex 0 0 0;
  width: auto;
}

/* Bart 26.10: Issue 5824: fix Search: bestemming en accommodatie in IE7 */
#search-full-options .col2 ul, #search-full-options .col2 li 
{
    padding: 0;
}
#search-full-options input 
{
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: 2px;    
    vertical-align: middle;
}

#search-box h6 {
  background-color:#FFFFFF;
}

#search-box h6 label {
 display :block;
  _margin-bottom:-3px;
  padding:4px 0 0 22px;
  background-image:url(/img/bg_search-menu-item.gif);
  background-position:right bottom;
  background-repeat:no-repeat;
  color:#333399;
  font-weight:bold;
  cursor:pointer;
  height:22px;
  voice-family:"\"}\""; 
  voice-family:inherit;
  height:18px;
}

#search-box h6 .hover {
  background-image:none;
  background-color:yellow;
}
#search-box .option-expanded h6 label { 
  background-image:url(/img/bg_search-menu-item_open.gif);
}

#search-box .option-content
{
  background-color:#F6f5fb;
}

.option-content {
  /* position:relative; */
  width:100%;
}

/*** RESET ***/
.reset
{
  text-align:left;
  margin-bottom:4px;
  border-top: solid 1px #dddddd;
  padding: 1ex 0 1ex 0;
  margin: 1ex 1ex 0 1ex;
  clear: both;
}

.reset-button,
.ok-button 
{
  margin-right:10px;
  border:solid 1px #333399;
  background-color:#ffffff;
  width:90px;
  height:18px;
  text-align:center;
  font-weight:bold;
  font-size:95%;
  cursor: pointer;
}

.button-ok
{
  margin-right:10px;
  width:90px;
  height:18px;
  text-align:center;
  cursor: pointer;
}

.button-reset
{  
  color:#333399 !important; 
  border-color:#EAEAF4;
  cursor: pointer;  
  margin: 5px;
}

.reset-button 
{
  color:#333399 !important; 
  background-color:#ffffff;
  border-color:#EAEAF4;
}

.ok-button
{
  background-color:#333399;
  color:#ffffff; 
}

/*** PERIOD ***/
#search-full-3
{
  color:#626262;
}

#search-full-3 .option-content {
  position:relative;
}
#date-of-arrival-box {
  position:absolute;
}
#date-of-arrival-box .h7 {
  margin-left:22px;
}
#calendar {
  width:232px; height:163px;
  margin:6px 22px;
  border:none;
}
#period-of-arrival-box {
  padding-left:300px;
  height:200px;
}

#period-of-arrival-box .h7,  #duration-box .h7
{
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 1ex;
    margin-bottom: 1ex;
}

#duration-box {
    /* border-top: 1px solid #DDDDDD; */
  position: absolute;
  top:0px; 
  left:300px;
}

#bandwidthOptions
{
  padding-left: 20px; 
}

#duration-box input 
{
    margin-top: -1px;
    margin-bottom: -1px;
}

#duration-box div 
{
    height: 2em;
}

#period-of-arrival-box *, #duration-box * 
{
    /* padding: 0;
    margin: 0; */
}

#search-full-3 p.reset 
{
    margin-top: 1.5em;
}

.first-label,
.second-label
{
  display:block;
  float:left;
  clear:left;
  width:120px;
}

.second-label
{
  padding-top:2px;
  padding-left:4px;
  width:91px;
  margin-left: 16px;
}

.ie label[class="second-label"] /* For IE7 */
{
  padding-left:10px;
  width:87px;
}

* html .second-label
{
  margin-left:12px;
  width:92px; 
}

/*** SEARCH FULL SUBMIT ***/
.content table {
  width: 100%;
}

#search-full-submit-box 
{
  width: 137px;
  vertical-align: top;
}

#sitemap #search-full-submit
{
  float:right;
}

#resultCount
{
  color:#fe9900;  
}

.disabled #resultCount
{
  color: #C2B1B3!important;
}

.disabled #totalsBox #resultCount
{
  color: #A1A2CE;  
}

.ie55show
{
    padding-top:.2em;
    font-size: 1.5em;
    font-weight:bold !important;
    color:#fe9900;
}
.ie55holidays
{
    font-size: 1.5em;   
    color:#fe9900;
}

#resultCount
{
    font-size: 2em;
}

#accommodationCount 
{
    display: none;
}

.ResultBoxTop .resultFound
{
  float: right;
  padding-top: 0px;
  font-size: 80%;
  font-weight: bold;
  color:#333399;
}

.buttonText
{
  margin: 17px 0 0 0;
}

#resultCountShow,
#resultCountHolidays
{
  color: #353896;
  display: inline;  
}

#resultCountShow 
{
  margin-right: 3px;
}

#sitemapIntroBlock #search-alternatives-submit
{
  float:right;
}

#alternativesBoxNoBackground
{
  width: 122px;
  height: 38px;
  padding-top: 0px;
  margin-right: 6px;
  margin-top: 1px;
  font-weight: bold;
  color: #000000;  
  font-size: 1.2em;
  text-align: center;
  cursor: pointer; 
}

.alternativesTop .resultFound
{
  float: right;
  padding-top: 0px;
  font-size: 80%;
  font-weight: bold;
  color:#333399;
}

.alternativesButtonText
{
  margin: 17px 0 0 0;
  color: #333399;
}

#resultCountAlternatives
{
  display: inline;  
  color: #333399;
}

#loadingBox 
{
    margin-top: 3em;
}

/*** SEARCH BY CODE ***/
#search-by-code .content {
  padding:1px;
}

  #search-by-code .content form {
    margin: 0; padding: 0;
  }

  #search-by-code .content fieldset {
    border: none;
    margin: 0; padding: 2em;
  }
  
  #search-by-code .content td {
    vertical-align: top;
  }
  
  #search-by-code-message 
  {
  position:absolute;
  top:70px; left:215px;
  color: orange;
  }
  
  #search-by-code-label {
    width: 30%;
  }
  
    #search-by-code-label label {
      font-weight: bold;
      color: #353896;
    }
    
  #search-by-code-input {
    width: 40%;
  }
    
    #search-by-code-input input {
      width: 300px;
    }
    
    #search-by-code-input span {
      font-weight: bold;
    }
    
  #search-by-code-submit {
    width: 30%;
    padding-left: 1em;
  }

#search-by-code-form {
  padding:20px;
}

/*** SEARCH FOOTER ***/
#search-footer .dummy {
  width:100%;
  font-size:1px;
  line-height:1px;
}

#search-preferences {
  position:absolute;
}

#reset-selection {
  position:absolute;
  left:0;
  margin-top:4px;
}

  #reset-all .reset-button {
    width: auto;
    padding: 0 11px !important;    
    cursor:pointer;
    cursor:hand;
  }
  
.search-panel-collapsed #search-preferences,
.search-panel-collapsed #reset-all {  
  display:none;
}

/*** Search by Country ***/

#search-full-1 
{
    color: #626262;   
}

#search-full-1 #areaUL input
{
    margin-top: -2px;
    margin-bottom: -2px;
}

#search-full-1 #areaUL li 
{
    height: 1.3em;
}

#search-full-1 .country-map-chooser
{
  border:solid 1px silver; /* @@TODO */
  
  border:solid 1px #333399;
  margin: 4px;
  
  width:300px;
  height:300px;
  background-color:#EEEEEE;
  float:left;
}

#search-full-1 .country-chooser
{
  float:left;
  margin-left:10px;
}

#search-full-1 ul.area-sublist
{
  padding-left:0px;
}

#search-full-1 ul.dest-sublist
{
  padding-left:30px;
}

#search-full-1 .h7 
{
  margin: 1ex 0 1ex 0;   
}

#search-full-1-flashmap p.reset 
{
 width: 255px;
 float:right;
 margin-top: -37px;
}

#search-full-1-countrysearch p.reset 
{
	margin-top: 1px;
}

#search-full-1 .hrdiv 
{
    width: 250px;
    margin: 1em 0 1em 0;
}

#areaULcontainer
{
  height: 200px;
  width: 250px;
  overflow: auto;
}

.ie #areaULcontainer[id="areaULcontainer"] input
{
    margin: 0;
}

/* #search-full-2 .innerContent
{
  padding:20px;
} */

#search-full-2 label.companyLabel
{
  color:#626262;
}

/* #search-full-2 p.reset
{
  border-top: solid 2px #ddd;
  margin: 4px 4px 4px 0; padding-top: 5px;
} */

#search-full-2 .innerContent 
{
  margin: 1em;
}

#fc_map {
  position: relative;
}



/* bestemming en accommodatie */
#search-full-4 .innerContent1
{
  width:405px;
  color:#626262;
  float:left;
  display:inline;
}

/* #search-full-4 p.reset
{
  border-top: solid 1px #ddd;
  margin: 4px; 
  padding-top: 5px;
} */

#search-full-4 .border-panel
{
  margin:4px; 
  border:solid 1px #333399;
  background-color: #EAEAF4;
  padding:4px;
  padding-left:8px;
  /* width:397px; */
}

#search-full-4 li 
{
    height: 1.5em;
}

#belowInnerContent1
{
  font-style:italic;
  margin-left:10px;
  margin-top:16px;
  width:385px;
}


#belowInnerContent1 label
{
  float:left;
}

#belowInnerContent1 select
{
  float:right;
}

/* Budget huursom */
#doublesidedslider
{
  height: 57px;
  margin-top: 13px;
  position: relative;
}

#bar
{
  position:absolute;
  top:13px; 
  left:100px;
  width:325px; 
  height:10px;
  line-height:1px; 
  font-size:1px;
  border:none;
  background-color:#DBDBED;
  background: url(/img/search_budget_bg.gif);
}

#sliderLeftLabel 
{
  position: absolute;
  top: 10px; 
  left: 10px;
  text-transform: lowercase;
  width: 80px;
}

#sliderRightLabel 
{
  position: absolute;
  top: 10px; 
  left: 440px;
  text-transform: lowercase;
  width: 80px;
}

ul#sliderRulerNumbers 
{
    position: absolute;
    top: 28px; 
    left: 118px;
    width: 325px; 
}

ul#sliderRulerNumbers *
{
    padding: 0; margin: 0;
}

ul#sliderRulerNumbers li 
{
    display: inline;
    clear: none;
}

ul#sliderRulerNumbers li div 
{
    display: block;
    float: left;
    width: 54px;   
    clear: none;
}

#bar .slider
{
  position:absolute;
  top:-4px;
  width:11px; 
  height:17px;
  line-height:1px; 
  font-size:1px;
  border:solid 1px white;
  background: url(/img/search_budget_slider.gif);
  cursor: pointer;
}

#leftSlider 
{
    left: -7px;
}

#rightSlider 
{
    left: 317px; 
}

#leftSlider .caption, #rightSlider .caption
{
  position:absolute;
  top:-14px; 
  left:-5px;
  width:4em; 
  height:1em;
  font-size:12px;
  line-height:1em;
  font-weight:bold;
  text-align:center;
  color:#353896;
}

#range 
{
  position:absolute;
  top:2px; 
  left:4px;
  width:313px; 
  height:6px;
  line-height:1px; 
  font-size:1px;
  border: none;
  background-color:#353896;
}

#search-full-5 .innerContent
{
  color:#626262;
  padding-left:22px;
}

#search-full-5 label
{
  padding-right:0px;
  font-weight:bold;
}

#search-full-5.disabled * {
  color:#CCCCCC;
  cursor:default;
}

#search-full-5.disabled h6.hover {
  background-color:#FFFFFF;
}

/* kolom 2 */
#search-full-4 .innerContent2
{
  float:left;
  display:inline;
  padding-left:10px;
  padding-top:8px;
  font-style:italic;
  color:#626262;

}

span.search-label
{
  width:180px;
  display:block;
  float:left;
}

.search-summary-noselection
{
  float:left;
  margin-left:10px;
  color:#626262;
  font-style:italic;
  font-weight:normal;
}

.search-summary-selected
{
  float:left;
  margin-left:10px;
  color:blue;
  font-style:italic;
  font-weight:normal;
}

/* Generic HR -- grey stripe */
hr
{
  height:1px;
  border:solid 1px #DDDDDD;
  margin: 5px 10px 5px 0;
}

* html hr
  {
    margin: 0;
    margin-right: 10px;
  }

.clear { clear:both; line-height: 1em; height:0; margin:0; }
.clearDiv { clear:both; line-height: 1px; height:0; margin:0; }

/* Generic selectbox setting */
#search-box select
{
  font-size:95%;
  color:#333399;
}

div[class="border-panel"]
{
  /* height: 210px; */
}

div[class="innerContent2"]
{
  margin-left: 10px;
}

div[id="duration-box"]
{
  width: 422px;
}

label[class="second-label"]
{
  /*margin-left: 16px;*/
  /*padding-left: 0;*/
}

select[id="duration-max"]
{
  margin-left: 7px;
}

li[id="search-full-4"] .innerContent1
{
  padding-bottom: 10px;
}

/* Specific width fixes */
#selCountry {
  width: 10.5em;
}
#selNumberOfPeople {
  width: 10em;
}

#period-of-arrival {
  width: 5em;
}

#duration-box hr
{
  margin-top:5px;
  margin-bottom:12px;
}

* html #duration-box hr
{
  margin-top:0px;
  margin-bottom:0px;
}

#duration-no-preference-spacer
{
  height:15px;
  display:block;
  margin-left:11em;
}

#period-of-arrival-box hr
{
  margin-top:5px;
  margin-bottom:5px;
}

* html #period-of-arrival-box hr
{
  margin-top:0px;
  margin-bottom:0px;
}

#number-of-bedrooms {
  width: 15em;
}

#duration-exact-value {
  width: 12em;
}

select[id="duration-exact-value"]
{
  /*margin-top: 17px;*/
}

#loadingBox
{
  height:41px;
  width:115px;
  text-align:center;
  clear:both;
}
#loadingImage
{
  width:30px;
  height:30px;
}   
.loadingHidden
{
  display:none;
}

.loadingShown
{
  display:block;
}

.totalsHidden
{
  display:none;
}

.totalsShown
{
  display:block;
}

#search-selection-div 
{
  position:absolute;
  left:225px;
  margin-top:4px;
}

#search-selection
{
  color:#333399;
  font-weight: 700;
}

#search-selection-text
{
  color:blue;
  font-style: italic;
}

.hidden { display: none; }
.shown { display: block; }

.sitemap-list .read-more .iscollapsed
{
  margin-top: -0.5em;
}

.sitemap-list .read-more .isexpanded
{
  margin-top: 0px;
}

.sitemap-list .panel-content
{
}

.info_camp2relax
{
	padding-left: 6px;
	margin: 0 !important;
}

.info_selectcamp
{
	padding-left: 10px;
	margin: 0 !important;
}

.groupCountSearch
{
  font-size:80%;
  color: #9999cc;
}

.groupCountSitemap
{
  font-size:80%;
  color: #9999cc;
}

.groupCountAcco
{
  font-size:80%;
  color: #9999cc;
}

.groupCountSubPage
{
  font-size:80%;
  color: #9999cc;
}

.country-list
{
  line-height: 1.2;
}

.country-list li
{
  /* M$ bugfix */
  zoom: 1;
  padding-left: 2em;
}

.country-list li.panel-expanded
{
  background-image: url("/img/arrow_down.gif");
  background-repeat: no-repeat;
  background-position: .8em .8ex;
}

.country-list li.panel-collapsed
{
  background: url("/img/arrow_right.gif");
  background-repeat: no-repeat;
  background-position: 1em .5ex;
}

.country-list h3 
{
  height: 15px;
  color: #353896;
	cursor: pointer;
}

.country-list h3:hover
{
  text-decoration: underline;
}

.country-list table 
{
   width: 100%;
   /*border: 1px solid white;*/
   border-collapse: collapse;
   background-color : #eeeef6;
   margin-top: -1px;
}

.country-list table td, .country-list table th
{
  /*border: 1px solid white;*/
  padding: .4ex 1ex .4ex .5em;
  color: #444;
}

.country-list table th
{
  background-color: #e2e1f1;
}

.country-list .country-list-spacer
{
 margin-bottom: 2ex;
}

.panel-content
{
  overflow:hidden;
  width:100%;
}

.panel-collapsed .panel-content {
  height:1px;
  display:none;
}

.c_tde {
	width:4%;
}
.c_tdf {
	width:32%;
}