@charset "utf-8";
#temp {
    position: absolute;
    left: 0;
    top: 0;
    border-color: #f00;
    border-style: solid;
    border-width: 1px;
    width: 300px;
    height: 100px;
    overflow: scroll;
    background-color: rgba(255, 255, 255, 0.8)
    }
#mondi_hotel_content {
    line-height: 140%
    }
#mondi_hotel_content strong, #mondi_hotel_content b {
    font-weight: normal;
    font-family: "Avenir LT W01 85 Heavy"
    }
.buchungskalender td {
    text-size: 11px;
    text-align: center;
    padding: 1px
    }
.buchungskalender td {
    border: solid #FFF 1px
    }
.buchungskalender td img {
    border: none
    }
.plusbox {
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e8f61d;
    padding: 10px;
    width: calc(100% + 40px);
    position: relative
    }
.plusbox h2 {
    display: block;
    margin-left: -10px;
    padding: 10px;
    padding-left: 40px;
    width: calc(100% + 20px);
    text-transform: uppercase;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff;
    font-style: normal;
    margin-bottom: 20px;
    font-weight: bold
    }
.plusbox:before {
    content: url(/images/plus.png);
    position: absolute;
    top: -30px;
    left: -35px
    }
#mondi_hotel_submenu {
    display: table-cell;
    vertical-align: top;
    width: 281px
    }
#mondi_hotel_submenu_inner {
    width: 100%
    }
#mondi_hotel_submenu ul {
    width: 271px
    }
#mondi_hotel_submenu ul li a {
    display: block;
    width: 271px;
    text-transform: uppercase;
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 11px 14px 9px 14px;
    color: #3c3c3b;
    font-size: 110%;
    line-height: 100%;
    transition: all 0.1s ease-in 0.1s;
    -webkit-transition: all 0.1s ease-in 0.1s;
    -moz-transition: all 0.1s ease-in 0.1s;
    -o-transition: all 0.1s ease-in 0.1s
    }
#mondi_hotel_content {
    display: table-cell;
    vertical-align: top;
    width: 890px;
    padding: 17px 22px 17px 22px;
    background-color: rgba(221, 178, 80, 0.4)
    }
#mondi_hotel_content ul, .st-content ul {
    list-style-type: disc
    }
#mondi_hotel_content ul li, #st-accordion .st-content ul li {
    min-height: 0;
    height: auto;
    margin-left: 20px;
    list-style-type: disc
    }
#st-accordion ul li {
    list-style-type: none;
    margin-left: 0
    }
#mondi_hotel_content b {
    font-family: "Avenir LT W01 85 Heavy";
    font-weight: normal
    }
.mondi_sub_content {
    display: none;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.4)
    }
#mondi_hotel_galerie, #mondi_hotel_galerie_sub {
    margin-bottom: 20px;
    max-height: 505px;
    overflow: hidden
    }
#mondi_hotel_galerie ul.slides, #mondi_hotel_galerie_sub ul.slides {
    max-height: 505px;
    overflow: hidden
    }
#mondi_hotel_content ul.slides li {
    margin-left: 0;
    list-style: none
    }
#mondi_hotel_submenu ul li a.active, #mondi_hotel_submenu ul li a:hover {
    background-color: rgba(255, 255, 255, 0.4);
    font-family: "Avenir LT W01 85 Heavy";
    font-weight: normal
    }
#mondi_hotel_more_content, #mondi_hotelzimmer_preise {
    display: none;
    background-color: rgba(195, 162, 76, 0.4);
    padding: 20px
    }
#mondi_hotel_more, #mondi_hotelzimmer_preise_zeigen, #mondi_zimmer_zeigen, .mondi_angebot_buchen, .mondi_angebot_anfrage {
    cursor: pointer;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    padding: 8px 8px 8px 8px;
    font-family: "Avenir LT W01 85 Heavy"
    }
.mondi_angebot_buchen, .mondi_angebot_anfrage {
    background-color: rgba(183, 150, 68, 0.4);
    margin-bottom: 5px
    }
#mondi_zimmer_zeigen {
    margin-top: 15px
    }
#mondi_hotelzimmer_preise_zeigen {
    margin-top: 2px
    }
.mondi_hotelzimmer h2, #mondi_hotelzimmer_preise h2, #mondi_preisliste h2, .mondi_preisliste h2, #st-accordion h1, #angebote_content h2 {
    font-family: "Avenir LT W01 65 Medium";
    font-size: 150%;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 8px
    }
#mondi_preisliste h2, .mondi_preisliste h2 {
    margin-bottom: 15px
    }
