/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorBlack  {background-color: #000000;}
.neutralColorWhite {background-color: #FFFFFF;}
.neutralColorStrong {background-color: #999999;}
.neutralColorMedium {background-color: #404040;}
.neutralColorLight {background-color: #CCCCCC;} /* --- body background --- */

.teaserColor {background-color: #CC3300;}

.secondColorStrong {background-color: #F9C289;} /* --- border color --- */
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #FEECDB;} /* --- box background ---*/

.primColorStrong {background-color: #CC3300;} /* --- primary text --- */
.primColorMedium {background-color: #666666;} /* --- standard text --- */
.primColorLight {background-color: #C29A98;} /* --- text inactive --- */






/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/
html, body, #middle {
  height: 100%;
}

body > #middle {
    height: auto;
    min-height: 100%;
}

body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:#ffffff;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size: 0.9em;
  line-height:1.25em;
  color:#666666;
}

/* -- MIDDLE --------------------------------------------*/
#middle {
  position:relative;
  width:85%;
  max-width:1180px;
  margin:0 auto;
}
.ie8 #middle {
  width:1180px;
}
.container {
  padding:60px 0;
}
.container:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}
.content {
  position:relative;
  float:left;
  width:100%;
  margin:0 -215px 0 0;
  padding:0 215px 0 0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

h1.start {
  margin:0;
  padding:3px 10px 2px 30px;
  background:transparent url(title_start_HG.gif) top left no-repeat;
  color:#ffffff;
  font-size:1.1em;
  line-height:1.25em;
  font-weight:bold;
}
#start {
  margin:0;
  border-top:0;
  border-radius:0 0 5px 5px;
  overflow:auto;
}

#startContent {
  position:relative;
  float:left;
  width:64%;
  padding:13px;
}

#ie7 .startContent {
  width:468px;
}

.sidebar {
  position:relative;
  float:right;
  width:200px;
  margin-top:15px;
  padding:0;
  overflow:hidden;
}
#locList {
  position:relative;
  float:left;
  width:100%;
  margin:20px 0 0 0;
  border-top:1px solid #cc3300;
  padding:10px;
}
#locList p {
  margin:0 0 5px 0;
  color:#cc3300;
  font-weight:bold;
}
#locList ul {
  margin:0;
  padding:0;
  list-style:none;
}
#locList ul li {
  display:inline;
  float:left;
  padding:1px 10px 1px 0;
  font-size:0.95em;
  line-height:1.25em;
  color:#CE8281;
}
#locList ul li a {
  color:#AF6C6A;
}
/* -- TOP -----------------------------------------------*/
#top {
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:#cc3300;
  box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
  z-index:500;
}

#webS #top {
  -webkit-transform:translate3D(0,-100%,0);
  transform:translate3D(0,-100%,0);
  -webkit-transition:all 0.6s;
  transition:all 0.6s;
}
#webS #top.show {
  -webkit-transform:translate3D(0,0,0);
  transform:translate3D(0,0,0);
}
header {
  position:relative;
  width:100%;
  margin:0 auto;
}

#logo, .logo {
  display:inline-block;
  vertical-align:middle;
}
#logo a, .logo a {
  display:block;
  text-decoration:none;
  color:#ffffff;
}
#logo span, .logo span {
  display:block;
  font-family:Cookie;
  font-size:2.5em;
  line-height:1.25em;
}

#logo a:hover, #logo a:active, .logo a:hover, .logo a:active {
  text-decoration:none;
}
/* --- Slide Navigation button --- */
#sTrigger {
  position:relative;
  display:inline-block;
  width:30px;
  height:25px;
  margin:0 1%;
  padding:7px;
  cursor:pointer;
  vertical-align:middle;
}

#sTrigger span {
  position:absolute;
  top:8px;
  left:7px;
  width:30px;
  height:3px;
  border-radius:8px;
  background:#ffffff;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}

#sTrigger span:before {
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:30px;
  height:3px;
  border-radius:8px;
  background:#ffffff;
}
#sTrigger span:after {
  content:"";
  position:absolute;
  top:18px;
  left:0;
  width:30px;
  height:3px;
  border-radius:8px;
  background:#ffffff;
}
header .userLogin {
  position:absolute;
  top:0;
  right:0;
  margin:0 1% 0 0;
  border:1px solid rgba(255,255,255,0.2);
  border-top:0;
  padding:5px 10px;
  background:transparent url(pixel-white-20.png) 0 0 repeat;
  background:rgba(255,255,255,0.2);
  color:#ffffff;
  color:rgba(255,255,255,0.7);
  font-size:0.85em;
  line-height:1.25em;
  -webkit-transition:background 0.3s, color 0.3s;
  transition:background 0.3s, color 0.3s;
}
header .userLogin:hover {
  background:transparent url(pixel-white-40.png) 0 0 repeat;
  background:rgba(255,255,255,0.4);
  color:rgba(255,255,255,1);
  text-decoration:none;
}
header .searchFilter {
  display:inline-block;
  width:67%;
  height:25px;
  margin:0 1%;
  vertical-align:middle;
}

header .showSearch {
  display:none;
  float:right;
  width:26px;
  height:26px;
  margin:9px 2% 0 0;
  background:transparent url(sprite-icons.png) 0 -240px no-repeat;
  vertical-align:middle;
  cursor:pointer;
}
/* -- BOTTOM --------------------------------------------*/
.bottom {
  position:relative;
  clear:both;
}

footer {
  position:relative;
  border-top:1px solid #cc3300;
  padding:5px 0 50px 0;
  font-size:0.85em;
  line-height:1.25em;
  color:;#cc3300;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  overflow:hidden;
}
.ie8 footer {
  width:1180px;
}
.metanav {
  position:relative;
  float:left;
  width:auto;
}
.metanav a {
  position:relative;
  display:inline-block;
  padding:5px;
  color:#cc3300;
  text-decoration:none;
}
.metanav a:first-child {
  padding-left:0;
}
.metanav a:hover, .metanav a:active {
  color:#cc3300;
  text-decoration:underline;  
}
.copyright {
  position:relative;
  display:block;
  float:right;
  width:auto;
  padding:5px 0 5px 15px;
}

.social {
  display:inline-block;
}


/****************************************************/
/*    3.  CSS-Modul: LAYOUT (PAGE ELEMENTS)         */
/****************************************************/
/* -- FORM -----------------------------------------*/
/* -- FORM -----------------------------------------*/
form input, form select, form textarea {
  position:relative;
  max-width:100%;
  margin:0;
  border: 1px solid #f9c289;
  border-radius:5px;
  padding:3px 4px;
  background:#ffffff;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:0.85em;
  line-height:1.25em;
  color:#666666;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  vertical-align:middle;
  -webkit-appearance:none;
  -moz-appearance:none;
}

form input[type=radio], form input[type=checkbox] {
  margin:0 5px;
  border:0;
  background:transparent;
  box-shadow:none;
}

form .errField input, form .errField select, form .errField textarea {
  border:1px solid #CC0033;
  background:#EFD5DB;
}


/* --- CONTAINERS --- */
.conForm {
  position:relative;
}

.conForm:after {
  content:"";
  position:relative;
  display:block;
  width:100%;
  clear:both;
}

