/**------------------------ general ----------------------------**/


* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: 0px;
}

html,
body {
    margin:0;
    padding:0;
    height:100%;
}

body {

}



.current {
    position: absolute !important;
    top: 0px;
    display: block;
}

.previous {
    position: absolute !important;
    top: 0px;
    display: block;
}

#mainContainer {
    margin: auto;
    width: 1024px;
    min-height: 800px;
    padding-bottom: 61px;
 }


 #leftContainer{
     background: url("../images/background-menu.png");
     width: 258px;
    height: 100%;
    margin-left: 56px;
    float:left;
    position: absolute;
     z-index: 1;
}


.logo{
    width: 193px;
    height: 68px;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
}

.menu{
    height: 230px;
    width:196px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px;
    margin-top: 60px;
}

.menu li{
    list-style: none;
    margin-top: 13px;
    margin-bottom: 13px;
    height: 24px;
}

.menu li a{
    display: inline-block;
    text-indent: -9999em;
}

.businessHours{
    width: 196px;
    height: 196px;
    margin-left: auto;
    margin-right: auto;
}

.businessHours img{
    margin-bottom: 23px;
}

.quickContact{
    width: 201px;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
}

.quickContact p{
    margin-top: 25px;
}

#pictureContainer{
    /* width: 2048px;*/
    width:100%;
    min-width:1024px;
    max-width: 1800px;
    height: 431px;
    float:right;
    margin: auto;
}


#slideshow{
    /* width: 1024px; */
    width:100%;
    display: block;
    height: 431px;


}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.roomChrome{padding-top: 0px !important;}
}





#contentContainer{
    width: 642px;
    margin-left: 345px;
    padding-top: 431px;

}

#pressContent{
    width: 642px;
    margin-left: 345px;
    padding-top: 100px;
}


#additionalContent{
    width: 642px;
    height: 431px;
    margin-left: 345px;
    position: absolute;
    z-index: 2;
}

/**------------------------ Fonts ----------------------------**/

p{
    font-family: arial;
    font-size: 12px;
    line-height: 1.65;
}

.bold{
    font-weight: bolder;
}

a{
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
    color: black;
}

.formspacer{
    float: left;
    margin-bottom: 3px;
}

/**------------------------ MenuFelder ----------------------------**/


.positionIcon{
    background: url("../images/menu/positionIcon.png");
    height: 24px;
    width: 25px;
    float:left;
}

.roomIcon{
    background: url("../images/menu/roomIcon.png");
    margin-top:2px;
    height: 20px;
    width: 25px;
    float:left;
}

.cafeIcon{
    background: url("../images/menu/cafeIcon.png");
    height: 24px;
    width: 25px;
    float:left;
}

.orderIcon{
    background: url("../images/menu/orderIcon.png");
    height: 24px;
    width: 20px;
    float:left;
}

.pressIcon{
    background: url("../images/menu/pressIcon.png");
    height: 24px;
    width: 25px;
    float:left;
}

.contactIcon{
    background: url("../images/menu/contactIcon.png");
    margin-top:5px;
    height: 14px;
    width: 25px;
    float:left;
}


.position{
    background: url("../images/menu/position.png");
    width: 32px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}



