/*****************************************************
 **    search boxen auf page 1       
 **********************************/

#searchboxobn { display:none; }

#searchbox {
   position:absolute; top:35px;
   padding: 20px;
   left: 3%;
   width: 94%;
   z-index:99;
   background-color: rgba(255,255,255,0.8);
   border-radius: 3px;
   overflow: hidden;
}

.selArea { 
   width:150px;
   height:40px;   
   overflow:hidden;
   float:left; 
   margin:0 7px;
   border:3px;
   border-radius:4px;
}
.selBtn {
   background: transparent url("/files/droppy.png")  no-repeat; 
   background-position: left center;
   height: 38px;
   min-width:180px;
   -webkit-appearance: none;
   appearance: none;
   /* margin-left: -1px;  */
   border:0;
   padding:5px 10px;
   cursor: pointer;
   font-weight:bold;
}.selBtn:hover {
    border-color: #FFEB00 #FFC200 #CA9C4A #FFEB00;
    color: #462C00;
}.selBtn:active {
    border-color: #FFEB00 #FFC200 #CA9C4A #FFEB00;
    color: #462C00;
}.selBtn * { background: #fff; height:1.5em; }




/****************************************************
 **    LISTEN Ansichten       
 *************************/

#maplink1 {
   float:right;
   border-radius:5px;
   width: 200px;
}#maplink1:hover {background: #FCF6D7}
#maplink1 a {color: #DA8D00;}

#conti {
 /*  width:90%; */
   min-height:1200px;
   margin-top: 15px;
}

.continent {
	display: block;
	padding: 10px 5px 10px 40px;
}
.continent h2 {
	margin:0;
	padding:0;
}

.hlist {overflow:hidden !important;}

.clist {
   margin-top: 30px;
   font-family: 'Open Sans',sans-serif; 
/*   
   font-weight: normal;
   font-size: 1em !important;
*/
}

.clist h2 {font-size:28px;margin-top: 8px;}

.clist li { 
  text-align: left;
  border-top: 2px solid #e9c300;
  border-collapse: collapse;
  display: inline-table;
  width: 100%;
  height: 46px;
  margin-bottom: 30px;
}

.liCountry {
  text-align: left;
  vertical-align: middle;
  border-top: 2px solid #e9c300;
/*  border-top: 2px solid #99BD1A; 
    border-top: 2px solid #8B5842; */
  border-collapse: collapse;
  display: block;
  width: 100%;
  padding: 20px 10px;
  margin: 40px 0 10px 0;
/*  background-color: #f7f7f3; */
  background-color: #FDFAF5;
}

.liCountry > h2 {
    vertical-align: middle;
    display: inline-block;
    /* font-size: 1.4em; */
    color: #777777;
    padding: 0;
    margin: 0;
}

.clist .list {margin-top:30px}

.clistFlag {
   margin: 25px 30px 30px 25px;
   vertical-align: middle;
}

.shortdesc {font-size:1em;line-height:1.5em;clear:both;}

.hentry { width:100%;overflow:hidden; }

.hentrypic {
  max-width: 350px;width: 30%;
  float: left; 
  line-height: 0;
  background-color: #fff; 
  padding:0px; margin: 0px 3% 22px 0px;
/*
  border: 1px solid #ddd;  
  -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.35);
  -moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.35);
  box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.35);
 */
}
.hentrypic img { margin:0;width:100% }

.hentrytext {
 margin: 10px 0 10px 2%;
 float: left;
 width: 31%;
}
.hentrydesc {
 font-size:0.8em;line-height:1.5em;clear:both;
}

.hentryinfo {
  border: 1px solid #F7F1DA;
  float:right; margin: 0px;
  width: 200px;
  min-height:180px;
  overflow:hidden;
  font-family: OpenSansCond, helvetica,sans-serif;
  font-weight: bold;
  text-align: center;
}
.hentrybtn {
  margin: 4px auto 10px auto;
  padding: 0 20px;
  width: 80%;
  text-decoration: none;
  font-size: 16px;
  font-family: OpenSansCond, helvetica,sans-serif;
  background: #F2BB4F;
}.hentrybtn:link {  color:#fff;}.hentrybtn:visited {  color:#FFF8EC;}.hentrybtn:hover {color:#fff; background: #F9A80B;}

.vt {
  text-align: right; 
  padding:8px 25px;
  font-size: 16px !important;
  line-height: 1.2em;
}
.pv, .vg, .vf {   color: #666666; background: #FFF7E9}

a.lightup:link { 
/*
	color: #560; 
*/
	font-weight:normal !important;
	float:right;
	margin: 7px 10px 0 0;
	padding:0 7px;
	border-radius:2px;
	height: auto;
	line-height: 1.6em;
}

#listlist h2 {font-size:1.3em;}
.listings {
   padding: 5px 10px 5px 10px; overflow:hidden;
   border-bottom-style: dotted;
   clear:both;
}
.listings h4 {font-size:1em;}
.listings .hotelname {font-size:0.8em;}
.listsel {
   background-color:#FFF7D0;
}

#filterCurrent {
   width:300px; margin: 40px auto 40px 40px; padding: 15px 10px 3px 15px;
   line-height: 1.4em; border: 1px solid #e9c300; border-radius: 2px;
  /*  background-color:#FCF6D7; */
}

#filteroptions {
   width:200px;
   float: right;
   overflow: hidden;
}

