body {margin: 0px; padding: 0px; background: #ffffff; font: 12px Tahoma, sans-serif; color: #303030; line-height: 15px} td {font: 12px Tahoma, sans-serif; font-weight: light} .neutral {font-size: 12px; font-weight: light; font: 12px Tahoma, sans-serif; color: #000000} //#logo {width: 290px; height: 100px; background: url(../img/logo_travelantis.gif) top left no-repeat} //#logo .text, #logo a {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #FF9505; text-decoration: none} #icon {width: 110px; height: 75px;} #genial {width: 310px; font: 13px Tahoma; color: #667079; padding-left: 100px} #hotline {width: 430px; font: 20px Tahoma; font-weight: bold; color: #FF9505; text-align: right} #hotline_schmal {width: 275px; font: 20px Tahoma; font-weight: bold; color: #FF9505; text-align: right} #hotline_landing {width: 490px; font: 20px Tahoma; font-weight: bold; color: #FF9505; text-align: right} .hotline_text {font-size: 9px; color: #667079} .hotline_preis {padding-left: 73px; font-size: 11px; font-weight: normal; color: #667079} .hotline_zeit {padding-right: 2px; font-size: 9px; color: #667079; font-weight: normal} #hotline2 {width: 610px; font: 13px Tahoma; font-weight: bold; color: #64717A; text-align: right} #hotline3 {font: 13px Tahoma; font-weight: bold; color: #64717A} //angebote.php etc. a, a:link, a:visited, a:focus {color: #81821A; font-weight: normal; text-decoration: none} a:hover, a:active {color: #74A8F5; font-weight: normal; text-decoration: underline} input, textarea, select {color: #333333; font: 11px Tahoma} .input_active { color: #008000} .disabled { background-color: #DDDDDD; } #layer1_inner {vertical-align:top; valign:top; margin-top:-13px;} #reiter_bg {clear: left; float: left; margin: 0px; width: 1000px; height: 32px; background: url(../img/reiter_bg.gif) top left repeat} #reiter_bg_schmal {clear: left; float: left; margin: 0px; width: 875px; height: 32px; background: url(../img/reiter_bg.gif) top left repeat} #reiter_bg_landing {clear: left; float: left; margin: 0px; width: 875px; height: 32px; background: url(../img/reiter_bg.gif) top left repeat} #reiter_linie1 {width: 200px; height: 25px; background: #E6E8B6; font: 13px Tahoma; color: #667079; line-height: 25px} #reiter_linie2 {width: 800px; height: 25px; background: #E6E8B6; font: 13px Tahoma; color: #81821A; line-height: 25px; text-align: right} #reiter_linie2 a, a:link, a:visited {color: #81821A; text-decoration: underline} #reiter_linie2 a:hover, a:active {color: #74A8F5; text-decoration: underline} #reiter_linie2_schmal {width: 675px; height: 25px; background: #E6E8B6; font: 13px Tahoma; color: #81821A; line-height: 25px; text-align: right} #reiter_linie2_schmal a, a:link, a:visited {color: #81821A; text-decoration: none} #reiter_linie2_schmal a:hover, a:active {color: #74A8F5; text-decoration: none} #reiter_linie2_landing {width: 675px; height: 25px; background: #E6E8B6; font: 13px Tahoma; color: #81821A; line-height: 25px; text-align: right} #reiter_linie2_landing a, a:link, a:visited {color: #81821A; text-decoration: none} #reiter_linie2_landing a:hover, a:active {color: #74A8F5; text-decoration: none} #reiter ul, #reiter li {float: left; display: inline; list-style: none; background: url(../img/reiter_mitte.gif) repeat-x center top; padding: 0px; margin: 0px} #reiter a:link, #reiter a:visited {float: left; margin: 0px; padding-left: 1px; color: #667079; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../img/reiter_links.gif) no-repeat left top; text-decoration: none} #reiter a:hover, #reiter a:active {color: #AEB2B5} #reiter a span {float: none; display: block; background: url(../img/reiter_rechts.gif) no-repeat right top; padding: 6px 8px 4px 5px} #reiter2 a.reiter2:link, #reiter2 a.reiter2:visited {color: #ffffff} #reiter2 a.reiter2:hover, #reiter2 a.reiter2:active {color: #efefef} #reiter_rechts {float: right} #reiter_rechts ul, #reiter_rechts li {float: left; display: inline; list-style: none; background: url(../img/reiter_rechts_mitte.gif) repeat-x center top; padding: 0px; margin: 0px} #reiter_rechts a:link, #reiter_rechts a:visited {float: left; margin: 0px; padding-left: 7px; color: #667079; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../img/reiter_rechts_links.gif) no-repeat left top; text-decoration: none} #reiter_rechts a:hover, #reiter_rechts a:active {color: #AEB2B5} #reiter_rechts a span {float: none; display: block; background: url(../img/reiter_rechts_rechts.gif) no-repeat right top; padding: 7px 13px 4px 5px} .headline_links {width: 149px; height: 27px; margin: 0px; padding: 0px; background: #E6E8B6} #headline, #headline a {width: 851px; height: 27px; margin: 0px; padding: 0px; background: #ffac00; font: 13px Tahoma; color: #800000; line-height: 27px; font-weight: bold; text-decoration: none} #headline big {color: #800000} .headline_links_schmal {width: 24px; height: 27px; margin: 0px; padding: 0px; background: #E6E8B6} #headline_schmal, #headline_schmal a {width: 851px; height: 27px; margin: 0px; padding: 0px; background: #ffac00; font: 13px Tahoma; color: #800000; line-height: 27px; font-weight: bold; text-decoration: none} .headline_links_landing {width: 24px; height: 27px; margin: 0px; padding: 0px; background: #E6E8B6} #headline_landing, #headline_landing a {width: 851px; height: 27px; margin: 0px; padding: 0px; background: #ffac00; font: 13px Tahoma; color: #800000; line-height: 27px; font-weight: bold; text-decoration: none} h1 {color: #ff8000; font-size: 16px; padding: 0px; margin: 0px} h2 {color: #ff8000; font-size: 14px; padding: 0px; margin: 0px; text-decoration: none} h3 {color: #667079; font-size: 13px; padding: 0px 0px 0px 0px; margin: 0px} h4 {color: #667079; font-size: 12px; padding: 0px; margin: 0px} select, input, textarea {font-size: 11px} small, .small {font-size: 11px; font-weight: normal} very_small, .very_small {font-size: 10px; font-weight: normal} .small_landing {font-size: 12px; font-weight: normal} .small_angebote {font-size: 11px; font-weight: normal} .small_ibe {font-size: 11px; font-weight: normal} .meldung_error {color: #C40000; font-size: 13px; font-weight: bold} .meldung_ok {color: #81821A; font-size: 13px; font-weight: bold} .red {color: #C40000; font-size: 12px; font-weight: normal} .green {color: green; font-size: 12px; font-weight: normal} .black {color: #000000; font-size: 12px; font-weight: normal} .radiotext {color: #004EC3; font-size: 14px; font-weight: normal; text-decoration:underline; line-height:20px; cursor:hand} .auswahl-reisearten {height:65px; background: url(https://www.travelantis.de/img/bgauswahl.gif);} .links {width: 149px; height: 100%; margin: 0px; padding: 0px; background: #E6E8B6} #links_landing {width: 24px; height: 100%; margin: 0px; padding: 0px; background: #E6E8B6} #links_schmal {width: 26px; height: 100%; margin: 0px; padding: 0px; background: #E6E8B6} #links_box {margin-top: 40px; height: 240px; padding: 5px; background: #ffac00; font: 13px Tahoma; color: #ffffff; font-weight: bold; } #links_box a {font: 13px Tahoma; color: #ffffff; font-weight: bold; text-decoration: none} #links_text {margin-top: 40px; padding: 5px; font-size: 12px}.links_linie {width: 1px; height: 100%; margin: 0px; padding: 0px; background: #ffac00} #linie_vertikal {width: 16px; height: 100%; margin: 0px; padding: 0px} #linie_horizontal {height: 16px; margin: 0px; padding: 0px} #links_menu a.li-titel:link, #links_menu a.li-titel:visited {display: block; width: 110px; padding: 2px 0px 2px 5px; margin-top: 10px; border-left: 5px solid #E6E8B6; background: #E6E8B6; color: #667079; font-size: 12px; font-weight: bold; text-decoration: none} #links_menu a.li-titel:hover, #links_menu a.li-titel:active {display: block; width: 110px; padding: 2px 0px 2px 5px; border-left: 5px solid #F7BC5B; background: #667079; color: #ffffff; text-decoration: none} #links_menu a, #links_menu .li-text {padding: 0px 0px 0px 10px; font-size: 12px; color: #81821A; text-decoration: none} #links_menu .li-text2 {padding: 0px 0px 0px 0px; font-size: 12px; color: #81821A; text-decoration: none} #mitte {float: left; width: 610px; height: 100%; margin: 0px; padding: 0px 20px 0px 20px; background: #ffffff} #mitte2 {float: left; width: 620px; height: 100%; margin: 0px; padding: 0px; background: #ffffff} #rechts {float: left; width: 200px; height: 100%; margin: 0px; padding: 0px; background: #ffffff} #rechts_newsletter {background: #E6E8B6; margin: 0px; padding: 0px} #rechts_newsletter p {font: 12px Tahoma; color: #000000; margin: 0px; padding: 5px 0px 5px 5px} .rechts_motiv {margin: 0px; padding: 0px; border: 1px solid #64717A} .rechts_motiv p {font-size: 12px; margin: 0px; padding: 5px} .rechts_motiv a, a:link, a:visited {color: #81821A; font-weight: normal; text-decoration: none} .rechts_motiv a:hover, a:active {color: #74A8F5; font-weight: normal; text-decoration: underline} #links_motiv {margin-top: 27px; padding: 0px; border: 1px solid #64717A} #links_motiv p {font-size: 12px; margin: 0px; padding: 5px} #links_motiv a, a:link, a:visited {color: #81821A; font-weight: normal; text-decoration: none} #links_motiv a:hover, a:active {color: #74A8F5; font-weight: normal; text-decoration: underline} #rechts_coupon {margin: 0px; padding: 0px; width: 200px; height: 186px; background: url(../img/coupon.gif) top center no-repeat} #rechts_coupon p {font: 13px Tahoma; color: #667079; margin: 0px; padding: 5px 20px 5px 20px} #rechts_coupon a, a:link, a:visited {color: #81821A; font-weight: normal; text-decoration: none} #rechts_coupon a:hover, a:active {color: #74A8F5; font-weight: normal; text-decoration: underline} #rechts_text {padding: 5px; font-size: 12px} .highlight, a.highlight {color: #FF8000; font-size: 15px; font-weight: bold; line-height: 25px; text-decoration: none} #footline {float: left; width: 1000px; height: 25px; margin: 0px; padding: 0px; font: 14px Tahoma; background: #ffac00; color: #ffffff; line-height: 25px} #footer {clear: left; margin: 0px; padding: 10px 0px 0px 0px; width: 1000px; background: #ffffff url(../img/footer_bg.gif) top left repeat-x; border-top: 8px solid #E6E8B6; text-align: center} #footer a, #footer a:link, #footer a:visited {color: #81821A; text-decoration: none} #footer a:hover, #footer a:active {color: #74A8F5; text-decoration: underline} #footline_schmal {float: left; width: 875px; height: 25px; margin: 0px; padding: 0px; font: 11px Tahoma; background: #ffac00; color: #ffffff; line-height: 25px} #footer_schmal {clear: left; margin: 0px; padding: 10px 0px 0px 0px; width: 875px; font: 11px Tahoma; background: #ffffff url(../img/footer_bg.gif) top left repeat-x; border-top: 8px solid #E6E8B6; text-align: center} #footer_schmal a, #footer_schmal a:link, #footer_schmal a:visited {color: #81821A; text-decoration: none} #footer_schmal a:hover, #footer_schmal a:active {color: #74A8F5; text-decoration: underline} #footline_landing {float: left; width: 875px; height: 25px; margin: 0px; padding: 0px; font: 11px Tahoma; background: #ffac00; color: #ffffff; line-height: 25px} #footer_landing {clear: left; margin: 0px; padding: 10px 0px 0px 0px; width: 875px; font: 11px Tahoma; background: #ffffff url(../img/footer_bg.gif) top left repeat-x; border-top: 8px solid #E6E8B6; text-align: center} #footer_landing a, #footer_landing a:link, #footer_landing a:visited {color: #81821A; text-decoration: none} #footer_landing a:hover, #footer_landing a:active {color: #74A8F5; text-decoration: underline} //traffics #sortierung {font: 12px Tahoma; color: #64717A; text-align: right; padding: 0px} #sortierung a {color: #81821A; text-decoration: none} #sortierung a:hover, a:visited {color: #74A8F5; text-decoration: underline} #seitenzahl {font: 14px Tahoma; font-weight: bold; color: #64717A; text-align: center} #seitenzahl a {color: #81821A; text-decoration: none} #seitenzahl a:hover, a:visited {color: #74A8F5; text-decoration: underline} .borderschnellsuche {background-color: #E6E8B6; border: 1px solid #64717A} .subheader {background-color: #64717A; font-weight: bold; font: bold; font-size: 12px; color: #FFFFFF; padding: 0px; height: 26px} .subheader2 {color: #ff8000} a.subheader, a.subheader:link, a.subheader:visited {color: #ffffff; font-weight: bold; text-decoration: none; padding: 0px; height: 12px} a.subheader:hover, a.subheader:active {color: #ffffff; font-weight: bold; text-decoration: underline; padding: 0px; height: 12px} .subheader3 {font-weight: bold; font-size: 11px; color: #ff8000; border-bottom: none} .subheader4 {font-weight: bold; font-size: 11px; color: #667079; background: #E6E8B6; border: 1px solid #667079; border-bottom: none} /*test*/ .subheader_suche {font-weight: bold; font-size: 11px; color: #667079; background: #ffac00; border: 0px solid #667079; border-bottom: none} /*test*/ .subheader_angebote {font-weight: bold; font-size: 11px; color: #667079; background: #cdd7fa; border: 0px solid #667079; border-bottom: none} /*test*/ .subheader_content {font-weight: bold; font-size: 11px; color: #667079; background: #e6e8b6; border: 0px solid #667079; border-bottom: none} /*test*/ .border,.bordermain {border: 1px solid #64717A} .teaserregion {font-size: 13px; color: #666666; font-weight: normal; background-color:#ffffff} .contenboxrow {font-size: 12px; color: #000000; font-weight: light; background-color: #ffffff; border: 1px solid #667079; padding: 5px} .contenboxrow2 {font-size: 12px; color: #000000; font-weight: light; line-height: 16px; background-color: #E6E8B6; border: 1px solid #667079; border-top: none; white-space: normal; padding: 10px} .contenboxrow3 {font-size: 12px; color: #000000; font-weight: light; line-height: 16px; background-color: #F3F6FF; border: 1px solid #667079; white-space: normal; padding: 3px} .contenboxrow3, .contenboxrow3 td {font-size: 12px; color: #000000; font-weight: light; line-height: 16px} .contenboxrow4 {background-color: #ffffff} .contenboxrow5 {background-color: #E6E8B6} .vipbox1 {background-color: #FF9900} .vipbox2 {background-color: #FFCC66} .image{float:left; padding:1px; background:url(../img/dot.gif) repeat; margin:0 .5em .2em 0;} .var1 img{border:3px solid #fff} .var2 img{border:5px solid #fff} .teaserlinkregion, a.teaserlinkregion {font-size: 13px; color: #0062c4; font-weight: normal} .teaserlinkregion {font-size: 13px; color: #0062c4; font-weight: normal} .teaserlink {font-size: 16px; color: #9ab0d1; font-weight: bold} .teaserlink2 {font-size: 16px; color: #0062c4; font-weight: bold} .teaser {font-size: 11px; color: #000000} .header {background-color: #81821A; font-weight: bold; font-size: 11px; color: #FFFFFF; padding: 0px} .voting_table{ border: 1px solid #FD8F01; float: left; width: 80%; height: 10px; } .voting_table_small{ border: 1px solid #008700; float: left; width: 40%; height: 4px; } .voting { background-image: url(../img/skala.gif); background-repeat: none; } .voting_small { background: #82C300; background-repeat: none; } .tabheader_termine { font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; background: #ffffff url(https://www.travelantis.de/img/table.gif) top left repeat-x; border-top: 1px solid #FFAC00; border-bottom: 1px solid #FFAC00; color: #0062c4; font-size: 12px; font-weight: bold; } .priceregion, a.priceregion, a.priceregion:link, a.priceregion:visited {color: #FF8000; font-size: 13px; font-weight: bold} .priceregion, a.priceregion, a.priceregion:hover, a.priceregion:active {color: #FF8000; font-size: 13px; font-weight: bold} .price, a.price, a.price:link, a.price:visited {color: #FF8000; font-size: 16px; font-weight: bold} .price, a.price, a.price:hover, a.price:active {color: #FF8000; font-size: 16px; font-weight: bold} td.linkstyle a { display: block; } /*Terminauswahl*/ #Angebot {color: #206571; position:relative; width:600px; margin-bottom:20px; background-color:#F5F8FF; border:1px solid #d8e1ea} #Angebot_Navi {background:#b5b5b5} #Angebot_Reisen_Steps {font: 11px Arial, Helvetica, sans-serif; color: #206571; padding: 3px 3px 0px 5px; height:20px; width:109px; float:left; margin-top:0px; border: 0px; border-bottom:1px solid #F5F8FF; border-right:1px solid #F5F8FF; background-color:#d8e1ea} #Angebot_Reisen_Steps_Aktiv {font: 11px Arial, Helvetica, sans-serif; color: #206571; padding: 3px 3px 0px 5px; height:20px; width:109px; float:left; margin-top:0px; border: 0px; border-right: 1px solid #F5F8FF;} #Angebot_Formular {font: 12px Arial, Helvetica, sans-serif; color: #206571; clear:left; border:1px; margin-top:5px; margin-bottom:10px; height:300px; height:auto; line-height:1.4em; padding: 5px 5px 0px 5px} /*Rundreisenwahl*/ #AngebotR {color: #206571; position:relative; width:575px; margin-bottom:20px; background-color:#F5F8FF; border:1px solid #d8e1ea;} #AngebotR_Navi {background:#b5b5b5} .AngebotR_Reisen_Steps {font: 11px Arial, Helvetica, sans-serif; color: #206571; padding: 3px 3px 0px 5px; height:20px; width:250px; float:left; margin-top:0px; border: 0px; border-bottom:1px solid #F5F8FF; border-right:1px solid #F5F8FF; background-color:#d8e1ea} #AngebotR_Reisen_Steps_Aktiv {font: 11px Arial, Helvetica, sans-serif; color: #206571; padding: 3px 3px 0px 5px; height:20px; width:250px; float:left; margin-top:0px; border: 0px; border-right: 1px solid #F5F8FF;} #AngebotR_Formular {font: 12px Arial, Helvetica, sans-serif; color: #206571; clear:left; border:1px; margin-top:5px; margin-bottom:10px; height:auto; line-height:1.4em; padding: 5px 5px 0px 5px} .tab_active {float:left; width:65px; height:26px; margin-left:1px; color: #206571; background-image: url(https://ibe.travelantis.de/media/images/tab_active.png); text-align:center; line-height:30px;} .tab_nonactive {float:left; cursor: pointer; cursor: hand; width:65px; height:26px; margin-left:1px; color: #ffffff; background-image: url(https://ibe.travelantis.de/media/images/tab_nonactive.png) ; text-align:center; line-height:30px;} .sm_small {height:20px; text-align:left;} .search_input { outline:0; border:1px solid #95D2DF; width: 200px; height: 26px; background-image: url(https://ibe.travelantis.de/media/images/lupe.png); background-repeat: no-repeat; background-position: right; background-color: #FFFFFF; padding-right: 26px; font-size: 13px; color: #333333; } ul.tabcol {list-style-type:none; float:left; margin:0; padding:0; width:170px;} ul.tabcol li {margin:0px 10px 7px 2px; color:#000000;} ul.tabcol a {color:#000000;} ul.tabcol li:hover { background-color:orange; cursor: pointer; cursor: hand; } .tabContainer {width:550px; height:300px; background-color:#ffffff; border: 1px solid #AAA; border-top: 0px;} div.tabContainer div.tab { display: none; } div.tabContainer div.current { display: block; } .tabrow { text-align: center; list-style: none; margin: 10px 0 0px; padding: 0; line-height: 24px; height: 26px; overflow: hidden; font-size: 12px; font-family: verdana; position: relative; } .tabrow li { cursor: pointer; cursor: hand; border: 1px solid #AAA; background: #D1D1D1; background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%); display: inline-block; position: relative; z-index: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF; text-shadow: 0 1px #FFF; margin: 0 -5px; padding: 0 20px; } .tabrow a { color: #555; text-decoration: none; } .tabrow li.selected { background: #FFF; color: #333; z-index: 2; border-bottom-color: #FFF; } .tabrow:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; } .tabrow li:before, .tabrow li:after { border: 1px solid #AAA; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; } .tabrow li:before { left: -6px; border-bottom-right-radius: 6px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #D1D1D1; } .tabrow li:after { right: -6px; border-bottom-left-radius: 6px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #D1D1D1; } .tabrow li.selected:before { box-shadow: 2px 2px 0 #FFF; } .tabrow li.selected:after { box-shadow: -2px 2px 0 #FFF; } .input {height:22px; font-size:12px;} /* CSS Document Carousel */ e.jcarousel-skin-tango .jcarousel-container { background: none; position: relative; top: 0px; left: 0px; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 335px; height: 114px; padding: 0px; position: relative; top: 64px; left: 59px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 335px; height: 114px; } .jcarousel-skin-tango .jcarousel-item { width: 335px; height: 114px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 0; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 23px; right: -40px; width: 40px; height: 65px; cursor: pointer; background: transparent url(/img/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(/img/prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -40px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -80px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -120px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 23px; left: -40px; width: 40px; height: 65px; cursor: pointer; background: transparent url(/img/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(/img/next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -40px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -80px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -120px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/img/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/img/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } #startbanner-container {position: relative; background: url(/img/kombireisen/bg.jpg) no-repeat; width: 825px; height: 325px;} #slider-container {position: absolute; top: 35px; left: 5px; background: url(/img/kombireisen/sliderbg.png) no-repeat; width: 456px; height: 206px;} .slideframe {position: absolute; top: 92px; left: 10px; width: 325px; height: 15px;} .slideframe a, .slideframe a:hover {color: #FFF; font-weight: bold; text-shadow: 1px 1px 3px #111; font-size: 12px;} #arz-button {position: absolute; top: 225px; left: 61px; background: url(/img/kombireisen/arz-button.png) no-repeat; width: 341px; height: 74px;} #arz-button:hover {background-position: -341px;} #topreiseziele {position: absolute; top: 150px; right: 40px; background: url(/img/kombireisen/trzbg.png) no-repeat; width: 320px; height: 149px;} .trztable {position: absolute; top: 35px; right: 35px; width: 250px; height: 80px;} .trztable a {background: url(/img/kombireisen/link_arrow.png) no-repeat bottom left; display: block; padding: 0 0 0 12px; line-height: 12px;} .trztable a:hover {padding: 0 0 0 12px; text-shadow:none} #stern {position: absolute; top: 55px; right: 20px; background: url(/img/kombireisen/stern.png) no-repeat; width: 144px; height: 135px;} #route {position: absolute; top: -10px; right: 103px; background: url(/img/kombireisen/route.png) no-repeat; width: 278px; height: 173px;} .dpn {display: none;}.holidayCheck{width:275px; height:40px;} .holidayCheck_Review{width:250px; height:20px; margin-bottom:3px;} .holidayCheck_Logo{float:left; background-image:url("https://www.travelantis.de/hc/holidaycheck_small.png"); background-repeat:no-repeat; width:87px; height:17px; margin-right:15px; margin-top:-1px;} .hotel_Review{float:left; margin-top:-1px; line-height:normal; width:115px;} .ratingValue{float:left; text-decoration:none; margin-top:-1px; color:#315faa; font-family:"ff-meta-web-pro", Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; width:30px; font-weight:bold;} .hotel_Review_overlay{background-repeat:no-repeat; height:16px; line-height:0; width:107px; background-image:url("https://www.travelantis.de/hc/hotelreview_overlay.png"); display:inline-block;} .hotel_Review_base{background-repeat:no-repeat; height:16px; line-height:0; width:107px; background-image:url("https://www.travelantis.de/hc/hotelreview_base.png"); display:inline-block;} .hotel_Review_text{clear:both; width:275px; font-size:12px; color:#7c7c7c; line-height:15px;}ul.h{display:inline-block;float:right;margin:0;padding:0;margin-left:10px;} ul.h li{float:right;width:150px;display:inline-block;list-style:none;padding:0} ul.h li.txt{margin:8px 0 0;padding:0 13px;border-left:1px solid #efefef}ul.h li.txt{color: #667079;font-size:18px;font-family:Verdana, Arial, sans-serif;font-family:Arial, sans-serif;font-weight:bold;font-style:normal;display:block}ul.h li.txt em{display:block} #travelantis-subscription{position: fixed;bottom: 20px;right: 10px;display: none;} #travelantis-logo{float: left;position: absolute;left: 2px;top: 2px;} #travelantis-logo img{border-radius: 3px;} #subscription-container, #subscription-message{position: relative;width: 350px;height: 80px;margin: auto;font-size: 13px;border-radius: 5px;box-shadow: -3px 3px 6px #a09273;} #subscription-message{margin-top: 5px;height: 105px;border-radius: 0px;display: none;} #subscription-header{position: relative;height: 25px;text-align: center;line-height: 25px;margin: 0;box-shadow: 0px 2px 2px #a09273;} #subscription-content{position: relative;height: 100px;width: 348px;padding: 12.5px 10px;} #input-container{position: relative;float: left;width: calc(100% - 90px);} #input-container span, #subscription-send span{position: relative;float: left;text-align: center;width: 25px;height: 24px;margin: 0px;font-size: 13px;line-height: 22px;border-radius: 2px;} #subscription-send span{float: right;} #input-container i, #subscription-send i{position: relative;height: 25px;width: 25px;margin: 0px;top: 3px;left: 2px;} #input-container i{top: 4px;left: 4px;} #input-container input{position: relative;height: 29px !important;width: 230px;border: none;border-bottom: solid 1px #81821A;padding: 2px 8px;font-size: 13px;font-style: italic;top: -3px;} #input-container input:focus{border-color: #81821A;border-right: solid 1px #81821A;box-shadow: 0 1px 1px rgba(129, 130, 26, 0.70) inset, 0 0 8px rgba(129, 130, 26, 0.5);outline: 0 none;} #subscription-send{position: relative;float: left;line-height: 25px;height: 26px;width: 70px;margin: 0px;}#hide-subscription{font-size: 14px;width: 25px;height: 25px;position: absolute;float: right;right: -12px;} #hide-subscription i{width: 25px; height: 25px;float: right;top: 0px;right: -10px;padding-left: 20px;} #subscription-message{font-size: 13px;font-style: italic;} #subscription-message-header{padding: 2.5px 10px;} #subscription-message-title{font-weight: 500;} #subscription-message-header, #subscription-message-footer{position: relative;height: 25px;width: 100%;text-align: center;line-height: 30px;margin: 0;} #subscription-message-footer{position: absolute;height: 4px;bottom: 0px;} #subscription-message span#subscription-message-icon #subscription-message span#subscription-message-close{position: relative;float: left;text-align: center;width: 25px;height: 24px;margin: 0px;font-size: 13px;line-height: 22px;border-radius: 2px; left: 2px;}span#subscription-message-close{float: right;border-radius: 50% !important;} #subscription-message i{position: relative;height: 25px;width: 25px;margin: 0px;} #subscription-message-close i{top: 5px;left: 5px;} #subscription-message #subscription-message-close{top: -1px;left: 4px !important;} #subscription-message-icon{font-size: 16px !important;} #subscription-message-title{position: relative;float: left;width: calc(100% - 77px);} #subscription-message-content{padding: 10px; font-weight: 300;text-align: center;height: 50px;border-top: solid 1px #ddd;} .cc-orange001{color: #ffac00;} .bg-orange001{background-color: #ffac00;color: #fff; font-weight:bold;} .brdr-orange001{border: solid 1px #ffac00;} .bg-citron001{background-color: #E6E8B6;color: #fff;} .cc-citron002{color: #81821A; font-size:16px;} .bg-citron002{background-color: #81821A;color: #fff;} .brdr-citron002{border: solid 1px #81821A;} .cc-red001{color: #f75a4f;} .bg-red001{background-color: #f75a4f;color: #fff;} .brdr-red001{border: solid 1px #f75a4f;} .clickable{cursor: pointer;} .wait{cursor: wait;} .not-clickable{pointer-events: none;}