/* --- SECTIONS --- */
.conForm section {
  float:left;
  width:48.5%;
  padding:0 0 10px 0; 
}
.conForm .formName {
  padding-right:3%;
}

.conForm .formSend {
  width:100%;
  margin:0 0 20px;
  padding:0;
}

/* --- WRAPPERS --- */

.conForm div {
  position:relative;
  display:block;
  float:left;
  width:100%;
  padding:0 0 15px 0;
}

.conForm .wide {
  width:100%;
}
.conForm .double1 {
  width:32%;
  margin-right:5%;
  padding:0;
}
.conForm .double2 {
  width:63%;
  padding:0;
}
/* --- STANDARDS --- */
.conForm h1 {
  margin:0 0 20px;
  padding-top:20px;
  font-family:Cookie, Times, serif;
  font-size:3em;
  line-height:1.25em;
}


.conForm h2 {
  margin-top:0;
}
.noJS .conForm .tabTitle {
  display:none;
}
.conForm h4 {
  margin:0 0 20px;
}
.conForm p {
  clear:both;
}
.star {
  padding:0 0 0 2px;
  opacity:0;
  font-size:1.1em;
  line-height:1em;
  font-weight:bold;
  color:#cc3300;
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}
.ie8 .star {
  visibility:hidden;
}
.required .star {
  opacity:1;
}
.ie8 .required .star {
  visibility:visible;
}

/* --- LABELS --- */
.conForm label {
  position:relative;
  display:none;
  padding:0 0 2px 4px;
  color:#666666;
}

.conForm label.beside {
  display:block;
}

.conForm .required label {
  font-weight:bold;
}
.conForm label.radio, .conForm .wide label.radio {
  display:block;
  float:left;
  width:auto;
  margin:0;
  padding:0 15px 0 0;
  color:#666666;
}
.conForm .required label.radio {
  font-weight:normal;
}
.conForm label#lCity, .conForm label#lShipcity {
  left:40%;
}
/* --- INPUTS --- */

.conForm input {
  position:relative;
  float: left;
  width: 100%;
  margin: 0;
  z-index:0;
}
.conForm input.short {
  width:30%;
}
.conForm input.medium {
  width:40%;
  margin:0 3%;
}

.conForm input.radio, .conForm .required input.radio {
  margin-left:0;
}

.conForm input.btn {
  float:right;
  width:auto;
  margin:0 0 20px;
  padding:4px 20px 5px;
  font-size:1.1em;
  line-height:1em;
  letter-spacing:1px;
  color:#ffffff;
  white-space:normal;
}

.conForm .invalid input {
  border:1px solid #cc3300;
}
.conForm .invalid input.radio {
  outline:2px solid #cc3300;
  -webkit-appearance:none;
  -moz-appearance:none;
}
/* --- SELECT --- */

.conForm select {
  position:relative;
  float:left;
  width: 100%;
  cursor:pointer;
}
.conForm select.short {
  width:60px;
}

.conForm option {
  color:#666666;
}

.conForm .invalid select {
  border:1px solid #cc3300;
}
/* --- TEXTAREA --- */
.conForm textarea {
  float:left;
  width:100%;
  height:300px;
}

.conForm .invalid textarea {
  border:1px solid #cc3300;
}
/* --- WALL --- */
.conForm .errors {
  display:none;
  width:90%;
  margin:0 0 30px;
  border-radius:5px;
  padding:16px 5% 20px;
  background:#feecdb;
  background:rgba(204,51,0, 0.2);
  color:#CC0033;
}
.noJS .conForm .errors.show {
  display:block;
}
/* title */
.conForm .errors h2 {
  margin:0 0 10px 0;
  font-size:1em;
  line-height:1.25em;
}

.conForm .errors p {
  margin:5px;
  color:#666666;
}

/* -- SEARCH ---------------------------------------*/
.loader {
  display:none;
}

.searchFilter input, .searchFilter select {
  height:26px;
  border: 1px solid rgba(153,38,0,0.7);
  font-size:0.8em;
  line-height:1.25em;
}

.searchFilter input.btn, .searchFilter input.btn {
  width:26px;
  height:26px;
  margin:0 0 0 5px;
  border:0;
  border-radius:0;
  padding:0;
  background:transparent url(sprite-icons.png) 0 -240px no-repeat;
  box-shadow:none;
  text-indent:-999px;
}

@media (max-width:1025px) {
  .searchFilter input, .searchFilter select {
    width:30%;
    font-size:0.7em;
    line-height:1.25em;
  }

}

@media (max-width:800px) {
  .searchFilter input, .searchFilter select {
    width:96%;
    height:26px;
    margin:9px 2%;
    font-size:0.8em;
    line-height:1.25em;
  }

  .searchFilter input.btn {
    width:96%;
    height:26px;
    margin:9px 2% 0;
    border: 1px solid rgba(153,38,0,0.7);
    border-radius:5px;
    padding:3px 4px;
    background:#cc3300;
    color:#ffffff;
    text-indent:0;
  }

}

/****************************************************/
/*    4.  CSS-Modul: NAVIGATION                     */
/****************************************************/
/* -- MENU -----------------------------------------*/
#menu {
  display:inline-block;
  padding:0 50px;
}
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
}
#menu li {
  display:inline-block;
  padding:0;
}
#menu li a {
  display:block;
  padding:10px 18px;
  color:#ffffff;
  font-size:1.1em;
  line-height:1.25em;
  text-decoration:none;
}
#menu li a span {
  position:relative;
  display:block;
  padding:0 2px 1px;
  border-bottom:2px solid transparent;
  -webkit-transition:border 0.3s;
  transition:border 0.3s;
}

#menu li a:hover span, #menu li a:active span, 
#menu li a.current span, #menu li a.active span {
  border-bottom:2px solid #ffffff;
}

/* -- MICRONAVIGATION ------------------------------*/
#micronav {
  margin:15px 0;
  font-size:0.77em;
  line-height:1.25em;
}

/* -- SLIDE NAVIGATION -----------------------------*/
#sNav {
  position:fixed;
  top:0;
  left:-320px;
  width:300px;
  height:100%;
  background:#ffffff;
  color:#cc3300;
  box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
  overflow-y:auto;
  overflow-x:hidden;
  z-index:200;
}
.ie8 #sNav {
  border-right:1px solid #999999;
}

.csstransforms3d #sNav {
  left:0;
  -webkit-transform: translate3d(-310px, 0, 0);
  transform: translate3d(-310px, 0, 0);
  -webkit-transition:-webkit-transform 0.3s;
  transition:transform 0.3s;
}

#sNav.open {
  left:0;
}

