@import 'cms.css'; @import 'liftstatus.css'; @import 'forum.css'; @import 'suche.css'; @import 'buttons.css'; /* Allgemeine Einstellungen - HTML Elemente */ html, body { color: #5a5a5a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0; height: 120% } input, textarea, select, option { color: #5a5a5a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0 } a { color: #004a7f; text-decoration: none } a:hover { text-decoration: underline } table, td, p { color: #5a5a5a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0 } .clear { line-height: 0; margin: 0; padding: 0; clear: both } .body { background-image: url("../de/images/bg.gif"); background-repeat: repeat-x; background-position: left top } .shadow_left { background-image: url("../de/images/shadow-left.gif"); background-repeat: no-repeat; background-position: left top; width: 15px; height: 240px; float: left } .shadow_right { background-image: url("../de/images/shadow-right.gif"); background-repeat: no-repeat; background-position: left top; width: 15px; height: 240px; float: left } .shadow_map_left { background-image: url("../de/images/shadow-left-map.gif"); background-repeat: no-repeat; background-position: left top; width: 15px; height: 350px; float: left } .shadow_map_right { background-image: url("../de/images/shadow-right-map.gif"); background-repeat: no-repeat; background-position: left top; width: 15px; height: 350px; float: left } /* Content */ #container { text-align: center; width: 1015px; height: 100% } #header { background-image: url("../de/images/bg-logotop.gif"); background-repeat: no-repeat; background-position: 15px bottom; text-align: center; width: 1015px; height: 86px; overflow: hidden } #flashheader { } #flashheader .flash { width: 985px; height: 240px; float: left } #content_page { margin-top: 20px; margin-bottom: 20px; width: 1015px; clear: both } #content_pagenew { margin-bottom: 20px; width: 1015px; clear: both } /* Hauptmenü & Header */ #content_menu { background-image: url("../de/images/kitzbueheler-alpen.gif"); background-repeat: no-repeat; background-position: right top; text-align: center; margin-left: 247px; padding-top: 55px; clear: both } #content_menu ul { list-style: none; margin: 0; padding: 0; height: 30px } #content_menu li { margin: 0 0 0 0; padding: 0; float: left } #content_menu a { 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.gif"); background-repeat: repeat-x; background-position: left top; display: block; margin-right: 1px; padding: 7px 12px 6px; overflow: hidden } #content_menu a:hover { background-image: url("../de/images/bg-menuhigh.gif"); background-repeat: repeat-x; background-position: left top; padding-bottom: 6px } #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-menuhigh.gif"); background-repeat: repeat-x; background-position: left top; display: block; margin-right: 1px; padding: 7px 12px 6px; overflow: hidden } #content_menulogo { position: absolute; z-index: 3000; behavior: url(../scripts/iepngfix.htc) } #content_sublogo { margin-left: 775px; position: absolute; z-index: 3001; width: 210px; height: 241px } /* Submenu */ #submenu { margin-top: 20px } #submenu ul { list-style: none; margin: 10px 30px 0 20px; padding: 0; border-top: 1px solid #b7b7b7 } #submenu .subitem { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #b7b7b7 } #submenu .submenu { color: #004a7f; 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: 5px 5px; text-transform: uppercase; display: block; padding: 2px 5px 2px 18px } #submenu .submenu:hover { background-color: #ccced1; background-image: url("../de/images/point-gray.gif"); background-repeat: no-repeat; background-position: 5px 5px } #submenu .submenu_current { color: #004a7f; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-color: #ccced1; background-image: url("../de/images/point-gray.gif"); background-repeat: no-repeat; background-position: 5px 5px; text-transform: uppercase; list-style-type: none; display: block; padding: 2px 5px 2px 18px } #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 13px; text-transform: uppercase; display: block; padding: 10px 20px 5px 25px } #submenu .pageitem { margin-top: 0; margin-right: 0; margin-left: 0; padding: 0 0 2px } #submenu .pagemenu { color: #0e518d; 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: 17px 10px; display: block; padding-top: 5px; padding-right: 20px; padding-left: 24px } #submenu .pagemenu:hover { color: #f28e00; background-image: url("../de/images/small_point.gif"); background-repeat: no-repeat; background-position: 17px 10px } #submenu .pagemenu_current { color: #f28e00; 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: 17px 10px; display: block; padding-top: 5px; padding-right: 20px; padding-left: 24px } /* Metamenu */ #metamenu { margin-top: 6px; width: 530px; float: left } #metamenu a { color: #90accb; font-size: 11px; font-weight: normal; text-decoration: none; float: left } #metamenu a:hover { color: #fff; font-weight: normal; text-decoration: none } #metamenu .seperator { background-image: url("../de/images/meta-seperator.gif"); background-repeat: no-repeat; background-position: left 2px; margin-top: 1px; margin-right: 7px; margin-left: 7px; width: 2px; height: 13px; float: left } /* Langmenu */ #langmenu { text-align: right; float: right } #langmenu #langmenutext { color: #90accb; font-size: 11px; font-weight: bold; text-decoration: none; margin-left: 50px; padding-top: 6px; padding-right: 8px; float: left } #langmenu a { color: #90accb; font-weight: normal; text-decoration: none; background-image: url("../de/images/langmenu-low.gif"); background-repeat: no-repeat; background-position: left top; padding: 8px 6px 4px; float: left } #langmenu a:hover { color: #fff; font-weight: normal; text-decoration: none; background-image: url("../de/images/langmenu-high.gif"); background-repeat: no-repeat; background-position: left top } #langmenu #langselected { color: #fff; font-weight: normal; text-decoration: none; background-image: url("../de/images/langmenu-high.gif"); background-repeat: no-repeat; background-position: left top } /* Footer */ .footer { background-color: #3567a0 } .footer_menu { width: 985px } /* Footer Subwebsites */ #subfooter { background-color: #e0e8f0; padding-top: 2px } #subfooter .subsitemap { text-align: left; margin-bottom: 10px; width: 985px } #subfooter .subtitel { color: #3567a0; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff } #subfooter .sublinks { margin-right: 10px; width: 150px; float: left } #subfooter .sitemap_link { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; display: block; padding-top: 10px; padding-bottom: 5px; position: relative } #subfooter .sitemap_link:hover { text-decoration: underline } #subfooter .sitemap_sublink { font-size: 11px; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 4px; display: block; padding-left: 12px } #subfooter .sitemap_sublink:hover { } /* Imagepopup Navigation */ #navi_images { text-align: right; margin: 0 10px 0 0; padding: 0; float: right } #navi_images .next { color: #fff; line-height: 14px; background-color: #3567a0; margin-right: 5px; padding: 2px 5px 4px; position: relative; float: left } #navi_images .prev { color: #fff; line-height: 14px; background-color: #3567a0; margin-right: 5px; padding: 2px 5px 4px; position: relative; float: left } #navi_images .close { color: #fff; font-weight: bold; line-height: 14px; background-color: #3567a0; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; padding: 4px 7px 3px 18px; position: relative; float: left } /* Suche */ .searchresults {} .searchresults .item { margin-bottom: 15px; margin-left: 5px; padding-right: 5px; clear: both } .searchresults .titel { color: #444; font-weight: bold; padding-top: 3px; width: 460px; float: left } .searchresults .titel a { color: #444; font-weight: bold; text-decoration: none } .searchresults .titel a:hover { color: #444; font-weight: bold; text-decoration: underline } .searchresults .text { font-weight: normal; margin: 0; padding: 5px 0 0 } .searchresults .more { text-align: right; margin: 0 0 0; width: 60px; float: right; vertical-align: bottom } .searchresults .more a { color: #fff; background-color: #e2001a; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: right center; padding: 3px 25px 3px 5px; position: relative; display: block } /* Kontextinfo Allgemein */ #kontextflash {} #kontext { margin-top: 20px } #kontext .text { margin-right: 10px; margin-left: 10px } #kontext .banner { text-align: center; margin-right: 14px; margin-left: 14px; border: solid 1px #88929a } #kontext .link { background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 3px; margin-right: 15px; margin-left: 15px; padding-left: 12px } #kontext .seperator { background-color: #fff; margin-top: 5px; margin-bottom: 5px; height: 5px; overflow: hidden } #kontext .liftstatus { margin-right: 14px; margin-left: 14px } #kontext .hotline { margin-right: 14px; margin-left: 14px } #kontext .video { margin-right: 14px; margin-left: 14px; border: solid 1px #88929a } #kontext .like { margin-right: 14px; margin-left: 14px; padding: 1px; border-width: 1px; border-color: #88929a } #kontext .infolink { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 10px; display: block; padding: 5px 5px 5px 14px } #kontext .sommercardlink { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 10px; display: block; margin-left: 14px; padding: 5px 5px 5px 14px } /* Anreise */ #kontext .anreise { background-image: url(../de/images/anreise.gif); background-repeat: no-repeat; background-position: 100% top; cursor: pointer; margin-right: 14px; margin-left: 14px; width: 202px; height: 137px } #kontext .anreise a { height: 137px; color: #818181; font-weight: bold; background-image: url(../de/images/button_anreise.gif); background-repeat: no-repeat; background-position: 5px 11px; text-transform: uppercase; display: block; padding: 10px 5px 5px 27px; border: 1px } #kontext .anreise a:hover { text-decoration: none } #kontext .pano { margin-right: 14px; margin-left: 14px; border-style: none solid solid; border-width: 1px; border-color: #88929a } /* Sommercard */ #kontext .sommercard { background-image: url(../de/images/sommercard.gif); background-repeat: no-repeat; background-position: 100% top; cursor: pointer; margin-right: 14px; margin-left: 14px; width: 202px; height: 174px } #kontext .sommercard a { color: #818181; font-weight: bold; background-image: url(../de/images/button_anreise.gif); background-repeat: no-repeat; background-position: 5px 11px; text-transform: uppercase; display: block; padding: 10px 5px 5px 27px; border: 1px } #kontext .sommercard a:hover { text-decoration: none } #kontext .sommercard div { font-size: 11px; margin: 5px; width: 85px } /* Kontextinfo Panorama */ #kontext .panorama { background-image: url("../de/images/bg-kontext.gif"); background-repeat: repeat-x; background-position: left bottom; margin-right: 14px; margin-left: 14px; padding: 0; border: solid 1px #88929a } #kontext .panorama .pano_titel { background-color: #e1e1e1; display: block; padding: 5px } #kontext .panorama .pano_titel a { color: #6a6a6a; font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; display: block; padding-right: 10px } #kontext .panorama .pano_titel a:hover { text-decoration: none; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: right 2px } /* Kontextinfo Servicelinks */ #kontext .service { background-image: url("../de/images/bg-kontext.gif"); background-repeat: repeat-x; background-position: left bottom; margin-right: 14px; margin-left: 14px; padding: 0; border: solid 1px #88929a } #kontext .service .titel { color: #6a6a6a; font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; background-color: #e1e1e1; text-transform: uppercase; display: block; margin-bottom: 5px; padding: 5px } #kontext .service .items { margin-right: 5px; margin-bottom: 5px; margin-left: 7px } #kontext .service .itemslink { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 12px } /* Kontextinfo Teaser */ #kontext .teaser { background-image: url("../de/images/bg-kontext.gif"); background-repeat: repeat-x; background-position: left bottom; margin-right: 14px; margin-left: 14px; padding: 0; border: solid 1px #88929a } #kontext .teaser .tsr_image { margin-right: 5px; width: 60px; height: 60px; float: left } #kontext .teaser .tsr_titel { background-color: #e1e1e1; display: block; padding: 5px } #kontext .teaser .tsr_titel a { color: #6a6a6a; font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; display: block; padding-right: 10px } #kontext .teaser .tsr_titel a:hover { text-decoration: none; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: right 2px } #kontext .teaser .tsr_text { font-size: 11px; padding: 5px; clear: both } /* Bildbank Gallery */ #kontext .BildbankGallery { margin-left: 14px } #kontext .BildbankGallery .item {float: left; margin-right: 5px;margin-bottom: 5px;} #kontext .BildbankGallery .item img { border: solid 3px #e1e1e1 } #kontext .BildbankGallery .item img.quer { width: 58px; height: 38px } #kontext .BildbankGallery .item img.hoch {width: 43;height: 65} /* Sitemap */ #sitemap { margin-right: 10px; margin-bottom: 15px; margin-left: 10px; padding-bottom: 15px } #sitemap .sitemap_link { color: #004a7f; font-size: 12px; 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 { text-decoration: underline } #sitemap .sitemap_sublink { background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 4px; display: block; padding-left: 12px } #sitemap .sitemap_sublink:hover { } /* 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 0 0; padding: 2px 5px 3px 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 } .back_button { text-align: right; margin-top: 10px; float: right } /* 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-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-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: #3567a0; 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 } /*Superskiwochen*/ #superskiwochen { background-color: #688aa4; background-image: url("../de/images/bg-header.gif"); background-repeat: repeat-x; background-position: left top; margin-top: 20px; padding: 3px; border-style: solid none none; border-width: 1px medium medium; border-color: #004a7f } #superskiwochen .titel { color: #004a7f; font-size: 16px; font-weight: bold; margin-top: 6px; margin-bottom: 6px; margin-left: 4px; float: left } #superskiwochen .info { color: #004a7f; margin-top: 5px; margin-bottom: 6px; margin-left: 10px; float: left } #superskiwochen .link_button { float: right } #superskiwochen .clear {clear: both;} /* Attachements Feratel*/ .attach_hotel { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccced1 } .attach_left { width: 50%; float: left } .attach_right {float: left} /* Packages*/ .attach_packages { margin-top: 5px; padding-top: 5px;} .attach_packages .packagetitel { font-weight: bold; text-decoration: none; margin-bottom: 10px } .attach_packages .packageitem { margin-top: 10px } .attach_packages .packageimage { background-color: #eee; margin-right: 10px; padding: 5px; float: left } .attach_packages .packageinfo {float: left} .attach_packages .packagelink { font-weight: bold; text-decoration: none; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 10px; padding-left: 12px } /* Frau Holles Tafel*/ .frauholletafel { background-image: url("../de/images/frauholle-tafel.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 10px; width: 505px; height: 370px } .frauholletafel .tafellink { position: absolute; width: 505px; height: 370px } .frauholletafel .text { color: #024171; font-size: 11px; text-decoration: none; text-align: center; display: table-cell; margin-top: 250px; margin-left: 100px; position: absolute; width: 320px; height: 70px; overflow: hidden; vertical-align: middle } /* Frau Holles Tafel Kontext Sommer */ .frauholletafel_sommer { background-image: url("../de/images/frauholle-sommer.jpg"); background-repeat: no-repeat; background-position: left top; margin-left: 14px; width: 200px; height: 305px } .frauholletafel_sommer .tafellink { position: absolute; width: 200px; height: 305px } .frauholletafel_sommer .text { color: #024171; font-size: 11px; text-decoration: none; text-align: center; margin: 0; position: relative; top: 165px; left: 80px; width: 100px; height: 95px } .frauholletafel_sommer .footer { margin-top: 278px; margin-left: 125px; position: absolute } .frauholletafel_sommer .footer a { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none } .frauholletafel_sommer .footer a:hover { color: #fff; font-weight: normal; text-decoration: none } /* Frau Holles Tafel Kontext Winter */ .frauholletafel_winter { background-image: url("../de/images/frauholle-winter.jpg"); background-repeat: no-repeat; background-position: left top; margin-left: 14px; width: 200px; height: 235px } .frauholletafel_winter .tafellink { position: absolute; width: 200px; height: 235px } .frauholletafel_winter .text { color: #024171; font-size: 11px; text-decoration: none; text-align: center; margin: 0; position: relative; top: 65px; left: 10px; width: 110px; height: 130px } .frauholletafel_winter .footer { margin-top: 207px; margin-left: 76px; position: absolute } .frauholletafel_winter .footer a { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none } .frauholletafel_winter .footer a:hover { color: #fff; font-weight: normal; text-decoration: none } /* Tour Teaser*/ .cmsTourTeaser { background-color: #eee; margin-top: 5px; margin-bottom: 10px; padding: 2px 2px 2px 10px; clear: both } .cmsTourTeaser .distance { background-image: url("../de/images/touren/distance.gif"); background-repeat: no-repeat; background-position: 1px 5px; margin-right: 20px; padding-left: 18px; float: left } .cmsTourTeaser .hoehe { background-image: url("../de/images/touren/hoehe.gif"); background-repeat: no-repeat; background-position: left 5px; margin-right: 20px; padding-left: 18px; float: left } .cmsTourTeaser .dauer { background-image: url("../de/images/touren/dauer.gif"); background-repeat: no-repeat; background-position: left 3px; margin-right: 20px; padding-left: 18px; float: left } .cmsTourTeaser .nummer { background-repeat: no-repeat; background-position: left 3px; margin-right: 20px; margin-left: 18px; float: left } /* Tour Schwierigkeiten */ .cmsTourTeaser .tourdifficulty1 { color: #fff; background-color: #0e1bc7; background-image: url("../de/images/touren/difficulty1-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right; vertical-align: middle } .cmsTourTeaser .tourdifficulty2 { color: #fff; background-color: #e2001a; background-image: url("../de/images/touren/difficulty2-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right } .cmsTourTeaser .tourdifficulty3 { color: #fff; background-color: #000; background-image: url("../de/images/touren/difficulty3-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right } .cmsTourTeaser .tourdifficulty4 { color: #000; background-color: #feda0e; background-image: url("../de/images/touren/difficulty4-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right }