* {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
/* Gold-Farbton */
.mondi_gold_bg, #sidebar ul li:hover, .angebot_thema_aktiv, .hotel_auswahl_detaillll, #hotel_content2222, #mondi_hotel_submenu, #hotellogos a.active, .mmondi_aktivitaet_titel:hover, .mmondi_aktivitaet_bild:hover + .mmondi_aktivitaet_titel, .mmondi_angebot:hover, .mmondi_angebot.active, .mondi_news:hover, .mondi_news.active, .mmondi_aktivitaet_titel.active, #hotellogos a.active:hover, ul.mondi_bildergalerie li:hover .mondi_bildergalerie_info, ul.mondi_tourgalerie li:hover .mondi_bildergalerie_info, .bbox_hotel.active {
    /* background-color: rgba(221,178,80,0.9) !important;*/
    background-color: rgba(183, 150, 68, 0.9) !important
    }
#hotellogos a:hover {
    background-color: rgba(109, 107, 98, 0.4) !important
    }
/* i.icon{
	color: #333;
    font-family: "entypo";
	display: inline;
	
}	


i, .icon {
    font-family: 'mfg_labs_iconsetregular';
    font-style: normal;
    font-weight: normal;
	display: inline;
	font-size: 100% !important;
} */
strong {
    font-family: "Avenir LT W01 85 Heavy";
    font-weight: normal
    }
body {
    width: 100%;
    font-size: 18px;
    font-family: "Avenir LT W01 65 Medium";
    color: rgba(74, 69, 64, 1);
    background-image: url(/images/berge.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
    }
html, body {
    height: 100%
    }
.clear {
    clear: both;
    float: none
    }
#startpage {
    width: 100%;
    height: 100%;
    cursor: pointer
    }
#claimstart {
    text-transform: uppercase;
    font-family: "Avenir LT W01 35 Light";
    position: absolute;
    bottom: 120px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 250%;
    text-shadow: 2px 2px 2px #000
    }
#start {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
    }
#start i {
    display: inline-block;
    border: solid 1px #fff;
    padding: 10px 5px 5px 5px;
    color: #fff;
    font-size: 300%
    }
#mainpage {
    width: 100%;
    min-height: 100%;
    z-index: 9999;
    position: relative;
    margin-top: -10px
    }
#mainpage.alone {
    margin-top: 100px
    }
#mainpage_content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 100%
    }
#top {
    left: 0;
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.8);
    height: 128px;
    -webkit-box-shadow: 0 75px 25px 20px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0 75px 25px 20px rgba(50, 50, 50, 0.35);
    box-shadow: 0 75px 25px 20px rgba(50, 50, 50, 0.35);
    font-size: 14px
    }
#top.scrolled {
    background-color: transparent;
    background-image: url(/images/top2.png)
    }
#navigation_container {
    width: 1200px;
    margin: 0 auto;
    background-color: #fff
    }
#logo {
    float: left;
    width: 160px;
    height: 128px
    }
#navigation {
    float: left;
    width: 730px;
    text-align: center;
    font-size: 15px
    }
#landingpage {
    float: left;
    width: 730px;
    height: 128px;
    color: #423e3b;
    font-size: 12px;
    padding: 12px;
    background: url(/images/berge2.png) no-repeat;
    background-color: #f7f7f8
    }
#landingpage h2 {
    color: #423e3b;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Avenir LT W01 65 Medium";
    margin: 20px 0 15px 0;
    letter-spacing: 0.2em
    }
#landingpage_angebote {
    width: 520px;
    margin: 0 auto
    }
#ln_container {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px
    }
#ln_container a {
    width: 33%;
    background: url(/images/labg.png) repeat-x;
    height: 35px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
    }
#buchungsbox {
    position: relative;
    float: left;
    width: 310px
    }
.ui-spinner.ui-widget-content {
    border: 0 !important
    }
