/* Externe CSS importieren /****************************************************************************************/ /* Kalender */ @import "datepicker.css"; /* Wetter */ @import "/data-inc/wetter/css/modul1-2.css"; /* ---- Bahnerlebsniweg --------------------------------------------------- */ @import "/_bahnerlebnisweg/css/bahnerlebnisweg.css"; * {margin:0;padding:0} html {width:100%; height:100%; margin:0; padding:0; overflow-x:hidden;} body {background:url(../images/bg_header.gif) repeat-x #fff; color:#000; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:1em; line-height:130%; width:100%;} img{border:0} /*html{overflow-y: scroll} */ a{text-decoration:none; color: #af0e1b } /*a:visited{}*/ a:hover{text-decoration:none; color: #af0e1b} .link{color: #706e59} li{list-style:none} p { margin:0; padding:0 0 0.75em 0; line-height:150%; color: #706e59} .subheader_granat{color: #af0e1b; font-weight: bold} #headerwrapper { width:100%; text-align:center; overflow:hidden; } #header { margin:0 auto; width:980px; height:100px; text-align:left; } #logo { display:block; float:left; margin-top:5px;} /*#searchformwrapper { float:right; height:26px; margin-top:5px; width:207px} */ #wrapper_top { float: left; width: 980px; position: relative; } #wrapper_top_right { width: 635px; height: 70px; float: right; } #wrapper_top_left_2 { width: 330px; float: left; } #wrapper_top_right_2 { width: 642px; height: 70px; float: right; } #wtr_top { float: right; width: 635px; height: 31px; } #wtr_bottom { float: right; width: 635px; height: 39px; } .topnav_2 { float:right; height:26px; } .topnav_2 li { background:url(../images/bg-divider-topnav.jpg) no-repeat; margin-top:5px; padding:0px; font-size:0.69em; float: left} .topnav_2 li a { color:#4c4141; } .topnav_2 a:hover,.topnav a:active { color:#af0e1b} .topnav_2 .act { font-weight:bold} .topnav_2 .first { background:none} .topnav_2 .act a:hover,.topnav .act a:act { color:#000} .langnav_2 { float: right; width: 120px; height:26px; } .langnav_2 .tx-pxlangnavi-pi1 .langborder { float:left; padding:6px 0px 0px 8px; } .langnav_2 li { font-size:0.69em; } .langnav_2 li a { color:#4c4141; } .langnav_2 a:hover,.topnav a:active { color:#af0e1b} #searchformwrapper_2 { float:right; height:26px; margin-top:5px; width:215px} #searchformwrapper_2 #search_words #tx-indexedsearch-searchbox-sword { border:1px solid #d6d6d3; float:right; font-size:11px; height:18px; margin-top:0; width:120px} #searchformwrapper_2 #searchbutton { float:right; height:20px; margin-top:0; width:85px} #searchformwrapper_2 .autocomplete_list_div { display:none} #navigationwrapper { width:100%; text-align:center; position:absolute; top:70px; left:0px; overflow:hidden;} #navigation { width: 980px; height:430px; margin: 0px auto; text-align:left; background: transparent url(../images/bg-navi.gif) left top repeat-x; position:relative; } .topnav { float:right; height:26px; } .topnav li { background:url(../images/bg-divider-topnav.jpg) no-repeat; margin-top:5px; padding:0px; font-size:0.69em; float: left} .topnav li a { color:#4c4141; } .topnav a:hover,.topnav a:active { color:#af0e1b} .topnav .act { font-weight:bold} .topnav .first { background:none} .topnav .act a:hover,.topnav .act a:act { color:#000} .footernav { float:left; height:26px; } .footernav li { background:url(../images/bg-divider-topnav.jpg) no-repeat; margin-top:5px; padding:0px; font-size:0.69em; } .footerav li a { color:#4c4141; } .footernav a:hover,.footernav a:active { color:#af0e1b} .footernav .act { font-weight:bold} .footernav .first { background:none} .footernav .act a:hover,.footernav .act a:act { color:#000} /*#searchformwrapper { float:right; height:26px; margin-top:5px; width:215px} #searchformwrapper #search_words #tx-indexedsearch-searchbox-sword { border:1px solid #d6d6d3; float:right; font-size:11px; height:18px; margin-top:0; width:120px} #searchformwrapper #searchbutton { float:right; height:20px; margin-top:0; width:85px} #searchformwrapper .autocomplete_list_div { display:none} */ #keyvisualwrapper { background-color:#dededc; clear:both; width:100%; text-align:center; border-top:1px solid #fff; overflow:hidden;} #breadcrumbwrapper { clear: both; width:100%; text-align:center; } #breadcrumb { margin:0 auto; width:980px; text-align:left; color:#4C4C41; } #breadcrumb a { color: #AF0E1B; font-size: 0.81em; padding-right: 5px; } #breadcrumb span { } #seasonsnav_wrapper_2 { width:172px; float:right; height:39px; } #navi_level_3 { clear: both; margin:0 auto; width:980px; text-align:left; color: #AF0E1B; } .menu-level1 { float: left} .menu-level1 li { color: #4c4c41; float: left} .menu-level1 li a:link, .menu-level1 li a:visited { color: #AF0E1B; font-size: 0.94em; padding: 0px 6px; } .menu-level1 li a:hover, .menu-level1 li a:active { color: #4c4c41; } .menu-level1 li a.active { color: #4c4c41; } #contentwrapper { background:#eeeeed url(../images/white_gif.gif) left top repeat-x; float:both; display:inline-block; width:100%; margin-top: 39px; text-align:center; overflow:hidden; position:relative;} #content { background-color: #fff; margin:1px auto; width:980px; text-align:left; } #content:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden} #content a { color: #af0e1b} #content-left{float: left; width: 642px} #content-right{float: left; width: 336px; border-left: 1px solid #fff;} /* * html #content-right{width: 337px; } */ #content-left p, #content-left-layout1 p, #content-right-layout1 p{font-size: 0.88em} /*Layout 3*/ #content-fullscreen{float: left; width: 980px} /*Layout 4: noch nicht in Benutzung #content-left-layout4{float: left; width: 642px} #content-right-layout4{float: left; width: 336px; border-left: 1px solid #fff;} * html #content-right-layout4{width: 337px; }*/ /* Layout 1 und Layout 2*/ #content-left-layout1, #content-left-layout2{float: left; width: 299px; border-left: 1px solid #fff} #content-right-layout1{float: left; width: 678px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF} #content-center-layout2{float: left; width: 477px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF} #content-right-layout2{float: left; width: 200px; border-right:1px solid #FFFFFF} /*für Tabellendarstellung "Unterkunft finden" und Newsletter im IE6*/ #content-right td, #content-right-layout1 td, #content-right-layout2 td{font-size: 12px} /* Typography */ h1 { margin:0; padding:2px 0 0.5em 0.3em; font-size:2em; color: #af0e1b} /*padding-top 2px wg. IE6 & overflow hidden: Überschrift h1 oben sonst angeschnitten*/ h2 small{font-weight: normal; font-size: 1em} h4{color: #af0e1b; font-size: 1em; padding: 0; margin: 0;} .csc-textpic-image { margin:0 0 1em 0; padding:0; } .bodytext { margin:0 0 1em 0; padding:0px 0px 0px 10px; } #content .bodytext { margin:0 0 0.5em 0; padding:0px 12px 0px 12px;line-height: 1.3 } .csc-header{ margin:0px 0px 3px 0px; padding:0; clear:both; } .csc-subheader { margin:0 0 1em 0; padding:0; clear:both; } .csc-bulletlist { margin:0 0 1em 0; } .contenttable { margin:0 1em 1em 1em; } #content-right .contenttable{font-size: 0.88em} .csc-uploads { margin:0 0 1em 0; } .csc-sitemap { margin:0 0 1em 0; } .csc-textpic-intext-left-nowrap {padding-bottom: 20px} #content-left .csc-textpic-imagewrap {margin-right: 10px !important; margin-bottom: 5px !important; } #content-right .csc-default {background-color: #ecece8; border-left:0 solid #FFFFFF; float:left; overflow:hidden; width:336px;} /* AS#content-right .csc-default p{margin: 0 1em 0 1em}*/ /* AS#content-right .csc-textpic-text{margin-left: 10px;}*/ /* AS#content-right .csc-default .csc-textpic-text p {margin: 0 1em 0 0;}*/ #content-right .csc-default .csc-header h4{margin: 0 0 -1em 1em !important; padding: 0} #content-right .csc-textpic-imagewrap {/*ASmargin-right: 10px !important;*/ margin-bottom: 5px !important; } #contentwrapper #content #content-right .schmal-s .csc-textpic .csc-textpic-imagewrap { margin-right: 0px !important; } #contentwrapper #content #content-right .schmal-s .csc-textpic .csc-textpic-text { clear: none; margin: 0px; padding: 0px; display: inline;} #contentwrapper #content #content-right .csc-textpic-text .csc-textpicHeader {margin: 0px 0px 0px 10px; } #content-left .csc-default .csc-default, #content-right .csc-default .csc-default { border: 0px solid white; padding-bottom: 0px; } #content-fullscreen .csc-default{width: 978px; float: left; overflow: hidden; border-left: 1px solid #fff; margin-bottom: 0px;} #content-left .start-h2{width: 642px; float: left; overflow: hidden; border-left: 1px solid #fff; margin-bottom: 0px;} /* CSS für unterschiedlich hohe Boxen */ .breit-s{width: 642px; height: 251px; float: left; overflow: hidden; border-left: 1px solid #fff; /*margin-bottom: 40px;*/} .breit-m{width: 642px; height: 321px; float: left; overflow: hidden; border-left: 1px solid #fff; margin-bottom: 0px;} .breit-l{width: 642px; height: 386px; float: left; overflow: hidden; border-left: 1px solid #fff; margin-bottom: 0px;} #content-left .csc-default, .breit-flexibel{width: 642px; float: left; overflow: hidden; border-left: 1px solid #fff; margin-bottom: 40px;} .schmal-s{width: 320px; height: 251px; border-left: 1px solid #fff; float: left; overflow: hidden; padding-bottom: 0px;} .schmal-m{width: 320px; height: 321px; border-left: 1px solid #fff; float: left; overflow: hidden; padding-bottom: 0px;} .schmal-l{width: 320px; height: 386px; border-left: 1px solid #fff; float: left; overflow: hidden; padding-bottom: 0px;} .schmal-flexibel{width: 320px; border-left: 1px solid #fff; float: left; overflow: hidden; padding-bottom: 40px;} /*content related*/ #content-right .schmal-s{width: 336px; float: left; overflow: hidden; background-color: #ecece8; border-left: 0px solid #fff;} /* html #content-right .schmal-s{width: 321px;} */ #content-right .schmal-m{width: 336px; float: left; overflow: hidden; background-color: #ecece8; border-left: 0px solid #fff;} #content-right .schmal-l{width: 336px; float: left; overflow: hidden; background-color: #ecece8; border-left: 0px solid #fff;} #content-right .schmal-flexibel{width: 336px; float: left; overflow: hidden; background-color: #ecece8; border-left: 0px solid #fff;} #content-right-layout2 h2, #content-left-layout1 h2, #content-left-layout2 h2 {color: #706e59; border-bottom: 2px solid #706e59; background-color: #ecece8; border-top: 1px solid #fff; } #content-right-layout1 h2, #content-center-layout2 h2 {color: #706e59; border-bottom: 2px solid #706e59; background-color: #dfdfd8; border-top: 1px solid #fff; } #content ul {margin-left: 0em; padding-left: 1em} #content li {margin:0; padding:0 0 0.2em 0; line-height:120%; color: #706e59; list-style-type:disc; } #content-left li {font-size:0.88em;} #content-right li {font-size:1em;} #content #content-left .csc-textpic-imagewrap ul, #content #content-right .csc-textpic-imagewrap ul {margin: 0; padding: 0} #content #content-left .csc-textpic-imagewrap li, #content #content-right .csc-textpic-imagewrap li{margin-right: 11px} .left{float:left} .right{float:right} .clear{clear:both} /* Menu */ /** 1st **/ ul#mainnav { float: left; clear: both; width: 978px; color: #fff; background: transparent url(../images/bg-navi.gif) left top repeat-x; } ul#mainnav li { margin:0; padding:0; float: left; } ul#mainnav li.act{ margin:0; padding:0; } #mainnav a{color: #fff; text-decoration: none; display: block;background: transparent url(../images/bg-mainNaviSprite.png) right top repeat-x; padding:8px 10px 7px 10px;} #mainnav a:hover, #mainnav li.act a{background-position: right -30px; padding:8px 10px 7px 10px; /*--> IE8 Probleme 6px statt 7px*/} #mainnavWrapper{ background:transparent url(../images/bg-navi.gif) repeat-x scroll left top; padding-left:2px; float:left; } /** 2nd **/ .navitable_border { padding: 4px 12px 0 12px; height: 211px; float: left; background-color: white; opacity: 0.8; filter:alpha(opacity=80); } .columntable { z-index:1; float: left; width: 190px} .colt2{ margin-left:30px; } tr { border-bottom: 1px solid #fff; } .navi_2_no, .navi_2_act, { float: left; } .navi_2_no, .navi_2_spc, .navi_2_act{ border-bottom: 1px solid #c0beb2; width: 100%; background: transparent; text-align: left; } .navi_3_no, .navi_3_act { float: left; text-align: left; background: transparent; } .navi_headline div{ color: #4b4b3f; font-size: 0.9em; font-weight:bold; } .navitable_border a{ color: #AC0109; font-size: 0.9em; font-weight:bold; line-height:125%; } .navitable_border a:HOVER{ color: #4C4C41; } h3 { margin:0; padding:0 0 1em 0; font-size:100%; } h5 { margin:0; padding:0 0 1em 0; font-size:80%; } form { margin:0; padding:0; } fieldset { margin:0 0 1em 0; } /** * Beispiel für einen IE6-Hack: TODO **/ * html .pageBody {} *+html divname {} /* csc-tables */ .contenttable tr{color: #706e59; font-size: 0.88em } table.contenttable tr td.align-right {text-align:right;} table.contenttable tr td { vertical-align:top; padding:3px; border-color:#C0BEB2; border-style:none none solid; border-width:0 0 1px;} table.contenttable caption { padding:3px; font-weight:bold; } /* typ 0 */ /*table.contenttable-0 tr td { border:0; } */ /* typ 1 */ table.contenttable-1 tr.tr-even { background-color:#eee; } /* typ 2 */ table.contenttable-2 tr.tr-0 td { background-color:#eee; } /* typ 3 */ table.contenttable-3 tr td.td-0 { background-color:#eee; } /* csc-uploads */ table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; } /** * T3-Admin-Panel **/ table.typo3-adminPanel { position:absolute; right:25px; top:95px; } /* COVERFLOW */ .tx-pxangebotsteaser-pi3 { margin-top: -10px; float: left; } .tx-pxangebotsteaser-pi3 p.coverflow_footer { padding: 0px 0px 0px 10px; } /* Formular "Unterkunft buchen" - noch zT alte Styles, die später erneuert werden müssen */ .edomizil-header{background-color: red} #booking_fewo, #booking_hotel { /*width:320px;*/} #booking_hotel #quickbooking, #booking_fewo #quickbooking {/*margin: 0 0 1em 1em*/} #quickbooking {color:#333333; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:0.75em; font-weight:normal; text-align:left;} form#booking, form#ext { margin:0 !important; padding:0 !important; float: left; } #booking_hotel .quicklabel, #booking_fewo .quicklabel { border:0 none; float:left; margin:0; padding:0; } select.quickform {border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1em; font-weight:normal; height:18px; margin:0; padding:0; text-indent:1px; width:180px; } select.quickform_short{ border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1em; font-weight:normal; height:18px; margin:0; padding:0; text-indent:1px; width:160px; } #edomizil-info-layer { display:none; margin-left:158px; margin-top:87px; position:absolute; } #edomizil-info-layer-2 { display:none; margin-left:120px; margin-top:px; position:absolute;} #edomizil-info-layer-text, #edomizil-info-layer-text-2 { margin-left:8px; margin-top:12px; position:absolute; font-size: 0.75em; line-height: 130%; width: 135px; overflow: visible } #edomizil-info-layer-schmal { display:none; margin-left:25px; margin-top:135px; position:absolute; } #edomizil-info-layer-2-schmal { display:none; margin-left:25px; margin-top:0px; position:absolute;} #edomizil-info-layer-text-schmal, #edomizil-info-layer-text-2-schmal { margin-left:8px; margin-top:12px; position:absolute; font-size: 0.75em; line-height: 130%; width: 135px;} #edomizil-info-layer-close, #edomizil-info-layer-close-2 { background-image:url("../../../clear.gif"); height:12px; margin-left:125px; margin-top:4px; position:absolute; width:12px; } .quicklabel_content { border:0 none; display:block; float:left; line-height:0; margin:0; padding:0; text-align:left; } .quicklabel_new { border:0 none; display:block; float:left; margin:0; padding:0; text-align:left; width:63px; } #container_dom_cal{line-height: 100%;} .info-image{padding-left: 5px } .breit{width:320px; background-color:#ecece8;} /*Unterkunft finden - small*/ .schmal { width:190px;} select.quickform_schmal {border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1em; font-weight:normal; height:18px; margin:0; padding:0; text-indent:1px; width:85px; } /* Formular Newsletter Abo - noch zT alte Styles, die später erneuert werden müssen*/ #newsletter_div { clear:both; margin:0 0 0 0px; padding:0; font-size: 0.75em; } #newsletter_div #subscribe { margin:0 !important; padding:0px 0px 0px 10px !important; } #wetterLink{margin: 0px 0px 0px 45px !important; padding: 0px 0px 40px 0px; font-size: 0.75em} #NL-Link{margin: 0px 0px 0px 13px !important; padding: 0px 0px 40px 0px; font-size: 0.75em} /* EBENE 1*/ .menu{position:absolute; top:0px; left:0px; display:block; margin:0; padding:0; width:980px; /* important pour Opera7 */ } .menu ul{position:absolute; /* pour sortir la liste du flux de donnée */ display:block; width:150px; margin:0; padding:0; } .menu li { list-style:none; display:inline; display/**/:block; float:none; float/**/:left; margin:0; padding:0; border-right: 1px solid #e2808c; height: 30px; position: relative; } .menu li.act{ background: #a8010a; } .menu a { text-align:left; color:#fff; display:block; width: auto; text-decoration:none; margin:0px; font-size: 13px; padding: 8px 10px; } /* * html .menu a { padding: 3px 10px; } */ .menu a.cuf { font-size: 16px; } /* EBENE 2 */ .menu li ul { visibility:hidden; width: 205px; background-color: white; opacity: 0.8; filter: alpha(opacity = 80); z-index: 99999; top: 31px; height:auto; padding: 5px 0px 35px 0px; } .menu li ul.first { left: 0px;} .menu li ul.second { left: 205px;} .menu li li{ display:block; float:none; background: none; border-right: 0px solid #e2808c; /*height: 20px;*/ height: auto; line-height: 120%; } .menu li li.act { background: none; } .menu li li.navi_headline { color: #706E59; font-weight: bold; font-size: 14px; margin: 0px 10px; border-bottom: 1px solid #a4a39e; } .menu li li A { background-color: none; color: #af0e1b; font-weight: bold; border-bottom: 1px solid #a4a39e; margin: 0px 10px; padding: 0px; /*height: 20px;*/ height: auto; } .menu li li A:HOVER { color: #706e59;} *+html .menu li ul {height:365px; } /* ######################################### */ div[id="navi"]>.menu a {text-align:center; border:1px #000 solid; color:#000; display:block; width:120px; text-decoration:none; padding:2px 0; margin:1px; } div[id="navi"]>.menu a:hover { border:1px #000 solid;} /* ######################################### */ /** LANGNAVI **/ .tx-pxlangnavi-pi1 { position: relative; } .tx-pxlangnavi-pi1 .langborder { margin: 6px 40px 0px 35px; float: left; } .tx-pxlangnavi-pi1 .actlangWrapper { float: left; height: 18px; cursor: pointer; font-size: 0.69em; font-family:Arial,Helvetica,Verdana,sans-serif; color:#4C4141; } .tx-pxlangnavi-pi1 .actlangWrapper .actlang { padding: 0px 2px 0px 8px; float: left; } .tx-pxlangnavi-pi1 .actlangWrapper .arrow { padding: 8px 8px 0px 3px; float: left; } .tx-pxlangnavi-pi1 #langnavilayer { position: absolute; top: 25px; left: 35px; background: white; z-index: 999999; } .tx-pxlangnavi-pi1 #langnavilayer UL LI { padding: 0px 10px; margin: 0px; float: none; } /*RTE*/ .subheader_granat{ font-family:Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; color: #C0051A; padding: 0px; } #content-left .subheader_granat {margin-left: 10px} .subheader_fett{font-weight: bold; color: #706e59; padding: 0px; } /* ---- Allgemeine Elemente ----------------------------------------- */ input {background:#fff; padding:3px; border:1px solid #D6D6D3; margin-bottom:4px; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-align:left;} select {background:#fff; padding:2px; border:1px solid #D6D6D3; margin-bottom:4px; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-align:left;} input.button {background:url(../images/bg-button.gif) no-repeat; width:168px; text-align:center; height:20px; border:none; padding:0; line-height:20px; font-size:10px; font-weight:900; color:#AF0E1B; margin-top:10px 0 16px 0;} input.button:hover {cursor:pointer;} input.radio {width:auto;} label {color:#706E59; float:left; font-size:0.9em; height:19px; margin-left:14px; padding:2px 0 0; text-align:left; width:93px;} /* ---- Rootline ----------------------------------------- */ #breadcrumbwrapper {clear: both;width:100%;text-align:center; overflow:hidden;} #breadcrumb {margin:0 auto;width:980px;text-align:left;color:#4C4C41;} #breadcrumb span {margin:0px 0px 0px 7px;} #breadcrumb span.active a {color:#b1b1b1;} #navi_level_3 {clear: both; margin:0 auto;width:980px;text-align:left;color: #AF0E1B;} #breadcrumb a {color: #AF0E1B; font-size: 0.81em; padding-right: 5px;} /* ---- Content (seiteninhalt) ----------------------------------------- */ #content-left{float: left; width: 620px;} /* ---- Seitliche Navigation ----------------------------------------- */ #content-left #content-navi {display:block; float:left; width:205px; margin:0 0 0 0px; padding:0;} #content-left #content-navi h2 {width:191px; background:#ECECE8; border-bottom:2px solid #706E59; font-size:14px; color:#706f5d; line-height:20px; padding:0 0 0 14px; margin-bottom:-1px;} #content-left #content-navi h2 a {color:#706f5d; cursor:text;} #content-left #content-navi ul {margin:0px 0 20px 0; padding:0;} #content-left #content-navi li {border-bottom:1px solid #C0BEB2; display:block; float:left; font-size:0.6em; padding-left:14px; padding-top:3px; width:191px;} #content-left #content-navi li ul {display:block; width:161px; margin-left:15px; float:left; margin-bottom:20px; padding:0;} * html #content-left #content-navi {width:166px; margin-left:5px;} * html #content-left #content-navi li {width:166px;} * html #content-left #content-navi li ul {width:151px; margin-left:10px; float:left; margin-bottom:20px;} #content-left #content-navi li ul li {display:block; width:176px; font-size:0.6em; padding-top:3px; border:none; padding-left:0px;} #content-left #content-navi li a {color:#b1b1b1; font-weight:900; font-size:12px; line-height:18px; } #content-left #content-navi li a:hover {color:#AF0E1B; } #content-left #content-navi li.navi_headline {font-size:15px; font-weight:900;} #content-left #content-navi li.menu-level1-active a {color:#AF0E1B; } #content-left #content-navi li.menu-level1-active ul a {color:#b1b1b1; } #content-left #content-navi li.menu-level1-active ul a:hover {color:#AF0E1B; } #content-left #content-navi li.menu-level1-current-active a {color:#AF0E1B; } #content-left #content-navi li.menu-level1-current-active ul a {color:#b1b1b1; } #content-left #content-navi li.menu-level1-current-active ul a:hover {color:#AF0E1B; } #content-left #content-navi li.menu-level1-active ul li.menu-level2-active a {color:#AF0E1B; } #content-left #content-navi li.menu-level1-active ul li.menu-level2-with-subpage a {color:#b1b1b1; } #content-left #content-navi li.menu-level1-active ul li.menu-level2-active ul li a {color:#b1b1b1; } #content-left #content-navi li.menu-level1-active ul li.menu-level2-active ul li.menu-level2-current-active a {color:#AF0E1B;} #content-left #content-navi li.menu-level1-active ul li.menu-level2-current-active a {color:#AF0E1B} /* ---- Hauptinhalt --------------------------------------------------- */ #content-left #content-middle {width:399px; float:right; background:#f3f4f1; font-size:12px; margin-bottom:45px;} #content-left #content-middle h1 {width:391px; background:#d9dad2; border-bottom:2px solid #706f5d; font-size:15px; color:#706f5d; line-height:20px; padding:0 0 0 8px; } * html #content-left #content-middle h1 {width:399px; } #content-left #content-middle h2 {width:391px; background:#d9dad2; border-bottom:2px solid #706f5d; font-size:15px; color:#706f5d; line-height:20px; padding:0 0 0 8px;} #content-left #content-middle h3 {width:385px; border-bottom:2px solid #706f5d; font-size:12px; color:#706f5d; line-height:15px; padding:0 0 0 14px; margin-bottom:8px; margin-top:20px; float:left;} #content-left #content-middle p {width:341px; margin:3px 50px 20px 14px; float:left; display:block; font-size:12px;} #content-left #content-middle img {width:399px; margin:0px 0 10px 0; float:left; display:block;} #content-left #content-middle p.bodytext {display:block; float:left; margin:12px 50px 10px 0; width:341px; padding:0 14px;} #content-left #content-middle p.subheader_fett {border-bottom:2px solid #706F5D; color:#706F5D; font-size:12px; line-height:15px; margin-bottom:0px; margin-left:0; margin-top:20px; padding:0 0 0 14px; width:385px;} #content-left #content-middle li {margin-bottom:8px; } #content-left #content-middle .tx-bftangebote01-pi1 table.contenttable tr p.bodytext {font-size:10px;} /* ---- Angebote -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content-left #content-middle .tx-bftangebote01-pi1 {line-height:130%; font-size: 1.1em;} #content-left #content-middle .tx-bftangebote01-pi1 div {width:341px; margin:3px 14px 0px 14px; float:left; display:block; color:#706E59; padding-bottom:12px;} * html #content-left #content-middle .tx-bftangebote01-pi1 div {width:341px; margin:3px 0px 0px 6px; float:left; display:block; color:#706E59;} #content-left #content-middle .tx-bftangebote01-pi1 div.spalte1 {display:block; float:left; width:180px; margin:0;} #content-left #content-middle .tx-bftangebote01-pi1 div.spalte2 {display:block; float:left; width:180px; margin:0 -40px 0 20px;} * html #content-left #content-middle .tx-bftangebote01-pi1 div.spalte1 {overflow:hidden; background:green; } * html #content-left #content-middle .tx-bftangebote01-pi1 div.spalte2 {overflow:visible; background:red; width:200px; margin:0 -55px 0 10px;} #content-left #content-middle .tx-bftangebote01-pi1 div p {margin:0px; display:block; padding:0;} #content-left #content-middle .tx-bftangebote01-pi1 table {width:360px; margin:0; float:left; margin:0; width:353px;} #content-left #content-middle .tx-bftangebote01-pi1 table .bodytext {width:auto;} #content-left #content-middle .tx-bftangebote01-pi1 div li {float:left; margin-bottom:3px; width:100%;} #content-left #content-middle .tx-bftangebote01-pi1 div li a { } #content-left #content-middle .tx-bftangebote01-pi1 .button {background:url("http://neu.berguen.ch/fileadmin/bft-2010/templates/images/btn-booking.gif") no-repeat scroll 0 0 transparent; border:medium none; color:#AF0E1B; display:block; height:20px; line-height:20px; margin-bottom:4px; padding:0; width:146px;background-color:#6181A7; border:0 none #FFFFFF; color:#AF0E1B; cursor:pointer; display:inline; float:left; font-size:10px; font-weight:bold; margin:0 10px 0 0; padding:0; text-align:center; width:146px;} #content-left #content-middle .tx-bftangebote01-pi1 .button-online-buchen {background:url("/fileadmin/images/layout/btn-online-buchen.png") no-repeat scroll 0 0 transparent; color:#F3F4F1; display:block; height:91px; width:193px; position:relative; top:-22px; left:192px;} /* ---- ImgaeSlider ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content-left #content-middle .tx-bftangebote01-pi1 #gallery {margin:0; padding:0; width:399px; margin: 0 0 20px; height:266px; overflow:hidden;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery div {margin:0; padding:0;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery #imagePool {width:399px; min-height:266px !important;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery #imagePool ul {list-style:none; padding:0; margin:0; width:399px;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery #imagePool ul li {list-style:none; padding:0; margin:0; width:399px;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery #btnNext {display:block; position:relative; top:0; left:0; width:120px; height:80px;} /* ---- Footer -------------------------------------------- */ #content-left #content-middle div.footer {width:371px; background:#706F5D; margin:38px 0 0 0px; padding:0 14px 0 14px; color:#D9DAD2; font-size:11px;height:25px; line-height:25px;} #content-left #content-middle div.footer a {display:inline-block; margin:0px; padding-right:0 8px 0 8px; color:#D9DAD2;} #content-left #content-middle div.footer a:hover {color:#B1B1B1} #content-left #content-middle div.footer .print {float:right; text-align:right; width:55px; height:20px;} *+ html #content-left #content-middle div.footer .print {margin-top:-25px;} /* ---- Infospalte Rechts -------------------------------------------- */ #content-right {float:right; width:336px; border-left: 1px solid #fff; font-size:12px;} #content-right .infoBox {width:336px; background:#f3f4f1; font-size:12px; line-height:130%; margin-bottom:20px; float:left;} #content-right .infoBox h2 {width:328px; background:#d9dad2; border-bottom:2px solid #706f5d; font-size:15px; color:#706f5d; line-height:20px; padding:0 0 0 8px; clear:left; } * html #content-right .infoBox h2 {width:336px;} #content-right .infoBox h3 {width:328px; border-bottom:2px solid #706f5d; font-size:12px; color:#706f5d; line-height:15px; padding:0 0 0 8px; margin-bottom:8px; margin-top:20px; clear:left;} #content-right .infoBox p {width:308px; margin:3px 0px 0px 8px; float:left; display:block;} #content-right .infoBox #map {width:336px; height:266px; margin-top:3px;} #content-right .infoBox #map div span {display:none;} #content-right .infoBox .hidden {display:none; height:0px; width:0px; min-height:0px; max-height:0px; line-height:0px; margin:0; padding:0;} #content-right p.bodytext {line-height:130%; margin: 0px 10px; padding:0px 0px; font-size: 1em;} #content-right .infoBox .thumb {display:block; float:left; margin:0 5px 5px 0; position:relative;} #content-right .infoBox .tx-detailViewer-pi1 div {padding-bottom:30px; float:left;} #content-right .infoBox .tx-detailViewer-pi1 p {width:194px; margin-bottom:20px;} #content-right .infoBox .tx-detailViewer-pi1 a.linkDownload {display:block; margin-top:8px;} #content-left #content-middle .tx-detailViewer-pi1 {padding-bottom:40px; float:left;} #content-left #content-middle .tx-detailViewer-pi1 p {display:block;float:left; font-size:12px; width:262px; margin:0 0 0 14px;} #content-left #content-middle .tx-detailViewer-pi1 img {width:auto; max-height:140px;} #content-left #content-middle .tx-detailViewer-pi1 a.linkDownload {display:block; margin-top:8px;} #content-right .infoBox a {display:block; margin-top:8px;} /* ---- Homepage ------------------------------------------------------ */ /* #content #homepage {height:358px; overflow:hidden; margin-top:1px;} #content #teaserBox {width:599px; float:left;} #content #teaserBox #countrydivcontainer {width:599px; height:337 px; padding:0px; background:url(/fileadmin/bft-2010/templates/images/loader.gif) center no-repeat #F3F4F1;} #content #teaserBox #countrydivcontainer img {margin:10px 30px 30px 78px;} #content #teaserBox #countrydivcontainer .loading {padding-top:180px; text-align:center; width:649px;} #content #teaserBox #countrydivcontainer iframe {height:335px !important; width:599px !important;} #content #teaserBox #countrytabs {width:599px; height:22px; margin:0; padding:0; background-image:url(/fileadmin/bft-2010/templates/images/bg-register.gif); background-repeat:repeat-x;} #content #teaserBox #countrytabs li {list-style:none; float:left; margin-right:14px; background-image:url(/fileadmin/bft-2010/templates/images/bg-layer.gif); background-repeat:repeat-x;} #content #teaserBox #countrytabs.shadetabs li a {display:inline-block; color:#6f6f57; text-decoration:none; font-size:13px; font-weight:900; width:151px; height:20px; padding:0px 0 0 10px} #content #teaserBox #countrytabs.shadetabs li a.selected {background:#6f6f57; color:#FFFFFF;} #content #teaserBox #countrydivcontainer .sliderNavi {display:block; height:45px; width:599px; border-top:2px solid #706e59; float:left;} #content #teaserBox #prevBtn, #nextBtn {display:block; width:85px; height:20px; position:relative; left:14px; top:270px; z-index:1000;} #content #teaserBox #nextBtn {left:215px; top:245px;} #content #teaserBox #prevBtn a, #nextBtn a {display:block; position:relative; width:85px; height:20px; background:url(/fileadmin/bft-2010/templates/images/btn-slider-back.gif) no-repeat 0 0; } #content #teaserBox #nextBtn a {background:url(/fileadmin/bft-2010/templates/images/btn-slider-next.gif) no-repeat 0 0; } #preload {width:100%; height:100%; background:url(/fileadmin/images/home-banner/bg.png); display:none; position:fixed; z-index:100; text-align:center; cursor:pointer;} #preload img {margin:33px auto; height:548px; width:409px; left:0; top:0; display:none;} */ /* ---- Homepage ------------------------------------------------------ */ #preload {width:100%; height:100%; background:url(/fileadmin/images/home-banner/bg.png); display:none; position:fixed; z-index:100; text-align:center; cursor:pointer;} #preload img {margin:0px auto; height:528px; width:409px; left:0; top:0; display:none;} #preload #closeBanner {height:auto; display:block; margin:33px auto 0;} #content #home {display:block; float:left; width:976px; margin:0 0 0 2px;} #content #home .csc-header-n1 {display:none;} #content #home h2 {width:100%; background:#ECECE8; border-bottom:2px solid #706E59; font-size:14px; color:#706f5d; line-height:20px; padding:0 0 0 10px; margin-top:0px; margin-bottom:10px;} #content #home #homeLeft {width:641px; float:left; display:block;} #content #home #homeLeft h2 {width:631px; background:#fff1cf; border-bottom:2px solid #cc9900; color:#da8e03;} #content #home #homeLeft #boxTeaser {display:block; width:641px; height:244px ; font-size:12px; font-weight:100; color:#706e59; font-family:Arial, Helvetica, sans-serif; line-height:100%;} #content #home #homeLeft #boxTeaser #contentBox {background:#fff; float:left; width:641px; overflow:hidden;} #content #home #homeLeft #boxTeaser #contentBox .teaserImage {width:310px; float:left; display:block; margin-right:15px; max-height:207px;} #content #home #homeLeft #boxTeaser #contentBox .info {width:280px; float:left; display:block; height:207px; margin-top:5px; margin-right: 34px;} #content #home #homeLeft #boxTeaser #contentBox .info p {line-height:130%;} #content #home #homeLeft #boxTeaser #contentBox .info p b {color:#cc9900;} #content #home #homeLeft #boxNavigation {background:#dfdfd8; width:641px; height:102px; float:left; font-size:12px; font-weight:100; color:#706e59; font-family:Arial, Helvetica, sans-serif; line-height:100%} #content #home #homeLeft #boxNavigation .items {} #content #home #homeLeft #boxNavigation .scrollable {position:relative; overflow:hidden; height:100px; width: 641px; float:left;} #content #home #homeLeft #boxNavigation .scrollable .items {width:20000em; position:absolute; clear:both;} #content #home #homeLeft #boxNavigation .scrollable .items ul {float:left; width:641px; padding:0; margin:0; list-style:none;} #content #home #homeLeft #boxNavigation .scrollable li {float:left; margin:0px; background:url(/fileadmin/bft-2010/templates/images/startseite/teaserBox_bg.png); display:block; border:0; width:213px; height:102px; padding:0; list-style:none; cursor:pointer; margin-right:1px;} #content #home #homeLeft #boxNavigation .scrollable li#erlebnisse {margin-right:0;} #content #home #homeLeft #boxNavigation .scrollable li.active {background:url(/fileadmin/bft-2010/templates/images/startseite/teaserBox_bg-active.png);} #content #home #homeLeft #boxNavigation .scrollable li.active:hover {background:url(/fileadmin/bft-2010/templates/images/startseite/teaserBox_bg-active.png);} #content #home #homeLeft #boxNavigation .scrollable li:hover {background:url(/fileadmin/bft-2010/templates/images/startseite/teaserBox_bg-hover.png);} #content #home #homeLeft #boxNavigation .scrollable li p {margin:20px 0 0 20px; width:180px; padding:0; line-height:130%;} #content #home #homeLeft #boxNavigation .scrollable li b {color:#cc9900; font-weight:900;} #content #home #homeLeft #boxNavigation .scrollable li p.bottom {margin:0px 0 0 20px;} #content #home #homeLeft #teaserSlider {width:571px; height:215px; margin:0px; padding:0px; float:left; font-size:12px; color:#706E59; list-style:none; display:block; } #content #home #homeLeft #teaserSlider ul, #teaserSlider li {margin:0; padding:0; list-style:none; height:234px; overflow:hidden;} #content #home #homeLeft #teaserSlider li {width:571px; height:234px; overflow:hidden;} #content #home #homeLeft #teaserSlider li img {width:250px; float:left; margin:0 18px 0 0;} #content #home #homeLeft #teaserSlider li h1 {display:block; width:300px; font-size:13px; float:left; padding:0; margin-bottom:6px; color:#706E59;} #content #home #homeLeft #teaserSlider li p {width:300px; float:left;} #content #home #homeLeft #teaserSlider li p a {width:300px; float:left; display:block; margin-top:4px;} #content #home #homeLeft #teaserSlider li p span {width:300px; float:left; display:block; margin-top:1px;} #content #home #homeLeft #loading {width:641px; height:219px; background:url(/fileadmin/bft-2010/templates/images/startseite/loading.gif) no-repeat center center #fff; position:relative; top:0px; left:0px; display:block; z-index: 9999999;} /**** DO NOT CHANGE BELOW THIS LINE ****/ /* anythingSlider viewport window */ div.anythingSlider { width: 571px; height: 208px; margin: 0 auto; overflow: hidden; /* needed for Opera and Safari */ } div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { position: relative; padding: 0 35px 0px 35px; } /* anythingSlider base UL */ ul.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } ul.anythingBase li.panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } div.anythingSlider .arrow { top: 65%; position: absolute; display: block; } div.anythingSlider .arrow a { display: block; height: 30px; margin: -60px 0 0 0; width: 30px; text-align: center; outline: 0; background: url(/fileadmin/bft-2010/templates/images/startseite/teaserBox_buttons.png) no-repeat; text-indent: -9999px; } div.anythingSlider .forward {right: 0; } div.anythingSlider .back {left: 0; } div.anythingSlider .forward a {background-position: 0 -30px;} div.anythingSlider .back a {background-position: -30px 0;} div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover {background-position:-60px -30px;} div.anythingSlider .back a:hover, div.anythingSlider .back a.hover {background-position:-60px 0px;} div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ div.anythingSlider .back.disabled { display: none; } #content #home #homeRight {width:333px; float:left; display:block; background:#f3f4f1; margin-left:2px; height:378px; color:#706E59;} #content #home #homeRight h2 {width:323px; float:left;} #content #home #homeRight .boxContent {font-size:12px; line-height:130%; float:left; width:332px; padding-bottom:18px; border-bottom:2px solid #fff; overflow:hidden} #content #home #homeRight .boxContent .linkBox {display:block; float:left; width:320px; margin-left:10px; margin-top:4px;} #content #home #homeRight .boxContent #meteoBox { display:block; float:left; width:320px; margin-left:10px;} #content #home #homeRight .boxContent #meteoBox ul {list-style:none; margin:0; padding:0;} #content #home #homeRight .boxContent #meteoBox li {list-style:none; margin:5px; padding:0; display:block; float:left; width: 95px;} #content #home #homeRight .boxContent #meteoBox li span {display:block; float:left; margin-top:3px; width:30px; font-size:15px; color:#b1b1b1; font-weight:900;} #content #home #homeRight .boxContent #meteoBox li img {} #content #home #homeRight .boxContent #webcams { display:block; float:left; width:320px;} #content #home #homeRight .boxContent #webcams ul {list-style:none; margin:0; padding:0;} #content #home #homeRight .boxContent #webcams li {list-style:none; margin:0 0 3px; padding:0; display:block; float:left; width:96px;} #content #home #homeRight .boxContent #booking {display:block; float:left; width:300px; padding-left:10px;} #content #home #homeRight .boxContent #booking .linkBox {margin-left:0px;} #content #home #homeRight #bookingdivcontainer input.hidden {background:none; height:0px; line-height:0px; min-height:0px; max-height:0px; padding:0; margin:0; visibility:hidden; border:none;} #content #home #homeRight #bookingdivcontainer input.search {background:url("/fileadmin/bft-2010/templates/images/bg-hotelsearch.gif") no-repeat scroll 41px 4px #FFFFFF; width:60px; margin:0; height: 12px; font-size:11px; line-height:11px; ma} *+html #content #home #homeRight #bookingdivcontainer input.search {height: 13px;} * html #content #home #homeRight #bookingdivcontainer input.search {height: 20px;} #content #home #homeRight #bookingdivcontainer input.button {margin:0px; width:20px; float:right; font-size:10px; background:url("/fileadmin/bft-2010/templates/images/button-lupe.png");} *+html #content #home #homeRight #bookingdivcontainer input.button {margin-top:-22px;} * html #content #home #homeRight #bookingdivcontainer input.button {margin-top:-22px;} #content #home #homeRight #bookingdivcontainer .formLine2 {display:block; float:left; width:315px; border-bottom:1px solid #FFFFFF; padding: 2px 0;} #content #home #homeRight #bookingdivcontainer .formLine2 .links {display:block; float:left; width:164px; padding-top: 3px;} #content #home #homeRight #bookingdivcontainer .formLine2 label {padding-left:0; margin-left:0; width:60px; padding-top: 3px;} /* ---- Wetter/Webcams ------------------------------------------------------ */ #content #content-right .register2 {display:block; width:336px; margin-bottom:30px;} #content #content-right #wetterdivcontainer {width:336px; height:91px; background:#F3F4F1; padding:0px;} #content #content-right #wetterdivcontainer img {margin:10px 30px 30px 78px;} #content #content-right #wetterdivcontainer .loading {padding-top:180px; text-align:center; width:649px;} #content #content-right #wetterdivcontainer .tabcontentiframe {width:336px !important; height:100px !important; min-height:100px !important;} #content #content-right .shadetabs2 {width:336px; height:22px; margin:0; padding:0; background-image:url(/fileadmin/bft-2010/templates/images/bg-register.gif); background-repeat:repeat-x;} #content #content-right .shadetabs2 li {list-style:none; float:left; margin-right:14px; background-image:url(/fileadmin/bft-2010/templates/images/bg-layer.gif); background-repeat:repeat-x;} #content #content-right .shadetabs2 li a {display:inline-block; color:#6f6f57; text-decoration:none; font-size:13px; font-weight:900; width:151px; height:18px; padding:2px 0 0 10px} #content #content-right .shadetabs2 li a.selected {background:#6f6f57; color:#FFFFFF;} /* ---- Unterkunft/Tickets ------------------------------------------------------ */ #content #content-right .register3 {display:block; width:336px; margin-bottom:30px;} #content #content-right #bookingdivcontainer {width:336px; height:194px; padding:0px; background:#F3F4F1} #content #content-right #bookingdivcontainer img {margin:10px 30px 30px 78px;} #content #content-right #bookingdivcontainer .loading {padding-top:60px; text-align:center; width:336px;} #content #content-right #bookingdivcontainer form {padding-top:10px;} #content #content-right #bookingdivcontainer label {color:#000000; float:left; font-size:0.9em; padding:2px 0 0; text-align:left; color:#706E59; width:106px; height:19px; margin:0;} #content #content-right #bookingdivcontainer .datum {float:left; width:70px;} #content #content-right #bookingdivcontainer input {float:left; font-size:0.9em; width:160px; margin:0;} #content #content-right #bookingdivcontainer select {float:left; font-size:0.9em; width:168px; margin:0;} #content #content-right #bookingdivcontainer input.datefield {width:64px; margin:0;} #content #content-right #bookingdivcontainer input.personen {width:64px; margin:0;} #content #content-right #bookingdivcontainer input.hidden {background:none; height:0px; line-height:0px; min-height:0px; max-height:0px; padding:0; margin:0; visibility:hidden; border:none;} #content #content-right #bookingdivcontainer input.search {background:url("/fileadmin/bft-2010/templates/images/bg-hotelsearch.gif") no-repeat scroll 141px 4px #FFFFFF; width:160px; margin:0;} #content #content-right #bookingdivcontainer input.button {margin:10px 0 0 113px; width:168px; float:none; font-size:10px;} #content #content-right #bookingdivcontainer #veraSuche input.button {margin:10px 0 0 106px;} #content #content-right .shadetabs3 {width:336px; height:22px; margin:0; padding:0; background-image:url(/fileadmin/bft-2010/templates/images/bg-register.gif); background-repeat:repeat-x;} #content #content-right .shadetabs3 li {list-style:none; float:left; margin-right:14px; background-image:url(/fileadmin/bft-2010/templates/images/bg-layer.gif); background-repeat:repeat-x;} #content #content-right .shadetabs3 li a {display:inline-block; color:#6f6f57; text-decoration:none; font-size:13px; font-weight:900; width:151px; height:18px; padding:2px 0 0 10px} #content #content-right .shadetabs3 li a.selected {background:#6f6f57; color:#FFFFFF;} /* // Easy Slider *//* numeric controls */ #content-left #content-middle .tx-bftangebote01-pi1 #gallery #sliderNavigation {background:none repeat scroll 70% 50% #FFFFFF; display:block; float:left; height:20px; margin:-30px 0 0; opacity:0.7; width:399px; } * html #content-left #content-middle .tx-bftangebote01-pi1 #gallery #sliderNavigation {margin:-20px 0 0;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery #sliderNavigation img {width:35px; height:16px; float:right; margin:2px 5px 0 0;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery ol#controls {padding:0;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery ol#controls li {margin:0 1px 0 0; padding:0; float:left; list-style:none; height:20px; line-height:20px;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery ol#controls li a {float:left; height:20px; line-height:20px; border-right:1px solid #ccc; color:#555; padding:0 10px; text-decoration:none;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery ol#controls li.current a {font-weight:900;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery ol#controls li a:focus, #content-left #content-middle .tx-bftangebote01-pi1 #gallery ol#controls li a:hover {color:#AF0E1B;} #prevBtn a:focus, #nextBtn a:focus {outline:none;} #content-left #content-middle .tx-bftangebote01-pi1 #gallery #hideImages {background:url("/typo3conf/ext/px_jquery_keyvisual/images/toggler_icons.gif") no-repeat scroll 0 -17px transparent; cursor:pointer; float:right; font-size:10px; height:23px; padding:2px 0 0 15px; width:92px;} #content-left #content-middle #divBooking {position:relative; width:759px; top:-25px; background:#F3F4F1;} * html #content-left #content-middle #divBooking {right:-221px; top:-217px !important;} #content-left #content-middle #divBooking h2 {width:751px;} .divHeightMaker {display:block; height:5500px;} #bookingInfo {display:block; height:150px; left:-207px; position:relative; top:-5085px !important; width:150px;} * html #bookingInfo {left:10px; top:-5922px;} /* ---- Webcams ------------------------------------------------------ */ #content #content-right #webcams {display:block; width:316px; margin:0; padding:10px; list-style:none; margin-bottom:15px; float:left;} #content #content-right #webcams li {margin:0 5px 5px 0; padding:0; width:100px; float:left; list-style:none; display:block;} #content #content-right #webcams li img {margin:0; padding:0; display:block; width:100px;} /* ---- Wetterseite ------------------------------------------------------ */ #content #content-middle #divWetter {} #content #content-middle #divWetter ul {padding:0; margin:0; list-style:none;} #content #content-middle #divWetter ul li {float:left; list-style:none outside none; margin:0 0 18px; padding:0;} #content #content-middle #divWetter li img {width:58px; margin:0 0 20px;} #content #content-middle #divWetter li h2 {width:391px; margin-bottom:5px;} #content #content-middle #divWetter li p {float:left; margin:3px 0 0 0px; width:250px;} #content #content-middle #divWetter li table {text-align:left; margin-top:12px;} #content #content-middle #divWetter li table tr {border:none; padding-bottom:12px; display:block; vertical-align:top;} #content #content-middle #divWetter li table td {width:110px;} #content #content-middle #divWetter li table td.middle {width:120px;} #content #content-middle #divWetter li table td.doppel {width:240px;} #content #content-middle #divWetter li div.spalte {width:110px; float:left; margin:0 0px 0 14px;} #content #content-middle #divWetter li div.prognose {width:220px; float:left;} #content #content-middle #divWetter li div span {display:block; float:left; width:100px; margin:0 0 8px 0;} /* ---- Veranstaltungen ------------------------------------------------------ */ #content #content-middle #veranstaltungenListe {} #content #content-middle #veranstaltungenListe ul {padding:0; margin:0; list-style:none;} #content #content-middle #veranstaltungenListe ul li {float:left; list-style:none outside none; margin:0 0 18px; padding:0;} #content #content-middle #veranstaltungenListe li img {margin:0 0 0 14px; max-height:120px; max-width:112px; width:auto; margin:0 0 0 14px;} #content #content-middle #veranstaltungenListe li h2 {width:391px; margin-bottom:5px;} #content #content-middle #veranstaltungenListe li p {float:left; margin:3px 0 0 10px; width:250px;} #content #content-middle #veranstaltungenDetail p {margin:3px 50px 20px 14px} /*--- Suche -----------------------------------------------------------*/ #searchformwrapper {float:right;height:26px;margin-top:5px;width:215px} #searchformwrapper #search_words #tx-indexedsearch-searchbox-sword {border:1px solid #d6d6d3;float:left;font-size:11px;height:18px;margin-top:0;width:120px; background:transparent url(/fileadmin/bft-2010/templates/images/searchBox-bg-field.gif) no-repeat 100px 3px; padding:0 0 0 5px;} #searchformwrapper #searchbutton {float:right;height:20px;margin-top:0;width:85px} #searchformwrapper .autocomplete_list_div {display:none} #ergebniswrapper {left:0; position:absolute; top:26px; width:100%; overflow:visible;} #ergebnis {left:382px; margin:0 auto; position:relative; text-align:left; width:215px; font-size:11px;} *+html #ergebnis {left:382px;} #ergebnis ul {padding:0; margin:0; width:215px; background:transparent url(/fileadmin/bft-2010/templates/images/searchBox-bg.gif) repeat-y scroll 0 0; position:absolute; top:0; z-index:99999; border-bottom:1px solid #D6D6D3;} #ergebnis ul li {display:block; margin:0px; height:22px; padding:5px 0 11px 8px; position:relative;} #ergebnis ul li:hover {background:transparent url(/fileadmin/bft-2010/templates/images/searchBox-bg-hover.gif) repeat-y scroll 0 0;} #ergebnis ul li img {float:left; margin-right:5px; max-height:25px; max-width:25px;} * html #ergebnis ul li img {height:25px; width:25px;} #ergebnis ul li span {display:block; width:170px; float:left; height:14px; line-height:14px;} #ergebnis ul li a {display:block; width:170px; float:left; height:14px; line-height:14px;} #ergebnis ul li span.code {color:#FFFFFF; float:right; font-size:0.6em; font-weight:900; margin:-13px 7px 0 0; text-align:center; width:21px;} #ergebnis ul li span.category {color:#999999;} .bootomImage {margin-top:0px;} span.clear {clear:left;} /*--- Fahrplan -----------------------------------------------------------*/ #content #content-right .fahrplan {width: 336px; margin: 8px 0 0; padding: 0px; text-align: right;} #content #content-right .fahrplan img.logo {left:-192px; position:relative; top:0px; height:20px;} #content #content-right .fahrplan form {margin-top:0px; border-top: 2px solid #706e59; padding:10px 0 30px 4px;} #content #content-right .fahrplan form table {width:320px; margin: 4px; text-align:left; font-size:12px;} #content #content-right .fahrplan form select {width:84px; margin: 0 10px 7px 0;} #content #content-right .fahrplan form input {width:160px;} #content #content-right .fahrplan form input.radio {width:auto; margin:0 0 5px; line-height: 130%; margin: 0 0 5px; padding: 3px; width: auto;} #content #content-right .fahrplan form input.zeit {width:64px;} #content #content-right .fahrplan form input.datum {width:64px;} #content #content-right .fahrplan form input.button{width:168px; margin:0 0 16px;} /*--- News -----------------------------------------------------------*/ #content #content-middle .news-single-item {margin:0; padding:0; float:left; width:399px;} #content #content-middle .news-single-item ul {padding:0; margin:0; list-style:none;} #content #content-middle .news-single-item ul li {float:left; list-style:none outside none; margin:0 0 18px; padding:0;} #content #content-middle .news-single-item li img {width:117px; margin:0 0 0 14px;} #content #content-middle .news-single-item li h2 {width:391px; margin-bottom:5px;} #content #content-middle .news-single-item li p {float:left; margin:3px 0 0 10px; width:250px;} #content #content-middle .news-single-item .news-single-img {float:left; margin:0; padding:0;} #content #content-middle .news-single-item .news-single-img img {width:auto;} #content #content-middle .news-single-item p {margin:-30px 50px 20px 14px} #content #content-middle .news-single-item p.header {margin:3px 50px 0px 14px;} #content #content-middle .news-single-item h2 {background:none; border:none; padding:0; margin:0 0 40px 14px; font-size:11px; line-height:130%;} #content #content-middle .news-single-item h3 {margin-top:0;} #content #content-left .news-single-item div.footer {float:left;} #content #content-middle .news-single-item dd {display:block; float:left; width:380px; margin-top:-10px;} #content #content-middle .news-single-item dd img {width:auto; margin-right:5px; margin-left:14px;} #content #content-middle .news-single-item dd a {width:auto; margin-right:5px;} #content #content-left .news-list-item .link {display:block; float:left; font-size:10px; margin:0px 0 0 0px; width:250px;} #content #content-left .news-list-item .context {display:block; float:left; font-size:10px; width:250px; line-height:150%; padding-left:10px; color:#706E59; text-align:left;} #content #content-left .news-list-date {float:left; padding:0;} /* #content #content-left .news-single-item {margin:-25px 0 0 0px; position:relative;} #content #content-left .news-single-item h1 {margin:-26px 0 0 -5px;} #content #content-left .news-single-item h2 {background:none repeat scroll 0 0 transparent; border-bottom:medium none; color:#706F5D; font-size:12px; line-height:130%; margin-top:304px; padding:0 10px 0 10px; width:379px;} #content #content-left .news-single-img {float:left; margin-bottom:-226px !important; left:-5px; margin:0; padding:0; position:relative; top:-412px; } #content #content-left .news-single-img img { height:auto !important;} #content #content-left .news-single-rightbox {float:none; position:relative; border-bottom:2px solid #706F5D; color:#706F5D; font-size:12px; font-weight:900; line-height:15px; padding:0 0 0 14px; width:385px; background:none; top:290px; text-align:left; left:-5px;} #content #content-left .news-single-item p {margin-top:-30px;} */ .news-list-container {float:left; padding:10px 0 50px; } #content #content-left .news-list-item {padding:0 0 10px; margin:0; float:left; display:block;} #content #content-left .news-list-item h2 {border-bottom:2px solid #706F5D; color:#706F5D; float:left; font-size:12px; line-height:15px; margin-bottom:8px; margin-top:20px; padding:0 0 0 14px; width:385px; background:none;} #content #content-left .news-list-item h2 a {color:#706F5D;} #content #content-left .news-list-item img {width:117px; margin:0 0 0 14px;} #content #content-left .news-list-item p {display:block; float:left; margin:5px 0 10px 0px; width:239px; padding:0;} .news-latest-container hr.clearer, .news-list-container hr.clearer, .news-list2-container hr.clearer, .news-list3-container hr.clearer, .news-single-item hr.cl-left, .news-single-item hr.cl-right {border:medium none; clear:both; height:1px; margin:0; padding:0;} #content .news-search {margin:px; padding:0; list-style:none; font-size:10px;} #content .news-search li {margin:0; padding:0; list-style:none;} #content .news-search .link {margin:-3px 0 20px 8px; display:block; float:left; width:150px;} #content .news-search-form {padding:10px; border-bottom:35px solid #FFFFFF;} #content .news-search-form label {margin-left:0;} #content .news-search-form .button {margin-left:93px; width:168px;} #content .news-search-form input {width:160px;} /*--- Adresslisten aus tt_address -----------------------------------------------------------*/ #content .wtdirectory_filter_cat {left:423px; overflow:hidden; position:relative; top:-24px; background:none repeat scroll 0 0 #F3F4F1; font-size:12px; line-height:130%; margin-bottom:20px; width:336px; padding-bottom:30px;} #content .wtdirectory_filter_cat form {margin:8px;} #content .wtdirectory_filter_cat form label {margin-right:15px; margin-left:0px;} #content .wtdirectory_filter_abc {float:left; margin-top:-117px; padding:14px; width:371px;} #content .wtdirectory_pagebrowser {display:none;} #content .wtdirectory_list {list-style:none; padding:0; margin:-60px 0 0; display:block; float:left; } #content .wtdirectory_list li {display:block; float:left; width:399px;} #content #content-left #content-middle .wtdirectory_list li p {margin:0px 50px 0 15px;} *+ html #content #content-left #content-middle .wtdirectory_list li p {margin:-22px 50px 0 15px;} #content .wtdirectory_list li p span {width:350px; height:auto; display:block;} #content .wt_directory_icon_phone {width:13px !important;} #content .wt_directory_icon_mail {width:13px !important;} /*--- Adresslisten aus tt_address -----------------------------------------------------------*/ #footerwrapper {text-align:center;width:100%; overflow:hidden;} #footer {color:#adaeaa;width:980px;font-size:0.69em;text-align:left;margin:55px auto 30px auto;} /*#footer a{color: #4c4c41;}*/ #footer a {color:#b1b1b1; } #footer a:hover,#footer a:active {color:#9e2629;text-decoration:none} #footer .language_act{font-weight:bold; float: left} #footer .footer_right_inner { float: left; width: 120px; display: inline; } #footer .footer_right_inner2 { float: left; width: 217px; text-align: right; display: inline; } .footer_left {border-bottom: 1px solid #E7E7E5; float: left; margin-bottom: 32px; margin-top: 1px; padding-bottom: 9px; padding-left: 15px; width: 965px;} .footernavi {float: left; } .footernavi li {float: left; } .footer_right {display: block; left: 644px; position: relative; right: 0; top: -101px; width: 330px;} span.left {margin-right:6px;} .footer_sitemap_wrapper {float: left; width: 965px; padding-left:15px; padding-bottom:40px; margin-bottom:30px;margin-top: -70px;} .footer_sitemap_wrapper ul {float:left; width:980px; line-height:160%;} .footer_sitemap_wrapper ul li {border-right:1px solid #E7E7E5; float:left; margin:0 10px 0 0; padding:0 10px 0 0; height:240px;} .footer_sitemap_wrapper ul li a {font-weight:900; display:block; width:115px;} .footer_sitemap_wrapper ul li ul {width:115px; float:left;clear: both; padding:0 0 14px; border:none;} .footer_sitemap_wrapper ul li ul.second {} .footer_sitemap_wrapper ul li ul li {margin:0; padding:0; border:0; height:auto;} .footer_sitemap_wrapper ul li ul li a {color:#adada7; font-weight:100;} .footer_sitemap_wrapper ul li ul li a:hover {color:#adada7} .footer_sitemap_wrapper .navi_headline {color:#666666;} /*--- Teaser Angebote -----------------------------------------------------------*/ .tx-teaser-pi1 {float:left; margin-top:-25px;position:relative;} .tx-teaser-pi1 img {float:left; margin:4px 10px 20px -8px;} .tx-teaser-pi1 p {float:left; margin:0 10px 20px 0;} #content-right .infoBox .tx-teaser-pi1 .teaserElement {display:block; float:left; width:336px; border-bottom:25px solid #FFFFFF;} #content-right .infoBox .tx-teaser-pi1 h2 {} tx-teaser-pi1 /*--- ShopFormulare -----------------------------------------------------------*/ form.shop {padding: 15px 0 30px 0;} form.shop select {width:259px;} form.shop input {width:250px;} form.shop input.anz {width:25px; margin:0 0px 3px 0;} form.shop input.hidden {width:0px; margin:0; padding:0; max-height:0px; height:0; line-height:0; visibility:hidden;} form.shop input.radio {float:left; margin-right:6px; margin-top:3px; width:auto;} form.shop input.checkbox {float:left; margin-right:6px; margin-top:3px; width:auto;} form.shop input.button {margin:15px 0 0 108px; text-align:center; width:168px;} form div.formLine {height:22px; width:325px; display:block; margin:0 0 3px 7px;} form.shop table {width:350px; margin-left:14px; margin-bottom:20px; border:none; padding:0; color:#706E59; font-size:0.9em; text-align:left; float:left;} form.shop table td.price {text-align:right; width:40px;} form.shop table td.waehrung {text-align:right; width:50px;} form.shop table td.title {text-align:left; width:220px; font-size:0.8em; font-weight:900;} form.shop table td.anzahl {text-align:left; width:40px; font-size:0.8em; font-weight:900;} form.shop table td.preis {text-align:right; font-size:0.8em; font-weight:900;} form.shop .infoTxt {font-size:0.8em; font-style:italic;} form.shop label.radioTxt {display:block; float:left; width:240px; margin-left:0; } form.shop div.radioBoxes {display:block; float:left; width:257px; color:#706E59; font-size:0.9em; float:left; margin-left:108px; margin-top:15px; } form.shop label.checkboxTxt {display:block; float:left; width:240px; margin-left:0; } form.shop div.checkBoxes {display:block; float:left; width:257px; color:#706E59; font-size:0.9em; float:left; margin-left:108px; margin-top:15px; } form.shop label.error {display:none !important;} form.shop em {font-weight: bold; padding-right: 1em; vertical-align: top; } form.shop select.error {background:#FFCDCA; border:1px solid #FFFFFF;} form.shop input.error {background:#FFCDCA; border:1px solid #FFFFFF;} /*--- Adressblcok -----------------------------------------------------------*/ table.adressblock {color:#706E59; font-size:0.9em; text-align:left;margin:10px 0 30px 8px; width:326px;} /*--- Sitemap -----------------------------------------------------------*/ .deep0 { line-height:130px;} /*--- Team -----------------------------------------------------------*/ #content-left #content-middle #team {float:left; padding-bottom:35px;} #content-left #content-middle #team img {width:120px; height:80px; float:left; padding:0 10px 0 0;} #content-left #content-middle #team p {display:block; float:left; font-size:12px; margin:0; width:249px;} /*--- Strassenzustand -----------------------------------------------------------*/ iframe.amtgr {display:block; padding-left:6px; width:393px; float:left; background:#F4F3F1 url("../images/bg-iframe-w.gif") no-repeat scroll 0 0 transparent; margin-top:-8px; height:450px;} .tx-routenplaner-pi1 input {width:160px;} .tx-routenplaner-pi1 input.button {margin:10px 0 0 107px; width:168px;} .tx-routenplaner-pi1 {float:left; padding-bottom:35px;}