/** * Custom Stylesheet for FinishWeb Site shop.zenag.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * if Iwan Fux, BAR Informatik AG * * Changes: * 18.06.2010 if 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: 100%; } body { font-family: Verdana, sans-serif; font-size: 70%; line-height: 1.6em; } /************************************************************************************************** * 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 { } /* font-size, font-weight */ h1, .fwelement h1 { } h2, .fwelement h2 { } h3, .fwelement h3 { } /* fw... ... */ /************************************************************************************************** * Layout-styling **************************************************************************************************/ /******************************** * page ********************************/ #page { width:876px; min-height:581px; height:auto !important; height:581px; margin:0px; background-color:#D0CFCF; } /******************************** * header ********************************/ #header { clear:both; width:876px; height:181px; background:url("bg.gif") no-repeat; overflow:hidden; } /******************************** * images ********************************/ #images { clear:both; width:870px; height:131px; margin-left:auto; margin-right:auto; overflow:hidden; } /******************************** * menu ********************************/ #menu { clear:both; width:850px; height:50px; overflow:hidden; line-height:14px; } /******************************** * main ********************************/ #main { width:829px; min-height:338px; height:auto !important; height:338px; padding-top:62px; padding-right:22px; padding-left:25px; background:url("bg_br.gif") no-repeat; background-position:bottom right; } /******************************** * leftcol ********************************/ #leftcol { width:200px; margin-right:30px; float:left; } #leftcol #navigation { background-color:#FFFFFF; } #leftcol #navigation #navigation-top { height:8px; font-size:0px; line-height:0px; background:url("bg_menu_top.gif") no-repeat right; } #leftcol #navigation #navigation-middle { background:url("bg_menu.gif") repeat-y right; } #leftcol #navigation #navigation-bottom { height:7px; font-size:0px; line-height:0px; background:url("bg_menu_bottom.gif") no-repeat; } /******************************** * maincol ********************************/ #maincol { width:580px; min-height:310px; height:auto !important; height:310px; padding-right:5px; padding-bottom:100px; float:left; overflow-x:hidden; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * page ********************************/ #page .fwelement { clear:none; } /******************************** * header ********************************/ #header .fwelement { margin:0px; } /******************************** * images ********************************/ #images .fwelement { margin:0px; } /* bild */ #images div.fwpicture-group { float:right; padding-top:18px; padding-right:36px; } #images div.fwpicture-group div.fwpicture { margin:0px; } #images div.fwpicture-group div.fwpicture div.text { display:none; } /******************************** * menu ********************************/ #menu .fwelement { margin:0px; } #menu a { font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none } #menu a.nav { color: #615C5C; } #menu a.nav:hover { color: #000000; } #menu a.aktion { font-size: 13px; color: #FF0000; } #menu a.aktion:hover { font-size: 13px; color: #000000; } /******************************** * main ********************************/ #main .fwelement { margin:0px; } /******************************** * leftcol ********************************/ #leftcol .fwelement { margin:0px; } #leftcol a { color:#7586B8; text-decoration:none; } #leftcol a:hover { color:#7586B8; text-decoration:none; } #leftcol #navigation #navigation-middle {} #leftcol #navigation #navigation-middle div.shopnavigation { min-height:158px; height:auto !important; height:158px; padding-right:12px; padding-bottom:20px; padding-left:5px; } #leftcol #navigation #navigation-middle div.shopnavigation div.menuitem1 a { color:#5A5A5A; text-decoration:none; } #leftcol #navigation #navigation-middle div.shopnavigation div.menuitem2 a { color:#5A5A5A; text-decoration:none; } #leftcol #navigation #navigation-middle div.shopnavigation div.menuitemselected a { color:#7586B8; text-decoration:none; font-weight:normal; } #leftcol #links { padding-top:20px; } #leftcol #links a { color:#0000FF; } /* linkliste */ #leftcol #links div.fwlinklist { width: 100%; } #leftcol #links div.fwlinklist ul.list { list-style-type: none; margin: 0; padding: 0; } #leftcol #links div.fwlinklist ul.list li { clear:both; overflow:hidden; text-align:left; padding-bottom:15px; } #leftcol #links div.fwlinklist ul.list li a { height:20px; } #leftcol #links div.fwlinklist ul.list li a:hover { } /* shopsuche */ #leftcol div.shopsearch {padding-right: 12px; padding-left: 5px; margin-bottom:10px;} #leftcol div.shopsearch form {margin-top:0px;} #leftcol div.shopsearch input.text {width:155px;} /******************************** * maincol ********************************/ #maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:14px; padding-bottom:0px; } #maincol .fwelement p { margin:0 0 10px 0; } #maincol .fwelement th p, #maincol .fwelement td p { margin:0px; } #maincol .fwelement ul { margin-top:0px; margin-bottom:0px; } #maincol .fwelement a { color:#0000FF; text-decoration:none; } #maincol .fwelement a:hover { color:#0000FF; text-decoration:none; } /* titel */ #maincol div.fwtitle1 { } #maincol div.fwtitle h1 { font-size:14px; font-weight:normal; line-height:16px; color:#8F9CC3; padding-bottom: 5px; } #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 { display:none; } /* 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 {} #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 { height:20px; } #maincol div.fwlink div.image { margin: 0 10px 0 0; } /* tabelle */ #maincol table.fwtable { border: none; } #maincol table.fwtable td, #maincol table.fwtable th { height:20px; border: none; padding:0px 0px 0px 3px; vertical-align:top; } #maincol table.fwtable th.f {} #maincol table.fwtable td.f {} #maincol table.fwtable th { color:#FFFFFF; background-color: #007CC3; } #maincol table.fwtable th a, #maincol table.fwtable th a:hover { color:#ADBFCB; } #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 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; display:block; height:20px; padding:0px 3px 0px 3px; } #maincol div.fwfilelist table.fwfilelist td a:hover { text-decoration:none; } #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; } #maincol div.fwfilelist table.fwfilelist td.i1 { background-color:transparent; } /* redirect */ #maincol div.fwredirect { height:20px; border-bottom:1px solid #000000; width:100%; } #maincol div.fwredirect a { text-decoration:none; display:block; height:20px; background-color:#FFFFFF; padding:0px 3px 0px 3px; } #maincol div.fwredirect a:hover { text-decoration:none; font-weight:bold; background-color:#D9D9D9; } /* 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; 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; } /* shop */ #maincol div.shop { } #maincol div.shop a { color:#0000FF; text-decoration:none; } #maincol div.shop div.messages { } #maincol div.shop div.messages div.success { } #maincol div.shop div.error { margin-top:10px; background-color:#FFFFFF; } #maincol div.shop div.messages div.error { margin-top:0px; background-color:transparent; } #maincol div.shop div.menu { /*width:433px;*/ background-color:transparent; border-bottom:1px solid #007CC3; } #maincol div.shop div.menu a { color:#615c5c; } #maincol div.shop div.menu a:hover { color:#000000; } #maincol div.shop div.menu div.selected a { color:#000000; } #maincol div.shop div.menu div.productlist { /*siehe unten*/ } #maincol div.shop div.menu div.basket { /*siehe unten*/ } #maincol div.shop div.menu div.cash { /*siehe unten*/ } #maincol div.shop div.categorypath { margin-bottom:0px; padding-right:5px; padding-left:5px; background-color:#FFFFFF; } #maincol div.shop div.categorypath a { color:#007CC3; } #maincol div.shop div.productdetail { margin-top:10px; padding:5px; background-color:#FFFFFF; } #maincol div.shop div.productdetail div.productname { color:#007CC3; } #maincol div.shop div.productdetail div.productimage { float:left; margin-right:10px; margin-bottom:5px; margin-top:25px; } #maincol div.shop div.productdetail div.productimage img { } #maincol div.shop div.productdetail div.productnumber { } #maincol div.shop div.productdetail div.productnumber div.title { float:left; padding-right:5px; } #maincol div.shop div.productdetail div.productdescription { margin-bottom:10px; } #maincol div.shop div.productdetail div.productlink { } #maincol div.shop div.productdetail div.productdescription2 { } #maincol div.shop div.productdetail div.amount { padding-bottom:10px; } #maincol div.shop div.productdetail div.amount INPUT { } #maincol div.shop div.productdetail div.amount div.title { float:left; padding-right:5px; } #maincol div.shop div.productdetail div.productprice { padding-bottom:10px; } #maincol div.shop div.productdetail div.productprice div.title { float:left;padding-right:5px; } #maincol div.shop div.productdetail div.productvariation { clear:both; } #maincol div.shop div.productdetail div.productvariation div.title { } #maincol div.shop div.productdetail div.productvariation div.variation { padding-bottom:5px; } #maincol div.shop div.productdetail div.productvariation label { padding-right:5px; } #maincol div.shop div.productdetail div.productvariation SELECT { } #maincol div.shop div.productdetail div.productvariation INPUT { margin-right:5px; } #maincol div.shop div.productdetail div.basket { float:right; } #maincol div.shop div.productlist { background-color:#FFFFFF; margin-top:10px; } #maincol div.shop div.menu div.productlist { background-color:transparent; margin-top:0px; } #maincol div.shop div.productlist div.navigation { margin-top:0px; margin-bottom:0px; padding-right:5px; padding-left:5px; } #maincol div.shop div.productlist div.navigation table.datanavigation { margin-right:auto; margin-left:auto; } #maincol div.shop div.productlist div.navigation table.datanavigation td { } #maincol div.shop div.productlist div.navigation table.datanavigation td a { color:#5A5A5A; } #maincol div.shop div.productlist div.navigation table.datanavigation td img { border:none; } #maincol div.shop div.productlist div.navigation table.datanavigation td.page { padding-right:5px; } #maincol div.shop div.productlist div.navigation table.datanavigation td.first { padding-right:5px; } #maincol div.shop div.productlist div.navigation table.datanavigation td.previous { padding-right:5px; } #maincol div.shop div.productlist div.navigation table.datanavigation td.next { padding-right:5px; } #maincol div.shop div.productlist div.navigation table.datanavigation td.last { } #maincol div.shop div.productlist div.navigation table.datanavigation td.selected { } #maincol div.shop div.productlist div.navigation table.datanavigation td.selected a { color:#007CC3; } #maincol div.shop div.productlist div.navigation table.datanavigation td.disabled { } #maincol div.shop div.productlist div.category { padding-top:10px; padding-right:5px; padding-left:5px; } #maincol div.shop div.productlist div.category div.categoryimage { float:left; width:110px; } #maincol div.shop div.productlist div.category div.categoryimage img { border:none; } #maincol div.shop div.productlist div.category div.categoryname { float:left; } #maincol div.shop div.productlist div.category div.categoryname a { float:left; font-size:14px; font-weight:normal; color:#8F9CC3; line-height:16px; padding-bottom: 5px; } #maincol div.shop div.productlist div.category div.categorydescription { clear:both; } #maincol div.shop div.productlist div.product { clear:both; margin-top:0px; padding:5px; } #maincol div.shop div.productlist div.product div.productname { } #maincol div.shop div.productlist div.product div.productname a { color:#007CC3; } #maincol div.shop div.productlist div.product div.productname img { } #maincol div.shop div.productlist div.product div.productimage { /*height:100px;*/ } #maincol div.shop div.productlist div.product div.productimage img { } #maincol div.shop div.productlist div.product div.productdescription { } #maincol div.shop div.productlist div.product div.productnumber { } #maincol div.shop div.productlist div.product div.productnumber div.title { float:left; padding-right:5px; } #maincol div.shop div.productlist div.product div.amount { padding-bottom:0px; } #maincol div.shop div.productlist div.product div.amount INPUT { } #maincol div.shop div.productlist div.product div.amount div.title { } #maincol div.shop div.productlist div.product div.productprice { margin-bottom:5px; padding-bottom:5px; } #maincol div.shop div.productlist div.product div.productvariation { clear:both; margin-left:110px; } #maincol div.shop div.productlist div.product div.productvariation div.variation { padding-bottom:5px; width:300px; } #maincol div.shop div.productlist div.product div.productvariation label { width:auto; padding-right:0px; float:left; } #maincol div.shop div.productlist div.product div.productvariation SELECT { margin-left:5px; } #maincol div.shop div.productlist div.product div.productvariation INPUT { margin-left:5px; } #maincol div.shop div.productlist div.product div.basket { margin-top:-45px; } #maincol div.shop div.productlist div.separator { height:0px; border-bottom:2px solid #D0CFCF; } #maincol div.shop div.productlist div.separator-first { border-top:5px solid #D0CFCF; } #maincol div.shop div.productlist div.separator-last { border-bottom:5px solid #D0CFCF; } #maincol div.shop div.productlist div.product div.clear { } #maincol div.shop div.request { margin-top:10px; padding:5px; background-color:#FFFFFF; } #maincol div.shop div.request div label { width:160px; margin:0px; } #maincol div.shop div.request div input#absenden { margin-left:160px; margin-top:10px; width:auto; color:#FFFFFF; background-color:#007CC3; border:2px outset #D0CFCF; } #maincol div.shop div.request div textarea { margin-left:160px; width:250px; height:100px; } #maincol div.shop table.basket { margin-top:10px; background-color:#FFFFFF; } #maincol div.shop table.basket div.error { margin-top:0px; background-color:transparent; } #maincol div.shop table.basket td { padding:2px 5px; } #maincol div.shop table.basket td.mwst { padding-right:5px; } #maincol div.shop table.basket tr.header td { } #maincol div.shop table.basket tr.product td { padding-top:4px; } #maincol div.shop table.basket tr.receipt { } #maincol div.shop table.basket tr.receipt td { } #maincol div.shop table.basket tr.basket td { padding:5px; } #maincol div.shop table.basket td input { vertical-align:middle; } #maincol div.shop table.basket input.clearbasket { color:#FFFFFF; background-color:#007CC3; border:2px outset #D0CFCF; } #maincol div.shop table.basket input.clearbasket:hover { border:2px outset #007CC3; } #maincol div.shop table.basket input.tocash { color:#FFFFFF; background-color:#007CC3; border:2px outset #D0CFCF; } #maincol div.shop table.basket input.tocash:hover { border:2px outset #007CC3; } #maincol div.shop div.cash { margin-top:10px; background-color:#FFFFFF; } #maincol div.shop div.menu div.cash { background-color:transparent; } #maincol div.shop div.cash div.error { margin-top:0px; background-color:transparent; } #maincol div.shop div.cash div.title { margin-top:0px; padding-top:5px; font-size:14px; font-weight:normal; color:#8F9CC3; background-color:#FFFFFF; } #maincol div.shop div.cash div.subtitle { } #maincol div.shop div.cash div.description { } #maincol div.shop div.cash div.label { width:160px; } #maincol div.shop div.cash div.input { margin-left:0px; } #maincol div.shop div.cash div.input input { width:250px; } #maincol div.shop div.cash div.input select { } #maincol div.shop div.cash div.button { margin-left:160px; } #maincol div.shop div.cash div.button div.remind { } #maincol div.shop div.cash div.button a { } #maincol div.shop div.cash div.button a:hover { } #maincol div.shop div.cash div.paymentmethods { padding-right:5px; padding-left:5px; } #maincol div.shop div.cash div.paymentmethods div.paymentmethod { } #maincol div.shop div.cash div.paymentmethods div.paymentmethod div.pmcomment { } #maincol div.shop div.cash div.comment div.input { margin-top:5px; } #maincol div.shop div.cash div.comment div.input textarea { margin-left:160px; width:250px; } #maincol div.shop div.cash div.login { padding-right:5px; padding-bottom:5px; padding-left:5px; border-bottom:5px solid #D0CFCF; } #maincol div.shop div.cash input.login { color:#FFFFFF; background-color:#007CC3; border:2px outset #D0CFCF; } #maincol div.shop div.cash input.login:hover { border:2px outset #007CC3; } #maincol div.shop div.cash div.billingaddress { padding-right:5px; padding-bottom:5px; padding-left:5px; border-bottom:5px solid #D0CFCF; } #maincol div.shop div.cash div.registration { padding-right:5px; padding-bottom:5px; padding-left:5px; border-bottom:5px solid #D0CFCF; } #maincol div.shop div.cash div.deliveryaddress { padding-right:5px; padding-bottom:5px; padding-left:5px; border-bottom:5px solid #D0CFCF; } #maincol div.shop div.cash div.comment { padding-right:5px; padding-left:5px; } #maincol div.shop div.cash div.agb { padding-right:5px; padding-left:5px; } #maincol div.shop div.cash div.agb div.checkbox { } #maincol div.shop div.cash div.agb div.text { } #maincol div.shop div.cash div.continuebutton { margin-left:160px; padding-right:5px; padding-bottom:5px; padding-left:5px; } #maincol div.shop div.cash input.continue { color:#FFFFFF; background-color:#007CC3; border:2px outset #D0CFCF; } #maincol div.shop div.cash input.continue:hover { border:2px outset #007CC3; } #maincol div.shop div.cash input.order { color:#FFFFFF; background-color:#007CC3; border:2px outset #D0CFCF; } #maincol div.shop div.cash input.order:hover { border:2px outset #007CC3; } #maincol div.shop div.cash { } #maincol div.shop div.cash td { } #maincol div.shop div.cash table.receipt { } #maincol div.shop div.cash table.receipt td { padding:2px 5px; } #maincol div.shop div.cash table.receipt td.title { width:160px; } #maincol div.shop div.cash tr.header td { } #maincol div.shop div.cash td.title { } #maincol div.shop div.cash tr.product td { } #maincol div.shop div.cash tr.receipt { } #maincol div.shop div.cash tr.receipt td { } #maincol div.shopnavigation { ; } #maincol div.shopnavigation div.menuitem1 { } #maincol div.shopnavigation div.menuitem1 a { } #maincol div.shopnavigation div.menuitem1 a:hover { } #maincol div.shopnavigation div.menuitemselected a { } #maincol div.shop div.deliverytext { background-color:white;padding:5px; } #maincol div.shop div.deliverytext div.title { font-weight:bold; color:#000000; font-size:12px; padding-top:0px; }