.ui-spinner-button.ui-state-default, .ui-spinner-button.ui-widget-content, .ui-spinner-button.ui-state-default, .ui-spinner-button.ui-widget-header, ui-spinner.ui-state-default {
    background: none !important
    }
.ui-state-default .ui-icon {
    background-image: url(/css/custom-theme/images/ui-icons_222222_256x240.png)
    }
.ui-spinner-input {
    border: solid 1px #b3b2b1 !important
    }
.ui-widget {
    font-size: inherit !important
    }
.bbox {
    float: left;
    width: 50%;
    height: 32px;
    padding: 10px;
    position: relative;
    cursor: pointer
    }
.bbox_icon1 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    text-align: center
    }
.bbox_icon2 {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 30px;
    text-align: center
    }
.bbox1 {
    background: url(/images/bb1.png)
    }
.bbox2 {
    background: url(/images/bb2.png)
    }
.bbox3 {
    background: url(/images/bb3.png)
    }
.bbox4 {
    background: url(/images/bb4.png)
    }
.bbox5 {
    background: url(/images/bb5.png)
    }
.bbox6 {
    background: url(/images/bb6.png)
    }
.bbox7 {
    background: url(/images/bb7.png)
    }
.bbox8 {
    font-family: "Avenir LT W01 85 Heavy";
    font-weight: normal;
    background: url(/images/bb8.png)
    }
.buchungsbox_button {
    height: 58px
    }
#hotellogos, #hotellogo2 {
    width: 100%;
    height: 64px
    }
#hotellogos {
    /* background-color:#e6e6e5;
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#e6e6e5, endColorstr=#ffffff);
     background-image:-moz-linear-gradient(left top, #e6e6e5 0%, #ffffff 25%,#e6e6e5 100%);
    background-image:linear-gradient(left top, #e6e6e5 0%, #ffffff 25%,#e6e6e5 100%);
    background-image:-webkit-linear-gradient(left top, #e6e6e5 0%, #ffffff 25%,#e6e6e5 100%);
    background-image:-o-linear-gradient(left top, #e6e6e5 0%, #ffffff 25%,#e6e6e5 100%);
    background-image:-ms-linear-gradient(left top, #e6e6e5 0%, #ffffff 25%,#e6e6e5 100%);
     background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6e6e5), color-stop(25%,#ffffff),color-stop(100%,#e6e6e5)); */
    background: url(/images/nc2.png)
    }
#navigation #hotellogos {
    display: table
    }
#navigation #hotellogos ul, #navigation #hotellogos2 ul {
    display: table;
    width: 100%
    }
#navigation #hotellogos a {
    display: table-cell;
    height: 64px;
    width: 10%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    cursor: pointer
    }
#navigation #hotellogos a img.mih2, #navigation #hotellogos a img.mih3 {
    display: none
    }
#navigation #hotellogos2 ul li {
    display: table-cell;
    width: 10%;
    text-align: center;
    margin: 0;
    vertical-align: top
    }
#navigation #hotellogos a img {
    max-width: 50%;
    max-height: 33px
    }
.mondi_hotellogo_top {
    position: relative;
    width: 200%;
    display: none
    }
.mondi_hotellogo_top2 {
    position: absolute;
    left: 0;
    top: 30px;
    background: #fff;
    width: 100%;
    margin-left: -18%;
    padding: 20px 10px 10px 10px
    }
.mondi_hotellogo_top2:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 20px;
    margin-left: -20px
    }
.mondi_hotellogo_top2 img {
    width: 100%
    }
#breadcrumb {
    margin-top: 2px
    }
#navigation1, #breadcrumb1 {
    background-color: rgba(255, 255, 255, 0.9);
    width: 559px;
    padding-left: 15px;
    padding-top: 20px;
    height: 52px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99996
    }
