body {margin: 16px; padding: 0; background: #fff6e6;} a {color: #b80046; text-decoration: none;} a:hover {color: #606; text-decoration: none;} a img {border: none;} a:hover img {opacity: 0.8;} #wrapper {width: 838px; margin: 0 8px; padding: 0; position: relative;} #content {float: left; width: 838px; margin: 0; padding: 0 0; background: url(media/img/bg/background.gif) repeat-y;} #header {width: 838px; margin: 0; padding: 0px 0; float: left; background: url(media/img/bg/top.gif) no-repeat;} h1 {margin: 12px; padding: 0; text-indent: -9999px;} h1 a:link, h1 a:visited {background:url(media/img/logo/logo.gif) no-repeat; text-decoration:none; display:block; margin: 0; padding:0; width: 300px; height: 63px; } h1 a:hover, h1 a:active, h1 a:focus {background:url(media/img/logo/logo.gif) no-repeat;} p.ads_halfsizebanner {width:464px; height: 60px; margin: 0; padding: 0; border: 1px soldid red; position: absolute; top: 33px; left: 370px;} #top {width: 818px; float: left; margin: 0 0 0 10px; padding: 0; min-height: 34px; position: relative;} #top p {margin: 0; padding: 0;} #top img.pic {border: 0; margin: 30px 0 0; padding: 0; float: left; width: 818px; height: 256px; } #top ul.menu {list-style: none; width: 818px; height: 42px; margin: 0; padding: 0; z-index: 100; position: absolute; top: 0; background: url(media/img/menu/background.png) repeat-x; } #top .menu li {margin:0; padding:0;} #top .menu li a {float: left; height:16px; display: block; margin: 8px 0 0 10px; padding: 0 0 0 8px; text-indent: -9999px;} #top .menu li.europa a {width: 110px; background: url(media/img/menu/men1.png) no-repeat 0 0;} #top .menu li.europa a:hover, body#europa #head .menu li.europa a {background: url(media/img/menu/men1.png) no-repeat 0 100%;} #top .menu li.weltweit a {width: 118px; background: url(media/img/menu/men2.png) no-repeat 0 0;} #top .menu li.weltweit a:hover, body#weltweit #top .menu li.weltweit a {background: url(media/img/menu/men2.png) no-repeat 0 100%;} #top .menu li.lastminute a {width: 125px; background: url(media/img/menu/men3.png) no-repeat 0 0;} #top .menu li.lastminute a:hover, body#lastminute #top .menu li.lastminute a {background: url(media/img/menu/men3.png) no-repeat 0 100%;} #top .menu li.kreuzfahrten a {width: 71px; background: url(media/img/menu/men4.png) no-repeat 0 0;} #top .menu li.kreuzfahrten a:hover {background: url(media/img/menu/men4.png) no-repeat 0 100%;} #top .menu li.romantik a {width: 106px; background: url(media/img/menu/men5.png) no-repeat 0 0;} #top .menu li.romantik a:hover, body#romantik #top .menu li.romantik a {background: url(media/img/menu/men5.png) no-repeat 0 100%;} #top .menu li.abenteuer a {width: 148px; background: url(media/img/menu/men6.png) no-repeat 0 0;} #top .menu li.abenteuer a:hover, body#abenteuer #top .menu li.abenteuer a {background: url(media/img/menu/men6.png) no-repeat 0 100%;} #top h2 {position: absolute; top: 224px; left: 0px; margin: 0 0 0 -10px; padding: 0 14px 0 8px; display: block; height: 42px; background: #fff; font: italic 34px/42px Georgia, Times New Roman, serif; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); letter-spacing: -1px; color: #903;} #inhalt {margin: 8px 0 8px 10px; padding: 0 8px; width:802px; float: left;} #inhalt .infoline {float: left; border: 1px solid #aaa; margin: 0 0 8px 0; padding: 8px; font: 14px/1 Trebuchet MS, sans-serif; color: #aaa;} #inhalt h2 {font: italic 32px/36px Georgia, Times New Roman, serif; color: #903; margin: 5px 0 0 0; padding: 0;} #inhalt h3 {font: italic normal 20px/32px Georgia, Times New Roman, serif; letter-spacing: -1px; margin: 0; padding: 0; color: #903;} #inhalt h4 {font: normal 16px/16px Georgia, Times New Roman, serif; margin: 0; padding: 0; color: #aaa;} #inhalt p {font: normal 13px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #888; margin: 0; padding: 0; text-align: justify;} #inhalt p strong {color: #903;} #inhalt p+p {margin: 16px 0 0 0;} #inhalt h3+p {margin: 0; padding: 0;} #inhalt p.line_horizontal {display: block; width: 100%; height: 1px; margin: 7px 0 8px 0; padding: 0; float: left; background: #eee; } #inhalt a.jetztbuchen {font: normal 11px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; background: #fff; color: #888; padding: 0 2px; border: 1px solid #888;} #inhalt a.jetztbuchen:hover {background: #903; color: #fff; border: 1px solid #903;} #inhalt p.pricedetails {font: normal 11px/12px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #888; margin: 4px 0 0;} #inhalt p.pricedetails strong {color: #903; } #inhalt p.pricedetails a {color: #888; text-decoration: underline;} #inhalt .h90 {height: 90px;} #inhalt .h80 {height: 80px;} #inhalt .h132 {height: 124px;} #inhalt .h140 {height: 140px;} #inhalt .h192 {height: 192px;} #inhalt .h96 {height: 96px;} #inhalt .w146 {width: 146px;} #inhalt .w153 {width: 137px;} #inhalt .w138 {width: 138px;} #inhalt .w300 {width: 300px;} #inhalt .w282 {width: 282px;} #inhalt .w308 {width: 308px;} #inhalt .w316 {width: 300px;} #inhalt .w320 {width: 320px;} #inhalt .w450 {width: 450px;} #inhalt .w462 {width: 462px;} #inhalt .w479 {width: 463px;} #inhalt .w600 {width: 600px;} #inhalt .w624 {width: 624px;} #inhalt .w650 {width: 650px;} #inhalt .w740 {width: 740px;} #inhalt .w805 {width: 789px;} #inhalt .w100p {width: 100%;} #inhalt .h360 {height: 360px;} #inhalt .h500 {height: 500px;} #inhalt .left {float: left;} #inhalt .right {float: right;} #inhalt .floatimage:first-child {margin: 0; padding: 0; background: #eee; } #inhalt .floatimage {margin: 0 0 18px 0; background: #eee; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); } #inhalt .floatimage.left {margin-right: 8px;} #inhalt .floatimage.right {margin-left: 8px;} #inhalt .margin-left {margin-left: 8px;} #inhalt .margin-right {margin-right: 8px;} #inhalt .margin-top {margin-top: 8px;} #inhalt .margin-bottom {margin-bottom: 8px;} #inhalt .col1 {width: 154px;} #inhalt .col2 {width: 316px;} #inhalt .col3 {width: 478px;} #inhalt .col4 {width: 640px;} #inhalt .col5 {width: 802px;} #inhalt .bg1 {background: #fff;} #inhalt .bg2 {background: #eee; color: #903;} .break {clear: both;} #inhalt .textbox {background: #eee; padding: 8px;} #inhalt .padding {padding: 8px;} #inhalt .padding-top {padding-top: 8px;} #inhalt .padding-left {padding-left: 8px;} #inhalt .padding-right {padding-right: 8px;} #inhalt .padding-bottom {padding-bottom: 8px;} #inhalt .nopadding {padding: 0;} #inhalt .nomargin {margin: 0;} #inhalt .margin {margin: 8px;} #inhalt .margin-top {margin-top: 8px;} #inhalt .margin-left {margin-left: 8px;} #inhalt .margin-right {margin: 0; margin-right: 8px;} #inhalt .margin-bottom {margin-bottom: 8px;} /* ------------------ TEXTBOX STYLES ------------------------- */ #inhalt .box1 {border-right: 1px solid #eee; padding-right: 7px;} #inhalt .box2 {background: #fff6e6; border: 1px solid #ddd; color: #888; padding: 7px;} #inhalt .box2 p {color: #888; margin: 0;} #inhalt .box2 p+p {color: #888; margin: 8px 0 0;} #inhalt .box2 strong {color: #903;} #inhalt .box3 {background: #fff; border: 1px solid #ccc; padding: 7px;} #inhalt .box3 p {color: #ccc;} #inhalt .box4 {background: #fff; border: 1px solid #903; color: #888; padding: 7px;} #inhalt .box4 p strong {color: #903;} #inhalt .adbox {background: #eee; margin-bottom: 8px; padding: 0;} #inhalt .specials {width: 137px; float: right; background: #903; color: #fff; margin: 0 0 8px 10px; padding: 8px;} #inhalt .introbox {background: #f5ead8;} #inhalt .textbox p {margin: 0; padding: 0;} #inhalt .textbox p+p {margin-top: 8px; padding: 0;} #inhalt .textbox h3+p {margin: 0; padding: 0;} #inhalt .textbox h3 {font: italic normal 20px/32px Georgia, Times New Roman, serif; letter-spacing: -1px; margin: 0; padding: 0; color: #903;} #inhalt .textbox h4 {font: italic normal 16px/16px Georgia, Times New Roman, serif; margin: 0; padding: 0; color: #903 ;} #inhalt .introbox p {font: italic normal 18px/20px Georgia, Times New Roman, serif; letter-spacing: -1px; margin: 10px 0; padding: 0; color: #888;} #inhalt a.linkblock {display: block; width: 100%; height: 100%;} #inhalt a.linkblock:hover {background: #eee; color: #999;} #inhalt .subheadline {float: left; width: 300px; font: italic normal 16px/24px Georgia, Times New Roman, serif; color: #fff; background: #903; padding: 0 4px; margin: 0 0 8px 0;} /* ------------------- HIGHLIGHTS */ #inhalt .style3 {background: #fff; color: #903; border: 1px solid #903; padding: 7px;} #inhalt .style3 p {color: #888; text-align: left;} #inhalt .highlights a {color: #888; display: block; width: 100%; height: 100%; margin: -7px; padding: 7px;} #inhalt .style3 a:hover {color: #888; background: #eee;} #inhalt .style3 strong {color: #903;} #inhalt .style3 h3 {padding: 0; margin: -8px 0 0 0;} #inhalt .pauschal-europa {} #inhalt .pauschal-europa .hotelvorschlag {background: #eee; width: 129px; padding: 8px;} #inhalt .pauschal-europa .mehrrouten {width: 145px; text-align: left;} #inhalt .specials p {color: #fff;} #inhalt .landkarte {margin: 0; padding: 0;} #inhalt .landkarte span {display: block; width: 264px; margin: 0; padding: 0 8px; font: italic normal 24px/34px Georgia, Times New Roman, serif; background: #903; color: #fff;} #inhalt .spcialoffer, #inhalt .spcialoffer p {margin: 0; padding: 0;} #inhalt .mainpicture {width: 802px; height: 256px; margin: -32px 0 8px 0; padding: 0; border-top: 1px solid #888; position: relative; float: left;} #inhalt .mainpicture p {margin: 0; padding: 0;} #inhalt .mainpicture h2 {position: absolute; top: 190px; left: 0px; margin: 0; padding: 0 14px 0 8px; display: block; height: 42px; background: #fff; font: italic 34px/42px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #903;} #inhalt .teasermsall {position: relative;} #inhalt .teasermsall h3 {position: absolute; bottom: 12px; left: 0px; margin: 0; padding: 0 8px; display: block; height: 28px; background: #fff; font: italic 24px/28px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #903;} /* ----------------------- EUROPA STÄDTE ----------------- */ #inhalt .europa-citymap {width: 479px; height: 402px; margin: 0; padding: 0; background: url(media/bilder/karten/europa_city.gif) no-repeat; position: relative;} #jshowoff-europa {position: absolute; width: 100px; margin: 0; padding: 0;} #jshowoff-europa img {position: absolute; right:0; bottom: 8px; margin: 0; padding: 0;} #europa-slidelinks {position: absolute; width: 479px; height: 402px; top: 0px; left: 0px; margin: 0; padding: 0; } #europa-slidelinks a {display: block; background: #000; color: #fff; padding: 5px 7px 5px; margin: 5px 0 0 5px; float: left; text-decoration: none;} #europa-slidelinks a {position: absolute; background: #903; color: #fff;} #europa-slidelinks a.Wien {top: 100px; left: 200px;} #europa-slidelinks a.London {top: 200px; left: 200px;} #europa-slidelinks a.jshowoff-active {background: #fff; color: #903; border: 1px solid #903;} /* WELTWEIT */ #inhalt ul.weltweit-citymap {width: 805px; height: 370px; margin: 0; padding: 0; background: url(media/bilder/karten/weltweite-staedte.jpg) no-repeat; position: relative; list-style: none; margin: 0; padding: 0;} #inhalt ul.weltweit-citymap .title {position: absolute; top: 280px; left: 0px; margin: 0; padding: 0 14px 0 8px; display: block; height: 42px; background: #fff; font: italic 34px/42px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #903;} #inhalt ul.weltweit-citymap li a {position: absolute; margin: 0; padding: 2px 4px; background: #903; color: #fff; font: normal italic 14px/15px Trebuchet MS, Arial, sans-serif;} #inhalt ul.weltweit-citymap li.newyork a {top: 100px; left: 200px;} #inhalt ul.weltweit-citymap li.losangelas a {top: 120px; left: 100px;} #inhalt ul.weltweit-citymap li.lasvegas a {top: 90px; left: 100px;} #inhalt ul.weltweit-citymap li.kapstadt a {top: 280px; left: 440px;} #inhalt ul.weltweit-citymap li.sydney a {top: 280px; left: 740px;} #inhalt ul.weltweit-citymap li.shanghai a {top: 120px; left: 670px;} #inhalt ul.weltweit-citymap li.hongkong a {top: 150px; left: 640px;} #inhalt ul.weltweit-citymap li.dubai a {top: 145px; left: 525px;} #inhalt ul.weltweit-citymap li.moskau a {top: 56px; left: 455px;} /* ROMANTIK HOTELS */ #inhalt .romantik {width: 478px; height: 560px; margin: 0; padding: 0 7px 0 0; border-right: 1px solid #eee; float: left; background: url(media/bilder/karten/romantikhotels.gif) no-repeat 2px 0; position: relative;} #inhalt .romantik ul {width: 478px; height: 640px; margin: 0 0 0 -8px; padding: 0; list-style: none; position: relative;} #inhalt .romantik li {position: absolute;} #inhalt .romantik li.weissesroessl {top: 100px; left: 200px;} #inhalt .romantik li.bergergut {top: 300px; left: 220px;} #inhalt .romantik li.schwarzeradler {top: 465px; left: 270px;} #inhalt .romantik li .dot {position: absolute; top: 0; left: 0; text-indent: -99999px; display: block; width: 7px; height: 7px; background: #903;} #inhalt .romantik li .hotel {position: absolute; top: -100px; left: 20px; margin: 0; padding: 4px 18px 0 8px; font: normal 13px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #888;text-align: justify; background: url(media/img/bg/romantik_hotels_text.gif) repeat-y 0 10px; display: none; z-index: 1000; width: 334px; } #inhalt .romantik li .hotel .titel {float: left; margin: -4px 0 0 -8px; padding: 4px 0 0 8px; background: url(media/img/bg/romantik_hotels_titel.gif) no-repeat; font: italic normal 20px/32px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #903; width: 370px; height: 32px;} #inhalt .romantik li .hotel .book {float: left; margin: 0 0 0 -8px; padding: 4px 20px 0; background: url(media/img/bg/romantik_hotels_buchen.gif) no-repeat; text-align: right; text-decoration: underline; position: relative; width: 318px; height: 34px;} #inhalt .romantik li .hotel .book a {text-align: right; text-decoration: underline; background: transparent; color: #903; display: block; position: absolute; top: 0; right: 20px;} #inhalt .romantik .closebutton {position: absolute; top: 8px; right: 22px; display: none; cursor: pointer; font-family: verdana; color: #888;} #inhalt .romantik .closebutton:hover {color: #903;} #inhalt .romantikotelsuche {background: #fff6e6; border: 1px solid #ddd; height: 232px; position: relative;} #inhalt .romantikotelsuche .cat {display: block; width: 306px; margin: 0; border-bottom: 1px solid #fff6e6;} #inhalt .romantikotelsuche .cat .cat-title {display: block; width: 298px; background: #903; color: #fff6e6; padding: 0 4px; margin: 0; font: normal 14px/22px "Trebuchet MS", Arial, sans-serif; cursor: pointer;} #inhalt .romantikotelsuche .cat .auswahl {display: none;} #inhalt .romantikotelsuche .cat .visible {display: block;} #inhalt .romantikotelsuche .cat .auswahl {padding: 4px;} #inhalt .romantikotelsuche .suchen {display: block; margin: 0; padding: 1px; position: absolute; bottom: 2px; right: 2px; width: 300px;} #inhalt .romantikotelsuche .suchen input {margin: 0; padding: 1px; border: none; background: #903; color: #fff; font: normal 14px/18px "Trebuchet MS", Arial, sans-serif; width: 60px;} #inhalt .romantikotelsuche .suchen i {text-align: left; font: normal 12px/14px "Trebuchet MS", Arial, sans-serif;} #inhalt .pauschalsuche {width: 463px;} #inhalt .travel_period {width: 463px; margin: 0;} #inhalt .travel_period p {line-height: 20px;} #inhalt .travel_period input {width: 210px; height: 30px; margin: 0 0 10px; padding: 0 0 0 8px; font: normal italic 28px/28px Trebuchet MS, Georgia, Times New Roman, serif; color: #903;} #inhalt .travelinfos {width: 463px; margin: 0;} #inhalt .travelinfos .airport {width: 220px; margin: 0;} #inhalt .travelinfos .airport select {width: 220px; height: 30px; margin: 0 0 10px; padding: 0 0 0 8px; font: normal italic 16px/1 Trebuchet MS, Georgia, Times New Roman, serif; line-height: 30px; color: #903;} #inhalt .travelinfos .duration {width: 463px; margin: 0;} #inhalt .lastminute_search {width: 450px; height: 80px; background: #888; color: #903; margin: 0 10px 10px 0px; padding: 0x; cursor: pointer; } #inhalt .lastminute_search p {font: normal italic 30px/30px Georgia, Times New Roman, serif; margin: 0; padding: 10px; letter-spacing: -1px; color: #fff;} #inhalt .travelperiod select {width: 124px; height: 35px; margin: 0 0 10px; padding: 0 0 2px 4px; font: normal italic 22px/1 Trebuchet MS, Georgia, Times New Roman, serif; color: #903;} #inhalt .lastminute_searchmask_hotels, #inhalt .lastminute_searchmask_regions {display: none;} #inhalt .bg_purple {background: #903; color: #fff;} #inhalt .offer {background: #eee; width: 145px; margin: 0 10px 0 0; padding: 0x; position: relative; float: left;} #inhalt .offer a {text-decoration: none;} #inhalt .offerblock {width: 479px; background: #fff; margin: 0 0 10px 0; padding: 0;} #inhalt .offerblock .title {margin: 0 0 0 10px; padding: 0 0 0 5px; width:443px; height: 28px; border: 1px solid #aaa; float: left; font: 16px/28px Georgia, Times New Roman, serif; color: #aaa;} #inhalt .offerblock .java {margin: 0 0 10px 10px; padding: 0 0 0 5px; width:443px; height: 28px; border: 1px solid red; float: left; font: bold 16px/28px Georgia, Times New Roman, serif; color: red;} #inhalt .offerblock table {border: 0; margin: 0; padding: 0; width: 479px;} #inhalt .offerblock table tr {border: 0; margin: 0; padding: 0; vertical-align: top;} #inhalt .offerblock table td {border: 0; margin: 0; padding: 0;} #inhalt .offerblock table .td_left {width: 244px; } #inhalt .offerblock table .td_right {width: 235px;} #inhalt .offerblock .offer {width: 235px; margin: 0 0 10px 0; padding: 0; position: relative;} #inhalt .offer p {margin: 0; padding: 0;} #inhalt .offerblock .offer a img {float:left; margin:0; } #inhalt .offerblock .offer a span {position: absolute; top: 0; left: 0; display: none; width: 235px; height: 97px; background: url(media/img/bg/purple-30.png); margin: 0; padding: 0;} #inhalt .offerblock .offer a:hover span {display: block;} #inhalt .offerblock .offer p.country_lowest_price {position: absolute; top: 0; right: 0; display: block; height: 12px; text-decoration: none; background: #fff; color: #888; font: normal 10px/12px Arial; margin: 0; padding: 0 2px 0 4px;} #inhalt .offerblock .offer a i.country_name {position: absolute; top: 70px; left: 0; display: block; background: #fff; color: #903; font: italic 18px/22px Georgia, Times New Roman, serif; letter-spacing: -1px; margin: 0; padding: 0 6px 0 4px;} #inhalt .offerblock .offer a:hover i.country_name {background: #903; color: #fff;} #inhalt .offerblock .offer a i.country_flag {position: absolute; top: 0px; left: 4px; display: block; margin: 0; padding: 0;} #inhalt .offerblock .offer .region {width: 210px; background: #eee; border: 1py solid red; margin: 0; padding: 0 5px; display: none;} #inhalt .offerblock .offer .region a {padding: 0 5px; margin: 0 0 4px 0;} #inhalt .offerblock .offer .region .regionname {width: 200px; float: left; clear: both; display: block; letter-spacing: -1px; border-bottom: 1px solid #b80046; font: italic 18px/22px Georgia, Times New Roman, serif; margin: 0; padding: 0;} #inhalt .offerblock .offer .region a:hover .regionname {border-bottom: 1px solid #606;} #inhalt .offerblock .offer .region i.temperatures {width: 44px; margin: 5px 0 10px 0; display: block; float: left;} #inhalt .offerblock .offer .region i.temp {width: 40px; height: 18px; display: block; font: italic 14px/18px Georgia, Times New Roman, serif; margin: 0; padding: 0 0 0 23px;} #inhalt .temp_day {background: url(media/img/temperature/day.gif) no-repeat;} #inhalt .temp_night {background: url(media/img/temperature/night.gif) no-repeat;} #inhalt .temp_water {background: url(media/img/temperature/water.gif) no-repeat;} #inhalt .offerblock .offer .region i.pricing {width: 115px; margin: 5px 10px 10px 0; font: bold italic 24px/32px Georgia, Times New Roman, serif; text-align: right; display: block; float: right;} /* ################### LASTMINUTE -> AUSWAHL HOTEL */ #inhalt .hoteloffer p {margin: 0; padding: 0; text-align: left;} #inhalt .hoteloffer a {display: block; float: left; position: relative; width: 461px; color: #888; padding: 8px; margin: 0 0 10px 0; border: 1px solid #eee; text-decoration: none;} #inhalt .hoteloffer .nodetails {display: block; width: 118px; height: 14px; position: absolute; right: 4px; top: 4px; background: url(media/img/texts/nodetails.png); text-decoration: none;} #inhalt .hoteloffer a:hover {background: #f5ead8;} #inhalt .hoteloffer img.hotelpic {float: left; margin: 0 10px 0 0; width: 80px; height: 64px;} #inhalt .hoteloffer .hoteldetails {float: left; margin: 0; padding: 0; width: 370px; overflow: hidden;} #inhalt .hoteloffer strong {font: normal italic 20px/24px Georgia, Times New Roman, serif; letter-spacing: 1-px; color: #903; margin: 0; padding: 0;} #inhalt .hoteloffer .stars {width: 100px; height: 20px; margin: 0 0 0 0;} #inhalt .hoteloffer .price {position: absolute; right: 8px; bottom: 8px; width: 200px; height: 20px; margin: 0; padding: 0; font: normal italic 20px/24px Georgia, Times New Roman, serif; text-align: right;} #inhalt .warning {width: 782px; height: 30px; margin: 0 0 10px 0; padding: 8px; border: 1px solid #903;} #inhalt .warning strong {font: bold 15px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #903; margin: 0; padding: 0; text-align: justify;} #inhalt .warning-ok {width: 782px; height: 30px; margin: 0 0 10px 0; padding: 8px; border: 1px solid green;} #inhalt .warning-ok strong {font: bold 15px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: green; margin: 0; padding: 0; text-align: justify;} /* ################### LASTMINUTE -> DETAILS / TERMINE */ #inhalt table.packagedetails {float: left; width: 477px; margin: 0 0 10px 0; padding: 0px; border: 1px solid #ddd;} #inhalt table.packagedetails tr {margin: 0 0 10px 0; padding: 0;} #inhalt .packagedetails p {margin: 8px; padding: 0;} #inhalt .packagedetails a {display: block; text-decoration: none;} #inhalt .packagedetails .price {font: bold italic 18px/18px Georgia, Times New Roman, serif;} .lastminutesuche {width: 200px; margin: 0 0 10px 0; font: bold italic 18px/30px Georgia, Times New Roman, serif; background: #8f0f40; color: #fff; border: none;} .lastminutesuche:active {width: 200px; margin: 0 0 10px 0; font: bold italic 18px/30px Georgia, Times New Roman, serif; background: #eee; color: #fff; border: none;} .lastminutesuche:visited {width: 200px; margin: 0 0 10px 0; font: bold italic 18px/30px Georgia, Times New Roman, serif; background: #eee; color: #fff; border: none;} #inhalt .offerleiste {float: left; width: 760px; margin: 0 0 10px 0;} #inhalt .offerleiste .offer {width: 142px; margin: 0 10px 0 0; padding: 0; position: relative; float: left;} #inhalt .offerleiste .offer a {color: #888; display: block; width: 132px; background: #fff; padding: 5px; border: 1px solid #888;} #inhalt .offerleiste .offer p {margin-top:} #inhalt .offerleiste .offer p img {width: 132px;} #inhalt .offerleiste .offer strong {font: italic normal 18px/24px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #8f0f40;} #inhalt .offerleiste .offer .price {font: italic normal 13px/17px Georgia, Times New Roman, serif; height: 20px; margin: 0; padding: 0; display: block; text-align: right; color: #8f0f40;} #inhalt .offerleiste .offer .price b {font: bold italic 17px/17px Georgia, Times New Roman, serif; margin: 0 2px; color: #8f0f40;} #inhalt .offerleiste .a2 {margin: 0;} #worldmap {height: 430px; width: 818px; margin: 0px 0 8px 0; padding: 0; display: none; position: relative;} #worldmap .worldmap_close {position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; background: url(media/img/buttons/close.png) 0 0; width: 40px; height: 40px; cursor: pointer; z-index: 100;} #worldmap .worldmap_close:hover {background: url(media/img/buttons/close_hover.png) 0 100%;} #worldmap .legend {position: absolute; bottom: 20px; left: 10px; margin: 0; padding: 0; font: normal 14px/18px Georgia, Times New Roman, serif; color: #888; padding: 0 5px; width: 420px; height: 20px; background: #eee; z-index: 100;} #worldmap .map_world {height: 430px; width: 818px; overflow-x: scroll; overflow-y: hidden; position: absolute; top: 0; left: 0; margin:0; padding: 0;} #worldmap .map_world ul {position: absolute; margin: 0; padding: 0; z-index: 2; height: 430px; width: 1024px; background: url(media/bilder/karten/worldmap.jpg) no-repeat;} #worldmap .map_world li {position: absolute; margin: 0; padding: 0; z-index: 3; display: none; width: 14px; height: 14px; z-index: 10000; background: url(media/img/dots/dot.png);} /* ------- ÄGYPTEN ------- */ #worldmap .map_world li.HRG {display: block; top: 200px; left: 900px;} #worldmap li.STN {display: block; top: 100px; left: 300px;} #worldmap li.SOF {display: block; top: 310px; left: 600px;} #worldmap li.PVG {display: block; top: 160px; left: 850px;} #worldmap li.ANU {display: block; top: 190px; left: 340px;} #worldmap li.MIR {display: block; top: 143px; left: 540px;} #worldmap li.TUN {display: block; top: 140px; left: 530px;} #worldmap li.TAB {display: block; top: 208px; left: 330px;} #worldmap li.AYT {display: block; top: 135px; left: 595px;} #worldmap li.DJE {display: block; top: 142px; left: 549px;} /* ------- INDIEN ------- */ #worldmap li.GOI {display: block; top: 190px; left: 721px;} #worldmap li.DEL {display: block; top: 170px; left: 720px;} #worldmap li.DJE {display: block; top: 142px; left: 549px;} #worldmap li.DJE {display: block; top: 142px; left: 549px;} #worldmap li.SGN {display: block; top: 210px; left: 810px;} #worldmap li.HAN {display: block; top: 185px; left: 805px;} #worldmap li.DAD {display: block; top: 200px; left: 818px;} /* ------- USA ------- */ #worldmap li.MIA {display: block; top: 165px; left: 277px;} #worldmap li.NYC {display: block; top: 232px; left: 168px;} /* ------- AE ------- */ #worldmap li.AUH {display: block; top: 170px; left: 668px;} #worldmap li.DXB {display: block; top: 172px; left: 679px;} /* ------- KROATIEN ------- */ #worldmap li.SOF {display: block; top: 110px; left: 570px;} /* ------- MAROKKO (MA) ------- */ #worldmap li.AGA {display: block; top: 150px; left: 476px;} /* ------- SÜDAFRIKA ------- */ #worldmap li.CPT {display: block; top: 332px; left: 560px;} #worldmap li.MBA {display: block; top: 232px; left: 560px;} /* ------- BRASILIEN ------- */ #worldmap li.SSA {display: block; top: 280px; left: 320px;} #worldmap li.DE {display: block; top: 90px; left: 540px;} #worldmap li.FR {display: block; top: 100px; left: 520px;} #worldmap li.IT {display: block; top: 120px; left: 546px;} #worldmap li.ES {display: block; top: 121px; left: 496px;} /* ------- INDONESIEN ------- */ #worldmap li.DPS {display: block; top: 260px; left: 822px;} /* ------- MALAYSIEN ------- */ #worldmap li.KUL {display: block; top: 260px; left: 822px;} #worldmap li.LGK {display: block; top: 220px; left: 792px;} #worldmap li.KUL {display: block; top: 230px; left: 802px;} /* ------- INDONESIEN ------- */ #worldmap li.DPS {display: block; top: 260px; left: 822px;} #worldmap .map_europe {height: 435px; width: 760px; background: #fff; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2; display: none; margin:0; padding: 0;} #worldmap .go_from_world_to_europe {position: absolute; top: 10px; left: 100px; margin: 0; padding: 0; background: #fff url(media/img/buttons/close.png) 0 0; width: 40px; height: 40px; display: block; cursor: pointer; z-index: 200;} #worldmap .map_europe ul {position: absolute; margin: 0; padding: 0; z-index: 4;} #worldmap .map_europe li {position: absolute; margin: 0; padding: 0; z-index: 3; display: none; width: 14px; height: 14px; background: url(media/img/dots/dot.png);} #worldmap .map_europe li.HRG {display: block; top: 200px; left: 300px;} #worldmap .map_europe li.CDG {display: block; top: 200px; left: 500px;} #worldmap li a { padding: 0; display: block; color: #000; z-index: 2; width: 12px; height: 12px; text-decoration: none; font-weight: bold;} #worldmap li.verylow a {background: url(media/img/dots/verylow.png) no-repeat 50% 50%;} #worldmap li.low a {background: url(media/img/dots/low.png) no-repeat 50% 50%;} #worldmap li.normal a {background: url(media/img/dots/normal.png) no-repeat 50% 50%;} #worldmap li.high a {background: url(media/img/dots/high.png) no-repeat 50% 50%;} #worldmap li.veryhigh a {background: url(media/img/dots/veryhigh.png) no-repeat 50% 50%;} #worldmap li em { font: normal 14px/18px Georgia, Times New Roman, serif; color: #903; position: absolute; top: -20px; left: 15px; text-align: center; white-space: nowrap; padding: 2px 4px; font-style: normal; z-index: 20000; display: none; background: #fff; } span.price {font: normal 12px/18px Georgia, Times New Roman, serif; color: #888; margin: 10px; padding: 0;} #sidebar {margin: 0 0 0; padding: 0; width:160px; background: #eee; float: right;} #sidebar p {text-align: center; margin: 0; padding: 0;} #sidebar p+p {margin: 0px;} #sidebar .info {margin: 8px; padding: 8px; width:126px; font: normal 12px/14px Georgia, Times New Roman, serif; border: 1px solid #888; background: #eee; float: right;} #sidebar .skyscraper {background: #fff; height: 610px; margin: 0;} img.left {float: left; margin: 0px 10px 0px 0;} img.right {float: right; margin: 10px 0 10px 10px;} select {font: 13px/18px Verdana, Georgia, Times New Roman, serif; margin: 0; padding: 0; color: #903;} #footer{ clear: both; width: 838px; height: 334px; background: url(media/img/bg/bottom.gif) no-repeat 0 100%; margin: 0; padding: 0; } #footer .footercontent { width: 818px; margin: 10px 18px; padding: 0 0; } #footer p.footer-top {width: 786px; height: 24px; background: #903; font: normal 13px/24px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #fff; margin: 0 0 10px; padding: 0 8px; } #footer .col{ display: block; float: left; margin: 8px 0 0 0; padding: 0; } #footer .col1 {width: 136px; height: 176px; margin: 0 8px 0 0; padding: 7px; border: 1px solid #eee;} #footer .col3 {width: 642px; height: 196px; margin: 0; padding: 0;} #footer p { margin: 0 0 8px 0; padding: 0; font: normal 13px/16px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #888; text-align: left; } #footer p.line { margin: 0 0 10px 18px; height: 1px; width: 802px; background: #eee; border-top: 38px solid #fff; } #imprint{ width: 802px; height: 18px; padding: 0; margin: 0 0 0 10px; background: #fff6e6; clear: both; } #footer p.footer-anbieter {width: 784px; height: 30px; background: #fff; font: normal 13px/24px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; border: 1px solid #eee; color: #fff; float: left; margin: 8px 0 8px; padding: 7px 7px; } #footer p.footer-links {width: 784px; height: 24px; background: #fff; font: normal 11px/24px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; border: 1px solid #eee; color: #888; float: left; margin: 8px 0 0; padding: 0 7px; } #imprint p{ margin: 0; padding: 0; font: normal 12px/12px Helvetica, Arial, sans-serif; color: #aaa; width: 802px; } #imprint a{ color: #aaa; text-decoration: underline; } #advertising {position: absolute; top: 116px; left: 842px;} #teaser {position: relative; width: 818px; height: 256px; margin: 28px 0 0px 0; padding: 0; overflow: hidden;} #jshowoff {width: 802px; height: 290px; margin: 0; padding: 0;} #jshowoff-europa {width: 802px; height: 402px; margin: 0; padding: 0;} #jshowoff p {margin: 0; padding: 0;} #jshowoff a, #jshowoff a:hover {text-decoration: none;} #jshowoff p span.country {position: absolute; top: 10px; left: 10px; white-space: nowrap; margin: 0; padding: 0;} #jshowoff p span.country_flag {position: absolute; top: -8px; left: -1px; display: block; width: 48px; height: 42px; margin: 0; padding: 0;} #jshowoff p span.country_flag img {width: 48px; height: 48px;} #jshowoff p span.country_name {margin: 0 0 0 55px; padding: 0 8px 0 6px; display: block; height: 32px; background: #fff; font: italic 24px/32px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #000;} #jshowoff p span.regionname {position: absolute; top: 120px; left: 0px; margin: 0; padding: 0 10px 0 6px; display: block; height: 46px; background: #fff; font: italic 40px/44px Georgia, Times New Roman, serif; letter-spacing: -1px; color: #903;} #jshowoff p span.price {position: absolute; top: 182px; left: 8px; margin: 0; padding: 0 10px 0 6px; display: block; height: 48px; background: #903;} #jshowoff p a:hover span.price {background: #606;} #jshowoff p span.price b {font: bold italic 40px/44px Georgia, Times New Roman, serif; margin:0; padding: 0; letter-spacing: -2px; color: #fff;} #jshowoff p span.price small {font: normal italic 24px/44px Georgia, Times New Roman, serif; padding: 0 0 0 4px;} #jshowoff p span.condition {position: absolute; top: 238px; left: 8px; margin: 0; padding: 2px 4px; opacity: 0.9; display: block; height: 12px; background: #fff; font: normal 10px/12px Arial, sans-serif; color: #888;} #jshowoff-slidelinks { position: absolute; width: 479px; height: 402px; top: 0px; left: 10px; margin: 0; padding: 0; display: none; } #jshowoff-slidelinks a, #jshowoff-controls a { display: block; background: #000; color: #fff; padding: 5px 7px 5px; margin: 5px 0 0 5px; float: left; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; outline: none; font-size: 11px; line-height: 14px; } #jshowoff-slidelinks a.jshowoff-active { background: red; color: #000;} #inhalt .contentad {width: 316px; height: 272px; background: #eee; margin: 0; padding: 0; position: relative;} #inhalt .contentad p {margin: 8px 8px 14px 8px;} #inhalt .contentad p.werbung {position: absolute; bottom: -11px; right: 0px; font: normal 9px/8px Arial, sans-serif;} #inhalt .searchbox_city {display: block; width: 314px; height: 248px; margin: 0 0 10px 0; padding: 0; background: #fff; border: 1px solid #903; font: normal 10px/12px Arial, sans-serif; background: #fff; color: #888;} #inhalt .searchbox_city_flight_hotel {} #inhalt .searchbox_city_flight {display: none; width: 314px;} #inhalt .searchbox_city_hotel {display: none; width: 314px;} #inhalt .searchbox_city ul {list-style: none; margin: 0; padding: 0;} #inhalt .searchbox_city li {display: inline; margin: 0; padding:0;} #inhalt .searchbox_city li a {float: left; width: 104px; height:24px; margin: 0 0 10px 0; padding: 4px 0 0 0; border-right: 1px solid #903; font: 16px/22px Trebuchet MS, Georgia, Arial, sans-serif; text-align:center; text-decoration: none; color: #903; border-bottom: 1px solid #903;} #inhalt .searchbox_city li a:hover {color: #fff; background: #903 url(media/img/bg/menu.gif);} #inhalt .searchbox_city li a.button_hotel_only {border-right: none; } #inhalt .searchbox_city li a.button_flight_hotel {color: #fff; background: #903 url(media/img/bg/menu.gif);} #inhalt .searchbox_city p {margin: 10px 10px;} #inhalt .test {color: #fff; background: #903 url(media/img/bg/menu.gif);} #traveloperator {width: 820px; margin: 16px; color: #903;} #traveloperator p.traveloperator {position: absolute; top: 10px; right: 20px;} #traveloperator h2 {font: italic 32px/36px Georgia, Times New Roman, serif; color: #903; margin: 5px 0 0 0; padding: 0;} #traveloperator h3 {font: normal 16px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #888; margin: 0 0 10px 10px; padding: 0;} #traveloperator h4 {font: bold 18px/18px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #888; margin: 0 0 10px 0; padding: 0;} #traveloperator p {font: normal 13px/16px "Trebuchet MS", Helvetica, "Lucida Sans", Arial,sans-serif; color: #888; margin: 0; padding: 0; text-align: justify;} #traveloperator .bigpic {float: left; width: 820px; margin: 10px 0 10px 0; padding: 0px; text-align: left;} #traveloperator .bigpic img {float: left; width: 820px; margin: 0; padding: 0; -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);} #traveloperator .content {float: left; width: 820px;} #traveloperator .content .left {float: left; width: 320px;} #traveloperator .content .right {float: right; width: 490px; padding: 0;} #traveloperator .content .right .text {width: 472px; border: 1px solid #888; background: #fff; padding: 8px;} .bildgalerie {float: left; width: 400px; position: relative; margin: 0 0 10px 0; padding: 74px 0 0 0;} .bildgalerie li {width:40px; height:80px; border: 1px dotted #888; background: #eee; margin: 0 2px 2px 0;} .bildgalerie li.hover {border-style:dotted; border-color:#fff;} .bildgalerie li.active {border-style:solid; border-color:#fff;} .galleria {float: left; position: absolute; top: 0; left: 0; list-style:none; width:840px; height: 66px; margin: 0; padding: 0; overflow: hidden;} .galleria li {display:block; width:64px; height:64px; overflow:hidden; float:left; margin: 0 8px 0 0;} .galleria li a {display: none; } .galleria li div {position: absolute; display:none; top:0; left:0;} .galleria li div img {cursor: pointer; } .galleria li.active div img {display: block;} .galleria li.active div {display: block;} .galleria li img.thumb {cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;} /* root element for the scrollable. when scrolling occurs this element stays still. */ div.scrollable { /* required settings */ position:relative; overflow:hidden; width: 660px; height:90px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ div.scrollable div.items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ div.scrollable div.items div { float:left; } /* you may want to setup some decorations to active the item */ div.items div.active { border:1px inset #ccc; background-color:#fff; } .