/*_______________________________________Default styles_____________*/

html {
   height: 100%;
}

body {
   font: 0.85em century gothic, verdana, sans-serif;
   /*background: url('../images/bg.png') no-repeat #FFFFFF;*/
   color: #333;
   overscroll-behavior: none;
}

html,
body {
   min-height: 100%;
   height: 100%;
   position: fixed;
   min-width: 100%;
}

body:has(.snowtrex), html:has(.snowtrex) {
	position: static;
}

a {
   text-decoration: none;
}

/*_______________________________________Classes____________________*/

#body {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   height: auto;
   width: 100%;
   overflow: hidden;
   padding: 120px 0 32px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


#body:has(.snowtrex) {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
}

#title_bg,
#title_frame {
   position: absolute;
   top: 24px;
   left: 0;
   height: 40px;
   width: 100%;
   z-index: 3;
}

ul.categories {
   display: none;
}

#title_bg,
.categories li li a,
#page_menue_bg {
   background-color: #000000;
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   -opera-opacity: 0.7;
   opacity: 0.7;
}

.ie7 #title_bg,
.ie8 #title_bg,
.ie7 .categories li li a,
.ie8 .categories li li a,
.ie7 #page_menue_bg,
.ie8 #page_menue_bg {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=70);
   zoom: 1;
}

#logo {
   position: absolute;
   top: -8px;
   left: 30px;
   max-width: 40%;
   max-height: 56px;
}

#quick_language {
   position: absolute;
   z-index: -1;
   top: 105px;
   right: 25px;
}

#main_frame {
   position: relative;
   width: 100%;
   height: 100%;
}

#main_frame.scrollable {
   overflow: auto;
}

#footer {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #FFFFFF;
   height: 32px;
   width: 100%;
   z-index: 5;
}

#footer>ul {
   list-style: none;
   padding: 0;
   margin: 0 23px;
}

#footer>ul:nth-child(2) {
   float: left;
}

#footer>ul:nth-child(3) {
   float: right;
}

#footer>ul li {
   display: inline;
   padding: 0 .5em;
   line-height: 32px;
}

#search_quick {
   position: absolute;
   z-index: 0;
   top: 74px;
   right: 22px;
   width: 200px;
}

#search_quick input[type="text"],
select {
   background-color: rgba(0, 0, 0, 0.6);
   border: 1px solid #333;
   color: #fff;
}

#search_quick .f-float .f-text {
   padding-right: 7px;
}

#search_quick input[type="image"] {
   height: 30px;
   opacity: 0.9;
}

.f-table .f-buttons {
   vertical-align: middle;
}

#user_menu {
   position: fixed;
   right: 0;
   top: 0px;
   height: 24px;
   line-height: 26px;
   background-color: transparent;
   text-align: center;
   padding: 0px 22px;
   background: rgba(255,255,255,0.7);
}

[data-menu]:hover,
.context-menu-active,
.context-menu-active td {
   background-color: transparent !important;
}

#login {
   padding: 10px 70px;
}

#login .f-inside-label .f-text label {
   color: #aaa;
   font-size: 1.1em;
   top: 6px;
   left: 8px;
}

.no_icon .icon,
.conf .icon:hover {
   border: 0;
   padding: 0;
}

.slide {
   float: left;
   width: 200px;
   height: 150px;
   position: relative;
}

#content {
   position: relative;
   max-width: 1240px;
   padding: 0 20px;
   z-index: 2;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#content.plain {
   height: 100%;
   max-width: none;
   padding: 0;
}

#content.has-menu {
   padding-bottom: 120px;
}

#content.has-nav {
   padding-top: 60px;
}

#content.plain .infobar {
   position: absolute;
   bottom: 0;
   right: 10px;
   top: auto;
   padding: 3px 4px 3px 2px;
   background-color: rgba(0, 0, 0, 0.7);
}

.middle {
   position: absolute;
   /*margin-top: -230px;*/
   left: 0;
   top: 50%;
   height: 460px;
   transform: translateY(-50%);
   width: 100%
}

#welcome {
   width: 460px;
}

#headlines {
   padding: 20px 70px 0 70px;
}

#headlines ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#welcome,
#headlines li {
   margin: 4px 0;
   padding: 10px 10px 10px 10px;
}

#headlines h3 {
   font-family: century gothic, verdana, sans-serif;
   font-size: 32px;
   font-weight: normal;
   text-shadow: 1px 1px 0px #FFFFFF;
}

#welcome p,
#headlines p {
   font-family: century gothic, verdana, sans-serif;
   font-size: 18px;
   padding: 0;
   margin: 0;
   text-shadow: 1px 1px 0px #CCCCCC;
}

#headlines a {
   text-decoration: none;
   color: #000000;
   display: block;
}

