/** * Custom Stylesheet for FinishWeb Site www.buerchen-unterbaech.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * fz Fabian Zumoberhaus, BAR Informatik AG * sv Sascha Vogel, BAR Informatik AG * * Changes: * 08.07.2014 bz initial version * 11.07.2014 fz list-elements initial * 12.07.2014 bz updates * 13.07.2014 bz updates * 17.07.2014 bz & sv updates * 23.07.2014 bz updates * 02.09.2014 bz updates * 12.09.2014 bz updates * 19.09.2014 bz updates * 20.10.2014 bz updated green color * 27.10.2014 bz updated iframe * 28.10.2014 bz updated paragraph title * 12.12.2014 bz final version * 05.01.2015 bz updates * 16.02.2015 bz updates * 08.04.2015 bz updated search-width * 11.08.2015 js new tableelement * 25.08.2016 bz updates * 21.04.2017 bz updated logo-position * 24.05.2018 bz new cookie-consent element */ /************************************************************************************************** * Default styling of HTML-tags **************************************************************************************************/ * { border-sizing:border-box; } body,html { font-family:'Open Sans', sans-serif; height:100%; } body { background:#efefef; } .clear { clear:both; font-size:0px; height:0px; line-height:0px; display:block; } ul:after { clear:both; content:""; display:table; line-height:0; } a { color:#24932d; } a:hover { color:#000; text-decoration:none; } /******************************** * media ********************************/ @media (min-width:1024px) { #header, #content { width:980px; } #header-wrapper { min-width:980px; } } @media (max-width:1023px) { #header, #content { width:980px; } #teaser, #teaser img, #header-wrapper { min-width:980px; } } /******************************** * header-wrapper ********************************/ #header-wrapper { width:100%; height:500px; position:relative; z-index:1; overflow:hidden; } /******************************** * header ********************************/ #header { height:490px; position:relative; box-shadow:0px 5px 10px #000; margin:10px auto 0; } /* logo */ #logo { position:absolute; top:25px; right:37px; /*right:15px;*/ z-index:1; } #logo div { margin:0 !important; } #logo div img { max-width:100%; height:auto; } /* nav (level 1-3) */ .nav { width:100%; float:left; padding:50px 0 0; } .nav ul { font-weight:bold; padding:0; margin:0; } .nav > a { display:none; } .nav li { list-style:none; } .nav li a { display:block; color:#000; text-decoration:none; padding:5px 10px; } .nav li a:hover, .nav li.menusel>a, .nav li.menusel1>a { color:#24932d !important; } .nav > ul > li { float:left; } .nav li ul { display:none; position:absolute; } .nav li:hover ul { display:block; } .nav ul.menu1items { position:relative; background:url("../background-orange.png") repeat; padding:0 20px; } .nav ul.menu1items li.menu1 { font-size:1.4em; line-height:1.15em; } .nav ul.menu1items li.menu1.separator { width:1px; height:15px; border-right:2px solid #000; margin:10px 2px 0; } .nav ul.menu2items { width:70%; background:url("../background-white.png") repeat; top:32px; left:0; padding:10px 0 15px 25px; } .nav ul.menu2items li.menu2 { float:left; width:33%; font-size:0.8em; line-height:1.15em; padding:0 25px 0 0; } .nav ul.menu2items li a { padding:5px 5px 15px; } .nav ul.menu2items li a:hover, .nav ul.menu2items li.menusel>a, .nav ul.menu2items li.menusel2>a { color:#24932d !important; } .nav ul.menu3items { position:static; top:auto; font-weight:normal; padding:0 0 0 5px; } .nav ul.menu3items li { font-size:0.9em; } .nav ul.menu3items li a { background-image:url("../background_item3.png"); background-repeat:no-repeat; background-position:0 3px; padding:0 0 10px 20px; } .nav ul.menu3items li a:hover, .nav ul.menu3items li.menusel a { color:#24932d; background-image:url("../background_item3-hover.png"); } /* lang */ .dropdown { float:left; font-size:0.9em; padding:5px 25px 0; } .dropdown>a { color:#000; text-shadow:0 0 5px #000; background:none; padding:0; } .dropdown>a:after { content:"\25BC"; padding-left:5px; } .dropdown a:hover { color:#000; text-shadow:0 0 5px #24932d; } /* moreinfos & background-home */ #moreinfos, #background-home { width:68.5%; height:35px; font-size:1.1em; position:absolute; bottom:-2px; background:url("../background-white.png") repeat; border:2px solid #FFF; margin:0 15px; } #moreinfos a { color:#000; font-weight:bold; } #moreinfos a:hover { color:#24932d; } /* wetter */ #moreinfos .fwweather { float:left; list-style-type:none; padding:0 8px; margin:0; } #moreinfos .fwweather li, #moreinfos .fwweather li div { float:left; } #moreinfos .fwweather li { border-right:1px solid #000; padding-right:15px; margin-right:15px; } #moreinfos .fwweather li>div { padding:5px 5px 0; } #moreinfos .fwweather li>.weather-img { padding:0; } /* link */ #moreinfos .fwlink-group { height:31px; float:left; border-right:1px solid #000; padding-right:13px; margin-right:15px; } #moreinfos .fwlink-group .fwlink div { margin:0; } #moreinfos .fwlink-group .fwlink .label { display:none; } #moreinfos .fwlink-group .fwlink .title { float:left; padding:5px 5px 0 0; } #moreinfos .fwlink-group .fwlink .image { float:right; } /* suchen */ #moreinfos #search { width:22%; float:left; padding-right:0; } #moreinfos #search form { padding-top:5px; } #moreinfos #search form input { width:70%; height:20px; color:#000; font-weight:bold; background:transparent; border:none; cursor:pointer; } #moreinfos #search form input:hover { color:#24932d; } #moreinfos #search form input[type=submit] { width:20%; font-family:"FontAwesome"; color:#838383; text-align:center; font-weight:bold; background:transparent; border:none; } #moreinfos #search form input[type=submit]:hover { color:#24932d; } /* background-home */ #background-home { height:200px; display:none; border:none; padding:0 2px; } /* teaser */ #teaser { width:100%; height:500px; position:absolute; top:0; z-index:-1; } #teaser img { width:100%; height:auto; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn { width:35px; display:block !important; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn a { background:none; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn a:before { display:block; font-family:"FontAwesome"; font-size:30px; padding:275px 5px 0; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn.sliderkit-go-prev a:before { content:"\f0a8"; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-go-btn.sliderkit-go-next a:before { content:"\f0a9"; } #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel > div img { min-height:500px; width:auto; min-width:100%; } #teaser div.fwteaser div.fwpicture-group {margin:0px; width:100%; position:absolute; top:0; left:0; right:0;} #teaser div.fwteaser div.fwpicture-group div.fwpicture {margin:0px; width:100%;} /*body.home #teaser div.fwteaser div.sliderkit-panels div.sliderkit-panel > div img { min-height:650px; }*/ /******************************** * content ********************************/ #content { min-height:200px; position:relative; background:#FFF; box-shadow:0 -5px 10px #000; padding:30px 0 0; margin:0 auto 20px; } #content .fwelement { clear:both; font-size:1em; line-height:1.6em; padding:0; margin:0 0 20px; } #content .fwelement p { margin:0 0 15px; } #content .fwelement th p, #content .fwelement td p { margin:0; } #content .fwelement-group { clear:both; } #content ol, #content ul { padding:0; margin-top:0; } #content ul:after, #content ul li:after { clear:both; content:""; display:table; line-height:0; } #content table { width:100%; border-style:none; border-collapse:collapse; border-spacing:0; } #content img { width:100%; height:auto; } /******************************** * main, sidebar-right ********************************/ #main { width:70%; height:100%; float:left; position:relative; padding:0 25px; } #sidebar-right { width:30%; float:left; position:relative; z-index:1; padding:0 25px 0 15px; margin-top:-110px; } #rightcol { background: #efefef; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ padding-top:10px; margin:0 2px; } #sidebar-right .fwelement { display:none; border-bottom:1px solid #000; padding:0 0 10px; margin:0 25px 10px; } /* position */ #content #main .nav { padding:0 0 30px; } #content #main .nav ul { font-weight:normal; } #content #main .nav ul li.separator { padding:0 10px; } #content #main .nav ul li a { color:#000; padding:0; } #content #main .nav ul li.active a { color:#24932d; } #content #main .nav ul li.active a:hover { color:#000; } /* titel */ #content .fwtitle1 { clear:none; float:left; } #content .fwtitle1 a { display:none; } #content h1 { font-size:2em; font-weight:normal; letter-spacing:0.05em; color:#24932d; } /* variante überschrift 2 */ #content .fwtitle2 { margin:0 0 15px; } #content h2, #content h3, #content .title, #content .datalist .item-divider { font-size:1.25em; font-weight:bold; } /* text */ #content>.fwtext { margin:0; } #content .fwtext ol, #content .fwtext ul { padding-left:40px; } #content #sidebar-right .fwtext { display:block; font-size:0.9em; border:none; padding-bottom:0; } /* bild */ #content .fwpicture-group .fwpicture { margin:0; } #content .fwpicture-group .fwpicture a { display:block; } #content .fwpicture-group .fwpicture .picture { overflow:hidden; line-height:0; } #content .fwpicture-group .fwpicture .picture img { margin:0 0 10px; } #content .fwpicture-group .fwpicture .text { margin:0; } #content .fwpicture-group-float .fwpicture { width:50%; } #content .fwpicture-group-float .fwpicture:first-child { padding-right:18px; } #content .fwpicture-group-float .fwpicture:nth-child(2) { padding-left:18px; } /* bild */ #content #sidebar-right .fwpicture-group { display:block; } #content #sidebar-right .fwpicture-group .fwpicture { width:100%; } #content #sidebar-right .fwpicture-group .fwpicture .picture { width:100%; } #content #sidebar-right .fwpicture-group-float { display:none; } /* abschnitt */ #content .fwparagraph {} #content .fwparagraph ol, #content .fwparagraph ul { padding-left:40px; } #content .fwparagraph .picture { width:33%; line-height:0; padding:0; margin:0 36px 36px 0; } /* link */ #content .fwlink .label { width:auto !important; padding-top:0 !important; margin:0; } #content .fwlink .label, #content .fwlink .title { margin:0; } #content .fwlink .image { width:5%; height:auto; margin:0; } #content .fwlink .image img { width:auto; } #content .fwlink .title { padding:3px 0 0; } /* expander panel */ #content #sidebar-right .fwexpander .expander-item .expander-content .fwlink { display:block; font-size:0.85em; line-height:1.2em; border:none; margin:0; } /* linkliste */ #content .fwlinklist {} #content .fwlinklist ul.list { list-style-type:none; list-style-image:none; padding:0; margin:0; } #content .fwlinklist ul.list li { clear:both; text-align:left; background:transparent; padding:0; } /* tabelle */ #content .fwtable table, #content table.fwtable { width:100%; border:none; border-collapse:collapse; } #content .fwtable table td, #content table.fwtable td, #content .fwtable table th, #content table.fwtable th { height:20px; vertical-align:top; border-bottom:1px solid #D9DADB; padding:0 5px 0 0; } #content .fwtable table th, #content table.fwtable th { font-weight:bold; border-bottom:1px solid #000; } #content .fwtable table th:first-child, #content table.fwtable th.f, #content .fwtable table td:first-child, #content table.fwtable td.f { text-align:left; padding-left:0; } #content .fwtable table th, #content table.fwtable th { font-weight:bold; } #content .fwtable table tr td, #content table.fwtable td.i1 { background-color:transparent; } #content .fwtable table tr:nth-child(2n+0) td a, #content table.fwtable td.i1 a {} #content .fwtable table td.i0, #content table.fwtable td.i0 {} #content .fwtable table td.i0 a, #content table.fwtable td.i0 a {} #content .fwtable table td.separator, #content table.fwtable td.separator { height:20px; } #content .fwtable table td.separator img, #content table.fwtable td.separator img { width:1px; } /* variante preise 7 spaltig */ #content .fwtable2 table td:first-child, #content table.fwtable1 td.f { width:46%; } #content .fwtable2 table td:nth-child(n+2), #content table.fwtable1 td.c1, #content table.fwtable1 td.c2, #content table.fwtable1 td.c3, #content table.fwtable1 td.c4, #content table.fwtable1 td.c5, #content table.fwtable1 td.c6 { width:9%; } /* variante preise 2 spaltig */ #content .fwtable3 table td:first-child, #content table.fwtable2 td.f { width:90%; } #content .fwtable3 table td:nth-child(2), #content table.fwtable2 td.c1 { width:10%; } /* variante zweispaltig */ #content .fwtable4 table td:first-child, #content table.fwtable3 td.f { width:30%; } #content .fwtable4 table td:nth-child(2), #content table.fwtable3 td.c1 { width:70%; } /* dateiliste */ #content .fwfilelist .fwnavigation { display:none; } #content .fwfilelist table.fwfilelist td { text-align:left; } #content .fwfilelist table.fwfilelist td.icon { width:5%; } #content .fwfilelist table.fwfilelist td.icon img { width:auto; } #content .fwfilelist table.fwfilelist td.file { padding:3px 0 0; } #content .fwfilelist table.fwfilelist td.date, #content .fwfilelist table.fwfilelist td.empty, #content .fwfilelist table.fwfilelist td.size, #content .fwfilelist table.fwfilelist td.description { display:none; } #content .fwfilelist table.fwfilelist td.i0, #content .fwfilelist table.fwfilelist td.i1 { background-color:transparent; } /* sitemap */ #content .fwsitemap {} #content .fwsitemap a { float:none; } #content .fwsitemap ul { list-style-image:none; margin:0; } #content .fwsitemap ul li { background:none; } #content .fwsitemap ul.item1 li { font-weight:bold; text-transform:uppercase; } #content .fwsitemap ul.item2 li { text-transform:none; padding:5px 0 5px 15px; } #content .fwsitemap ul.item3 li { font-weight:normal; } #content .fwsitemap ul.item2 li:first-child, #content .fwsitemap ul.item3 li:first-child, #content .fwsitemap ul.item4 li:first-child, #content .fwsitemap ul.item5 li:first-child { padding-top:10px; } #content .fwsitemap ul.item2 li:last-child, #content .fwsitemap ul.item3 li:last-child, #content .fwsitemap ul.item4 li:last-child, #content .fwsitemap ul.item5 li:last-child { padding-bottom:6px; } /* abstand */ #content .fwspace { height:1px; } /* redirect */ #content .fwredirect {} /* galerie */ #content .fwgallery { width:100%; clear:both; position:relative; margin-bottom:50px; } #content .fwgallery a { background:none; padding:0; } #content .fwgallery a img { border:none; } #content .fwgallery table.fwgallery { width:auto; border-collapse:collapse; border-spacing:0; clear:both; } #content .fwgallery table.fwgallery td.item { text-align:center; } #content .fwgallery table.fwgallery td.thumbnail { width:auto; height:auto; vertical-align:middle; text-align:center; line-height:0; border:none; padding:0 22px 22px 0; } #content .fwgallery table.fwgallery td.thumbnail .highslide-caption { display:none; } #content .fwgallery .fwnavigation table.datanavigation td.first { visibility:hidden; } #content .fwgallery .fwnavigation table.datanavigation td.last { visibility:hidden; } #content .fwgallery .fwnavigation table.datanavigation td.selected a { color:#000; } /* mitteilungen (db, formular-zu-email etc.) */ .message { font-size:1em; line-height:1em; } .success, .okmessage, .mail-frm-success { color:#00ff00; } .error, .nokmessage, .mail-frm-err { font-weight:bold; color:#ff0000; } /* formularfelder: allgemein und spezifisch */ /* inputs */ #content form:after { clear:both; content:""; display:table; line-height:0; } #content input[type=text], #content input[type=password], #content textarea, #content select { border:1px solid #D9DADB; } #content select { width:100%; height:20px; padding:0 0 0 5px; } #content input[type=text], #content input[type=password], #content .fwecard input[type=text], #content .fwecard input[type=password] { width:100%; height:100%; padding:0 5px; } #content .fwrsearch input[type=text] { width:100px !important; } #content input[type=checkbox] {} #content input[type=radio] {} #content textarea { width:100%; height:100px; padding:0 5px; } #content .captcha input, #content input.mail-frm-cap { float:right; width:75% !important; height:100%; border:1px solid #D9DADB; padding:0 5px; } #content .fweventcalendar .search select, #content .fwblackboard .fwblackboard-list table.tbl-searchform td select { width:100%; height:20px; } #content .fweventcalendar .search input[type=text], #content .fwblackboard .fwblackboard-list table.tbl-searchform td input[type=text] { width:100%; height:20px; cursor:pointer; } #content .fweventcalendar .search .date input { height:18px; } #content .date input { width:41% !important; padding:0 5px; } #content .date input:first-child { margin:0 3px 0 0; } #content .fwecard #field_captcha #captcha input.input { width:auto; background:transparent; border:1px solid #000; } #content .fwtimetable input[type=text], #content .fwtimetable input[type=submit] { width:80px !important; } #content .fwtimetable input[type=radio] { width:10px !important; } #content .fwrsearch input.button, #content .val input.button, #content .button, #content td.button, #content .buttonbar, #content .mail-tbl-but { float:right; margin:5px 0 0; } #content .mail-tbl-but { width:100%; } #content .fwrsearch input.button { float:none; } #content .fwrsearch input.button, #content .val input.button, #content .button input, #content td.button input, #content .buttonbar input, #content input.frm-frm-but, #content .mail-tbl-but input { color:#FFF; border:none; background:#000; cursor:pointer; padding:2px 20px; } #content .fwrsearch input.button { padding-top:1px; padding-bottom:1px; } #content .fwrsearch input.button:hover, #content .val input.button:hover, #content .button input:hover, #content td.button input:hover, #content .buttonbar input:hover, #content input.frm-frm-but:hover, #content .mail-tbl-but input:hover { background:#24932d; } #content .fwformtomail td.mail-frm-td-val { padding-right:0; } /* labels / prefix / divs */ .lbl, .label, td.label, .mail-frm-td-lbl { width:40% !important; float:left; padding:3px 15px 0 0; margin:0; } .val, .value, .input, td.input, td.mail-frm-td-val { width:60% !important; float:left; padding-right:0; margin:0; } .highslide-caption .value { width:auto !important; float:none; padding:0; } #content .captchaimage { width:auto; background:transparent; margin:0; } #content .captcha img, #content .mail-cap-img { vertical-align:top; margin:0 5px 0 0; width:70px; } /* formular-zu-email */ #content .fwformtomail { border:none; } /* seite weiterempfehlen */ #content .fwrecommend { border:none; } #content .fwrecommend form { margin:0; } #content .fwrecommend form > div { margin:0 0 2px; } #content .fwrecommend form > div:after { clear:both; content:""; display:table; line-height:0; } /* iframe */ #content .iframe { display:inline-block; } /* timetable */ #content .fwtimetable { clear:none; float:left; margin-right:20px; } #content .fwtimetable img { width:auto; height:auto; } /* blättern navigation */ #content .navigationtop { display:none; } #content .navigation { width:100%; font-size:0.75em; position:absolute; bottom:-35px; margin:0; } #content .navigation table.datanavigation { width:auto; font-size:1.5em; line-height:1em; margin:0; } #content .navigation table.datanavigation td { min-width:20px; height:25px; vertical-align:top; text-align:center; display:block; float:left; padding:0; margin:0; } #content .navigation table.datanavigation td img { display:none; } #content .navigation table.datanavigation td a { min-width:20px; height:25px; vertical-align:top; display:block; text-decoration:none; } #content .navigation table.datanavigation td.page, #content .navigation table.datanavigation td.page a { width:auto; font-size:0.8em; padding:0; } #content .navigation table.datanavigation td.first, #content .navigation table.datanavigation td.last { display:none; } #content .navigation table.datanavigation td.previous, #content .navigation table.datanavigation td.next { min-width:20px; } /* volltextsuche */ #content .fwsearch { position:relative; margin:0 0 70px; } #content .fwsearch .searchresult .item { overflow:hidden; margin:0 0 14px; } #content .fwsearch .searchresult .item .itemtitle a { text-decoration:none; font-weight:bold; } #content .fwsearch .navigation table.datanavigation {} #content .fwsearch .navigation table.datanavigation td.rsearch-left, #content .fwsearch .navigation table.datanavigation td.rsearch-center, #content .fwsearch .navigation table.datanavigation td.rsearch-right { width:auto; } #content .fwsearch .navigation table.datanavigation td.rsearch-left span, #content .fwsearch .navigation table.datanavigation td.rsearch-right span { display:none; } #content .fwsearch .navigation table.datanavigation td.rsearch-center span { float:left; margin:0 3px; } #content .fwsearch .navigation table.datanavigation td.rsearch-center a span { float:none; } #content .fwsearch .navigation table.datanavigation td.rsearch-center span, #content .fwsearch .navigation table.datanavigation td.rsearch-center a { display:inline-block; float:inherit; } #content .fwsearch .navigation table.datanavigation td.rsearch-center a { width:auto; } #content .fwsearch .navigation table.datanavigation td.rsearch-left, #content .fwsearch .navigation table.datanavigation td.rsearch-right { width:10px; height:20px; vertical-align:top; display:block; line-height:20px; } #content .fwsearch .navigation table.datanavigation td.rsearch-left, #content .fwsearch .navigation table.datanavigation td.rsearch-left a {} #content .fwsearch .navigation table.datanavigation td.rsearch-left a:hover {} #content .fwsearch .navigation table.datanavigation td.rsearch-right, #content .fwsearch .navigation table.datanavigation td.rsearch-right a {} #content .fwsearch .navigation table.datanavigation td.rsearch-right a:hover {} #content .fwsearch .navigation table.datanavigation td.rsearch-right { margin:0; } /* lists */ #content .datalist { padding:0; margin:0; } #content .datalist .item { cursor:pointer; position:relative; border-bottom:1px solid #000; padding:10px 5px 10px 0; margin:0; } #content .datalist .item a { text-decoration:none; } #content .datalist .item:hover { background-image:url("../background-orange.png"); background-repeat:repeat; } #content .datalist .item:hover a { color:#000; } #content .datalist .item>div { width:60%; float:right; margin:0; } #content .datalist .item .image { width:35%; min-height:70px; max-height:150px; float:left; line-height:0; padding:0; margin:0 5% 0 0; } #content .datalist .item .image img { position:relative; margin:0; } #content .datalist .item .title, #content .datalist .item h3 { padding:0; margin:5px 0; } #content .datalist .item .title a, #content .datalist .item h3 a { font-weight:bold; color:#000; } #content .datalist .item .lead, #content .datalist .item .description { height:70px; font-size:1em; line-height:1.6em; overflow:hidden; padding:0; margin:0 0 10px 0; } #content .datalist .item .more, #content .datalist .item .detailurl { width:auto; position:absolute; right:5px; bottom:5px; margin:0; } #content .datalist .item .back, #content .datalist .item .backurl { position:absolute; right:0; margin:0; } #content .datalist:after, #content .datalist .item:after { clear:both; content:""; display:table; line-height:0; } #content .datalist .separator { display:none; } /* expander panel */ #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item { font-size:0.85em; line-height:1.2em; border:none; padding:0; margin:0 0 7px; } #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item:hover { background:none; } #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item>div { width:100%; float:none; padding:0; margin:0 0 2px; } #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item .title { font-size:1.1em; line-height:1.4em; color:#24932d; margin:0; } #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item:hover .title, #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item:hover .title a { color:#000; } #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item .title a { color:#24932d; } #content #sidebar-right .fwexpander .expander-item .expander-content .datalist .item:hover a { color:#000; } /* home, submenu, wetter & wispo */ body.home #content #main .datalist .item, #content #main .fwsubmenu .datalist .item, #content #main .fwweather .datalist .item, #content #main .fwwispo .datalist li.object, #content #main .fwwispo .detail li { clear:none; float:left; width:29.5%; height:165px; overflow:hidden; background: #d5d6d7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTRlNGU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZWNlZGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZjBmMWYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjZjNmM2Y0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZjNmM2Y0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODIlIiBzdG9wLWNvbG9yPSIjZWZlZmYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjZTJlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #d5d6d7 0%, #e4e4e6 6%, #ecedee 12%, #f0f1f2 18%, #f3f3f4 29%, #f3f3f4 65%, #efeff0 82%, #e2e2e4 94%, #d5d6d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d6d7), color-stop(6%,#e4e4e6), color-stop(12%,#ecedee), color-stop(18%,#f0f1f2), color-stop(29%,#f3f3f4), color-stop(65%,#f3f3f4), color-stop(82%,#efeff0), color-stop(94%,#e2e2e4), color-stop(100%,#d5d6d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d6d7', endColorstr='#d5d6d8',GradientType=0 ); /* IE6-8 */ border:none; padding:0; margin:0 36px 36px 0; } body.home #content #main .datalist .item:hover, #content #main .fwsubmenu .datalist .item:hover { background-image:url("../background-orange.png"); background-repeat:repeat; } body.home #content #main .datalist .item:nth-child(3n+3), #content #main .fwsubmenu .datalist .item:nth-child(3n+3), #content #main .fwweather .datalist .item:nth-child(3n+3) { margin-right:0; } body.home #content #main .datalist .item div, #content #main .fwsubmenu .datalist .item div, #content #main .fwweather .datalist .item div { width:100%; float:none; display:none; font-size:1em; margin:0; } body.home #content #main .datalist .item .image, #content #main .fwsubmenu .datalist .item .image { height:115px; overflow:hidden; } body.home #content #main .datalist .item .image, #content #main .fwsubmenu .datalist .item .image, body.home #content #main .datalist .item .daterange, body.home #content #main .datalist .item .date, body.home #content #main .datalist .item .title, #content #main .fwsubmenu .datalist .item .title, #content #main .fwweather .datalist .item .image { max-width:100%; display:block; clear:both; } body.home #content #main .datalist .item .daterange, body.home #content #main .datalist .item .date, body.home #content #main .datalist .item .title, #content #main .fwsubmenu .datalist .item .title { padding:0 5px 4px; } body.home #content #main .datalist .item .daterange, body.home #content #main .datalist .item .date { font-size:0.9em; padding-bottom:0; } body.home #content #main .datalist .item .title { min-height:26px; } #content #main .fwsubmenu .datalist .item .title { min-height:49px; } body.home #content #main .datalist .item .title, #content #main .fwsubmenu .datalist .item .title { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } /* news auf home */ /* body.home #content #main .fwarticlelist .item { width:100%; clear:both; float:none; height:50px; background:none; margin-bottom:0; } body.home #content #main .fwarticlelist .item:hover { background:none; } body.home #content #main .fwarticlelist .item:hover a { color:#000; } body.home #content #main .fwarticlelist .item a { color:#24932d; } body.home #content #main .fwarticlelist .item > div { padding:0 !important; } */ body.home #content #main .fwarticlelist .item { height:50px; } body.home #content #main .fwarticlelist .item .image { display:none; } /* wetter */ #content #main .fwweather .datalist .item { height:100px; position:relative; cursor:auto; } #content #main .fwweather .datalist .item div { display:block; width:100% !important; text-align:center; position:absolute; padding:0; } #content #main .fwweather .datalist .item .image { top:0; padding:30px 0; margin:0; } #content #main .fwweather .datalist .item .image img { width:auto; } #content #main .fwweather .datalist .item .label { font-weight:bold; } #content #main .fwweather .datalist .item .temprange { bottom:25px; } /* submenu */ #content .fwsubmenu { margin:0; } /* deskline window */ #content .fwbookingframe { margin-left:-13px; } /* artikel, events, infrastruktur */ #content .fwarticlelist, #content .fweventcalendar, #content .fwinfrastructure { position:relative; margin-bottom:50px; } /* artikel, events, wispo */ /* expander panel */ #content #sidebar-right .fwexpander .expander-item .expander-content .fwarticlelist, #content #sidebar-right .fwexpander .expander-item .expander-content .fweventcalendar, #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo { display:block; border:none; padding:0; margin:0; } /* home */ body.home #content .fwarticlelist, body.home #content .fweventcalendar { margin:0; } /* events, infrastruktur */ #content .fwelement .detail .title { font-size:1.25em; font-weight:bold; } #content .fwelement .detail .image { width:100%; } #content .fwelement .detail .label { padding-top:0; } #content .fwelement .detail div { margin-left:0; } #content .fwelement .detail>div:after { clear:both; content:""; display:table; line-height:0; } #content .fwelement .detail .address, #content .fwelement .detail .openinghours { margin:0 0 15px; } #content .fwelement .detail .openinghours .openinghourstitle { font-weight:bold; } /* events, infrastruktur */ #content .fweventcalendar .search form, #content .fwinfrastructure .form { margin:0 0 30px; } #content .fweventcalendar .search form:after, #content .fwinfrastructure .form:after { clear:both; content:""; display:table; line-height:0; } /* events */ #content .fweventcalendar .search { margin:0; } #content .fweventcalendar .datalist .item .daterange { width:auto; max-width:60%; float:left; padding-right:5px; } #content .fweventcalendar .datalist .item .timerange:before { content:"|"; } #content .fweventcalendar .datalist .item .timerange { width:auto; float:left; } /* artikel */ #content .fwarticle div.title { font-size:2em; line-height:1.6em; font-weight:normal; letter-spacing:0.05em; color:#24932d; margin:0 0 20px; } /* expander panel */ #content #sidebar-right .fwexpander .expander-item .expander-content .fwarticlelist .navigation { display:none; } /* home */ body.home #content #main .fwarticlelist .navigation { display:none; } /* wispo */ #content .fwwispo img { width:1.5em !important; clear:both; float:none; width:auto; } #content #main .fwwispo .datalist li.object { clear:none; float:left; width:31%; height:4em; padding:5px; margin:0 3.5% 3.5% 0 !important; } #content #main .fwwispo .datalist li.object:nth-child(3n) { margin-right:0 !important; } #content #main .fwwispo .datalist li.object .object { width:65%; float:right; color:#000; } #content #main .fwwispo .datalist li.objecttype { line-height:1em; } #content #main .fwwispo .datalist li.objecttype ul { width:100%; display:table; padding-top:10px; } #content #main .fwwispo .datalist li.objecttype ul li.object span.object { line-height:1.1em; } #content #main .fwwispo .detail li {padding:5px; height:auto;} /* expander panel */ #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo ul.widget { margin-bottom:10px; padding:0; } #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo ul.widget .status { width:10%; height:15px; } #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo ul.widget li .status img { width:auto; } #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo ul.widget li:first-child:before { content:none; } #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo ul.widget .type { width:10%; height:15px; } #content #sidebar-right .fwexpander .expander-item .expander-content .fwwispo ul.widget .label { width:75% !important; padding:0; } /* quickfinder */ #content #sidebar-right .fwquickfinder { display:block; background: #f6d106; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZDEwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmQxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f6d106 0%, #ffbb00 50%, #f6d106 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6d106), color-stop(50%,#ffbb00), color-stop(100%,#f6d106)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6d106 0%,#ffbb00 50%,#f6d106 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6d106 0%,#ffbb00 50%,#f6d106 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6d106 0%,#ffbb00 50%,#f6d106 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6d106 0%,#ffbb00 50%,#f6d106 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d106', endColorstr='#f6d106',GradientType=0 ); /* IE6-8 */ border:2px solid #FFF; padding:0; margin:0; } #content #sidebar-right .fwquickfinder .booking { height:350px; position:relative; padding:10px 25px; } #content #sidebar-right .fwquickfinder .booking h2 { font-size:1.5em; margin:0; } #content #sidebar-right .fwquickfinder .booking .label, #content #sidebar-right .fwquickfinder .booking .value { padding-top:0; } #content #sidebar-right .fwquickfinder .booking table { width:100%; border-collapse:collapse; } #content #sidebar-right .fwquickfinder .booking table tr td { vertical-align:top; } #content #sidebar-right .fwquickfinder .booking table tr:first-child td, #content #sidebar-right .fwquickfinder .booking .label { padding-bottom:3px; } #lang-en #content #sidebar-right .fwquickfinder .booking .label { width:53%; } #lang-en #content #sidebar-right .fwquickfinder .booking .value { width:47%; } #content #sidebar-right .fwquickfinder .booking .location { top:50px; } #content #sidebar-right .fwquickfinder .booking .arrival { top:180px; } #content #sidebar-right .fwquickfinder .booking .departure { top:210px; } #content #sidebar-right .fwquickfinder .booking .stay { top:240px; } #content #sidebar-right .fwquickfinder .booking .rooms { top:90px; } #content #sidebar-right .fwquickfinder .booking .bookonly {} #content #sidebar-right .fwquickfinder .booking .location, #content #sidebar-right .fwquickfinder .booking .arrival, #content #sidebar-right .fwquickfinder .booking .departure, #content #sidebar-right .fwquickfinder .booking .stay, #content #sidebar-right .fwquickfinder .booking .rooms, #content #sidebar-right .fwquickfinder .booking .bookonly { width:80%; font-size:1.2em; line-height:1.2em; position:absolute; padding:0; } #content #sidebar-right .fwquickfinder .booking .bookonly { top:auto; bottom:20px; } #content #sidebar-right .fwquickfinder .booking .bookonly .label { display:none; } #content #sidebar-right .fwquickfinder .booking .bookonly .button { float:none; } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage { padding:3px; position:absolute; top:40px; left:0; z-index:10; background:url("background-calendar-white.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid rgba(0, 0, 0, 0.5); } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage { width:80%; height:auto !important; position:absolute; left:105%; top:22px; } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage td { text-align:left !important; padding:0 5px 5px !important; } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage td.lblchildrenage { text-align:center !important; padding-top:5px; } #content #sidebar-right .fwquickfinder .booking .stay tr td:first-child { padding-right:30px; } #content #sidebar-right .fwquickfinder .booking .stay tr td:nth-child(2) { text-align:right; } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage select { width:100%; } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage, #content #sidebar-right .fwquickfinder .booking input, #content #sidebar-right .fwquickfinder .booking select { height:22px; border:none; box-shadow:0px 0px 10px #777; background: #d5d6d7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTRlNGU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZWNlZGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZjBmMWYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjZjNmM2Y0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZjNmM2Y0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODIlIiBzdG9wLWNvbG9yPSIjZWZlZmYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjZTJlMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #d5d6d7 0%, #e4e4e6 6%, #ecedee 12%, #f0f1f2 18%, #f3f3f4 29%, #f3f3f4 65%, #efeff0 82%, #e2e2e4 94%, #d5d6d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d6d7), color-stop(6%,#e4e4e6), color-stop(12%,#ecedee), color-stop(18%,#f0f1f2), color-stop(29%,#f3f3f4), color-stop(65%,#f3f3f4), color-stop(82%,#efeff0), color-stop(94%,#e2e2e4), color-stop(100%,#d5d6d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d6d7 0%,#e4e4e6 6%,#ecedee 12%,#f0f1f2 18%,#f3f3f4 29%,#f3f3f4 65%,#efeff0 82%,#e2e2e4 94%,#d5d6d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d6d7', endColorstr='#d5d6d8',GradientType=0 ); /* IE6-8 */ padding:0; } #content #sidebar-right .fwquickfinder .booking .stay table.tablechildrenage input { box-shadow:none; } #content #sidebar-right .fwquickfinder .booking input[type=radio] { height:auto; box-shadow:none; } #content #sidebar-right .fwquickfinder .booking .arrival input, #content #sidebar-right .fwquickfinder .booking .departure input { width:100%; text-align:center; } #content #sidebar-right .fwquickfinder .booking tr td select { width:80%; text-align:center; margin:0 5px 0 0; } #content #sidebar-right .fwquickfinder .booking .rooms tr td select { width:25%; } #content #sidebar-right .fwquickfinder .booking .stay select { margin:0; } #content #sidebar-right .fwquickfinder .booking .location select { width:100%; } #content #sidebar-right .fwquickfinder .booking .bookonly .button input { width:100%; font-weight:bold; background:#000; padding:0; } #content #sidebar-right .fwquickfinder .booking .bookonly .button input:hover { background:#24932d; } /* expander */ #content #sidebar-right .fwexpander { display:block; border:none; padding:0; margin-bottom:4px; } #content #sidebar-right .fwexpander .expander-item { padding:0 0 6px; } #content #sidebar-right .fwexpander .expander-item .expander-content {} #content #sidebar-right .fwexpander .expander-item .maintitle { color:#24932d; padding:0 0 6px; margin:0; } #content #sidebar-right .fwexpander .expander-item .maintitle:hover { color:#000; } #content #sidebar-right .fwexpander .expander-item .subtitle { display:none; } #content #sidebar-right .fwexpander .expander-item .expander-seperator { border-bottom:1px solid #000; } #content #sidebar-right .fwexpander .expander-item .expander-content .fwelement ul.widget li:first-child:before { content:none; } /* social links */ #content ul.fwsociallinks { display:block; } #content #main ul.fwsociallinks { clear:none; float:right; } #content ul.fwsociallinks li:first-child:before { font-weight:bold; padding-right:12px; } #content ul.fwsociallinks li { display:inline-block; padding-right:5px; } #content ul.fwsociallinks li img { width:auto; } #content #sidebar-right li:first-child:before { content:"Follow us"; } /* cookieconsent */ .fwcookieconsent-container { font-size:1.2em; } .fwcookieconsent-container .cookieconsent-banner { width:100%; z-index:999999; background:#FFF; border-top:1px solid #777; position:fixed; bottom:0; left:0; animation-name:groDown; animation-duration:2s; 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 { display:inline; line-height:inherit; color:#000; } .fwcookieconsent-container .cookieconsent-banner .cookieconsent-readmore { display:inline; 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-size:1.4em; color:#000; text-decoration:none; border:none; border-radius:none; background:none; position:absolute; top:30px; right:30px; padding:0; } .fwcookieconsent-container .cookieconsent-banner .btn:before { display:none; } /******************************** * footer ********************************/ #footer { clear:both; width:100%; position:relative; border-top:1px solid #f6d106; padding-top:10px; margin-top:10px; } #footer .fwelement { display:none; margin:0; } #footer img { width:auto; } #footer:after { clear:both; content:""; display:table; line-height:0; } /* nav (level 3-4) */ #footer .nav { width:70%; float:left; padding:0; } #footer .nav ul.menu2items { width:100%; padding-bottom:5px; padding-left:25px; } #footer .nav ul.menu2items li.menu2 { width:33%; font-size:1em; } #footer .nav ul.menu2items li a { padding-bottom:10px; } #footer .nav ul.menu3items { display:block; padding:0 0 0 5px; } #footer .nav ul.menu3items li { font-size:0.9em; } /* logos */ #logos { width:30%; float:left; padding:9px 25px 0 15px; } /* trustyou */ #logos .fwtrustyou { display:block; margin:0 25px; } #logos .fwtrustyou .score { top:53px; } /* bild */ #logos .fwpicture-group { display:block; } /* social */ #social { clear:both; padding-bottom:10px; } /* social bookmarks */ #social .fwsocialbookmarks { display:block; padding-left:25px; margin:0 3px 0 0; } #social .fwsocialbookmarks:after { clear:both; content:""; display:table; line-height:0; } #social .fwsocialbookmarks .socialbookmark { margin:0 5px 0 0; } #social .fwsocialbookmarks .bookmark { margin-top:-2px; } /* finishweb */ #finishweb { position:absolute; right:25px; bottom:0; z-index:1; } /* bild */ #finishweb .fwpicture-group { display:block; }