/* 
    Document   : standard
    Created on : 23.06.2015, 10:56:41
    Author     : mac
    Description:
        Purpose of the stylesheet follows.
*/

*{
    /*font-family:Verdana;*/
    font-family: Arial;
    font-size: 14px;
    color: #777777;
}

h1{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h2{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h3{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h4{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h5{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h6{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.headerbutton{    
    width: 100%;           
    clear: left;    
    background-color: #FAFAFA;
    border: 1px solid #DDDDDD;
    color: #777777;
    display: block;    
    font-size: large;    
    line-height: 40px;   
    text-align:center;
    margin-left: 0%;
    margin-right: 0%;
    text-decoration: none;
    /*cursor: pointer;*/    
}

.headerbutton-active{    
    width: 100%;           
    clear: left;    
    background-color: #008acc;
    border: 1px solid #DDDDDD;
    color: whitesmoke;
    display: block;    
    font-size: large;    
    line-height: 40px;   
    text-align:center;
    margin-left: 0%;
    margin-right: 0%;
    text-decoration: none;
    /*cursor: pointer;*/    
}

/*.headerbutton-active:hover{
    background-color: #FAFAFA;
    color: #777777;
}*/

/*
.headerbutton:hover{    
    color: whitesmoke;
    background-color: #008acc;    
}
*/

.buchenbutton{    
    width: 100%;
    /*border:2px solid #FFFFFF;*/
    /*box-shadow: 0 0 10px #999999;*/
    clear: left;
    background-color: #FAFAFA;
    color: #777777;
    display: block;    
    font-size: larger;
    font-weight: bold;
    line-height: 30px;   
    text-align:center;
    margin-left: 0%;
    margin-right: 0%;
    text-decoration: none;
    cursor: pointer;    
    border: none;
    height: 36px;
    border: 1px solid #DDDDDD;
}

.buchenbutton:hover{
    border: 1px solid #777777;
    color: #000033;
    background-color: #EEEEEE;
    cursor: pointer;
}

.buchenbutton2{    
    width: 100%;
    /*border:2px solid #FFFFFF;*/
    /*box-shadow: 0 0 10px #999999;*/
    clear: left;
    background-color: #FAFAFA;
    color: #777777;
    display: block;    
    font-size: larger;
    font-weight: bold;
    line-height: 20px;   
    text-align:center;
    margin-left: 0%;
    margin-right: 0%;
    text-decoration: none;
    cursor: pointer;    
    border: none;
    height: 26px;
    border: 1px solid #DDDDDD;
}

.buchenbutton2:hover{
    border: 1px solid #777777;
    color: #000033;
    background-color: #EEEEEE;
    cursor: pointer;
}

.buchung-container{
    width: 100%;
    float: left;
    max-width: 1500px;
    border: 1px solid #DDDDDD;
    margin-bottom:5px;
    background-color: white;
}

.buchung-zeile{
    float: left;
    width:98%;
    margin-left: 1%;
    margin-right: 1%;   
    margin-top: 10px;
}

.buchung-warenkorb-header{
    float: left;
    width: 100%;
    font-weight: bold;
}

.buchung-warenkorb-content{
    float: left;
    width: 100%; 
    margin-top: 15px;
}

.select-feld-30{
    display: block;
    width: 100%;
    max-width: 500px;
    height: 30px;
    padding: 4px;
    font-size: 14px;
    line-height: 1.0;
    color: #777777;
    background-color: white;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    max-width: 400px;
}

.select-option-feld{
    display: block;
    width: 100%;    
    height: 26px;
    padding: 4px;
    font-size: 14px;
    line-height: 1.0;
    color: #777777;
    background-color: white;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.merkenbutton{    
    width: 200px;           
    float: left;    
    background-color: #FAFAFA;    
    color: #777777;
    display: block;    
    line-height: 20px;   
    text-align:center;
    margin-left: 0%;
    margin-right: 0%;
    text-decoration: none;
    cursor: pointer;    
    border: none;
}

.merkenbutton:hover{
    color: white;
    background-color: #777777;
    /*border: 1px solid darkgrey;*/
    cursor: pointer;
}

.loeschenbutton{    
    width: 200px;           
    float: left;    
    background-color: #777777;    
    color: white;
    display: block;    
    line-height: 20px;   
    text-align:center;
    margin-left: 0%;
    margin-right: 0%;
    text-decoration: none;
    cursor: pointer;    
    border: none;
}

.loeschenbutton:hover{
    color: #777777;
    background-color: #FAFAFA;
    /*border: 1px solid darkgrey;*/
    cursor: pointer;
}

.no-border{
    border: none;
}

.gesamtpreis{
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #777777;
    text-align: right;
}

.buchung-zimmer-container{
    float: left;
    width: 100%;
    max-width: 1500px;    
    margin-bottom: 10px;
}

.buchung-zimmer-bereich{
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    border: 1px solid #DDDDDD;
    margin-bottom: 15px;
}

.buchung-zimmer-zeile{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.sbold{
    font-weight: bold;
}

.buchung-gastdaten-container{
    float: left;
    width: 100%;
}

.anfrage-bereich-textfeld{
    min-width: 200px;
    width: 100%;
    height: 24px;
    padding: 0px;
    font-size: 14px;
    line-height: 1.0;
    color: #777777;
    background-color: white;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    max-width: 400px;
}

.anfrage-bereich-textfeld-bemerkung{    
    width: 100%;    
    padding: 0px;
    font-size: 14px;
    line-height: 1.0;
    color: #777777;
    background-color: white;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    max-width: 400px;
}

.abstand20{
    margin-top: 20px;
}

.buchung-gastdaten-zeile{
    float: left;
    width: 100%;
}

.buchung-zimmer-multi-gespreis{
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 2px solid #DDDDDD
}

.buchung-zimmer-multi-gespreis-zeile{
    margin-top: 10px;
    float: left;
    width: 100%;
}

.rechtsbuendig{
    text-align: right;
}

.buchung-warenkorb-zusatzleistung{
    float: left;
    width: 100%;
    /*border-bottom: 1px solid #DDDDDD;*/
    line-height: 20px;
}

.buchung-warenkorb-zusatzleistung-00{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.buchung-warenkorb-zusatzleistung-01{
    float: left;
    width: 60%;      
}

.buchung-warenkorb-zusatzleistung-02{
    float: left;
    width: 35%;
    margin-left: 5%;
    text-align: right;        
}

.buchung-warenkorb-leistung{
    word-wrap: break-word;
    float: left;
    width: 100%;    
    line-height: 20px;
    margin-bottom: 10px;
}

.optionaleleistungen{
    margin-top: 30px;
}

.buchung-zimmer-bereich-inner{
    float:left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
}

.margin-bottom-10{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.buchung-datenpruefung-container{
    float: left;
    width: 100%;
}

.buchung-datenpruefung-zeile{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.abstand20b{
    margin-bottom: 20px;
}

.mywintop-button-hellblau{
    height: 30px;
    width: 150px;
    background-color: #73c1a1;
    color: white;
    border: none;    
    text-align: center;
    line-height: 30px;
}

.mywintop-button-hellblau:hover{
    background-color: #3f9ea7;
}

.mywintop-button-blau{
    height: 30px;
    width: 150px;
    background-color: #3f9ea7;
    color: white;
    border: none;    
    text-align: center;
    line-height: 30px;
}

.mywintop-button-blau:hover{
    background-color: #73c1a1;
}

.mywintop-button-blau-gross{
    height: 30px;
    width: 250px;
    background-color: #3f9ea7;
    color: white;
    border: none;    
    text-align: center;
    line-height: 30px;
}

.mywintop-button-blau-gross:hover{
    background-color: #73c1a1;
}

.mywintop-button-zurueck{
    height: 30px;
    width: 150px;
    background-color: #feef89;
    color: white;
    border: none;    
    text-align: center;
    line-height: 30px;
}

.mywintop-button-zurueck:hover{
    background-color: #a98d19;
}

.mywintop-button-grau{
    height: 30px;
    width: 150px;
    background-color: #c6c6c6;
    color: white;
    border: none;    
    text-align: center;
    line-height: 30px;
}

.mywintop-button-grau:hover{
    background-color: #93212a;
}

.mywintop-buchung-schritte-blau{
    background-color: #3f9ea7;
    color: white;
}

.mywintop-buchung-schritte-grau{
    background-color: #c6c6c6;
    color: white;
}

.mywintop-zimmer-margin{
    margin-top: 30px;
}