#welcome,
#headlines li:hover {
   background-color: #999999;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   -opera-opacity: 0.8;
   opacity: 0.8;
   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2E2E2), to(#FFFFFF));
   background: -webkit-linear-gradient(#E2E2E2, #FFFFFF);
   background: -moz-linear-gradient(#E2E2E2, #FFFFFF);
   background: -o-linear-gradient(#E2E2E2, #FFFFFF);
   background: linear-gradient(#E2E2E2, #FFFFFF);
}

.ie7 #welcome,
.ie8 #welcome,
.ie7 #headlines li:hover,
.ie8 #headlines li:hover {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=80), progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#FFFFFF');
   zoom: 1;
}

#page_title {
   background-color: #fff;
   font: 36px century gothic, verdana, sans-serif;
   line-height: 48px;
   color: #000;
   text-shadow: 1px 1px 0px #777;
   position: fixed;
   bottom: 72px;
   left: 0;
   width: 100%;
   padding-left: 27px;
   z-index: 2;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   -opera-opacity: 0.7;
   opacity: 0.7;
}

.ie7 #page_title,
.ie8 #page_title {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=70), progid:DXImageTransform.Microsoft.DropShadow(color='#777777', offX=1, offY=1);
   zoom: 1;
}

#page_title span {
   display: block;
   position: absolute;
   bottom: 0;
   right: 33px;
   font-size: 60%;
}

#product_logos {
   position: absolute;
   bottom: 90px;
   left: 5px;
   z-index: 2;
}

#tab_frame {
   height: 100%;
}

#tab_frame.ui-tabs {
   position: static;
   border: 0;
   padding: 0;
   background: none transparent;
}

#page_menue .ui-tabs-nav {
   background: none transparent;
   border: 0;
   border-radius: 0;
}

#page_menue .ui-tabs-nav li {
   background: none transparent;
   border: 0;
   margin: 0;
   padding: 0;
   border-radius: 0;
   font-weight: normal;
}

#page_menue .ui-tabs-nav li.ui-tabs-active {
   background-color: #333333;
}

#page_menue .ui-tabs-nav li a {
   float: none;
}

#page_menue,
#page_menue_bg {
   position: fixed;
   bottom: 32px;
   left: 0;
   height: 40px;
   width: 100%;
   z-index: 2;
}

#page_menue ul {
   list-style: none;
   margin: 0;
   padding: 0;
   height: 40px;
}

#page_menue li {
   float: left;
}

#page_menue a {
   padding: 0 2em;
   display: block;
   color: #FFFFFF;
   height: 40px;
   line-height: 40px;
}

#page_menue a:hover {
   background-color: #333333;
}

.boxed {
   width: 90%;
   height: 100%;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   -opera-opacity: 0.8;
   opacity: 0.8;
   padding-top: 60px;
   box-sizing: border-box;
   margin: 0 auto;
}

.ie7 .boxed,
.ie8 .boxed {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=80);
   zoom: 1;
}

#breadcrumbs_bg {
   position: absolute;
   left: 0;
   top: 10px;
   height: 26px;
   z-index: 3;
   background: url('../images/breadcrumbs.png') no-repeat right;
   -moz-opacity: 0.6;
   -khtml-opacity: 0.6;
   -opera-opacity: 0.6;
   opacity: 0.6;
}

.ie7 #breadcrumbs_bg,
.ie8 #breadcrumbs_bg {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=60);
   zoom: 1;
}

#breadcrumbs {
   position: absolute;
   left: 0;
   top: 10px;
   padding: 4px 15px 4px 38px;
   height: 18px;
   font-size: 13px;
   z-index: 3;
   color: #FFFFFF;
}

#breadcrumbs a {
   color: #FFFFFF;
}

#product_list {
   background-color: #E4E4E4;
   height: 424px;
   padding: 11px 0 25px;
}

.product_frame {
   position: relative;
   width: 640px;
   margin-right: 10px;
   height: 424px;
   overflow: hidden;
}

.product_frame .title_slide {
   position: absolute;
   top: 0;
   left: 0;
}

.product_frame .inlinebar {
   position: absolute;
   top: 2px;
   right: 2px;
}

.product_frame h3 {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 640px;
   height: 54px;
   background-color: #fff;
   font: 26px century gothic, verdana, sans-serif;
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   -opera-opacity: 0.7;
   opacity: 0.7;
}

.ie7 .product_frame h3,
.ie8 .product_frame h3 {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=70);
   zoom: 1;
}

.product_frame h3 a {
   display: block;
   width: 620px;
   height: 54px;
   padding: 0 0 0 20px;
   line-height: 52px;
   color: #000;
   text-shadow: 1px 1px 0px #777;
}

.product_ref {
   font: 26px century gothic, verdana, sans-serif;
}