.csstransforms3d #sNav.open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.macronav {
  display:block;
  margin:80px 0 40px;
  border-bottom:1px solid rgba(0,0,0,0.1);
}
.macronav ul {
  position:relative;
  width:100%;
  list-style-type:none;
  margin:0;
  padding:0;
}
.macronav ul li {
  position:relative;
  width:100%;
  margin:0;
  border-top:1px solid rgba(0,0,0,0.1);
  padding:0;
}
.macronav ul li .subMenu {
  position:absolute;
  top:0;
  right:0;
  width:45px;
  height:50px;
  background:rgba(255,255,255,0.1);
  cursor:pointer;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
.macronav ul li .subMenu:after {
  content:"+";
  position:absolute;
  top:0;
  right:0;
  width:45px;
  height:39px;
  color:#cc3300;
  font-size:2.5em;
  line-height:1em;
  text-align:center;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  cursor:pointer;
}
.macronav ul li .subMenu:hover:after {
  color:#F66733;
}
.macronav ul li.open .subMenu:after {
  content:"-";
}

.macronav ul li a {
  display:block;
}
.macronav ul li.sub a {
  width:215px;
}
.macronav ul li a span {
  display:block;
  padding:10px;
  text-decoration:none;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
.macronav ul li a.active span,
.macronav ul li a.current span {
  font-weight:bold;
  text-decoration:underline;
}
.macronav ul li a:hover span, .macronav ul li a:active span {
  text-decoration:underline;
}

/* -- level 2 -- */
.macronav ul ul {
  display:none;
}
.macronav ul li.active ul {
  display:block;
}

.macronav ul li.open li .subMenu:after {
  content:"+";
}

.macronav ul li li.open .subMenu:after {
  content:"-";
}
.macronav ul li.sub li a {
  width:auto;
}
.macronav ul li li.sub a {
  width:215px;
}

.macronav ul li li a span {
  padding-left:25px;
}


/* -- level 3 -- */
.macronav ul li li.open li .subMenu:after {
  content:"+";
}

.macronav ul li li li.open .subMenu:after {
  content:"-";
}

.macronav ul li li.sub li a {
  width:auto;
}
.macronav ul li li li.sub a {
  width:215px;
}

.macronav ul li li li a span {
  padding-left:35px;
}

/* -- level 4 -- */
.macronav ul li li li.open li .subMenu:after {
  content:"+";
}

.macronav ul li li li li.open .subMenu:after {
  content:"-";
}
.macronav ul li li li.sub li a {
  width:auto;
}
.macronav ul li li li li.sub a {
  width:215px;
}

.macronav ul li li li li a span {
  padding-left:45px;
  font-size:1em;
  line-height:1.25em;
}

.macronav .userLogin {
  display:none;
  background:rgba(204,51,0,0.2);
}



/****************************************************/
/*    5.  CSS-Modul: TEXT                           */
/****************************************************/
/* -- STANDARD -------------------------------------*/
h1, h2,  h3, h4, h5 {
  font-family:Cookie;
  font-weight:normal;
  line-height:1.0em;
  color:#cc3300;
  margin:30px 0 15px;
}
form, p, ol, ul, li, table, tr, th, td {
  color:#666666;
}
h1 {
  margin:0;
  font-size:2.7em;
}
hgroup {
  margin:0 0 15px;
}
#webS hgroup {
  margin:15px 0;
}
h2 {
  font-size:2.3em;
}
hgroup h2 {
  margin:0;
  font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size: 1em;
  line-height:1.25em;
}
h3 {
  font-size: 1.8em;
}
h4 {
  font-size: 1.5em;
}
p {
  margin:15px 0;
}
ul {
  list-style:disc;
  margin:15px 0;
  padding:0 30px;
}

ol {
  list-style: decimal;
  margin:15px 0;
  padding:0 30px;
}
li {
  padding:2px 0;
}
dl {
  display:block;
  margin:15px 0;
}
dl dt {
  margin:0;
  padding:15px 0 0 0;
  color:#666666;
  font-weight:bold;
}
dl dt a {
  color:#cc3300;
  font-weight:bold;
}
dl dt a:hover, dl dt a:active {
  color:#c29a98;
}
dl dd {
  color:#666666;
  margin:0;
  padding:0 0 15px;
}
dl dd a {
  font-weight:normal;
}
a {
  color:#cc3300;
  text-decoration:none;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
a:hover, a:active, a:focus {
  text-decoration:underline;
}
a span {
  cursor:pointer;
}
a img {
  border:none;
}
hr {
  margin:15px 0;
  height:1px;
  background:#cc3300;
}
/* -- ZMS FORMAT (Text Formats) --------------------*/
strong, b {
  font-weight:bold;
}
i, em {
  font-style:italic;
}
small, .small {
  font-size:0.85em;
  line-height:1.25em;
}
p.caption {
  font-size:0.85em;
  line-height:1.25em;
}
p.emphasis {
  position:relative;
  display:block;
  margin:30px;
  border-radius:5px;
  padding:12px 15px;
  background:transparent url(pixel-black-10.png) 0 0 repeat;
  background:rgba(0,0,0,0.1);
  font-size:1em;
  line-height:1.5em;
  font-style:italic;
}
p.description {
  font-weight:bold;
  font-style:italic;
  margin-bottom:15px;
}
blockquote {
  margin:30px;
  border-left:2px solid #ddd;
  padding:0 0 0 15px;
  font-size:1em;
  line-height:1.5em;
}


/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/
/* -- ZMS GRAPHIC ----------------------------------*/
div.ZMSGraphic {
  position:relative;
  max-width:100%;
  background:transparent; 
  margin:0 0 15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
div.ZMSGraphic.none {
  display:inline-block;
  margin:0;
}
div.ZMSGraphic.left {
  float:left;
  width:100%;
  text-align:left;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:15px;
}
div.ZMSGraphic.right {
  float:right;
  width:100%;
  text-align:right;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:15px;
}
div.ZMSGraphic.center {
  text-align:center;
}

div.ZMSGraphic div.graphic {
  display:block;
  position:relative;
  max-width:100%;
}
div.ZMSGraphic div.graphic a:hover, div.ZMSGraphic div.graphic a:active {
  border:0;
}

div.ZMSGraphic.center .graphic {
  margin:0 auto;
}
div.ZMSGraphic.right div.graphic {
  display:inline-block;
  width:auto;
}
/* --- text right of img --- */
div.ZMSGraphic div.graphic.left {
  float:left;
  margin:0 15px 0 0;
  text-align:right;
}
/* --- text left of img --- */
div.ZMSGraphic div.graphic.right {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}

div.ZMSGraphic div.graphic img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto !important;
}
div.ZMSGraphic div.text {
  max-width:100%;
}
div.ZMSGraphic div.text p {
  margin:0;
  padding:0;
  font-size:0.9em;
  line-height:1.25em;
}

div.ZMSGraphic.none div.text p,
div.ZMSGraphic.floatleft div.text p,
div.ZMSGraphic.floatright div.text p,
div.ZMSGraphic.center div.text p {
  padding:5px 0;
}

div.graphic a.zoom, div.graphic a.imgUrl {
  position:relative;
  display:block;
  border:0;
  cursor:pointer;
}

div.graphic a.zoom span, div.graphic a.imgUrl span {
  position:absolute;
  display:block;
  bottom:0;
  right:0;
  width:35px;
  height:35px;
  border:0;
  cursor:pointer;
  opacity:0.3;
  transition:opacity 0.3s;
}

div.graphic a.zoom span {
  background:rgba(0,0,0,0.7) url(sprite-icons.png) -516px -76px no-repeat;
}

div.graphic a.imgUrl span {
  background:rgba(0,0,0,0.7) url(sprite-icons.png) -435px -74px no-repeat;
}

div.graphic a.zoom:hover span, div.graphic a.zoom:active span,
div.graphic a.imgUrl:hover span, div.graphic a.imgUrl:active span {
  opacity:1;
}

/* -- ZMS TEASER -----------------------------------*/
div#teaser {
  background:none;
}
div.ZMSTeaserContainer {
  display:none;
}
div.ZMSTeaserElement {
  margin:0 0 15px;
  padding:0;
}
#teaser .ZMSTeaserElement div.graphic {
  padding:10px 0 0;
  text-align:center;
}

