/** * Custom Stylesheet for FinishWeb Site www.obergoms.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * This CSS resource incorporates links to font software which is the valuable copyrighted * property of FontShop International and/or its suppliers. You may not attempt to copy, install, * redistribute, convert, modify or reverse engineer this font software. Please contact FontShop * International with any questions regarding Web Fonts: http://www.fontfont.com * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * fz Fabian Zumoberhaus, BAR Informatik AG * * Changes: * 19.09.2013 bz initial version * 04.10.2013 bz updates * 24.10.2013 bz final version * 19.11.2013 bz updates * 12.12.2013 fz footer picture updated * 10.01.2014 bz updated right col * 10.04.2014 fz article subtitle added * 03.04.2015 bz updates responsiv re-design * 07.04.2015 bz final version responsive * 13.05.2015 bz updated eyecatcher-position * 26.06.2015 bz updated social bookmarks colors */ /************************************************************************************************** * Webfonts **************************************************************************************************/ @font-face { font-family:MetaWeb-Medium; src:url("../fonts/MetaWeb-Medium.eot");} @font-face { font-family:MetaWeb-Medium; src:url("../fonts/MetaWeb-Medium.woff") format("woff"); } @font-face { font-family:MetaScWeb-Medium; src:url("../fonts/MetaScWeb-Medium.eot"); } @font-face { font-family:MetaScWeb-Medium; src:url("../fonts/MetaScWeb-Medium.woff") format("woff"); } /************************************************************************************************** * Default styling of HTML-tags **************************************************************************************************/ body { font-family:Arial Regular, sans-serif; line-height: 1.6em; color:#000; } /******************************** * media ********************************/ /* Custom, iPhone Retina */ /* layout & layout-elements */ body { font-size:180%; } #header { height:170px; } #header #logo { top:0; } #header #camera { display:none; } #header #language { font-size:1.8em; line-height:2em; } #header #search form .searchstring { font-size:1.4em; color:#000; background:#FFF; border:none; border:1px solid #000; } #contenttools #social { display:none; } #footer-wrapper #footer #footer-content #advertising { float:none !important; width:100% !important; } /* general element settings */ #content .fwelement, #content > iframe, #content .lead { font-size:0.9em; line-height:1.4em; } /* content-elements */ #content .fwtext ul li:before, #content .fwparagraph ul li:before, #content .bookingsite ul li:before, #content .fwlinklist ul li:before { color:#ba0000; } #content .fwsubmenu .datalist .item .title { line-height:1.2em; } #sidebar-right .fwexpander .expander-titles { margin:9px 0; } #sidebar-right .fwexpander .expander-item .expander-titles .maintitle:before, #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-titles .maintitle:before { color:#000; } #sidebar-right .fwquickfinder .booking { font-size:1.2em; line-height:1.2em; } #footer-wrapper #address .fwtext { line-height:1.4em; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture { padding:0 20px 20px 0 !important; } /* nav */ #navmob > ul { background:transparent; } #header a.navlink:before { color:#FFF; } #header > a.navlink:before, #header #nav > a.navlink:before { font-size:2.4em; line-height:1.1em; } #navmob ul li:hover > a::before, #navmob ul li:hover > a::after, #navmob a::before, #navmob a::after, #navmob .menu2items .mm-subtitle a::before, #navmob .menu2items .mm-subtitle a::after { border-color:#FFF; } #navmob .menu2items a::before, #navmob .menu2items a::after, #navmob .menu3items a::before, #navmob .menu3items a::after, #navmob .menu4items a::before, #navmob .menu4items a::after { border-color:#000; } #navmob, #navmob > ul, #header #nav, #header #nav > ul, #header a.navshow, #navmob .menu2items > .mm-subtitle > a { background:#ba0000; } #navmob .menu1items > .menu1, #header #nav .menu1items > .menu1, #navmob .menu2items.mm-list { font-family:"MetaWeb-Medium"; font-size:1.8em; line-height:2.2em; border-bottom:1px solid #FFF; } #navmob .menu1items .menu1 > a, #header #nav .menu1items .menu1 > a, #navmob .mm-subtitle > a { color:#FFF; } #navmob .menu1items .menusel1 > a, #navmob .menu1items .menu1 > a:hover, #header a.navshow:hover, #header #nav .menu1items .menu1 > a:hover, #header #nav .menu1items .menu1hover > a, #header #nav .menu1items .menusel > a, #navmob .menu2items .mm-subtitle a { color:#000; } #navmob .menu2items, #header #nav .menu2items, #navmob .menu4items, #header #nav .menu4items { background-color:#f5e1e3; } #navmob .menu2items > .menu2, #header #nav .menu2items > .menu2 { font-size:0.55em; line-height:1.2em; } #navmob .menu2items > .menu2, #header #nav .menu2items > .menu2, #navmob .menu3items > .mm-subtitle, #navmob .menu4items > .mm-subtitle { font-family:Arial Regular, sans-serif; } #navmob .menu2items .menu2 a, #navmob .menu3items .menu3 a, #navmob .menu3items .mm-subtitle > a, #navmob .menu4items .menu4 a, #navmob .menu4items .mm-subtitle > a, #header #nav .menu2items .menu2 a { color:#000; } #navmob .menu3items, #header #nav .menu3items { background:#f4b6bc; } #navmob .menu2items > .menu2, #header #nav .menu2items > .menu2, #navmob .menu3items > .mm-subtitle, #navmob .menu4items > .mm-subtitle { border:none; } #navmob .menu3items .menu3, #header #nav .menu3items .menu3, #navmob .menu4items .menu4, #header #nav .menu4items .menu4 { border:none; } #header #nav a.navhide { background:#1c3a48; } #navmob .menu2items li:hover, #navmob .menu2items li.menusel2, #header #nav .menu1items .menu1 .menu2items li:hover, #header #nav .menu1items .menu1 .menu2items li.menusel2, #navmob .menu3items li:hover, #navmob .menu3items li.menusel3, #navmob .menu3items li.mm-subtitle, #header #nav .menu1items .menu1 .menu3items li:hover, #header #nav .menu1items .menu1 .menu3items li.menusel3, #navmob .menu4items li:hover, #navmob .menu4items li.menusel4, #navmob .menu4items li.mm-subtitle, #header #nav .menu1items .menu1 .menu4items li:hover, #header #nav .menu1items .menu1 .menu4items li.menusel4 { background-color:#ba0000; } #navmob .menu2items li:hover > a, #navmob .menu2items li.menusel2 > a, #header #nav .menu1items .menu1 .menu2items li:hover > a, #header #nav .menu1items .menu1 .menu2items li.menusel2 > a, #navmob .menu3items li:hover > a, #navmob .menu3items li.menusel3 > a, #navmob .menu3items li.mm-subtitle > a, #header #nav .menu1items .menu1 .menu3items li:hover > a, #header #nav .menu1items .menu1 .menu3items li.menusel3 > a, #navmob .menu4items li:hover > a, #navmob .menu4items li.menusel4 > a, #navmob .menu4items li.mm-subtitle > a, #header #nav .menu1items .menu1 .menu4items li:hover > a, #header #nav .menu1items .menu1 .menu4items li.menusel4 > a { color:#FFF; } #header #nav ul.menu3items > li.menu3 a { border:none; } #header #nav ul.menu2items > li.menu2 a { color:#000; } #header #nav .menu1items .menu1 .menu2items .menu2 .menu3items .menu3.haschildren > a:after { display:block; font-family:"FontAwesome"; content:"\f0da"; color:#ba0000 !important; position:absolute; top:5px; right:8px; } #header #nav .menu1items .menu1 .menu2items .menu2 .menu3items .menusel3.haschildren > a:after, #header #nav .menu1items .menu1 .menu2items .menu2 .menu3items .haschildren:hover > a:after, #header #nav .menu1items .menu1 .menu2items .menu2 .menu3items .menu3hover > a:after { content:"\f0d7"; color:#f5e1e3 !important; } #header #nav .menu4items { width:183px; top:0; left:183px; } #footer-wrapper #footer #footer-content .nav .menu2items { display:flex; width:100%; flex-flow:column wrap; -webkit-flex-flow:column wrap; } #footer-wrapper #footer #footer-content .nav .menu2items li { clear:both; float:none; } #footer-wrapper #footer #footer-content .nav .homelink { padding-bottom:30px; } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { /* layout & layout-elements */ body { font-size:140%; } #header #logo { top:-22px; } #header #camera { display:inline; } #header #language { font-size:1em; line-height:1.4em; } #header #social { left:121px; } #header #search form .searchstring { font-size:0.9em; color:#000; background:#FFF; border:none; border:1px solid #000; } #contenttools > a { float:left; } #contenttools #social { display:inline; } #footer-wrapper #footer #footer-content #advertising { float:right !important; width:60% !important; } /* content-elements */ #content .fwsubmenu .datalist .item .title { line-height:1.6em; } #content .fwrandomwebcamlist { top:20px; } #sidebar-right .fwquickfinder .booking { font-size:1em; line-height:1.8em; } #sidebar-right .fwexpander .expander-titles { margin:0; } #footer-wrapper #address .fwtext { line-height:1.2em; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group { float:right; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture { padding-right:10px !important; padding-bottom:0 !important; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(5) { padding-right:0 !important; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(6) { display:none; } /* nav */ #header #nav { background-color:#ba0000; } #header #nav .menu1items .menu1 > a { font-size:0.9em; padding:0 9px; } .autosite #header #nav .menu1items .menu1 > a { font-size:0.7em; line-height:3em; } #lang-en #header #nav .menu1items .menu1 > a { padding:0 8px; } #lang-nl #header #nav .menu1items .menu1 > a { padding:0 5px; } #lang-fr #header #nav .menu1items .menu1 > a { padding:0 7px; } #lang-it #header #nav .menu1items .menu1 > a { padding:0 8px; } .autosite #header #nav .menu1items .menu1 > a { padding:0 11px; } #lang-en.autosite #header #nav .menu1items .menu1 > a { padding:0 8px; } #lang-fr.autosite #header #nav .menu1items .menu1 > a { padding:0 12px; } #lang-nl.autosite #header #nav .menu1items .menu1 > a { padding:0 11px; } #lang-it.autosite #header #nav .menu1items .menu1 > a { padding:0 11px; } #header #nav .menu1items .menu1:after { background:#FFF; } #header #nav .menu1items .menu1 { border:none; } #header #nav .menu1items .menu1 .menu2items .menu2.haschildren a:after { color:#ba0000; } #header #nav .menu1items .menu1 .menu2items .menusel2.haschildren a:after, #header #nav .menu1items .menu1 .menu2items .haschildren:hover a:after, #header #nav .menu1items .menu1 .menu2items .menu2hover a:after { color:#f5e1e3; } #footer-wrapper #footer #footer-content .nav .menu2items { width:auto; } #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #footer-wrapper #footer #footer-content .nav { width:40%; } .autosite #footer-wrapper #footer #footer-content .nav { width:25%; } #lang-en #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-nl #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-fr #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-it #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { /* layout & layout-elements */ #footer-wrapper #footer #footer-content #advertising { width:65% !important; } /* content-elements */ #sidebar-right .fwquickfinder .booking { line-height:1em; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture, #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(5) { padding-right:20px !important; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture:nth-child(6) { display:inline-block; padding-right:0 !important; } /* nav */ #header #nav .menu1items .menu1 > a { font-size:1em; padding:0 18px; } .autosite #header #nav .menu1items .menu1 > a { font-size:1em; line-height:2.2em; } #lang-en #header #nav .menu1items .menu1 > a { padding:0 17px; } #lang-nl #header #nav .menu1items .menu1 > a { padding:0 14px; } #lang-fr #header #nav .menu1items .menu1 > a { padding:0 17px; } #lang-it #header #nav .menu1items .menu1 > a { padding:0 17px; } .autosite #header #nav .menu1items .menu1 > a { padding:0 11px; } #lang-en.autosite #header #nav .menu1items .menu1 > a { padding:0 8px; } #lang-fr.autosite #header #nav .menu1items .menu1 > a { padding:0 15px; } #lang-nl.autosite #header #nav .menu1items .menu1 > a { padding:0 11px; } #lang-it.autosite #header #nav .menu1items .menu1 > a { padding:0 11px; } #footer-wrapper #footer #footer-content .nav { width:35%; } .autosite #footer-wrapper #footer #footer-content .nav { width:25%; } #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-en #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-nl #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-fr #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } #lang-it #footer-wrapper #footer #footer-content .nav .menu2items li { padding-left:30px !important; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /******************************** * background ********************************/ /******************************** * header ********************************/ #header { font-size:12px; line-height:14px; } #header a { color:#707172; } #header a:hover { color:#000; } /* language */ #header #language { background:#ba0000; } #header #language .dropdown>a, #header #language .sel a, #header #language a:hover { color:#FFF; } #header #language .dropdown-menu > li > a { color:#000; } #header #language .language li.lang a { color:#FFF; } #header #language .language li.lang a:hover, #header #language .language li.langsel a { color:#ba0000; } #header #language .language li.separator { background:#FFF; } /* camera */ #header #camera { position:absolute; left:100px; } .autosite #header #camera { left:95px; } #header #camera a { display:block; width:2em; height:18px; background:#ba0000; padding:2px 4px; } #header #camera a:before { font-family:"FontAwesome"; content:"\f030"; font-size:1.2em; color:#FFF; } #header #camera:hover a:before { color:#000; } /* suchen */ #header #search form input { color:#FFF; } #header #search form input { background:transparent; border:none; } /******************************** * content ********************************/ #content a, #content .maintitle:hover, #content a:hover { color:#000; } /******************************** * main ********************************/ #main, #sidebar-right .fwelement { background:rgba(255,255,255,0.8); } #sidebar-right a { color:#707172; } /* position */ #content .nav #position li { font-size:0.8em; line-height:1.6em; } /* titel / elementtitel */ #content h1, #content .fwarticle .title, #content .bookingsite .welcome .header, #content .fwpicture-group2 .fwpicture .text, #content .fwrandomwebcamlist div h3, #content .bookingandnewsletter .fwquickfinder h2 { font-family:"MetaWeb-Medium"; font-size:1.4em; } /* variante überschrift 2 */ #content h2, #content h3, #content .fwparagraph .title, #content .list .title, #content .detail .title, #content .datalist span.objectgroup, #content .datalist .item-divider, #content .bookingobject .header { font-family:Arial Regular, sans-serif; font-size:1.1em; } /* variante überschrift-button */ #content #sidebar-right .fwtitle3 { display:block; padding-bottom:0; margin:0; } #content #sidebar-right .fwtitle3 h3 { font-size:14px; line-height:18px; color:#FFF; text-align:center; background:#BA0000; padding:2px; } /* bild & webcam */ /* rechte spalte */ #sidebar-right .fwpicture-group .fwpicture .text { color:#707172; } /* linkliste */ #content .fwlinklist ul.list li { background:transparent; } /* rechte spalte */ #sidebar-right .fwlinklist, #sidebar-right .fwlinklist .list { margin:0 !important; } #sidebar-right .fwlinklist .list li { padding-bottom:5px !important; } #sidebar-right .fwlinklist .list li a.active { line-height:19px; } /* tabelle */ #content table.fwtable, #content .fwtable table { border:none; } #content table.fwtable td, #content .fwtable table td, #content table.fwtable th, #content .fwtable table th { border:none; border-bottom:1px dotted #000; } #content table.fwtable th, #content .fwtable table th { border-bottom:1px solid #000; } #content table.fwtable td.i0, #content .fwtable table tr:nth-child(2n+1) td { background:rgba(255,255,255,0.8); } #content table.tab tr:hover td.i1, #content table.fwtable tr:hover td.i1, #content .fwtable table tr:nth-child(2n+2):hover td { color:#000; } #content table.tab tr:hover td.i1 a, #content table.fwtable tr:hover td.i1 a, #content .fwtable table tr:nth-child(2n+2):hover td a, #content table.tab tr:hover td.i1 a:hover, #content table.fwtable tr:hover td.i1 a:hover, #content .fwtable table tr:nth-child(2n+2):hover td a:hover { color:#000; } #content table.tab tr:hover, #content table.tab tr:hover td, #content table.fwtable tr:hover, #content .fwtable table tr:hover, #content table.fwtable tr:hover td, #content .fwtable table tr:hover td { color:#FFF !important; background-color:#ba0000; } #content table.tab tr:first-child:hover, #content table.fwtable tr:first-child:hover, #content .fwtable table tr:first-child:hover { color:#000 !important; } /* galerie */ #content div.fwgallery .fwnavigation table.datanavigation td.selected a { color:rgba(28,58,72,1); } #content div.fwgallery a img { border:none; } #content div.fwgallery .fwgallery .thumbnail { border:none; } .highslide-container { 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 .field input, #content input[type=text], #content input[type=date], #content input[type=password], #content textarea, #content select { color:#000; border:1px solid #000; } #content .range input[type=text] { color:#000; } #content .form .captcha input, #content input.mail-frm-cap { border:1px solid #000; } #content .fwecard #field_captcha #captcha input.input { border:1px solid #000; background:transparent; } #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; background:#ba0000; } #content .fwsearch 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 { border:none; } #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 { color:#000; } /* labels / prefix / divs */ #content .mail-cap-img { background:transparent; } #content .captcha img, #content .mail-cap-img { border:2px solid #000; } /* formular-zu-email */ #content .fwformtomail { border:none; } /* seite weiterempfehlen */ #content .fwrecommend { border:none; } /* blättern navigation */ #content .navigation table.datanavigation td:before, #content .navigation table.datanavigation td a:before { color:#ba0000; } #content .navigation table.datanavigation td:hover a:before { color:#000; } /* abstand */ /* rechte spalte */ #content .fwspace1 { display:block; padding:0; } /* mediabox */ #content .fwmediabox { background:transparent; } #content .fwmediabox .sources, #content .fwelement .sliderkit-photogallery .sliderkit-nav { background:rgba(255,255,255, 0.8); } #content .fwelement .sliderkit-photogallery .sliderkit-nav-clip ul .sliderkit-selected a { border:none; } #content .fwelement .sliderkit-photogallery .sliderkit-nav-clip ul .sliderkit-selected a img { border:2px solid #FFF; } #content .fwmediabox .sources li { color:#000; } #content .fwmediabox .panels { border:1px solid rgba(255,255,255, 0.8); } /* lists & expander */ #content .datalist .item { background:rgba(255,255,255, 0.8); border-bottom-color:#ba0000; } #content .datalist .item:hover, #content .fwsubmenu .datalist .item:hover, #content .fwinfrastructure .datalist .item:hover, #content .fwexpander .expander-item.expanded, #content .fwexpander .expander-item:hover { background:#ba0000; } #content .datalist .item h3 a, #content .datalist .item .title a { color:rgba(28,58,72,1); } #content .datalist .item:hover, #content .datalist .item:hover a { color:#FFF; } /* submenu, wetter, wispo & timetable */ #content .fwsubmenu .datalist .item, #content .fwweather .datalist .item, #content .fwwispo .datalist li.object, #content .fwtimetable > div { background:rgba(255,255,255, 0.8); border:none; } #content .fwsubmenu .datalist .item div, #content .fwweather .datalist .item div { font-size:1em; color:#000; } #content .fwsubmenu .datalist .item .title a { color:#000; } #content .fwsubmenu .datalist .item:hover .title a { color:#FFF; } /* details */ #content .fwelement .back a, #content .fwelement .backurl a { color:#707172; } #content .fwelement .back a:hover, #content .fwelement .backurl a:hover { color:#000; } /* wispo */ #content .fwwispo .datalist li.object .object { color:#000; } #content .fwwispo .datalist li.objecttype ul li.object span.object { line-height:1.1em; } /* wetter */ /* rechte spalte */ #sidebar-right .fwweather { font-size:0.8em; line-height:1.4em; } /* timetable */ #content .fwtimetable div div, #content .fwtimetable h1 { background:transparent !important; } /* events */ #content .fweventcalendar .datalist .item-divider { background:transparent; } /* expander */ #content .fwexpander .expander-item:hover .expander-titles, #content .fwexpander .expander-item:hover .expander-titles .maintitle, #content .fwexpander .expander-item:hover .expander-content { color:#FFF; } #content .fwexpander .expander-item .expander-seperator { border-bottom:1px solid #ba0000; } /* rechte spalte & fusszeile */ #sidebar-right .fwexpander .expander-item:hover .expander-titles, #sidebar-right .fwexpander .expander-item:hover .expander-titles .maintitle, #sidebar-right .fwexpander .expander-item:hover .expander-content { color:#000; } #sidebar-right .fwexpander .expander-item .expander-content .fwelement { background:transparent; } #sidebar-right .fwexpander .expander-item.expanded, #sidebar-right .fwexpander .expander-item:hover { background:transparent; } #sidebar-right .fwexpander .expander-item .expander-seperator { border:none; } /* artikel */ #content .fwarticlelist .subtitle, #content .fwarticle .subtitle { float:none !important; width:100% !important; font-style:italic; margin:0 0 5px !important; } #content .fwarticle .subtitle { clear:both; } /* mini-shop */ #content div.fwformshop { overflow:hidden; } #content div.fwformshop table.formshop-art, #content div.fwformshop table.formshop-art tr td { border:none; } #content div.fwformshop table.formshop-art tr td { background:rgba(255,255,255, 0.8); border-bottom:1px solid #FFF; } #content div.fwformshop table.formshop-art tr td input { border:1px solid #000; } #content div.fwformshop table.formshop-art tr td img { width:auto; max-width:223px; border:1px solid #1A171B; margin:0; } #content div.fwformshop table.formshop-art tr:hover td { color:#FFF; background-color:#ba0000; background-image:none; } #content div.fwformshop table.formshop-art tr:hover td:first-child { cursor:auto; } #content div.fwformshop table.formshop-art tr:hover td a { color:#FFF; } #content div.fwformshop div.formshop-frm { border:none; padding:0; } #content div.fwformshop div.formshop-frm div.formshop-txt-above {} #content div.fwformshop div.formshop-frm table.formshop-form-adress { border-collapse:collapse; } #content div.fwformshop div.formshop-frm table.formshop-form-adress, #content div.fwformshop div.formshop-frm table.formshop-form-adress tbody, #content div.fwformshop div.formshop-frm table.formshop-form-adress tr, #content div.fwformshop div.formshop-frm table.formshop-form-adress td { display:block; } #content div.fwformshop div.formshop-frm table.formshop-form-adress .captcha input, #content div.fwformshop div.formshop-frm .formshop-txt-tot input { width:31% !important; } #content div.fwformshop div.formshop-frm div.formshop-txt-pay { margin-top:5px; } #content div.fwformshop div.formshop-frm div.formshop-txt-tot { padding:5px 0; margin-top:5px; } #content div.fwformshop div.formshop-frm div.formshop-txt-tot input { width:30px; color:#000; background:transparent; border:none; } #content div.fwformshop div.formshop-frm div.formshop-txt-but { text-align:right; } #content div.fwformshop div.formshop-frm div.formshop-txt-but input { float:none; color:#FFF; border:none; background:#ba0000; padding:2px 20px; } #content div.fwformshop div.formshop-frm div.formshop-txt-but input:hover { color:#000; cursor:pointer; } #content div.fwformshop div.formshop-frm div.formshop-txt-below { margin:20px 0 0; } body.fwformshop-popup-body { width:613px; min-width:545px; background:#FFF; } body.fwformshop-popup-body div.fwformshop-popup { width:545px; height:400px; position:absolute; padding:20px 25px; } body.fwformshop-popup-body div.fwformshop-popup h1 { font-family:"Arial"; font-weight:normal; float:left; font-size:18px; margin:0 0 14px; } body.fwformshop-popup-body div.fwformshop-popup div.popup-left img { width:235px; margin:0 22px 14px 0; } body.fwformshop-popup-body div.fwformshop-popup div.popup-description { width:235px; } /* quickfinder */ /* rechte spalte */ #content #sidebar-right .fwquickfinder { margin-bottom:15px; } /* booking and newsletter (facebook-layout) */ #content .bookingandnewsletter h1 { font-size:1.5em; } #content .bookingandnewsletter .fwquickfinder, #content .bookingandnewsletter .fwnewsletterbox { background:rgba(255,255,255, 0.8); } /* kalender-auswahl */ div.ui-datepicker { background:rgba(255,255,255,0.8); border-color:#ba0000; } div.ui-datepicker div.ui-datepicker-header { color:#FFF; background:#ba0000; } 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:#FFF; } div.ui-datepicker table.ui-datepicker-calendar td a.ui-state-active { border-color:#ba0000; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end a { background:#FFF; } 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 { color:#FFF; background:#ba0000 !important; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active { color:#FFF !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:#000; border-color:#ba0000; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-col { color:#555; padding:2px 0 0; } div.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-child(even) td a.ui-state-default { background:#d0d0d0; border:1px solid #bbb; } div.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-child(even) td.ui-datepicker-week-end a { background:#e7e7e7; } div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-col { background:#F5E1E3; } 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 { background:#F4B6BC; } /* bookingsite */ #content .bookingsite .imagescroll .buttonprev, #content .bookingsite .imagescroll .buttonnext { font-size:1.4em; } /* bookingactionlinks */ /* rechte spalte */ #sidebar-right .bookingactionlinks .actionlink { font-size:1.2em; line-height:1.2em; } /* bookingmenu */ /* rechte spalte */ #sidebar-right .bookingmenu ul li.menusel1 > a, #sidebar-right .bookingmenu ul li.menusel2 > a, #sidebar-right .bookingmenu ul li.menusel3 > a, #sidebar-right .bookingmenu ul li.menusel4 > a { color:#000; } /* contenttools */ #contenttools a { line-height:1.4em; background:#e6e6e6; } #contenttools a:before { color:#000; } #contenttools a:hover { background:#ba0000; } #contenttools a:hover:before { color:#FFF; } /* social bookmarks */ #contenttools #social { float:left; } #contenttools #social .fwsocialbookmarks { font-size:1em; } #contenttools #social .fwsocialbookmarks .socialbookmark { margin:0; } #contenttools #social .fwsocialbookmarks .socialbookmark:hover a:before { color:#FFF; } #contenttools #social .fwsocialbookmarks .socialbookmark:nth-child(1) a:before { content:"\f09a"; } #contenttools #social .fwsocialbookmarks .socialbookmark:nth-child(1):hover a { background:#3b5998; } #contenttools #social .fwsocialbookmarks .socialbookmark:nth-child(2) a:before { content:"\f099"; } #contenttools #social .fwsocialbookmarks .socialbookmark:nth-child(2):hover a { background:#32c7f7; } #contenttools #social .fwsocialbookmarks .socialbookmark:nth-child(3) a:before { content:"\f0d5"; } #contenttools #social .fwsocialbookmarks .socialbookmark:nth-child(3):hover a { background:#bd3518; } /* quickfinder */ /* rechte spalte */ #sidebar-right .fwquickfinder .booking .bookonly .button { font-size:1.2em; line-height:1.4em; } /******************************** * footer-wrapper ********************************/ #footer-wrapper { font-size:0.85em; line-height:1.2em; } #footer-wrapper a { color:#000; } /******************************** * address ********************************/ #footer-wrapper #address { background:rgba(186,0,0, 0.6); } /* text */ #footer-wrapper #address .fwtext { color:#FFF; } #footer-wrapper #address .fwtext p a { color:#FFF; } /******************************** * footer ********************************/ #footer-wrapper #footer { background:rgba(255,255,255,0.8); } /******************************** * footer-content ********************************/ /* expander */ #footer-wrapper #footer #footer-content .fwexpander .expander-item:hover .expander-titles, #footer-wrapper #footer #footer-content .fwexpander .expander-item:hover .expander-titles .maintitle, #footer-wrapper #footer #footer-content .fwexpander .expander-item:hover .expander-content { color:#000; } #footer-wrapper #footer #footer-content .fwexpander .expander-item .expander-content .fwelement { background:transparent; } #footer-wrapper #footer #footer-content .fwexpander .expander-item.expanded, #footer-wrapper #footer #footer-content .fwexpander .expander-item:hover { background:transparent; } /* quicklinks (level 2) */ #footer-wrapper #footer #footer-content .nav .menu2items li.menusel2 a { color:#000;} /* bild */ #footer-wrapper #footer #footer-content #advertising .fwpicture-group .fwpicture { width:auto !important; min-width:auto !important; padding-top:0 !important; } #footer-wrapper #footer #footer-content #advertising .fwpicture-group > .clear { display:none; }