body {
 width:100%!important;
 height:100%!important;
 margin:0px auto!important;
 background-color:#CBB998;
 color:#fff;
 font-family:"Times New Roman, Arial";
-webkit-background-size: 100%; 
 -moz-background-size: 100%; 
 -o-background-size: 100%; 
 -webkit-background-size: cover; 
 -moz-background-size: cover; 
 -o-background-size: cover; 
 background-size: cover;
}
a{color:#fff;}
h2 {margin:0px; padding:0px;}
fieldset {
 border:none;
 width:80%;
 margin:0px auto;
 text-align:center;
}
legend {
 margin:0px auto;
 text-align:center;
 width:100%;
 color:#870314;
 font-size:1.3em;
}
select {
 padding:0.2em;
 font-size:0.8em;
}
.form-control {margin-bottom:10px;}
#gpgModal .modal-dialog {width:95%;}
.portalHotelBox {
 text-align:center;
 padding:10px;
 margin:20px 5px;
background-color: #CBB998;
  border-color: #CBB998;
  border-style: solid;
  border-width: 10px;
  box-shadow: 10px 16px 15px #666666;
  position: relative;
}
.table-6 {width:33,3%;}
.table-5 {width:50%;}
.table-4 {width:50%;}
.table-3 {width:100%;}
.table-2 {width:100%;}
.table-1 {width:100%;}
#content {
  background: none repeat scroll 0 0 #fff!important;
  margin: 0;
  position: relative;
  width: 100%;
}
#text {  
  color: #000000;
  padding:14px;
  position:relative;
}
#langs {text-align:center; padding:20px; }
#langs img {margin:0px 7px;}
.switchToNormal {
 text-align:center;
 display:block;
 margin:0px auto;
 padding:3px;
 color:#0A3379;
}
#slideshow img {
  position: relative;
  width: 100%;
}
#logo {
  z-index: 29;
  text-align: center;
  display: block;
  padding-top: 12px;
background-color:#680103;
}
.ui-datepicker-trigger {
  cursor: pointer;
  position: relative;
  top:4px;
  width:24px;
padding-left:0.2em;
}
#ui-datepicker-div {z-index:40!important;}
h1 {font-size:1.3em;}
h3 {font-size:1em;}
#photoFrameLeft {
  background: url("/grafik/layout/photo-frame-red-left.png") no-repeat scroll 0 0 transparent !important;
  height: 200px;
  left: -21px;
  position: absolute;
  top: -24px;
  width: 70%;
  z-index: 20;
}
#photoFrameRight {
  background: url("/grafik/layout/photo-frame-red-right.png") no-repeat scroll 0 0 transparent !important;
  height: 200px;
  right: 26px;
  position: absolute;
  top: -24px;
  width: 70%;
  z-index: 20;
display:none;
}
#photoFrameMiddle {
  background: url("/grafik/layout/photo-frame-red-middle.png") repeat-x scroll 0 0 transparent !important;
  height: 200px;
  left: 0px;
  position: absolute;
  top: -24px;
  width: 97%;
  z-index: 19;
}
.bookRoomNow {
 background: #870314 url('/grafik/mobil/button-bg.png') repeat-x;
 text-decoration:none;
 border:none;
 color:#fff;
 padding:0.9em;
 margin:1em auto;
 display:block;
 width:55%;
 opacity: 1!important;
 filter:alpha (opacity=100)!important;
 text-transform:uppercase;
 font-weight:bold;
 box-shadow:              black 4px 6px 10px;
 -webkit-box-shadow: black 4px 6px 10px;
 -moz-box-shadow:     black 4px 6px 10px; 
 text-align:center;
}
.bookRoomNow:hover {
background: #8B520C url("/grafik/mobil/button-bg-hover.png") repeat-x scroll 0 0;
}
.backToMenu {
  background: #8B520C url("/grafik/mobil/button-bg-hover.png") repeat-x scroll 0 0;
 width:40%;
 font-size:0.7em;
}
.backToMenu:hover {
background: #8B520C url("/grafik/mobil/button-bg.png") repeat-x scroll 0 0;
}
#text ul {
 margin:0px;
 padding:0px;
}
#text ul li {
  background: url("/grafik/layout/bullet-red.png") no-repeat scroll left 6px transparent;
