@import 'cms.css'; @import 'info.css'; @import 'liftstatus.css'; @import 'tarife.css'; @import 'webcams.css'; @import 'suche.css'; @import 'forum.css'; @import 'gallery.css'; @import 'shop.css'; /* Allgemeine Einstellungen - HTML Elemente */ html { color: #444; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em;} body { background-color: #e7ecf0; background-image: url("../de/images/shadow-bg.gif"); background-repeat: repeat-y; background-position: center top; margin: 0; padding: 0; width: 100% } input, textarea, select, option { color: #444; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 } a { color: #e2001a; font-size: 11px; text-decoration: none } a:hover { text-decoration: underline } table, td, p { color: #444; font-size: 11px; font-family: Arial, Helvetica, sans-serif } .clear {clear: both; margin: 0;padding:0;} /* Hintergrund & Container */ #background { background-image: url("../de/images/bg-container.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 579px } #background #shadow { background-image: url("../de/images/shadow.gif"); background-repeat: no-repeat; background-position: center top; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 579px } #sitecontainter { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; overflow: visible } /*Shadows*/ .shadow_left { background-image: url("../de/images/shadow-bgleft.gif"); background-repeat: repeat-y; background-position: right top } .shadow_right { background-image: url("../de/images/shadow-bgright.gif"); background-repeat: repeat-y; background-position: left top } .bordercell_left { background-color: #cbced1 } .bordercell_right { background-color: #cbced1; background-image: url("../de/images/bg-kontextleft.gif"); background-repeat: no-repeat } /* Metamenü */ .metamenu { margin-top: 50px; float: left } .metamenu a { color: #eff4d6; font-weight: normal; text-decoration: none; margin-right: 10px; float: left } .metamenu a:hover { color: #fff; font-weight: normal; text-decoration: none } .metamenu .seperator { color: #fff; float: left } /* Header Links (Suche) */ #header { background-image: url("../de/images/bg-sprachnavigation.gif"); background-repeat: repeat-x; background-position: left top; width: 100%; height: 84px } #headerleft { height: 84px; float: left } #headerleft .metamenu { margin: 0; height: 20px; float: left } #headerleft .metamenu a { color: #fff; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; background-color: #4075a5; text-transform: uppercase; display: block; margin: 0; padding: 4px 5px 1px; position: relative; float: left; border-left: 1px solid #96b7d1 } #headerleft .metamenu a:hover { color: #000; font-family: "Trebuchet MS"; text-decoration: none; background-color: #fff; margin: 0 } #headerleft .seperatorr { background-color: #96b7d1; width: 1px; height: 21px; float: left; border-width: 0 } #headerleft #ticker { margin-left: 20px; position: absolute; top: 52px; width: 324px; height: 34px; clear: both } #headerleft #saisonticker { margin-left: 20px; position: absolute; top: 32px; width: 410px; height: 50px; clear: both } #headerleft #saison { background-color: #b1ca35; background-image: url("../de/images/button_submitsearch_sommer.gif"); background-repeat: no-repeat; background-position: 2px 2px; width: 145px; height: 21px; float: left; border-right: 1px solid #96b7d1; border-left: 1px solid #96b7d1 } #headerleft #saison a { color: #fff; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; display: block; margin-top: 4px; margin-left: 25px; position: relative } #headerleft #saison a:hover { font-weight: bold; text-decoration: none } #headerleft #bookmarks { margin-left: 660px; position: absolute; top: 58px } #headerleft #bookmarks a { margin-right: 3px; float: left; border-style: solid solid none; border-width: 1px; border-color: #bbcedf } /* Topnews */ #topnews { margin-left: 155px; position: absolute; top: 45px } #topnews .newsitem { color: #fff; background-image: url(../de/images/topnews.gif); background-repeat: no-repeat; background-position: left 3px; margin-right: 15px; padding-top: 5px; padding-right: 5px; padding-left: 20px; width: 210px; float: left } #topnews .newsitem a { color: #fff; font-weight: normal; text-decoration: none; display: block } /* Header Rechts (Sprachnavi) */ #headerright { background-image: url("../de/images/logo-top.gif"); background-repeat: no-repeat; background-position: right bottom; width: 325px; height: 84px; float: right; overflow: visible } #headerright #languages { margin-left: 13px; position: absolute; z-index: 4000; top: 0; width: 160px; float: right; overflow: visible } #headerright #languages .current { height: 21px; float: left; border-left: 1px solid #96b7d1 } #headerright #languages .current a { color: #fff; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; display: block; padding-right: 2px; padding-bottom: 1px; padding-left: 5px; position: relative; float: left } #headerright #languages .current a:hover { color: #000; font-family: "Trebuchet MS"; text-decoration: none; background-color: #fff } #headerright #languages .current img { margin-top: 5px; margin-right: 5px; float: left; border-width: 0 } #headerright #languages .current .text { margin-right: 5px; padding-top: 4px; float: left } #headerright #languages .current .button { margin-top: 2px; margin-right: 2px; float: right } #headerright #languageslist { background-color: #437bab; margin-left: 13px; position: absolute; z-index: 4001; top: 21; width: 312px; float: left; overflow: visible } #headerright #languageslist a { color: #fff; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; display: block; padding-top: 2px; padding-bottom: 2px; position: relative; width: 156px; float: left; overflow: hidden; border-top: 1px solid #96b7d1 } #headerright #languageslist a:hover { color: #000; font-family: "Trebuchet MS"; text-decoration: none } #headerright #languageslist img { margin-top: 1px; margin-right: 5px; margin-left: 5px; float: left; border-width: 0 } #headerright #printlogo { margin-top: 13px; float: right } #headerright .search { height: 21px; float: right; border-right: 1px solid #96b7d1; border-left: 1px solid #96b7d1 } #headerright .search .input { color: #3873a3; font-weight: normal; line-height: 18px; background-color: #ffffff; margin-top: 2px; margin-right: 1px; margin-left: 4px; padding-left: 2px; width: 125px; height: 17px; float: left; vertical-align: middle; border-width: 0 } #headerright .search .button { margin-top: 2px; margin-right: 2px; float: left } /* Content */ #content { background-color: #fff; margin: auto; padding: 0; width: 100% } #content_header { background-color: #fff; margin-right: 1px; margin-left: 1px; height: 303px } #content_headerlogo { margin-left: 768px; position: absolute; z-index: 5000; behavior: url(../scripts/iepngfix.htc) } #content_headerwetter { background-image: url(../de/images/bg-menuwetter.png); margin-top: 99px; margin-left: 748px; position: absolute; z-index: 5000; width: 247px; height: 236px; behavior: url(../scripts/iepngfix.htc) } :root #content_headerwetter { background-image: url(../de/images/bg-menuwetter.png); margin-top: 99px; margin-left: 749px; position: absolute; z-index: 5000; width: 247px; height: 236px; behavior: url(../scripts/iepngfix.htc) } #content_headerwetter #wettermenu { margin-top: 30px; margin-right: 10px; margin-left: 35px } #content_headerwetter #wettermenu a { color: #fff; font-size: 12px; font-weight: bold; background-image: url("../de/images/button_submitsearch.gif"); background-repeat: no-repeat; background-position: right top; text-transform: uppercase; display: block; margin-bottom: 5px; height: 26px; vertical-align: middle } #content_headerwetter #wettermenu a:hover { text-decoration: none } #content_headerimage { margin-right: 1px; margin-left: 1px; height: 304px; overflow: hidden } #content_flashheader { background-color: #fff; margin-right: 1px; margin-left: 1px } .content_accolist { } .content_accofilter { background-color: #fff; background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0 } /* Hauptmenü */ #content_menu { background-image: url("../de/images/bg-menu-low.gif"); background-repeat: repeat-x; background-position: left top; margin-right: 1px; margin-left: 1px; height: 28px } #content_menuleft { height: 28px; float: left } #content_menuright { background-image: url("../de/images/bg-menu-right.gif"); background-repeat: no-repeat; background-position: right top; width: 246px; height: 28px; float: right } #content_menu ul { list-style: none; margin: 0 0 0 1px; padding: 0; float: left } #content_menu li { background-image: url("../de/images/bg-menu.gif"); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; float: left } #content_menu a { color: #f7bfc5; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none; background-image: url("../de/images/bg-menu-low.gif"); background-repeat: repeat-x; background-position: left top; text-transform: uppercase; display: block; margin-right: 1px; padding: 8px 10px 4px } #content_menu a:hover { background-image: url("../de/images/bg-menu-low.gif"); background-repeat: repeat-x; background-position: left top } #content_menu .current { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none; background-image: url("../de/images/bg-menu-low.gif"); background-repeat: repeat-x; background-position: left top; text-transform: uppercase; display: block; margin-right: 1px; padding: 8px 10px 4px } /* Body */ #content_body { background-color: #fff; padding: 20px 0 0; width: 100%; height: 100% } #body_wrapper { background-color: #fff; width: 100%; height: 100% } #body_left { background-color: #fff; width: 197px; float: left } #body_middle { background-color: #ccced1; background-image: url("../de/images/bg-kontextleft.gif"); background-repeat: no-repeat; background-position: right top; width: 555px; float: left } #body_right { } /* Submenu */ #submenu { margin-top: 10px } #submenu ul { list-style: none; margin: 0 0 0 1px; padding: 0 } #submenu .subitem { margin: 0; padding: 0; border-bottom: 1px solid #ccced1 } #submenu .submenu { color: #838383; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-image: url("../de/images/point-gray.gif"); background-repeat: no-repeat; background-position: 10px 14px; text-transform: uppercase; display: block; padding: 10px 20px 5px 25px } #submenu .submenu:hover { color: #e2001a; background-color: #ccced1; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 10px 14px } #submenu .submenu_current { color: #e2001a; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-color: #ccced1; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 10px 14px; text-transform: uppercase; display: block; padding: 10px 20px 5px 25px } #submenu .submenu_back { color: #e2001a; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-color: #ccced1; background-image: url("../de/images/point-back.gif"); background-repeat: no-repeat; background-position: 10px 14px; text-transform: uppercase; display: block; padding: 10px 20px 5px 25px } #submenu .pageitem { background-color: #e5e6e8; margin: 0; padding: 0 } #submenu .pagemenu { color: #444; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-image: url("../de/images/small_point_black.gif"); background-repeat: no-repeat; background-position: 25px 10px; display: block; padding: 5px 20px 5px 32px } #submenu .pagemenu:hover { color: #e2001a; background-image: url("../de/images/small_point.gif"); background-repeat: no-repeat; background-position: 25px 10px } #submenu .pagemenu_current { color: #e2001a; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-image: url("../de/images/small_point.gif"); background-repeat: no-repeat; background-position: 25px 10px; display: block; padding: 5px 20px 5px 32px }/* Metamenu */ /* Footer */ #footer_wrapper { background-repeat: repeat-y } #footer { background-image: url("../de/images/bg-footer.gif"); background-repeat: repeat-x; background-position: left bottom; width: 100%; height: 115px } #footer_left { background-image: url("../de/images/bg-footerleft.gif"); background-repeat: no-repeat; background-position: left bottom; margin: 0; width: 275px; height: 115px; float: left } #footer_leftgray { background-image: url("../de/images/bg-footerleft-gray.gif"); background-repeat: no-repeat; background-position: left bottom; margin: 0; width: 275px; height: 115px; float: left } #footer_info { margin-top: 48px; margin-left: 25px } #footer_middle { background-color: #ccced1; background-image: url("../de/images/bg-footer.gif"); background-repeat: repeat-x; background-position: left 1px; margin: 0; width: 480px; height: 115px; float: left } #footer_right { background-color: #fff; margin: 0; width: 242px; height: 115px; float: left;background-image: url("../de/images/bg-footer.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; } #footer_middle .meta { margin-top: 50px; margin-left: 20px } #footer_middle .meta_titel { color: #fff; font-weight: bold; margin-bottom: 10px } #footer_middle .meta_text { color: #000 } /* Content Tabelle */ .cell_header { background-color: #fff } .cell_content { background-color: #fff; background-image: url("../de/images/bg-kontextright.gif"); background-repeat: no-repeat; background-position: right top } .cell_contentbody { background-image: url("../de/images/bg-kontextleft.gif"); background-repeat: no-repeat; background-position: right top } /* Imagepopup Navigation */ #navi_images { text-align: right; margin: 0; padding: 0 } #navi_images .next { color: #fff; line-height: 14px; background-color: #e2001a; margin-right: 5px; padding: 2px 5px 4px; position: relative; float: left } #navi_images .prev { color: #fff; line-height: 14px; background-color: #e2001a; margin-right: 5px; padding: 2px 5px 4px; position: relative; float: left } #navi_images .close { color: #fff; line-height: 14px; background-color: #e2001a; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: right center; margin-right: 5px; padding: 3px 25px 3px 5px; position: relative; float: left } /* Kontextflash */ #kontext_flash { height: 230px } /* Kontextinfo Allgemein */ #kontext_right {} #kontext_right .text { margin-right: 10px; margin-left: 10px } #kontext_right .googleearth { margin-right: 10px; margin-bottom: 5px; margin-left: 8px } #kontext_right .banner { text-align: left; margin-left: 10px } #kontext_right .banner_titel { color: #e2001a; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 120%; text-decoration: none; margin-right: 25px; margin-bottom: 10px } #kontext_right .link { background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 4px; margin-right: 10px; margin-left: 10px; padding-left: 10px } #kontext_right .seperator { background-color: #ccced1; margin-top: 10px; margin-bottom: 10px; height: 5px; overflow: hidden } #kontext_right .iphoneseperator { background-color: #ccced1; margin-bottom: 10px; height: 5px; overflow: hidden } /* Kontextinfo Teaser */ #kontext_right .teaser { margin-right: 10px; margin-left: 10px } #kontext_right .teaser .tsr_image { margin-right: 5px; width: 60px; height: 60px; float: left } #kontext_right .teaser .tsr_titel { float: left } #kontext_right .teaser .tsr_titel a { color: #e2001a; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 120%; text-decoration: none; float: left } #kontext_right .teaser .tsr_titel a:hover { text-decoration: underline } #kontext_right .teaser .tsr_text { clear: both } /* Kontextinfo Newsticker */ #kontext_right .newsticker { padding-bottom: 5px } #kontext_right .newsticker .titel { color: #2c2c2c; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #cbced1; text-transform: uppercase; padding: 8px 5px } #kontext_right .newsticker .listitem { padding-top: 5px; padding-right: 5px } #kontext_right .newsticker .listitem a { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: 5px 4px; display: block; padding-left: 17px; border-bottom: medium none #cbced1 } #kontext_right .newsticker .listitem .zusatz { color: #838383; font-size: 11px; padding-top: 3px; padding-left: 17px } /* Kontextinfo Auflistung */ #kontext_right .auflistung { padding-bottom: 5px } #kontext_right .auflistung .titel { color: #2c2c2c; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #cbced1; text-transform: uppercase; padding: 8px 5px } #kontext_right .auflistung .listitem { padding-top: 5px; padding-right: 5px } #kontext_right .auflistung .listitem a { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: 5px 4px; display: block; padding-left: 17px; border-bottom: medium none #cbced1 } #kontext_right .auflistung .listitem .zusatz { color: #838383; font-size: 11px; padding-top: 3px; padding-left: 17px } /* Kontextinfo Auflistung */ #kontext_left .auflistung { margin-left: 1px; padding-bottom: 5px } #kontext_left .auflistung .titel { color: #2c2c2c; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #cbced1; text-transform: uppercase; padding: 8px 5px } #kontext_left .auflistung .listitem { padding-top: 5px; padding-right: 5px } #kontext_left .auflistung .listitem a { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: 5px 4px; display: block; padding-left: 17px; border-bottom: medium none #cbced1 } #kontext_left .auflistung .listitem .zusatz { color: #838383; font-size: 11px; padding-top: 3px; padding-left: 17px } /* Kontextinfo Allgemein */ #kontext_left { } #kontext_left .text { margin-right: 10px; margin-left: 10px } #kontext_left .banner { } #kontext_left .banner_titel { color: #e2001a; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 120%; text-decoration: none; margin-right: 10px; margin-bottom: 10px; margin-left: 10px } #kontext_left .link { background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 4px; margin-right: 10px; margin-left: 10px; padding-left: 10px } #kontext_left .seperator { background-color: #ccced1; margin-top: 10px; margin-bottom: 10px; height: 5px; overflow: hidden } /* Kontextinfo Teaser */ #kontext_left .teaser { margin-right: 10px; margin-left: 10px } #kontext_left .teaser .tsr_image { margin-right: 5px; width: 60px; height: 60px; float: left } #kontext_left .teaser .tsr_titel { float: left } #kontext_left .teaser .tsr_titel a { color: #e2001a; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 120%; text-decoration: none; float: left } #kontext_left .teaser .tsr_titel a:hover { text-decoration: underline } #kontext_left .teaser .tsr_text { clear: both } /* Sitemap */ #sitemap { margin-right: 10px; margin-bottom: 15px; margin-left: 10px; padding-bottom: 15px } #sitemap .sitemap_link { color: #838383; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; display: block; padding-top: 10px; padding-bottom: 5px; position: relative } #sitemap .sitemap_link:hover { color: #e60b0b } #sitemap .sitemap_sublink { display: block;color: #838383; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 4px; padding-left: 10px } #sitemap .sitemap_sublink:hover { color: #e60b0b } /* Suchformulare */ .acco_searchform { background-color: #fff; background-image: url("../de/images/bg-boxgray.gif"); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 5px 5px 5px 10px } .acco_searchform .space {width: 10px; float: left} .acco_searchform .header { font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; padding-top: 5px; padding-bottom: 10px } .acco_searchform .gruppe { margin-right: 20px; float: left } .acco_searchform .submit { text-align: right; margin: 0; padding: 5px 0 5px 5px; width: 215px; float: right } .acco_searchform .seperator { line-height: 5px; height: 5px } /* Buttons */ .submit_button { color: #fff; font-weight: normal; text-decoration: none; background-color: #e60b0b; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: left; margin: 0; padding: 1px 5px 2px 18px; position: relative; border-width: 0 } .submit_button:hover { font-weight: normal; text-decoration: underline } .link_button { color: #fff; font-weight: normal; text-decoration: none; background-color: #e60b0b; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: left; display: block; margin-bottom: 5px; padding: 2px 5px 3px 18px; float: right } .link_button:hover { font-weight: normal; text-decoration: underline; float: right } .link_backbutton { color: #fff; font-weight: normal; text-decoration: none; background-color: #e60b0b; background-image: url("../de/images/point-white-back.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: left; display: block; margin-bottom: 5px; padding: 2px 5px 3px 18px; float: right } .link_backbutton:hover { font-weight: normal; text-decoration: underline; float: right } .normal_button { color: #fff; font-weight: normal; text-decoration: none; background-color: #e60b0b; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: left; display: block; margin-bottom: 5px; padding: 2px 5px 3px 18px } .normal_button:hover { font-weight: normal; text-decoration: underline } /* Wetter */ .wetter { margin-top: 10px; margin-bottom: 10px; margin-left: 10px } .wetter .seperator { height: 10px; clear: both } .wetter .wetterheader { font-weight: bold; margin-top: 10px; margin-bottom: 10px; clear: both } .wetter .wettertext { margin-top: 10px; margin-bottom: 10px } .wetter .schneebericht { background-color: #f4f8fb; background-image: url("../de/images/bg-schneebericht.gif"); background-repeat: repeat-x; background-position: left top; margin-right: 1px; margin-bottom: 10px; width: 221px; height: 100px; float: left } .wetter .schneebericht .berg { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 10px; margin-left: 10px } .wetter .schneebericht .tal { color: #2874b2; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 44px; margin-left: 165px } .wetter .item { background-color: #f4f8fb; background-image: url("../de/images/bg-wetter.gif"); background-repeat: repeat-x; background-position: left top; margin-right: 1px; padding: 5px; float: left } .wetter .item .titel { color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 5px; width: 100px } .wetter .item .icon { text-align: center; margin-top: 5px; margin-bottom: 5px; width: 100px; height: 32px; vertical-align: middle } .wetter .item .icon img { behavior: url(../scripts/iepngfix.htc) } .wetter .item .temperatur { color: #2874b2; text-align: center; width: 100px } .wetter .item .text { color: #2874b2; text-align: center; width: 100px } /* Widget */ .widget { margin-right: 10px; margin-bottom: 10px; margin-left: 10px } .widget .item {float: left;margin-right: 15px} .widget .embed {float: left;} .widget .info { font-weight: bold; margin-bottom: 5px } .widget .setting {margin-bottom: 15px} .widget .infotext { margin-top: 10px; margin-bottom: 10px; clear: both } .widget input {margin-left: 0px} /* Packages */ .packages { text-align: left; margin-top: 20px } .packages .item { background-repeat: repeat-x; background-position: left bottom; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-right: 5px; padding-bottom: 5px; clear: both; border-style: none none solid; border-width: medium medium 1px; border-color: #ccced1 } .packages .teaser { margin-right: 10px; float: left } .packages .info { width: 345px; float: left } .packages .info .package { color: #2c2c2c; font-size: 14px; font-family: "Trebuchet MS", Verdana; font-weight: bold; text-decoration: none; margin-bottom: 2px } .packages .info .hotel { margin-bottom: 5px } .packages .leistungen { margin-top: 3px } .packages .leistung { background-image: url("../de/images/plus.gif"); background-repeat: no-repeat; background-position: left 5px; padding-left: 12px } .packages .preisbutton { text-align: center; margin-top: 10px; z-index: 0; width: 90px; height: 40px } .packages .preisbutton .eur { color: #d90019; font-size: 12px; font-weight: normal; margin-top: 4px } .packages .preisbutton .preis { color: #d90019; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; width: 85px } .packages .preisbutton .preiszusatz { color: #004071; font-size: 10px; text-align: center; width: 85px; height: 18px; overflow: hidden } .packages .preisbutton .statt { font-size: 12px; text-decoration: line-through; text-align: center; width: 85px } .packages .preisbutton .statt .eur { color: #000; font-size: 11px } /* Navigation Blättern */ .packages .navigation { color: #2c2c2c; background-color: #cbced1; margin-top: 2px; height: 28px } .packages .navigation .pages { margin-left: 5px; padding-top: 4px; padding-right: 10px; float: left } .packages .navigation .navi { padding-right: 2px; float: right } .packages .navigation .navi a { color: #fff; font-weight: bold; text-decoration: none; display: block; margin-top: 4px; margin-right: 2px; margin-bottom: 0; padding: 1px 5px; float: left; border-color: #cbced1 } .packages .navigation .navi a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #e60b0b; border-color: } .packages .navigation .navi #current { color: #fff; font-weight: bold; text-decoration: none; background-color: #e60b0b; border-color: #e60b0b } /* Filter */ .packages .filter { background-color: #cbced1; margin-bottom: 5px; padding: 5px } .packages .filter .info { padding-top: 3px; float: left } .packages .filter .filteroptions { padding-left: 5px } .packages .filter .label { padding-top: 3px; padding-right: 5px; float: left } .packages .filter input, select, textarea { float: left } /* Packageticker */ .packageticker { background-image: url("../de/images/bg-packageticker.gif"); background-repeat: repeat-x; background-position: left bottom; margin: 0 0 0 1px; padding: 0; width: 199px; height: 303px; clear: both; border-bottom: 4px solid #cbced1 } .packageticker .packagetab { background-color: #cbced1; padding-right: 5px; padding-left: 5px; height: 36px } .packageticker .packagetab a { color: #2c2c2c; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; padding-top: 10px; padding-right: 10px; padding-left: 5px; position: relative; float: left; overflow: hidden; vertical-align: middle } .packageticker .packagetab a:hover { color: #2c2c2c; font-size: 12px; text-decoration: none } .packageticker .packagelist { margin-top: 5px; margin-right: 5px; margin-left: 5px } .packageticker .packagelink { background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 4000; width: 199px; height: 245px } .packageticker .packagedetail { background-repeat: repeat-x; background-position: left top; margin: 0; padding: 1px 0 0; width: 189px; clear: both } .packageticker .packagedetail .buttons { display: block; padding-top: 5px; padding-bottom: 5px } .packageticker .packagedetail .buttons .link_button { margin-bottom: 0; margin-bottomo: 0px } .packageticker .packagedetail #buttonup { margin: 0; padding: 0 1px 0 0; float: left } .packageticker .packagedetail #buttondown { margin: 0; padding-left: 1px; float: left } .packageticker .packageslider ul, #packageslider li{margin:0;padding:0;list-style:none;} .packageticker .packageslider li { background-repeat: no-repeat; background-position: 1px top; width: 189px; height: 230px; overflow: hidden } .packageticker .packageslider .packagebox { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding: 0; height: 200px; overflow: hidden } .packageticker .packageslider .packagebox .info { margin-bottom: 5px } .packageticker .packageslider .packagebox .titel { color: #000; font-weight: bold; text-decoration: none; display: block; padding-bottom: 5px } .packageticker .packageslider .packagebox .image { margin-bottom: 5px; float: left } .packageticker .packageslider .packagebox .preisbutton { margin-left: 10px; float: left } .packageticker .packageslider .packagebox .preisbutton .eur { color: #e2001a; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; margin-top: 4px; width: 75px } .packageticker .packageslider .packagebox .preisbutton .preis { color: #e2001a; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; width: 75px } .packageticker .packageslider .packagebox .preisbutton .preiszusatz { font-size: 9px; text-align: center; width: 75px; height: 18px; overflow: hidden } .packageticker .packageslider .packagebox .leistung { color: #888; font-size: 11px; background-image: url("../de/images/plus.gif"); background-repeat: no-repeat; background-position: left 5px; padding-left: 10px } /* Shopticker */ .shopticker { background-image: url(../de/images/bg-packageticker.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0 0 0 0; padding: 0; width: 242px; height: 218px; clear: both; border-bottom: 4px solid #cbced1 } .shopticker .shoptab { background-color: #cbced1; padding-right: 5px; padding-left: 5px; height: 36px } .shopticker .shoptab a { color: #2c2c2c; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; padding-top: 10px; padding-right: 10px; padding-left: 5px; position: relative; float: left; overflow: hidden; vertical-align: middle } .shopticker .shoptab a:hover { color: #2c2c2c; font-size: 12px; text-decoration: none } .shopticker .shoplist { margin-top: 5px; margin-right: 5px; margin-left: 5px } .shopticker .shoplink { background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 4000; width: 199px; height: 245px } .shopticker .shopdetail { background-repeat: repeat-x; background-position: left top; margin: 0; padding: 1px 0 0; width: 225px; clear: both } .shopticker .shopdetail .buttons { display: block; padding-top: 5px; padding-bottom: 5px } .shopticker .shopdetail .buttons .link_button { margin-bottom: 0; margin-bottomo: 0px } .shopticker .shopdetail #buttonupshop { margin: 0; padding: 0 1px 0 0; float: left } .shopticker .shopdetail #buttondownshop { margin: 0; padding-left: 1px; float: left } .shopticker .shopslider ul, #shopslider li{margin:0;padding:0;list-style:none;} .shopticker .shopslider li { background-repeat: no-repeat; background-position: 1px top; width: 225px; height: 145px; overflow: hidden } .shopticker .shopslider .shopbox { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding: 0; height: 115px; overflow: hidden } .shopticker .shopslider .shopbox .info { margin-bottom: 5px } .shopticker .shopslider .shopbox .titel { color: #000; font-weight: bold; text-decoration: none; display: block; padding-bottom: 5px } .shopticker .shopslider .shopbox .image { margin-bottom: 5px; float: left } .shopticker .shopslider .shopbox .preisbutton { margin-left: 10px; float: left } .shopticker .shopslider .shopbox .preisbutton .eur { color: #e2001a; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; margin-top: 4px; width: 75px } .shopticker .shopslider .shopbox .preisbutton .preis { color: #e2001a; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; width: 75px } .shopticker .shopslider .shopbox .preisbutton .preiszusatz { font-size: 9px; text-align: center; width: 75px; height: 18px; overflow: hidden } /* Seitenmenü unten */ #bottom { background-color: #cbced1; background-image: url(../de/images/bg-bottom.gif); background-repeat: repeat-x; background-position: left top; padding: 20px 10px 10px 20px } #quicklinks { margin-left: 0; clear: both; border-color: } #quicklinks .quickblock { margin-right: 10px; margin-bottom: 10px; padding-left: 10px; width: 150px; float: left; border-left: 1px solid #c5c5c5 } #quicklinks .titel { color: #575757; font-size: 12px; font-weight: bold; margin-bottom: 5px } #quicklinks ul { margin: 0 0 0 0; padding: 0 } #quicklinks li { list-style-type: none; list-style-image: none; margin: 0; padding: 0 } #quicklinks a { color: #6f6f6f; font-weight: normal; text-decoration: none; background-image: none; background-repeat: no-repeat; background-position: left 5px } #quicklinks a:hover { color: #575757; text-decoration: none } /*HTML Variante*/ #htmlwetter { margin-top: 35px; margin-left: 25px } #htmlwetter .htmlwetterbutton { color: #fff; font-size: 13px; font-weight: bold; background-image: url(../de/images/button_submitsearch.gif); background-repeat: no-repeat; background-position: right top; margin-right: 20px } #htmlwetter .htmlwetterbutton.hover { text-decoration: none } #htmlwetter .tag { float: left } #htmlwetter .tagimage { text-align: center; width: 50px; height: 45px } #htmlwetter .tagtext { color: #e9f0f7; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; margin-top: 5px; width: 50px } #htmlwetter .schnee { color: #e9f0f7; font-size: 12px; font-weight: normal; margin-top: 3px } #htmlwetter .schnee span { font-size: 14px; font-weight: bold } #htmlstatus { margin-left: 20px } #htmlstatus .htmlstatusbutton { color: #fff; font-size: 13px; font-weight: bold; background-image: url(../de/images/button_submitsearch.gif); background-repeat: no-repeat; background-position: right top; margin-right: 20px } #htmlstatus .htmlstatusbutton.hover { text-decoration: none } #htmlstatus .stats { color: #e9f0f7; font-size: 12px; font-weight: normal; margin-top: 3px } #htmlstatus .stats span { font-size: 14px; font-weight: bold }