#navigation2, #breadcrumb2 {
    width: 641px;
    padding-left: 227px;
    padding-top: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    height: 52px;
    position: absolute;
    left: 559px;
    top: 0;
    z-index: 99993
    }
#breadcrumb {
    display: none
    }
#breadcrumb1, #breadcrumb2 {
    margin-top: 2px;
    font-size: 100%;
    font-style: italic;
    -webkit-box-shadow: 0 45px 25px 1px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0 45px 25px 1px rgba(50, 50, 50, 0.55);
    box-shadow: 0 45px 25px 1px rgba(50, 50, 50, 0.55)
    }
#breadcrumb1 a:link, #breadcrumb1 a:visited, #breadcrumb1 a:hover {
    color: #cca745;
    text-decoration: underline
    }
#navigation ul {
    list-style-type: none
    }
#navigation ul li {
    display: inline-block
    }
#navigation ul li a {
    text-transform: uppercase
    }
#navigation_content {
    padding-top: 18px;
    height: 64px;
    /* background-color:#f2f2f2;
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#f2f2f2, endColorstr=#ffffff);
     background-image:-moz-linear-gradient(left top, #f2f2f2 0%, #ffffff 25%,#f2f2f2 100%);
    background-image:linear-gradient(left top, #f2f2f2 0%, #ffffff 25%,#f2f2f2 100%);
    background-image:-webkit-linear-gradient(left top, #f2f2f2 0%, #ffffff 25%,#f2f2f2 100%);
    background-image:-o-linear-gradient(left top, #f2f2f2 0%, #ffffff 25%,#f2f2f2 100%);
    background-image:-ms-linear-gradient(left top, #f2f2f2 0%, #ffffff 25%,#f2f2f2 100%);
     background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f2f2), color-stop(25%,#ffffff),color-stop(100%,#f2f2f2)); */
    background: url(/images/nc1.png)
    }
#navigation ul#metanavi {
    margin-top: 5px
    }
#navigation ul#metanavi, #navigation ul#metanavi li a:link, #navigation ul#metanavi li a:visited, #navigation ul#metanavi li a:hover {
    color: #b4b0af
    }
#slideshow_toggle {
    display: none;
    position: fixed;
    right: 0;
    bottom: 160px;
    cursor: pointer;
    z-index: 99999998;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 30px 15px 15px;
    text-transform: uppercase
    }
#slideshow_toggle img {
    padding-left: 15px;
    padding-bottom: 15px
    }
#scrolltop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: none;
    cursor: pointer;
    z-index: 9999997;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 5px 10px 5px
    }
#scrolltop i {
    font-size: 400%;
    color: #fff
    }
#sidebar {
    position: fixed;
    left: 0;
    top: 290px;
    width: 101px;
    height: 326px;
    z-index: 999999;
    display: none
    }
#sidebar ul li {
    margin-bottom: 2px;
    background-color: rgba(198, 198, 198, 0.4);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 80px;
    position: relative;
    cursor: pointer
    }
#sidebar ul li.telefon {
    background-image: url(/images/sb_telefon.png)
    }
#sidebar ul li.telefon:hover {
    background-image: url(/images/sb_telefon2.png)
    }
#sidebar ul li.email {
    background-image: url(/images/sb_email.png)
    }
#sidebar ul li.email:hover {
    background-image: url(/images/sb_email2.png)
    }
#sidebar ul li.facebook {
    background-image: url(/images/sb_facebook.png)
    }
#sidebar ul li.facebook:hover {
    background-image: url(/images/sb_facebook2.png)
    }
#sidebar ul li.googlemaps {
    background-image: url(/images/sb_gm.png)
    }
#sidebar ul li.googlemaps:hover {
    background-image: url(/images/sb_gm2.png)
    }
.sidebar-info {
    position: absolute;
    left: 101px;
    top: 0;
    width: 207px;
    padding: 35px 10px 10px 15px;
    padding-left: 10px;
    height: 80px;
    font-size: 100%;
    display: none;
    cursor: default
    }
