/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/
body {
    font-family: Georgia, Times New Roman;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    color: #392F23;
    background-image: url(../media/bg-image.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

body.popup,
body.room-detail {
    background: none;
}

h1 {
    margin: 10px 0 5px 0;
    font-size: 45px;
    line-height: 50px;
    color: #392F23;
}

h2 {
    margin: 10px 0 0 0;
    font-style: italic;
    font-size: 35px !important;
    line-height: 40px;
    color: #98836C;
}

.titlemodule,
.titlemodule a {
    margin: 0px 0 5px 0;
    font-size: 35px;
    display: block;
    line-height: 28px;
    text-decoration: none !important;
}

.title-big {
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: normal;
    display: block;
    text-decoration: none !important;
}

.title-small {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: normal;
    display: block;
    text-decoration: none !important;
}

a,
a:hover {
    text-decoration: none;
    color: #98836C;
}

.colored {
    color: #98836C;
}

a img {
    border: 0px;
}

.fancybox,
.image-zoom {
    cursor: url(../media/lupe.cur),pointer;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

.right,
.rightalign {
    float: right;
}

.hidden {
    overflow: hidden;
}

.no-padding {
    padding: 0px;
}

.nowrap {
    white-space: nowrap;
}

.fancybox,
.fancybox-gallery,
.fancybox-grouped,
.image-zoom {
    cursor: url(/media/lupe.cur),pointer;
}

.mobile {
    display: none;
}

/*---------------------------------------------------
/* expanding
/*---------------------------------------------------*/
.expand {
    display: inline-block;
    padding: 0px 0px 0px 18px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #98836C;
    background-image: url(../media/pfeil_1.png);
    background-position: left 8px;
    background-repeat: no-repeat;
}

.expand.expand-active {
    background-image: url(../media/pfeil_2.png);
}

.expand-container {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.expand-container-active {
    display: block;
}

/*---------------------------------------------------
/*  container
/*---------------------------------------------------*/
.container {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
}

/*---------------------------------------------------
/*  shortcuts
/*---------------------------------------------------*/
#shortcuts {
    position: fixed;
    width: 62px;
    height: 340px;
    z-index: 50;
    top: 190px;
    right: 0;
}

#shortcuts a {
    position: relative;
    width: 62px;
    height: 61px;
    line-height: 61px;
    margin-bottom: 7px;
    display: block;
    overflow: hidden;
    right: 0px;
    font-size: 22px;
    font-family: Arial;
    text-transform: uppercase;
    color: #392F23;
    /* Safari */
    -webkit-transition-property: right;
    -moz-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    background-color: #F4F3F2;
    background-position: left 50%;
    background-repeat: no-repeat;
}

#shortcuts a.motion:hover {
    right: 300px;
}

#shortcuts a.motion {
    width: 362px;
}

#shortcuts a .title {
    padding-left: 80px;
}

#shortcuts a.video {
    background-image: url(../media/icon-video.png);
}

#shortcuts a.fotos {
    background-image: url(../media/icon-fotos.png);
}

#shortcuts a.weather {
    background-image: url(../media/icon-weather.png);
}

#shortcuts a.up {
    background-image: url(../media/icon-up.png);
}

#shortcuts a.down {
    background-image: url(../media/icon-down.png);
}

/*---------------------------------------------------
/*  top
/*---------------------------------------------------*/
#top {
    position: relative;
    width: 100%;
    height: 130px;
    min-height: 130px;
    background-color: #392F23;
}

#top .container .right {
    padding-left: 200px;
}

/*---------------------------------------------------
/*  logo
/*---------------------------------------------------*/
#logo {
    position: absolute;
    width: 251px;
    height: 277px;
    top: 15px;
    left: 0px;
    z-index: 20;
}

#top .languages {
    margin-left: 10px;
    text-transform: uppercase;
    font-family: Arial;
    display: inline-block;
}

#top .languages a {
    margin: 0 7px 0 7px;
}

.languages a:hover {
    text-decoration: underline;
}

/*---------------------------------------------------
/*  menu-top
/*---------------------------------------------------*/
#menu-top {
    float: right;
    height: 37px;
    width: 67%;
    min-width: 760px;
    margin: 18px 0 10px 0;
    line-height: 37px;
    font-size: 13px;
}

