body{
   font-family: Arial, Helvetica, sans-serif;
   width: 100%;
   background: url(../img/background1.jpg) repeat-x #F5EDDD;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

ul{
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;
   position: relative;
}
#wrapper{
   position: relative;
   width: 980px;
   margin: 0 auto;
}

header{
   position: relative;
   font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
   width: 980px;
   overflow: hidden;
}
#title{
   position: absolute;
   left: 0;
   top: 21px;
   font-size: 32px;
   color: #0EAAAC;
   display: block;
}
#subtitle{
   position: absolute;
   right: 0;
   top: 28px;
   font-size: 24px;
   color: #0EAAAC;
   display: block;
}
nav{
   margin-top: 98px;
}

nav li{
   float: left;
   border-right: 1px solid #ccc;
   padding-right: 20px;
   padding-left: 20px;
   height: 23px;
   line-height: 23px;
}
nav li:first-child{
   padding-left: 0px;
}
nav li:last-child{
   border-right: none;
}
nav li a{
   color: #333;
   font-size: 20px;
   text-decoration: none;
}

nav li.active a{
   color: #0EAAAC;
}
#content_wrapper{
   position: relative;
   width: 950px;
   margin-top: 20px;
   padding: 20px 20px 0px 10px;
   border: 1px solid #CCC;
   overflow: hidden;
   background: white;
   margin-bottom: 20px;
}
#cont_left{
   width: 678px;
   margin-right: 14px;
   float: left;
}
#cont_right{
   width: 258px;
   float: left;
}
.cont_box{
   position: relative;
   margin-left: 8px;
   background: #F3EAD9;
   color: #4c4c4c;
   font-size: 16px;
   padding: 15px 20px 10px 20px;
   margin-bottom: 20px;
   clear: both;
}
.ribbon{
   height: 35px;
   margin: 0px 0px 20px -28px;
}

.r_left{
   width: 8px;
   height: 35px;
   background: url(../img/ribbon-left.png) no-repeat;
   display: inline-block;
   vertical-align:top;
}
.r_right{
   background: url(../img/ribbon-right.png) right #99CCCC no-repeat;
   height: 28px;
   line-height: 28px;
   padding: 0px 20px;
   text-transform: uppercase;
   color: black;
   font-size: 16px;
   display: inline-block;
   vertical-align:top;
}
.start_addr{
   font-size: 12px;
   margin-top: 12px;
   display: inline-block;
}
.cont_box.start_gallery{
   padding: 0;
}

#start-gallery-big{
   margin-right: 10px;
   float: left;
   width: 580px;
   height: 435px;
   margin-left: 8px;
   margin-bottom: 20px;
}
#start-gallery-thumbs{
   width: 80px;
   height: 435px;
   float: left;
   line-height: 0px;

}
#start-gallery-thumbs .thumb-start.active{
   border: 2px solid #99CCCC;
   width: 76px;
   height: 86px;

}
.thumb-start{
   margin-bottom: 4px;
   cursor: pointer;
}
.arrow-up{
   margin-top: -4px;
}
#anfrage-side label{
   margin-bottom: 6px;
   display: inline-block;
}

#anfrage-side input[type=text], #kontakt-form input[type=text]{
   height: 30px;
   width: 210px;
   background: -webkit-linear-gradient(#F0F0F0, #FFFFFF); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#F0F0F0, #FFFFFF); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#F0F0F0, #FFFFFF); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#F0F0F0, #FFFFFF); /* Standard syntax */
   border: 1px solid #CCC;
   margin-bottom: 10px;
}

#anfrage-side #anz_gaeste{
   width: 63px;
   height: 30px;
   background: -webkit-linear-gradient(#EEE, #FFFFFF); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#EEE, #FFFFFF); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#EEE, #FFFFFF); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#EEE, #FFFFFF); /* Standard syntax */
   margin-bottom: 10px;
}
#anfrage-side input[type=submit], #kontakt-form input[type=submit]{
    width: 127px;
    height: 30px;
    background: #E55619;
    color: white;
    font-size: 11.5px;
    text-transform: uppercase;
    text-align: center;
   -webkit-box-shadow: 5px 5px 12px 0px rgba(50, 50, 50, 0.36);
   -moz-box-shadow:    5px 5px 12px 0px rgba(50, 50, 50, 0.36);
   box-shadow:         5px 5px 12px 0px rgba(50, 50, 50, 0.36);
   border: none;
   display: inline-block;
   vertical-align: top;
   margin-left: 15px;
}
#kontakt-form input[type=submit]{
   margin-left: 0px;
   margin-top: 20px;
   margin-bottom: 30px;
   width: 150px;
}

.side-anfrage-txt{
  margin-bottom: 8px;
  font-size: 12px;
}
.side-anfrage-txt a{
   color: #3871A9;
   text-decoration: none;

}
#kontakt-form label{
   display: block;
}
#kontakt-form input[type=text]{
   width: 100%;
}
#kontakt-form textarea{
   background: -webkit-linear-gradient(#F0F0F0, #FFFFFF); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#F0F0F0, #FFFFFF); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#F0F0F0, #FFFFFF); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#F0F0F0, #FFFFFF); /* Standard syntax */
   border: 1px solid #CCC;
   width: 100%;
   height: 265px;
}


#gallery-thumbs,#gallery-big{
   margin-left: 25px;
   line-height: 0px;
}
#gallery-big{
   margin-bottom: 20px;
}

#gallery-thumbs img{
   margin-right: 15px;
   margin-bottom: 20px;
}
#gallery-thumbs img.active{
   width: 122px;
   height:  89px;
   border: 4px solid #99CCCC;
}
.occupied-sign{
   width: 27px;
   height: 27px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #C55762;
   display: inline-block;
   vertical-align: middle;
}
#basic{
   margin: 40px 0px;
}
#seasons{
   width: 530px;
}
#seasons tr{
   height: 35px;
}

#seasons .td1, #seasons .td2{
   width: 145px;
   text-align: left;
}
#seasons .td3, #seasons .td4{
   width: 120px;
}
#seasons td:nth-child(3),th:nth-child(3){
   text-align: center;
}
#seasons td:nth-child(4),th:nth-child(4){
   text-align: right;
}
.col_left{
   width: 47%;
   margin-right: 4%;
   display: inline-block;
   vertical-align: top;
}
.col_right{
   width: 48%;
   display: inline-block;
   vertical-align: top;
}
#big_map{
   margin-bottom: 20px;
}
.kontakt-label{
   width: 65px;
   display: inline-block;
}