.filterbox {
   width:100%; 
   overflow: hidden;
   z-index:1000;
    border: 1px solid #e9c300;
 /*   background-color:#FCF6D7;
    border-radius: 5px 5px 0 0;
  */
   border-radius:2px;
   margin-bottom:40px; 
   background-color:#fff;
}

.filterbox h2 {
   padding: 10px 15px 0 15px;margin: 0; border-radius: 5px 5px 0 0;
   border-bottom:0;width:100%;height: 38px;
}

.filterbox h4, sGroup {
   margin: 0px 0 5px 5px; padding: 3px 5px 3px 25px; 
   font-size:15px;color:#DA8D00;
   font-weight: bold;
   line-height: 32px;
}

.filterbox a {
   text-decoration: none;
   color:#DA8D00;
   font-size:15px;
}

#banners {
   width: 99%;
   margin: 70px 0 40px 0;
   padding: 10px;
   background-color: #FFF7E4;
   line-height: 1.5em;
   border: 1px solid #e9c300;
}

a.newwin:hover, a.lightup:hover, a.sGroup:hover {
/*	background: #FFF7E4; */
}

#maplink {
  height: 207px; 
}

.specials {
  padding: 4px 8px !important;
  line-height: 30px !important;
}
.specials a {text-decoration:underline;}
.specials:hover{background: #FFF7E4;}

.aarrow {display:none;float: right; width:19px; height: 17px;margin-top:8px;}
a.dets:link {float:right;margin:0px 10px;font-size:0.7em;padding:3px;}


/****************************************************************************
 **  search 2015-08
 *****************************/


h2 { padding: 0 0 8px 0; margin:0;  }
/* h3 {margin:10px 0 5px 0 !important;} */

.pTop { padding-top:5px; }
#themebox { margin-top:40px; }
#themebox div { margin: 5px 0 20px;} 
#themebox .onethird { width:32.6%; border:1px solid #D2D2D2;margin-right:1%; text-align: center;}
#themebox .half { width:43.6%; border:1px solid #D2D2D2; float:left; margin-right:1%; text-align:center;}
#themebox h2 {font-size:2.25em !important;margin: 22px auto !important;}
#themebox h3 {font-size:20px;margin: 5px auto;}

.onethird img, .half img {width:100%;}
.last { margin-right: 0; padding-right: 0;}
.cliks { cursor:pointer;}
.goBtn { float:right;margin-right:10%; }
#searchIFBox {margin-top:20px;overflow:visible;color:#000;}
.searchIF { display:none; margin-top:50px;width:100%;overflow:hidden;border: 1px solid #dddddd; }
.searchIFHead {vertical-align: middle;padding: 10px 20px;}

.linklist { text-align:center; } 
.linklist a { display: inline-block; color: #444444;font-weight: normal !important; background-color: #f7f7f3; width: 90%;
height: 40px; padding: 9px; margin-bottom: 4px; }
.linklist a:hover { background-color: #eaaf36; color:#fff}

.plaincol { margin-right:0%;width: 33%; }

#regionsearch { 
   background-image: url('/files/world2.png'); background-repeat: no-repeat; 
      background-position-y:105px; background-position-x: 50px; 
}


/* ACHTUNG: auch auf mobile checken */
#eu, #na, #sa, #as, #af, #au { overflow: hidden; margin-bottom: 1em; } 
/*
#sa { height: 107px; }
#eu { max-height: 570px; } 
#na { max-height: 280px; }
#sa { max-height: 154px; }
#as { max-height: 310px; }
#af { max-height: 135px; } 
#au { max-height: 65px; }
#as { height: 107px; }
*/

.sandy {background:#f7f7f3;}
#cSearch { background-color: rgba(255, 255, 255, 0.83); padding: 30px 3% 30px 5%;} 
#dSearch{padding: 30px 3% 30px 5%;}

#mapBanner { 
   position: relative; border: 1px solid #dddddd; margin:20px 0 30px 0; padding:0; 
      height:250px; width:100%; max-width:255px; text-align:center; 
         background: url('/files/map-view.jpg') center; background-size: cover; 
}

#mapBottom { 
    position: absolute; bottom: 0; margin:0; width: 100%; padding:14px 5%; background-color:
    rgba(255,255,255,0.7); 
}

#regionsBox { border-top: 2px solid #e9c300; overflow:hidden; margin:0 0 35px 0; padding-top:20px; }

.off { color: #bbbbbb; }

.liList { padding:13px 0px 13px 25px;  }
.liList ul { list-style-type: none; padding:0; }
.liList ul li { 
   float:left; display: inline-block; 
   border: 1px solid #dddddd; margin:0 1% 15px 5px;
   text-align: center; background-color:#b5c788;
   width:23%;
}
.liList ul li:hover{background-color:#eaaf36}
.liList ul li img { max-width: 411px; width: 100%; }
.liLink { 
    padding: 3px; color: #fff;
    font-weight: normal; font-size: 1.2em;
    line-height: 1.1em;min-height:2.6em;
}
.plaincol { float: left; vertical-align: top; overflow: hidden; }
.plaincol ul, .w5 ul {list-style-type: none;padding: 0px; }
.onefourth {
     width: 25%;
}
.plaincol p, .w5 p, .w5 .leftbox { 
   line-height:22px; 
   margin:0; 
   vertical-align: middle; text-align:left;
}
.plaincol h3+p { margin:10px 0 0 0 }
.plaincol input, .w5 input { margin:0 6px 0 0;height:18px;}
input[type=checkbox], input[type=radio] {
    vertical-align: text-bottom;
    position: relative;    bottom: 1px; margin-right:3px;
}

.form_warning { padding:3px;background-color: #FFF2DA;}
ul.form_warning  { padding: 0 25px; }
input.text, textarea { width: 70%; max-width: 500px;min-height:1.8em;margin:5px 0;padding:3px;}
/* label {display: inline-block; width:200px;vertical-align:top;text-align:left;} */
.formcheckbox { line-height:1.5em; margin:0; }
label.checkbox {width:70%;}
.w8  {width:80%;}
.w5  {width:50%;}
.w5s {width: 100%; }
.w_2-3 { width: 66%; }
.wa  {display: inline-block; width:auto;}
.ws  {width:20% !important;}
.hs {height: 50px; }
.bs  {width: 40px !important; }
.submit {margin:35px auto 20px 50%; }
.leftbox  {float:left; vertical-align: top;  }
#filt_refresh {float:left;margin-top:20px;clear: both; }
#filters { overflow: hidden; background-color: #f7f7f3;margin-top:20px; padding: 12px 12px 12px 20px; }
#hotellist {display:none;}
.listings a.dets:link { font-size:0.8em;}



/* hotel page  */
.hotelview h2 {font-size:1.5em;margin-top: 15px;}
#vhdesc h4, #vhdesc h3 { margin: 25px 0 0;}

.h_gal{float:right;position:relative;width:33%;height:fit-content;}
.h_greybox{padding:1.5em 2em; background-color: #f7f7f3;width:63%;}
.lupe { position:absolute;left:0px;top:0px;}
.lupe img { width:40px;height:40px; opacity: .85;}
.lupe img:hover {opacity: 1}

.icoOrange {color: rgba(255, 255, 255, 0.75); font-size:4.7vw !important;}
.icoOrange:hover{color:#f7bd23}
.playSlides{position:absolute; top:110px;left: calc(50% - 2.3vw)}
#hpiclist {
   padding: 20px 0 0 20px;
   border: 0px solid #aaa;
   width:100%;
}
#hpiclist img {width:100%;margin: 0 0 5px;}

/* 2 column display with 2% margin in between */
.width50{width:49% !important}
.width50r{margin-right:2% !important}

#h_feats{border: 0px solid #aaa;margin: 30px 10px 0px 10px;}
#h_price{margin:2em 0 3em;padding:1.5em 2em; background-color: #f7f7f3;width:63%;}
#h_price ul{
    margin:10px 0 0 0;
    padding-left: 20px;
    list-style-image: url(/files/bullet_green.png);
    color: #656565;
    font-weight:bold;
}
#h_priceinfo{ font-size:0.9em;line-height:1.5em;margin:15px 0 10px;}
#h_adrs{margin:25px 0 2.5em;padding:1.5em 2em; background-color: #f7f7f3;width:63%;}
#h_adrs p {font-weight:normal;margin-bottom:1em;}
#h_url {margin:10px 0 15px}
a.h_url { 
    color:#90431d;
    font-size: inherit;
    font-weight: bold;
    margin:10px 0 30px 0;
    padding: 6px 20px 8px;
    min-width: 230px;
    border: 1px solid #90431d;
    border-radius: 3px;
}
/* .h_url a:hover{background-color: #f7bd23;color: #fff !important;border-radius: 3px;} */
a.h_url:hover{background-color:#f7bd23;border-color:#f7bd23;color: #fff !important;}

/* map on Hotel detail page */
.hotelmap {
   /* height:300px; */
   width: 63%; 
}

#paspartout {
   margin:0;width:100%;max-width:1200px; 
}


/* custom checkboxes */

#filters input[type="checkbox"],
#searchIFBox input[type="checkbox"] {
  display:none;
}

#filters input[type="checkbox"] + label::before,
#searchIFBox input[type="checkbox"] + label::before {
  width: 19px;
  height: 16px;
  background-image: url("/images/checker.png");
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}

#filters input[type="checkbox"]:checked+label::before,
#searchIFBox input[type="checkbox"]:checked+label::before {
  background-image: url("/images/checker-on.png");
}