html {
     overflow-y: scroll;
}

body {
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:#000;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
        min-height: 800px; /* real browsers */
        height: auto !important; /* real browsers */
        height: 100%; /* IE6: treated as min-height*/
	top: 0px;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 200px, rgba(204,204,204,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(200px, rgba(255,255,255,1)), color-stop(100%, rgba(204,204,204,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 200px, rgba(204,204,204,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 200px, rgba(204,204,204,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 200px, rgba(204,204,204,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 200px, rgba(204,204,204,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 );
        background-repeat: no-repeat;
        background-color: #CCC;
}

div.main {
    background-color: #FFF;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    border-left: solid 5px #CDF;
    border-right: solid 5px #CDF;
}

div.logoImg {
    
    display:inline-block;
    float:left;
    padding-left:180px;
}

div.logoFlags {
    width:70px;
    display:inline-block;
    text-align: left;
    float:left;
}

div.menu {
    display:block;
    width:630px;
    padding-left: 185px;
    padding-right: 185px;
    background-color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.menuItem {
    display:inline-block;
    text-align:center;
    font-size: 19px;
    color:#3f4776;
}

div.bannerContainer {
    min-height: 400px;
}

div.standart {
    width:640px;
    margin-left: auto;
    margin-right:auto;
    font-size:15px;
    color: #444;
    padding-top:20px;
    padding-bottom:20px;
}

.innerfade {
    display:block;
    list-style-type: none;
    padding:0px;
    margin:0px;
    padding-top:25px;
}

div.headline {
    width:100%;
    text-align: center;
    font-size: 22px;
    color: #3f4776;
    padding-top:50px;
}

div.leftTable {
    text-align: left;
    padding-left:70px;
    width:270px;
    display: inline-block;
}

div.rightTable {
    text-align: left;
    width:250px;
    display: inline-block;
}

div.priceTable {
    width:198px; 
    padding-left: 0px; 
    text-align: center; 
    background-color: #DDD;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
}

div.calYear {
    float:left;
    text-align: center;
    padding:2px;
    width: 164px;
    height: 22px;
    border-bottom: 2px solid #DDD;
    margin-bottom: 5px;
}

div.calDay {
    float:left;
    width: 22px;
    height: 22px;
    font-size: 12px;
    color:#444;
    padding: 1px;
    text-align: center;
}

div.calCell {
    float:left;
    text-align: center;
    width: 22px;
    height: 22px;
    font-size: 12px;
    padding:0px;
    margin: 1px;
    display: inline-block;
}

span.calText {
    padding-top: 4px;
    display:block;
}

div.calContainer {
    width:170px;
    height:203px;
    display:inline-block;
    border: 2px solid #DDD;
    padding-left:2px;
    margin:10px;
}

div.formCell {
    display:inline-block;
    margin-right:20px;
    min-width: 100px;
    margin-bottom: 10px;
}

div.formContainer {
    float:left;
    display:inline-block;
    width:320px;
    padding:5px;
}

div.formWarning {
    float:left;
    width:280px;
    height:276px;
    border: 2px solid #FFAAAA;
    display:inline-block;
    min-height: 200px;
    padding:10px;
    text-align: justify;
    color: #444;
    font-size: 13px;
}

div.formWText {
    width:180px;
    float:left;
    display:inline-block;
    color:#444;
}

div.feedback {
    text-align: center;
    padding: 10px;
    
    margin-bottom: 20px;
}

div.myPopup {
    width: 200px;
    padding: 30px; 
    display:none;

    background: #FFF;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

div.Impressum {
    width:800px;
    padding:30px;
    font-size: 12px;
    height:500px;
    
    display:none;
    background: #FFF;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

.statButton {
    background-color: #DDD;
    font-size: 22px;
    text-align: center;
    padding: 10px;
    width: 100px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
    text-decoration: none;
    color: black;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

h3 {
    font-size: 15px;
    margin-bottom: 10px;
}

.hiddenForm {
    margin-bottom: 0px;
    
}

.iframeCSS {
    width:620px;
    height:300px;
}

.sfield {
  font-family: 'Droid Serif', serif;
  height:22px;
  text-align: left;
  display: inline-block;
  width: 160px;
  padding-left: 5px;
  background-color: #fff;
  font-size: 1.0em;
  color: #444;
  border: 1px solid #c8c8c8;
  border-bottom-color: #d2e2e7;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 0 0 2px #f0f0f0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 0 0 2px #f0f0f0;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 0 0 2px #f0f0f0;  
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.sfieldCalendar {
    background-image: url("/img/calendar_icon.png");
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 5px;
    width:115px;
}
 
.sfield:focus {
  color: #666;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 2px #e0e0e0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 2px #e0e0e0;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 2px #e0e0e0;
}

.calEmpty {
    background-image: url("/img/calEmpty.jpg");
}

.calFree {
    background-image: url("/img/calFree.jpg");
}

.calStart {
    background-image: url("/img/calStart.jpg");
}

.calEnd {
    background-image: url("/img/calEnd.jpg");
}

.calOccupied {
    background-image: url("/img/calOccupied.jpg");
}

.calStartEnd {
    background-image: url("/img/calEndStart.jpg");
}



.calOccuRes {
    background-image: url("/img/calOccuRes.jpg");
}

.calRes {
    background-image: url("/img/calRes.jpg");
}

.calResRes {
    background-image: url("/img/calResRes.jpg");
}

.calResOccu {
    background-image: url("/img/calResOccu.jpg");
}

.calResStart {
    background-image: url("/img/calResStart.jpg");
}

.calResEnd {
    background-image: url("/img/calResEnd.jpg");
}

.good {
    color: #0A0;
    border: 2px solid #0A0;
}

.bad {
    color: #D00;
    border: 2px solid #D00;
}


h2 {
    font-size:50px;
    margin:10px;
    margin-bottom: 0px;
}

.anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -50px; 
  height: 50px; 
  visibility: hidden; 
}

.justified {
    text-align: justify;
}

/* IMPRESSUM */

.imprHeaderA {
    font-size: 27px;
}

.imprHeaderB {
    margin-bottom: 5px;
    font-size: 16px;
    padding-left: 15px;
}

.imprText {
    padding-left: 20px;
    font-size: 13px;
    color: #444;
    background-color: #efefef;
    padding: 15px;
    border-radius: 5px;
    line-height: 17px;
}

.imprList {
    
}


/* LINKS */

a.linkMenu:link,a.linkMenu:visited {
	color:#3f4776;
	text-decoration:none;
}
a.linkMenu:hover,a.linkMenu:active {
	color:#CCC;
}

@media screen and (max-width: 1020px) {
    body {
        width:95%;
        overflow-x: hidden;
        background-color: #FFF;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    }    
    
  div.main {
      width:100%;
      border: 0px;
  }
  
  .mobileImg {
      width:100%;
      height: auto !important;
      text-align: center;
  }
  
  .mobileImg2 {
      display: none !important;
  }
  
  div.logoImg {
      width:100%;
      padding: 0px;
  }
  
  div.logoFlags {
      width:100%;
      display: inline-block;
      text-align: center;
  }
  
  div.menu {
      width: 100%;
      padding-left:0px;
      padding-right:0px;
      text-align: center;
      padding-bottom: 10px;
      padding-top:10px;
  }
  
  div.menuItem {
    display:inline-block;
    text-align:center;
    font-size: 1.5em;
    color:#3f4776;
    padding: 5px;
}

div.secretSep {
    display: none !important;
}

div.bannerContainer {
    display: none !important;
}

div.standart {
    width:80%;
    margin-left: auto;
    margin-right:auto;
    font-size:1.0em;
    color: #444;
    padding-top:20px;
    padding-bottom:20px;
}
div.headline {
    font-size: 1.4em;
}

div.leftTable {
    display:block;
    margin-bottom: 20px;
    padding-left: 0px;
}
div.rightTable {
    display:block;
    padding-left: 0px;
}
.iframeCSS {
    width:100%;
    
}
div.priceTable {
    width:30%;
    font-size: 1.0em;
    margin-right: 2px;
    margin-left:2px;
}
h2 {
    font-size: 2.0em;
}
.scaleImg {
    max-width: 12px;
    height: auto;
}
div.formContainer {
    display:block;
    width:100%;
    margin-bottom: 20px;
}
div.formWarning {
    display:block;
    width:90%;
    margin:0px;
}

div.formWText {
    width:55%;
    float:left;
    display:inline-block;
    color:#444;
    padding-right: 5px;
}

div.formCell {
    width:35%;
    display:inline-block;
    min-width:0px;
}
.sfield {
    width:120px;
}
div.calContainer {
    width:170px;
    display:block;
    border: 0px solid #DDD;
    padding-left:0px;
    padding-bottom: 0px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

}