@media all and ( max-width:1024px ){#site-container{width:100%;} #navigation div#maximenu a,#navigation div#maximenu span.separator,#navigation div#maximenu span.titreck{font-size:90%;} #banner .slider-wrapper{height:345px;} #banner .slider-wrapper.theme-default .nivoSlider img{min-height:345px;max-width:100%;} #gadget-search div.search-gadget.BE div.hybridTabs,#gadget-search div.search-gadget.BE{width:100%;} #main{width:100%;padding:0;} #main .left{width:70%;padding-left:10px} #main .right{width:25%;} #main .weather-extended{min-width:240px;} #main .after-box.module{width:31%;} #main .after-box.module.video{height:310px;width:65%;margin-right:0} #main .after-box.module.video iframe{width:100%;height:100%} #main .after-box.module.hotdeals{height:320px;margin-right:0;float:right;} #main .after-box.module.custom.visitorguide{float:right;} #main .after-box #banner-text-1{height:80px;} #site-container .after-box .animated-rotating-image-set .animated-image-set-wrapper,#main .after-box .animated-banner-imagearea{height:270px;} #main .after-box .animated-banner-imagearea img{height:140px;} #main .after-box .animated-banner-text{height:90px;} .content-bottom{padding:0 10px;} .content-bottom .bottom-box{margin-right:20px;} .content-bottom .bottom-box.item1{width:28%;} .content-bottom .bottom-box.item2 p{width:70%;} .content-bottom .bottom-box.item2{width:38%;} #gadget-search{left:auto;} #gadget-search div.search-gadget.BE div.date{margin-right:10px;} #gadget-search div.search-gadget.BE div.period,#gadget-search div.search-gadget.BE div.adults,#gadget-search div.search-gadget.BE div.infants,#gadget-search div.search-gadget.BE div.children{width:130px;} #gadget-search div.search-gadget.BE span.input select{width:50px;} } @media all and ( max-width:900px ){#main .after-box.module{width:45%;} #main .after-box.module.video{width:100%;} #main .after-box.module.hotdeals ,#main .after-box.module.custom.visitorguide{float:left;margin-right:20px;} #main .after-box #banner-text-1{width:100%;} #main .after-box .animated-banner-text{width:100%;} #main .after-box .animated-banner-imagearea{width:100%;} #main .after-box .animated-banner-imagearea img{width:100%;height:auto;} #main .after-box a.clickhere{width:50%;} } @media all and ( max-width:480px ){#site-container{width:1000px;} #main .weather-outlook-extended h3,#main .weather-outlook-extended .forecast{width:100%;} }