/** * Custom Stylesheet for FinishWeb Site www.bestattungsdienste.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * * Changes: * 31.08.2009 bz final version * 07.10.2011 bz new element "todesanzeige" */ /************************************************************************************************** * 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: Arial Regular, sans-serif; font-size: 70%; line-height: 1.6em; margin-top:0; background-color:#ECECEC; } /************************************************************************************************** * 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:840px; margin-top:20px; margin-left:auto; margin-right:auto; } /******************************** * header ********************************/ #header-top { width:840px; height:16px; clear:both; } #header-top #navigation-top-left { float:left; padding-left:134px; margin-bottom:0px; } #header-top #navigation-top-right { display: inline; } #header-bottom { width:840px; height:145px; margin:0px; clear:both; overflow:hidden; background-color:#FFFFFF; } #header-bottom #logo { width:88px; margin:27px; height:91px; float:left; display:inline; background-color:#FFFFFF; } #header-bottom #banner { width:698px; height:145px; float:left; } /******************************** * main ********************************/ #main { width:840px; height:385px; padding:0px; margin:0; display:table; height:auto; background-color:#FFFFFF; } /******************************** * leftcol ********************************/ #leftcol { width:142px; height:auto; float:left; display: inline; margin:0; background-color:#FFFFFF; } /******************************** * maincol ********************************/ #maincol { width:698px; float:left; margin:0; padding:26px 0 66px 0; border-top: 1px solid #000000; background-color:#D8DFE6; } #maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:10px; padding-bottom:0px; } /******************************** * footer ********************************/ #footer { width:840px; height:36px; margin-top:20px; margin-left:auto; margin-right:auto; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * page ********************************/ #page .fwelement { clear:none; } /******************************** * header ********************************/ #header-top .fwelement { margin:0px; } #header-bottom .fwelement { margin:0px; } /* menü (level 1 & 2) */ #leftcol a { text-decoration:none; } /* level 1 */ #header-top #navigation-top-left div { margin: 0; padding: 0; list-style: none; float: left; font: 11px arial; display:block; } #header-top #navigation-top-left div a { display: block; /*padding: 0 10px 5px 10px;*/ padding: 0 10px 2px 10px; width: auto; color: #000000; text-align: left; text-decoration: none; z-index:9999; } #header-top #navigation-top-left div a.menusel1 { font-weight:bold; } #header-top #navigation-top-left div a:hover { color:#333333; } /* level 2 */ #header-top #navigation-top-left div div { position: absolute; background: #F4F7F9; visibility:hidden; } #header-top #navigation-top-left div div a { position: relative; display: block; margin: 0; padding: 4px 10px; white-space: nowrap; text-align: left; text-decoration: none; color: #000000; font: 11px arial; } #header-top #navigation-top-left div div a.menusel2 { font-weight:bold; } #header-top #navigation-top-left div div a:hover { font-weight:bold; } /* breitenangaben, individuell */ #header-top #navigation-top-left #m1t #m1d { width:160px; } #header-top #navigation-top-left #m2t #m2d { width:165px; } #header-top #navigation-top-left #m3t #m3d { width:178px; } #header-top #navigation-top-left #m4t #m4d { width:110px; } #header-top #navigation-top-left #m5t #m5d { width:135px; } /* quicklinks (level 1) */ #header-top #navigation-top-right ul.menu2items { margin: 0; padding: 0; list-style: none; float: right; font: 11px arial; display:inline; } #header-top #navigation-top-right ul.menu2items li { display: inline; margin: 0; padding: 0; } #header-top #navigation-top-right ul.menu2items li.active { font-weight:bold; } #header-top #navigation-top-right ul.menu2items li a { float: left; display: block; padding: 0 0 5px 0; width: auto; color: #000000; text-align: left; text-decoration: none; } #header-top #navigation-top-right ul.menu2items li a:hover { color:#333333; } #header-top #navigation-top-right ul.menu2items li.separator { width:10px; height:1px; display: inline; float: left; margin: 0; } /* bild */ #header-top div.fwpicture-group div.fwpicture { margin:0px; } #header-bottom div.fwpicture-group div.fwpicture { margin:0px; } /******************************** * main ********************************/ #main .fwelement { margin:0px; } /******************************** * leftcol ********************************/ #main .fwelement { margin:0px; } /******************************** * maincol ********************************/ #maincol .fwelement { width:445px; margin-left:66px; margin-bottom:30px; padding-bottom:0px; font-size:11px; } #maincol .fwelement p { margin:0 0 23px 0; font-size:11px; line-height:23px; } #maincol .fwelement th p, #maincol .fwelement td p { margin:0px; } #maincol .fwelement ul, #maincol .fwelement ol { margin-top:0px; margin-bottom:0px; padding-bottom:15px; } #maincol .fwelement a { color:#000000; text-decoration:underline; } #maincol .fwelement a:hover { color:#666666; text-decoration:underline; } /* titel */ #maincol div.fwtitle { width:520px; margin-top:0px; margin-bottom:6px; /*margin-left:-2px;*/ } #maincol div.fwtitle h1 {} #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 {} /* text */ #maincol div.fwtext { margin-bottom:0px; } /* bild, nicht anzeigen */ #maincol div.fwpicture-group { display:none; } /* abschnitt */ #maincol div.fwparagraph { clear:both; width:558px; margin-bottom:34px; } #maincol div.fwparagraph p.title { margin:0; } #maincol div.fwparagraph div.picture { } #maincol div.fwparagraph div.picture-left { float:left; margin-right:28px; } #maincol div.fwparagraph div.picture-right { float:right; } #maincol div.fwparagraph div.float-left {} #maincol div.fwparagraph div.float-right {} /* link */ #maincol div.fwlink { height:20px; } #maincol div.fwlink a {} #maincol div.fwlink a:hover {} #maincol div.fwlink div.image { margin: 0 10px 0 0; } /* linkliste */ #maincol div.fwlinklist { } #maincol div.fwlinklist ul.list { list-style-type: none; margin: 0; padding: 0; } #maincol div.fwlinklist ul.list li { clear:both; overflow:hidden; text-align:left; } #maincol div.fwlinklist ul.list li a { text-decoration:none; height:20px; } #maincol div.fwlinklist ul.list li a:hover { text-decoration:none; } /* tabelle */ #maincol table.fwtable { border: none; } #maincol table.fwtable { width:520px; } #maincol table.fwtable td.f, #maincol table.fwtable th.f { padding-left:10px; } #maincol table.fwtable td, #maincol table.fwtable th { height:22px; border: none; font-weight:normal; padding:0; vertical-align:top; } #maincol table.fwtable th.f {} #maincol table.fwtable td.f {} #maincol table.fwtable th { font-weight:bold; background-color: #98AABA; } #maincol table.fwtable td.i1 { background-color: #D8DFE6; } #maincol table.fwtable td.i1 a {} #maincol table.fwtable td.i0 { background-color: #C9D3DC; } #maincol table.fwtable td.i0 a {} #maincol table.fwtable td.separator img {} /* dateiliste */ #maincol div.fwfilelist div.fwnavigation { display:none; } #maincol div.fwfilelist table.fwfilelist td { text-align:left; padding:0; } #maincol div.fwfilelist table.fwfilelist td a { text-decoration:none; height:20px; } #maincol div.fwfilelist table.fwfilelist td a:hover { text-decoration:none; } #maincol div.fwfilelist table.fwfilelist td.i0, #maincol div.fwfilelist table.fwfilelist td.i1 { background-color:#D8DFE6; } #maincol div.fwfilelist table.fwfilelist td.icon, #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; } /* sitemap */ #maincol div.fwsitemap { margin-top:-7px; } #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 { height:20px; } #maincol div.fwredirect a { text-decoration:none; } #maincol div.fwredirect a:hover { text-decoration:none; } /* mitteilungen (db, formular-zu-email) */ #maincol div.message { font-size:13px; line-height:20px; } #maincol div.okmessage { } #maincol div.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; } /* vorlage todesanzeige */ #maincol div.fwtodesanzeige-special { width:567px; margin:0 0 75px 66px; } #maincol div.fwtodesanzeige-special div.fwparagraph { clear:both; width:558px; margin:0; } #maincol div.fwtodesanzeige-special div.fwparagraph p.title { margin:0; } #maincol div.fwtodesanzeige-special div.fwparagraph div.picture { } #maincol div.fwtodesanzeige-special div.fwparagraph div.float-left { margin:0 28px 1em 0; } /******************************** * footer ********************************/ #footer .fwelement { clear:none; } /* bild */ #footer div.fwpicture-group { float:right; margin:0 50px 0 0; }