.product_pkt {
   position: absolute;
   bottom: 54px;
   right: 0;
   text-align: right;
   padding: 0.2em 0.6em;
   font: 1.6em century gothic, verdana, sans-serif;
   background: none #fff;
   color: #C60F13;
   opacity: 0.8;
}

.product_descr {
   display: inline;
}

.product_price {
   display: inline;
}

#dubai_list {
   width: 740px;
   height: 300px;
   position: relative;
}

.dubai_result {
   position: relative;
   width: 640px;
   margin-right: 10px;
   padding: 6px;
   height: 250px;
   cursor: pointer;
   overflow: auto;
}

.dubai_result.selected {
   background: none #D0D0D0;
}

#background {
   overflow: hidden;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #808080;
   z-index: 1;
}

#background img {
   width: 100% !important;
}

.box_content .viewport {
   width: 90%;
   height: 100%;
   overflow: hidden;
   position: relative;
}

.vertical .viewport {
   width: 100%;
   height: 90%; overflow: hidden;
   position: relative;
}

#product_list.touch,
#blog_list.touch {
   padding: 11px 0;
}

#product_list.touch.vertical .viewport,
#blog_list.touch.vertical .viewport {
   overflow-x: auto;
   height: calc(100% + 20px) !important;
}

#product_list.touch .scrollbar .track,
#blog_list.touch .scrollbar .track {
   display: none;
}

.box_content .overview {
   position: absolute;
   left: 0;
   top: 0;
   padding: 0;
   margin: 0;
   width: 100%;
   height: auto;
}

.vertical .overview {
   width: auto;
   height: 100%;
}

.scrollbar {
   background: #eee;
   border-radius: 6px;
   position: relative;
   float: right;
   width: 15px;
   height: 100%;
   z-index: 3;
}

.vertical .scrollbar {
   background: transparent;
   border-radius: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 25px;
   z-index: 3;
}

.track {
   height: 100%;
   width: 13px;
   position: relative;
   background: none;
}

.vertical .track {
   background: url('../images/track-y.gif') repeat-x 0 center;
   width: 100%;
   height: 25px;
   padding: 0;
}

.thumb {
   background: none #655650;
   border: 2px solid #fff;
   border-radius: 6px;
   height: 40px;
   width: 11px;
   cursor: pointer;
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
}

.vertical .thumb {
   background: transparent url(../images/thumb.png) no-repeat;
   height: 18px;
   width: 85px;
   border: 0;
   border-radius: 0;
   left: 0;
   top: 3px;
}

.thumb .end,
.disable {
   display: none;
}

.noSelect,
.noSelect * {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.content-header {
   margin-bottom: 0.5em;
   font-size: 1.25em;
}

#product_list .viewport {
   height: 424px;
}

#blog_list .viewport {
   height: 100%;
}

#blog_list .scrollbar {
   left: 10px;
   bottom: -30px;
}

#dubai_list .viewport {
   height: 300px;
}

.box800 .viewport {
   width: 760px;
}

.box1000 .viewport {
   width: calc(100% - 25px);
}

.box_top,
.box_bottom {
   height: 11px;
   background-color: #fff;
}

.box_top {
   border-radius: 10px 10px 0 0;
}

.box_bottom {
   border-radius: 0 0 10px 10px;
}

.box_content {
   background-color: #FFFFFF;
   padding-left: 20px;
   max-height: 90%;
   box-sizing: border-box;
}

.box430 {
   float: right;
   width: 430px;
   height: 100%;
   margin-bottom: 10px;
}

.box430 .box_content {
   width: 100%;
   max-width: 100%;
}

.box800 {
   float: right;
   width: 800px;
   height: 100%;
   margin-bottom: 10px;
}

.box800 .box_content {
   width: 100%;
}

.box1000 {
   width: 100%;
   max-width: 1000px;
   height: 100%;
   margin-bottom: 10px;
}

.box1000 .box_content {
   width: 100%;
}

.box600 {
   width: 600px;
   margin-bottom: 10px;
}

#blog_menue {
   position: absolute;
   left: 20px;
   top: 60px;
   width: 180px;
   padding: 10px;
}

#blog_menue ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#blog_menue li {
   font-size: 9px;
   color: #606060;
   padding-bottom: 4px;
}

#blog_menue h6 {
   text-transform: uppercase;
   font-size: 10px;
   color: #303030;
   padding: 0;
   margin: 0;
}

#blog_nav {
   height: 24px !important;
   position: relative;
}

#blog_nav div {
   position: absolute;
   top: 0;
   right: 0;
}

#blog_nav div:first-child {
   left: 0;
}

#blog_nav .inactive {
   color: #aaa;
}

#facebook {
   text-align: center;
   padding: 10px 0;
}