#teaser .ZMSTeaserElement div.graphic img {
  display:inline;
  width:auto;
  max-width:100%;
  height:auto;
}
div.ZMSTeaserElement img.title {
  border:0;
}

div.ZMSTeaserElement div.title {
  padding:5px 10px;
  font-family:'Cookie';
  font-size:2em;
  line-height:1em;
  color:#cc3300;
}
div.ZMSTeaserElement div.text {
  font-size:0.9em;
  line-height:1.25em;
  padding:5px 10px;
}

div.ZMSTeaserElement div.text ul {
  padding:0 0 0 20px;
}


/* -- ZMS TABLES -----------------------------------*/
div.ZMSTable {
}
div.ZMSTable table tr th {
}
div.ZMSTable tr.even td {
}
div.ZMSTable tr.odd td {
}
table tr td  {

}

/* -- ZMS LINK -------------------------------------*/
div#pageelement_Links {
  width:165px;
}
div.ZMSLinkElement {
  background-color: transparent;
  padding:2px;
}
div.ZMSLinkElement div.title {
  font-weight:bold;
  color:black;
  margin:15px 0px 0px 0px;
}

div.ZMSLinkElement div.text {
}

div.ZMSLinkElement div.text ul {
  margin-top:5px;
  margin-left: 20px;
}
li.LinkElementExternal {
  list-style-image:url(external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
  list-style-image:url(external_link.gif);
}
li.LinkElementInternalClient {
  list-style-image:url(external_link.gif);
}
li.LinkElementMailto {
  list-style-image:url(mail_link.gif);
}


/* --- Download --- */
.download {
  position:relative;
  width:100%;
  padding:10px 0;
}
.download p {
  margin:0;
  padding:0 0 0 18px;
}

/*-- FLOATING ---------------*/
.clearing {
  clear:both;
  height:0;
  border:0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}

.box-sizing {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

.box-style {
  border:1px solid #f9c289;
  border:1px solid rgba(204, 51, 0, 0.3);
  border-radius:5px;
  padding:7px;
}

.text {
  padding:3px;
}
.padTop {
  padding-top:20px;
}
.marginTop {
  margin-top:15px;
}
.marginBottom {
  margin-bottom:15px;
}
.red {
  color:#cc3300;
}


/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* -- BUTTONS --------------------------------------*/
.btn {
  display:inline-block;
  padding:4px 12px;
  margin:5px;
  border:1px solid #cccccc;
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.6);
  border-radius:5px;
  background-color:#f5f5f5;
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
  background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2));
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size:1em;
  line-height:1.25em;
  color:#333333;
  text-align:center;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align:middle;
  cursor:pointer;
  -webkit-transition:none;
  transition:none;
}

.btn:hover,
.btn:focus,
.btn.disabled,
.btn[disabled] {
  border-color:rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.7);
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3));
  background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));
}

.btn:hover,
.btn:focus {
  color:#333333;
  text-decoration:none;
}

.btn:focus {
  outline:0;
}

.btn.active,
.btn:active {
  background-image:none;
  outline:0;
  box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor:default;
  background-image:none;
  opacity:0.65;
  filter:alpha(opacity=65);
  box-shadow: none;
}

.btn-primary.active,
.btn-warning.active,
.btn-inverse.active {
  color:rgba(255, 255, 255, 0.75);
}

/* --- PRIMARY --- */
.btn-primary {
  border-color:#4E0303;
  border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.6);
  background-color:#cc3300;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary[disabled] {
  color:#ffffff;
}


/* --- SECONDARY --- */
.btn-secondary {
  border-color:#f9c289;
  border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.6);
  background-color:#f9c289;
  color:#ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.disabled,
.btn-secondary[disabled],
a:hover .btn-secondary {
  color:#ffffff;
}


/* --- INVERSE --- */
.btn-inverse {
  border-color:#222222 #222222 #000000;
  border-color:rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.6);
  background-color:#666666;
  color:#ffffff;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color:#ffffff;
}




/* -- PHOTO ALBUM ----------------------------------*/
/* --- PHOTOALBUM & VIDEOALBUM --- */
.tGrid {
  position:relative;
  display:block;
  width:100%;
  margin:15px 0;
  overflow:auto;
}

.tGrid h3 {
  margin-top:0;
}


/* --- DEFAULTS --- */
.tGrid .tImg a img {
  position:relative;
  display:block;
  width:100%;
  height:auto;
  border:0;
}

span.galZoom {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent url(galzoom.png) center no-repeat;
  overflow:hidden;
  opacity:0;
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}
.ie8 span.galZoom {
  visibility:hidden;
}

a:hover span.galZoom, a:active span.galZoom {
  opacity:1;
}
.ie8 a:hover span.galZoom, .ie8 a:active span.galZoom {
  visibility:visible;
}


/* --- PHOTO THUMBNAILS --- */
.tGrid .tImg {
  position:relative;
  float:left;
  width:19.2%;
  margin:0.5%;
  overflow:hidden;
  -webkit-transition:width 0.3s, margin 0.3s;
  transition:width 0.3s, margin 0.3s;
}
.tGrid .full1 {
  margin-left:0;
  clear:left;
}
.tGrid .full5 {
  margin-right:0;
}

.tGrid .tImg a {
  position:relative;
  display:block;
  background:#999999;
  background:rgba(0,0,0,0.75);
  text-align:center;
  -webkit-transition:border 0.5s;
  transition:border 0.5s;
  overflow:hidden;
}



/* --- PAGE NAVIGATION --- */
.photoNav {
  display:block;
  float:left;
  width:100%;
  text-align:center;
}
.photoNav ul {
  position:relative;
  width:auto;
  margin:0;
  padding:5px 0 15px 0;
  list-style-type:none;
}
.photoNav li {
  position:relative;
  display:inline-block;
  width:auto;
  height:22px;
  padding:0 10px;
  font-size:1.1em;
  line-height:1.25em;
  vertical-align:middle;
}

.photoNav li.nav {
  width:18px;
  height:22px;
  padding:0;
  background-color:transparent;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  opacity:0.7;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.photoNav li.prev {
  margin-right:5px;
  background-position:0 -230px;
}

.photoNav li.next {
  margin-left:5px;
  background-position:0 -190px;
}
.photoNav li.prev:hover, nav li.prev:active {
  opacity:1;
}
.photoNav li.next:hover, .photoNav li.next:active {
  opacity:1;
}
.photoNav li.prev.disabled {
  opacity:0.3;
}
.photoNav li.next.disabled {
  opacity:0.3;
}

.photoNav li.nav a {
  display:block;
  width:17px;
  height:22px;
  padding:0;
  cursor:pointer;
  color:#666666;
}



/* --- PHOTOALBUM - SLIDESHOW --- */
.thumbTab {
  position:relative;
  width:49%;
}
.thumbTab.left {
  float:left;
  margin:0 15px 15px 0;
}
.thumbTab.right {
  float:right;
  margin:0 0 15px 15px;
}

.thumbTab.center {
  width:100%;
  margin:15px 0;
}

#detailRight .thumbTab.center {
  float:left;
  width:63%;
  margin:0 0 0 -66.7%;
}