#menu-top .menu {
    margin: 0 1% 0 6%;
    font-family: Arial;
}

#menu-top .level-0 {
    padding: 0 10px;
}

#menu-top a {
    color: #E3DBCB;
}

#menu-top a.button {
    color: #392F23;
}

#menu-top a:hover {
    text-decoration: underline;
}

#menu-top a.book {
    background-color: #B6091D;
    color: #FFFFFF !important;
}

#menu-top .button {
    float: right;
    margin-left: 10px;
}

/*---------------------------------------------------
/*  nav.main
/*---------------------------------------------------*/
nav.main {
    position: relative;
    float: right;
    width: 67%;
    min-width: 940px;
}

nav.main ul {
    margin: 0px;
    padding: 0px;
}

nav.main li {
    list-style: none;
}

nav.main .level-0 {
    display: inline-block;
}

nav.main .menu-0 {
    height: 65px;
    padding: 0 11px;
    line-height: 55px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    color: #FFFFFF;
}

nav.main .level-0:hover a.menu-0,
nav.main .level-0 a.menu-0.active {
    background-color: #FFFFFF;
    color: #9A141B;
}

nav.main .flyout-0 {
    position: absolute;
    top: 65px !important;
    right: 650px;
    width: 290px !important;
    height: 295px !important;
    display: none;
    padding: 30px 0 0 0;
    text-align: center;
    z-index: 100;
    background-image: url(../media/bg-flyout.png);
}

nav.main .level-1 {
    padding: 0 20px 0 35px;
    line-height: 35px;
    font-size: 16px;
    display: block !important;
    text-align: left;
    visibility: visible;
}

nav.main .flyout-0 .level-1 .menu-1 {
    padding: 7px 0 7px 0;
    line-height: normal;
    /*white-space: nowrap;*/
    display: block;
    color: #392F23;
}

nav.main .level-2 {
    padding: 0px 0 3px 0;
}

nav.main .flyout-0 .menu-2 {
    padding: 3px 0 3px 20px;
    font-size: 13px;
    line-height: normal;
    display: block;
    white-space: nowrap;
}

nav.main .flyout-0 .teasers {
    position: absolute;
    width: 650px;
    height: 295px;
    left: 290px;
    top: 0px;
    z-index: 10;
    background-image: url(../media/bg-flyout.png);
}

nav.main .flyout-0 .teasers .item {
    float: left;
    position: relative;
    width: 305px;
    height: 295px;
    margin: 0 15px 0 0;
}

nav.main .flyout-0 .teasers .image,
nav.main .flyout-0 .teasers img {
    display: block;
}

nav.main .flyout-0 .teasers .title {
    width: 100%;
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #392F23;
}

nav.main .flyout-0 .teasers .item:hover .title {
    background-color: #B6091D;
}

nav.main .flyout-0 .teasers .logo {
    position: absolute;
    width: 34px;
    height: 36px;
    left: 135px;
    top: 185px;
    z-index: 10;
    background-image: url(../media/logo-huber-small.png);
    background-repeat: no-repeat;
    background-position: center top;
}

nav.main .flyout-0 .teasers .separator {
    position: absolute;
    width: 238px;
    height: 1px;
    left: 35px;
    bottom: 23px;
    margin: 0 auto;
    z-index: 10;
    border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------------
/*  banner
/*---------------------------------------------------*/
#banner {
    position: relative;
    height: 690px;
}

/*---------------------------------------------------
/*  teaser home
/*---------------------------------------------------*/
#teaser {
    padding: 30px 0 90px 0;
    overflow: hidden;
    background-color: #FFFFFF;
}

#teaser .item {
    float: left;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 22px;
    line-height: 45px;
    text-align: center;
}

#teaser .item .title {
    font-size: 45px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}

#teaser .item .subtitle {
    font-weight: 300;
    display: block;
    font-style: italic;
    text-transform: lowercase;
}

#teaser .item .description {
    margin-top: 20px;
    display: block;
    color: #392F23;
}

#teaser .separator {
    height: 1px;
    width: 240px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 45px;
    display: block;
    border-bottom: 1px solid #98836C
}

#teaser .item .box {
    position: relative;
    width: 100%;
    height: 460px;
    display: block;
}

#teaser .item .box .wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
    padding: 0 10%;
    display: block;
    background-color: #98836C;
    color: #FFFFFF;
    display: none;
}