#facebook_home,
#twitter_home,
#linkedin_home,
#xing_home,
#lang_select {
   padding-top: 4px;
   padding-right: 4px;
   width: auto;
   float: left;
}

#blog_list {
   position: absolute;
   top: 0;
   left: 220px;
   right: 0;
   width: auto;
   border-left: 1px solid #909090;
   padding-left: 10px;
   height: 86%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#blog_list td {
   padding: 0 1px;
   vertical-align: top;
}

#blog_list .blog_frame {
   height: 100%;
   overflow: visible;
   text-align: center;
   min-width: 300px;
}

#blog_list .blog_frame .float {
   float: none;
}

.fb_iframe_widget_fluid {
   display: block !important;
   padding-top: 5px;
}

.blog_frame {
   position: relative;
   background-color: transparent;
   border-left: 1px solid #909090;
   border-right: 1px solid #909090;
   padding: 9px;
}

.blog_frame h3 {
   text-transform: uppercase;
   font-size: 26px;
   padding: 0;
   margin: 0;
}

.blog_frame h4 {
   text-transform: uppercase;
   font-weight: normal;
   font-size: 14px;
   padding: 0;
   margin: 0;
}

body .ui-widget-overlay {
   background: url("../images/overlay.png") repeat scroll 0px 0px transparent;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   -opera-opacity: 0.8;
   opacity: 0.8;
}

.ie7 .ui-widget-overlay,
.ie8 .ui-widget-overlay {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=80);
   zoom: 1;
}

body .ui-resizable-handle {
   display: none !important;
}

.blog-dialog.ui-dialog {
   position: absolute;
   overflow: hidden;
   font-family: century gothic, verdana, sans-serif;
   background: none #E0E0E0;
   color: inherit;
   border: 0;
}

.blog-dialog .ui-dialog-titlebar {
   display: none;
}

.blog-dialog .ui-dialog-content {
   position: relative;
   padding: 10px;
   background: none transparent;
   border-style: solid;
   border-width: 1px;
   border-color: #F0F0F0 #808080 #000000 #F0F0F0;
   overflow: auto;
}

#season_list ul {
   list-style: none;
   margin: 9px 0 0 0;
   padding: 0;
   overflow: hidden;
}

#season_list li {
   display: inline;
   padding: 0 .5em;
   margin: 0 0 0 -1px;
   border-left: 1px solid #333;
   cursor: pointer;
}

#season_list li:first-child {
   border-left: 0;
}

#season_list li.advon {
   font-weight: bold;
}

.content-body .ui-autocomplete {
   list-style: none;
   margin: 0;
   padding: 0;
   font-family: century gothic, verdana, sans-serif;
   font-size: 11px;
   color: #333333;
}

.teaser_frame .title_slide {
   vertical-align: middle;
   margin: 2px 0px 4px 10px;
   float: right;
}

.authorize {
   display: none;
}

.price {
   font-size: 14px;
   font-weight: bold;
}

#shopping_cart h3 {
   padding: 0.2em;
   font-size: 1.1em;
   text-align: center;
   background-color: #4C4C4C;
   color: #FFFFFF;
   z-index: 3;
}

#shopping_cart h4 {
   padding-top: 0.5em;
   font-size: 1.1em;
}

.b-selection {
   margin-right: 20px;
}

.b-selection .f-label {
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 0.25em;
}

.companions_selected [data-id],
.companions_available [data-id] {
   cursor: pointer;
   padding: 1px;
}

.companions_selected [data-id]:hover,
.companions_available [data-id]:hover {
   background: #ddd;
}

.error_message {
   display: none;
   background: #F2DFD1;
   margin: 0 10px 10px 10px;
   padding: 10px;
   margin-top: 9px;
   font-weight: bold;
}

#booking .float-right {
   float: right;
}

#toolbox .booking_status li {
   padding: 0;
   text-indent: 0;
}

.booking_status a {
   display: block;
}

.booking_status span {
   display: inline-block;
   border: 1px solid #000000;
   padding: 1px;
   width: 16px;
   margin-right: 3px;
   text-align: center;
   text-indent: 0;
}

.booking_status .on {
   background-color: #5CBD5C;
}

.booking_status .off {
   background-color: #FF0000;
}

.teaser-price {
   font-size: 1.1em;
}

.teaser-price .booking {
   text-align: right;
   margin-top: 1em;
}

.teaser-price .price,
.teaser-price .unit {
   font-size: 1.3em;
   color: #C60F13;
}

.teaser-price {
   font-size: 1.1em;
}

.teaser-price {
   font-size: 1.1em;
}

.document .logo {
   text-align: right;
   margin-bottom: 10px;
}

.document .sidebar {
   float: right;
   width: 22%;
   font-size: 0.9em;
}

