/** * Custom Stylesheet for FinishWeb Site www.zweitwohnung-brig.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * fz Fabian Zumoberhaus, BAR Informatik AG * bz Bernd Zumoberhaus, BAR Informatik AG * * Changes: * 20.03.2014 fz initial version * 21.03.2014 bz updates * 24.03.2014 fz updates * 24.03.2014 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 Regular, sans-serif; font-size: 70%; line-height: 1.6em; margin-top:0; color:#000; } /************************************************************************************************** * Custom classes **************************************************************************************************/ /* Floating */ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; font-size:0px; height:0px; line-height:0px; display:block; } .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:863px; background-color:#FFFFFF; box-shadow:0 0 5px #666; margin:10px auto; } /******************************** * menu ********************************/ #menu { clear:both; background-color:#95B1D8; border-bottom:1px solid #FFF; padding-left:20px; } /******************************** * header ********************************/ #header { clear:both; min-height:20px; background-color:#6D95C9; border-bottom:2px solid #FFF; padding:15px 0; } /******************************** * main ********************************/ #main { min-height:348px; height:auto !important; height:348px; background-color:#95B1D8; border-bottom:2px solid #FFF; padding:0; margin:0; } /******************************** * leftcol ********************************/ #leftcol { width:300px; float:left; padding:10px 20px; } /******************************** * rightcol ********************************/ #rightcol { width:523px; min-height:348px; background-color:#D8E3F1; float:right; display:inline; padding:0; margin:0; } /******************************** * footer ********************************/ #footer { background:#497ABC; clear:both; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * page ********************************/ #page .fwelement { clear:none; } /******************************** * menu ********************************/ /* menü (level 1) */ #menu a { text-decoration:none; } /* level 1 */ #menu ul.menu1items { list-style-type:none; padding:5px 0; margin:0; } #menu ul.menu1items li.menu1 { clear:none; float:left; font-size:14px; display:inline; overflow:hidden; text-align:left; padding:0 20px 0 0; } #menu ul.menu1items li.menu1 a { font-weight:bold; color:#000; } #menu ul.menu1items li.menu1 a:hover, #menu ul.menu1items li.menusel1 a { font-weight:bold; color:#FFF; } #menu ul.menu1items:after { clear:both; content:""; display:table; line-height:0; } /******************************** * header ********************************/ #header .fwelement { margin:0px; display:none; } /* title */ #header div.fwtitle { margin-left:20px; display:block; } /******************************** * main ********************************/ /******************************** * leftcol ********************************/ #leftcol .fwelement { font-size:12px; line-height:20px; padding:0 0 15px; margin:0; } #leftcol .fwelement p { padding:0 0 15px; margin:0; } #leftcol .fwelement th p, #leftcol .fwelement td p { margin:0; } #leftcol .fwelement ol, #leftcol .fwelement ul { margin-top:0px; } #leftcol .fwelement a { color:#FFF; font-weight:bold; text-decoration:none; } #leftcol .fwelement a:hover { color:#000; } #leftcol .clear { font-size:0px; height:0px; line-height:0px; } /* titel */ #leftcol div.fwtitle { color:#000; } #leftcol div.fwtitle h1 { margin:0; } /* text */ #leftcol div.fwtext { } /* bild */ #leftcol div.fwpicture-group { display:none; } /* abschnitt */ #leftcol div.fwparagraph { display:none; } /* link */ #leftcol div.fwlink { } #leftcol div.fwlink div.image { margin:0 10px 0 0; } /* linkliste */ #leftcol div.fwlinklist {} #leftcol div.fwlinklist p.title { margin-bottom:0px; } #leftcol div.fwlinklist ul.list { list-style-type:none; padding:0; margin:0; } #leftcol div.fwlinklist ul.list li { clear:both; text-align:left; } #leftcol div.fwlinklist ul.list li a { text-decoration:none; } #leftcol div.fwlinklist ul.list li a:hover { text-decoration:none; } /* tabelle */ #leftcol table.fwtable { display:none; } /* dateiliste */ #leftcol div.fwfilelist { display:none; } /* sitemap */ #leftcol div.fwsitemap { display:none; } /* redirect */ #leftcol div.fwredirect {} /* galerie */ #leftcol div.fwgallery { display:none; } /* formular-zu-email */ #leftcol div.fwformtomail { display:none; } /* googlemap */ #leftcol div.fwgooglemap { display:none; } /* mitteilungen (db, formular-zu-email) */ div.message { font-size:13px; line-height:20px; } div.okmessage { } div.nokmessage { color:red; } /* untermenu */ #leftcol div.fwsubmenu ul.datalist li { margin:0; } #leftcol div.fwsubmenu ul.datalist li .link { display:none; } /* menü (level 3) */ /* level 3 */ #leftcol ul.menu3items { list-style-type:none; padding:5px 0; margin:0; } #leftcol ul.menu3items li.menu3 { clear:both; font-size:10px; line-height:14px; overflow:hidden; text-align:left; padding:0; } #leftcol ul.menu3items li.menu3 a { font-weight:bold; text-decoration:none; color:#95B1D8; } #leftcol ul.menu3items li.menu3 a:hover, #leftcol ul.menu3items li.menusel3 a { font-weight:bold; color:#95B1D8; } #leftcol ul.menu3items:after { clear:both; content:""; display:table; line-height:0; } /******************************** * rightcol ********************************/ #rightcol .fwelement { display:none; font-size:12px; line-height:20px; padding:10px 10px 15px; margin:0; } #rightcol .fwelement p { padding:0 0 15px; margin:0; } #rightcol .fwelement th p, #rightcol .fwelement td p { margin:0; } #rightcol .fwelement ol, #rightcol .fwelement ul { margin-top:0px; } #rightcol .fwelement a { color:#39FF00; font-weight:bold; text-decoration:none; } #rightcol .fwelement a:hover { color:#000000; font-weight:bold; text-decoration:none; } #rightcol .clear { font-size:0px; height:0px; line-height:0px; } /* titel */ #rightcol div.fwtitle { display:block; color:#000; } #rightcol div.fwtitle h1 { margin:0; } /* text */ #rightcol div.fwtext { display:block; } /* bild */ #rightcol div.fwpicture-group { display:block; padding:0; } #rightcol div.fwpicture-group div.fwpicture { margin:0; } #rightcol div.fwpicture-group div.fwpicture div.picture { line-height:0; overflow:hidden; } #rightcol div.fwpicture-group div.fwpicture div.text { margin-top:0.5em; } /* galerie */ #rightcol div.fwgallery { display:block; width:320px; clear:both; padding:20px 101px; } #rightcol div.fwgallery a img { border:none; } #rightcol div.fwgallery table.fwgallery { clear:both; } #rightcol div.fwgallery table.fwgallery td.thumbnail { width:auto; height:auto; vertical-align:top; text-align:left; border:none; padding:0; } #rightcol div.fwgallery table.fwgallery td.thumbnail div.highslide-caption { display:none; } #rightcol div.fwgallery div.fwnavigation table.datanavigation td.first, #rightcol div.fwgallery div.fwnavigation table.datanavigation td.last { display:none; } #rightcol div.fwgallery div.navigationitem { } #rightcol div.fwgallery div.fwnavigation table.datanavigation td.selected a { color:#000000; } #rightcol div.fwnavigation table.datanavigation { margin:0; } /* formular-zu-email */ #rightcol div.fwformtomail { display:block; border:none; padding:10px; } #rightcol div.fwformtomail span.mail-frm-success { color: #00ff00; } #rightcol div.fwformtomail span.mail-frm-err { color: #ff0000; } #rightcol div.fwformtomail table.mail-tbl { margin:0; } #rightcol div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but { margin: 0; } #rightcol div.fwformtomail table.mail-tbl form.mail-frm table { border-collapse:collapse; } #rightcol div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-lbl { width:15%; } #rightcol div.fwformtomail table.mail-tbl form.mail-frm table.mail-tbl-frm td.mail-frm-td-val { width:30%; } /* googlemap */ #rightcol div.fwgooglemap { display:block; padding:0; } /* galerie */ #rightcol div.fwgallery { display:block; } #rightcol div.fwgallery a img { border-width:4px 4px 15px; border-color:#FFF; border-style:solid; } /* mediaplayer */ #rightcol div.fwmediaplayer { display:block; line-height:0; padding:0; } /******************************** * footer ********************************/ #footer .fwelement { font-size:12px; line-height:20px; display:none; padding:0; margin:0; } #footer .fwelement p { padding:10px 0; margin:0; } #footer .fwelement a { color:#FFF; text-decoration:none; font-weight:bold; } #footer .fwelement a:hover { color:#000; } #footer .clear { font-size:0px; height:0px; line-height:0px; display:block; } /* text */ #footer div.fwtext { text-align:center; display:block; }