#teaser .item:hover .title {
    color: #392f23;
}

#teaser .item:hover .subtitle {
    color: #98836C;
}

#teaser .item:hover .box .wrapper {
    display: block;
}

#teaser .item .box .wrapper .subsitetitle {
    padding: 140px 0 25px 0;
    display: block;
    font-size: 40px;
    font-style: italic;
    font-weight: bold;
}

#teaser .item .box .wrapper .subsitedescription {
    font-size: 22px;
    display: block;
    line-height: 31px;
}

#teaser .item .box .wrapper .more {
    padding-top: 75px;
    display: block;
    font-family: Arial;
    font-size: 18px;
    text-transform: lowercase;
    color: #392F23;
}


/*---------------------------------------------------
/*  middle
/*---------------------------------------------------*/
#middle {
    background-color: #FFFFFF;
}

#middle.default #left {
    position: relative;
    float: left;
    max-width: 460px;
    min-width: 460px;
    margin: 45px 10px 40px 0;
}

#middle.default #right {
    position: relative;
    float: left;
    max-width: 930px;
    width: 66%;
}

#middle.default #right .top {
    width: 1072px;
    height: auto;
    min-height: 260px;
    margin: -260px 0 0 -50px;
    padding: 50px 0 0 50px;
    background-image: url(../media/bg-middle.png);
    background-repeat: no-repeat;
    background-position: left top;
}

/*---------------------------------------------------
/*  menu-sidebar
/*---------------------------------------------------*/
#menu-sidebar {
    padding: 0 0 70px 0;
    text-align: center;
    background-image: url(../media/logo-huber-small.png);
    background-repeat: no-repeat;
    background-position: center 93%;
}

#menu-sidebar a {
    text-decoration: none;
    display: block;
    color: #392F23;
}

#menu-sidebar ul,
#menu-sidebar li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#menu-sidebar .menu-0 {
    margin: 1px 0;
    padding: 5px 0;
    font-size: 30px;
    color: #9A141B;
}

#menu-sidebar .separator {
    height: 1px;
    width: 240px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #dccbc0
}

#menu-sidebar .level-1 {
    padding: 0 0 10px 0;
}

#menu-sidebar .menu-1 {
    margin: 1px 0;
    padding: 5px 0;
    font-size: 20px;
}

#menu-sidebar .menu-1:hover,
#menu-sidebar .menu-1.active {
    color: #9A141B;
}

#menu-sidebar .level-2 {
    padding: 5px 0 15px 0;
    text-transform: none !important;
}

#menu-sidebar .menu-2 {
    padding: 3px 0 3px 0;
    font-size: 16px;
}

#menu-sidebar .menu-3 {
    padding: 4px 0 4px 0;
    font-size: 13px;
}
/*---------------------------------------------------
/*  teaser-left
/*---------------------------------------------------*/
#teaser-left {
    padding: 20px 0 50px 0;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    line-height: 70px;
}

#teaser-left .item {
    height: 70px;
}

#teaser-left .item:hover {
    color: #5b4b3a;
}

#teaser-left .subtitle {
    font-style: italic;
    font-weight: normal;
}

#teaser-left .separator {
    height: 1px;
    width: 240px;
    margin: 0 auto;
    border-bottom: 1px solid #98836C
}

/*---------------------------------------------------
/*  sitepath
/*---------------------------------------------------*/
.sitepath {
    margin-bottom: 25px;
    font-size: 12px;
    text-transform: uppercase;
}

.sitepath a {
    margin-right: 22px;
    color: #392F23;
}

/*---------------------------------------------------
/*  mytextarea
/*---------------------------------------------------*/
.mytextarea {
    margin: 50px 0 20px 0;
    line-height: 25px;
    font-size: 18px;
    height: auto !important;
    height: 300px;
    min-height: 300px;
    overflow: hidden;
}

#middle.home .mytextarea {
    /*margin-top:17px;*/
}

#right.is-detail-True .mytextarea {
    margin-top: -218px;
    padding-top: 15px;
}

.mytextarea a {
    text-decoration: underline;
}

.mytextarea a:hover {
    text-decoration: none;
}

.mytextarea .fancybox img,
.mytextarea .image-zoom img {
    cursor: url(../../media/lupe.cur),pointer;
}