.document .content {
   float: left;
   width: 70%;
}

.document .address {
   margin-top: 40px;
   height: 150px;
}

.document .sender {
   text-decoration: underline;
   font-size: 0.9em;
   margin-bottom: 8px;
}

.document .address-box {
   width: 320px;
}

.document .address-box p {
   margin: 0 0 0.4em 0;
}

.document .subject {
   font-size: 1.1em;
}

.document th {
   font-size: 1em;
}

.document strong,
.document th,
.document .sender {
   color: #000;
}

.document small {
   font-size: 0.9em;
}

.document .border-bottom {
   border-bottom: 1px solid #555;
}

.facebook {
   float: left;
}

.scroll-hint {
   position: absolute;
   top: 35px;
   left: 10px;
   padding: 6px;
   border: 1px solid #666;
   background-color: #bbb;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

.scroll-hint img {
   position: absolute;
   top: -6px;
   left: 10px;
}

.ui-datepicker-calendar .ui-state-default {
   background: none #FECE2F;
   color: #2C1000;
   border: 1px solid #D19405;
}

.ui-datepicker-calendar .ui-priority-secondary {
   background: none #FECE2F;
   color: #2C1000;
   border: 1px solid #D19405;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   -opera-opacity: 0.8;
   opacity: 0.8;
}

.ui-stars-star,
.ui-stars-cancel {
   float: left;
   display: block;
   overflow: hidden;
   text-indent: -999em;
   cursor: pointer;
}

.ui-stars-star a,
.ui-stars-cancel a {
   width: 16px;
   height: 15px;
   display: block;
   background: url(../images/jquery.ui.stars.png) no-repeat 0 0;
}

.ui-stars-star a {
   background-position: 0 -32px;
}

.ui-stars-star-on a {
   background-position: 0 -48px;
}

.ui-stars-star-hover a {
   background-position: 0 -64px;
}

.ui-stars-cancel-hover a {
   background-position: 0 -16px;
}

.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
   cursor: default !important;
}

.stars span {
   padding-left: 10px;
}

.stars.f-options label {
   display: none;
}

#jp_container_1 {
   position: absolute;
   top: 75px;
   right: 15px;
   z-index: 15;
}

#jp_container_1 a {
   display: none;
}

#jp_playlist {
   display: none;
}

#jw_playlist {
   display: none;
}

#slideshow .slides {
   display: none;
}

#slideshow .slide-container {
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
}

.rs-controls {
   position: fixed;
   bottom: 43px;
   right: 21px;
   z-index: 15;
}

.rs-play-pause,
.rs-prev,
.rs-next {
   float: left;
   margin-right: 12px;
}

.rs-paused {
   background: url(../images/button_play.png) no-repeat center;
   width: 6px;
   overflow: hidden;
   text-indent: -99999px;
}

.rs-playing {
   background: url(../images/button_pause.png) no-repeat center;
   width: 6px;
   overflow: hidden;
   text-indent: -99999px;
}

.rs-prev {
   background: url(../images/icon_prev.png) no-repeat center;
   width: 6px;
   overflow: hidden;
   text-indent: -99999px;
}

.rs-next {
   background: url(../images/icon_next.png) no-repeat center;
   width: 6px;
   overflow: hidden;
   text-indent: -99999px;
}

.rs-controls ul {
   float: left;
   list-style: none;
   margin: 0 6px 0 0;
   padding: 0;
}

.rs-index-list li {
   float: left;
   margin-right: 6px;
}

.rs-controls a {
   background-color: #FFFFFF;
   border: 1px solid #DDDDDD;
   color: #000000;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   padding: 2px 4px;
   text-decoration: none;
}

.rs-controls a:hover {
   background-color: #EEEEEE;
   color: #222222;
}

.rs-controls .rs-active {
   background-color: #000000;
   border: 1px solid #222222;
   color: #FFFFFF;
}

.spin-button {
   padding-right: 20px;
   background: url(../images/spinbutton.png) no-repeat 100% 0%;
   cursor: pointer;
}

.spin-button.up {
   background-position: 100% -23px;
}

.spin-button.down {
   background-position: 100% -46px;
}

.opac {
   -moz-opacity: 0.4;
   -khtml-opacity: 0.4;
   -opera-opacity: 0.4;
   opacity: 0.4;
   vertical-align: middle;
}

.ie7 .opac,
.ie8 .opac {
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=40);
   zoom: 1;
}

.bookable0 {
   background: none #eee !important;
}

.table.padding .thead>*,
.table.padding .tbody>* {
   padding-left: 0.15em;
   padding-right: 0.15em;
}

.thead.padding>*,
.tbody.padding>* {
   padding-left: 0.15em;
   padding-right: 0.15em;
}

