/* ie styles (because ie doesn't take css custom properties) */
/*IE10 and IE11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

.online-booking-2017, .online-booking-2017 div{flex-grow:0;}

/* from styles - start */
.btn{background:#8abbbc;color:#fff;13px;}
html .linkclean{color:#3E5F6D;}
.productlist-item{background:none;width:30%;min-width:225px;max-width:450px;}
.productlist .productlist-item.categories{height:300px;}
.productlist .productlist-item.categories #content > h3 > a{color:#e77a30;}
.productlist .productlist-item.categories h3 > a{display:block;width:calc(100% - 20px);}
.productlist .productlist-item.categories .ellipsis{width:calc(100% - 80px);}
/*
  .productlist .productlist-item.categories #top:before{background-color:#3E5F6D;}
*/
.traveller-stories .story .author{line-height:1.25em;color:#aaa;}
.productprices .complex .group-by-segments > .segment-group > h3{color:#8abbbc;}
.staff h3{background:#3E5F6D;color:#fff;}
.staff .employee dd {font-size:13px;}
.staff .employee dd.name{border-bottom:1px solid #3E5F6D;}
.staff span.description{color:#aaa;}
.ui-datepicker.ui-widget-content{border:1px solid #ccc!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#fff!important;background:#AFBA9D;}
.ui-widget-header li.ui-state-active a{color:#3E5F6D!important;}
.ui-widget-header li.ui-state-active a:after {background:#8abbbc;}
.checkin table{background:#3E5F6D;}
.checkin .important{color:#e77a30;}
.ports h2 {background:#3E5F6D;color:#fff;}
.ports li > h2:hover{color:#e77a30;}
.ports th{background:#AFBA9D;}
.ports ul.portslist >li > ul{min-width:505px;}
.quickschedule .routeintro h2{color:#3E5F6D;}
.quickschedule tr.heading th{background:#3E5F6D;color:#fff;}
.quickschedule .quickexceptions h2{color:#3E5F6D;}
.quickschedule .closeroute{background:#3E5F6D;color:#fff;}
.mealprices-listView tr th{background:#3E5F6D;color:#fff;}
.teaserbox2015{background:none;color:#333;}
.teaserbox2015 p{color:#333;}
.teaserbox2015 a{color:#3E5F6D;}
.teaserbox2015 .heading,.teaserbox2015 h1,.teaserbox2015 h2{color:#8abbbc;}
.teaserbox2015 h3,.teaserbox2015 h4{color:#AFBA9D;}
.teaserbox2015 a.btn{background:#8abbbc;color:#fff;}
.pricetables2014 .remarks ul.priceremarks:before{color:#e77a30;}
li.seasonsarrow:before,li.cabinarrow:before{background:#e77a30;;color:#fff;}
.pricetables.priceBreakdown .book a{background:#8abbbc;}
.excursionslist-item > #image{background:#aaa;border:1px solid #aaa;}
.excursionslist-item dt{color:#e77a30;}
#excursions .price{background:#e77a30;}
#excursions .price dt,#excursions .price dd{color:#fff;}
.routelist-item .teaserarea > div.introtext{background:#aaa;border:1px solid #aaa;}
/* from styles - end */

/* from layouts - start */
.contentwidth{width:1010px;}
#topimage, #topimage > img{min-height:525px;}

.content-holder{margin-left:-15px;margin-right:-15px;width:calc(100% + (2 * 15px));}
.content-holder > div, .content-holder > ul, .content-holder > table, .content-holder > dl{margin-right:15px;margin-left:15px;}

.content-section,.productContainer{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);}
/*.content-section > div,.productContainer > div{margin-left:15px;margin-right:15px;}*/
.wide-content,.z_productpage{width:calc(100% - 30px);}

.maincol,.z_maincol,.rightcol,.z_rightcol {flex:1 0 auto;margin:15px;}
.maincol,.z_maincol{width:calc(60% - 15px);min-width:60%;}
.rightcol,.z_rightcol {width: calc(250px - 15px);min-width:275px;}

.bottom-content-holder{margin-left:-30px;margin-right:-30px;width:calc(100% + 4*15px);}
.paragraph-container.bottom{min-width:250px;width:25%;margin:30px;flex:1 0 auto;}

..tabsContainer #subcontent_tabs .ui-widget-header li a{color:#fff;}
#topimageOverlays{height:525px;}
.overlayItemSettings.OverlayPagewidth{width: 1010px;left:calc(50% - (1010px) / 2);}
.TopBanner .content{background:#e77a30;color:#fff;}
.TopBanner .content p{color:#fff;}
.TopBanner .content a{color:#e77a30;}
.TopBanner .content .heading,.TopBanner .content h1,.TopBanner .content h2{color:#fff;}
.TopBanner .content h3,.TopBanner .content h4{color:#3E5F6D;}
.TopBanner .content a.btn{background:#3E5F6D;;color:#fff;}
.TopSplash.OverlayPagewidth .left{left:calc(50% - (1010px / 2));}
.TopSplash.OverlayPagewidth .right{right:calc(50% - (1010px / 2));}
.online-booking-2017-container{background-color:#8abbbc;}
.online-booking-2017{background-color:#8abbbc;color:#fff;}
.online-booking-2017 > h3{color:#fff;}
.online-booking-2017 .OnlineBookingModule .OnlineButton{background:#e77a30;}
.online-booking-2017 .OnlineBookingModule .OnlineButton a{color:#fff!important;}
.nav-container li a:hover{color:#e77a30;}
.nav-container .offers{background-color:#e77a30;}
.nav-container .offers > a{color:#fff!important;}
.nav-container .offers > .sub-collapser > i{color:#fff!important;}


.nav-large li li a{font-size:13px;}
ul[id*="xbreadcrumbs"] LI UL LI A:HOVER {color:#e77a30;}
ul[id*="xbreadcrumbs"] li:last-of-type ul li a{color:#3E5F6D;}
.tabsContainer .ui-tabs-nav, .tabsContainer.ui-widget-content, .tabsContainer .ui-widget-header, .tabsContainer .ui-widget-header li{background:#AFBA9D!important;}
.paragraph-container.side .paragraph-header h3,.pricesArea h3,.priceareawithoutprice div.includes.showInitially > a{background:#AFBA9D;}
/* from layouts - end */

/* from base - start */

/* from base - end */

html {color:#333;}

.bg-lime{background-color:#8abbbc;}
.bg-orange{background-color:#e77a30;}

.btn{background-color:#8abbbc;color:#fff;margin:20px 0;display:inline-block;}
.btn.offer{background-color:#e77a30;color:#fff;}
.btn.offer a{color:#fff;}
.pagebody{background-color:inherit;}

.pagebody > .section{}
.pagebody > .section .item-heading{}
.pagebody > .section > div a:not(.btn){}
.pagebody > .section ul.nav a{text-decoration:none;}


/* general "box" layout - theme */
.box{background:#eee;color:#333;}
.box p{color:#333;}
.box .heading,.box h1,.box h2{color:#333;}
.box h3,.box h4{color:#8abbbc;}
.box a.btn{background:#8abbbc);color:#fff;}

.teaserbox2015 h1{color:#8abbbc;}
.teaserbox2015 h2,.teaserbox2015 h3,.teaserbox2015{color:#3E5F6D;)}

/* themes */
.themeLime{background-color:#8abbbc;color:#fff;}
.themeLime a{color:#e77a30;}
.themeLime p{color:#fff;}
.themeLime h1,.themeLime .heading{color:#fff;}
.themeLime h2,.themeLime h3,.themeLime h4{color:#fff;}
.themeLime .pricetag{color:#e77a30;}
.themeLime .btn{background-color:#e77a30;color:#fff;}

.themeDark-cyan-blue{background-color:#3E5F6D;color:#fff;}
.themeDark-cyan-blue a{color:#AFBA9D;}
.themeDark-cyan-blue p{color:#fff;}
.themeDark-cyan-blue h1,.themeDark-cyan-blue .heading{color:#fff;}
.themeDark-cyan-blue h2,.themeDark-cyan-blue h3,.themeDark-cyan-blue h4{color:#fff;}
.themeDark-cyan-blue .pricetag{color:#AFBA9D;}
.themeDark-cyan-blue .btn{background-color:#e77a30;color:#fff;}

.themeGreenish-gray{background-color:#AFBA9D;color:#fff;}
.themeGreenish-gray a{color:#e77a30;}
.themeGreenish-gray p{color:#fff;}
.themeGreenish-gray h1,.themeGreenish-gray .heading{color:#fff;}
.themeGreenish-gray h2,.themeGreenish-gray h3,.themeGreenish-gray h4{color:#3E5F6D;}
.themeGreenish-gray .pricetag{color:#e77a30;}
.themeGreenish-gray .btn{background-color:#e77a30;color:#fff;}

.themeOrange{background-color:#e77a30;color:#fff;}
.themeOrange a{color:#8abbbc;}
.themeOrange p{color:#fff;}
.themeOrange h1,.themeOrange .heading{color:#3E5F6D;}
.themeOrange h2,.themeOrange h3,.themeOrange h4{color:#3E5F6D;}
.themeOrange .pricetag{color:#3E5F6D;}
.themeOrange .btn{background-color:#3E5F6D;color:#fff;}

.themeGray{background-color:#aaa;color:#333;}
.themeGray a{color:#8abbbc;}
.themeGray p{color:#333;}
.themeGray h1,.themeGray .heading{color:#333;}
.themeGray h2,.themeGray h3,.themeGray h4{color:#333;}
.themeGray .pricetag{color:#3E5F6D;}
.themeGray .btn{background-color:#8abbbc;color:#fff;}

.themeWhite{background-color:#fff;color:#333;}
.themeWhite a{color:#3E5F6D;}
.themeWhite p{color:#333;}
.themeWhite h1,.themeWhite .heading{color:#8abbbc;}
.themeWhite h2,.themeWhite h3,.themeWhite h4{color:#3E5F6D;}
.themeWhite .pricetag{color:#e77a30;}
.themeWhite .btn{background-color:#8abbbc;color:#fff;}

.themeNone{background-color:#fff;color:#333;}
.themeNone a{color:#3E5F6D;}
/*.themeNone p{color:#333;}*/
.themeNone h1,.themeNone .heading{color:#8abbbc;}
.themeNone h2,.themeNone h3,.themeNone h4{color:#3E5F6D;}
.themeNone .pricetag{color:#e77a30;}
.themeNone .btn{background-color:#8abbbc;color:#fff;}

/* sections */
.ads-block.section{background-color:#eee;}
.ads-block.section .btn{background-color:#8abbbc;color:#fff;}

.bottom-section{background-color:#8abbbc;color:#fff;}
.bottom-section a{}
.bottom-section p{color:#fff;}
.bottom-section h2,.bottom-section h3,.bottom-section .heading{color:#fff;}
.bottom-section .btn{background-color:#fff;color:#8abbbc;}
.bottom-section .btn.offer{background-color:#e77a30;color:#fff;}
.bottom-section .btn.offer p{color:#fff;}
.bottom-section .btn.offer a{color:#fff;}

.pricetag{color:#e77a30;}

.item-content-padding .item-content{padding-right:15px;padding-left:15px;}
ul.nomargin li{margin:0;}

    .item-heading{
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
}

body{margin:0;font-size:13p;}


h1,h2,h3,h4{
        margin:10px 0 5px 0;
        color:#333;
        line-height:3.35em);
        font-weight:bold;
        font-family:titi,"lexia",arial;
}

h1,h1 > p{font-size:36px;color:#8abbbc;}
h2,h2 > p{font-size:22px;font-weight:normal;}
h3,h3 > p{font-size:18px;}
h4,h4 > p{font-size:14px;}

p{font-size:13px;margin:0;}

a{color:#3E5F6D;}

a img{border:none;}

img{max-width:100%;height:auto;}

img.left,img.right{width:40%;margin:10px;}
img.small{width:30%;}
img.fullsize{width:100%;}
img.left{float:left;margin-left:0;}
img.right{float:right;margin-right:0;clear:both;}
img.extra-small {width: 15%;}
iframe{max-width:100%;}

ul{
        margin:0;padding:0;
        list-style-type:bullet;
        list-style-position: outside;
        padding-left:15px;}

li{margin:0;margin-bottom:10px;padding:0;font-size:13px;}

dl{}
dl dt{}
dl dd{}

hr {color: #333;}

.dv2019 h1,.dv2019 .productlist .productlist-item.categories h3,.dv2019 .productlist .productlist-item.categories h3 > a,.productlist-item-header{font-family:manus,titi;}
.dv2019 h1,.dv2019 h1 > p{line-height:1em;font-size:60px;font-weight:normal;}
.dv2019 .productlist-item-header{font-size:32px;font-weight:normal;}

/*media screen*/
.dv2019 .header-overlay {}

booking-calendar .select span{padding-top:10px;}
.bottom-section .online-booking-2017 .OnlineBookingModule,.bottom-section .online-booking-2017 .OnlineBookingModule .OnlineTable{display:block;}
.online-booking-2017 .OnlineBookingModule .OnlineTable > div{flex:1 0 auto;}


.dv2019 .online-booking-2017,.dv2019 .online-booking-2017 div{display:block;}

}