#sidebar_facebook.sidebar-info {
    padding-top: 25px
    }
#sidebar_googlemaps.sidebar-info {
    padding-top: 23px
    }
.sidebar-info2 {
    position: absolute;
    left: 101px;
    top: 80px;
    width: 204px;
    padding: 10px;
    padding-left: 10px;
    margin-left: 3px;
    font-size: 70%;
    text-transform: none;
    display: none;
    line-height: 120%;
    cursor: default
    }
#sidebar_telefon2 {
    height: 246px
    }
#sidebar_email2 {
    height: 164px
    }
#sidebar_facebook2 {
    height: 82px
    }
#buchung {
    margin-top: 400px;
    width: 100%
    }
.mondi_start_titel {
    text-align: center;
    font-size: 210%;
    padding-top: 45px;
    width: 100%;
    height: 109px;
    background-color: rgba(183, 150, 68, 0.4);
    text-transform: uppercase;
    font-family: "Avenir LT W01 35 Light"
    }
.greybox {
    background-color: rgba(221, 220, 219, 0.9);
    font-family: "Avenir LT W01 55 Roman";
    color: rgba(75, 68, 64, 0.4)
    }
.border_bottom {
    border-style: solid;
    border-width: 0 0 3px 0;
    border-color: #fff
    }
.border_right {
    border-style: solid;
    border-width: 0 3px 0 0;
    border-right-width: 3px !important;
    border-color: #fff
    }
.mondi_buchen_eingabe {
    border-style: solid;
    border-width: 1px;
    border-color: #b3b2b1;
    font-family: "Avenir LT W01 55 Roman";
    font-size: 11px;
    background-color: transparent;
    width: 16px;
    height: 16px;
    padding: 2px
    }
.mondi_buchen_calendar {
    cursor: pointer
    }
.mondi_buchen_select {
    border-style: solid;
    border-width: 1px;
    border-color: #b3b2b1;
    color: #444;
    background-color: #b3b2b1;
    position: absolute;
    z-index: 999997;
    left: 15px;
    top: 42px;
    width: 80%;
    padding: 4px;
    display: none
    }
#angebote {
    margin-top: 10px
    }
#mondi_angebote_liste, #mondi_specials_liste {
    display: none
    }
#angebote_container, #specials_container {
    position: relative;
    border: 22px solid rgba(183, 150, 68, 0.9);
    /*  background-color: rgba(215,208,192,0.2); */
    }
#angebote_container2, #specials_container2 {
    background-color: rgba(183, 150, 68, 0.9)
    }
#angebote_switch, #specials_switch {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
    }
#angebote_switch2, #specials_switch2 {
    position: absolute;
    left: 22px;
    top: 0
    }
#angebote_auswahl {
    position: relative;
    width: 100%
    }
.angebot_box1, .specials_box1 {
    margin-bottom: 11px
    }
.angebot_thema {
    width: 25%;
    float: left;
    color: #444;
    height: 48px;
    padding-left: 60px;
    padding-top: 15px;
    font-size: 120%;
    position: relative;
    cursor: pointer;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 3px 0;
    background-color: rgba(221, 220, 219, 0.9);
    font-family: "Avenir LT W01 85 Heavy"
    }
.angebot_thema_aktiv {
    border-bottom-width: 0 !important
    }
.angebote_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    padding-top: 5px;
    background-color: #8c8784;
    overflow: hidden;
    text-align: center
    }
.angebot_thema_aktiv > .angebote_img {
    background-color: transparent
    }
.angebot_thema_aktiv > .angebote_img .img2 {
    display: inline-block
    }
.angebot_thema_aktiv > .angebote_img .img1 {
    display: none
    }
.angebote_img img {
    max-height: 35px;
    max-width: 35px;
    display: inline-block
    }
.angebote_img .img2 {
    display: none
    }
