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

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

#conti {
   max-width: 905px;
}

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

.hlist {overflow:hidden !important;}

.clist { 
   font-weight: bold;
   font-size: 1em !important;
}

.clistFlag {
   width: 20px;
   margin: 0px 20px;
   vertical-align: middle;
}

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

.liCountry > h2 {
 vertical-align: middle;
 display: inline-block;
 color: #777777;
 padding: 0;
 margin: 0;
}

.hentry { width:100%;max-width: 900px;overflow:hidden; }
.hentry .hline { border-color:#BB8871; }

.hentrypic {
  max-width: 250px;width: 30%;
  float: left; 
  line-height: 0;
  background-color: #fff; 
  padding:0px; margin: 0px 3% 22px 0px;
}

.hentrytext {
  margin: 10px 0 10px 2%;
 float: left;
 width: 31%;
}

.hentrytext p {
 font-size:0.8em;line-height:1.5em;letter-spacing: 0.03em;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 { background: #FFF7E9}

a.lightup:link { 
	color: #560; 
	float:right;
	margin: 7px 10px 0 0;
	padding:2px;
	border-radius:2px;
}

.listings {
   padding: 5px 10px 5px 10px; overflow:hidden;
   border-bottom-style: dotted;
   clear:both;
}

#filterCurrent {
   width:300px; margin: 40px auto 40px 40px; padding: 15px 10px 3px 15px;
   line-height: 1.4em; border: 1px solid #99BD1A; border-radius: 2px;
}

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

.filterbox {
   width:100%; 
   overflow: hidden;
   z-index:1000;
    border: 1px solid #99BD1A;
   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 #99BD1A;
}

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;}

/** up-scroller in "countrylist" pages */
.go-top {
   position: fixed; bottom: 3.5em; right: 0.5em;
   font-size:50px; color:#a1b968 !important;
   z-index:100; opacity:0.7; display: none;
}.go-top:hover { opacity:1;}


/****************************************************************************
 **  search 2019-11
 *****************************/

#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; }
#eu { max-height: 570px; }
#na { max-height: 280px; }
#sa, #as { max-height: 280px; }
#af { max-height: 135px; }
#au { max-height: 65px; }

.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;width:23.2%;
   text-align: center; background-color:#b5c788;
}
.liList ul li:hover{background-color:#eaaf36}
.liList ul li img { max-width: 342px; width: 100%; }
.liLink {
    padding: 5px 0 10px 0; color: #fff;
    font-weight: normal; font-size: 1.2em;
    line-height: 1.2em;
}
.plaincol { float: left; vertical-align: top; overflow: hidden; }
.plaincol ul, .w5 ul {list-style-type: none;padding: 0px; }
.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:30px;}
input[type=checkbox], input[type=radio] {
    vertical-align: text-bottom;
    position: relative;    bottom: 1px; margin-right:3px;
}

.bbox {
   border: 1px solid #dddddd;
   width:100%;max-width: 1100px; overflow:hidden;
   margin: 50px 0 65px 0; padding:35px 0 10px;
}

/*********************
 * xforms
 */

.cform {background:#fff;padding:3em;height:100%;overflow:auto;}
.brqName {font-size: 25px;}

.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;border: 1px solid #a9a9a9;}
.formtext {line-height: 3em;margin-bottom: 0.8em;}
.formcheckbox { line-height:1.5em; margin:0; }
label.checkbox {width:70%;}
.w8  {width:80% !important;}
.w5  {width:50% !important;}
.w5s {width: 100% !important; }
.w2 { width: 20% !important;}
.w_2-3 { width: 66% !important; }
.wa  {display: inline-block; width:auto;}
.ws  {width:20% !important;}
.hs {height: 50px; }
.bs  {width: 40px !important; }
.g-recaptcha {margin: 25px 0 0 205px;;overflow:hidden;}
.submit {margin:25px auto 20px 205px; }
.leftbox  { float:left; display: inline-block; vertical-align: top;}
.rightbox {float:right; display: inline-block; 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 h1 {margin:40px 0 0}
.hotelview h2 {font-size:1.5em;color:#6f6f12;}
.hotelview h3 {text-transform:initial;}
#vhdesc {margin-top:40px;width:63%}
#vhdesc h4, #vhdesc h3 { margin: 25px 0 0;}
#vhdesc p {margin-bottom:0.8em}

.h_gal{float:right;width:33%;overflow:hidden;padding-left: 15px;}
#hpiclist { float: right; padding: 0; margin: -90px 0 0 0px; border: 0px solid #aaa; width:100%;}
#hpiclist img {width:100%;margin: 0;}

.lupe { position:relative;left:-20px;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:relative; top:110px;left: calc(50% - 2.3vw)}

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

/*************/

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

.w400 { max-width:400px; }

#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:0;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;
}
a.h_url:hover{background-color:#f7bd23;border-color:#f7bd23;color: #fff !important;}

/* Google map on hotel detail page */
.hotelmap { height:300px; width: 63%;position: relative;verflow: hidden;}



/* 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");
}