/** * Custom Stylesheet for FinishWeb Site www.leukerbad.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * jm Jony Margelist, Praktikant * fz Fabian Zumoberhaus, BAR Informatik AG * sv Sascha Vogel, BAR Informatik AG * js Joel Salzmann, BAR Informatik AG * * Changes: * 12.10.2013 bz initial version * 03.11.2013 bz updates * 06.11.2013 jm updates * 08.11.2013 fz updates * 09.11.2013 bz updates * 11.11 2013 jm updates * 13.11 2013 jm updates * 18.11.2013 fz table updated * 28.11.2013 bz updates * 08.12.2013 bz updates * 09.12.2013 fz z-index datepicker * 10.12.2013 sv wispo * 20.12.2013 bz final version * 10.01.2014 bz updated title * 15.01.2014 bz updates * 23.01.2014 bz updates: trustyou * 27.01.2014 bz updates: layout * 26.03.2014 bz updates * 02.04.2014 bz updates * 04.04.2014 fz updates * 10.04.2014 fz wispo updates * 14.04.2014 bz weather updates * 16.04.2014 bz updates * 22.04.2014 bz final version * 29.04.2014 sk increased box-shadow * 30.04.2014 sk added links and style to online booking * 06.06.2014 bz updates: pdf-print * 18.07.2014 fz additional link video updated * 03.09.2014 bz events: additional link updated & date-input updated * 24.10.2014 bz improved tile-design * 30.01.2015 js new webcam element * 12.03.2015 bz updated form2mail * 31.03.2015 bz updated picture * 16.06.2015 bz updated webcam * 07.08.2015 js new tableelement * 30.11.2015 sk improved sociallinks-element * 16.12.2015 bz new subtitle for articles * 28.01.2016 bz new social link * new event-position-tile * 26.01.2017 bz removed sitemap-height & sitemap-button * 12.05.2017 bz updated eventlist-template * 18.07.2017 bz new element "popup" * 06.06.2018 bz new element cookieconsent * 30.11.2018 bz updated image-size in leftcol webcam * 06.05.2019 bz updated title */ /************************************************************************************************** * Import base stylesheet for FinishWeb sites: base.css **************************************************************************************************/ @import url("base.css"); /************************************************************************************************** * Default styling of HTML-tags **************************************************************************************************/ * { margin: 0; padding: 0; } html { height: 101%; } body { min-width:1200px; font-family: "RotisSansSerifW01-Light", Arial Regular sans-serif; font-size: 70%; line-height: 1.6em; margin-top:0; color:#000; background:#f5f5f5; } /************************************************************************************************** * Custom classes **************************************************************************************************/ /* Floating */ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; font-size:0px; height:0px; line-height:0px; display:block; } .clear-left { clear: left; } .clear-right { clear: right; } /************************************************************************************************** * Default styling of FinishWeb elements **************************************************************************************************/ .fwelement { } /* fwtitle, h1, h2, h3... */ /* color, line-height */ h1, h2, h3, .fwelement h1, .fwelement h2, .fwelement h3 { } /* font-size, font-weight */ h1, .fwelement h1 { } h2, .fwelement h2 { } h3, .fwelement h3 { } /* fw... ... */ /************************************************************************************************** * Layout-styling **************************************************************************************************/ /******************************** * header-wrapper ********************************/ #header-wrapper { width:100%; height:652px; position:relative; background:url("background-blue.png") repeat; border-bottom:5px solid #FFF; } /******************************** * header ********************************/ #header { width:1150px; height:105px; position:relative; margin:0 auto; } #header #websitetitle { position:absolute; top:20px; left:0; } #header #langitems { position:absolute; top:20px; right:0; } #header #menu1items { position:absolute; top:75px; left:0; } /******************************** * teaser ********************************/ #teaser { width:100%; height:541px; position:relative; border-top:6px solid #FFF; } #teaser #teaser-frame { width:100%; position:absolute; top:434px; pointer-events:none; } #teaser #teaser-frame img { width:100%; } /******************************** * additional-content-wrapper ********************************/ #additional-content-wrapper { width:100%; position:absolute; top:490px; left:auto; right:auto; } #additional-content-wrapper #center-wrapper { width:1150px; position:relative; margin:0 auto; } #additional-content-wrapper #center-wrapper #additional-content { width:710px; height:105px; position:absolute; top:138px; left:220px; z-index:99; background:url("background-blue.png") repeat; box-shadow:2px 2px 5px #666666; } #additional-content-wrapper #center-wrapper #logo, #additional-content-wrapper #center-wrapper #logo-print { position:absolute; top:0; right:0; } #additional-content-wrapper #center-wrapper #logo-print { display:none; } /******************************** * page ********************************/ #page { width:1200px; margin:0 auto 20px; } /******************************** * main ********************************/ #main { min-height:400px; height:auto !important; height:400px; padding:0; margin:0; } /******************************** * leftcol ********************************/ #leftcol { width:195px; float:left; padding:34px 25px 0; } /******************************** * maincol ********************************/ #maincol { width:710px; float:left; display:inline; position:relative; padding:120px 0 0; } /******************************** * rightcol ********************************/ #rightcol { width:195px; float:left; display:inline; padding:34px 25px 0; } /******************************** * footer ********************************/ #footer { width:852px; padding-top:40px; margin:0 auto; } #footer #social { float:left; } #footer #search { float:right; } #footer #sitemap { clear:both; border-top:1px solid #575757; padding:10px 0 0; margin:10px 0 0; } #footer #sitemap.sitemap-small { /*height:198px;*/ overflow:hidden; } /* #footer #sitemapbtn { height:16px; background:url("sitemap-button-close.png") no-repeat; cursor:pointer; position:relative; margin-bottom:20px; } #footer #sitemapbtn.sitemap-small { background:url("sitemap-button-open.png") no-repeat; } */ /******************************** * promotion-links ********************************/ #promotion-links { width:852px; padding:10px 0; margin:0 auto; } #promotion-links:after { clear:both; content:""; display:table; line-height:0; } #promotion-links #promotion-links-design { float:left; } #promotion-links #promotion-links-cms { float:right; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * header-wrapper ********************************/ /******************************** * header ********************************/ #header a { color:#FFF; text-decoration:none; } #header a:hover { color:#000; } #header #websitetitle { font-family:"RotisSansSerifW01-Bold"; font-size:34px; line-height:34px; color:#FFF; font-weight:bold; text-transform:uppercase; } /* language */ #header #langitems { list-style-type:none; height:19px; line-height: 0; } #header #langitems li { float:left; } #header #langitems li.lang a { width:38px; display:block; } #header #langitems li.lang a:hover, #header #langitems li.langsel a { width:38px; height:19px; display:block; } #header #langitems li.lang a:hover img { display:none; } #header #langitems li.lang-de a:hover { background:url("lang-de-sel.png") no-repeat; } #header #langitems li.lang-en a:hover { background:url("lang-en-sel.png") no-repeat; } #header #langitems li.lang-it a:hover { background:url("lang-it-sel.png") no-repeat; } #header #langitems li.lang-fr a:hover { background:url("lang-fr-sel.png") no-repeat; } #header #langitems li.lang-ru a:hover { background:url("lang-ru-sel.png") no-repeat; } #header #langitems li.lang-nl a:hover { background:url("lang-nl-sel.png") no-repeat; } #header #langitems li.separator { width:1px; height:19px; margin:0 2px; } /* menü (level 1) */ /* level 1 */ #header #menu1items { list-style-type:none; padding:0 0 0 3px; margin:0; } #header #menu1items li.menu1 { float:left; font-size:15px; line-height:22px; text-align:left; text-transform:uppercase; padding:0; margin:0; } #header #menu1items li.menu1:first-child a { width:22px; height:20px; text-indent:100%; white-space:nowrap; overflow:hidden; background-image:url("background-homelink.png"); background-repeat:no-repeat; background-position:0 0; margin-top:-2px; } #header #menu1items li.menu1:first-child a:hover { background-image:url("background-homelink-hover.png"); } #header #menu1items li.menu1 a { display:block; color:#FFF; padding:0; } /* en */ #lang-en #header #menu1items li.menu1 a {} /* nl */ #lang-nl #header #menu1items li.menu1 a {} /* it */ #lang-it #header #menu1items li.menu1 a {} /* fr */ #lang-fr #header #menu1items li.menu1 a {} /* es */ #lang-es #header #menu1items li.menu1 a {} /* ru */ #lang-ru #header #menu1items li.menu1 a {} #header #menu1items li.menu1hover a, #header #menu1items li.menu1 a:hover, #header #menu1items li.menusel1 a, #header #menu1items li.menusel1 a:hover { color:#000000; } #header #menu1items li.menusel1:first-child a { background-image:url("background-homelink-hover.png"); } #header #menu1items li.menu1-nr1 {} #header #menu1items li.separator { width:1px; height:15px; background:#FFF; float:left; margin:3px 20px 0; } #header #menu1items li:nth-child(2) { background:transparent; margin-right:0; } /******************************** * teaser ********************************/ #teaser .fwelement { display:none; margin:0; } /* teaser */ #teaser div.fwteaser { width:100%; display:block; z-index:0; } #teaser div.fwteaser div.sliderkit-nav { display:none; } #teaser div.fwteaser div.sliderkit-panels { height:540px !important; padding:0; margin:0; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn, #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn a { width:22px; height:540px; display:block; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn { position:absolute; top:0; z-index:99999; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn a { background-repeat:no-repeat; background-position:0 200px; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn a span { display:none; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-prev { left:0px; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-prev a { background-image:url("arrow-teaser-left.gif"); } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-next { right:0px; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-next a { background-image:url("arrow-teaser-right.gif"); } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel { width:100%; height:540px; padding:0; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel-active {} /* bild */ /* teaser-panel */ #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwpicture-group { display:block; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwpicture-group div.text { display:none; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwpicture-group div.fwpicture { width:100%; float:none; margin:0; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwpicture-group div.fwpicture img { width:100%; height:auto; } /* diashow */ /* teaser-panel */ #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwslideshow { width:100%; height:540px; display:block; clear:both; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwslideshow div { width:100%; height:540px; } /* bild mit tags */ /* teaser-panel */ #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwimagetags { display:block; font-size:15px; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwimagetags div.tags span.tag { background:url("background-arrow-white.png") no-repeat transparent; box-shadow:none; border:none; padding:0; margin:0; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwimagetags div.tags span.tag:hover { background:url("background-arrow-blue.png") no-repeat transparent; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwimagetags div.tags span.tag a { background:url("background-white.png") repeat transparent; color:#000; display:block; padding:3px; margin-top:7px; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel div.fwimagetags div.tags span.tag:hover a { background:url("background-tile.png") repeat transparent; color:#FFF; } /******************************** * additional-content-wrapper ********************************/ #additional-content .fwelement { display:none; font-size:14px; line-height:20px; color:#FFF; padding:0; margin:0; } #additional-content .fwelement p { margin:0 0 25px; } #additional-content input, #additional-content select { font-family:"RotisSansSerifW01-Light"; font-size:14px; border:1px solid #575757; } #additional-content a { color:#575757; text-decoration:none; } #additional-content a:hover { color:#000; } #additional-content .clear { font-size:0px; height:0px; line-height:0px; } /* titel */ #additional-content div.fwtitle { display:block; position:absolute; top:10px; left:10px; } #additional-content div.fwtitle h1 { font-family:"RotisSansSerifW01-Bold"; font-size:20px; line-height:20px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; margin:0; } #additional-content div.fwtitle a h1 { color:#FFF; text-decoration:none; } #additional-content div.fwtitle a:hover h1 { color:#000; } /* bild */ #logo div.fwpicture-group, #logo div.fwpicture-group div.fwpicture { display:block; line-height:0; margin:0; } /******************************** * page ********************************/ #page .fwelement { clear:none; } /******************************** * main ********************************/ #main .fwelement { margin:0; } /******************************** * leftcol ********************************/ #leftcol .fwelement { font-size:14px; line-height:21px; display:none; padding:0; margin:0 0 15px; } #leftcol a { color:#575757; font-weight:normal; text-decoration:none; } #leftcol a:hover { color:#000; } #leftcol .clear { float:none !important; font-size:0px; height:0 !important; line-height:0px; display:block; padding:0 !important; } /* titel */ /* variante überschrift 2 */ #leftcol div.fwtitle2 { display:block; color:#FFF; background:url("background-blue.png") repeat; padding:5px 5px 3px; margin:0; } #leftcol div.fwtitle2 h2 { font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; } #leftcol div.fwtitle2 a { color:#FFF; } #leftcol div.fwtitle2 a:hover { color:#000; } /* random webcam */ #leftcol div.fwrandomexternalimage, #leftcol div.fwrandomexternalimage div.fwexternalimage { display:block; margin:0; } #leftcol div.fwrandomexternalimage { margin:5px 0 15px; } #leftcol div.fwrandomexternalimage div.fwexternalimage { overflow:hidden; } #leftcol div.fwrandomexternalimage div.fwexternalimage-group div.fwexternalimage div.title { display:none; } #leftcol div.fwrandomexternalimage div.fwexternalimage-group div.fwexternalimage, #leftcol div.fwrandomexternalimage div.fwexternalimage-group div.fwexternalimage div.image, #leftcol div.fwrandomexternalimage div.fwexternalimage-group div.fwexternalimage div.image img { margin:0; } #leftcol div.fwrandomexternalimage div.fwexternalimage-group div.fwexternalimage div.image { line-height:0; padding:0 0 5px; } /* text */ #leftcol div.fwtext { display:block; background:#FFF; border:1px solid #AEB1B1; border-top:none; padding:5px; } /* mini-wetter */ #leftcol div.fwweather { display:block; width:206px; background:#F5F5F5; border-collapse:collapse; padding:0; margin-top:5px; } #leftcol div.fwweather:after { clear:both; content:""; display:table; line-height:0; } #leftcol div.fwweather div.item { width:92px; background:url("background-line.png") repeat-x scroll 25px 10px; float:left; margin:0 11px 7px 0; } #leftcol div.fwweather div.item div { float:left; height:25px; padding:0 5px; } #leftcol div.fwweather div.item div a { color:#FFF; } #leftcol div.fwweather div.item div.weather-lbl { width:27px; color:#FFF; line-height:25px; background:#aeb1b1; padding:0; } #leftcol div.fwweather div.item div.weather-lbl a { display:block; padding:0 5px; } #leftcol div.fwweather div.item div.weather-tem { width:22px; color:#FFF; line-height:25px; background:#169bd3; margin:0 4px; } #leftcol div.fwweather div.item div.weather-tem div { width:100%; text-align:center; clear:both; padding:0; } #leftcol div.fwweather div.item div.weather-img { width:25px; float:right; line-height:0; background:#FFF; padding:0; } #leftcol div.fwweather div.item div.weather-img img { width:100%; height:100%; } /* wispo */ #leftcol div.fwwispo { display:block; margin-top:5px;} #leftcol div.fwwispo ul li { background:url("background-line.png") repeat-x scroll 25px 10px; position:relative; margin:0 0 7px; } #leftcol div.fwwispo ul li a { color:#FFF; } #leftcol div.fwwispo ul li div.label { width:130px; font-size:13px; color:#FFF; height:25px; line-height:25px; background:#aeb1b1; } #leftcol div.fwwispo ul li div.label a { display: block; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #leftcol div.fwwispo ul li div.status { width:32px; height:25px; text-align:center; position:absolute; right:29px; background:#fff; margin:0; } #leftcol div.fwwispo ul li div.status img { width:auto; } #leftcol div.fwwispo ul li div.type { width:25px; height:25px; position:absolute; right:0px; background:#009BD3; margin:0; } #leftcol div.fwwispo ul li div.type img { width:100%; } /* abstand */ #leftcol div.fwspace { display:block; } /* link */ #leftcol div.fwlink { display:block; } #leftcol div.fwlink div.title { width:100%; font-size:13px; color:#FFF; height:25px; line-height:25px; background:#aeb1b1; } #leftcol div.fwlink div.title a { display:block; color:#FFF; padding:0 5px; } #leftcol div.fwlink div.image { display:none; } /* trustyou (left & right) */ #leftcol div.fwtrustyou { display:block; } div.fwtrustyou { display:block; padding-top:5px; } div.fwtrustyou.trustyousmall div.score_description { font-size:16px; top:20px; } div.fwtrustyou div.score { font-size:32px; top:54px; } /* bild */ #leftcol div.fwpicture-group { display:block; } #leftcol div.fwpicture-group-float .fwpicture { margin:0 6px 6px 0; } #leftcol div.fwpicture-group-float .fwpicture:nth-child(3) { margin-right:0; } #leftcol div.fwpicture-group-float .fwpicture a { display:block; } #leftcol div.fwpicture-group-float .fwpicture a img { width:61px; height:auto; } /******************************** * maincol ********************************/ #maincol .fwelement { font-size:15px; line-height:22px; padding:0 0 15px; margin:0; } #maincol .fwelement p { padding:0 0 23px 0; margin:0; } #maincol .fwelement th p, #maincol .fwelement td p { padding:0; margin:0; } #maincol .fwelement ol, #maincol .fwelement ul { margin-top:0px; } #maincol input, #maincol select { font-size:14px; border:1px solid #000; } #maincol table, #maincol .fwelement table { border-collapse:collapse; border-spacing:0; } #maincol a { color:#009BD3; font-weight:bold; text-decoration:none; } #maincol a:hover { color:#000; } #maincol .clear { font-size:0px; height:0px; line-height:0px; } /* position */ div.content-Home #position { display:none; } #maincol #position { width:660px; height:14px; list-style-type:none; border-bottom:1px solid #575757; padding:0 50px 10px 0; margin:0 0 34px; } #maincol #position li { font-size:13px; line-height:16px; float:left; text-align:left; white-space:nowrap; padding:0 3px 0 0; } #maincol #position li a { font-weight:normal; } #maincol #position li a:hover, #maincol #position li.active a { color:#000; } #maincol #position li.separator { padding:0 5px; } /* contenttools */ #maincol #contenttools { line-height:0; position:absolute; top:115px; right:0; } #maincol #contenttools a { display:block; float:left; } #maincol #contenttools div.fwhtmlexport { position:absolute; right:24px; } #maincol #contenttools div.fwhtmlexport .exportpdf { width:21px; height:21px; background-image:url("icon-pdf.png"); } #maincol #contenttools div.fwhtmlexport .exportpdf img { display:none; } #maincol #socialbookmarks { line-height:0; position:absolute; top:116px; right:45px; } #maincol #socialbookmarks div.fwsocialbookmarks div.socialbookmark { margin:0 3px 0 0; } /* titel */ #maincol div.fwtitle { clear:both; color:#169bd3; } #maincol div.fwtitle h1 { font-size:36px; line-height:42px; float:left; } #maincol div.fwtitle a { color:#FFF; } #maincol div.fwtitle a:hover { color:#000; } /* variante überschrift 2 */ #maincol div.fwtitle2 {} #maincol div.fwtitle2 h2 { font-size:24px; line-height:26px; font-weight:normal; } /* variante überschrift 3 */ #maincol div.fwtitle3 { color:#000; } #maincol div.fwtitle3 h3 { font-size:24px; line-height:26px; font-weight:normal; } /* variante überschrift 4 */ #maincol div.fwtitle4 { color:#000; } #maincol div.fwtitle4 h4 { font-size:15px; line-height:22px; font-weight:normal; } /* text */ #maincol div.fwtext { padding:0 0 7px; } /* variante weniger abstand */ #maincol div.fwtext1 p { padding:0; } /* bild */ #maincol div.fwpicture-group {} #maincol div.fwpicture-group div.fwpicture { margin:0; } #maincol div.fwpicture-group div.fwpicture div.picture { line-height:0; } #maincol div.fwpicture-group div.fwpicture div.text { margin-top:0.5em; } #maincol div.fwpicture-group div.fwpicture div.text div.alternative { display:none; background:none; padding:0; } #maincol div.fwpicture-group-float { width:735px; } #maincol div.fwpicture-group-float div.fwpicture { margin:0 25px 0 0; } /* webcam-preview */ #maincol div.fwexternalimage-group { width:735px; display:block; margin:0; } #maincol div.fwexternalimage-group div.fwexternalimage { padding:0; } #maincol div.fwexternalimage-group div.fwexternalimage div.title div.description { display:none; background:none; padding:0; } /* bild (variante kachel), webcam-preview */ #maincol div.fwpicture-group1 div.fwpicture div.text, #maincol div.fwexternalimage-group div.fwexternalimage div.title { height:47px !important; bottom:0 !important; margin:0; } #maincol div.fwpicture-group1 div.fwpicture:hover div.text, #maincol div.fwexternalimage-group div.fwexternalimage:hover div.title { height:155px !important; top:0; bottom:auto; padding-top:5px; } #maincol div.fwpicture-group1 div.fwpicture:hover div.text div.alternative, #maincol div.fwexternalimage-group div.fwexternalimage:hover div.title div.description { height:128px; font-size:15px; } /* abschnitt */ #maincol div.fwparagraph { clear:both; } #maincol div.fwparagraph p.title { margin-bottom:0px; } #maincol div.fwparagraph div.picture { line-height:0; margin:0 25px 1em 0; } #maincol div.fwparagraph div.float-left { float:left; } #maincol div.fwparagraph div.float-right { float:right; } /* link */ #maincol div.fwlink { } #maincol div.fwlink div.image { margin:0 10px 0 0; } /* linkliste */ #maincol div.fwlinklist {} #maincol div.fwlinklist p.title { margin-bottom:0px; } #maincol div.fwlinklist ul.list { list-style-type: none; margin: 0; padding: 0; } #maincol div.fwlinklist ul.list li { clear:both; text-align:left; height:20px; } #maincol div.fwlinklist ul.list li a { text-decoration:none; } #maincol div.fwlinklist ul.list li a:hover { text-decoration:none; } /* tabelle */ #maincol .fwtable table, #maincol table.fwtable { width:100%; border:solid 1px #000; padding:0; margin-bottom:15px; } #maincol .fwtable table td, #maincol table.fwtable td, #maincol .fwtable table th, #maincol table.fwtable th { height:20px; border:none; border-left:1px solid #000; vertical-align:top; padding:0 3px; } #maincol .fwtable table td:first-child, #maincol table.fwtable td:first-child, #maincol .fwtable table th:first-child, #maincol table.fwtable th:first-child { border:none; } #maincol .fwtable table th, #maincol table.fwtable th.f, #maincol .fwtable table td:first-child, #maincol table.fwtable td.f { text-align:left; } #maincol .fwtable table th, #maincol table.fwtable th { font-weight:bold; } #maincol .fwtable table th, #maincol table.fwtable th.h { background-color:rgba(22, 155, 211, 0.35); } #maincol .fwtable table tr:nth-child(2n+0) td, #maincol table.fwtable td.i1 { background-color:#FFF; } #maincol .fwtable tabletd a, #maincol table.fwtable td.i1 a {} #maincol .fwtable table td, #maincol table.fwtable td.i0 { background-color:rgba(22, 155, 211, 0.35); } #maincol .fwtable table td a, #maincol table.fwtable td.i0 a {} #maincol .fwtable table td.separator, #maincol table.fwtable td.separator { height:25px; background-color:#FFF; } #maincol .fwtable table { border-spacing:0; border-collapse:collapse; } #maincol .fwtable .scroll-element { display:none; } /* variante fahrplan */ #maincol .fwtable2 table td:first-child, #maincol table.fwtable1 td.f { width:218px; padding-right:25px; } /* dateiliste */ #maincol div.fwfilelist div.fwnavigation { display:none; } #maincol div.fwfilelist table.fwfilelist td { text-align:left; height:20px; padding:0; } #maincol div.fwfilelist table.fwfilelist td a { text-decoration:none; } #maincol div.fwfilelist table.fwfilelist td a:hover { text-decoration:none; } #maincol div.fwfilelist table.fwfilelist td.icon { width:30px; padding-top:2px; } #maincol div.fwfilelist table.fwfilelist td.date, #maincol div.fwfilelist table.fwfilelist td.size, #maincol div.fwfilelist table.fwfilelist td.empty, #maincol div.fwfilelist table.fwfilelist td.description { display:none; } #maincol div.fwfilelist table.fwfilelist td.i0, #maincol div.fwfilelist table.fwfilelist td.i1 { background-color:transparent; } /* sitemap */ #maincol div.fwsitemap { } #maincol div.fwsitemap div.item {} #maincol div.fwsitemap div.item a { text-decoration:none; } #maincol div.fwsitemap div.item1 { font-weight:bold; padding-left:0px; margin-top:20px; } #maincol div.fwsitemap div.item2 { padding-left:10px; } #maincol div.fwsitemap div.item3 { padding-left:20px; } #maincol div.fwsitemap div.item4 { display:none; } /* redirect */ #maincol div.fwredirect {} /* abstand */ #maincol div.fwspace { height:15px; } /* variante trennlinie */ #maincol div.fwspace1 { border-bottom:1px solid #575757; } /* variante kleiner abstand */ #maincol div.fwspace2 { padding:0; } /* galerie */ #maincol div.fwgallery { width:100%; clear:both; } #maincol div.fwgallery a img { border:none; } #maincol div.fwgallery table.fwgallery { clear:both; border-spacing:0; border-collapse:collapse; } #maincol div.fwgallery table.fwgallery td.item { text-align:center; } #maincol div.fwgallery table.fwgallery td.thumbnail { width:auto; height:auto; vertical-align:middle; text-align:center; border:none; padding:12px 25px 13px 0; } #maincol div.fwgallery table.fwgallery td.thumbnail div.highslide-caption { display:none; } #maincol div.fwgallery div.navigation { bottom:-5px; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.first { visibility: hidden; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.last { visibility: hidden; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.selected a { color:#000000; } /* mitteilungen (db, formular-zu-email etc.) */ div.message { font-size:13px; line-height:20px; } div.success, div.okmessage, .mail-frm-success { color:#00ff00; } div.error, div.nokmessage, .mail-frm-err { font-weight:bold; color:#ff0000; } /* formularfelder: allgemein und spezifisch */ /* inputs */ #maincol .form .field input, #maincol input[type=text], #maincol input[type=password], #maincol textarea, #maincol select { border:1px solid #AEB1B1; } #maincol select { width:465px; height:20px; padding:0; } #maincol .form .field input, #maincol input[type=text], #maincol input[type=password], #maincol div.fwecard input[type=text], #maincol div.fwecard input[type=password] { width:463px !important; height:18px; padding:0; } #maincol div.fwrsearch div.searchform div.input input.searchstring { width:200px !important; } #maincol textarea { width:463px; height:100px; padding:0; } #maincol .form .captcha input, #maincol input.mail-frm-cap { float:right; width:353px !important; height:18px; border:1px solid #AEB1B1; padding:0; } #maincol div.fweventcalendar div.search select, #maincol div.fwblackboard div.fwblackboard-list table.tbl-searchform td select { width:465px; height:20px; } #maincol div.fweventcalendar div.search input[type=text], #maincol div.fwblackboard div.fwblackboard-list table.tbl-searchform td input[type=text] { width:140px; height:20px; } #maincol div.date input { width:200px !important; padding:0; } /* en */ #lang-en #maincol div.date input { width:199px !important; } /* nl */ #lang-nl #maincol div.date input { width:200px !important; } /* it */ #lang-it #maincol div.date input { width:195px !important; } /* fr */ #lang-fr #maincol div.date input { width:205px !important; } /* es */ #lang-es #maincol div.date input { width:200px !important; } /* ru */ #lang-ru #maincol div.date input { width:200px !important; } #maincol div.date input:first-child { margin:0 3px 0 0; } #maincol div.fwecard #field_captcha #captcha input.input { width:auto; background:transparent; border:1px solid #AEB1B1; } #maincol div.fwtimetable input[type=text], #maincol div.fwtimetable input[type=submit] { width:80px !important; } #maincol div.fwtimetable input[type=radio] { width:10px !important; } #maincol div.button, #maincol div.buttonbar, #maincol .mail-tbl-but { float:right; margin:0; } #maincol div.fwrsearch input.button, #maincol div.button input, #maincol div.buttonbar input, #maincol .mail-tbl-but input { color:#FFF; border:none; background:#AEB1B1; cursor:pointer; padding:0 24px; } #maincol div.fwrsearch input.button:hover, #maincol div.button input:hover, #maincol div.buttonbar input:hover, #maincol .mail-tbl-but input:hover { color:#000; } /* labels / prefix / divs */ #maincol label, #maincol div.label, #maincol .mail-frm-td-lbl { width:220px; float:left; font-weight:normal; padding:3px 25px 0 0; } #maincol div.input, #maincol td.mail-frm-td-val { width:465px; float:left; padding-right:0; margin:0; } #maincol div.captchaimage { width:auto; background:transparent; margin:0; } #maincol .captcha img, #maincol .mail-cap-img { vertical-align:top; border-left:23px solid #000; border-right:22px solid #000; margin:0 5px 0 0; } /* formular-zu-email */ #maincol div.fwformtomail { border:none; } /* seite weiterempfehlen */ #maincol div.fwrecommend { border:none; } #maincol div.fwrecommend form { margin:0; } #maincol div.fwrecommend form > div { margin:0 0 2px; } #maincol div.fwrecommend form > div:after { clear:both; content:""; display:table; line-height:0; } /* newsletter */ #maincol div.fwnewslettersubscriber {} #maincol div.fwnewslettersubscriber form { margin:0; } /* mini-wetter */ #maincol div.fwweather:after { clear:both; content:""; display:table; line-height:0; } #maincol div.fwweather div.item { background:url("background-blue.png") repeat; } #maincol div.fwweather div.item div { background:none !important; } #maincol div.fwweather div.item div.weather-img { width:198px; height:100px; text-align:center; top:0; background:#FFF !important; border-style:solid; border-color:#169BD3; border-top-width:1px; border-left-width:1px; border-right-width:1px; padding-top:5px; } #maincol div.fwweather div.item div.weather-tem { font-size:15px; text-align:center; bottom:0; } #maincol div.fwweather div.item div.weather-tem div.tempseparator { width:auto; display:inline; position:relative; padding:0 10px; } /* kalender-auswahl */ div.ui-datepicker { font-size:15px; border:1px solid rgba(0, 0, 0, 0.5); border-radius:0; background:url("background-calendar-white.png") repeat transparent; z-index:100 !important; } div.ui-datepicker div.ui-widget-header { border:1px solid rgba(0, 0, 0, 0.5); border-radius:0; } div.ui-datepicker div.ui-datepicker-header { color:#FFF; background:url("background-blue.png") repeat; font-size:15px; font-weight:normal; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev { left:1px; height:29px; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next { right:1px; height:29px; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev span.ui-icon { background:url("arrow-navigation-left-hover.png") no-repeat 0 2px; border:none; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next span.ui-icon { background:url("arrow-navigation-right-hover.png") no-repeat 0 2px; border:none; } div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev:hover, div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next:hover { background-image:none; background:#4CBAE9; top:2px; border-radius:0; border:none; } div.ui-datepicker table.ui-datepicker-calendar th { color:#000; font-weight:normal; } div.ui-datepicker table.ui-datepicker-calendar tr { color:#FFF; } div.ui-datepicker table.ui-datepicker-calendar td a.ui-state-active { background-image:none; border:1px solid rgba(0, 0, 0, 0.5); } div.ui-datepicker table.ui-datepicker-calendar td a:hover { background-image:none; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end a { background-image:none; background:#FFFFFF; } div.ui-datepicker table.ui-datepicker-calendar td a.ui-state-active, div.ui-datepicker table.ui-datepicker-calendar td a:hover, div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end a:hover { background:url("background-blue.png") repeat !important; color:#FFF; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active { color:#000 !important; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today { border-color:#000; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-highlight { color:#FFF; background:#347E9E; border:1px solid rgba(0, 0, 0, 0.5); } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-col { text-align:center; font-weight:normal; color:#FFF; padding:2px 0 0; } div.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-child(even) td {}k div.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-child(even) td a.ui-state-default { color:#FFF; background:#347E9E; border:1px solid rgba(0, 0, 0, 0.5); } div.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-child(even) td.ui-datepicker-week-end a { background:#76C6E9; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-col { background:#4CBAE9; } div.ui-datepicker table.ui-datepicker-calendar th.ui-datepicker-week-col, div.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-child(even) td.ui-datepicker-week-col { color:#FFF; background:url("background-blue.png") repeat; } div.ui-datepicker table.ui-datepicker-calendar tbody tr a.ui-state-default { border:1px solid rgba(0, 0, 0, 0.5); color:#000; background:#4CBAE9; } div.ui-datepicker table.ui-datepicker-calendar tbody tr td span.ui-state-default { /*background:4CBAE9;*/ color:#000; border:1px solid rgba(0, 0, 0, 0.5); } /* webcam neu */ #maincol div.fwwebcamlist ul.list { margin-left:0; } #maincol div.fwwebcamlist ul.list li.webcamitem:nth-child(3n) { margin-right:0; } #maincol div.fwwebcamlist ul.list li.webcamitem div.image > div {} #maincol div.fwwebcamlist ul.list li.webcamitem img { max-width:none; min-width:220px; width:auto; } #maincol div.fwwebcamlist li.webcamitem > div.webcamtext{ height:47px !important; bottom:0px !important; margin:0; } #maincol div.fwwebcamlist ul.list li.webcamitem h3{ margin:0; font-size:inherit; font-weight:normal; } #maincol div.fwwebcamlist ul.list li.webcamitem p{ display:none; } #maincol div.fwwebcamlist li.webcamitem h3 a { color:#FFF; font-weight:normal; } #maincol div.fwwebcamlist li.webcamitem:hover div.webcamtext { height:155px !important; top:0; bottom:auto; padding-top:5px; } #maincol div.fwwebcamlist ul.list li.webcamitem:hover p{ display:block; height:128px; font-size:15px; } /* randomwebcam neu */ #leftcol div.fwwebcamlist { display:block; margin:5px 0 15px; } #leftcol div.fwwebcamlist .webcamtext { display:none; } #leftcol div.fwwebcamlist div.image { padding:0 0 5px 0; } /*#leftcol div.fwwebcamlist img { width:195px; height:120px; }*/ /* datalist, bild (variante kachel), webcam-preview, mini-wetter */ #maincol div.fwsubmenu ul.datalist, #maincol div.fwweather { width:735px; font-size:13px; line-height:20px; } #maincol div.fwsubmenu ul.datalist li, #maincol div.fwpicture-group1 div.fwpicture, #maincol div.fwexternalimage-group div.fwexternalimage, #maincol div.fwwebcamlist li.webcamitem, #maincol div.fwweather div.item { width:220px; height:155px; display:block; float:left; clear:none; position:relative; overflow:hidden; margin:0 25px 25px 0; } #maincol div.fwsubmenu ul.datalist li div, #maincol div.fwpicture-group1 div.fwpicture div, #maincol div.fwexternalimage-group div.fwexternalimage div, #maincol div.fwwebcamlist li.webcamitem > div, #maincol div.fwweather div.item div { width:200px; height:25px; display:block; font-weight:normal; color:#FFF; text-align:center; background-image:url("background-tile.png"); overflow:hidden; position:absolute; z-index:1; padding:0 10px; margin:0; } #maincol div.fwsubmenu ul.datalist li div a, #maincol div.fwpicture-group1 a, #maincol div.fwexternalimage-group div.fwexternalimage div a, #maincol div.fwwebcamlist li.webcamitem > div.image > div > a, #maincol div.fwweather div.item div a { font-weight:normal; color:#FFF; } #maincol div.fwsubmenu ul.datalist li div.image, #maincol div.fwpicture-group1 div.fwpicture div.picture, #maincol div.fwexternalimage-group div.fwexternalimage div.image, #maincol div.fwwebcamlist li.webcamitem div.image { width:220px; height:auto; line-height:0; position:absolute !important; z-index:0; padding:0; } #maincol div.fwsubmenu ul.datalist li div.image a { line-height:0; } #maincol div.fwsubmenu ul.datalist li div.image img { width:100%; margin:0; } #maincol div.fwsubmenu ul.datalist li div.title, #maincol div.fwpicture-group1 div.fwpicture div.text, #maincol div.fwexternalimage-group div.fwexternalimage div.title, #maincol div.fwwebcamlist li.webcamitem div.webcamtext, #maincol div.fwweather div.item div.weather-lbl { font-size:19px; line-height:22px; bottom:22px; padding-top:5px; } #maincol div.fwsubmenu ul.datalist li div.subtitle { height:22px; font-size:15px; bottom:0; } #maincol div.fwsubmenu ul.datalist li div.description, #maincol div.fwsubmenu ul.datalist li div.link { display:none; font-size:15px; } #maincol div.fwsubmenu ul.datalist li:hover, #maincol div.fwpicture-group1 div.fwpicture:hover, #maincol div.fwexternalimage-group div.fwexternalimage:hover, #maincol div.fwwebcamlist li.webcamitem:hover { cursor:pointer; } #maincol div.fwsubmenu ul.datalist li:hover div, #maincol div.fwpicture-group1 div.fwpicture:hover div, #maincol div.fwexternalimage-group div.fwexternalimage:hover div, #maincol div.fwwebcamlist li.webcamitem:hover > div{ text-align:left; } #maincol div.fwsubmenu ul.datalist li:hover div.title { top:0; bottom:auto; padding-top:5px; } #maincol div.fwsubmenu ul.datalist li:hover div.description, #maincol div.fwpicture-group1 div.fwpicture:hover div.text div.alternative, #maincol div.fwexternalimage-group div.fwexternalimage:hover div.title div.description, #maincol div.fwwebcamlist li.webcamitem:hover h3 a { font-style:normal; display:block; } #maincol div.fwsubmenu ul.datalist li:hover div.subtitle { top:30px; } #maincol div.fwsubmenu ul.datalist li:hover div.description { top:52px; height:103px; } /* artikel, events, infrastruktur */ #maincol div.fwarticlelist, #maincol div.fweventcalendar, #maincol div.fwinfrastructure { position:relative; } #maincol div.fweventcalendar div.search form, #maincol div.fwinfrastructure div.form { margin:0 0 10px; } #maincol div.fweventcalendar div.search:after, #maincol div.fwinfrastructure div.form:after { clear:both; content:""; display:table; line-height:0; } #maincol div.fwarticlelist div.articles, #maincol div.fweventcalendar div.list, #maincol div.fwinfrastructure .list { margin:0; } #maincol div.fwarticlelist div.articles div.item, #maincol .fweventcalendar .list .item, #maincol div.fwinfrastructure .list li { cursor:pointer; position:relative; border-bottom:1px solid #000; padding:10px 5px 10px 0; margin:0; } #maincol div.fwarticlelist div.articles div.item a, #maincol .fweventcalendar .list .item a, #maincol div.fwinfrastructure .list li a { text-decoration:none; } #maincol div.fwarticlelist div.articles div.item:hover, #maincol .fweventcalendar .list .item:hover, #maincol div.fwinfrastructure .list li:hover { color:#FFF; background-image:url("background-tile.png"); background-repeat:repeat; } #maincol div.fwarticlelist div.articles div.item:hover a, #maincol .fweventcalendar .list .item:hover a, #maincol div.fwinfrastructure .list li:hover a { color:#FFF; } #maincol div.fwarticlelist div.articles div.item div, #maincol .fweventcalendar .list .item div { width:460px; float:right; margin:0; } #maincol div.fwarticlelist div.articles div.item div.image, #maincol .fweventcalendar .list .item div.image, #maincol div.fwinfrastructure .list li div.image { width:220px; min-height:70px; max-height:233px; float:left; line-height:0; padding:0; margin:0 25px 0 0; } #maincol div.fwarticlelist div.articles div.item div.image img, #maincol .fweventcalendar .list .item div.image img, #maincol div.fwinfrastructure .list li div.image img { width:auto; max-width:220px; position:relative; z-index:-1; margin:0; } #maincol div.fwarticlelist div.articles div.item div.title, #maincol .fweventcalendar .list .item div.title, #maincol div.fwinfrastructure .list li div.title { font-size:19px; line-height:22px; padding:0; margin:5px 0; } #maincol .fweventcalendar .list .item div.title a, #maincol div.fwinfrastructure .list li div.title a { font-weight:bold; color:#000; } #maincol .fweventcalendar .list .item:hover div.title a, #maincol div.fwinfrastructure .list li:hover div.title a { color:#FFF; } #maincol div.fwarticlelist div.articles div.item div.lead, #maincol .fweventcalendar .list .item div.description { height:75px; overflow:hidden; padding:0; margin:0; } #maincol div.fwarticlelist div.articles div.item div.more, #maincol .fweventcalendar .list .item div.detailurl, #maincol div.fwinfrastructure .list li div.detailurl { width:auto; position:absolute; right:5px; bottom:5px; margin:0; } #maincol div.fwarticlelist div.articles div.item div.end, #maincol .fweventcalendar .list .item div.end { float:none; margin:0; } #maincol div.fwarticle div.back, #maincol div.fweventcalendar div.back, #maincol div.fwinfrastructure div.detail div.backurl { position:absolute; right:0; margin:0; } /* variante home */ body.home #maincol div.fwarticlelist, body.home #maincol div.fweventcalendar { width:735px; font-size:13px; line-height:20px; padding:0; } body.home #maincol div.fwarticlelist div.articles, body.home #maincol .fweventcalendar .list { clear:none; position:relative; } body.home #maincol div.fwarticlelist div.articles:after, body.home #maincol div.fweventcalendar div.list:after { clear:both; content:""; display:table; line-height:0; } body.home #maincol div.fwarticlelist div.articles div.item, body.home #maincol .fweventcalendar .list .item { width:220px; height:155px; display:block; float:left; clear:none; position:relative; overflow:hidden; background-image:none; border-bottom:none; padding:0; margin:0 25px 25px 0; } body.home #maincol div.fwarticlelist div.articles div.item div, body.home #maincol .fweventcalendar .list .item div { width:200px; height:25px; display:block; font-weight:normal; color:#FFF; text-align:center; background-image:url("background-tile.png"); overflow:hidden; position:absolute; z-index:1; padding:0 10px; margin:0; } body.home #maincol div.fwarticlelist div.articles div.item div a, body.home #maincol .fweventcalendar .list .item div a { font-weight:normal !important; color:#FFF !important; } body.home #maincol div.fwarticlelist div.articles div.item div.image, body.home #maincol .fweventcalendar .list .item div.image { width:220px; height:auto; float:none; line-height:0; position:absolute !important; z-index:0; padding:0; margin:0; } body.home #maincol div.fwarticlelist div.articles div.item div.image a, body.home #maincol .fweventcalendar .list .item div.image a { line-height:0; } body.home #maincol div.fwarticlelist div.articles div.item div.image img, body.home #maincol .fweventcalendar .list .item div.image img { width:100%; max-width:100%; border:none; margin:0; } body.home #maincol div.fwarticlelist div.articles div.item div.title, body.home #maincol .fweventcalendar .list .item div.title, body.home #maincol div.fwarticlelist div.articles div.item div.title { font-size:19px; line-height:22px; bottom:22px; float:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 10px 0; margin:0; } body.home #maincol .fweventcalendar .list .item div.daterange, body.home #maincol div.fwarticlelist div.articles div.item div.subtitle { width:200px; height:22px; font-size:15px; bottom:0; border-right:none; padding:0 10px; margin:0; } body.home #maincol div.fwarticlelist div.articles div.item div.lead, body.home #maincol .fweventcalendar .list .item div.description { display:none; font-size:15px; } body.home #maincol div.fwarticlelist div.articles div.item div.end, body.home #maincol .fweventcalendar .list .item div.end { height:auto; } body.home #maincol div.fwarticlelist div.articles div.item:hover, body.home #maincol .fweventcalendar .list .item:hover { cursor:pointer; } body.home #maincol div.fwarticlelist div.articles div.item:hover div, body.home #maincol .fweventcalendar .list .item:hover div { text-align:left; } body.home #maincol .fweventcalendar .list .item:hover div.title { top:0; bottom:auto; padding-top:5px; } body.home #maincol div.fwarticlelist div.articles div.item:hover div.lead, body.home #maincol .fweventcalendar .list .item:hover div.description { display:block; } body.home #maincol .fweventcalendar .list .item:hover div.daterange { top:30px; } body.home #maincol .fweventcalendar .list .item:hover div.description { top:52px; height:103px; } /* artikel */ #maincol div.fwarticlelist div.articles div.item div.date { padding:0 0 5px; } #maincol div.fwarticlelist div.articles div.separator { display:none; } #maincol div.fwarticle { position:relative; } #maincol div.fwarticle div { margin:0; } #maincol div.fwarticle div.title { font-size:36px; line-height:42px; color:#169bd3; margin:0 0 14px; } #maincol div.fwarticle div.image {} #maincol div.fwarticle div.lead { font-size: 1.2em; font-weight: bold; margin: 0 0 10px; } #maincol div.fwarticle div.date { font-style: italic; margin:0 0 10px; } #maincol div.fwarticle div.location { display:none; } #maincol div.fwarticle div.maintext {} #maincol div.fwarticle div.text {} #maincol div.fwarticle div.text p { padding: 0; margin: 0 0 5px; } #maincol div.fwarticle div.link { padding:0 0 23px; } /* variante home */ body.home #maincol div.fwarticlelist div.navigation { display:none !important; } body.home #maincol div.fwarticlelist div.articles div.separator { display:none; } body.home #maincol div.fwarticlelist div.articles div.item:hover div.title { height:auto; max-height:22px; position:relative; bottom:0; padding-top:5px; padding-bottom:3px; } body.home #maincol div.fwarticlelist div.articles div.item:hover div.subtitle { bottom:auto; } body.home #maincol div.fwarticlelist div.articles div.item:hover div.lead { height:103px; bottom:0; padding:0 10px; } /* events */ #maincol .fweventcalendar .list .item-divider { display:none; } #maincol div.fweventcalendar div.export, #maincol div.fweventcalendar div.search { margin:0 0 10px; } #maincol div.fweventcalendar div.detail div.clear { float:none; } #maincol div.fweventcalendar div.detail { width:735px; position:relative; } #maincol div.fweventcalendar div.detail>div { margin-right:25px; } #maincol div.fweventcalendar div.detail div.title { font-size:36px; line-height:42px; color:#169bd3; margin-bottom:20px;} #maincol div.fweventcalendar div.detail div.eventdata { width: 470px; float:left;} #maincol div.fweventcalendar div.detail div.eventdata div { width:100%; float:left; margin:0; } #maincol div.fweventcalendar div.detail div.eventoverview { margin-bottom:20px; } #maincol div.fweventcalendar div.detail div.links { margin-top: 20px; } #maincol div.fwarticlelist div.articles div.item div.title a { color:#FFF; } #maincol div.fweventcalendar div.detail div div.label { width:120px; float:left; margin:0 25px 0 0; } #maincol div.fweventcalendar div.detail div div.value { width:auto; float:left; margin:0; } #maincol div.fweventcalendar div.detail div div.label { font-weight: bold;} #maincol div.fweventcalendar div.detail div.image { width:220px; float: left; margin-right: 20px;} #maincol div.fweventcalendar div.detail div.image img { width:100%; } #maincol div.fweventcalendar div.detail .sliderkit-photogallery{padding-bottom:54px !important;} #maincol div.fweventcalendar div.detail .sliderkit-photogallery .sliderkit-nav{bottom:0;left:0;width:100%;height:54px;} #maincol div.fweventcalendar div.detail .sliderkit-photogallery .sliderkit-nav-clip ul li a{width:66px;height:50px;} #maincol .fwmediabox .sliderkit-nav .sliderkit-nav-next, #maincol .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-next { text-align:right; right:0; } #maincol .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-btn { width:25px; height:100%; cursor:pointer; top:0; background:rgba(255,255,255, 0.6); } #maincol .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-btn.sliderkit-btn-disable { background:transparent; cursor:auto; } #maincol .fwelement .sliderkit-photogallery .sliderkit-panels .sliderkit-go-btn a { display:block; text-decoration:none; padding-top:50px; } #maincol div.fweventcalendar div.detail div.additionallink { width:220px; height:155px; overflow:hidden; margin:12px 25px 13px 0; float:left;} #maincol div.fweventcalendar div.detail div.additionallink.link { background-image:url("event-link.png"); background-size: 220px 155px;} #maincol div.fweventcalendar div.detail div.additionallink.position { background-image:url("event-position.png"); background-size: 220px 155px;} #maincol div.fweventcalendar div.detail div.additionallink.file { background-image:url("event-file.png"); background-size: 220px 155px;} #maincol div.fweventcalendar div.detail div.additionallink.video { background-image:url("event-video.png"); background-size: 220px 155px; } #maincol div.fweventcalendar div.detail div.additionallink div.value { width:100%; height:100%; position:relative; cursor:pointer; text-align:center;} #maincol div.fweventcalendar div.detail div.additionallink div.value a { display:block; width:200px; height:47px; color:#FFF; position:absolute; bottom:0; background:url("background-tile.png"); padding:0 10px; padding-top:5px; } #maincol div.fweventcalendar div.detail div.additionallink div.value:hover a { height:155px !important; bottom:auto; } #maincol div.fweventcalendar div.detail div.clear { margin:0; } #maincol div.fweventcalendar div.back { bottom:10px; } /* variante home */ body.home #maincol .fweventcalendar .list .item:hover div.description { top:52px; height:103px; padding:0 10px; } /* infrastruktur */ #maincol div.fwinfrastructure .list li div.category { margin-bottom:0; } #maincol div.fwinfrastructure .list li div.category, #maincol div.fwinfrastructure .list li div.title, #maincol div.fwinfrastructure .list li div.address { width:460px; float:right; margin:5px 0; } #maincol div.fwinfrastructure .list li div.address { width:350px; position:relative; padding:0 110px 0 0; margin:0 0 5px; } #maincol div.fwinfrastructure .list li div.description { margin-left:245px; } #maincol div.fwinfrastructure .list li div.address div { width:175px; height:20px; overflow:hidden; } #maincol div.fwinfrastructure .list li div.address div.firstandlastname { display:none; } #maincol div.fwinfrastructure .list li div.address div.addressline1 {} #maincol div.fwinfrastructure .list li div.address div.addressline2 { display:none; } #maincol div.fwinfrastructure .list li div.address div.location {} #maincol div.fwinfrastructure .list li div.address div.phone { position:absolute; top:0; margin:0 0 0 175px;} #maincol div.fwinfrastructure .list li div.address div.fax { display:none; } #maincol div.fwinfrastructure .list li div.address div.email { position:absolute; top:20px; margin:0 0 0 175px; } #maincol div.fwinfrastructure .list li div.address div.url { display:none; } #maincol div.fwinfrastructure .list li div.address div.position { display:none; } #maincol div.fwinfrastructure .list li div.openinghours { float:right; margin:0; } #maincol div.fwinfrastructure div.form div div.clearer { display:none; } #maincol div.fwinfrastructure div.detail:after { clear:both; content:""; display:table; line-height:0; } #maincol div.fwinfrastructure div.detail div.image { width:220px; float:left; margin:0 25px 25px 0; } #maincol div.fwinfrastructure div.detail div.image img { } #maincol div.fwinfrastructure div.detail > div { width:465px; float:right; margin:0; } #maincol div.fwinfrastructure div.detail div div.label { width:120px; float:left; margin:0 25px 0 0; font-weight: bold; } #maincol div.fwinfrastructure div.detail div div.value { width:auto; float:left; margin:0; } #maincol div.fwinfrastructure div.detail div.category { padding:0 0 14px; } #maincol div.fwinfrastructure div.detail div.title { width:100%; font-size:36px; line-height:42px; color:#169bd3; margin-bottom:20px; } #maincol div.fwinfrastructure div.detail div.address { padding:10px 0; } #maincol div.fwinfrastructure div.detail div.description { padding:10px 0; width:100%; } #maincol div.fwinfrastructure div.detail div.map { width:100%; clear:both; float:none; padding:14px 0 0; } #maincol div.fwinfrastructure div.detail div.map div.fwgooglemap { padding:0; } #maincol div.fwinfrastructure div.detail div.additionallink { width:220px; height:155px; overflow:hidden; margin:10px 20px 0 0; float:left;} #maincol div.fwinfrastructure div.detail div.additionallink.link { background-image:url("event-link.jpg"); background-size: 220px 155px;} #maincol div.fwinfrastructure div.detail div.additionallink.position { background-image:url("event-position.jpg"); background-size: 220px 155px;} #maincol div.fwinfrastructure div.detail div.additionallink.file { background-image:url("event-file.jpg"); background-size: 220px 155px;} #maincol div.fwinfrastructure div.detail div.additionallink div.value { width:100%; height:100%; position:relative; cursor:pointer; text-align:center;} #maincol div.fwinfrastructure div.detail div.additionallink div.value a { display:block; width:200px; height:47px; color:#FFF; position:absolute; bottom:0; background:url("background-tile.png"); padding:0 10px; padding-top:5px; } #maincol div.fwinfrastructure div.detail div.additionallink div.value:hover a { height:155px !important; bottom:auto; } #maincol div.fwinfrastructure div.detail div.backurl { width:auto; bottom:-15px; } /* blättern navigation */ #maincol div.navigationtop { display:none; } #maincol div.navigation { position:absolute; bottom:-15px; right:0; margin:0; } #maincol div.navigation table.datanavigation { width:auto; font-size:12px; line-height:20px; border-collapse:collapse; border-spacing:0; margin:0; } #maincol div.navigation table.datanavigation td { min-width:10px; height:20px; vertical-align:top; text-align:center; display:block; float:left; background-repeat:no-repeat; padding:0; margin:0 0 0 8px; } #maincol div.navigation table.datanavigation td img { display:none; } #maincol div.navigation table.datanavigation td a { min-width:10px; height:20px; vertical-align:top; display:block; color:#707172; text-decoration:none; background-repeat:no-repeat; } #maincol div.navigation table.datanavigation td a:hover { color:#000; } #maincol div.navigation table.datanavigation td.page, #maincol div.navigation table.datanavigation td.page a { width:auto; } #maincol div.navigation table.datanavigation td.first, #maincol div.navigation table.datanavigation td.last { display:none; } #maincol div.navigation table.datanavigation td.selected a {} #maincol div.navigation table.datanavigation td.previous, #maincol div.navigation table.datanavigation td.previous a { color:transparent; background-position:0 5px; background-image:url("arrow-navigation-left.png"); } #maincol div.navigation table.datanavigation td.previous a:hover { background-image:url("arrow-navigation-left-hover.png"); } #maincol div.navigation table.datanavigation td.next, #maincol div.navigation table.datanavigation td.next a { color:transparent; background-position:0 5px; background-image:url("arrow-navigation-right.png"); } #maincol div.navigation table.datanavigation td.next a:hover { background-image:url("arrow-navigation-right-hover.png"); } #maincol div.navigation table.datanavigation td.previous, #maincol div.navigation table.datanavigation td.next { min-width:10px; } /* volltextsuche */ #maincol div.fwrsearch { position:relative; } #maincol div.fwrsearch div.searchresult div.item { overflow:hidden; margin:0 0 14px; } #maincol div.fwrsearch div.searchresult div.item div.itemtitle a { text-decoration:none; font-weight:bold; } #maincol div.fwrsearch div.navigation table.datanavigation {} #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-left, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-center, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right { width:auto; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-left span, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right span { display:none; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-center span { float:left; margin:0 3px; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-center a span { float:none; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-center span, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-center a { display:inline-block; float:inherit; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-center a { width:auto; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-left, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right { width:10px; height:20px; vertical-align:top; display:block; line-height:20px; background-repeat:no-repeat; } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-left, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-left a { background-position:0 5px; background-image:url("arrow-navigation-left.png"); } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-left a:hover { background-image:url("arrow-navigation-left-hover.png"); } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right, #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right a { background-position:0 5px; background-image:url("arrow-navigation-right.png"); } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right a:hover { background-image:url("arrow-navigation-right-hover.png"); } #maincol div.fwrsearch div.navigation table.datanavigation td.rsearch-right { margin:0; } /* social links */ #maincol ul.fwsociallinks { clear:none; float:right; padding:0; margin:-45px 0 0; } /* mediaplayer */ #maincol div.fwmediaplayer {} /* more-link */ #maincol div.fwspecial-morelink { position:relative; clear:both; } #maincol div.fwspecial-morelink div.fwlink { padding:0; } #maincol div.fwspecial-morelink div.fwlink div.title { position:absolute; top:-15px; right:0; margin:0; } /* ticker */ #maincol div.fwticker { background-color:#FFF; padding:0; margin:0 0 15px; } #maincol div.fwticker .tickerkit-panels-wrapper .tickerkit-panel { padding:0 10px; } #maincol div.fwticker .tickerkit-panels-wrapper .tickerkit-panel a { color:#000; text-transform:uppercase; } #maincol div.fwticker .tickerkit-panels-wrapper .separator { width:1px; height:12px; background-color:#000; margin-top:7px; } #maincol div.fwticker .tickerkit-panels-wrapper .separator-last { width: 1px; height: 12px; background-color: #000; margin-top: 7px; } /* wispo */ #maincol div.fwwispo li.object:after, #maincol div.fwwispo .detail:after { clear:both; content:""; display:table; line-height:0; } /* #maincol div.fwwispo ul { -webkit-columns: auto; -moz-columns: auto; columns: auto; } #maincol div.fwwispo ul:after { clear: both; content: ""; display: table; line-height: 0; } #maincol div.fwwispo ul li.object { background: url("background-line.png") repeat-x scroll 25px 10px; clear: none; float: left; margin: 0 0 7px; position: relative; width: 48.9%; width: -webkit-calc(50% - 8px); width: -moz-calc(50% - 8px); width: calc(50% - 8px); } #maincol div.fwwispo ul li.object:nth-child(2n) { margin-left: 1em; } */ #maincol div.fwwispo ul li.object { background:url("background-line.png") repeat-x scroll 25px 10px; margin:0 0 7px; position:relative; width: 100%; } #maincol div.fwwispo ul li.object span.object { display:block; float:left; width: 270px; font-size:13px; line-height:25px; color:#FFF; height:25px; background:#aeb1b1; padding:0 5px; } #maincol div.fwwispo .list div.objectgroup { display:block; color:#169BD3; font-size:24px; font-weight:normal; line-height:26px; padding:0 0 15px; } #maincol div.fwwispo .list div.objecttype { display:block; color:#000; font-size:15px; line-height:22px; font-weight:normal; padding:0 0 15px; } #maincol div.fwwispo .list li.object img { width:25px; height:25px;} #maincol div.fwwispo .list li.object img.status { width:32px; } #maincol div.fwwispo .detail li { width:220px; clear:none; float:left; background:url("background-line-vertical.png") repeat-y scroll center 0; margin:0 25px 25px 0; } #maincol div.fwwispo .detail li:nth-child(3n+3) { margin-right:0; } #maincol div.fwwispo .detail li div .label { width:auto; display:block; } #maincol div.fwwispo .detail li div p { padding:0; } #maincol div.fwwispo .detail li div a { color:#FFF; } #maincol div.fwwispo .detail li div a:hover { color:#000; } #maincol div.fwwispo .detail li div.title { font-size:15px; line-height:21px; color:#FFF; text-align:center; text-transform:uppercase; letter-spacing:1px; font-weight:bold; background:url("background-blue.png") repeat; padding:5px 5px 3px; } #maincol div.fwwispo .detail li div.type { display:none; } #maincol div.fwwispo .detail li div.status { width:125px; font-size:14px; line-height:21px; color:#FFF; text-align:center; background:url("background-blue.png") repeat; padding:5px 5px 3px; margin:15px auto; } #maincol div.fwwispo .detail li div.statusopen { background:#95c01f; } #maincol div.fwwispo .detail li div.statusclosed { background:#e12019; } #maincol div.fwwispo .detail li div.statuscompanyholidays { background:#e12019; } #maincol div.fwwispo .detail li div.statusinprogress { background:#f7df13; } #maincol div.fwwispo .detail li div.status img, #maincol div.fwwispo .detail li div.description { display:none; } #maincol div.fwwispo .detail li div.description, #maincol div.fwwispo .detail li div.openinghours, #maincol div.fwwispo .detail li div.price { font-size:14px; line-height:21px; color:#FFF; text-align:center; background:#aeb1b1; margin:0; padding:0 5px; } #maincol div.fwwispo .detail li div.price { margin:5px 0 0; } #maincol div.fwwispo .weather { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; padding-right: 7.5px; width: 50%; } #maincol div.fwwispo .weather .field { background: url("background-line.png") repeat-x scroll 25px 10px; height: 25px; margin-bottom: 7px; width: 100%; } #maincol div.fwwispo .weather .field .label { background-color: #AEB1B1; color: #FFF; display: block; float: left; height: 100%; line-height: 25px; overflow: hidden; padding: 0 0 0 5px; text-overflow: ellipsis; white-space: nowrap; width: 60%; word-wrap: break-word; } #maincol div.fwwispo .weather .field .value { background-color: #009BD3; color: #FFF; display: block; float: right; height: 100%; line-height: 25px; min-width: 0; padding: 0 0 0 5px; width: 35%; } #maincol div.fwwispo .weather .field .value .link { display: none; } /* popup */ .popup_wrapper .fwelement.fwpopup { width:auto; float:none; position:relative; cursor:pointer; } .popup_wrapper .fwelement.fwpopup h2, .popup_wrapper .fwelement.fwpopup .fwelement { width:750px; text-align:center; background:#FFF; padding:15px; margin:0; } .popup_wrapper .fwelement.fwpopup h2 { min-height:85px; clear:both; float:none; border:none transparent; font-size:36px; line-height:42px; color:#169bd3; position:relative; overflow:hidden; padding-bottom:0; } .popup_wrapper .fwelement.fwpopup h2:before { display:block; width:1200px; min-height:95px; content:""; position:absolute; bottom:0; left:-310px; } .popup_wrapper .fwelement.fwpopup .fwelement { display:none; float:none; font-size:1.6em; line-height:1.8em; font-weight:400; } .popup_wrapper .fwelement.fwpopup .fwelement.fwparagraph { text-align:left; } .popup_wrapper .fwelement.fwpopup .fwelement.fwparagraph, .popup_wrapper .fwelement.fwpopup .fwelement.fwtext { display:block; color:#FFF; background:#009bd3; } .popup_wrapper .fwelement.fwpopup .fwelement.fwparagraph p, .popup_wrapper .fwelement.fwpopup .fwelement.fwtext p { margin:0 0 1em; } .popup_wrapper .fwelement.fwpopup .fwelement.fwparagraph a, .popup_wrapper .fwelement.fwpopup .fwelement.fwtext a { color:#FFF; } .popup_wrapper .fwelement.fwpopup .popup_close { width:30px; height:30px; display:block; background:none; border:none; font-size:0; line-height:0; position:absolute; top:0; right:0; padding:0; } .popup_wrapper .fwelement.fwpopup .popup_close:before, .popup_wrapper .fwelement.fwpopup .popup_close:after { font-family:"FontAwesome"; font-size:30px; line-height:30px; text-shadow:0 0 3px #7c7c7c; position:absolute; top:0; right:0; } .popup_wrapper .fwelement.fwpopup .popup_close:before { content:"\f057"; color:#000; } .popup_wrapper .fwelement.fwpopup .popup_close:after { content:"\f05c"; color:#FFF; } /* cookieconsent */ .fwcookieconsent-container .cookieconsent-banner { width:calc(100% - 90px); font-size:1.4em; line-height:1.6em; z-index:999999; background:#FFF; border-top:1px solid #777; padding:30px 60px 30px 30px; } .fwcookieconsent-container .cookieconsent-banner:after { clear:both; content:""; display:table; line-height:0; } .fwcookieconsent-container .cookieconsent-banner h3 { clear:none; float:left; font-weight:700; font-size:inherit; line-height:inherit; color:#000; padding-right:5px; margin:0; } .fwcookieconsent-container .cookieconsent-banner .cookieconsent-message { line-height:inherit; color:#000; } .fwcookieconsent-container .cookieconsent-banner .cookieconsent-readmore { font-weight:700; padding:5px; } .fwcookieconsent-container .cookieconsent-banner .cookieconsent-readmore a { font-weight:bold; color:#000; border-bottom:1px dotted #000; } .fwcookieconsent-container .cookieconsent-banner .cookieconsent-readmore a:hover { text-decoration:none; } .fwcookieconsent-container .cookieconsent-banner .btn { font-weight:bold; font-size:2em; color:#000; border:none; border-radius:none; text-decoration:none; background:none; position:absolute; top:30px; right:25px; padding:0; } /******************************** * rightcol ********************************/ #rightcol .fwelement { font-size:14px; line-height:21px; display:none; padding:0; margin:0 0 15px; } #rightcol .fwelement p { padding:0; margin:0; } #rightcol a { color:#575757; font-weight:normal; text-decoration:none; } #rightcol a:hover { color:#000; } #rightcol .clear { font-size:0px; height:0px; line-height:0px; display:block; } /* titel */ /* variante überschrift 2 */ #rightcol div.fwtitle2 { display:block; color:#FFF; background:#AEB1B1; padding:5px 5px 3px; margin:0; } #rightcol div.fwtitle2 h2 { font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; } #rightcol div.fwtitle2 a { color:#FFF; } #rightcol div.fwtitle2 a:hover { color:#000; } /* text */ #rightcol div.fwtext { display:block; border:1px solid #AEB1B1; border-top:none; padding:5px; } /* link */ #rightcol div.fwlink { display:block; padding:0 20px; } #rightcol div.fwlink div.label { font-family:"RotisSansSerifW01-Bold"; font-size:20px; text-transform:uppercase; padding:0 0 5px; } #rightcol div.fwlink div.title { line-height:15px; margin:0; } #rightcol div.fwlink div.image { display:none; } /* chat (alpha) */ #rightcol div.fwchat { display:block; width:153px; height:42px; position:relative; background:url("background-blue.png") repeat; transform:skewX(20deg); -webkit-transform:skewX(20deg); -moz-transform:skewX(20deg); -o-transform:skewX(20deg); -ms-transform:skewX(20deg); padding:0 12px; margin-left:9px; } #rightcol div.fwchat a { display:block; position:absolute; transform:skewX(-20deg); -webkit-transform:skewX(-20deg); -moz-transform:skewX(-20deg); -o-transform:skewX(-20deg); -ms-transform:skewX(-20deg); color:#FFF; } /* abstand */ #rightcol div.fwspace { display:block; } /* bild */ #rightcol div.fwpicture-group { display:block; } #rightcol div.fwpicture-group-float .fwpicture { margin:0 6px 6px 0; } #rightcol div.fwpicture-group-float .fwpicture:nth-child(3) { margin-right:0; } #rightcol div.fwpicture-group-float .fwpicture a { display:block; } #rightcol div.fwpicture-group-float .fwpicture a img { width:61px; height:auto; } /* trustyou */ #rightcol div.fwtrustyou { display:block; } /******************************** * footer ********************************/ #footer .fwelement { font-size:12px; line-height:20px; display:none; padding:0; margin:0; } #footer a { color:#575757; font-weight:normal; text-decoration:none; } #footer a:hover { color:#000; } #footer .clear { font-size:0px; height:0px; line-height:0px; display:block; } /* social links */ #footer #social ul.fwsociallinks { display:block; } #footer #social ul.fwsociallinks li { float:left; background-repeat:no-repeat; padding:0 5px 5px 0; } #footer #social ul.fwsociallinks li img { display:none; } #footer #social ul.fwsociallinks li a { width:26px; height:26px; display:block; background-repeat:no-repeat; } #footer #social ul.fwsociallinks li.facebook a { background-image:url("social-facebook.png"); } #footer #social ul.fwsociallinks li.twitter a { background-image:url("social-twitter.png"); } #footer #social ul.fwsociallinks li.youtube a { background-image:url("social-youtube.png"); } #footer #social ul.fwsociallinks li.instagram a { background-image: url("social-instagram.png"); } #footer #social ul.fwsociallinks li.flickr a { background-image:url("social-flickr.png"); } #footer #social ul.fwsociallinks li.blog a { background-image:url("social-blogspot.png"); } #footer #social ul.fwsociallinks li.appstore a { background-image:url("social-itunes.png"); } #footer #social ul.fwsociallinks li.googleplay a { background-image:url("social-play.png"); } #footer #social ul.fwsociallinks li.googleplus a { background-image:url("social-googleplus.png"); } /* volltextsuche */ #footer #search input { width:120px; height:22px; font-family:"RotisSansSerifW01-Light"; font-size:14px; border:1px solid #808080; background:none; background-image:url("searchfield-bg.png"); background-position:right; background-repeat:no-repeat; padding:0 20px 0 0; } /* sitemap */ /* level 1 */ #footer #sitemap div.fwsitemap { display:block; } #footer #sitemap div.fwsitemap ul { list-style-type:none; padding:0; margin:0; } #footer #sitemap div.fwsitemap ul.item1 li { float:left; font-family:"RotisSansSerifW01-Bold"; font-size:12px; text-align:left; padding:0 12px 0 0; } #footer #sitemap div.fwsitemap ul.item1 li:last-child { padding:0; } #footer #sitemap div.fwsitemap ul.item1 li a { color:#000; } #footer #sitemap div.fwsitemap ul.item1 li a:hover { color:#575757; } #footer #sitemap div.fwsitemap ul.item2 li a { color:#575757; font-weight:normal; } #footer #sitemap div.fwsitemap ul.item2 li a:hover { color:#000; } /* level 2 */ #footer #sitemap div.fwsitemap ul.item2 { padding:8px 0 0; } #footer #sitemap div.fwsitemap ul.item2 li { clear:both; float:none; font-size:12px; line-height:14px; text-align:left; padding:0 0 3px; } /* level 3 */ #footer #sitemap div.fwsitemap ul.item3 { display:none; } /******************************** * promotion-links ********************************/ #promotion-links { font-size:12px; line-height:20px; } #promotion-links a { color:#575757; font-weight:normal; text-decoration:none; } #promotion-links a:hover { color:#000; }