.angebote_teaser, .angebote_liste, .hotelauswahl_container {
    width: 100%
    }
.angebote_liste {
    display: table
    }
.angebote_liste {
    background-color: rgba(255, 255, 255, 0.2)
    }
.angebote_liste_content1 {
    padding-top: 20px;
    padding-left: 20px
    }
.angebote_liste_content2 {
    padding-right: 20px
    }
.angebote_liste_bild {
    float: left;
    width: 30%
    }
.angebote_liste_content2 ul {
    margin-left: 15px;
    list-style-type: disc
    }
.angebote_liste_content2 li {
    margin-bottom: 10px
    }
/*.angebote_liste_content2 li:before{
	content: "■ ";
	color:	#fe695a;
	float: left;
    margin-left: -15px;
	
} */
.angebote_liste_bild img {
    width: 100%
    }
.angebote_liste_titel {
    float: left;
    width: 70%;
    padding-left: 15px
    }
.angebot_detail, .specials_detail, .special_detail_hotel {
    width: 100%;
    height: 435px;
    overflow: hidden
    }
.specials_detail, .special_detail_hotel {
    cursor: pointer
    }
.angebot_detail2 {
    display: none
    }
.angebot_detail img, .special_detail img, .special_detail_hotel img {
    width: 100%
    }
.angebote_teaser_left, .angebote_teaser_right, .specials_teaser_left, .specials_teaser_right {
    float: left;
    width: 50%;
    position: relative;
    z-index: 15;
    height: 435px
    }
.specials_teaser_right {
    float: right
    }
.angebot_box, .specials_box {
    height: 212px;
    position: relative
    }
.angebote_teaser_left, .specials_teaser_left {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 25px;
    border-style: solid
    }
.angebote_liste_left, .angebote_liste_right, .specials_liste_left, .specials_liste_right {
    width: 50%;
    padding-bottom: 40px;
    display: table-cell;
    position: relative;
    background-color: rgba(255, 255, 255, 0.8)
    }
#angebote .angebote_teaser_left, #specials .specials_teaser_left {
    height: 435px;
    overflow: hidden
    }
.angebote_teaser_left img, .specials_teaser_left img {
    height: 385px
    }
.angebote_info {
    background-color: rgba(210, 173, 68, 0.9);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #695e46;
    width: 100%;
    padding: 20px;
    display: none
    }
.angebote_info_hotel {
    background-color: rgba(254, 105, 90, 0.9);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #695e46;
    font-style: italic;
    width: 100%;
    padding: 20px
    }
.angebote_info h3 {
    text-transform: uppercase;
    font-style: normal;
    font-size: 120%;
    margin-bottom: 5px
    }
.angtyp1 {
    position: absolute;
    left: 0;
    top: 0
    }
.angtyp2 {
    position: absolute;
    left: 0;
    top: 50%
    }
#angebot2_left {
    display: none
    }
.angebote_teaser_left_content {
    background-color: rgba(210, 173, 68, 0.9);
    color: #695e46;
    width: 100%;
    padding: 20px;
    width: 100%;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: #fff
    }
.angebote_teaser_left_r1_c1 {
    float: left;
    text-transform: uppercase;
    font-size: 120%
    }
.angebote_teaser_left_r1_c2 {
    float: right;
    font-style: italic
    }
#angebote_switch_liste, #angebote_switch_teaser, #specials_switch_liste, #specials_switch_teaser {
    cursor: pointer
    }
.angebote_teaser_right {
    cursor: pointer;
    position: relative
    }
.angebote_teaser_right_active {
    padding: 15px;
    padding-right: 0;
    border: 0 !important;
    background-color: rgba(255, 255, 255, 0.8)
    }
.angebote_teaser_right_inactive {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.4);
    padding-right: 0;
    padding-top: 25px;
    margin-right: 10px
    }
