@charset "UTF-8";


body {
/*
	background: rgb(255, 255, 255) url("images/banner_bkgd.jpg") no-repeat scroll center top;
*/
	background: rgb(255, 255, 255);
	font-family: Arial, Verdana, Univers;
  height: 100%;
  width: 100%;

	margin: -17px 0px 0px 0px;

/*
	color: #777777;
*/
	color: #000000;
	font-size: 12px;
/*
	background-color: #cfcfcf;
*/
/*
	background-color: #f0f0f0;  // champagne
*/
}

h1 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 15px;
  color: #FF0004;
	text-align: center;
	font-weight: bold;
  margin: 0px 0px 15px 0px;
}

.warning {
  background-color: #cccccc;
	color: #FF0004;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 14px;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	color: #111111;
}

a          {
	color: #000000;
}
a:visited  {
    color: #111111;
}
a:hover    {
	color: #111111;
}

.container {
/*
	width: 1152px;
*/
  width: calc(360px + (1152 - 360) * ((93vw - 360px) / (1920 - 360)));
  position: top;
	margin-left: auto;
	margin-right: auto;
}

/* BANNER AREA */
.bannerArea {
	background: rgb(255, 255, 255) url("images/banner_bkgd.jpg") no-repeat scroll center top;
	width: 100%;
/* height: top banner heihgt - 23 */
/*	height: 87px; */
	height: 117px;
/* orig
	height: 110px;
	background-color: #4971a2; */
/*  #610d16 #94070a */
/*
	background-color: #f0f0f0;  // champagne
*/
}

.bannerArea .container {
/*
	width: 1152px;
*/
	width: calc(360px + (1152 - 360) * ((93vw - 360px) / (1920 - 360)));
	height:110px;
/*
	background-image: url(../images/banner_bkgd.jpg);
	background-repeat: no-repeat;
*/
}