/* container for slides */
.thumbImg {
  position:relative;
  width:100%;
  border-radius:5px;
  border:1px solid #f9c289;
  padding:0 0 65%;
}

/* single slide */
.thumbImg .slideImg {
  position:absolute;
  display:none;
  top:7px;
  right:7px;
  bottom:7px;
  left:7px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  overflow:hidden;
}

.thumbImg .slideImg.active {
  display:block;
}

.thumbImg .slideImg span {
  position:absolute;
  display:block;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
}

.thumbImg .slideImg img {
  display:block;
  width:100%;
  height:auto;
  opacity:0;
}

/* tabs (those little circles below slides) */
.slidetabs {
  margin:5px 0 0;
  text-align:center;
}

/* single tab */
.slidetabs a {
  display:inline-block;
  width:8px;
  height:8px;
  padding:6px;
  outline:none;
}

.slidetabs a span {
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#cccccc;
  background:rgba(0,0,0,0.3);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  outline:none;
}

.slidetabs a:hover span, .slidetabs a:active span {
  background:#404040;
  background:rgba(0,0,0,0.7);
}

.slidetabs a.active span {
  background:#cc3300;
}


/* --- NEW OVERLAY GALLERY --- */
#galOverlay {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#000000;
  text-align:center;
  z-index:500;
  display:none;
  -webkit-transition:bottom 0.3s;
  transition:bottom 0.3s;
}

.contentGallery {
  position:relative;
  width:100%;
  text-align:center;
}
#galOverlay img {
  display:inline-block;
  width:auto;
  max-width:90%;
  height:auto;
  max-height:90%;
  vertical-align:middle;
}

.contentGallery img {
  display:inline-block;
  width:auto;
  max-width:90%;
  height:auto;
}
#galOverlay .mid {
  display:inline-block;
  width:1px;
  height:100%;
  vertical-align:middle;
}
#galOverlay .text {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:0 0 15px;
  color:#ffffff;
  color:rgba(255,255,255,0.7);
}

.contentGallery .text {
  position:relative;
  width:100%;
  text-align:center;
  padding:15px 0;
  color:#ffffff;
  color:rgba(255,255,255,0.7);
}

#galOverlay .close {
  position:absolute;
  right:15px;
  top:15px;
  width:20px;
  height:20px;
  padding:10px;
  background:transparent url(sprite-icons.png) 10px -70px no-repeat;
  cursor:pointer;
  z-index:501;
  opacity:0.5;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
#galOverlay .close:hover {
  opacity:1;
}

#galOverlay .loader {
  position:absolute;
  display:block;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#111111 url(loader.gif) center center no-repeat;
  z-index:501;
}

#galOverlay .galNav {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:0;
  padding:0;
  list-style-type:none;
}

.contentGallery .galNav {
  position:relative;
  width:100%;
  margin:20px 0;
  padding:0;
  list-style-type:none;
}

#galOverlay .galNav li {
  position:absolute;
  width:60px;
  top:0;
  bottom:0;
  padding:0;
  overflow:hidden;
}
.contentGallery .galNav li {
  position:relative;
  display:block;
  float:left;
  width:50%;
}
#galOverlay .galNav .prev {
  left:0;
}
.contentGallery .galNav .prev {
  text-align:right;
}
#galOverlay .galNav .next {
  right:0;
}
.contentGallery .galNav .next {
  text-align:left;
}
#galOverlay .galNav .disabled {
  display:none;
}

#galOverlay .galNav li a {
  display:block;
  width:100%;
  height:100%;
  opacity:0.5;
  background:transparent;
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}

.contentGallery .galNav li a {
  position:relative;
  display:inline-block;
  width:60px;
  height:60px;
  opacity:0.5;
  background:transparent url(pixel-black-80.png) 0 0 repeat;
  background:rgba(0,0,0,0.8);
  -webkit-transition:opacity 0.5s;
  transition:opacity 0.5s;
}

#galOverlay  li a:hover, #galOverlay  li a:active, 
.contentGallery  li a:hover, .contentGallery  li a:active {
  opacity:1;
}

#galOverlay .galNav li a span, .contentGallery .galNav li a span {
  position:absolute;
  display:block;
  top:50%;
  width:40px;
  height:40px;
  margin-top:-30px;
  padding:10px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  cursor:pointer;
}
#galOverlay .galNav .next a span, .contentGallery .galNav .next a span {
  right:0;
  background-position:-300px -230px;
}
#galOverlay .galNav .prev a span, .contentGallery .galNav .prev a span {
  left:0;
  background-position:-220px -230px;
}






/* -- INDEX ----------------------------------------*/
/* -- INDEX ----------------------------------------*/
#index {
  width:100%;
}
/* -- Startseite (mit Bild) -- */
.indexStart {
  float:right;
  width:35%;
  border:1px solid #f9c289;
  border-radius:5px;
  padding:8px 13px 7px;
  background:#FEF2E5;
}

.indexStart a {display:block; padding:10px 0; text-decoration:none; clear:both; font-size:0.85em; line-height:1.25em;}

.indexStart a span {display:block;}

.indexStart a span.img {float:left; width:75px; height:100px; margin:0 10px 0 0; cursor:pointer; text-decoration:none;}

.indexStart a span.text {padding:0; cursor:pointer; text-decoration:none;}

.indexStart a span.title {padding:0 0 5px 0; color:#cc3300; font-weight:bold; cursor:pointer; text-decoration:none;}

.indexStart a span.desc {cursor:pointer; text-decoration:none; color:#404040;}

.indexStart a:hover, 
.indexStart a:active { text-decoration:none;}

.indexStart a:hover span.title, 
.indexStart a:active span.title {text-decoration:underline;}

.indexStart a:hover span.desc, 
.indexStart a:active span.desc {text-decoration:none; color:#404040;}

.actIndicator {
  margin:20px;
  padding-left:35px;
  height:28px;
  line-height:28px;
  background:url(ajax-loader.gif) no-repeat;
}



/* --- GRID INDEX --- */
.indexG {
  margin:0;
  padding:0;
  list-style-type:none;
}
.indexG li {
  position:relative;
  display:inline-block;
  width:32.26666%;
  margin:0.8%;
  padding:0;
  vertical-align:top;
}
.indexG li.small1 {
  margin-left:0;
  clear:left;
}
.indexG li.small3 {
  margin-right:0;
}
.indexG li a {
  display:block;
  color:#cc3300;
  text-decoration:none;
}
.indexG li span {
  display:block;
}

.indexG li .topBanner {
  position:absolute;
  top:-4px;
  right:-4px;
  width:86px;
  height:84px;
  background:transparent url(top-locationR.png) center center no-repeat;
}

.indexG li .ixImg {
  position:relative;
  height:0;
  border:1px solid #cc3300;
  padding:0 0 60%;
  background-color:transparent;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  cursor:pointer;
  overflow:hidden;
  -webkit-transition:box-shadow 0.3s;
  transition:box-shadow 0.3s;
}

.indexG li a:hover .ixImg {
  box-shadow:0 0 5px rgba(204,51,0,0.5);
}
.indexG li .ixText {
  margin:5px 0 0;
}

.indexG li .ixCity {
  font-size:0.75em;
  line-height:1.25em;
}

.indexG li .ixTitle {

}

.indexG li .ixMore {
  display:none;
}
.indexG li a:hover .ixMore {

}

/* -- GOOGLE MAP -----------------------------------*/
#dialogbox {
 display:none;
}
div#amtc_option_0, div#amtc_option_1, div#amtc_option_2 {
  margin:0;
  padding:0;
  border:0 !important;
  background-color:transparent !important;
}
div#amtc_option_0 div, div#amtc_option_1 div, div#amtc_option_2 div {
  margin:0;
  padding:5px 5px;
  border:0 !important;
  font-family:Verdana;
  color:#cc3300;
}
div#amtc_option_0 div {
  background:url(amtcL.gif);
}
div#amtc_option_1 div {
  border-left:1px solid #b28d62 !important;
  border-right:1px solid #b28d62 !important;
  background:url(amtcM.gif);
}
div#amtc_option_2 div {
  background:url(amtcR.gif) right;
}
/* -- google maps -- */
.showMap {
  position:relative;
  margin:15px 0;
  overflow:hidden;
  clear:both;
}
#detailLeft .showMap {
  margin:0;
  border:1px solid #f9c289;
  border:1px solid rgba(204, 51, 0, 0.3);
  border-bottom:0;
  border-radius:5px 5px 0 0;
  padding:7px;
}
#map-wrapper {
  position:relative;
  margin:0 33% 0 0;
  height:350px;
}
#detailLeft #map-wrapper {
  margin:0;
  height:200px;
}
#map {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  font-size:0.9em;
  line-height:1.25em;
}