.room{
    background: url("../images/menu/room.png");
    width: 107px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.cafe{
    background: url("../images/menu/cafe.png");
    width: 129px;
    height: 12px;
    margin-top: 6px;
    margin-left:22px;
}

.order{
    background: url("../images/menu/order.png");
    width: 62px;
    height: 10px;
    margin-top: 7px;
    margin-left:27px;
}

.press{
    background: url("../images/menu/press.png");
    width: 43px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.contact{
    background: url("../images/menu/contact.png");
    width: 60px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;

}


.position:hover{
    background: url("../images/menu/position_hover.png");
    width: 32px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.room:hover{
    background: url("../images/menu/room_hover.png");
    width: 107px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.cafe:hover{
    background: url("../images/menu/cafe_hover.png");
    width: 129px;
    height: 12px;
    margin-top: 6px;
    margin-left:22px;
}

.order:hover{
    background: url("../images/menu/order_hover.png");
    width: 62px;
    height: 10px;
    margin-top: 7px;
    margin-left:27px;
}

.press:hover{
    background: url("../images/menu/press_hover.png");
    width: 43px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.contact:hover{
    background: url("../images/menu/contact_hover.png");
    width: 60px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;

}

.position_activ{
    background: url("../images/menu/position_hover.png");
    width: 32px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.room_activ{
    background: url("../images/menu/room_hover.png");
    width: 107px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.cafe_activ{
    background: url("../images/menu/cafe_hover.png");
    width: 129px;
    height: 12px;
    margin-top: 6px;
    margin-left:22px;
}

.order_activ{
    background: url("../images/menu/order_hover.png");
    width: 62px;
    height: 10px;
    margin-top: 7px;
    margin-left:27px;
}

.press_activ{
    background: url("../images/menu/press_hover.png");
    width: 43px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;
}

.contact_activ{
    background: url("../images/menu/contact_hover.png");
    width: 60px;
    height: 10px;
    margin-top: 7px;
    margin-left:22px;

}


/**------------------------ Home ----------------------------**/

.hideThumbs{
    display: none   ;
}

.homeHead{
    width: 490px;
    padding-top: 45px;
    margin-left: 70px;
    margin-bottom: 35px;
}

.homeHeadPic{
    margin-bottom: 20px;
}

.blueHead{
    font-size: 15px;
    color: #006197;
    font-family: 'Istok Web', sans-serif;
    line-height: 1;
}


.leftRow{
    float: left;
    margin-right: 3px;
    width: 315px;
}

.rightRow{
    width: 314px;
    float: left;
    margin-left: 10px;
}

/**-----------------------------------------Blog---------------------------------------**/

#blogContent{
    width: 642px;
    height: 1018px;
    margin-left: 345px;
    padding-top: 100px;
}

.blogArchiv{
    float: right;
    width: 153px;
    margin-top: 85px;
}

.archivLink{
    color: grey;
    margin-left: 10px;

}

.archivLink:hover{
    color: #006197;
    margin-left: 10px;

}

.blogEntrie{
    width: 470px;
    margin-top: 40px;
}

.entrieHead{
    margin-top: 18px;
    margin-bottom: 18px;
}

.blogPicContainer{
    margin-top: 25px;
}

.blogPic1{
    float: left;
    margin-top: 0px;
}

.blogPic2{
    float: left;
    margin-left: 5px;
}

.blogPic3{
    float: left;
    margin-top: 5px;
}

.blogPic4{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.blogPic5{
    float: right;
    margin-right: 3px;
    margin-top: 5px;
}


/**------------------------ Position ----------------------------**/

.positionHead{
    padding-top: 45px;
    margin-bottom: 20px;
}

.positionMenu {
margin-top: 403px;
}

.positionMenu ul li{
    list-style: none outside;
    float: left;
}

.positionMenu li a{
    display: inline-block;
    text-indent: -9999em;
}

.positionMain{
    width: 98px;
    height: 28px;
    background: url("../images/position/position.png");
    margin-right: 5px;
}

.event{
    width: 238px;
    height: 28px;
    background: url("../images/position/event.png");
    margin-right: 5px;
}

.hobby{
    width: 82px;
    height: 28px;
    background: url("../images/position/hobby.png");
}

.positionMain:hover{
    width: 98px;
    height: 28px;
    background: url("../images/position/position_hover.png");
    margin-right: 5px;
}

.event:hover{
    width: 238px;
    height: 28px;
    background: url("../images/position/event_hover.png");
    margin-right: 5px;
}

.hobby:hover{
    width: 82px;
    height: 28px;
    background: url("../images/position/hobby_hover.png");
}

.positionMain_active{
    width: 98px;
    height: 28px;
    background: url("../images/position/position_hover.png");
    margin-right: 5px;
}

.event_active{
    width: 238px;
    height: 28px;
    background: url("../images/position/event_hover.png");
    margin-right: 5px;
}

.hobby_active{
    width: 82px;
    height: 28px;
    background: url("../images/position/hobby_hover.png");
}

.eventBox{
    width:640px;
    height:187px;
    background-color:  rgba(255, 255, 255, 0.6);
    background:  rgba(255, 255, 255, 0.6);
    margin-top: 12px;
}

.whiteBox{
    float:left;
    width: 335px;
    padding-left: 15px;
}

.whiteBox img{
    margin-top: 18px;
    margin-bottom: 6px;
}

.PicBox{
    float:left;
    width:290px;
}

.whiteBoxFont{
    font-family: arial;
    line-height: 1.65;
    font-size: 12px;
}

/**------------------------ Contact ----------------------------**/

.messageError{
    text-align: right;
    padding-right: 8px;
}

#map-canvas{
    width: 1024px;
    height: 431px;
}


.contactLeft label{
    float: left;
}

.contactLeft input{
    float: right;
    border: 0px;
}

.contactLeft textarea{
    float: right;
    border: 0px;
}

.contactNameField{
    width: 218px;
    height: 18px;
}

.contactMail{
}

.contactLabel{
    width: 88px;
    float: left;
}

.contactMailField{
    width: 218px;
    height: 18px;
}

.contactMessageField{
    height: 100px;
    width: 218px;
}

.textLabelBold{
    font-family: arial;
    font-size: 12px;
    line-height: 1.4;
    font-weight: bolder;
}

.contactButton{
    width: 92px;
    height: 23px;
    margin-top: 10px;
	margin-right: 6px;
    background: url("../images/send.png");
}

.contactButton:hover{
    width: 92px;
    height: 23px;
    margin-top: 10px;
    margin-right: 6px;
    background: url("../images/send_hover.png");

}


/**------------------------ Order ----------------------------**/

.orderSent{
    margin-top: 20px;
    margin-left: 20px;
}

.orderHead{
    padding-top: 45px;
}

.orderBlue{
    color: rgb(0,97,151);
}

.priceTable{
    width: 320px;
    margin: 0px;
    margin-bottom: 15px;
}

.firstColumn{
    width:113px;
    height: 32px;
    padding-left: 10px;
    font-size: 12px;
    font-family: arial;
    color: white;
}

.tableColor1{
    background-color: rgb(0,97,151);
}

.secondColumn{
    width:99px;
    height: 32px;
    padding-left: 10px;
    font-size: 12px;
    font-family: arial;
    color: white;

}

.tableColor2{
    background-color: rgb(47,124,166);
}

.thirdColumn{
    width:99px;
    height: 32px;
    padding-left: 10px;
    font-size: 12px;
    font-family: arial;
    color: white;

}

.tableColor3{
    background-color: rgb(97,154,185);
}

.orderLink{
    height: 23px;
    width: 92px;
    float: left;
}

.contactFirst{
    background-image: url("../images/order/orderBackground1.png");
    margin-top: 30px;
    width: 643px;
    height: 235px;
    position: absolute;
}

.contactSecond{
    background-image: url("../images/order/orderBackground2.png");
    margin-top: 30px;
    width: 643px;
    height: 326px;
    position: absolute;
}

.contactFirstTop{

    margin-top: 6px;
    margin-bottom: 24px;
}

.contactFirstTopFirst{
    color:#3d5f80;
    margin-left: 12px;
}


.contactFirstTopSecond{
    color:#3d5f80;
    margin-left: 23px;
}

.nextButton{
    margin-top: 280px;

}


.speisekarteButton{
    background-image: url("../images/speisekarte.png");
    float:left;
    width: 150px;
    height: 39px;
}


.next{
    width: 92px;
    height: 23px;
    border: 0px;
    background-image: url("../images/order/next.png");
    float:right;
}

.next:hover{
    width: 92px;
    height: 23px;
    border: 0px;
    background-image: url("../images/order/next_hover.png");
    cursor: pointer;
    cursor: hand;
}

.backButton{
    margin-top: 370px;
    margin-right: 100px;
}
.sendButton{
    margin-top: 30px;
}


.back{
    width: 92px;
    height: 23px;
    border: 0px;
    background-image: url("../images/order/back.png");
    float:left;
    margin-left: 450px;

}

.back:hover{
    width: 92px;
    height: 23px;
    border: 0px;
    background-image: url("../images/order/back_hover.png");
    cursor: pointer;
    cursor: hand;
    float:left;
    margin-left: 450px;
}


.send{
    width: 92px;
    height: 23px;
    border: 0px;
    background-image: url("../images/order/send.png");
    float:right;
}

.send:hover{
    width: 92px;
    height: 23px;
    border: 0px;
    background-image: url("../images/order/send_hover.png");
    cursor: pointer;
    cursor: hand;
}
.blogLink{
    margin-top: 15px;
}
.blog2{
    height: 23px;
    width: 92px;
    display: inline-block;
    text-indent: -9999em;
    background: url("../images/home/blog2.png");
}

.blog2:hover{
    height: 23px;
    width: 92px;
    display: inline-block;
    text-indent: -9999em;
    background: url("../images/home/blog2_hover.png");
}

.blog1{
    height: 23px;
    width: 92px;
    display: inline-block;
    text-indent: -9999em;
    background: url("../images/home/blog1.png");
}

.blog1:hover{
    height: 23px;
    width: 92px;
    display: inline-block;
    text-indent: -9999em;
    background: url("../images/home/blog1_hover.png");
}


fieldset{
    border: 0px;
}

.orderButton{
    height: 23px;
    width: 92px;
    margin-top: 20px;
    display: inline-block;
    text-indent: -9999em;
    background: url("../images/order/orderButton.png");
}

.orderButton:hover{
    height: 23px;
    width: 92px;
    margin-top: 20px;
    display: inline-block;
    text-indent: -9999em;
    background: url("../images/order/orderButton_hover.png");
}

.lineContainer{
    margin-top: 10px;
}

.orderKindLabel{
    margin-left: 26px;
    margin-right: 20px;
}

.stayTimeLabel{
    margin-left: 49px;
    margin-right: 20px;
}

.roomLabel{
    margin-left: 48px;
    margin-right: 20px;
}

.doubleRoomLabel{
    margin-left: 133px;
}

.personsLabel{
    margin-left: 53px;
    margin-right: 20px;
}


.kidsAgeLabel{
    margin-left: 20px;
    margin-right: 20px;
}


.answerToLabel{
    margin-left: 22px;
    margin-right: 20px;
}

.firstNameLabel{
    margin-left: 25px;
}

.secondNameLabel{
    margin-right: 20px;
}

.mailLabel{
    margin-left: 31px;
    margin-right: 20px;
}

.houseLabel{
    margin-left: 25px;
    margin-right: 20px;
}

.cityLabel{
    margin-left: 35px;
    margin-right: 20px;
}

.teleLabel{
    margin-left: 28px;
    margin-right: 20px;
}

.messageLabel{
    margin-left: 61px;
    margin-right: 20px;
}


.fromLabel{
    margin-right: 10px;
}

.toLabel{
    margin-left: 10px;
    margin-right: 10px;
}


.reserveRadiobutton{
    margin-right: 7px;
    margin-top: 6px;
}

/**------------------------ Cafe ----------------------------**/

.cafeHead{
    margin-top: 40px;
    margin-bottom: 20px;

}

.detailRoomLink{
    color: #006197;
}

.detailRoomLink:hover{
    color: black;
}

.roomHead{
	margin-top:170px;
    margin-bottom: 20px;
}

/**------------------------ Slideshow ----------------------------**/

.slideshow img{
    position: absolute;
    margin: 0px;
}

.caption{
    position : absolute;
    height: 100px;
    width: 640px;
   /** margin-top: 51.5%; **/
	margin-top: 331px;
    background-color: rgba(255,255,255, 0.6);
}


.image-title{
    font-weight: bolder;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 20px;
    margin-top: 20px;
}

.image-desc{
    font-size: 12px;
    margin-left: 20px;
    margin-top: 5px;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
}

.navigation{
    width: 640px;
    margin-top: 45px;
}

.thumbs{
    background-color: rgba(255,255,255, 0.6);
    width: 636px;
    height: 156px;
    padding-left: 7px;
}

.thumb img{
    height: 130px;
    width: 150px;
    margin-top: 12px;
    margin-left: 4px;
}

.thumbs li{
    display: inline;
}

.pagination{
    position: absolute;
    width: 640px;
}

.rightArrow{
    position: absolute;
    margin-top: -90px;
    margin-left: 648px;
    width : 13px;
    height:24px;
    background: url("../images/rightArrow.png");

}

.leftArrow{
    position: absolute;
    margin-top: -90px;
    margin-left: -17px;
    width : 13px;
    height:24px;
    background: url("../images/leftArrow.png");
}
/**------------------------------------ Impressum -----------------------------------------**/

.impressum p{
	font-size: 10px;
}

.impressumLink{
	font-size: 10px;
}

/**------------------------------------Presse ---------------------------------------------**/

#pressTitle{
    font-size: 13px;
    color: black;
    font-weight: 100;
}

.pressLeft{
    float: left;
    width: 327px;
    margin-top: 20px;
}

.pressRight{
    float:left;
    margin-left:10px;
    margin-top: 20px;

}

.pressGallery{
    width: 642px;
    height: 550px;
    clear: both;
}

.picFrame1{
    width:86px;
    height:72px;
    position: absolute;
    margin-left: 88px;
    margin-top: 40px;
}

.pressThumb1{
    margin-top: 5px;
    margin-left: 7px;
    position: absolute;
    z-index:1;
}

.rahmen1{

    background-image: url("../images/press/rahmen1.png");
    width:86px;
    height:72px;
    position: absolute;
    z-index:2;
}

.rahmen1:hover{

    background-image: url("../images/press/rahmen1_hover.png");
    width:86px;
    height:72px;
    position: absolute;
    z-index:2;
}

.picFrame2{
    width:103px;
    height:95px;
    position: absolute;
    margin-left: 194px;
    margin-top: 88px;
}

.pressThumb2{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen2{

    background-image: url("../images/press/rahmen2.png");
    width:103px;
    height:95px;
    position: absolute;
    z-index:2;
}

.rahmen2:hover{

    background-image: url("../images/press/rahmen2_hover.png");
    width:103px;
    height:95px;
    position: absolute;
    z-index:2;
}

.picFrame3{
    width:142px;
    height:162px;
    position: absolute;
    margin-left: 314px;
    margin-top: 44px;

}

.pressThumb3{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen3{

    background-image: url("../images/press/rahmen3.png");
    width:142px;
    height:162px;
    position: absolute;
    z-index:2;
}

.rahmen3:hover{

    background-image: url("../images/press/rahmen3_hover.png");
    width:142px;
    height:162px;
    position: absolute;
    z-index:2;
}

.picFrame4{
    width:134px;
    height:153px;
    position: absolute;
    margin-left: 466px;
    margin-top: 136px;
}

.pressThumb4{
    margin-top: 5px;
    margin-left: 15px;
    position: absolute;
    z-index:1;
}

.rahmen4{

    background-image: url("../images/press/rahmen4.png");
    width:134px;
    height:153px;
    position: absolute;
    z-index:2;
}

.rahmen4:hover{

    background-image: url("../images/press/rahmen4_hover.png");
    width:134px;
    height:153px;
    position: absolute;
    z-index:2;
}


.picFrame5{
    width:177px;
    height:161px;
    position: absolute;
    margin-left: 0px;
    margin-top: 138px;
}

.pressThumb5{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen5{

    background-image: url("../images/press/rahmen5.png");
    width:177px;
    height:161px;
    position: absolute;
    z-index:2;
}

.rahmen5:hover{

    background-image: url("../images/press/rahmen5_hover.png");
    width:177px;
    height:161px;
    position: absolute;
    z-index:2;
}

.picFrame6{
    width:134px;
    height:145px;
    position: absolute;
    margin-left: 195px;
    margin-top: 218px;
}

.pressThumb6{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen6{

    background-image: url("../images/press/rahmen6.png");
    width:134px;
    height:145px;
    position: absolute;
    z-index:2;
}

.rahmen6:hover{

    background-image: url("../images/press/rahmen6_hover.png");
    width:134px;
    height:145px;
    position: absolute;
    z-index:2;
}

.picFrame7{
    width:104px;
    height:109px;
    position: absolute;
    margin-left: 344px;
    margin-top: 218px;
}

.pressThumb7{
    margin-top: 20px;
    margin-left: 15px;
    position: absolute;
    z-index:1;
}

.rahmen7{

    background-image: url("../images/press/rahmen7.png");
    width:104px;
    height:109px;
    position: absolute;
    z-index:2;
}

.rahmen7:hover{

    background-image: url("../images/press/rahmen7_hover.png");
    width:104px;
    height:109px;
    position: absolute;
    z-index:2;
}

.picFrame8{
    width:124px;
    height:93px;
    position: absolute;
    margin-left: 514px;
    margin-top: 358px;
}

.pressThumb8{
    margin-top: 13px;
    margin-left: 18px;
    position: absolute;
    z-index:1;
}

.rahmen8{

    background-image: url("../images/press/rahmen8.png");
    width:124px;
    height:93px;
    position: absolute;
    z-index:2;
}

.rahmen8:hover{

    background-image: url("../images/press/rahmen8_hover.png");
    width:124px;
    height:93px;
    position: absolute;
    z-index:2;
}

.picFrame9{
    width:113px;
    height:74px;
    position: absolute;
    margin-left: 68px;
    margin-top: 324px;
}

.pressThumb9{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen9{

    background-image: url("../images/press/rahmen9.png");
    width:113px;
    height:74px;
    position: absolute;
    z-index:2;
}

.rahmen9:hover{

    background-image: url("../images/press/rahmen9_hover.png");
    width:113px;
    height:74px;
    position: absolute;
    z-index:2;
}

.picFrame10{
    width:120px;
    height:146px;
    position: absolute;
    margin-left: 210px;
    margin-top: 370px;
}

.pressThumb10{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen10{

    background-image: url("../images/press/rahmen10.png");
    width:120px;
    height:146px;
    position: absolute;
    z-index:2;
}

.rahmen10:hover{

    background-image: url("../images/press/rahmen10_hover.png");
    width:120px;
    height:146px;
    position: absolute;
    z-index:2;
}

.picFrame11{
    width:150px;
    height:129px;
    position: absolute;
    margin-left: 347px;
    margin-top: 352px;
}

.pressThumb11{
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
    z-index:1;
}

.rahmen11{

    background-image: url("../images/press/rahmen11.png");
    width:150px;
    height:129px;
    position: absolute;
    z-index:2;
}

.rahmen11:hover{

    background-image: url("../images/press/rahmen11_hover.png");
    width:150px;
    height:129px;
    position: absolute;
    z-index:2;
}

.archivLink{
    height: 23px;
    width: 92px;
    margin-top: 10px;
}

.archivButton{
    background-image: url("../images/press/ArchivButton.png");
    height: 23px;
    width: 92px;
    float: right;
    text-indent:-9999em;
    display:inline-block;
}

.archivButton:hover{
    background-image: url("../images/press/ArchivButton_hover.png");
    height: 23px;
    width: 92px;
    float: right;
    text-indent:-9999em;
    display:inline-block;
}


/**------------------------------------Order ---------------------------------------------**/

.orderNote{
    float:right;
    width: 200px;
    margin-top: -17px;
}

.orderNote p{
    color: grey;
}

.orderNoteSecond{
    float:right;
    width: 200px;
    margin-top:  44px;
}

.orderNoteSecond p{
    color: grey;
}

.radioInput{
    margin-top: -5px;
    float:left;
    margin-right: 12px;
}

.radioInput input{
    float:left;
}

.textInput{
    float:left;
}

.textInput input{
    width: 155px;
    height: 16px;
    border:solid 1px #a1b0bf;
    background-color: #768da4;
}

.textInputSecond{
    float:left;
}

.textInputSecond input{
    width: 290px;
    height: 16px;
    border:solid 1px #a1b0bf;
    background-color: #768da4;
}

.textInputSecondNameFirst{
    float:left;
}

.textInputSecondNameFirst input{
    width: 140px;
    height: 16px;
    border:solid 1px #a1b0bf;
    background-color: #768da4;
}


.textInputSecondName{
    float:left;
}

.textInputSecondName input{
    margin-left: 8px;
    width: 140px;
    height: 16px;
    border:solid 1px #a1b0bf;
    background-color: #768da4;
}


.dropDownInput select{
    border:solid 1px #a1b0bf;
    background-color: #768da4;
}

#kinder{
    width: 45px;
    margin-left: 10px;
}

#erwachsene{
    width: 45px;
    margin-left: 23px;
    margin-right: 10px;
}

#einzelzimmer{
    width: 45px;
    margin-left: 15px;
}

#doppelzimmer{
    width: 45px;
    margin-left: 8px;
}





.dropDownInput{
    float:left;
}

.labelContainer{
    float:left;
}



.textInput textarea{
    width: 290px;
    height:80px;
    border:solid 1px #a1b0bf;
    background-color: #768da4;
}


/**------------------------------------Footer ---------------------------------------------**/


#blueFooter{
    width:100%;
    max-width:2048px;
    height: 26px;
    background-color: #006298 ;
    bottom: 0;
    padding-top: 15px;
    position: absolute;
}

#blueFooter p{
     color: white;
    font-weight: bolder;
    line-height: 1.2;
}

#blueFooter a{
    color: white;
    font-weight: bolder;
}

#blueFooter a:hover{
    color: #7ea0b3;
    font-weight: bolder;
}

.footerContent{
    width: 1024px;
    height: 12px;
    margin: auto;
}

.footerContent *{
    float:left;
}

.blueFooterFirstElem{
    margin-left: 344px;
}

.linkHover:hover{
    color: #1e7297;
}

/**

.slideshow{
    height: 431px;
    width:100%;
    margin: 0px;
    z-index: -100;
}

.image-wrapper[class=current]{
    display: block;
    float:left;
}

.previous img{
    float:left !important;
    margin-top: -431px;
}

**/

.archivWrapper{
    height: 23px;
}