#middle.fullwidth .container-sitecontent {
    width: 880px;
    margin-left: 45px;
}

/*---------------------------------------------------
/*  meanings
/*---------------------------------------------------*/
#meanings {
    width: 100%;
    padding: 30px 0 30px 0;
    text-align: center;
}

#meanings.ishome {
    padding: 90px 0;
}

#meanings .title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 60px;
    text-shadow: 5px 4px 10px #262626;
    color: #FFFFFF;
    display: none;
}

#meanings.ishome .title {
    display: block;
}

#meanings .box {
    margin: 40px 0 20px 0;
    padding: 45px 0;
    background-image: url(../media/bg-holidaycheck.png);
    background-repeat: repeat;
    color: #FFFFFF;
}

#meanings .box .name {
    width: 70%;
    margin: 0 auto;
    font-size: 30px;
    font-style: italic;
}

#meanings .box .source {
    margin-top: 10px;
    font-size: 15px;
    font-style: italic;
}

#meanings .logos {
    margin-bottom: 70px;
    overflow: hidden;
}

#meanings .logos a {
    margin-top: 15px;
    display: block;
}

/*---------------------------------------------------
/*  socialweb
/*---------------------------------------------------*/
#meanings .socialweb {
    display: none;
}

#meanings .socialweb.ishome {
    width: 100%;
    text-align: center;
    display: block;
}

#meanings .socialweb.ishome .description {
    display: none;
}

#meanings .socialweb a {
    padding: 20px 10px 0 10px;
}

/*---------------------------------------------------
/*  box-offers
/*---------------------------------------------------*/
.box-offers {
    position: relative;
    height: 560px;
    padding-top: 100px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.box-offers .container {
}

.box-offers .image {
    width: 67%;
    height: 460px;
    display: block;
    overflow: hidden;
}

.box-offers .all {
    width: 100%;
    margin-bottom: 85px;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    color: #392F23;
}

.box-offers .name {
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 42px;
    display: block;
    text-align: center;
}

.box-offers .name:hover {
    color: #5b4b3a;
}

.box-offers .date,
.box-offers .price {
    font-size: 22px;
    display: block;
    color: #392F23;
}

.box-offers .separator {
    width: 60%;
    margin: 0 auto;
    border-bottom: 1px solid #98836C;
}

.box-offers .logo {
    width: 34px;
    height: 36px;
    margin: 0 auto;
    margin-top: 25px;
    background-image: url(../media/logo-huber-small.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.box-offers .content {
    position: relative;
    max-width: 1400px;
    height: 460px;
    display: none;
}

.box-offers.active .content {
    display: block;
    overflow: hidden;
}

* + html .box-offers {
    overflow: hidden;
}

.box-offers ul {
    position: relative;
    float: left;
    width: 1400px;
    height: 460px;
    margin: 0px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.box-offers li {
    position: relative;
    float: left;
    max-width: 1400px !important;
    /*height:360px;*/
    overflow: hidden;
}

.box-offers li .text {
    float: left;
    width: 32.7%;
    height: 460px;
    margin-right: 1%;
    padding: 35px 20px;
    text-align: center;
    border: 1px solid #DCCBC0;
}

.box-offers .links {
    position: absolute;
    width: 100%;
    height: 65px;
    left: 0px;
    bottom: 0px;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
}

.box-offers .links a {
    display: block;
}

.box-offers li .image {
    float: left;
    max-width: 925px;
}

/********* slider-box-offers  *********/

.box-offers .slider-box-offers li {
    overflow: hidden;
}

.box-offers .bx-prev,
.box-offers .bx-next {
    position: absolute;
    top: 90px;
    left: 200px;
    width: 21px;
    height: 26px;
    z-index: 9;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.box-offers .bx-prev:hover,
.box-offers .bx-next:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.box-offers .bx-next {
    left: 240px;
}

* + html .box-offers .bx-prev {
    left: 200px;
}

* + html .box-offers .bx-next {
    left: 240px;
}

/*---------------------------------------------------
/*  important
/*---------------------------------------------------*/
#important {
    padding: 14px 0 90px 0;
    background-color: #FFFFFF;
}

#important .item,
#footers .item {
    height: 460px;
    padding: 35% 10% 0 10%;
    line-height: 33px;
    font-size: 30px;
    display: block;
    border: 1px solid #FFFFFF;
    background-repeat: no-repeat;
    background-position: center top;
    color: #FFFFFF;
    text-shadow: 3px 3px 3px #262626;
}

#important .item.galleries {
    background-image: url(../media/image-galleries.jpg);
}

#important .item.videos {
    background-image: url(../media/image-videos.jpg);
}

#important .item.downloads {
    border: 1px solid #dccbc0;
}