#map-sidebar {
  position:relative;
  float:right;
  width:33%;
  height:350px;
  z-index:2;
}
#map-sidebar .iWrap {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:7px;
  padding:0;
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
}
#map-sidebar .activity {
  position:absolute;
  display:none;
  top:0;
  left:-45px;
  width:26px;
  height:20px;
  border-radius:0 0 0 5px;
  padding:10px;
  background:#ffffff;
  cursor:pointer;
}

#map-sidebar .activity span {
  position:relative;
  display:block;
  width:26px;
  height:20px;
  background-image:url(sprite-icons.png);
  background-repeat:no-repeat;
  background-position:-440px -160px;
}

#map-sidebar.open .activity span {
  background-position:3px 0;
}

#map-sidebar ul {
  margin:0;
  padding:0;
}
#map-sidebar-list li {
  list-style-type:none;
  border-bottom:1px dotted #6A1922;
  margin:5px;
  padding:0 0 5px 0;
  font-size:0.85em;
  line-height:1.25em;
}
#map-sidebar-list a  {
  display:block;
  text-decoration:none;
}
#map-sidebar-list a:active, #map-sidebar-list a:hover  {
  color:#333;
  background:#FDF6F6;
}
#map-sidebar-list div {
  padding:2px 0;
}

#map-loader {
  position:absolute;
  display:none;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#FFF;
  z-index:10000;
  opacity:0.8;
  filter:alpha(opacity=80);
  text-align:center;
}
#map-loader.active {
  display:block;
}
#map-loader span {
    background: url(ajax-loader.gif) no-repeat scroll 10px center #FFFFFF;
    border-radius:5px;
    margin-top: 100px;
    opacity: 1;
    padding: 20px 30px 20px 60px;
    position: relative;
    top: 40%;
}
.ads {
  margin:0 0 10px 0;
}

.adsbygoogle {
    margin: 10px 0 20px;
    clear:both;
}
.b970x90 {
    display:inline-block;
    width:970px;
    height:90px;
}
.b468x60 {
    display:inline-block;
    width:468px;
    height:60px;
}
.b160x600 {
    display:inline-block;
    width:160px;
    height:600px;
}
.b300x600 {
    display:inline-block;
    width:300px;
    height:600px;
}
.rwd {
    display:block;
    width:100%;
    height:90px;
}

.scroll-pane {overflow: auto; }
.scroll-content { width: 90%; padding: 0 5px; }

.content #gallery_wrap #gallery {
  padding:0;
}

#pLoc {
  position:relative;
  margin:15px 0;
}


.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

#res {
  width:100%;
  margin:15px 0;
}

.nav {
  margin:15px 0 30px;
  color:#cc3300;
  text-align:center;
}

.nav:first-of-type {
  margin:35px 0 15px;
}
.nav div {
  margin-bottom:-23px;
  text-align:left;
}
.nav ul {
  display:inline-block;
  margin:0;
  border-radius:5px;
  padding:0;
  box-shadow:0 0px 2px rgba(249,194,137, 0.05);
}
.ie8 .nav ul {
  border:1px solid #f9c289;
}
.nav ul li {
  display:inline-block;
  margin:0px;
  padding:0;
}
.nav ul > li > a,
.nav ul > li > span {
  display:block;
  padding:4px 10px;
  border:1px solid #f9c289;
  border-left-width:0;
  background-color: #ffffff;
  text-decoration: none;
  -webkit-transition:background-color 0.3s;
  transition:background-color 0.3s;
}
.nav ul > li > a:hover,
.nav ul > li > a:focus,
.nav ul > .current > a,
.nav ul > .current > span {
  background-color: #feecdb;
}

.nav ul > .current > a,
.nav ul > .current > span {
  color: #cc3300;
  cursor: default;
}

.nav ul > .disabled > span,
.nav ul > .disabled > a,
.nav ul > .disabled > a:hover,
.nav ul > .disabled > a:focus {
  color: #c29a98;
  cursor: default;
  background-color: transparent;
}

.nav ul > li:first-child > a,
.nav ul > li:first-child > span {
  border-left-width: 1px;
  border-radius:5px 0 0 5px;
}

.nav ul > li:last-child > a,
.nav ul > li:last-child > span {
  border-radius:0 5px 5px 0;
}


.nav .navBtn {
  color:#cc3300;
} 


.amenities {
  position:relative;
  margin:15px 0;
  overflow:auto;
}

.amenities .header {
  position:relative;
  display:block;
  margin:0 6px 8px;
  border-bottom:1px solid #F3B67A;
  padding:7px 0 3px 0;
  color:#cc3300;
  font-weight:bold;
}
.amenities dl {
  position:relative;
  display:inline-block;
  width:50%;
  margin:0 0 6px;
  padding:0;
  vertical-align:middle;
}

.amenities dl dt {
  position:relative;
  display:inline-block;
  width:27px;
  height:27px;
  margin:0px 6px 0 0;
  border:0;
  padding:0;
  list-style:none;
  vertical-align:middle;
}
.amenities dl dt {
  background:#CC3300;
}

.amenities dl dd {
  position:relative;
  display:inline-block;
  width:75%;
  border:0;
  padding:0;
  list-style:none;
  color:#cc3300;
  font-size:0.85em;
  line-height:1.25em;
  vertical-align:middle;
}
.amenities ul li img {
  display:block;
}


.amenities dl dt span {
  display:block;
  width:27px;
  height:27px;
  color:#FFF;
  font-size:0.7em;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  text-shadow:1px 1px 1px #999;
  background-image:url(sprite-amenities.png);
}
.amenities dl dt .guests {
  background-position:0px 0px;
}
.amenities dl dt .nightguests{
  background-position:-30px 0px;
}