#season_list {
   position: relative;
   padding: 0 20px;
   font-size: 0.9em;
   border: 1px solid #999;
   margin-bottom: 10px;
   background: #fff;
}

#season_list .slides .slide:first-child {
   border-left: 1px solid #999;
}

#season_list .slide {
   display: table;
   width: 100%;
   border-right: 1px solid #999;
   float: left;
   width: 290px;
   height: 28px;
   cursor: pointer;
}

#season_list .slide:hover {
   background: #eee;
}

#season_list .slide.nb {
   background: #666;
   color: #fff;
}

#season_list .slide>div {
   display: table-cell;
   padding: 0 0.2em;
}

#season_list .sstart {
   width: 0;
   vertical-align: bottom;
   font-size: 0.9em;
}

#season_list .stitle {
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
}

#season_list .send {
   width: 0;
   vertical-align: top;
   font-size: 0.9em;
   text-align: right;
}

#season_list .prev,
#season_list .next {
   display: block;
   position: absolute;
   top: 0;
   width: 20px;
   height: 28px;
   text-indent: -9999px;
}

#season_list .prev:hover,
#season_list .next:hover {
   background-color: #eee;
}

#season_list .prev {
   left: 0;
   border-right: 1px solid #999;
}

#season_list .next {
   right: 0;
   border-left: 1px solid #999;
}

#season_list .prev {
   background: url('../images/button_prev.png') center center no-repeat #fff;
}

#season_list .next {
   background: url('../images/button_next.png') center center no-repeat #fff;
}

#seasons .rangebar {
   font-size: 1.8em;
   text-align: center;
}

#seasons .rangebar span {
   margin: 0 10px;
}

#seasons .rangebar img {
   vertical-align: baseline;
}

#seasons h3 {
   font-size: 1.4em;
}

#seasons h4 {
   font-size: 1.3em;
   font-weight: normal;
   margin-bottom: 0.75em;
}

#seasons h5 {
   font-size: 1.2em;
}

#seasons h6 {
   font-size: 1.1em;
}

#seasons .prices-checked {
   color: #64B000;
}

#seasons .prices-unchecked {
   color: #FF8100;
}

.relation {
   display: inline-block;
   padding: 2px;
   border: 1px solid #999;
   background: none #eee;
   border-radius: 4px;
}

.relation a {
   display: block;
   float: left;
   width: 16px;
   height: 16px;
   margin: 1px;
   text-indent: -9999px;
   overflow: hidden;
   background: url('../images/relation.png') no-repeat;
   font-size: 0;
}

.relation a:hover {
   background-color: #999;
}

.relation_no_links a {
   pointer-events: none;
}

.relation .r0 {
   background-position: 0 -16px;
}

.relation .r0.selected {
   background-position: 0 0;
}

.relation .r1 {
   background-position: -16px -16px;
}

.relation .r1.selected {
   background-position: -16px 0;
}

.relation .r2 {
   background-position: -32px -16px;
}

.relation .r2.selected {
   background-position: -32px 0;
}

.relation .r3 {
   background-position: -48px -16px;
}

.relation .r3.selected {
   background-position: -48px 0;
}

.archive .relation {
   border: 0;
   background: none transparent;
   vertical-align: middle;
}

.archive .relation>a {
   display: none;
}

.archive .relation>a.selected {
   display: block;
}

.accepted1,
.accepted1 * {
   color: #40C040;
}

.accepted2,
.accepted2 * {
   color: #C04040;
}

.canceled1,
.canceled1 * {
   color: #C04040;
}

.lng {
   color: #999;
   font-style: italic;
}

#preview #breadcrumbs_bg,
#preview #breadcrumbs {
   display: none;
}

#preview #content2 {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
}

#preview .boxed {
   position: static;
   -moz-opacity: 1;
   -khtml-opacity: 1;
   -opera-opacity: 1;
   opacity: 1;
}

.ie7 #preview .boxed,
.ie8 #preview .boxed {
   filter: progid:DXImageTransform.Microsoft.alpha(enabled=false);
}

#preview .box800 {
   float: none;
   margin: 10px;
}