#important .title,
#footers .title {
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    display: block;
}

#important .subtitle,
#footers .subtitle {
    font-size: 45px;
    font-weight: bold;
    font-style: italic;
    line-height: 45px;
    padding: 0 0 25px 0;
    display: block;
}

#important .more,
#footers .more {
    font-size: 18px;
    font-family: Arial;
    padding-top: 20px;
    display: none;
    color: #D26055;
}

#important .item:hover,
#important .item.downloads,
#footers .item:hover,
#menu-infos.item {
    background-image: none !important;
    border: 1px solid #dccbc0;
    color: #392F23;
    text-shadow: none;
}

#important .item:hover .title,
#footers .item:hover .title,
#menu-infos.item .title {
    color: #392F23;
}

#important .item:hover .subtitle,
#important .item.downloads .subtitle,
#footers .item:hover .subtitle,
#menu-infos.item .subtitle {
    color: #98836C;
}

#important .item:hover .more,
#footers .item:hover .more,
#important .item.downloads .more {
    display: block;
}

#menu-infos.item .menu {
    font-size: 22px;
    line-height: 30px;
    font-style: italic;
}

#menu-infos.item .menu a {
    display: block;
    color: #392F23;
}

#footers {
    padding: 15px 0 100px 0;
    background-color: #FFFFFF;
}

#footers .footer-item .title,
#footers .footer-item .subtitle,
#footers .footer-item .description,
#footers .footer-item .more {
    display: none;
}

#footers .footer-item:hover .title,
#footers .footer-item:hover .subtitle,
#footers .footer-item:hover .description,
#footers .footer-item:hover .more {
    display: block;
}

/*---------------------------------------------------
/*  infos
/*---------------------------------------------------*/
#infos {
    padding: 50px 0;
    overflow: hidden;
    background-color: #392F23;
    color: #FFFFFF;
}

#infos .title {
    margin-bottom: 25px;
    font-size: 60px;
    color: #5B4B3A;
    text-shadow: none;
    display: block;
}

#infos a.title:hover {
    color: #98836c;
}

#infos .socialweb.ishome {
    display: none;
}

#infos .socialweb.ishome img {
    display: none;
    width: 50px;
    height: 50px;
}

#infos .socialweb {
    float: left;
    width: 35%;
    min-width: 350px;
}

#infos .socialweb .description {
    margin-bottom: 40px;
}

#infos .socialweb img {
    float: left;
    width: 45px;
    height: 45px;
    margin: 0 15px 15px 0;
}

/*---------------------------------------------------*/
/*  box-newsletter
/*---------------------------------------------------*/
#infos .box-newsletter {
    float: left;
    width: 60%;
    min-width: 450px;
    padding-right: 5%;
    text-align: left;
}

#infos .box-newsletter.ishome {
    width: 95%;
}

#infos .box-newsletter .description {
    margin-bottom: 40px;
}

#infos .box-newsletter input {
    float: left;
    width: 165px;
    height: 45px;
    margin: 0 15px 15px 0;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    padding: 5px;
    color: #58544C;
}

#infos .box-newsletter .button {
    float: left;
    width: 165px;
    height: 45px;
    line-height: 45px;
    background-color: #98836c;
    color: #FFFFFF !important;
}

/*---------------------------------------------------
/*  image-bottom
/*---------------------------------------------------*/
#image-bottom {
    position: relative;
    height: 550px;
    border-bottom: 25px solid #392F23;
    text-align: center;
}

#image-bottom .bubble {
    position: absolute;
    width: 547px;
    height: 367px;
    right: 200px;
    top: 15px;
    z-index: 10;
    padding-top: 50px;
    font-size: 42px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    background-image: url(../media/bubble.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #FFFFFF;
}

#image-bottom .subtitle {
    margin-top: 20px;
    font-size: 28px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
}