#detailLeft {
  position:relative;
  float:left;
  width:37.8%;
  margin:29% 0 0 -100%;
  font-size:0.85em;
  line-height:1.25em;
}

#detailRight .topBanner {
  position:absolute;
  top:-4px;
  left:-4px;
  width:84px;
  height:86px;
  background:transparent url(top-locationL.png) center center no-repeat;
  z-index:40;
}

#detailRight {
  position:relative;
  float:left;
  width:100%;
  padding:0 0 0 40%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;

}
#detailRight h2 {
  margin:0 0 5px;
}
#detailRight #keywords {
  margin:0;
  border-bottom:1px solid #cc3300;
  padding:0 30px 10px;
}
#detailRight #keywords li {
  color:#cc3300;
  font-size:0.85em;
  line-height:1.25em;
}
#detailRight #sublocations {
  width:100%;
  margin:0;
  padding:0;
}
#detailRight #sublocations li {
  margin:0;
  border-top:1px solid #A88480;
  padding:5px 10px 2px 0;
  background:transparent;
  list-style:none;
}
#detailRight #sublocations .sublocOdd {
  background:transparent url(verlauf43.gif) bottom left repeat-x;
}
#detailRight #sublocations li span {
  display:block;
  padding:0 0 0 40px;
  background:transparent url(redSquare.png) 0px 3px no-repeat;  
}
#detailRight #sublocations li span a {
  font-size:0.95em;
  line-height:1.25em;
}
#detailRight #sublocations li span a.more {
  display:block;
  font-size:0.85em;
  line-height:1.25em;
  text-align:right;
}
#detailRight .text {
  padding:0;
}
#detailRight .teaser {
  margin-bottom:0;
  font-size:0.95em;
  line-height:1.25em;
  color:#cc3300;
}
#gallery_wrap {
  position:relative;
  height: 315px;
  margin:0 0 10px;
  border:1px solid #f9c289;
  border-radius:5px;
  padding:7px;
}
#pointer {
  left:0px !important;
}
.detailC {
  position:relative;
  margin:0;
  border:1px solid #f9c289;
  border-top:0;
  border-radius:0 0 5px 5px;
  padding:0 7px 7px;
  color:#cc3300;
}

.detailC h4 {
  margin:7px 0 0 0;
  border-bottom:1px solid #cc3300;
  padding:0 0 10px 0;
}
.detailC p {
  position:relative;
  margin:0;
  padding:8px 0 0 0;
  color:#333333;
}
.detailC .borderB {
  border-bottom:1px solid #cc3300;
  padding-top:0;
  padding-bottom:8px;
}


.detailNav {
  display:none;
  position:fixed;
  top:50%;
  width:32px;
  height:50px;
  margin-top:-25px;
  z-index:505;
}

.detailNav.next {
  right:2%;
}

.detailNav.prev {
  left:2%;
}

.detailPrev {
  display:block;
  width:22px;
  height:42px;
  padding:0 0 0 10px;
}

.detailPrev.disabled {
  opacity:0.4;
}

.detailPrev span {
  display:block;
  width:22px;
  height:42px;
  background:transparent url(sprite-icons.png) -240px -160px no-repeat;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.detailPrev:hover span {
  -webkit-transform:translateX(-5px);
  transform:translateX(-5px);
}

.detailPrev.disabled:hover span {
  -webkit-transform:translateX(0);
  transform:translateX(0);
}


.detailNext {
  display:block;
  width:22px;
  height:42px;
  padding:0 10px 0 0;
}
.detailNext.disabled {
  opacity:0.4;
}

.detailNext span {
  display:block;
  width:22px;
  height:42px;
  background:transparent url(sprite-icons.png) -320px -160px no-repeat;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.detailNext:hover span {
  -webkit-transform:translateX(5px);
  transform:translateX(5px);
}

.detailNext.disabled:hover span {
  -webkit-transform:translateX(0);
  transform:translateX(0);
}


.splash {
  position:relative;
  width:100%;
  height:100%;
  background:#000000;
}

.splash .bkgd {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-repeat: no-repeat;
  background-position:center center;
  background-size:cover;
  background-color:rgba(0, 0, 0, 0);
  opacity:0.8;
}

.splash .bkgd aside {
  position:absolute;
  top:10%;
  right:10%;
  max-width:25%;
  text-align:right;
  opacity:0;
  -webkit-animation: fadeInAside 1s 1.5s ease both;
  animation: fadeInAside 1s 1.5s ease both;
}

.splash .bkgd aside a {
  text-decoration:none;
}

.splash .bkgd aside a:hover {
  text-decoration:none;
}

.splash .bkgd aside span {
  display:block;
  color:#ffffff;
  font-size:1.2em;
  line-height:1.25em;
  text-shadow:0 0 2px rgba(0, 0, 0, 0.8);
}

.splash .bkgd aside .city {
  font-size:0.85em;
  line-height:1.25em;
}


@-webkit-keyframes fadeInAside {
  0% {-webkit- transform:translate3D(0,50%,0); opacity:0; }
  100% { -webkit-transform:translate3D(0,0,0); opacity:1; }
}

@keyframes fadeInAside {
  0% { transform:translate3D(0,50%,0); opacity:0; }
  100% { transform:translate3D(0,0,0); opacity:1; }
}

.splash .logo {
  position:absolute;
  top:10%;
  left:10%;
  text-shadow:0 0 2px rgba(0, 0, 0, 0.8);
}

.splash .logo span {
  font-size:6.4em;
  line-height:1em;
}

.splash .logo aside {
  font-size:1.5em;
  line-height:1em;
  text-transform:uppercase;
}

.splash form {
  position:absolute;
  width:25%;
  left:37.5%;
  bottom:17%;
}

.splash form input, .splash form select {
  display:block;
  width:100%;
  height:35px;
  margin:3% 0;
  border:1px solid rgba(0,0,0,0.5);
  background:rgba(255,255,255,0.8);
  font-size:1.2em;
  line-height:1.25em;
  color:#333333;
  -webkit-appearance:none;
  -moz-appearance:none;
}

.splash form input {
  padding:3px 10px;
}

.splash input.btn {
  float:right;
  width:auto;
  margin:0;
  background:#cc3300;
  font-size:1.3em;
  line-height:1.25em;
  color:#ffffff;
}

.splash .scrollicon {
  position:absolute;
  bottom:5%;
  left:50%;
  width:30px;
  height:30px;
  margin:0 0 0 -25px;
  border-radius:50%;
  border:1px solid #333333;
  padding:10px;
  background:transparent url(sprite-icons.png) -430px -142px no-repeat;
}


/* -- SCREEN SIZES ---------------------------------*/
@media (max-width:1280px) {

}

@media (max-width:1150px) {
  #menu {
    padding:0 20px;
  }
  #menu li a {
    padding:10px;
  }

  #detailLeft {
    margin-top:30%;
  }
}