.layer.overlay, .layer.user_overlay {
   z-index: 99999;
   left: 50%;
   top: 24px;
   max-width: 600px;
   height: auto;
   margin-left: -300px;
   padding: 30px;
   overflow: hidden;
   background: none #fff;
   font-size: 1.2em;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.overlay_bg {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 40px;
   overflow: hidden;
   width: auto;
   height: auto;
   background: none #fff;
   z-index: -1;
   -moz-opacity: 0.3;
   -khtml-opacity: 0.3;
   -opera-opacity: 0.3;
   opacity: 0.3;
}

.ie7 .overlay_bg,
.ie8 .overlay_bg {
   background: url('../images/0.gif');
}

.layer.overlay h3, .layer.user_overlay h3 {
   font-size: 1.2em;
}

.layer.overlay p, .layer.user_overlay p {
   margin-bottom: 1.5em;
}

.layer.overlay .visual, .layer.user_overlay .visual {
   font-weight: bold;
}

.car_rentals {
   left: 0;
   bottom: 0;
   width: 100%;
   padding-top: 10px;
}

.car_rentals li {
   display: inline-block;
   max-width: 20%;
   margin-right: 10px;
}
.overlay .float, .float-left, .float-right {
   float: none;
}

/* Prebooking */

#prebook label.ui-button {
   display: block;
}

/* Layer */

.create_companion {
   left: 40%;
   top: 40%;
   min-width: 32em;
   max-width: 48em;
}

.create_companion .dialog-body {
   padding: 20px;
}

/* Buttons */

.f-buttons {
   display: flex;
   justify-content: space-between;
}

.f-buttons .float, .f-buttons .float-right {
   float: none !important;
}

.f-buttons input[type=submit],
.f-buttons input[type=button],
.f-buttons button,
.button {
   display: inline-block;
   border: 1px solid #aaa;
   background-color: #E2E2E2;
   font: 1.1em century gothic, verdana, sans-serif;
   font-weight: bold;
   color: #808080;
   cursor: pointer;
   white-space: nowrap;
   text-shadow: none;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
}

.f-buttons input[type=submit]:hover,
.f-buttons input[type=button]:hover,
.f-buttons button:hover,
.button:hover {
   background-color: #808080;
}

/* Conditions */

.style1.checked0 td,
.checked0 {
   background: none #FFF178;
}

.style1.checked1 td,
.checked1 {
   background: none #CAFBA7;
}

.style2.checked0 td {
   background: none #FFF198;
}

.style2.checked1 td {
   background: none #DAFFB7;
}

/* deprecated */

.inlinebar {
   float: right;
   margin: 0 0 0.2em 0.2em;
}

.slicknav_menu {
   display: none;
}

#footer .slicknav_menu {
   display: none;
}

@media screen and (max-width: 1200px) {
   .sf-menu {
      display: none !important;
   }
   .slicknav_menu {
      display: block;
   }
   #title_bg {
      background-color: transparent;
   }
   #search_quick {
      bottom: 32px;
   }
}

#footer .slicknav_menu {
   background: white;
}

#title_frame .slicknav_menu li {
   line-height: 40px;
}

#footer .slicknav_menu {
   float: left;
   padding: 0;
   width: calc(100% - 200px);
}

#footer {
   height: auto;
}

#footer .slicknav_nav {
   padding-top: 0;
   padding-left: 11px;
   float: left;
   padding-bottom: 20px;
}

#footer .slicknav_nav li {
   display: inline-block;
   padding: 5px;
}

#footer .slicknav_nav a {
   color: rgb(51, 51, 51);
}

#footer .slicknav_nav a:hover {
   background: transparent;
   font-weight: bold;
}

#footer .slicknav_btn {
   float: left;
   padding: 0;
   height: 30px;
   margin-top: 1px;
   width: 32px;
   margin-left: 23px;
   background-image: url('./images/arrow-up.png');
}

#footer .slicknav_menu .slicknav_no-text {
   margin: 0;
   display: none;
}

#footer .slicknav_btn.slicknav_open {
   transform: rotate(180deg);
}

h3 {
   margin-bottom: 10px;
}

.touch .toolbox {
    top: 95px;
    left: 30px;
}

#slideshow img {
   min-height: 100%;
   min-width: 100%;
   max-width: none;
   max-height: none;
   height: auto !important;
}

@media (max-width: 1200px) {
   .slicknav_nav {
      padding-top: 45px;
   }
}