#st-accordion h1 {
    margin-top: 1px;
    text-transform: none;
    display: none
    }
#st-accordion h1 strong {
    font-weight: normal;
    font-family: "Avenir LT W01 65 Medium"
    }
.mondi_hotelzimmer h3 {
    font-size: 100%;
    font-family: "Avenir LT W01 85 Heavy";
    margin-bottom: 15px
    }
#mondi_hotel_more_content ul li, .mondi_hotelzimmer ul li {
    list-style: disc;
    margin-bottom: 10px;
    margin-left: 15px
    }
.mondi_grundriss_container {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(109, 107, 98, 0.4);
    display: table;
    cursor: pointer
    }
.grundriss_detail {
    display: none;
    position: absolute;
    left: 0;
    top: 35px;
    background-color: #52524b;
    width: 100%;
    padding: 25px 0 25px 0;
    z-index: 999
    }
.grundriss_detail img {
    width: 100%
    }
.mondi_grundriss_left {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(109, 107, 98, 1)
    }
.mondi_grundriss_left img {
    width: 20px
    }
.mondi_grundriss_middle {
    display: table-cell;
    vertical-align: middle;
    width: 325px;
    padding-left: 15px
    }
.mondi_grundriss_right {
    display: table-cell;
    vertical-align: middle;
    width: 40px
    }
table.preisliste {
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
    margin-left: -3px
    }
table.preisliste td {
    line-height: 16px
    }
table.preisliste td h3 {
    margin-bottom: 5px;
    font-weight: normal;
    font-family: "Avenir LT W01 85 Heavy";
    font-size: 100%
    }
.mondi_hinweis_saison {
    font-size: 14px;
    padding: 10px 0 10px 0
    }
td.td_preis {
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    padding: 5px;
    height: 30px
    }
td.td_preis_zimmer {
    width: 250px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: left;
    font-size: 15px
    }
td.td_head {
    text-align: center;
    font-weight: normal;
    font-family: "Avenir LT W01 95 Black";
    line-height: 17px
    }
table.preis_zimmer_parted {
    width: 100%;
    height: 100%
    }
.preis_zimmer1 {
    vertical-align: middle;
    width: 60%
    }
.preis_zimmer2 {
    vertical-align: middle;
    width: 40%;
    text-align: right;
    padding-right: 5px
    }
.td_preis1 {
    background-color: #fddd64
    }
.td_preis2 {
    background-color: #f9b457
    }
.td_preis3 {
    background-color: #f7b3a9
    }
.td_preis4 {
    background-color: #91cfd1
    }
.td_preis5 {
    background-color: #7fa096
    }
.td_preis0 {
    color: #ddd
    }
.buchungskalender {
    position: relative;
    margin: 0 2px 20px 2px
    }
.buchungskalender_chose {
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    padding: 10px;
    font-size: 90%;
    text-align: center
    }
.buchungskalender_chose img {
    vertical-align: middle
    }
.buchungskalender_content {
    display: none;
    width: 100%
    }
.buchungskalender_content2 {
    width: 100%;
    background-color: #fff
    }
.mondi_hotelzimmer {
    margin-top: 20px
    }
.mi_kalender {
    width: 100%;
    padding-bottom: 25px
    }
.mi_kalender_pfeile {
    padding: 10px 0;
    margin: 0 0 20px 0;
    text-align: center
    }
.mi_kalender_tag {
    width: 10%;
    float: left;
    text-transform: uppercase;
    text-align: center;
    padding: 3px
    }
.mi_kalender_monat {
    width: 15%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
    }
.mi_kalender_eintrag {
    width: 3%;
    float: left;
    text-transform: uppercase;
    padding: 3px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    border-color: rgb(46, 46, 46)
    }
.mi_kalender_br {
    border-right-width: 1px
    }
.mi_kalender_bu {
    border-bottom-width: 1px;
    padding-bottom: 2px
    }
.kalender_switch {
    cursor: pointer
    }
ul.mondi_bildergalerie, ul.mondi_tourgalerie {
    wdith: 100%;
    margin-top: 20px
    }
#mondi_hotel_content ul.mondi_bildergalerie li, #mondi_hotel_content ul.mondi_tourgalerie li {
    float: left;
    width: 50%;
    margin-left: 0;
    list-style: none;
    max-height: 200px;
    overflow: hidden;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #fff;
    text-transform: uppercase;
    cursor: pointer
    }
#mondi_hotel_content ul.mondi_tourgalerie li {
    max-height: 350px
    }
ul.mondi_bildergalerie li:nth-of-type(odd), ul.mondi_tourgalerie li:nth-of-type(odd) {
    border-right-width: 1px !important
    }