.bannernav {
	padding-top: 20px;
	float: right;
/*
	color: #112c4c;
*/
	color: #999999;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a {color: #ffffff; text-decoration: none;}
.bannernav a:visited {color: #ffffff;}
/*
menu navigation
.bannernav a:hover {color: #112c4c; text-decoration: none;}
*/
.bannernav a:hover {color: #f00000; text-decoration: none;}
/*
.toplogo {
	padding-left: 10px;
	padding-top: 0px;
  text-align: left;
}
*/
.toplogo {
	padding-left: 0px;
	padding-top: 0px;
  text-align: center;
}

.langflag {
  align: right;
	padding-left: 10px;
	padding-bottom: 50px;
}

/* TOP NAVIGATION AREA */
.topnavigationArea {
	background-image: url(images/topnav_bkgd.jpg);
	background-repeat:repeat-x;
/* tape below menu
	background-color: #436d9c;
	#a0484a
*/
/*
	background-color: #999999; gray
	background-color: #444444; dark gray
*/
	background-color: #000000;
}
.topnavigationArea .container {
	background-image: url(images/topnav_bkgd.jpg);
	background-repeat:repeat-x;
/*
	background-color: #436d9c;
*/
/*
	background-color: #999999; gray
	background-color: #444444; dark gray
*/
	background-color: #000000;
/*	next row is for right justified menu */
/*	width: 1152px; */
/* clear space left before horizontal menu */
/*
	width: 1226px;
*/
  width: calc(360px + (1250 - 360) * ((93vw - 360px) / (1920 - 360)));
}

.topnavigationgroup {
/*
	margin: 0px;
*/
  margin: auto;
/* all horizontal menu justify */
	float: center;
	padding-right: 1px;
}
.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
	max-width: 187px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
}

/* CONTENT AREA */
.contentArea {
	width: 100%;
/*
	background-color: #f0f0f0;
*/
	background-color: #ffffff;  // champagne
/*
	background-image: url(../images/content_bkgd_tile.jpg);
	background-repeat: repeat-x;
*/
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
}


.contentArea .container {
/*
	padding-top: 30px;
*/
	padding-top: 10px;
	padding-bottom: 30px;
/*
	background-image: url(../images/content_bkgd.jpg);
	background-repeat: no-repeat;
	background-color: #f2f2f2;
*/
/*
	background-color: #f0f0f0;  // gray - V12
*/
	background-color: #ffffff;  // white  -Sunny
}

.offer_box {
  background-color: #0084ff;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

.main_page_small_img_box {
	float: left;
	width: 193px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 4px;
}

.spa_page_small_img_box {
	float: left;
	width: 236px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
	font-style: normal;
}

.rund_small_img_box {
	float: left;
	width: 357px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
}

.ferienhauser_page_img_box {
	float: left;
	width: 358px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
}

.main_page_middle_img_box {
	float: left;
	width: 366px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #ffffff;
	margin-right: 15px;
	margin-bottom: 4px;
}

.img_box {
	float: left;
	width: 220px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
}

.gallery_img_box {
	float: left;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	margin-right: 2px;
	margin-bottom: 2px;
}

.offer_txt_box {
	float: right;
	width: 500px;
	padding-left: 15px;
	color: #363D78;
}

.offer_see_more {
	float: rigft;
}

.contentleft {
	width: 830px;
	float: center;
	border-right-style: solid;
	border-right-width: 0px;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #999999;
}

.baseleft {
/*
	width: 1122px;
*/
	width: calc(360px + (1122 - 360) * ((93vw - 360px) / (1920 - 360)));

	padding-top: 0px;
/*
	padding-left: 15px;
	padding-right: 15px;
*/
	float: left;
	border-right-style: solid;
	border-right-width: 0px;
	text-align: left;
}

.baseright {
	width: 170px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	border-right-style: none; /* solid */
	border-right-width: 0px;
	padding: left;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #999999;
}

.contentright {
/* vertical menu left
	padding-top: 20px;
*/
	padding-top: 0px;
	float: left;
	padding-left: 0px;
	width: 250px;
}

.middle_icons_col_en {
	float: left;
	padding-left: 0px;
	width: 372px;
}

.big_icons_col_en {
	float: left;
	padding-left: 0px;
	width: 571px;
}

.small_icons_col_en {
	float: left;
	padding-left: 0px;
	width: 199px;
}

.imageright {
	margin-left: 5px;
	float: right;
}


/* FOOTER AREA */
.footerArea {
	width: 100%;
	height: 40px;
	background-color: #111111;
}

.footerArea .container {
/*
	width: 1152px;
*/
  width: calc(360px + (1152 - 360) * ((93vw - 360px) / (1920 - 360)));
	height: 40px;
}

.copyright {
	padding-right: 5px;
	padding-top: 12px;
/* for light background
	color: #444444;
*/
	color: #ffffff;
	font-size: 9px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: right;

	float: left;
	width: 30%;
}  /* copyright */

/* for dark background */
.copyright a:link {color: white;}
.copyright a:visited {color: white;}

.copyleft {
	padding-left: 20px;
/*
	padding-left: 0px;
*/
	padding-top: 12px;
/* for light background
	color: #444444;
*/
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;

	float: left;
	width: 30%;
} /* copyleft */

/* for dark background */
.copyleft a:link {color: white;}
.copyleft a:visited {color: white;}

.copycenter {
	padding-left: 0px;
	padding-top: 12px;
/* for light background
	color: #444444;
*/
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;

	float: left;
	width: 30%;
} /* copycenter */

/* for dark background */
.copycenter a:link {color: white;}
.copycenter a:visited {color: white;}

.contentArea .container .contentleft {
}
.contentArea .container .contentleft {
	float: right;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #363D78;
}

.divider {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.imagetext {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}

.imagetext ul {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-image: url(images/index_bullet.gif);
}

.style4 {
	font-size: 12pt
}

.style5 {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}

.style5 a:link {color: #fff200;}
.style5 a:visited {color: #fff200;}

/* ==================== Styles for responsive desing ==================== */

.responsive_tdr {
  valign: top;
  align: center;
/*
  width: 1090px;
*/
/*
	width: calc(size_on_min_width + (size_on_max_width - size_on_min_width) * ((93vw - min_width) / (max_width - min_width)));
*/
	width: calc(360px + (1090 - 360) * ((93vw - 360px) / (1920 - 360)));
}

.responsive_ifr {
  width: calc(360px + (1090 - 360) * ((93vw - 360px) / (1920 - 360)));
  height: calc((360px + (1090 - 360) * ((93vw - 360px) / (1920 - 360))) * 613 / 1090);
}

.resp_ifr_map {
  width: calc(360px + (1040 - 360) * ((93vw - 360px) / (1920 - 360)));
  height: calc((360px + (1040 - 360) * ((93vw - 360px) / (1920 - 360))) * 790 / 1040);
}

/* ===================== Styles for responsive menu ===================== */

.topnav {
  overflow: hidden;
  background-color: black;
  text-align: center;
}

.menu-icon {
  color: white;
  background-color: red;
}

.topnav a {
  float: left;
  display: block;
/*
  color: #f2f2f2;
  font-size: 17px;
*/
  color: white;
/*
  padding: 14px 16px;
*/
  text-decoration: none;

	width: 160px;
/*
	width: 14em;
*/

  cursor: pointer;
  padding: 0.9em 0.75em;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, sans-serif;

	border-color: #ffffff;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.topnav a:not(:first-child) {
	border-left-style: none;
}

.topnav a:hover {
  background-color: red;
  color: white;
}

.topnav .icon {
  display: none;
  color: white;
  background-color: red;
}

@media screen and (max-width: 1025px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    width: auto;
  }
  .topnav a {
    width: auto;
    border-color: #000000;
    border-left-style: none;
    border-right-style: none;
    border-left-width: 0px;
    border-right-width: 0px;
  }
}

@media screen and (max-width: 1025px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    border-color: #000000;
    border-left-style: none;
    border-right-style: none;
  }
}