@media (max-width:1025px) {

  header .searchFilter {
    width:60%;
  }

  #map-sidebar {
    position:absolute;
    float:none;
    top:7px;
    right:7px;
    bottom:7px;
    width:250px;
    background:#ffffff;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition:-webkit-transform 0.3s;
    -ms-transition:-ms-transform 0.3s;
    transition:transform 0.3s;
  }

  #map-sidebar.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  #map-sidebar .activity {
    display:block;
  }

  #map-wrapper {
    margin:0;
  }
  #detailRight {
    padding:0;
  }
  #detailRight .thumbTab.center {
    width:100%;
    margin:15px 0;
  }
  #detailRight .thumbImg {
    padding:0 0 45%;
  }
  #detailLeft {
    width:100%;
    margin:0;
  }

  .indexG li {
    width:49%;
    margin:1%;
  }
  .indexG li.small1 {
    margin-left:1%;
    clear:none;
  }
  .indexG li.small3 {
    margin-right:1%;
  }
  #pLoc .indexG li.small3 {
    display:none;
  }
  .indexG li.odd {
    margin-left:0;
    clear:left;
  }
  .indexG li.even {
    margin-right:0;
  }
}


/* --- TABLET PORTRAIT --- */
@media (max-width:800px) {

  #middle {
    width:96%;
  }

  header .userLogin {
    display:none;
  }
  header .social {
    top:15px;
    bottom:auto;
  }

  header .searchFilter {
    position:absolute;
    display:block;
    top:100%;
    right:0;
    left:0;
    width:auto;
    height:180px;
    margin:0;
    border-bottom:1px solid #999999;
    background:#cccccc;
    vertical-align:middle;
    -webkit-transform:translate3d(100%, 0px, 0px);
    transform:translate3d(100%, 0px, 0px);
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
  }
  header .searchFilter.open {
    -webkit-transform:translate3d(0, 0px, 0px);
    transform:translate3d(0, 0px, 0px);
  }

  header .showSearch {
    display:block;
  }


  .content {
    margin:0;
    padding:0;
  }

  .metanav {
    float:none;
    text-align:center;
  }
  .metanav a:first-child {
    padding-left:5px;
  }
  .copyright {
    float:none;
    padding:15px 5px 5px;
    text-align:center;
  }
  .macronav .userLogin {
    display:block;
  }
  .nav div {
    margin:0;
    padding:10px 0 5px;
    text-align:center;
  }

  .sidebar {
    width:100%;
    margin:0;
  }
  #teaser {
    padding-top:20px;
    overflow:auto;
    -webkit-columns:2 230px;
    -moz-columns:2 230px;
    -ms-columns:2 230px;
    -o-columns:2 230px;
    columns:2 230px;
    -webkit-column-gap:24px;
    -moz-column-gap:24px;
    -ms-column-gap:24px;
    -o-column-gap:24px;
    column-gap:24px;
  }

  #teaser div.ZMSTeaserElement {
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    column-break-inside:avoid;
    display:inline-block;
    width:99%;
  }

  .splash .bkgd aside {
    top:5%;
    right:5%;
    max-width:30%;
  }
  .splash .logo {
    top:5%;
    left:5%;
  }
  .splash .logo span {
    font-size:5em;
    line-height:1em;
  }
  .logo aside {
    font-size:1.2em;
    line-height:1em;
  }

  .splash form {
    width:50%;
    left:25%;
    bottom:15%;
  }

  .detailNav {
    top:8px;
    width:16px;
    height:30px;
    margin:0;
    padding:0;
  }
  .detailNav.next {
    right:60px;
  }
  .detailNav.prev {
    left:auto;
    right:100px;
  }

  .detailPrev span {
    width:16px;
    height:30px;
    background-position:-80px -240px;
  }

  .detailPrev {
    width:16px;
    height:30px;
    padding:0;
  }

  .detailPrev:hover span {
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }

  .detailNext span {
    width:16px;
    height:30px;
    background-position:-160px -240px;
  }

  .detailNext {
    width:16px;
    height:30px;
    padding:0;
  }

  .detailNext:hover span {
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
}

@media (max-width:800px) and (max-height:600px) {
  .splash form {
    bottom:20%;
  }
}


@media (max-width:600px) {
  .splash .bkgd aside {
    display:none;
  }
}


/* --- SMARTPHONES QUERFORMAT --- */
@media (max-width:500px) {
  .indexG li {
    width:100%;
    margin:1% 0;
  }
  .indexG li.small1 {
    margin-left:0;
    clear:none;
  }
  .indexG li.small3 {
    margin-right:0;
  }

  .indexG li.odd {
    clear:none;
  }

  #pLoc .indexG li.even {
    display:none;
  }

  .splash .logo span {
    font-size:4em;
    line-height:1em;
  }
  .splash .logo aside {
    font-size:1em;
    line-height:1em;
  }

  .splash form {
    width:80%;
    left:10%;
    bottom:15%;
  }

  .splash form input, .splash form select {
    font-size:1em;
    line-height:1.25em;
  }

}


@media (max-width:450px) {
  .amenities dl {
    width:100%;
  }
  #map-wrapper {
    height:200px;
  }

  #map-sidebar {
    height:200px;
  }
  header .social {
    display:none;
  }
}


/* --- SMARTPHONES PORTRAIT --- */

@media (max-width:375px) {

}


/* -- COOKIE CONSENT -----------------------------------------------*/
.cookie-consent {
  position: fixed;
  display: block;
  right: 0;
  bottom: -100%;
  left: 0;
  padding: 1rem 0;
  background-color: rgb(238,238,238);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  color: rgb(51,51,51);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  clear: both;
  z-index: 100;
}


.csstransforms .cookie-consent {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


body[data-cookie="top"] .cookie-consent {
  top: -100%;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent {
  top: 0;
  bottom: auto;
  -webkit-transform: translate(0,-110%);
  transform: translate(0,-110%);
}

.cookie-consent.show {
  bottom: 0;
}

.csstransforms .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


body[data-cookie="top"] .cookie-consent.show {
  top: 0;
  bottom: auto;
}

.csstransforms body[data-cookie="top"] .cookie-consent.show {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}


.cookie-consent.show.hide {
  bottom: -100%;
}

.csstransforms .cookie-consent.show.hide {
  bottom: 0;
  -webkit-transform: translate(0,110%);
  transform: translate(0,110%);
}


.cookie-consent::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.cookie-consent > div {
  position: relative;
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 0.85em;
  text-align: left;
}


.cookie-consent p {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}


.cookie-consent a {
  display: inline-block;
  text-decoration: underline;
}


.no-touch .cookie-consent a:hover, .no-touch .cookie-consent a:active {

}


.cookie-consent .btn {
  display: block;
  float: right;
  width: auto;
  margin: 0 0 5px 1rem;
  padding: 0.5rem 1rem;
  background-color: rgb(204,204,204);
  color: rgb(51,51,51);
}

.cookie-consent .btn > i {
  font-size: 1rem;
}



@media (max-width: 450px) {

  .cookie-consent > div {
    font-size: 0.8em;
  }

}





/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/

/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family:'Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:1.25em;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family:'Lucida Grande',Helvetica,Verdana,Arial,sans-serif;
  font-size:13px;
  line-height:1.25em;
} 
body.zmi form input,body.zmi form select, body.zmi form textarea {
  margin:1px;
  padding:1px;
  background:#ffffff;
  box-shadow:none;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
}

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#f9c289;
  color:#f9c289;
  font-weight: bold;
  border:none; 
}