.angebote_teaser_right_text {
    padding-right: 20px;
    height: 143px;
    overflow: hidden;
    font-size: 90%
    }
.angebote_teaser_right_active h3, .angebote_teaser_right_inactive h3, .angebote_liste_untertitel {
    font-size: 100%;
    margin-bottom: 10px
    }
.angebote_balken {
    padding: 5px;
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    width: 100%
    }
.angebote_balken_liste {
    position: absolute;
    bottom: 0;
    margin-left: 20px;
    /* width: -moz-calc(50% - 40px);
    	width: -webkit-calc(50% - 40px);
    	width: -o-calc(50% - 40px);	
    	width: calc(50% - 40px);
    	width: calc(100% - 40px); */
    }
* html .angebote_balken_liste {
    width: calc(100% - 40px)
    }
.angebote_balken_c2, .specials_preis, .specials_details {
    float: left;
    width: 70%;
    padding-top: 1.5%;
    font-family: "Avenir LT W01 95 Black"
    }
.angebote_balken_c3 {
    float: left;
    font-family: "Avenir LT W01 95 Black";
    padding-top: 1.5%
    }
.balken_header {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ebfa1b;
    padding: 15px;
    padding-left: 80px;
    font-size: 120%;
    text-transform: uppercase;
    position: relative
    }
.balken_img {
    position: absolute;
    left: -40px;
    top: -20px;
    z-index: 99999
    }
.balken_img img {
    width: 90px
    }
.table {
    display: table;
    width: 1200px;
    padding: 22px;
    border-collapse: separate;
    border-spacing: 2px
    }
.table_hotels {
    border-spacing: 0;
    border: 22px solid rgba(183, 150, 68, 0.8);
    padding: 0
    }
.tr {
    display: table-row
    }
.td {
    display: table-cell;
    width: 50%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.4);
    vertical-align: top;
    padding: 15px 15px 50px 15px
    }
.td_hotel {
    display: table-cell;
    width: 20%;
    position: relative;
    vertical-align: top;
    background-color: rgba(183, 150, 68, 0.8);
    padding-right: 2px;
    cursor: pointer
    }
.mondi_hotel_img {
    width: 100%
    }
.hotel_auswahl_detail {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index: 999;
    overflow: hidden;
    padding-right: 2px;
    background-color: rgba(183, 150, 68, 0.8)
    }
.hotel_auswahl_detail img {
    width: 100%;
    max-height: 264px
    }
.had1, .had2, .had3 {
    left: 100%
    }
.had4, .had5 {
    left: -200%
    }
.had6, .had7, .had8 {
    left: 100%;
    top: -100%
    }
.had9, .had10 {
    left: -200%;
    top: -100%
    }
.hotel_auswahl_detail2 {
    width: 100%;
    color: #4a4540;
    font-size: 75%;
    padding: 10px 5px 10px 5px;
    background-color: rgba(183, 150, 68, 0.8)
    }
.hotel_auswahl_detail2 h2 {
    color: #e6372f;
    font-size: 90%;
    text-transform: uppercase;
    margin-bottom: 10px
    }
.hotel_auswahl_detail2 h3 {
    color: #4a4540;
    font-size: 110%;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 120%
    }
.td_space {
    height: 4px;
    background-color: transparent
    }
.specials_info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 530px
    }
.specials_details {
    width: auto !important;
    float: right !important
    }
#hotel_content {
    display: none;
    width: 100%;
    margin-top: 128px;
    min-height: 100%
    }
#mondi_hotel_container {
    width: 100%;
    position: relative;
    display: table;
    border-style: solid;
    border-width: 15px 19px 10px 10px;
    border-color: rgba(183, 150, 68, 0.9)
    }
#mi_bubble {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translatey(-50%) translatex(20%);
    -ms-transform: translatey(-50%) translatex(20%);
    transform: translatey(-50%) translatex(20%);
    width: 40%;
    height: 40%;
    opacity: 0
    }
