body {
        margin: 0;
        padding: 0;
        color:#7f7f7f;
        font: 12px 'Source Sans Pro',sans-serif;
        background-color: #fff;
    }
    a {
        color:#7f7f7f;
        text-decoration:none;
    }
    
    /* clickable elements will get this cursor*/
    *[onclick] {
        cursor: pointer;
    }
        
    .headerLine {
        background-color: #152630;
        box-sizing: border-box;
        display: table;
        padding: 0 calc((100% - 1024px) / 2);
        width: 100%;
    }
    .headerBox {
        display: table-cell;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
    }
    .headerBox > a {
        padding: 0 2px;
    }
    .headerBox:first-child {
        text-align: left;
    }
    .headerBox:last-child {
        text-align: right;
    }
    .headerBox img {
        margin-top: 5px;
        opacity: 0.5;
    }
    .infoCart.active > a {
	color: green;
	font-weight: bold;
    }
    
    .search_input {
        background-color: #d0d4d7;
        border: 0 none;
        height: 16px;
        max-width: calc(100% - 20px);
        padding: 0;
        vertical-align: top;
        width: 177px;
    }
    #headline_content_search_icon {
        background: url("lib/media.php?id=5775") no-repeat scroll 0 0 #d0d4d7;
        float: right;
        height: 16px;
        vertical-align: top;
        width: 16px;
    }
    .headerNavi {
        background-color: #fff;
        padding: 10px 0;
    }
    .mainNavi {
        display: table;
        list-style: outside none none;
        margin: 0 auto;
        padding: 0;
        max-width: 1024px;
        width: 100%;
    }
    .mainNavi > li {
        display: table-cell;
        font-size: 13px;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        width: 1%;
    }
    
    .headerLogo {
        background-image: url("/lib/media.php?id=4805");
        display: block;
        height: 53px;
        /*margin-right: 50px;*/
        width: 220px;
    }
    .header_navi_buttonactive {
        color: #026898;
        font-weight: bold;
    }

    .navButton {
        display: block;
        height: 50px;
        margin: auto;
        width: 50px;
    }
    .navibar {
        border-spacing: 1px;
        display: block;
        margin: auto;
        max-width: 1024px;
        padding: 20px 0 0;
        text-align: justify;
        width: 100%;
    }
    /*.navibar > li:first-child {
        display: none;
    }*/
    .navibarbutton {
        background-color: #fff;
        box-sizing: border-box;
        display: table-cell;
        font-size: 13px;
        text-align: center;
        width: 113px;
    }
    .navibarbutton > a {
        box-sizing: border-box;
        display: block;
        height: 100%;
        padding: 20px 10px;
        width: 100%;
    }
    .navibarbutton:hover,
    .navibarbuttonactive {
        background-image: url("/lib/media.php?id=5211");
    }
    .navibarbutton:hover a,
    .navibarbuttonactive a {
        color: #fff;
    }
    .navibarbutton:hover .navButton,
    .navibarbuttonactive .navButton {
        background-position: right center;
    }
    .mobileShowMore {
        display:none;
    }

    .bgImage {
        background-position: center center;
        background-size: cover;
        height: 480px;
        position: absolute;
        width: 100%;
        z-index: 10;
        opacity: 0.4;
    }
    h1 {
        color: #026898;
        font-size: 25px;
        font-weight: 200;
        margin: 0 0 10px;
        padding-top: 10px;
    }
    
    .starpageTriBox {
        border-spacing: 2px;
        display: table;
        margin-top: 147px;
        width: 100%;
    }
    .triBox {
        background-color: #fff;
        display: table-cell;
        position: relative;
        vertical-align: top;
        width: 30%;
    }
    .triBoxImage {
        background-size: cover;
        display: block;
        height: 200px;
        width: 100%;
    }
    
    .imageTitle {
        background-color: #46b0da;
        color: #fff;
        font-size: 25px;
        font-weight: 200;
        left: 10px;
        padding: 5px 15px;
        position: relative;
        top: 15px;
    }
    
    .triTitle {
        background-color: #026898;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 20px;
        position: absolute;
        top: -43px;
    }
    
    .button.darkButton {
        background-color: #152630;
    }
    .button {
        font-size: 18px;
        font-weight: bold;
        cursor:pointer;
    }
    .button > a,
    .button > span{
        color: #fff;
        display: block;
        padding: 10px 15px;
    }
    
    .button.orangeButton {
        background-image: url("lib/media.php?id=4845");
        background-position: center center;
        background-size: cover;
    }
    .button.disabled {
        background-image: url("lib/media.php?id=5339");
    }
        
    .button.halfButton {
        display: inline-block;
        text-align: center;
        width: 48%;
    }
    .button.halfButton:first-child {
        margin-right: 2%;
    }

    
    .searchBoxControls {
        box-sizing: border-box;
        height: 200px;
        padding: 5px;
        position: relative;
        top: 0;
    }
    
    .searchLocationBox {
        padding: 5px 2px 0;
    }
    .inputTitle {
        display: block;
    }
    .wideField {
        box-sizing: border-box;
        margin-top: 3px;
        width: 100%;
    }
    .table {
        display: table;
        width: 100%;
    }
    .tr {
        display: table-row;
        position: relative;
    }
    .td {
        display: table-cell;
    }
        
    .td > ul {
        list-style: outside none none;
        padding: 0;
    }
    .ageRow {
        padding-top: 5px;
    }
    .fullRow {
        border: 1px solid #ccc;
        box-sizing: border-box;
        float: left;
        min-height: 225px;
        margin-top: -11px;
        width: calc(100% + 91px);
    }

    .addPriceInfo {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        margin-bottom: 0;
        padding-bottom: 2px;
        position: absolute;
        top: -1px;
        width: 100%;
    }
    
    .skyscraper {
        position: absolute;
        right: 5px;
        top: 590px;
    }
    .skyscraperHeader {
        background-color: #f2f2f2;
        padding: 2px;
    }
    .advertise > span {
        display: block;
        padding-left: 10px;
        padding-top: 5px;
    }

    
    .advertise {
        margin-bottom: 20px;
        margin-top: 20px;
        background-color: #f2f2f2;
    }    
    .advertise > span {
        display: block;
        padding-left: 10px;
        padding-top: 5px;
    }
    .adList {
        display: table;
        width: 100%;
    }
    .adBox {
        display: table-cell;
        text-align: center;
        width: 50%;
        vertical-align: middle;
    }
    .adBox > .text{
        text-align: left;
        padding: 10px 20px;
        font-size:20px;
    }
    /*.adBox:first-child {
        text-align: left;
        width: 20%;
    }
    .adBox:last-child {
        text-align: right;
        width: 20%;
    }*/

    .adBox > img {
        width: 100%;
    }
    
    #isblock {
        background-color: #f2f2f2;
        padding: 20px;
        margin-top: -50px;
    }

    .mainContent {
        font-size: 15px;
        font-weight: 300;
        margin: auto;
        max-width: 1024px;
        position: relative;
        width: 100%;
        z-index: 20;
    }
    
    .buttonArea {
        float: right;
        margin-top: 20px;
    }
    
    .buttonArea > input {
        background-color: #039ad1;
        border: medium none;
        color: white;
        font-size: 14px;
        margin: 10px 0 0 10px;
        padding: 5px;
        text-align: center;
        width: 180px;
    }
    
    .listArea {
        padding: 0 20px 20px;
    }
    
    /* irs stuffs */
        
    #offererList .tr {
        background-color: #fff;
    }
    #offererList .contentText {
        background-color: rgb(255, 255, 255);
        margin-bottom: 10px;
        margin-left: 20px;
        padding: 10px;
    }
    #offererList .contentRelations.table {
        margin-top: -10px;
    }
    .noTeaserMainArea {
        margin-top: 20px;
    }
    .paginationArea {
        background-color: #fff;
        background-image: url("/lib/media.php?id=5341");
        background-position: left center;
        background-repeat: no-repeat;
        height: 60px;
        margin-bottom: 20px;
        width: 100%;
    }
        
    .paginationMain {
        display: table;
        float: left;
    }
    
    .pagination {
        font-size: 12px;
    }
    .pagination.pageNum {
        color: #000;
        font-size: 16px;
    }

    
    #viewSwitcher {
        display: inline-block;
        float: right;
        height: 100%;
        padding: 1px;
    }
    #viewSwitcher .pagination {
        display: block;
        height: 30px;
    }
    #pageSort {
        float: right;
        margin: 16px 10px;
        vertical-align: middle;
    }
    .paginationMain {
        font-size: 16px;
        margin: 18px 15px 0;
    }
    .pagination.spaceLeft {
        margin-left: 10px;
    }
    .paginationMain > .pagination {
        display: inline-block;
        padding: 0 4px;
    }
    .pagination.pageActive {
        font-weight: bold;
    }

    
    .irsOffererCount {
        color: #fff;
        height: 60px;
        margin-bottom: 20px;
        width: 100%;
    }
    #offererCount {
        background-color: rgb(2, 104, 152);
        float: left;
        font-size: 28px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        width: 60px;
    }
    #offererCountTitle {
        background-color: #026898;
        box-sizing: border-box;
        float: left;
        font-size: 28px;
        height: 60px;
        line-height: 60px;
        margin-left: 1px;
        padding-left: 20px;
        width: calc(100% - 61px);
    }
    .leftPageArea.white .searchBoxControls {
        background-color:#fff;    
        height: auto;
    }
    .leftPageArea.white .relationList {
        background-color: #fff;
    }
    
    #controlBoxLoader,
    .controlBoxLoader {
        background-color: rgb(0, 0, 0);
        background-image: url("https://login.insecia.com/images/insecia_loader_smal.gif");
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        margin-left: -5px;
        margin-top: -5px;
        opacity: 0.85;
        position: absolute;
        width: 100%;
        z-index: 100;
    }
    .controlBoxLoader {
        background-position: center 200px;
        margin: 0;
        top: 0;
    }
    #offererList {
        position: relative;
    }
    
    .searchBoxControls h2 {
        border-bottom: 1px solid #ccc;
        color: #026898;
        font-size: 25px;
        font-weight: 300;
        margin: 10px 0;
    }
    
    .searchBoxControls .td:first-child {
        padding-right: 5px;
    }
    .searchBoxControls .inputTitle {
        color: #000;
        font-size: 12px;
        font-weight: 400;
    }
    .searchBoxControls .td {
        padding-top: 10px;
    }
    
    .bookIcon {
        background-image: url("lib/media.php?id=6389");
        background-position: 0 center;
        display: block;
        height: 32px;
        position: absolute;
        right: 6px;
        top: 6px;
        width: 32px;
    }
    .bookIcon.isBookable {
        background-position: 32px center;
    }
        
    .priceBox.arrow {
        background-image: url("/lib/media.php?id=4809");
        background-position: center bottom 5px;
        background-repeat: no-repeat;
    }
    
    .webirsBookingInfoText {
        background-color: rgb(255, 255, 255);
        box-sizing: border-box;
        margin: 20px auto;
        padding: 10px;
        width: 100%;
    }
    .webirsBookingInfoText a {
        font-weight:bold;
    }
    
    .offererStars {
        background-color: rgba(255, 255, 255, 0.85);
        border-radius: 2px;
        padding: 2px 6px;
        position: absolute;
        right: 2px;
        top: 2px;
    }
    
    .paginationArea.followScroll, 
    .irsOffererCount.followScroll {
        box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        z-index: 1000;
    }
    .searchBoxControls.followScroll, 
    .contentText.followScroll {
        margin-top: 80px;
    }
    
    /* offerer / journey detail */
        
    .irsTopArea {
        background-color: #fff;
        height: 60px;
        margin-bottom: 20px;
        width: 100%;
    }
    .contentArea.inverted {
        float: left;
        width: calc(100% - 340px);
    }
    .leftPageArea.inverted {
        float: right;
    }
    .detailPageMainImage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        margin-bottom: 20px;
        width: 100%;
        position: relative;
    }
        
    .detailImageLeft,
    .detailImageRight {
        height: 50px;
        margin-top: -25px;
        opacity: 0.5;
        position: absolute;
        top: 50%;
        width: 25px;
        z-index: 20;
    }
    .detailImageLeft:hover,
    .detailImageRight:hover {
        opacity: 0.8;
    }
    
    .detailImageLeft {
        background-image: url("lib/media.php?id=5207");
        left: 0;
    }
    .detailImageRight {
        background-image: url("lib/media.php?id=5209");
        right: 0;
    }
        
    .detailPageHeadline {
        background-color: rgba(255, 255, 255, 0.85);
        border-radius: 3px;
        display: inline-block;
        margin: 5px;
        padding: 5px 10px;    
        position: relative;
        z-index: 20;
    }
    .detailPageHeadline > h1 {
        margin: 0;
    }
    .detailPageHeadline > span {
        display: block;
        font-size: 14px;
        margin: 0 0 -5px;
    }
        
    .detailPageStars {
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 3px;
        display: block;
        float: right;
        height: 10px;
        margin: 5px;
        padding: 5px 10px;
        position: relative;
        z-index: 20;
    }
    .detailPageStars .star {
        background-image: url("lib/media.php?id=5433");
        background-size: cover;
        display: inline-block;
        height: 10px;
        vertical-align: top;
        width: 10px;
    }
    
    .detailPageGalery {
        height: 100px;
        overflow: hidden;
        width: 100%;
    }
    .detailPageGalery > .galerySlider {
        width: 10000px;
        position:relative;
    }
    .detailImage {
        background-position: center center;
        background-size: cover;
        float: left;
        height: 100px;
        margin-right: 10px;
        width: 133px;
    }
    .detailImage[data-selected="true"] {
        box-shadow: 0 0 20px #026898 inset;
    }
    .detailPageImageReplacement {
        background-position: center center;
        background-size: cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }
    .detailBox {
        background-color: #fff;
        margin-top: 20px;
        padding: 10px;
    }
    .detailBox h2{
        margin: 0 0 5px 0;
    }
    
    .offererEquipment {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    .offererEquipment > li {
        display: block;
        float: left;
        width: 30%;
    }
    .offererEquipment::after {
        background-color: red;
        clear: both;
        content: "";
        display: block;
    }
    
    .maptap {
        margin-top: 20px;
    }
    .maptap .detailBox {
        width:100%;
        height:600px;
    }
    
    .bookingRoomList {
        background-color: #fff;
        list-style: outside none none;
        margin: 0;
        padding: 10px;
    }
    .roomHeader {
        color: #026c9c;
        font-size: 14px;
        font-weight: bold;
    }
    .roomSelection {
        padding:0;
    }
    .roomSelection .td {
        padding: 5px;
        vertical-align: middle;
        border-bottom: 1px solid #ccc;
    }
    .roomSelection .td:first-child {
        white-space: nowrap;
    }
    .roomSelection .td:last-child {
        white-space: nowrap;
        text-align: right;
    }
        
    .roomPriceCell {
        color: #0097d0;
        font-size: 24px;
        font-weight: bold;
    }
    .bookingRoomList .relationTitle {
        border-bottom: 1px solid #ccc;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    
    .fullPrice {
        border-bottom: 3px double #ccc;
        color: #0097d0;
        display: table;
        font-size: 26px;
        width: 100%;
    }
    .fullPrice > span {
        display: table-cell;
    }
    .fullPrice > span:last-child {
        text-align: right;
    }
    
    .offererAdditions > h3,
    .roomAdditions h3 {
        color: #026898;
        font-size: 20px;
        font-weight: 300;
    }
    .roomAdditions > span {
        position:absolute;
    }
    .additionRow {
        display: table-row;
    }
    .additionRow > div {
        display: table-cell;
        padding: 5px;
    }
    .addSpinner {
        width: 30px;
    }
    .addPrice {
        text-align: right;
        white-space: nowrap;
    }
    
    .bookingRoomList .relationContent:not(:first-child) {
        margin-top: 30px;
    }
    .startProcessButton {
        margin-top: 20px;
    }

    .directionButton {
        background-color: #026898;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 60px;
        width: 60px;
    }
    .directionButton.left {
        background-image: url("lib/media.php?id=4819");
        margin-right: 1px;
    }
    .directionButton.right {
        background-image: url("lib/media.php?id=5343");
    }
    .directionButton.disabled {
        background-color: #039ad1;
    }
    
    .topButton {
        background-color: #026898;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        display: block;
        float: left;
        font-size: 24px;
        height: 60px;
        padding: 14px 8px;
        width: calc((100% - 121px) / 3);    
        text-align: center;
    }
    .topButton.disabled {
        background-color: #039ad1;
    }
    
    #bookingStep1,
    #bookingStep2 {
        display:table;
        width:100%;
    }
    
    #bookingStep1 > div,
    #bookingStep2 > div {
        background-color: #fff;
        box-sizing: border-box;
        display: table-cell;
        padding: 20px;
        width: 50%;
    }
        
    #bookingStep3 > div > h2 {
        background-color: #fff;
        display: block;
        margin-bottom: 20px;
        margin-top: 0;
        padding: 10px;
    }
    #bookingStep3 {
        width: 100%;
    }
    #bookingStep3 .table {
        background-color: #fff;
        box-sizing: border-box;
        padding: 10px;
    }
    #bookingStep3 .table > div {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }
    
    #bookingProcess .inputTitle {
        display: inline-block;
        margin-top: 10px;
    }
        
    #bookingProcess h3 {
        color: #026898;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 0;
    }
    #bookingProcess h2 {
        font-size: 28px;
        margin-top: 0;
    }
    
    .agbWarningBox a {
        color: #026898;
    }
    .agbWarningBox {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 10px;
        padding: 5px;
        border-radius: 3px;
    }
    .agbWarningBox.active {
        border: 1px dashed red;
    }

    .ui-spinner-disabled.showSpinDisabled > .ui-btn {
        display: none;
    }
    .ui-spinner-disabled.showSpinDisabled {
        border: 0 none;
        color: #7f7f7f;
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 15px;
        font-weight: 300 !important;
        margin-top: -4px;
        white-space: nowrap;
    }
    .ui-spinner-disabled.showSpinDisabled::after {
        content: "x";
        display: inline;
    }
    .ui-spinner-disabled.showSpinDisabled input {
        font-family: 'Source Sans Pro',sans-serif;
        font-weight: 300;
        margin: 0 5px 0 0;
        text-align: right;
        vertical-align: baseline;
    }
    
    #bookingLoadingScreen {
        background-color: #fff;
        box-sizing: border-box;
        display: block;
        font-size: 18px;
        height: 200px;
        padding-top: 35px;
        text-align: center;
        width: 100%;
    }
    #bookingLoadingScreen > img {
        border-radius: 50px;
    }
    .showTravelers {
        color: #7f7f7f;
        display: block;
        font-size: 14px;
    }
    #showDates {
        background-color: #fff;
        color: #026898;
        font-size: 18px;
        margin-bottom: 20px;
        padding: 10px;
    }
    .roomTravelerList select, .roomTravelerList input {
        width: 32%;
    }
    .zipcodeField, .cityField {
        box-sizing: border-box;
        float: left;
        width: 49%;
    }
    .zipcodeField {
        margin-right: 2%;
    }
    /* BigPictureBox */
    
    #bigPictureBox {
        -moz-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10001;
    }
    #bigPicture {
        background-position: center center;
        background-repeat: no-repeat;
        left: 50%;
        overflow: hidden;
        position: absolute;
        top: 50%;
    }
    .picBoxNav {
        background-color: #fff;
        cursor: pointer;
        font-size: 30px;
        font-weight: 600;
        height: 50px;
        line-height: 50px;
        margin-top: -25px;
        opacity: 0.25;
        position: absolute;
        top: 50%;
        width: 50px;
    }
    .picBoxNav:hover {
        opacity: 0.8;
    }
    .picBoxLeft {
        border-radius: 0 25px 25px 0;
        left: -35px;
        padding-right: 15px;
        text-align: right;
    }
    .picBoxLeft:hover {
        left: -15px;
    }
    .picBoxRight {
        border-radius: 25px 0 0 25px;
        padding-left: 15px;
        right: -35px;
    }
    .picBoxRight:hover {
        right: -15px;
    }
    .picBoxExit {
        background-color: #ffffff;
        border-radius: 0 0 0 40px;
        cursor: pointer;
        font-size: 18px;
        height: 20px;
        line-height: 18px;
        opacity: 0.25;
        padding: 5px;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        width: 20px;
    }
    .picBoxDescription {
        background-color: rgba(2, 104, 152, 0.8);
        color: #ffffff;
        margin: 0 auto;
        position: relative;
        text-align: center;
        top: 50%;
    }
    .picBoxExit:hover {
        height: 30px;
        opacity: 0.8;
        width: 30px;
    }
    
    /* PriceMatrix */
    .mxWrap {
        box-sizing: border-box;
        overflow-x: auto;
        padding: 10px;
        width: 100%;
    }
    .mxMain {
        display: table;
        min-width: 640px;
    }
    .mxRow {
        display: table-row;
    }
    .mxCell {
        display: table-cell;
        padding-bottom: 15px;
    }
    .seasonName, .roomName, .roomInfo, .priceElement, .roomInfoDetail {
        display: block;
    }
    .toggleHead {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 12px auto;
        cursor: pointer;
        display: block;
        margin-bottom: 5px;
    }
    .infoicon {
        border: 1px solid #026c9c;
        border-radius: 15px;
        color: #026c9c;
        display: inline-block;
        font-size: 14px;
        font-weight: 900;
        height: 12px;
        line-height: 12px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 12px;
    }
    .seasonDate {
        display: none;
    }
    .togleSeasonDates:focus > .seasonDate {
        display: block;
    }
    .roomInfo {
        width: 160px;
    }
    .roomInfoDetail {
        font-size: 0.9em;
        font-style: italic;
    }
    .priceHeader {
        font-weight: bold;
        margin-top: 5px;
    }
    .mxHeader > span:first-child {
        color: #026c9c;
        font-size: 18px;
        font-weight: bolder;
    }
    .roomCell > .roomName {
        color: #026c9c;
        font-size: 14px;
    }
    .mxCell.mxHeader {
        font-size: 12px;
        font-weight: 300;
    }
    .mxCell.roomCell {
        min-width: 200px;
    }
    .mxCell.mxContent {
        min-width: 220px;
    }
    .standardPrice {
        color: #555555;
        font-size: 16px;
        font-weight: 500;
    }
        
    .periodHeader {
        border-top: 1px solid #ccc;
        color: #026c9c;
        margin: 20px 20px 5px 0;
        padding-top: 10px;
    }
    .periodHeader:first-child {
        border: 0 none;
        margin: 0;
        padding: 0;
    }

    .noWrap {
        white-space: nowrap;
    }
    .uoInfo {
        display: none;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .uoInfos {
        font-size: 0.8em;
    }
    .uoPrice {
        display: none;
    }
    
    /* tabs */
    .tabArea {
        border-spacing: 1px 0;
        display: table;
        width: 100%;
    }
    .tabContainer {
        margin-top: 20px;
    }
    
    div.tab {
        display: none;
    }
    div.tab.active {
        display: block;
    }
    span.tab {
        background-color: #039ad1;
        color: #fff;
        display: table-cell;
        padding: 5px 10px;
        text-align: center;
        width: 20%;
    }
    span.tab.active {
        background-color: #026898;
    }
    .offererAGBLink {
        background-image: url("https://login.insecia.com/images/icons/16/fileextensions/file_extension_pdf.png");
        background-position: left center;
        background-repeat: no-repeat;
        display: block;
        height: 20px;
        margin-top: 20px;
        padding: 5px 0 5px 20px;
    }

    .roomCalendarLegend > .td > div {
        border-radius: 3px;
        height: 16px;
        width: 16px;    
        background-size: cover;
    }
    .roomCalendarLegend .td {
        font-size: 12px;
        padding: 0 5px;
        vertical-align: middle;
    }
    .roomCalendarLegend .td:nth-child(2n-1) {
        width: 18px;
    }
    
    .roomCalendarLegend {
        max-width: 100%;
        width: auto;
    }
    
    .additionShowTable > .tr > .td {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    .additionShowTable > .tr:last-child > .td {
        border-bottom: 0 none;
    }

        
    .radioWarning {
        padding: 2px 5px 1px;
    }
    .radioWarning > input {
        margin: 0;
    }
    .radioWarning.active {
        background-color: #fcc;
        border: 1px dashed red;
        border-radius: 5px;
    }
    
    .warnBox {
        border: 1px solid #f00;
        border-radius: 2px;
        color: #9f1515;
        display: block;
        margin-top: 20px;
        padding: 10px;
        font-size: 12px;
    }
    
    .warnHead {
        display: block;
        font-size: 14px;
        font-weight: bold;
    }
    .warnBox.noHide {
        display: block !important;
    }
    .warnBox.info {
        border: 1px solid #E38000;
        color: #E38000;
    }

    /* galery*/
    .startpageGaleryContaner {
        margin: 20px 0;
    }
    .startpageHeadline {
        display: table-cell;
        padding-right: 50px;
        vertical-align: top;
    }
    
    .startpageHeadline p {
        color: #7f7f7f;
        display: table-cell;
        font-size: 14px;
        font-weight: 300;
        margin-left: 0;
        padding: 0;
        vertical-align: bottom;
    }
    .startpageGallery {
        display: table-cell;
        vertical-align: middle;
    }
    .headlineContainer, .textContainer {
        display: table-row;
    }
    .headlineContainer h2 {
        color: #026898;
        font-size: 25px;
        font-weight: 200;
        line-height: 1;
        margin: 0 0 10px;
    }
    .gallery {
        background: none repeat scroll 0 0 #fff;
        height: 190px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .startpageGallery .gallery {
        width:700px;
    }
    .gallery_drawer {
        height: 100%;
        position: relative;
        /*width: 1e+100%;*/
        width:10000px;
        display:inline-block;
    }
    .gallery_button_left, .gallery_button_right {
        background-repeat: no-repeat;
        cursor: pointer;
        height: 100%;
        opacity: 0.5;
        position: absolute;
        width: 30px;
        z-index: 1;
    }
    .gallery_button_right {
        background-image: url("lib/media.php?id=5209");
        background-position: right center;
        border-radius: 25px 0 0 25px;
        right: 0;
    }
    .gallery_button_left {
        background-image: url("lib/media.php?id=5207");
        background-position: left center;
        border-radius: 0 25px 25px 0;
        left: 0;
    }
    .gallery_button_left:hover, .gallery_button_right:hover {
        opacity: 0.9;
    }
    .image {
        border-bottom: 1px solid #b2b2b2;
        border-left: 1px solid #b2b2b2;
        border-top: 1px solid #b2b2b2;
        cursor: pointer;
        float: left;
        height: 188px;
        position: relative;
        width: 219px;
        box-sizing:border-box;
    }
    .gallery_drawer .image:last-child {
        border-right: 1px solid #b2b2b2;
    }
    .image_content {
        background-image: url("lib/media.php?id=4847");
        background-size: cover;
        height: 150px;
        width: 100%;
    }
    .image_content_no_text {
        background-image: url("lib/media.php?id=4847");
        background-size: cover;
        height: 185px;
        width: 100%;
    }
    .image_overlay_text {
        background: none repeat scroll 0 0 #ffffff;
        color: #46b0da;
        cursor: pointer;
        font-size: 18px;
        font-weight: 200;
        left: 10px;
        margin: 0;
        opacity: 0;
        padding: 0 5px;
        position: absolute;
        top: 10px;
        z-index: 100;
    }
    .image:hover .image_overlay_text {
        opacity: 0.95;
    }
    .image_text {
        background-image: url("lib/media.php?id=4853");
        background-position: right center;
        background-repeat: no-repeat;
        height: 35px;
        margin-right: 6px;
        overflow: hidden;
        padding-right: 22px;
    }
    .image_text h3 {
        color: #006999;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 3px 0 0 6px;
    }
    .image_text span {
        color: #049acd;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
        padding: 0 0 0 6px;
    }
    
    /* main content */
    .topArea {
        display: table;
        margin-top: 69px;
        width: 100%;
    }
    .topArea > .leftPageArea {
        display: table-cell;
        vertical-align: top;
    }
    .topArea > .teaser {
        display: table-cell;
        vertical-align: top;
        width: 100%;
    }
    
    .leftPageArea {
        float: left;
        width: 320px;
    }
    
    .subNavi a {
        background-image: url("lib/media.php?id=4817");
        background-position: right center;
        background-repeat: no-repeat;
        color: #fff;
        display: block;
        font-size: 13px;
        padding: 2px 0;
    }
    .subNavi {
        background-color: #026898;
        height: 270px;
        list-style: outside none none;
        margin: 0;
        overflow: auto;
        padding: 5px 10px;
        -webkit-overflow-scrolling: touch;
    }
    .subNavi > li {
        border-bottom: 1px solid #fff;
        opacity: 0.7;
    }
    .subNavi > li > ul {
        margin-left: 20px;
        padding-left: 0;
    }

    .subNavi > li li {
        list-style: none;
    }
    
    .leftPageArea .servicePhone {
        background-color: #039ad1;
        background-image: url("lib/media.php?id=4833");
        background-position: left center;
        background-repeat: no-repeat;
        color: #fff;
        padding-left: 100px;
    }
    .servicePhone * {
        color: #fff;
    }
    
    .contentArea {
        float: right;
        width: calc(100% - 320px);    
        padding-bottom: 30px;
    }
    .contentArea a {
        color:#e06438;
        text-decoration:none;
    }
    .contentArea a:hover {
        text-decoration:underline;
    }
    .contentArea .tr {
        background-color: #fff;
    }
    
    /* direct */
    .contentArea > h2 {
        padding-left: 20px;
    }
    
    /* indirect */
    .contentArea h2,
    .detailBox h2,
    .entry h2 a {
        color: #026898;
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 18px;
        font-weight: 300;
    }
    
    .contentText {
        background-color: #fff;
        padding: 0 20px 20px;
    }
    
    .contentRelations {
        box-sizing: border-box;
        padding: 0 0 0 20px;
        width: 100%;
    }
    
    .contentText > .contentRelations,
    .detailBox > .contentRelations {
        padding: 0;
    }
    
    .contentRelations .gallery {
        margin-left:0 !important;
    }
    
    .contentRelations .olMap {
        box-sizing: border-box;
        display: block;
        margin-bottom: 20px;
        width: 100% !important;
    }
    #mapFeatureSelectOutput {
        background-color: #fff;
        border: 1px solid #026898;
        box-sizing: border-box;
        clear: both;
        margin-bottom: 20px;
        margin-left: 15px;
        margin-top: 5px;
        padding: 10px;
        width: calc(100% - 15px);
    }
    #mapDiv {
        border: 1px solid #026898;
        box-sizing: border-box;
        height: 500px;
        width: 100%;    
        margin-left: 15px !important;
        width: calc(100% - 15px);
    }
    #mapDiv.teaserImage {
        height: 280px;
        margin-left: 0 !important;    
        width: 100%;
    }
    #offererSearchMap {
        height: 500px;
        margin-left: 20px !important;
        width: calc(100% - 20px);
        display:none
    }
    #mapSearchResult {
        display: table;
        margin-left: 20px;
        margin-top: 20px;
        width: calc(100% - 20px);
    }
    #mapSearchResult > .tr > .td {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    #mapSearchResult > .tr > .td:last-child {
        border-right: 1px solid #ccc;
    }
    #mapSearchResult > .tr > .td:first-child {
        border-left: 1px solid #ccc;
    }

    .teaser {
        height: 280px;
        position: relative;
    }
    .teaserImage {
        background-position: center center;
        background-size: cover;
        height: 100%;
        width: 100%;
    }
    .teaser > h1, .teaser > h2 {
        background-color: #fff;
        color: #46b0da;
        font-size: 25px;
        font-weight: 200;
        left: 20px;
        margin: 0 20px 20px 0;
        padding: 5px 10px;
        position: absolute;
        top: 20px;
    }
    
    .teaser > h1.blau, .teaser > h2.blau {
        background-color: #46b0da;
        color: #fff;
    }
    
    /* list items */
        
    .contentRelations > .tr > .td {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        vertical-align: top;
    }
    .contentRelations > .tr > .td:first-child {
        border-left: 1px solid #ccc;
    }
    .contentRelations > .tr > .td:last-child {
        border-right: 1px solid #ccc;
    }
    .contentRelations.table {
        border-spacing: 0 10px;
    }
    
    .listItemImage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        float: left;
        height: 160px;
        margin-right: 15px;
        vertical-align: middle;
        width: 30%;
        position: relative;
    }
    .listItemImage.shopItemImage {
        background-size:contain;
    }
    
    .listItemContent {
        padding: 10px;
        position: relative;
    }
    .listItemContent h3 {
        color: #026898;
        font-weight: 200;
        margin-bottom: 5px;
        margin-top: 0;
    }
    .listItemSubTitle {
        font-size: 12px;
        margin-bottom: 5px;
    }
    #sidebarShoppingcart .tr {
        color: #fff;
    }
    
    /* relations */
    
    .relationList {
        background-color: #152630;
        list-style: outside none none;
        margin: 0;
        padding: 5px 10px;
    }
        
    .sectionHeader {
        border-top: 1px solid #ccc;
        color: #026898;
        font-size: 28px;
        margin-top: 30px;
    }
    .sectionHeader:first-child {
        border: 0 none;
        margin: 0;
    }

    .relationHeader {
        color: #fff;
        font-size: 25px;
        font-weight: 200;
    }
    .relationList li {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #fff;
    }
    .relationList li:last-child {
        border-bottom: 0 none;
    }
    
    .relationTitle {
        color: #026898;
        display: block;
        font-size: 25px;
        margin-bottom: 10px;
    }
    .relationText {
        background-image: url("lib/media.php?id=4813");
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 12px auto;
        color: #fff;
        display: block;
    }
        
    .relationImage {
        background-size: cover;
        display: table-cell;
        height: 70px;
        width: 100px;
    }
    .relationContent > .imageText {
        display: table-cell;
        padding-left: 10px;
        vertical-align: top;
    }
    .imageText > h4 {
        color: #026898;
        font-size: 12px;
        font-weight: 500;
        margin: 0;
    }
    .imageText > span {
        display: block;
        font-size: 12px;
    }
    a.relationContent {
        display: block;
        margin-bottom: 10px;
    }

    
    .relationContent.paymentIcons {
        background-color: #fff;
    }
    .payment {
        display: inline-block;
        vertical-align: middle;
        width: 45%;
    }
    .payment:first-child {
        margin-right: 8%;
    }
    
    .routeBG {
        border-radius: 5px;
        display: inline-block;
        padding: 1px 1px 0 0;
        vertical-align: middle;
    }
    
    .leftPageArea.white > .relationList {
        background-color: #fff;
    }
    .leftPageArea.white .relationHeader {
        border-bottom: 1px solid #026898;
        color: #026898;
        font-size: 18px;
        padding: 5px 10px;
    }
    .leftPageArea.white label {
        display: inline-block;
        font-size: 11px;
        font-weight: normal;
        margin-left: 5px;
        vertical-align: middle;
        width: calc(100% - 30px);
    }
    .relationHeader.headerInActive,
    .relationHeader.headerActive {
        background-position: right center;
        background-repeat: no-repeat;
    }
    .relationHeader.headerInActive, 
    .relationHeader.headerActive:hover {
        background-image: url("/lib/media.php?id=5403");
    }
    .relationHeader.headerActive, 
    .relationHeader.headerInActive:hover {
        background-image: url("/lib/media.php?id=5405");
    }
    
    .checkDiv.checkPoint {
        display: inline-block;
        width: 49%;
    }
    .toggleAll {
        display: block;
    }
    
    .partnerBox {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px 0;
    }
    .partnerDetails {
        float: left;
        margin-right: 10px;
        width: 200px;
    }
    #mapDiv.partnerDetailMap {
        float: right;
        height: 250px;
        width: calc(100% - 250px);
    }
    .classificationBox {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
    }
    
    .partnerReservationButton {
        text-decoration:none;
        font-weight:300;
        border:1px solid #026898;
        padding:5px;color:#026898;
        font-size:14px;
        margin:5px 0px 5px 5px;
        display:inline-block;
    }
    
    /* contact box */
    .contactTable .table {
        border-spacing: 0 5px;
    }
    
    .contactTable::after {
        clear: both;
        content: "";
        display: block;
    }
    .contactTable textarea {
        box-sizing: border-box;
        margin: 3px 0;
    }
    .contactTable img {
        margin: 0 0 -5px;
    }
    .contactTable input[type="button"] {
        margin-top: 3px;
    }
    .contactTable .inputTitle:not(.td) {
        display: inline;
    }
    .amount {
        width: 50px;
    }
    
    /* journey list */
    
    .catNavi {
        background-color: #026898;
        height: 272px;
        padding-top: 8px;
    }
    .scroller {
        height: 239px;
        margin-bottom: 1px;
        overflow: hidden;
        padding: 0 10px;
    }
    .scrollbutton {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        cursor: pointer;
        display: block;
        height: 19px;
        line-height: 19px;
        text-align: center;
    }
    .scrollbutton:first-child {
        border-bottom: 1px solid #fff;
        margin-top: -8px;
    }
    .scrollbutton:last-child {
        border-top: 1px solid #fff;
    }
    .catNavi ul {
        margin: 0;
        padding: 0;
    }
    .catNavi li {
        background-image: url("lib/media.php?id=4817");
        background-position: right center;
        background-repeat: no-repeat;
        border-bottom: 1px solid #4d93b4;
        color: #fff;
        display: block;
        font-size: 13px;
        padding: 2px 10px;    
        cursor: pointer;
    }
    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .offererCategory {
        font-size: 12px;
    }
    .priceBox {
        border-left: 1px solid #ccc;
        box-sizing: border-box;
        height: 80px;
        padding: 10px 0;
        text-align: center;
        width: 90px;    
        display: block;
    }
    .priceBox:first-child {
        border-bottom: 1px solid #ccc;
    }
    .priceBox > img {
        display: block;
        margin: 5px auto;
    }
    
    .priceBox.addToCart {
        cursor:pointer;
    }
    
    .priceForm {
        display: block;
        font-size: 12px;
    }
    .priceValue {
        color: #026898;
        display: block;
        font-size: 20px;
    }
        
    .priceBox.dateBox {
        background-color: #026898;
        color: #fff;
    }
    .dateBox > span {
        display: block;
    }
    .dateDay {
        font-size: 25px;
        margin-top: -4px;
    }
    .dateMonth {
        font-size: 18px;
        margin-top: -10px;
    }
    .dateYear {
        font-size: 15px;
        margin-top: -5px;
    }

    
    .shopDetailPrice > h3 {
        color: #0097d0;
        font-size: 25px;
        margin: 10px 0 -5px;
    }
    #shopPriceInfo .ui-spinner > input {
        font-size: 14px;
        margin: 1px 16px 1px 10px;
        vertical-align: top;
    }
    #shopPriceInfo > input {
        padding: 1px 10px 0;
    }
        
    .itemCount {
        white-space: nowrap;
    }
    .itemName {
        padding: 0 10px;
    }
    .itemFullPrice {
        text-align: right;
        white-space: nowrap;
    }

    
    /* shop controls */
    .shopOrderControls {
        display: table;
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .shopOrderControls > span {
        box-sizing: border-box;
        display: table-cell;
        font-size: 13px;
        height: 39px;
        padding: 0 10px;
        text-align: center;
        width: 16.666%;    
        vertical-align: middle;
    }
    .contolSpacer {
        width: 80%;
    }
    .controlSpacer {
        background-color: #039ad1;
        border-left: 1px solid #fff;
        width: 83.333% !important;
    }
    .controlButton {
        background-color: #026898;
        color: #fff;
        cursor:pointer;
    }
    
    .shopOrderControls > .shopStep {
        background-color: #039ad1;
        border-left: 1px solid #fff;
        color: #fff;
    }
    .shopOrderControls > .shopStep.shopStepActive {
        background-color: #026898;
    }
    
    .processMain > .shopStep {
        display:none;
    }
    .processMain > .shopStep.shopStepActive {
        display:block;
    }
    
    .shopStep h2 {
        font-size: 28px;
    }
    
    #itemListMain {
        border-spacing: 0 10px;
    }
    .itemImage {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        height: 100px;
        margin-right: 10px;
        vertical-align: middle;
        width: 100px;
    }
    .itemListHead .td {
        border-bottom: 1px solid #ccc;
        color: #000;
        font-weight: bold;
    }
    .itemListHead .td:last-child {
        text-align: right;
    }
    .shopItem {
        position: relative;
    }
    .shopItem .td {
        vertical-align: middle;
    }
    .itemCount.td {
        padding-right: 10px;
    }
    
    .itemMessage {
        background-color: rgba(0, 0, 0, 0.8);
        bottom: 0;
        display: none;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }
    .itemMessage > span {
        color: #fff;
        display: block;
        font-size: 28px;
        margin-top: 30px;
    }
    
    .removeItemBtn {
        cursor: pointer;
    }
    .orderFullPrice .td {
        border-bottom: 3px double #ccc;
        border-top: 2px solid #ccc;
        color: #026898;
        font-size: 24px;
        padding: 5px 0;
        text-align: right;
    }
        
    .invoiceAddress, .deliverAddress {
        display: inline-block;
        vertical-align: top;
        width: 45%;
    }
    .invoiceAddress {
        margin-right: 8%;
    }

    .btnPrevStep {
        background-image: url("lib/media.php?id=5835");
        background-position: 5px center;
        background-repeat: no-repeat;
    }
    .btnNextStep {
        background-image: url("lib/media.php?id=4817");
        background-position: calc(100% - 5px) center;
        background-repeat: no-repeat;
        border-left: 1px solid #fff;
    }
    .controlButton.disabled {
        background-color: #039ad1;
    }
    .controlButton.btnNextStep.orange:not(.disabled) {
        background-color: orange;
        color: #000;
    }
    .agbBox.warning {
        border: 1px dashed red;
        padding: 5px;
    }
    
    /* footer */
        
    .footer {
        background-color: #026898;
        color: #fff;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .footer a {
        color: #fff;
        padding: 0 2px;
    }
    .footerInfo {
        display: table;
        margin: auto;
        max-width: 1024px;
        width:100%;
    }
    .footerBox {
        display: table-cell;
        opacity: 0.5;
        text-align: center;
        vertical-align: top;
        width: 30%;
    }
    .footerBox:first-child {
        text-align: left;
        width: 20%;
    }
    .footerBox:last-child {
        text-align: right;
        width: 20%;
    }
    .footerHeadline {
        display: block;
        font-weight: bold;
    }
    .servicePhone {
        display: block;
        font-size: 28px;
    }
    .footerBox.moLogoFooter {
        background-image: url("lib/media.php?id=4807");
        background-position: center top;
        background-repeat: no-repeat;
    }
    
    .footerNavi > ul {
        display: table;
        list-style: outside none none;
        margin: 0 auto;
        max-width: 1024px;
        padding: 0;
        width: 100%;
    }
    .footerNavi > ul > li {
        display: table-cell;
    }
    .footerNavi > ul > li > ul {
        display: block;
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    .footerNavi {
        display: none;
    }
    
    #socialIcons img {
        width:32px;
        height:32px;
    }
    
    .subFooter {
        background-color: #152630;
        padding: 30px 0;
    }
    .subFooterNavi {
        display: table;
        list-style: outside none none;
        margin: auto;
        max-width: 1024px;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .subFooterNavi > li {
        display: table-cell;
    }
    .subFooterNavi > li:first-child {
        text-align: left;
    }
    .subFooterNavi > li:last-child {
        text-align: right;
    }
    .subFooterNavi a {
        font-size: 16px;
    }
    .scrollToTop {
        background-image: url("lib/media.php?id=4811");
        background-position: center center;
        cursor: pointer;
        display: block;
        height: 30px;
        margin: 30px auto 10px;
        width: 30px;
    }
    
    /* weatherBox */
    .weatherbox {
        box-sizing: border-box;
        height: 280px;
        padding-left: 1px;
        width: 100%;
        color: #ffffff;
    }
    .weatherbox_small,
    .weatherbox_big {
        background-color: #fff;
        float: left;
        height: 280px;
    }
    
    .weatherbox_small {
        width: 10%;
    }
    .weatherbox_big {
        width: 40%;
    }
    
    .weatherbox_big_header,
    .weatherbox_small_header {
        background-color: #026898;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }
    
    .weatherbox_big_header {
        height: 32px;
        padding-top: 8px;
    }
    .weatherbox_small_header {
        height: 28px;
        padding-top: 12px;
    }
    
    .weatherbox_big_header h2,
    .weatherbox_small_header h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    
    .weatherbox_big_header p {
        font-size: 18px;
        margin: 0;
        padding: 0;
    }
    
    .weatherbox_big_body,
    .weatherbox_small_body {
        background-color: #026898;
        text-align: center;
        width: 100%;
    }
    
    .weatherbox_big_body {
        height: 240px;
    }
    .weatherbox_small_body {
        height: 229px;
        padding-top: 11px;
    }
    .weatherbox_big_body > span:first-child {
        padding-left: 10px;
        width: 55% !important;
    }
    
    .weatherbox_big_body p {
        float: left;
        font-size: 14px;
        margin: 0 0 0 10px;
        padding: 0;
    }
    
    .weatherValue {
        color: #fff;
        font-weight: bold;
    }
    
    .weatherbox_big_body .weatherValue {
        float: left;
        font-size: 14px;
        margin: 0 10px 0 3px;
    }
    
    .weatherbox_small_body .weatherValue {
        font-size: 18px;
        font-weight: bold;
        margin: 0;
    }
    
    .weatherbox_big_body h2 {
        color: #ffffff;
        font-size: 62px;
        font-weight: 200;
        margin: 0 0 -3px;
        padding: 0;
    }
    
    .weatherbox_small_body img {
        width: 100%;
    }
    .weatherbox_small_body p {
        color: #ffffff !important;
        font-size: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .weatherTypeDescription {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        position: relative;
        top: -15px;
    }
    .weatherIcon {
        float: left;
        margin-left: 8px;
        margin-right: 5px;
    }
    .weatherList {
        display: table;
    }
    .weatherList span {
        color: #7f7f7f;
        display: table-cell;
        font-size: 15px;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }
    #weatherDataFrom {
        background-color: #ffffff;
        border-radius: 3px 0 0;
        bottom: 0;
        opacity: 1;
        padding: 3px;
        position: absolute;
        right: 0;
        font-size: 12px;
    }
    #weatherDataFrom a {
        color: #026898;
    }
    
    /* popup box */
    #popupBox {
        background-color: rgba(0, 0, 0, 0.75);
        background-image: url("/lib/media.php?id=5275");
        background-position: center center;
        background-repeat: no-repeat;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000;
    }
    #popupBox .inside {
        background-color: #fff;
        border: 1px solid #ccc;
        box-sizing: border-box;
        height: 80%;
        margin: 5% 20%;
        padding: 10px;
        width: 60%;    
        position: relative;
    }
    #popupContent {
        height: calc(100% - 35px);
        margin-right: -10px;
        margin-top: -10px;
        overflow: auto;
        padding-right: 10px;
        padding-top: 10px;
        
        -webkit-overflow-scrolling: touch;
    }
    #popupTitle {
        background-color: #026898;
        color: #fff;
        font-size: 18px;
        margin: -10px -10px 10px;
        padding: 10px 40px 10px 10px;
    }
    #closePopup {
        background-color: #fff;
        border: 1px solid #ccc;
        color: #ccc;
        cursor: pointer;
        height: 24px;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 10px;
        width: 24px;
    }
    #popupBox .eventDate {
        color: #026898;
        display: block;
        font-size: 20px;
        font-weight: 300;
        padding-bottom: 5px;
    }
    
    #popupBox h3 {
        color: #026898;
        font-size: 28px;
        font-weight: 200;
        margin: 0 0 15px;
    }
    #popupBox h4{
        color: #026898;
        font-weight: 300;
        margin: 5px 0 2px;
    }
    .eventMap {
        display: inline-block;
        height: 50%;
        min-height: 300px;
        vertical-align: top;
        width: 50%;
    }
    .eventLocation {
        display: inline-block;
        vertical-align: top;
        margin-right: 4%;
        width: 45%;
    }
    .eventLocation > a {
        color: #026898;
        text-decoration: none;
    }
    
    /* calendar styles / jQuery */
    .calendar_date {
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        border: 1px solid #fff !important;
    }
    .calendar_date .ui-state-default, .calendar_date .ui-widget-content .ui-state-default, .calendar_date .ui-widget-header .ui-state-default {
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        border: 0 none !important;
        color: #000 !important;
    }
    .date_noSeason, .date_noSeason .ui-state-default, .date_noSeason .ui-widget-content .ui-state-default, .date_noSeason .ui-widget-header .ui-state-default {
        background-color: #ccc !important;
        background-image: none !important;
    }
    .date_restricted, .date_restricted .ui-state-default, .date_restricted .ui-widget-content .ui-state-default, .date_restricted .ui-widget-header .ui-state-default {
        background-color: #cc0 !important;
        background-image: none !important;
    }
    .date_occupied {
        background-image: url("lib/media.php?id=5329") !important;
    }
    .date_occupied .ui-state-default, .date_occupied .ui-widget-content .ui-state-default, .date_occupied .ui-widget-header .ui-state-default {
        background-image: url("lib/media.php?id=5329") !important;
    }
    .date_free {
        background-image: url("lib/media.php?id=5331") !important;
    }
    .date_free .ui-state-default, .date_free .ui-widget-content .ui-state-default, .date_free .ui-widget-header .ui-state-default {
        background-image: url("lib/media.php?id=5331") !important;
    }
    .date_arrival {
        background-image: url("lib/media.php?id=5335") !important;
    }
    .date_arrival .ui-state-default, .date_arrival .ui-widget-content .ui-state-default, .date_arrival .ui-widget-header .ui-state-default {
        background-image: url("lib/media.php?id=5335") !important;
    }
    .date_departure {
        background-image: url("lib/media.php?id=5333") !important;
    }
    .date_departure .ui-state-default, .date_departure .ui-widget-content .ui-state-default, .date_departure .ui-widget-header .ui-state-default {
        background-image: url("lib/media.php?id=5333") !important;
    }
    .ui-state-disabled {
        opacity: 1 !important;
    }
    .ui-spinner.ui-state-disabled {
        opacity: 0.5 !important;
    }
    .date_disabled {
        opacity:0.4 !important;
    }
    .ui-datepicker {
        border: 0 none !important;
    }
    
    #ui-datepicker-div.ui-widget:empty {
        background-color: #fff;
    }    
    #ui-datepicker-div.ui-widget:empty:after {
        background-color: #000;
        height: 200px;
        background-image: url("https://login.insecia.com/images/insecia_loader_smal.gif");
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.9;
        content: "";
        display: block;
        width: 100%;
    }

    .ui-datepicker th {
        background-color: #d0d4d7;
        border-bottom: 1px solid #ffffff !important;
        color: #026898;
        margin-bottom: 2px;
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        margin: 0 0.5%;
        width: 24% !important;
    }
    .ui-datepicker-calendar {
        width: 100% !important;
    }
    .ui-widget-content {
        border-color: #ccc;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        font-size: 10px !important;
    }
    .ui-datepicker-inline {
        box-sizing: border-box;
        font-size: 10px !important;
        width: 100% !important;
    }
    .hasDatepicker[disabled]:not([readonly]) {
        background-image: url("https://login.insecia.com/images/insecia_loader_tiny.gif");
        background-position: right center;
        background-repeat: no-repeat;
        border: 1px solid #ccc;
    }
    
    .mobileNaviButton,
    .mobileNavi {
        display:none;
    }
    
    /* galery */
    .fullGalleryImage {
        background-size: cover;
        float: left;
        height: 150px;
        margin-bottom: 10px;
        margin-right: 10px;
        width: calc((100% - 20px) / 3);
    }
    .fullGalleryImage:nth-child(3n) {
        margin-right: 0;
    }
    
    /* Infokorb */
    .printTitle {
        display: none;
    }
    .entry.row {
        height: 120px;
    }
    
    .infoPrintImg {
        float: left;
        height: 100px;
        width: 230px;
        padding-right: 20px;
    }
    
    .printDesc,
    .printContact{
        display: none;
    }
    
    .moreInfo {
        background-color: #039ad1;
        border: medium none;
        color: white;
        float: right;
        font-size: 14px;
        padding: 5px;
        text-align: center;
        width: 70px;
    }
    
    .desc {
        height: 60%;
    }
    
    .printMOContactData {
        display: none;
        color: #026898;
        font-size: 14px;
    }
    
    .printMOContactData > img {
        width: 200px;
    }
    
    .printMOContactData > span {
        float: right;
    }
    
    /* Dialog */
    .ui-widget-header {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #222222;
        font-weight: bold;
    }
    
    .ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }
    
    .ui-dialog .ui-dialog-buttonpane {
        border-width: 0;
        padding: 0px;
        text-align: right;
        width: 100%;
    }
    
    .ui-dialog .ui-dialog-buttonpane button {
        background-image: none;
        border-radius: 0;
    }
    
    .ui-dialog .ui-dialog-title {
        color: #039ad1;
        font-size: 16px;
    }
    
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background-color: #039ad1;
        border: medium none;
        color: #ffffff;
        cursor: pointer;
        font-size: 14px;
        text-align: center;
    }
    
    #dialogArea {
        -moz-user-select: none;
        background-color: rgba(0, 0, 0, 0.8);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 25;
    }
    
    @media screen and (min-width: 1025px){
        .hideNoMobile {
            display:none !important;
        }
    }
    
    @media screen and (max-width: 1420px){
        .mainPage.scrapingSky .mainContent {
            margin-left: calc((100% - 1224px) / 2);
        }
    }
    @media screen and (max-width: 1224px){
        .mainPage.scrapingSky .mainContent {
            margin-left: 0;
            width:calc(100% - 200px)
        }
    }
    @media screen and (max-width: 1024px){
        .topArea {
            margin-top: 10px;
        }
        .topArea > .teaser {
            display: block;
        }
        .moLogo img {
            height: 50px;
        }
        
        .mainNavi > li:first-child {
            display: none;
        }
        .mainNavi > li {
            text-align: center;
        }

        .navibarbutton {
            width: 9%;
        }
        .navibarbutton > a {
            padding: 10px 0;
        }
        
        .mainPage.scrapingSky .mainContent {
            margin-left: 1%;
            width: 98%;
        }
        
        .skyscraper {
            margin: auto;
            position: relative;
            right: 0;
            top: 0;
            width: 200px;
        }
        
        .startpageGaleryContaner, .startpageGallery, .startpageGallery .gallery {
            display: block;
            width: 100%;
        }
        .navButton {
            background-size: auto 30px;
            height: 30px;
            width: 30px;
        }
        .topArea {
            display: block;
        }
        .topArea > .leftPageArea {
            display:block;
        }
        
        .contentArea {
            width: 100% !important;
        }
        .contentText {
            padding: 0 20px 20px;
        }
        .contentRelations {
            padding: 0 20px 20px;
        }
        .contentText > .contentRelations {
            padding: 0;
        }
        .contentText img {
            height: auto;
            max-width: 100%;
        }
        .leftPageArea {
            display: block;
            float: none;
            margin-left: 1%;
            width: 98%;
        }
        .leftPageArea {
            clear: both;
        }
        .paginationArea {
            background-image:none;
            width:98%;
            margin-left:1%;
        }
        #offererList .contentText {
            margin-right: 20px;
        }
            
        .subNavi {
            height: auto;
            padding-bottom: 10px;
        }
        .subNavi > li:last-child {
            border-bottom: 0 none;
        }
        
        .detailImageLeft, .detailImageRight {
            display:none;
        }
        .detailPageHeadline > h1 {
            font-size: 20px;
        }
        .detailPageHeadline > span {
            font-size: 12px;
        }

        .partnerDetails {
            float: none;
            margin: 0 0 15px;
            width: 100%;
        }
        #mapDiv.partnerDetailMap {
            float: none;
            width: 100%;
        }
        .partnerReservationButton {
            display: block;
            margin: 5px auto;
            max-width: 300px;
            text-align: center;
            width: 100%;
        }
        
        .footerInfo {
            box-sizing: border-box;
            padding: 0 30px;
        }
        .subFooterNavi {
            display: none;
        }
        
        .sectionHeader.expandable {
            background-image: url("/lib/media.php?id=5403");
            background-position: right center;
            background-repeat: no-repeat;
        }
        .sectionHeader.expandable.active {
            background-image: url("/lib/media.php?id=5405");
        }
        .hideInTablet {
            display: none !important;
        }
    }
    
    @media screen and (max-width: 767px){
        
        .mainHeader {
            display: table;
            width: 100%;
            position:fixed;
            top:0;
            z-index:1200;
        }
                
        .mainPage {
            margin-top: 65px;
        }
        .mainContent.startPageContent {
            margin-top: 120px;
        }

        .headerNavi {
            display:none;
        }
        .bgImage {
            display: none;
        }
                
        .moLogo img {
            margin: -5px 0 0;
        }
        .headerLine {
            display: table-cell;
            padding: 10px;
            width: 75%;
        }
        .mobileNaviButton {
            background-color: #152630;
            display: table-cell;
        }
        .mobileNaviButton > span {
            background-image: url("/lib/media.php?id=6863");
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 50px;
            width: 100%;
            opacity: 0.5;
        }
                
        .mobileNaviButton.active > span,
        .mobileNaviButton:hover > span {
            opacity: 1;
        }
  
        .mobileNavi {
            background-color: rgba(255, 255, 255, 0.95);
            display: none;
            height: calc(100% - 65px);
            overflow: auto;
            position: fixed;
            top: 60px;
            width: 100%;
            z-index: 1000;
            -webkit-overflow-scrolling: touch;
        }
        
        .mobileNavi ul {
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }
        .mobileNavi li > ul {
            padding-left: 20px;
        }
        .mobileNavi a {
            border-bottom: 1px solid #ccc;
            display: block;
            padding: 20px;    
            font-size: 18px;
        }
        
        .headerBox {
            display: block;
            height: 40px;
            text-align: center !important;
        }
        #headline_content_search_icon {
            display: inline-block;
            float: none;
            vertical-align: middle;
        }
        .search_input {
            margin-right: -5px;
            vertical-align: middle;
        }

        .navibar {
            border-top: 1px solid #ccc;
            bottom: 0;
            height: 56px;
            padding-top: 0;
            position: fixed;
            z-index: 5000;
            cursor:pointer;    
            left: 0;
        }
        .navibar.showMore {
            bottom: 56px;
        }
        .navibarbutton {
            display: block;
            float: left;
            height: 56px;
            vertical-align: middle;
            width: 20%;
            font-size: 10px;
        }
        .mobileShowMore {
            display: block;
            float: left;
            font-size: 24px;
            line-height: 20px;
            padding: 18px;
            width: 20%;
        }
        .mobileShowMore:hover {
            color: #fff;
        }
        
        .topArea .leftPageArea {
            display: none;
        }
        
        /* list views */
        .contentRelations .tr {
            display: block;
            margin-bottom:15px;
        }
        .contentRelations .td {
            border-bottom: 0 none;
            border-top: 0 none;
            display: block;
            width: 100%;
        }
        .contentRelations > .tr > .td {
            border-color: #ccc;
            border-style: none solid;
            border-width: 0 1px;
            box-sizing: border-box;
        }
        .contentRelations > .tr > .td:first-child {
            border-top: 1px solid #ccc;
        }
        .contentRelations > .tr > .td:last-child {
            border-bottom: 1px solid #ccc;
        }
            
        .leftPageArea {
            display: block;
            float: none;
            margin-left: 1%;
            width: 98%;
        }
        .listItemPrice::after {
            clear: both;
            content: "";
            display: block;
            height: 0;
        }
        
        .priceBox {
            border-left: 0 none;
            border-top: 1px solid #ccc;
            display: block;
            width: 50%;
            vertical-align: top;
            float:left;
        }
        .priceBox:first-child {
            border-bottom: 0 none;
            border-right: 1px solid #ccc;
        }
        .fullRow {
            float: none;
            height: auto !important;
            width: 100%;
            margin-top:-16px;
        }
        .listItemImage {
            margin-bottom: 5px;
            width: 100%;
        }
        .offererStars {
            left: 2px;
            right: auto;
        }
        .bookIcon {
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 2px;
            right: 2px;
            top: 2px;
        }
        
        .roomCalendarLegend .td {
            display: inline-block;
            width: calc(50% - 40px);
        }
                
        .tabArea, span.tab {
            box-sizing: border-box;
            display: block;
            width: 100%;
        }
        
        /* contact box */
        .contactTable > div {
            float: none !important;
            width: 100% !important;
        }
        
        /* startpage */
        .starpageTriBox {
            display: block;   
            margin-top: 55px;
        }
        .triBox {
            border: 1px solid #ccc;
            display: block;
            margin: 10px auto;
            width: 99%;
        }
        
        .advertise {
            background-color: #fcfcfc;
            border: 1px solid #ccc;
        }
        .adList, .adBox {
            display: block;
            margin: auto;
            max-width: 100%;
            width: auto;
            text-align: center !important;
        }
        .adBox:first-child,
        .adBox:last-child {
            width: auto;
        }
        .adBox > img {
            max-width: 100%;
            width: auto;
        }
        .startpageHeadline {
            display: block;
            margin-bottom: 5px;
            padding: 0;
        }
        .startPageContent {
            box-sizing: border-box;
            padding: 0 10px;
        }
        
        #offererCountTitle {
            font-size: 24px;
        }
        .sectionHeader {
            font-size: 20px;
        }    
        .paginationArea.followScroll, 
        .irsOffererCount.followScroll {
            box-shadow: 0 none;
            position: relative;
            z-index: 1000;
        }
        .searchBoxControls.followScroll, 
        .contentText.followScroll {
            margin-top: 0;
        }
        
        .jumpPage {
            border: 1px solid #026898;
            border-radius: 10px;
            box-sizing: border-box;
            display: inline-block;
            font-size: 16px;
            height: 20px;
            line-height: 18px;
            text-align: center;
            vertical-align: middle;
            width: 20px;
        }
        #pageSort {
            margin: 16px 5px;
        }
        #jumpPage {
            vertical-align: middle;
        }
        .topButton {
            float: none;
            width: 100%;
        }
        .directionButton {
            float: none;
            width: 100%;
        }
        .irsTopArea {
            height: auto;
        }
        #bookingStep1 > div, #bookingStep2 > div, #bookingStep3 .table > div {
            display: block;
            width: 100%;
        } 
        .roomTravelerList select, .roomTravelerList input {
            width: 100%;
        }
        .relationContent .inputFiled.hasDatepicker {
            width: 90px !important;
        }

        /* popup box */
                
        #popupBox .inside {
            height: 100%;
            margin: 0;
            width: 100%;
        }
        .eventLocation {
            display: block;
            width: 100%;    
            margin-bottom: 20px;
        }
        .eventMap {
            display: block;
            width: 100%;
        }
        
        /* weatherBox */
        .weatherTeaser {
            height: 580px;
        }
        .weatherbox {
            padding-left: 0;
        }
        .weatherbox_small, .weatherbox_big {
            width: 100%;
        }
        .weatherbox_small {
            height: 50px;
            vertical-align: middle;
        }
        .weatherbox_small_body {
            box-sizing: border-box;
            display: inline-block;
            height: 50px;
            margin-left: -3px;
            padding: 0;
            vertical-align: middle;
            width: 75%;
        }
        .weatherbox_small_body img {
            float: left;
            margin-left: 25%;
            margin-top: 5px;
            width: 40px;
        }
        .weatherbox_small_header {
            display: inline-block;
            height: 30px;
            padding: 10px 0;
            vertical-align: middle;
            width: 25%;
        }
        .weatherbox_small_header > h2 {
            vertical-align: middle;
        }
                
        #weatherDataFrom {
            bottom: -15px;
        }
        
        .hideInMobile {
            display:none !important;
        }
        
        /* gallery */
        .fullGalleryImage {
            width: calc(50% - 5px);
        }
        .fullGalleryImage:nth-child(3n) {
            margin-right: 10px;
        }
        .fullGalleryImage:nth-child(2n) {
            margin-right: 0;
        }

        /* footer */
                
        .footer {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .footerInfo {
            display: block;
        }
        .footerBox {
            display: block;
            padding: 10px;
            text-align: center !important;
            width: 100% !important;
        }
        .footerBox.moLogoFooter {
            background-position: center center;
            height: 20px;
            width: 100%;
        }
        .footerBox > a {
            display: block;
            font-size: 20px;
            padding: 10px;
        }
        
        .footerBox.smallBox > a {
            padding: 0;
        }
        .footerBox.smallBox {
            display: inline-block;
            height: 40px;
            margin-bottom: 10px;
            padding: 0;
            width: 49% !important;
        }
        .footerBox.smallBox img {
            max-width: 100%;
        }

        
        #socialIcons a {
            display: inline-block;
            padding: 5px;
        }

        .subFooter {
            padding-bottom: 60px;
            padding-top: 5px;
        }
        .scrollToTop {
            background-repeat: no-repeat;
            margin: 0;
            padding: 10px 0;
            width: 100%;
        }
        
    }