.mondi_bildergalerie_info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 12px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(247, 247, 247, 0.8);
    color: #000;
    font-style: normal
    }
.mondi_bildergalerie_lupe {
    display: none;
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 30px
    }
ul.mondi_bildergalerie li:hover .mondi_bildergalerie_lupe, ul.mondi_tourgalerie li:hover .mondi_bildergalerie_lupe {
    display: block
    }
ul.mondi_bildergalerie li img {
    width: 100%
    }
#mondi_galerie_container_videos {
    display: none
    }
#mondi_content_submenu {
    width: 846px;
    margin-top: 10px
    }
#mondi_hotel_content ul.mondi_submenu {
    width: 100%;
    margin: 20px 0;
    list-style-type: none !important
    }
#mondi_hotel_content ul.mondi_submenu li.mondi_submenu {
    list-style-type: none !important;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    width: 100%;
    text-align: left;
    margin-top: 2px
    }
#mondi_hotel_sub_detail {
    width: 100%;
    padding: 20px 10px 10px 0
    }
ul.mondi_submenu li.active, ul.mondi_submenu li:hover {
    background-color: rgba(255, 255, 255, 0.4)
    }
#mondi_hotel_more_content {
    display: none
    }
#mondi_hotelzimmer_container {
    display: none;
    padding: 9px 15px 9px 15px;
    background-color: rgba(196, 180, 144, 1)
    }
.mondi_hotelzimmer_table {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px
    }
.mondi_hotelzimmer {
    display: table-cell;
    width: 50%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    position: relative
    }
.mondi_hotelzimmer_td2 {
    display: table-cell
    }
#mondi_hotel_logo {
    background-color: rgba(255, 255, 255, 0.4);
    text-align: center;
    padding: 20px;
    width: 271px;
    margin-bottom: 5px
    }
#mondi_hotel_logo img {
    width: 100%
    }
#mondi_aktivitaeten_container, #mondi_angebote_container, #mondi_news_container {
    width: 100%
    }
#mondi_angebote_container {
    margin-top: 20px
    }
.mondi_news {
    float: left;
    width: 50%;
    margin-bottom: 5px
    }
.mondi_aktivitaet, .mondi_angebot {
    width: 100%;
    border: 5px solid rgba(255, 255, 255, 0.8);
    margin-top: 8px
    }
.mondi_news:nth-of-type(odd) {
    margin-right: 5px;
    width: calc(50% - 5px)
    }
.mondi_news {
    background-color: rgba(255, 255, 255, 0.2) !important;
    cursor: pointer
    }
.mondi_aktivitaet_bild, .mondi_news_bild, .mondi_angebot_bild {
    height: 280px;
    overflow: hidden;
    cursor: pointer
    }
.mondi_aktivitaet_bild, .mondi_angebot_bild {
    float: left;
    width: 50%;
    height: 180px
    }
.mondi_angebot_bild {
    height: 260px
    }
.mondi_aktivitaet_bild img, .mondi_angebot_bild img, .mondi_news_bild img {
    width: 100%
    }
.mondi_aktivitaet_titel, .mondi_angebot_titel {
    height: 180px;
    padding-top: 70px;
    float: left;
    width: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.8) !important
    }
.mondi_angebot_titel {
    padding-top: 10px;
    height: 260px;
    position: relative
    }
.mondi_news_titel {
    padding-left: 15px;
    height: 30px
    }
.mondi_angebot_subline {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    font-family: "Avenir LT W01 85 Heavy"
    }
.mondi_angebot_subline_left {
    float: left;
    padding: 15px;
    width: 250px;
    line-height: 95%
    }
.mondi_angebot_subline_right {
    line-height: 95%;
    float: right;
    padding: 15px;
    width: 150px
    }
.mondi_news_teaser {
    border-style: solid;
    border-color: #fff;
    border-width: 2px 0 0 0;
    font-size: 80%;
    line-height: 100%;
    padding: 15px;
    height: 150px
    }
.mondi_angebot_teaser {
    font-size: 80%;
    padding: 0 15px 0 15px;
    line-height: 95%
    }
.mondi_aktivitaet_titel_bild {
    padding-left: 112px;
    float: left
    }
.mondi_angebot_titel_bild {
    float: left;
    padding-left: 15px
    }
.mondi_angebot_titel_bild img {
    width: 20px
    }
.mondi_aktivitaet_titel h2 {
    font-size: 100%;
    display: block;
    padding-left: 25px;
    padding-top: 11px;
    float: left;
    width: 145px
    }
.mondi_angebot_titel h2 {
    font-size: 100%;
    display: block;
    padding-left: 10px;
    padding-top: 4px;
    float: left;
    width: 145px
    }