#mi_bubble img {
    width: 100%
    }
/* #lightbox-container-image-box{
	max-width: 970px;
	height: auto !important;
}
#lightbox-container-image-box img{
	max-width: 955px;	
	height: auto;	
} */
/*
.bbtd1{
	background-color:#f5f5f5;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#f5f5f5, endColorstr=#efeeee);
 background-image:-moz-linear-gradient(left top, #f5f5f5 0%, #efeeee 25%,#f5f5f5 100%);
background-image:linear-gradient(left top, #f5f5f5 0%, #efeeee 25%,#f5f5f5 100%);
background-image:-webkit-linear-gradient(left top, #f5f5f5 0%, #efeeee 25%,#f5f5f5 100%);
background-image:-o-linear-gradient(left top, #f5f5f5 0%, #efeeee 25%,#f5f5f5 100%);
background-image:-ms-linear-gradient(left top, #f5f5f5 0%, #efeeee 25%,#f5f5f5 100%);
 background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#f5f5f5), color-stop(25%,#efeeee),color-stop(100%,#f5f5f5));
		
}

.bbtd2{
background-color:#efeeee;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#efeeee, endColorstr=#e7e7e7);
 background-image:-moz-linear-gradient(left top, #efeeee 0%, #e7e7e7 25%,#efeeee 100%);
background-image:linear-gradient(left top, #efeeee 0%, #e7e7e7 25%,#efeeee 100%);
background-image:-webkit-linear-gradient(left top, #efeeee 0%, #e7e7e7 25%,#efeeee 100%);
background-image:-o-linear-gradient(left top, #efeeee 0%, #e7e7e7 25%,#efeeee 100%);
background-image:-ms-linear-gradient(left top, #efeeee 0%, #e7e7e7 25%,#efeeee 100%);
 background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#efeeee), color-stop(25%,#e7e7e7),color-stop(100%,#efeeee));	
} */
#buchungsbox .ui-widget-content {
    background: transparent
    }
#buchungsbox .ui-spinner-horizontal .ui-spinner-button {
    height: 90%
    }
#buchungsbox .ui-spinner-horizontal .ui-spinner-input {
    margin: 3px 9px
    }
#buchungsbox .ui-spinner-up .ui-button-text .ui-icon {
    margin-left: -4px
    }
#buchungsbox .ui-spinner-horizontal .ui-icon {
    margin-top: -7px
    }
#buchungsbox .ui-widget input {
    font-size: 12px
    }
#footer_logos, #footer_logos2 {
    width: 100%;
    padding: 50px
    }
#footer_logos ul, #footer_logos2 ul {
    width: 100%;
    display: table
    }
#footer_logos ul li, #footer_logos2 ul li {
    display: table-cell;
    width: 10%;
    vertical-align: top;
    padding: 20px
    }
#footer_logos ul li img, #footer_logos2 ul li img {
    width: 100%
    }
.mondi_angebot_start {
    cursor: pointer
    }
#mondi_flaggen {
    position: absolute;
    left: -45px;
    top: 0;
    cursor: pointer;
    width: 50px
    }
#mondi_flaggen_auswahl {
    position: absolute;
    left: -85px;
    top: 0;
    z-index: 99999;
    width: 80px;
    padding: 3px 0 20px 0
    }
#mondi_flaggen_auswahl img.inactive {
    opacity: 0.4
    }
#mondi_flaggen_auswahl img:hover {
    opacity: 1
    }
#mondi_flaggen_auswahl img {
    margin-right: 5px;
    display: inline-block
    }
#mondi_flaggen:hover #mondi_flaggen_auswahl {
    display: block
    }
#impressum_content, #newsletter_content {
    background-color: rgba(183, 150, 68, 0.2)
    }
#newsletter_content {
    padding: 20px
    }
#impressum1, #impressum2 {
    float: left;
    width: 50%;
    padding: 20px
    }