/** * Custom Stylesheet for FinishWeb Site www.heidazunft.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * jv Jean-Marc Vogel, BAR Informatik AG * * Changes: * 05.05.2011 bz initial version * 07.06.2011 jv updates * 08.07.2011 bz updates * 22.07.2011 bz final version * 20.07.2013 bz updates * 04.07.2014 bz updates * 11.03.2016 bz new table style */ /************************************************************************************************** * 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 { font-family: Verdana,sans-serif; font-size: 70%; line-height: 1.6em; margin-top:0; color:#000000; } /************************************************************************************************** * Custom classes **************************************************************************************************/ /* Floating */ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; font-size:0px; height:0px; line-height:0px; display:inline; } .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 **************************************************************************************************/ /******************************** * page ********************************/ #page { width:998px; margin:0 auto; background-color:#FFFFFF; border-bottom:1px solid #356768; border-right:1px solid #356768; background:url("background-left.gif") repeat-y 0 0 transparent; } /******************************** * header ********************************/ #header { height:120px; clear:both; overflow:hidden; background:url("background-topleft.png") no-repeat 0 0 transparent; } #header #logo { width:195px; height:99px; padding:2px 0 0 80px; float:left; } #header #navigation-top { width:683px; margin:53px 0 0 20px; float:left; } /******************************** * main ********************************/ #main { padding:0px; margin: 0px; min-height:420px; height:auto !important; height:420px; background:url("background-content.gif") no-repeat scroll 565px 97px transparent; } #main:after { clear:both; content:""; display:table; line-height:0; } /******************************** * leftcol ********************************/ #leftcol { width:275px; float:left; padding:43px 0 0; background:url("background-topleft.png") no-repeat scroll 0 -120px transparent; } #leftcol #navigation-left { width:210px; min-height:157px; padding:20px 20px 0 20px; clear:both; } #leftcol #quicklinks { width:210px; padding:120px 40px 0; clear:both; } /******************************** * maincol ********************************/ #maincol { width:703px; margin:0 0 0 20px; float:left; padding-top:20px; display:inline; } #maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:0px; padding-bottom:0px; } /******************************** * footer ********************************/ #footer { clear:both; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * page ********************************/ #page .fwelement { clear:none; } /******************************** * header ********************************/ #header .fwelement { margin:0px; display:none; } /* bild */ #header div.fwpicture-group, #header div.fwpicture-group div.fwpicture { margin-bottom:0px; display:block; } /* level 1 */ #header #navigation-top ul.menu1items { list-style-type: none; margin: 0; padding: 0; } #header #navigation-top ul.menu1items li.menu1 { font-size:14px; letter-spacing:1px; overflow:hidden; text-align:left; text-transform:uppercase; float:left; margin:0 10px 10px 0; } #header #navigation-top ul.menu1items li.menu1 a { display:block; font-weight:bold; text-decoration:none; color:#000000; padding:0 6px; height:18px; border:1px solid #000000; } #header #navigation-top ul.menu1items li.menu1 a:hover { color:#FFFFFF; text-decoration:none; background-color:#01685D; } #header #navigation-top ul.menu1items li.menusel1 { } #header #navigation-top ul.menu1items li.menusel1 a { background-color:#01685D; color:#FFFFFF; } /******************************** * main ********************************/ #main .fwelement { margin:0px; } /******************************** * leftcol ********************************/ #leftcol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:10px; padding-bottom:0px; } /* men� (level 2) */ #leftcol a { text-decoration:none; } #leftcol #navigation-left ul { } #leftcol #navigation-left ul li {} /* level 2 */ #leftcol #navigation-left ul.menu2items { list-style-type: none; margin: 0; padding: 0; } #leftcol #navigation-left ul.menu2items li.menu2 { font-size:12px; text-transform:uppercase; letter-spacing:1px; clear:both; overflow:hidden; text-align:center; margin:0 0 10px 0; width:190px; } #leftcol #navigation-left ul.menu2items li.menu2 a { display:block; font-weight:bold; color:#01685D; height:18px; background-color:#FFFFFF; border:1px solid #01685D; } #leftcol #navigation-left ul.menu2items li.menu2 a:hover { color:#FFFFFF; background-color:#01685D; border:1px solid #FFFFFF; } #leftcol #navigation-left ul.menu2items li.menusel2 a { font-weight:bold; color:#FFFFFF; background-color:#01685D; border:1px solid #FFFFFF; } /* quicklinks */ /* level 2 */ #leftcol #quicklinks ul.menu2items { list-style-type: none; margin: 0; padding: 0; } #leftcol #quicklinks ul.menu2items li { font-size:12px; overflow:hidden; text-align:left; clear:both; } #leftcol #quicklinks ul.menu2items li a { font-weight:normal; color:#01685D; height:18px; } #leftcol #quicklinks ul.menu2items li a:hover { color:#000000; } #leftcol #quicklinks ul.menu2items li.active { } #leftcol #quicklinks ul.menu2items li.active a { font-weight:bold; color:#000000; } #leftcol #quicklinks ul.menu2items li.menuid-7-vi { padding-top:5px; } #leftcol #quicklinks ul.menu2items li.menuid-7-vi a { font-weight:bold; } /******************************** * maincol ********************************/ #maincol .fwelement, #maincol .fwelement-group { margin:0 20px 15px 0; padding-bottom:0px; font-size:12px; line-height:20px; } #maincol .fwelement p { margin:0 0 10px 0; } #maincol .fwelement table { border-spacing:0; } #maincol .fwelement th p, #maincol .fwelement td p { margin:0px; } #maincol .fwelement ul { margin-top:0px; margin-bottom:0px; } #maincol .fwelement a { color:#01685D; font-weight:bold; text-decoration:none; } #maincol .fwelement a:hover { color:#000000; font-weight:bold; text-decoration:none; } #maincol table.tab, #maincol table.text { font-size:12px; line-height:20px; border:none; border-spacing:0; border-collapse:collapse; } #maincol table.tab a, #maincol table.text a { color:#01685D; font-weight:bold; text-decoration:none; } #maincol table.tab a:hover, #maincol table.text a:hover { color:#000000; font-weight:bold; text-decoration:none; } #maincol table.tab td, #maincol table.text td { background-color:transparent; border:none; vertical-align:top; } #maincol .clear { font-size:0px; height:0px; line-height:0px; } /* titel */ #maincol div.fwtitle { height:24px; overflow:hidden; background:url("background_title.png") no-repeat right top #01685D; padding:10px 5px 0; margin:0 0 15px 0; } #maincol div.fwtitle h1 { font-size:20px; letter-spacing:1px; color:#FFFFFF; font-weight:normal; } #maincol div.fwtitle div.picture { display:none; } #maincol div.fwtitle div.picture-left { display:none; } #maincol div.fwtitle div.picture-right { display:none; } #maincol div.fwtitle img.titleasimage {} #maincol div.fwtitle1 { height:36px; margin:0 0 20px 0; } /* variante �berschrift 2 */ #maincol div.fwtitle2 { background:none; padding:0 0 0; } #maincol div.fwtitle2 h2 { color:#01685D; font-size:14px; } /* text */ #maincol div.fwtext { } /* bild */ #maincol div.fwpicture-group {} #maincol div.fwpicture-group div.fwpicture { margin: 0em 0em 1em 0; } #maincol div.fwpicture-group div.fwpicture div.picture { overflow: hidden; } #maincol div.fwpicture-group div.fwpicture div.text { margin-top: 0.5em; } /* abschnitt */ #maincol div.fwparagraph { clear:both; } #maincol div.fwparagraph p.title { margin-bottom:0px; } #maincol div.fwparagraph div.picture { } #maincol div.fwparagraph div.picture-left { float:left; } #maincol div.fwparagraph div.picture-right { float:right; } #maincol div.fwparagraph div.float-left {} #maincol div.fwparagraph div.float-right {} /* link */ #maincol div.fwlink { margin:0 0 0 0; } #maincol div.fwlink div.image { width:160px; height:auto; text-align:center; margin:0 10px 20px 0; } #maincol div.fwlink div.label { width:115px; text-align:right; } /* 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; } #maincol div.fwlinklist ul.list li img { margin:0 10px 0 0; } /* tabelle */ #maincol table.fwtable { width:638px; border:none; } #maincol table.fwtable td, #maincol table.fwtable th { height:20px; border: none; border-bottom:1px solid #01685D; padding:0 10px 0 0; vertical-align:top; } #maincol table.fwtable th.f, #maincol table.fwtable td.f { text-align:left; } #maincol table.fwtable th { font-weight:bold; } #maincol table.fwtable td.i1 { background-color: transparent; } #maincol table.fwtable td.i1 a {} #maincol table.fwtable td.i0 { background-color: transparent; } #maincol table.fwtable td.i0 a {} #maincol table.fwtable td.separator { height:25px; } /* schmal */ #maincol table.fwtable1 { width:319px; } #maincol table.fwtable1 th.c1, #maincol table.fwtable1 td.c1 { text-align:right; padding-right:0; } /* 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:#FFFFFF; } /* 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 {} /* galerie */ #maincol div.fwgallery { width: 100%; clear: both; } #maincol div.fwgallery a img { border: none; } #maincol div.fwgallery table.fwgallery { clear: both; } #maincol div.fwgallery table.fwgallery td.item { text-align: center; } #maincol div.fwgallery table.fwgallery td.thumbnail { padding: 0 16px 16px 0; height: 10em; vertical-align: middle; text-align: left; border: none; } #maincol div.fwgallery table.fwgallery td.thumbnail div.highslide-caption { display:none; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.first { display:none; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.last { display:none; } #maincol div.fwgallery div.navigationitem { } #maincol div.fwgallery div.fwnavigation table.datanavigation { margin:0 0 0 0; } #maincol div.fwgallery div.fwnavigation table.datanavigation td { height:20px; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.selected a { color:#000000; } /* mitteilungen (db, formular-zu-email) */ div.message, span.message { font-size:13px; line-height:20px; margin:0 0 10px 0; font-weight:bold; } div.okmessage, span.okmessage { color:green; } div.nokmessage, span.nokmessage { color:red; } /* formular-zu-email */ #maincol div.fwformtomail { padding: 0; border: none; } #maincol div.fwformtomail span.mail-frm-success { color: #00ff00; } #maincol div.fwformtomail span.mail-frm-err { color: #ff0000; } #maincol div.fwformtomail table.mail-tbl { margin: 0; } #maincol div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but { margin: 0; } #maincol div.fwformtomail table.mail-tbl form.mail-frm table { border-collapse:collapse; } /* g�stebuch */ #maincol div.gb {} #maincol div.gb a { color: #01685D; text-decoration: none; font-weight:bold; } #maincol div.gb a:hover { color: #000000; text-decoration: none; } #maincol div.gb a img { border:none; } #maincol div.gb span.nokmessage { font-weight: bold; color: #200; } #maincol div.gb table.text table { margin: 15px 0; } #maincol div.gb table.text td.style-1 { font-weight: bold; } #maincol div.gb form.frm-frm td { padding-bottom: 2px; vertical-align: top; } #maincol div.gb form.frm-frm td input.frm-frm-txt { vertical-align: top; } #maincol div.gb form.frm-frm td img.captcha { margin-right: 6px; } #maincol div.gb td, #maincol div.gb p { font-size: 12px; line-height: 17px; } #maincol div.gb form.frm-frm tr {} /* faq */ #maincol div.fwfaqlist {} #maincol div.fwfaqlist div.faq { border-bottom:1px solid #01685D; line-height:20px; } #maincol div.fwfaqlist div.faq div.question { font-weight:bold; padding:2px 0 2px 5px; } #maincol div.fwfaqlist div.faq div.question a { color:#01685D; } #maincol div.fwfaqlist div.faq div.question a:hover { color:#000000; } #maincol div.fwfaqlist div.faq div.questionsel { background-image:url("background-box.png"); background-color:transparent; } #maincol div.fwfaqlist div.faq div.answer { background-image:url("background-box.png"); padding-left:5px; } #maincol div.fwfaqlist div.faq div.answer p { padding-bottom:10px; } /* db-tabellen */ #maincol .frm-frm table.text { margin:0 0 15px 0; } #maincol .frm-frm table.text td {} #maincol .frm-frm table.text td table { border:none; border-spacing:0; border-collapse:collapse; } #maincol .frm-frm table.text td table td { vertical-align:top; } #maincol .frm-frm table.text td table td.frm-txt { padding:0 10px 0 0; } #maincol .frm-frm table.text td table td.frm-val { padding:0 10px 0 0; } #maincol .frm-frm table.text td table td.frm-but { } #maincol table.text { margin:0 0 15px 0; } #maincol table.tab { margin:0 0 15px 0; } #maincol table.tab td { width:175px; border-bottom:1px solid #01685D; padding:0; vertical-align:top; } #maincol table.tab1 td { vertical-align:middle; } #maincol table.tab1 td img { margin:2px 0; } #maincol table.tab td.h {} #maincol table.tab td.i1 {} #maincol table.tab td.i0 {} #maincol table.tab td.f { width:150px !important; } #maincol table.datanavigation { margin:0 0 15px 0; } #maincol table.datanavigation td { height:20px; vertical-align:middle; } #maincol table.datanavigation td.first { display:none; } #maincol table.datanavigation td.previous {} #maincol table.datanavigation td.next {} #maincol table.datanavigation td.last { display:none; } #maincol table.datanavigation td.text { padding:0 5px; } #maincol div.layout-kontakt-person-detail { margin:0 0 15px 0; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact { } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails { clear:both; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div { float:left; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactpicture { width:140px; height:162px; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactdata { width:300px; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactdata table { border:none; border-spacing:0; border-collapse:collapse; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactdata table td { padding:0 10px 0 0; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactdata table td.lbl { width:100px; } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactdata table td.val { } #maincol div.layout-kontakt-person-detail table.text div.fwspecial-contact div.contactdetails div.contactvinestocklink { text-align:center; padding:20px 0 0 45px; } /* organigramm eintr�ge */ #maincol div.fwtext4 { clear:both; width:120px; text-align:center; margin:0 0 0 272px; border:1px solid #01685D; background-image:url("background-box.png"); } #maincol div.fwtext5 { clear:none; width:120px; text-align:center; float:left; margin:0 14px 0 0; border:1px solid #01685D; background-image:url("background-box.png"); } /* organigramm verbinderlinien */ #maincol div.fwspecial-organizationchartlines { margin:0 0 0 5px; } #maincol div.fwspecial-organizationchartcenterline { clear:both; margin:0 0 0 275px; } #maincol div.fwspecial-organizationchartcenterline div.fwpicture-group, #maincol div.fwspecial-organizationchartlines div.fwpicture-group { margin:0 0 0 0; } #maincol div.fwspecial-organizationchartcenterline div.fwpicture-group div.fwpicture, #maincol div.fwspecial-organizationchartlines div.fwpicture-group div.fwpicture { margin:0 0 0 0; } /* vineyard */ #maincol div.fwspecial-vineyard {} #maincol div.fwspecial-vineyard a.vinestock { display:block; width:24px; height:35px; float:left; margin:1px; } #maincol div.fwspecial-vineyard a.vinestock-sold { background:url("grape.png") no-repeat center center; } #maincol div.fwspecial-vineyard a.vinestock-free { cursor:default; background:url("background-box.png"); } #maincol div.fwspecial-vineyard a.vinestock-none { background-color: transparent; } #maincol div.fwspecial-vineyard div.vinestock-number { display: block; font-weight: bold; color: #609A93; margin: 1px; float: left; } #maincol div.fwspecial-vineyard div.vinestock-number-vertical { width: 15px; height: 25px; padding-top: 10px; } #maincol div.fwspecial-vineyard div.vinestock-number-horizontal { width: 24px; height: 30px; padding-top: 5px; text-align: center; } #maincol div.fwspecial-vineyard div.vinestock-number-edge { display: block; width: 20px; height: 35px; float: left; margin: 1px; } #maincol div.fwspecial-vineyard .clear { display: block; } div.fwspecial-vinestockpopup { display: none; } .qtip-content { padding: 0 !important; position: relative; } .qtip-content a.vinestockpopup-close { display: block; position: absolute; top: 0px; right: 0px; width: 32px; height: 32px; background-image: url('close-qtip.gif'); background-position: center center; background-repeat: no-repeat; text-decoration: none; } .qtip-content div.vinestockinfo-name { font-weight: bold; padding: 7px 12px; text-align: center; font-size: 1em; background-color: #80BCB5; color: #000000; } .qtip-content div.vinestockinfo-contact { overflow: hidden; font-size: 0.8em; padding: 7px; } .qtip-content div.vinestockinfo-picture { float: left; width: 140px; height: 162px; } .qtip-content div.vinestockinfo-data { margin: 20px 0; } .qtip-content div.vinestockinfo-data table { margin: 0 auto; border:none; border-spacing:0; border-collapse:collapse; } .qtip-content div.vinestockinfo-data table td { padding:0 10px 0 0; } .qtip-content div.vinestockinfo-data table td.lbl { text-align: right; font-weight: bold; } .qtip-content div.vinestockinfo-data table td.val { text-align: left;} .qtip-content div.vinestockfree-content { padding: 50px 10px; font-size: 0.8em; } /* event */ #maincol div.fweventcalendar {} #maincol div.fweventcalendar div.search { margin:0 0 24px 0; } #maincol div.fweventcalendar div.navigation { margin:0 0 24px 0; } #maincol div.fweventcalendar div.navigation table { width:80px; margin-left:auto; margin-right:auto; } #maincol div.fweventcalendar div.navigation table td img { border:none; } #maincol div.fweventcalendar div.navigation table td.first { text-align:right; } #maincol div.fweventcalendar div.navigation table td.previous { text-align:right; padding-right:3px; } #maincol div.fweventcalendar div.navigation table td.next { text-align:left; padding-left:3px; } #maincol div.fweventcalendar div.navigation table td.last { text-align:left; } #maincol .fweventcalendar .list {} #maincol .fweventcalendar .list .item { margin:0 0 24px 0; } #maincol .fweventcalendar .list .item div.title { font-size:14px; } #maincol .fweventcalendar .list .item div.title a {} #maincol .fweventcalendar .list .item div.location { } #maincol .fweventcalendar .list .item div.daterange { } #maincol .fweventcalendar .list .item div.timerange { } #maincol .fweventcalendar .list .item div.description { } #maincol .fweventcalendar .list .item div.detailurl { text-align:left; padding:15px 0 0 0; border-bottom:1px solid #01685D; } #maincol div.fweventcalendar div.detail div.title {} /* passwort vergessen */ #maincol div.lostpass {} #maincol div.lostpass div.field {} #maincol div.lostpass div.field div.label { width:210px; } #maincol div.lostpass div.field div.input {} /* review */ #maincol div.fwreview { clear:both; float:none; } #maincol div.fwreview:after { clear:both; content:""; display:table; line-height:0; } #maincol div.fwreview div.buttons input { margin:0 20px 0 0; } #maincol div.fwreview div.reviews div.likingusers, #maincol div.fwreview div.reviews div.dislikingusers { width:250px; float:left; } /* interactive map */ #maincol .fwinteractivemap .map svg .hotspot:hover { opacity:0.3; stroke:#FFF; fill:#FFF; } /******************************** * footer ********************************/ #footer .fwelement { margin:0px; padding:0px; font-size:12px; line-height:20px; display:none; } #footer .fwelement a { color:#01685D; text-decoration:none; font-weight:bold; } #footer .fwelement a:hover { color:#000000; text-decoration:none; font-weight:bold; } #footer .clear { font-size:0px; height:0px; line-height:0px; display:inline; } /* text */ #footer div.fwtext { text-align:center; display:block; }