list-style-type: none;
  padding: 2px 3px 2px 20px;
}
#resText {
  color: #000000;
  display: block;
  margin: 1em auto;
  padding: 1.18em;
  width: 80%;
}
#mobilMenu hr {
 background-color:#C19B70;
 border:none;
 margin:10px 0px;
}
#mobilTopMenu {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#mobilTopMenu li{
background: none no-repeat scroll left 6px #870314!important;
 padding:0.8em!important;
 margin:0.7em auto;
 display:block;
 color:#fff;
/* opacity: 0.7;
 filter:alpha (opacity=70);*/
 list-style-type:none;
}
#mobilTopMenu li.active, #mobilTopMenu li:hover {
 background-color:#3A0000!important;
}
#mobilTopMenu li a{
 color:#fff!important; 
 text-transform:uppercase; 
 text-decoration:none; 
 font-weight:bold; 
 font-size:1em; 
 display:block;
}
.mobilTopHeader {
  color:#fff;
  display:block;
  clear:both;
  height:60px;
  background-color:#0a3379;
}
.mobilHotelLogo {
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -43px;
  width: 100%;
 z-index:30;
}
.mobilGerstnerLogo {
 display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -8px;
  width: 100%;
  z-index:30;
}
.phone {
background-color: #fff;
background-image:url("/grafik/mobil/phone.png"), url("/grapfik/mobil/phone-bg.png");
background-repeat:no-repeat, repeat-x;
background-position:3px 5px, 0 0;
 -webkit-border-radius: 0.586em;  
 -moz-border-radius: 0.586em;
  border-radius: 0.586em;
padding:0.5em;
padding-left:29px;
text-align:center;
color:#870314;
display:block;
}
.phone a {color:#AD9961!important;}
.email {
background-color: #fff;
background-image:url("/grafik/mobil/email.png"), url("/grafik/mobil/phone-bg.png");
background-repeat:no-repeat, repeat-x;
background-position:5px 9px, 0 0;
 -webkit-border-radius: 0.586em;  
 -moz-border-radius: 0.586em;
  border-radius: 0.586em;
padding:0.5em;
padding-left:29px;
text-align:center;
color:#870314;
display:block;
font-size:0.66em;
}
#gallery {
 background-color: #E1C8AA;  
  margin: 0em;
  padding: 0em;
overflow:hidden;
position:relative;
top:-55px;
}
.pagePhotos img {
        position:relative;
        top: -126px;
        left: 0;
        display: none;
        width: 100%;
        z-index:20;
  border-top:1px solid #C4BDAA;
  border-bottom:1px solid #C4BDAA;
      }
.pagePhotos img.current1 {
        display: block;
      }
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
#mobilFooter a{color:#fff;}
#mobilHotelFooter {
 border-top:0px solid #fff;
 /*background-color:#2a4bb7;
 color:#fff;
 background-image: url("/grafik/mobil/footer-bg.png");
 background-repeat:repeat-x;*/
 text-align:center;
 z-index:30;
 margin-top:14px;
}
#mobilHotelFooter a {color:#fff;}
/* ********* CYCLE IMG ************** */
#slideshow {
  display: none;
height:200px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 0;
}
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 200px;
    overflow:hidden;
}
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
#slideshow DIV.last-active {
    z-index:9;
}
#slideshow DIV IMG {
    width: 100%;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
/* ********* END CYCLE IMG ************** */
.hide {display:none;}
.show {display:block;}
.center {text-align:center!important;}
.ui-li-desc {white-space: normal;}
.ui-page { -webkit-backface-visibility: hidden; }
.opt {width:99%; z-index:100000;   opacity: 1!important;  filter:alpha (opacity=100);}