#image-bottom .logo {
    margin: 443px 0 0 -10px;
}

/*---------------------------------------------------
/*  address
/*---------------------------------------------------*/
#address {
    padding: 70px 0 20px 0;
    font-size: 18px;
    text-align: center;
    background-color: #F0EFEE;
    color: #392F23;
}

#address a {
    color: #392F23;
}

#address .name {
    margin-bottom: 5px;
    font-weight: bold;
    color: #9A141B;
}

#address .telfax,
#address .mail {
    font-size: 25px;
}

#address .mail {
    padding: 20px 0 30px;
    font-weight: bold;
    display: block;
    color: #9A141B;
}

#menu-bottom {
    line-height: 39px;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
}

#menu-bottom a {
    margin-right: 15px;
    cursor: pointer;
}

#menu-bottom .logo-consisto {
    margin-left: 15px;
}

/*---------------------------------------------------
/*  logos
/*---------------------------------------------------*/
#logos {
    padding: 25px 0 100px 0;
    text-align: center;
    background-color: #FFFFFF;
}

#logos img {
    padding: 0 15px 0 15px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

#logos img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/*---------------------------------------------------
/*  quickrequest
/*---------------------------------------------------*/
#quickrequest {
    position: fixed;
    width: 100%;
    height: 65px;
    padding-left: 20px;
    left: 0px;
    z-index: 100;
    line-height: 65px;
    color: #FFFFFF;
    background-color: #392F23;
    -moz-box-shadow: 3px 3px 5px 3px #262626;
    -webkit-box-shadow: 3px 3px 5px 3px #262626;
    box-shadow: 3px 3px 5px 3px #262626;
}

#quickrequest a {
    color: #FFFFFF;
}

#quickrequest .title {
    float: left;
    margin-right: 15px;
    font-size: 20px;
    font-family: Arial;
    font-style: italic;
}

#quickrequest .title .name {
    font-size: 25px;
    font-family: Georgia;
    font-weight: bold;
    color: #FFFFFF;
}

#quickrequest .input-row {
    float: left;
    width: 270px;
}

#quickrequest .input-row .desc {
    float: left;
    width: 115px;
    text-align: right;
}

#quickrequest .input-row .value {
    float: left;
    width: 120px;
    margin: 0 0 0 5px;
}

#quickrequest .input-row .value input {
    width: 105px;
    padding: 5px 5px 5px 5px;
    border: 0px;
    font-size: 17px;
    background-color: #C8C7BA;
    color: #33312C;
}

#quickrequest .form .ui-datepicker-trigger {
    top: 23px;
    left: 112px;
}

#quickrequest .button {
    margin-left: 10px;
    color: #33312C;
}

#quickrequest .book {
    background-color: #b6091d;
    color: #FFFFFF !important;
}


/*---------------------------------------------------
/*  :: modules > weather
/*---------------------------------------------------*/
#weather .ui-widget-content {
    background: none;
    border-color: transparent;
    border-width: 0;
}

#weather-tabs {
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
}

#weather-tabs ul {
    padding: 0px;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

#weather-tabs li {
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #392f23;
    text-align: center;
}

#weather-tabs li.ui-state-hover {
    background: #98836c;
}

#weather-tabs li.ui-state-active {
    background: #98836c;
}

#weather-tabs li.tab-hidden {
    display: none;
}

#weather-tabs li a {
    color: #FFFFFF;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
    text-decoration: none !important;
}

#weather-tabs li.ui-state-hover a,
#weather-tabs li.ui-state-active a {
    color: #fff;
}

#weather .weather-h2 {
    font-size: 1.6em;
    margin-top: 30px;
    margin-bottom: 10px;
}

#weather .item-title {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

#weather .table-temperature {
    position: relative;
    overflow: hidden;
}

#weather .table-temperature .row-names {
    float: left;
    width: 10%;
    margin-top: 20px;
    line-height: 20px;
}

#weather .table-temperature .rows {
    float: left;
    width: 90%;
}

#weather .table-temperature .row {
    float: left;
    width: 16.6%;
    line-height: 20px;
    text-align: center;
}

#weather .table-temperature .row:nth-child(2n+1) {
    background: #ededed;
}

#weather .forecast {
    position: relative;
    overflow: hidden;
}

