/** * Custom homepage Stylesheet for FinishWeb Site www.evangelischeschule-brig.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/6-pz/style.css * * Authors: * et Etienne Tscherry, BAR Informatik AG * bz Bernd Zumoberhaus, BAR Informatik AG * * Changes: * 19.10.2009 et initial version * 13.11.2009 bz final version */ /************************************************************************************************** * 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,Helvetica,Geneva,Swiss,SunSans-Regular; font-size: 13px; } /************************************************************************************************** * Custom classes **************************************************************************************************/ /* Floating */ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .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 { margin: 0; padding: 0; } /* font-size, font-weight */ h1, .fwelement h1 { } h2, .fwelement h2 { } h3, .fwelement h3 { } /* fw... ... */ /************************************************************************************************** * Layout-styling **************************************************************************************************/ /******************************** * page ********************************/ #page { width:1075px; margin-left:auto; background-color:#FFFFFF; margin-right:auto; margin-top:10px; } /******************************** * header ********************************/ #header { width: 1075px; height: 93px; } #header #header-left { width: 205px; height: 93px; text-align: center; float: left; } #header #header-center { width: 800px; height: 93px; float: left; } #header #header-right { width: 70px; height: 93px; float: left; } /******************************** * main ********************************/ #main { width: 1075px; padding-bottom: 10px; } /******************************** * leftcol ********************************/ #leftcol { width: 205px; float: left; } /******************************** * maincol ********************************/ #maincol { width: 860px; height: 550px; float: left; padding-left: 10px; overflow: auto; } /******************************** * footer ********************************/ #footer { width: 1075px; height: 90px; } #footer #footer-sponsor { width: 130px; height: 90px; float: left; padding-left: 20px; text-align: left; } #footer #footer-left { width: 200px; height: 90px; float: left; text-align: left; } #footer #footer-center { width: 450px; height: 90px; float: left; margin: 0 auto; } #footer #footer-right { width: 275px; height: 90px; float: left; text-align: right; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * page ********************************/ #page .fwelement { clear:none; } /******************************** * header ********************************/ #header .fwelement { margin:0px; display:none; } /* mediaplayer */ #header-left div.mediaplayerflash { padding-top: 17px; display:block; } /* bild */ #header-right div.fwpicture-group { display:block; } #header-right div.fwpicture-group div.fwpicture {} #header-right div.fwpicture-group div.fwpicture div.picture { margin-top: 12px; } #header-right div.fwpicture-group div.fwpicture div.text {} /******************************** * main ********************************/ #main .fwelement { margin:0px; } /******************************** * leftcol ********************************/ #leftcol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:10px; padding-bottom:0px; } /* menü (level 1) */ #leftcol #navigation { width: 150px; height: 550px; overflow: auto; } /* level 1 */ #leftcol #navigation ul.menu1items { list-style-type: none; color: #000; text-align: center; font-weight: normal; } #leftcol #navigation ul.menu1items li.menu1 { font-size: 13px; padding-bottom:10px; height:1%; } #leftcol #navigation ul.menu1items li.menu1 a { color: #000; text-decoration: underline; } #leftcol #navigation ul.menu1items li.menu1 a:hover { text-decoration: none; } #leftcol #navigation ul.menu1items li.menu1 a:active {} #leftcol #navigation ul.menu1items li.menu1 a:visited { color: #000; } #leftcol #navigation ul.menu1items li.menu1 a img { text-decoration: none; display:block; margin:0 auto; } #leftcol #navigation ul.menu1items li.menusel1 { font-weight:bold; } #leftcol #navigation ul.menu1items li.menusel1 a { text-decoration: underline; } #leftcol #navigation ul.menu1items li.menusel1 a:hover { text-decoration: none; } #leftcol #navigation ul.menu1items li.menu1 img { text-align: center; } /******************************** * maincol ********************************/ #maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:20px; padding-bottom:0px; font-size:12px; line-height:20px; } #maincol .fwelement p { margin:0 0 20px 0; } #maincol .fwelement th p, #maincol .fwelement td p { margin:0px; } #maincol .fwelement ul { margin-left:0px; } #maincol .fwelement ul li { list-style-position: inside; list-style-image:url("point.gif"); } #maincol .fwelement a { color:#069; font-weight:bold; text-decoration:none; } #maincol .fwelement a:hover { color:#E71818; font-weight:bold; text-decoration:none; } #maincol .clear { font-size:0px; height:0px; line-height:0px; } /* menü (level 2) */ #maincol #navigation-sub { width: 800px; } /* level 2 */ #maincol #navigation-sub ul.menu2items { list-style-type: none; font-size: 13px; padding: 0 10px 10px 0; } #maincol #navigation-sub ul.menu2items li.menu2 { margin-right: 6px; display: inline; } #maincol #navigation-sub ul.menu2items li.menu2 a { text-decoration: underline; color: #000; line-height: 16px; } #maincol #navigation-sub ul.menu2items li.menu2 a:hover { text-decoration: none; color: #000; } #maincol #navigation-sub ul.menu2items li.menu2 a:active { text-decoration: none; } #maincol #navigation-sub ul.menu2items li.menusel2 { font-weight:bold; } #maincol #navigation-sub ul.menu2items li.menusel2 a { text-decoration: underline; color: #000; } #maincol #navigation-sub ul.menu2items li.menusel2 a:hover { text-decoration: none; } /* titel */ #maincol div.fwtitle { margin-top: 10px; line-height:32px; } #maincol div.fwtitle h1 { color: #E71818; font-size: 35px; font-weight: bold; padding-left: 10px; text-align: left; padding-top: 29px; } #maincol div.fwtitle div.picture { margin-bottom: 0; } #maincol div.fwtitle1 div.picture { padding: 0 10px; } #maincol div.fwtitle div.picture-left { margin-right: 0; } #maincol div.fwtitle div.picture-right {} #maincol div.fwtitle img.titleasimage {} /* variante überschrift 2 */ #maincol div.fwtitle2 div.picture { display:none; } #maincol div.fwtitle h2 { color: #E71818; font-size: 20px; line-height:24px; font-weight: normal; } /* text */ #maincol div.fwtext { } /* variante zentriert */ #maincol div.fwtext1 { text-align: center; } /* bild */ #maincol div.fwpicture-group {} #maincol div.fwpicture-group div.fwpicture { margin: 0; } #maincol div.fwpicture-group div.fwpicture div.picture { margin-right:20px; text-align:center; } #maincol div.fwpicture-group div.fwpicture div.text {} /* variante zentriertes bild */ #maincol div.fwpicture-group1 { margin-left: auto; margin-right: auto; } #maincol div.fwpicture-group1 div.fwpicture { width:800px; } /* abstand */ #maincol div.fwspace { margin-bottom: 48px; } /* abschnitt */ #maincol div.fwparagraph {} #maincol div.fwparagraph p.title {} #maincol div.fwparagraph div.text {} #maincol div.fwparagraph div.picture {} #maincol div.fwparagraph div.picture-left {} #maincol div.fwparagraph div.picture-right {} #maincol div.fwparagraph div.float-left {} #maincol div.fwparagraph div.float-right {} /* link */ #maincol div.fwlink {} #maincol div.fwlink a { color: #069; } #maincol div.fwlink a:visited { color: #069; } #maincol div.fwlink a:hover { color: #E71818; } #maincol div.fwlink div.image {} /* linkliste */ #maincol div.fwlinklist {} #maincol div.fwlinklist p.title {} #maincol div.fwlinklist ul.list { list-style-type: none; } #maincol div.fwlinklist ul.list li { list-style-type: none; list-style-image: none; } #maincol div.fwlinklist ul.list li a { color: #069; text-decoration: underline; } #maincol div.fwlinklist ul.list li a:hover { color: #E71818; } /* tabelle */ #maincol table.fwtable { border-top: 1px solid #E71818; border-bottom: 1px solid #E71818; } #maincol table.fwtable td, #maincol table.fwtable th { border: none; padding: 0; height: 13px; } #maincol table.fwtable th.f, #maincol table.fwtable td.f {} #maincol table.fwtable th {} #maincol table.fwtable td.i1 {} #maincol table.fwtable td.i1 a {} #maincol table.fwtable td.i0 {} #maincol table.fwtable td.i0 a {} #maincol table.fwtable td.separator {} /* 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:#FFFFFF; } #maincol div.fwfilelist table.fwfilelist td.icon { width:40px; } #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; } /* redirect */ #maincol div.fwredirect {} /* 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; } /* 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.5em; width: 282px; height: 10em; vertical-align: middle; text-align: center; border: none; } #maincol div.fwgallery table.fwgallery td.thumbnail div.highslide-caption { display:none; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.first { visibility: hidden; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.last { visibility: hidden; } #maincol div.fwgallery div.navigationitem { } /* mitteilungen (db, formular-zu-email) */ #maincol div.message { line-height:20px; } #maincol div.okmessage { color: #00ff00; } #maincol div.nokmessage { color: #ff0000; } /******************************** * footer ********************************/ #footer .fwelement { margin:0px; padding:0px; font-size:12px; line-height:20px; display:none; } #footer .fwelement a { color:#069; font-weight:bold; text-decoration:none; } #footer .fwelement a:hover { color:#E71818; font-weight:bold; text-decoration:none; } #footer .clear { font-size:0px; height:0px; line-height:0px; display:inline; } /* text */ #footer-sponsor div.fwtext { display:block; } #footer-left div.fwtext { display:block; } #footer-right div.fwtext { display:block; } /* bild */ #footer-sponsor div.fwpicture-group { display:block; margin-top:-10px; } #footer-center div.fwpicture-group { display:block; margin-left:140px; } #footer-center div.fwpicture-group div.fwpicture { } #footer-center div.fwpicture-group div.fwpicture div.picture { width:80px; height:65px; margin-bottom:0px; text-align:center; } #footer-center div.fwpicture-group div.fwpicture div.text { text-align:center; }