.mondi_angebot_teaser h2 {
    float: none;
    width: auto;
    padding: 0;
    margin-top: 10px;
    font-size: 120%
    }
.mondi_aktivitaet_titel_pfeil, .mondi_angebot_titel_pfeil {
    display: table-cell;
    vertical-align: middle;
    width: 25px;
    font-size: 200%
    }
.mondi_aktivitaet_titel_pfeil {
    float: left;
    padding-top: 5px
    }
.m_akt_detail, .m_ang_detail, .m_news_detail {
    display: none;
    width: 100%
    }
.m_akt_detail {
    border: 5px solid rgba(255, 255, 255, 0.8);
    border-top: 0
    }
.m_ang_detail {
    border: 5px solid rgba(255, 255, 255, 0.8);
    border-top: 0;
    padding: 25px 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.8)
    }
.m_ang_detail h1 {
    font-size: 110%
    }
.mondi_sub_content #mondi_galerie_bilder {
    margin-left: -10px;
    width: calc(100% + 19px)
    }
#nl_kontakt_hinweis, #kontakt_hinweis {
    color: #C03
    }
.st-content ul li, .st-content ul {
    margin-bottom: 15px
    }
.st-content ul li, .st-content ul li > a {
    background-color: transparent !important
    }
.st-content ul li > a {
    padding-left: 10px !important
    }
.msubleft {
    float: left
    }
.msubright {
    float: right;
    text-transform: none
    }
#buchungsbox_hotelauswahl {
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 9999;
    display: none;
    background-color: #fff;
    border: solid 2px #ddd;
    width: 900px;
    height: 495px
    }
#buchungsbox_kartenauswahl {
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 9999;
    display: none;
    background-color: #fff;
    border: solid 2px #ddd;
    width: 900px;
    height: 495px
    }
.bbox_hotel1 {
    float: left;
    width: 50%
    }
.bbox_hotel {
    width: 100%;
    cursor: pointer
    }
.bbox_hotel_chosen {
    font-size: 10px;
    position: relative;
    top: -10px
    }
.bbox_hotel1, .bbox_hotel2, .bbox_hotel3 {
    float: left;
    width: 50%
    }
.bbox_hotel2, .bbox_hotel3 {
    padding: 10px 5px 10px 10px
    }
.bbox_img {
    height: 87px;
    background: no-repeat center center;
    background-size: cover;
    margin-bottom: 10px
    }
.bbox_hotel2 {
    height: 97px
    }
.bbox_hotel_ort {
    color: #e6372f
    }
#ui-datepicker-div {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 32px !important;
    background: #fff !important
    }
.mondi_direkt_kontakt {
    color: #e1b84a;
    margin-top: 10px;
    background-image: url(/images/anfrage2015.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding: 10px 5px 10px 50px;
    text-transform: uppercase;
    width: 271px
    }
.mondi_direkt_newsletter {
    color: #e1b84a;
    margin-top: 10px;
    background-image: url(/images/nl2015.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding: 10px 5px 10px 50px;
    text-transform: uppercase;
    width: 271px;
    margin-bottom: 15px
    }
#kontakt_anreise, #kontakt_abreise {
    cursor: pointer;
    position: relative
    }
.widget {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: 10px;
    padding: 35px 0 30px 0;
    width: 271px
    }
#iiqcheck_iframe {
    min-height: 1000px
    }
hr {
    border: solid rgb(183, 150, 68) 1px;
    height: 1px
    }
.m_pr_button {
    display: inline-block;
    background-color: #736132;
    width: 25px;
    heigh: 25px;
    font-size: 90%;
    color: #fff;
    text-align: center;
    margin-bottom: 5px
    }
.td_button {
    width: 63px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-color: #a69873;
    color: #fff
    }
.td_button:hover, .td_button.active {
    background-color: #cec298
    }
.p_kalender {
    display: none
    }
.p_kalender2 {
    width: 100%;
    background-color: #796f59;
    color: #fff
    }
.kalender_switch2 {
    cursor: pointer;
    background-color: #fff;
    width: 95px;
    display: inline-block;
    color: #796f59
    }
.kalender_switch2_blank {
    width: 95px;
    display: inline-block
    }
.p_kalender2 .mi_kalender_eintrag {
    color: #796f59
    }
.m_saison_group {
    float: left;
    background-color: #cec298;
    color: #fff;
    padding: 5px;
    width: 210px;
    text-align: center;
    margin-right: 10px;
    text-transform: uppercase
    }
.m_saison_group.active {
    background-color: #a69873
    }