#weather .forecast .day {
    float: left;
    width: 16.6%;
}

#weather .forecast .day:nth-child(2n+1) {
    background: #ededed;
}

#weather .forecast .day .date {
    text-align: center;
    font-weight: bold;
    padding: 10px 0px 0px;
}

#weather .forecast .day .image {
    text-align: center;
}

#weather .forecast .day .image img {
    max-width: 100%;
    height: auto;
}

#weather .forecast .degree {
    text-align: center;
    padding-bottom: 10px;
}

#weather .copyright {
    padding-top: 20px;
    display: block;
}
/*---------------------------------------------------
/* :: booking widget
/*---------------------------------------------------*/

.booking-frame {
    padding-top: 5vh;
}

.booking-frame iframe {
    border: 0;
}

/*---------------------------------------------------
/* :: pager
/*---------------------------------------------------*/
.pager {
    text-align: center;
}

.pager a {
    width: 40px;
    display: inline-block;
    padding: 7px 0px;
    text-align: center;
    background: #FFFFFF;
    color: #392f23;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #dccbc0;
    line-height: normal;
    text-decoration: none;
    font-size: 20px;
}

.pager a.first {
    border-left-width: 1px;
}

.pager a.active {
    background-color: #98836c;
    color: #FFFFFF;
}

.pager a:hover {
    background-color: #98836c;
    color: #FFFFFF;
}

.pager a.inactive {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.pager a.inactive:hover, .pager a.active.inactive:hover {
    background-color: #f0f0f0;
}

.pager .info {
    display: block;
    font-size: 0.85em;
    color: #392f23;
}
/*---------------------------------------------------
/* :: sitemap
/*---------------------------------------------------*/
.sitemap a {
    display: block;
    padding: 2px 0;
}

.sitemap ul {
    padding-left: 30px;
}

.sitemap ul a {
    font-weight: bold;
}

.sitemap ul ul a {
    font-weight: normal;
}

.sitemap ul ul ul ul a {
    font-style: italic;
}
/*---------------------------------------------------
/* :: routeplanner
/*---------------------------------------------------*/
#route-planner .container {
    width: auto;
    padding: 10px;
    margin-bottom: 20px;
}

#route-planner .title {
    font-weight: bold;
    padding: 20px 0px 10px 0px;
}

#route-planner .row {
    clear: both;
    padding: 2px 0px 2px 0px;
}

#route-planner .row .label {
    float: left;
    width: 120px;
}

#route-planner .row .value {
    margin-left: 120px;
}

#route-planner .address {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#route-planner .button {
    margin: 20px 0px 20px 0px;
}

#google-map {
    width: 640px;
    height: 330px;
}
/*---------------------------------------------------
/* :: ajax
/*---------------------------------------------------*/
.ajax-container {
    position: relative;
}

.ajax-container .loading-continuous {
    text-align: center;
}

.ajax-loading {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.ajax-loading .loading {
    position: absolute;
    top: 21%;
    left: 50%;
    margin-left: -36px;
    margin-top: -16px;
    font-size: 140%;
    font-weight: bold;
    text-align: center;
    width: 32px;
    height: 32px;
    padding: 10px;
    background-color: white;
    border: 1px solid black;
    z-index: 1000;
}
/*---------------------------------------------------
/* :: logo consisto
/*---------------------------------------------------*/
.logo-consisto {
    width: 65px;
    height: 28px;
    display: inline-block;
    background: transparent url(/media/logo-consisto.png) no-repeat 0% 0%;
    background-size: 65px 28px;
    text-indent: -9999px;
}

.logo-consisto:hover {
    background: transparent url(/media/logo-consisto-active.png) no-repeat 0% 0%;
}

#downloads .item {
}

#downloads .item:nth-child(2n+1) {
}
/*---------------------------------------------------
/* :: retina
/*---------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    /*---------------------------------------------------
    /* :: logo consisto
    /*---------------------------------------------------*/
    .logo-consisto {
        background-image: url(/media/logo-consisto@2.png);
    }

    .logo-consisto:hover {
        background-image: url(/media/logo-consisto-active@2.png);
    }
}

#BN-dynform-v3--quickrequest {
    z-index: 20;
}

@media only screen and (max-width: 667px) {
    #BN-dynform-v3--quickrequest {
        display: none;
    }
}