@media (max-width: 900px) {
   #content.has-menu {
      padding-bottom: 80px;
   }
   .has-menu .box1000 {
      padding-top: 100px !important;
   }
   #footer .slicknav_menu {
      display: inline-block;
   }
   #footer .footer-menu {
      display: none;
   }
   #page_title span {
      position: initial;
   }
   #page_title {
      top: 179px;
      bottom: auto;
   }
   #page_menue {
      height: auto;
      background-color: rgba(0, 0, 0, 0.6);
   }
   #page_menue .ui-tabs-nav {
      padding-right: 90px;
   }
   #page_menue_bg {
      display: none;
   }
   .box430 .box_content {
      width: 100%;
      box-sizing: border-box;
   }
   .ui-tabs .ui-tabs-panel {
      padding: 130px 30px 30px;
      box-sizing: border-box;
   }
   .boxed {
      height: 100%;
      width: 100%;
      padding: 80px 20px 0;
      box-sizing: border-box;
   }
   .box800 {
      width: 100%;
      height: 100% !important;
   }
   .box800 .box_content {
      width: calc(100% - 30px);
      margin: 0 auto;
      box-sizing: border-box;
   }
   .box800 .box_top,
   .box800 .box_bottom {
      width: calc(100% - 30px);
      margin: 0 auto;
   }
   .box800 .viewport {
      width: auto;
      margin-right: 30px;
   }
   #blog_menue {
      position: initial;
      width: 100%;
      padding: 60px 30px 0;
      left: 0;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
   }
   #blog_menue ul {
      padding-top: 35px;
   }
   #blog_list {
      position: initial;
      width: 100% !important;
      order: -1;
      display: flex;
      flex-direction: column;
   }
   #blog_list .viewport {
      order: -1;
      padding-top: 22px;
   }
   #blog_list .scrollbar {
      position: relative;
   }
   #blog_menue .line {
      display: none;
   }
   #blog_nav  {
      position: absolute;
   }
   #blog_nav div {
      position: initial;
   }
   #content.plain {
      display: flex;
      flex-direction: column;
   }
   #content .has-menu .boxed {
      padding: 180px 30px 0;
   }
}

@media (max-aspect-ratio: 15/10) {
   .slide-container {
      display: flex;
      justify-content: center;
      height: 100%;
      overflow: hidden;
   }
   #slideshow img {
      flex: none;
      min-width: 100%;
      width: auto !important;
      height: 100% !important;
      max-width: none;
   }
}

@media (max-height: 768px) {
   #headlines h3 {
      font-size: 24px;

   }
   #headlines p {
      font-size: 16px;
   }
   #headlines li {
      padding: 0 0 10px 0;
   }
   .blog_frame .inlinebar,
   .blog_frame h4, .blog_frame h3,
   .blog_frame .grid-0, .blog_frame .spacer,
   #tagcloudContainer {
      display: none;
   }
}

@media (max-width: 650px) {
   * {
      box-sizing: border-box;
   }
   #search_quick {
      display: none;
   }
   #quick_language {
      display: none;
   }
   #breadcrumbs {
      display: none;
   }
   #breadcrumbs_bg {
      display: none;
   }
   #body {
      padding-top: 70px;
   }
   #footer .slicknav_nav li {
      display: block;
   }
   .layer.overlay, .layer.user_overlay {
      max-width: 90%;
      margin-left: 0;
      left: 5%;
      font-size: 13px;
      padding-bottom: 30px;
   }
   .middle {
      height: 50vh;
   }
   #product_list {
      height: 50vh !important;
   }
   #product_list.touch.vertical .viewport,
   #blog_list.touch.vertical .viewport {
      height: 100% !important;
      background: #fff;
      width: 100vw
   }
   #product_list table {
      height: 100%;
   }
   .product_frame {
      height: 100%;
      width: 70vh;
   }
   #login {
      padding: 20px;
   }
   #headlines {
      padding: 20px;
   }
   #welcome {
      width: 100%;
   }
   #headlines h3 {
      font-size: 15px;
   }
   #welcome p, #headlines p {
      font-size: 13px;
   }
   .boxed {
      height: calc(100% - 25px);
   }
   .box800 {
      top: 20px;
   }
   .box430, .ui-tabs .ui-tabs-panel {
      width: 100% !important;
      padding: 40px 15px 15px !important;
   }
   .has-menu .box430, .has-menu .box800, .has-menu .box1000 {
      padding-top: 60px !important;
   }
   #page_title {
      top: 85px;
      font-size: 22px;
      line-height: 28px;
      padding: 10px 27px;
   }
   #page_title span {
      font-size: 70%;
   }
   #page_menue .ui-tabs-nav {
      padding-right: 0;
   }
   #page_menue a {
      padding: 0 13px;
      height: auto;
      line-height: 35px;
   }
   #facebook {
      display: none;
   }
   #blog_menue {
      padding-top: 15px;
   }
   #tagcloudContainer {
      display: none;
   }
   .rs-controls {
      display: none;
   }
   .scroll-hint {
      top: 50px;
   }
   #content.plain {
      padding-top: 10px;
   }
   .toolbox {
      display: none;
   }
   .blog_frame {
      padding: 0;
   }
   #blog_list {
      border-left: none;
   }
   #logo img {
      max-height: 60px;
   }
   .slicknav_nav {
      padding-top: 20px;
   }
}

@media (max-width: 650px) and (min-height: 768px) {
   .blog_frame {
      width: 100vw;
   }
   .blog_menue {
      display: flex;
      flex-wrap: wrap;
   }
   #blog_menue li {
      display: inline-block;
      width: 32%;
      padding-right: 16px;
      padding-bottom: 5px;
   }
}
