@import url(nav.css);
@import url(aktivpass.css);

/* base */
html, body {
    margin: 0;
    padding: 0;
}

body {
    background: #846A6D;
}

body, td, th {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
    color: #fff;
}

nav {
    position: relative;
    z-index: 20;
}

a, a:active, a:visited {
    color: #EA825E;
}

a:hover {
    text-decoration: underline;
    color: #fff;
}

.right {
    text-align: right;
}

.pattern {
    height: 1em;
    background: url(../gfx/pattern.png);
}

/* header */
header {
    padding-top: 1.25em;
    background: #514143;
}

#headerWrapper {
    background: url(../gfx/bg.jpg) top center;
}

#logo {
    text-align: center;
    margin-bottom: 1.25em;
}

#headerImages {
    max-width: 75em;
    height: 450px;
    margin: 0 auto;
}

header h2,
header h3 {
    font-size: 1.25em;
    margin: 0;
    color: #fff;
}

#translate {
    min-height: 2.25em;
}

#bookingBtn {
    background-color: #918F66;
}

#headerBoxes {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.headerBox {
    min-height: 10em;
    margin-bottom: 0.5em;
    background: #918F66;
    position: relative;
    color: #fff;
}

.headerBox a,
.headerBox a:visited {
    position: absolute;
    text-decoration: none;
    color: #fff;
    display: block;
    background: #514143;
    opacity: .8;
    padding: 0.5em 0;
    text-align: center;
    bottom: 0;
    width: 100%;
}

.headerBox a:hover {
    text-decoration: none;
    color: #fff;
}

#quickForm {
    padding: 0.5em;
}

#quickForm .button {
    width: 100% !important;
    margin: 0;
}

#quickForm input[type="text"] {
    padding: 0.25rem;
    height: 1.75rem;
}

#quickForm h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 0.15rem;
    font-size: 1.5em;
}

/* footer */
footer {
    background: #514143;
    padding: 1em 0;
}

footer h4 {
    color: #918F66;
}

footer img:first-child {
    margin-top: 0.5em;
}

footer img {
    margin-bottom: 0.75em;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.icons li {
    padding-left: 2em;
    padding-bottom: 0.25em;
}

.icon-tel {
    background: url(../gfx/icon-tel.png) top left no-repeat;
}

.icon-fax {
    background: url(../gfx/icon-fax.png) top left no-repeat;
}

.icon-email {
    background: url(../gfx/icon-email.png) top left no-repeat;
}

.icon-www {
    background: url(../gfx/icon-web.png) top left no-repeat;
}

/* foundation */
.button,
.button:visited {
    background-color: #6A5658;
    border-color: #6A5658;
    color: #fff;
}

.button:hover,
.button:focus {
    background-color: #917478;
    color: #fff;
    text-decoration: none;
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #9B7975;
}

table tr td {
    color: #fff;
}

.flex-video {
    margin: 1em 0;
}

/* content */
#content {
    padding-bottom: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 300;
    color: #D0BCBF;
    margin: 0;
    padding: 0;
}

.contentBlock {
    margin-top: 1.25em;
}

.blockBox {
    float: left;
    padding: 0 0.5em;
    margin: 0.5em 0;
}

.blockWrapper {
    background-color: #514143;
}

.blockBox p {
    margin: 0;
    padding: 0 0.5em;
}

.blockBox a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.blockBox h3 {
    padding: 0.25em 0.25em 0 0.25em;
    margin-bottom: 0.25em;
    display: block;
}

.blockBox ul {
    list-style: none;
    margin: 0.5em;
}

.blockBox li a {
    font-weight: 700;
}

.blockBox .button {
    text-align: left;
    padding-left: 0.5em;
    margin-top: 0.5em;
    font-size: 1em;
    font-weight: bold;
}

.w33 {
    width: 33.333333%;
}

.w50 {
    width: 50%;
}

.w25 {
    width: 25%;
}

ul.clearing-thumbs {
    margin: 1rem 0 1.25rem 0;
}

.clearing-thumbs li {
    width: 33.333333%;
    margin: 0;
    text-align: center;
    padding-bottom: 1em;
}

.clearing-thumbs li img {
    width: 95%;
}

span.imageRoll {
    position: absolute;
    z-index: 10;
    background: url(../gfx/lupe.png) center center no-repeat #000;
}

.gmap {
    width: 100%;
    height: 30em;
}

.gomapMarker {
    color: #333;
    width: 190px;
    overflow: hidden;
}

.gmap img {
    max-width: none;
}

.gmap label {
    width: auto;
    display: inline;
}

/* rooms */
.room {
    padding: 1em 0;
    margin-bottom: 3em;
}

.room h2 {
    margin-bottom: 1rem;
}

.room .button {
    margin-top: 1.5rem;
}

.room:nth-of-type(odd) {
    background-color: #9B7975;
}

.roomRight {
    text-align: center;
}

.roomRight h2 {
    min-height: 3em;
}

.roomRight a.button {
    font-size: 1em;
    display: block;
    margin: 0.1em 0;
}

.roomRight p {
    margin: 0.3em 0;
}

.roomBestprice {
    margin: 1em 0 1.5em 0;
}

.roomBestprice span {
    padding-left: 0.25em;
    color: #D0BCBF;
    font-size: 2em;
}

.roomDetails {
    padding: 3em 0;
}

.roomInfo {
    padding: 1em;
    background-color: white;
}

.roomPlan {
    text-align: center;
}

.roomPlan img {
    width: 200px;
    height: auto;
}

.preistabBlock {
    padding: 0.25em 0;
    margin: 0.25em;
}

.preistabPreis {
    font-size: 1.25em;
    color: #D0BCBF;
}

.preistabHead,
.preistabCol {
    text-align: center;
}

.preistabHead {
    background-color: #514143;
    color: #fff;
}

/* anfrage */
#anfrage fieldset {
    border: 1px solid #9B7975;
}

#anfrage legend {
    padding: 0.4em 1em;
    background-color: #514143;
    color: #fff;
    font-size: 1.25em;
    font-weight: normal;
}

#anfrage label {
    font-size: 1em;
    color: #fff;
}

#anfrage .mark {
    font-weight: bold;
}

#anfrage textarea {
    height: 10em;
}

#anfrage select {
    width: 100%;
    border-radius: 0;
    display: block;
    margin: 0 0 1em 0;
    padding: 0.5em;
    height: 2.3125em;
    -webkit-appearance: none;
    background: white url(../gfx/arrow-down.png) top right no-repeat;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

.extraDate {
    background: #9B7975;
    padding: 0.25rem 0;
}

.datepicker {
    background: white url(../gfx/datepicker.png) center right no-repeat;
}

a.formZeit {
    font-weight: bold;
}

label.error {
    font-size: 0.875em;
    margin: 0.5em 0 0.8em 0;
    color: #F90 !important;
}

#meinFeld {
    display: none;
}

.ui-datepicker-calendar tr {
    background: none !important;
}

@media only screen and (max-width: 40em) {
    header,
    .right {
        text-align: center;
    }

    #logo {
        margin-top: 1em;
    }

    #headerImages {
        margin: 0;
        width: 100%;
        height: 300px;
    }

    .w33,
    .w50,
    .w25,
    .clearing-thumbs li {
        width: 100%;
    }

    footer {
        text-align: center;
    }

    ul.icons {
        padding-bottom: 1rem;
    }

    ul.icons li {
        padding: 0;
        background: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #headerImages {
        margin: 0;
        width: 100%;
        height: 400px;
    }

    footer .columns {
        min-height: 13em;
    }
}