/* algemeen CSS-bestand voor Smeets & Graas. Laatste wijziging: 14 december 2010 Stijlbestanden voor header en footer aan dit bestand toegevoegd |||||| Bestand moet nog steeds opgeschoond worden. */ /* ######################################################################## ################### HEADER en BASKET ################################# #######################################################################*/ .HeaderTabels {width:1000px;margin-bottom:0px} .HeaderTabels TR TD {vertical-align:top} .HeaderTabelsCel1 {width:200px;padding-left:10px;padding-top:2px;text-align:left} .HeaderTabelsCel2 {width:500px;padding-top:20px} .HeaderTabelsCel3 {width:300px;text-align:right;padding-top:2px} .searchField {color:#6A6A6A;background:#ffffff;width:120px;font-size:13px;width:150px} .searchSubmit {border:3px double #999; border-left-color:#ccc; border-top-color:#ccc; color:#555; background:url(../gif/background-submit3.gif) center repeat-x; background-color:#f2f2f2; margin:0px 0px 0px 0px; font-size:11px; font-weight:bold; padding:0px 8px 2px 8px; cursor:pointer; width:60px} .searchFieldTable {margin:0px 0px 0px 80px;} .Basket {float:right;text-align:center} .BasketBorder {font:normal 11px Tahoma,Arial,Helvetica,sans-serif;padding:3px;margin:0px 0px 0px 0px;color:#626262;background-color:#FAFAAF;border:1px solid #656367;width:200px;} .BasketInhoud {margin:0px 0px 2px 0px;color:#333333;font-size:11px} .BasketInhoudKlein {margin:0px 0px 0px 0px;color:#333333;font-size:10px} .BasketTotaal {margin:0px 0px 2px 0px;color:#333333;font-size:11px;font-weight:bold} .merken {font-size:10px;margin:0px 0px 20px 0px} a.link:link {color:#0066CC;text-decoration:none} a.link:visited {color:#0066CC;text-decoration:none} a.link:active {color:#0066CC;text-decoration:none} a.link:hover {color:#a3824d;text-decoration:underline} a.link3:link {color:#0066CC;text-decoration:none} a.link3:visited {color:#0066CC;text-decoration:none} a.link3:active {color:#0066CC;text-decoration:none} a.link3:hover {color:#E5BB81;text-decoration:underline} /* ######################################################################## ################### FOOTER ################################# #######################################################################*/ ul {margin:0; text-indent: 0; padding: 0; padding-left:20px;} li {list-style:none;font-size: 9px; text-indent: 0;} .colofonKop {font:bold 11px Verdana,Arial,Helvetica,sans-serif;margin:0px 0px 2px 10px; color:#a3824d;} .footernavDiv {border: none; margin:0 auto; text-align: center; width: 760px; margin-bottom: 15px; margin-top: 20px;} .footernavTabel {border:1px solid #E5DECB;font:normal 9px Verdana,Arial,Helvetica,sans-serif;margin-bottom:0px; padding:10px 0px 10px 0px; width:760px; color: #a3824d; margin-left: 4px;} .footernavTabel TD {width:25%;text-align:left} a.link5:link {color:#a3824d;text-decoration:none} a.link5:visited {color:#a3824d;text-decoration:none} a.link5:active {color:#a3824d;text-decoration:none} a.link5:hover {color:#a3824d;text-decoration:underline} /* hoofdstructuur productpaginaas en indexpaginaas */ .hoofdTabel {width:1000px;border:0px solid #BBBBBB;text-align:center} /* ook voor txtpaginaas */ .hoofdTabel1000 {width:1000px;border:1px solid #BBBBBB;text-align:left} .hoofdTabel1000H {width:1000px;text-align:left} /* index paginaas */ .logoFoto {text-align:left;margin-bottom:15px;margin-left:10px} .IXblok {width:530px;margin-bottom:24px;font:normal 11px Verdana} .IXblokcel1 {width:80px;text-align:center} .IXblokcel2 {width:200px;font:normal 11px Verdana;padding:0px 10px 0px 5px} .IXblokcel3 {width:250px;font:normal 11px Verdana} .IXblokcel4 {font:normal 11px Verdana;padding:0px 10px 0px 5px} .prodTabelCel2i {width:30%;border-right:1px solid #CCCCCC;padding-top:10px;} .prodTabelCel3i {width:70%;padding-top:10px;padding-left:10px;} /* voegt cel 3 en 4 vd productpaginaas samen */ .prodTabelCel4i {border-right:1px solid #CCCCCC;padding-top:10px;}/* 4i en 6i alleen wanneer onderaan de indexpagina tekst staat: dus niet bij bijv. de diverse producten */ .prodTabelCel6i {border-top:1px solid #CCCCCC;padding-top:20px;padding-left:10px;}/* voegt cel 6 en 7 vd productpaginaas samen */ .IndexLinkerCelKopje {font-weight:bold;font-size:11px;margin:0px 10px 6px 10px} .IndexRechterCelKopje {font-weight:bold;font-size:14px;margin:0px 0px 20px 0px;color:#B50505;text-align:center} H3.Index {font:normal 11px Verdana;margin:0px 10px 10px 10px} H3.IndexEnd {font:normal 11px Verdana;margin:0px 10px 25px 10px} /* regel 25,26,27 verwijderen na maken paginaas voor alle producten: nu nog in gebruik voor o.a. NC paddestoelen */ .IXblokBrd {width:530px;margin-bottom:24px;font:normal 11px Verdana;border-bottom:1px solid #999999;padding-bottom:10px} .NCKop {color:#333333;font-weight:bold;text-decoration:underline} .tablet {font-weight:normal;color:#272727;font-size:10px} /* ######################################################################## ################### PRODUCTPAGINAAS NWE STIJL ################################# #######################################################################*/ .prodTabel {text-align:left;margin-bottom:40px;margin-right:0px;border:1px solid #BBBBBB} .prodTabel TD {vertical-align:top} .prodTabelCel1 {font-size:20px} .prodTabelCel2 {width:25%;padding:20px 0px 0px 0px;} .prodTabelCel3 {width:50%;padding:10px 10px 10px 10px;border-right:1px solid #CCCCCC;} .prodTabelCel4 {width:25%;padding:20px 0px 0px 15px;background-color:#FFF} .prodIntroTabelKop {font-weight:bold;font-size:11px;margin:0px 10px 6px 0px} .prodTabelKopExtra {font-weight:bold;font-size:13px;margin:0px 10px 20px 0px;color:#B50505} .prodIntroTabelTxt {font-weight:normal;font-size:11px;margin:0px 10px 6px 0px} .prodIntroTabelTxtEnd {font-weight:normal;font-size:11px;margin:0px 10px 18px 0px} .productName H1 {font-weight:bold;font-size: 18px;margin:6px 20px 15px 20px;text-align:center} .pictureBlock H2,H3 {font:normal 11px Verdana;margin:0px 10px 10px 12px} H2,H3 {font:normal 11px Verdana;margin:0px 10px 10px 10px} .pictureBlock H5 {font-weight:bold;font-size:11px;margin:0px 0px 6px 12px} H5 {font-weight:bold;font-size:11px;margin:0px 0px 6px 0px} .pictureBlock UL {margin:0px} .pictureBlock LI {font-weight:normal;font-size:11px;margin:0px 0px 6px 0px;list-style-type:none} .opsomBenFeat {font-weight:normal;font-size:11px;margin:0px 0px 3px 0px} .BenFeat {margin:20px 30px 20px 0px} .mainTxtEen {margin:0px 20px 0px 0px} .mainTxtEen H1 {font-size:13px;font-weight:bold;margin:0px 0px 12px 0px} .mainTxtEen H2 {font-size:13px;font-weight:bold;margin:0px 0px 5px 0px} .mainTxtEen P {font-size:13px;font-weight:normal;margin:0px 0px 17px 0px;text-align:justify;line-height:140%} .mainTxtEen a:link {color:#0066CC;text-decoration:none} .mainTxtEen a:visited {color:#0066CC;text-decoration:none} .mainTxtEen a:active {color:#0066CC;text-decoration:none} .mainTxtEen a:hover {color:#a3824d;text-decoration:underline} .actieTable {border-top:2px solid #CC0000;padding-top:10px;border-bottom:2px solid #666666;padding-bottom:10px}/* tijdelijk voor actie Elke Dag - Platinum maart 2011 */ .extraTxtEen {margin:0px 20px 0px 0px} .extraTxtEen H1 {font-size:13px;font-weight:bold;margin:0px 0px 12px 0px} .extraTxtEen P {font-size:12px;font-weight:normal;margin:0px 0px 18px 0px;text-align:justify} .extraTxtEen a:link {color:#0066CC;text-decoration:none} .extraTxtEen a:visited {color:#0066CC;text-decoration:none} .extraTxtEen a:active {color:#0066CC;text-decoration:none} .extraTxtEen a:hover {color:#a3824d;text-decoration:underline} .benefitsList {margin:25px 20px 18px 0px} .benefitsList H5 {font-weight:bold;font-size:12px;margin:0px 0px 6px 0px} .benefitsList UL {margin:0px} .benefitsList LI {font-weight:normal;font-size:12px;margin:0px 0px 6px 0px;list-style-type:none} .price {font:bold 17px Arial;color:#B50505;margin:0px 10px 16px 10px} .shipping {font:normal 10px Arial; color: green;} .priceInfo {font:normal 11px verdana;color:#333} .mainText2Tabel {text-align:left;padding:20px 0px 20px 0px;margin-bottom:40px; margin-left: auto; margin-right: auto; border:1px solid #BBBBBB;width:760px} .mainText2Tabel H3 {font-size:13px;font-weight:bold;margin:0px 100px 5px 40px} .mainText2Tabel P {font-size:13px;font-weight:normal;margin:0px 100px 15px 40px;text-align:justify} .mainText2Tabel a:link {color:#0066CC;text-decoration:none} .mainText2Tabel a:visited {color:#0066CC;text-decoration:none} .mainText2Tabel a:active {color:#0066CC;text-decoration:none} .mainText2Tabel a:hover {color:#a3824d;text-decoration:underline} .prodInfoTabel H4 {font-size:13px;font-weight:bold;margin:0px 100px 5px 40px} .prodInfoTabel P {font-size:13px;font-weight:normal;margin:0px 100px 15px 40px;text-align:justify} .ingredienten {font:normal 10px Verdana;margin:0px 100px 5px 40px} .btgFoto {text-align:left;margin-bottom:15px} .BTGbestel {margin-bottom:12px} .BTGbestel2 {margin-bottom:4px} .btgKopje {font-size:11px;font-weight:bold;margin:0px 0px 15px 0px} .btgTxt {font-size:11px;margin:0px 0px 0px 0px} .serviceTxt {color:#CC0000;font-size:12px;font-weight:bold;margin:0px 0px 5px 0px} .btgTxt a:link {color:#0066CC;text-decoration:none} .btgTxt a:visited {color:#0066CC;text-decoration:none} .btgTxt a:active {color:#0066CC;text-decoration:none} .btgTxt a:hover {color:#a3824d;text-decoration:underline} .btgPrijs {font:bold 14px Arial;color:#B50505;margin:0px 0px 20px 0px} /* ######################################### categorie pagina en aangepaste merk-index paginaas (AOV)##################### */ .sitemapTxt {font-size:13px;font-weight:normal;margin:0px 40px 20px 30px;text-align:justify} .sitemapKopje {font:bold 14px Arial;margin:0px 0px 12px 0px;border-bottom:1px solid #333333} .prodTxt5 {font-size:13px;font-weight:normal;margin-bottom:4px} .prodTxt5In {font-size:10px;font-weight:normal;margin-bottom:5px;margin-left:20px} .sitemapTabel {width:98%;text-align:left;margin-left:0px} .sitemapTabel TD {vertical-align:top} .sitemapTabelcel1 {width:27%;padding:10px 0px 20px 20px} .sitemapTabelcel2 {width:27%;padding:10px 0px 20px 20px} .sitemapTabelcel3 {width:23%;padding:10px 0px 20px 20px} .sitemapTabelcel4 {width:23%;padding:10px 0px 20px 20px} .sitemapInfoTabel {text-align:left;padding-top:20px;margin:0px 0px 60px 0px;border:1px solid #BBBBBB} /* 27-5-2010: mogelijk ook elders in gebruik */ .ABCKopje {font:bold 14px Arial;margin:15px 0px 7px 0px;border-bottom:1px solid #333333} /* ####################################################################### */ /* productpaginaas */ .prodFoto {text-align:center;margin-bottom:15px} .prodNaam {font-size:11px;margin:0px 10px 10px 10px} .prijs {font:bold 17px Arial;color:#B50505;margin:0px 10px 20px 10px} .prijsDubbel {font:bold 17px Arial;color:#B50505;margin:0px 10px 0px 10px} .prijsDubbelInfo {font:normal 11px verdana;margin:0px 10px 5px 10px} .prijsKlein {font-weight:bold;font-size:11px;color:#b72525;margin:0px 10px 20px 10px} .bestelform {text-align:left;margin:0px 0px 10px 10px} .bestelblokAantal {background-color:#F5F5F5;font:bold 12px Tahoma;color:#626262;margin:0px 0px 15px 0px} .prodTabelKop {font-weight:bold;font-size:11px;margin:0px 10px 6px 10px} .prodTabelKopExtra {font-weight:bold;font-size:13px;margin:0px 10px 20px 10px;color:#B50505} .prodTabelTxt {font-weight:normal;font-size:11px;margin:0px 10px 6px 10px} .prodTabelTxtEnd {font-weight:normal;font-size:11px;margin:0px 10px 18px 10px} .prodTabelFRKop {font-size:13px;font-weight:bold;margin:0px 20px 12px 0px} .prodTabelFRTxt {font-size:12px;margin:0px 20px 6px 0px;text-align:justify} .prodTabelFRTxtEnd {font-size:12px;margin:0px 20px 18px 0px;text-align:justify} .TableBTG {margin:0px 100px 15px 40px} .TableBTG TD {vertical-align:top} .TableBTGCel1 {width:65%} .TableBTGCel2 {width:35%;padding-left:20px} .TableBTGPic {margin-bottom:15px} .TableBTGPic TD {vertical-align:middle} .TableBTGPicCel {width:60px} /* INFO BLOKKEN OP PRODUCTPAGINAAS */ .prodInfoTabel {text-align:left;padding:20px 0px 20px 0px;margin-bottom:40px; margin-left: auto; margin-right: auto;border:1px solid #BBBBBB;width:760px} .prodInfoKop {font:bold 17px Arial;margin:0px 30px 18px 30px;border-bottom:1px solid #333333} .prodInfoKopje {font-size:13px;font-weight:bold;margin:0px 100px 5px 40px}/* -- */ .prodInfoTxtEnd {font-size:13px;font-weight:normal;margin:0px 100px 20px 40px;text-align:justify}/* -- */ .prodInfoList {font-size:13px;font-weight:normal;margin:0px 100px 8px 40px;text-align:left} .prodInfoListEnd {font-size:13px;font-weight:normal;margin:0px 100px 20px 40px;text-align:left} .prodInfoTxt {font-size:13px;font-weight:normal;margin:0px 100px 15px 40px;text-align:justify} .prodInfoTxtkl {font-size:11px;font-weight:normal;margin:0px 100px 10px 40px;text-align:left} .prodInfoTxtklEnd {font-size:11px;font-weight:normal;margin:0px 100px 20px 40px;text-align:left} .prodInfoLink {font-size:11px;font-weight:normal;margin:12px 100px 0px 40px} .ingredientenTabel {margin:0px 25px 25px 0px;border:1px solid #333;padding:3px;background-color:#eaf8ff;text-align:left} .ingredientenTabel TD {font-size:11px;margin:0px;height:20px;vertical-align:top} .ingredientenTabelCel1 {width:400px} .ingredientenTabelCel2 {width:200px} /* COLOFON */ /* in apart stylesheet */ .colofonTabel {width:760px;padding-top:12px;border:1px solid #BBBBBB;border-top:none} .nav {font:normal 11px Tahoma,Arial,Helvetica,sans-serif;letter-spacing:0.05em;text-align:center;color:#999999;margin-bottom:15px;font-variant:small-caps} a.link2:link {color:#0066CC;text-decoration:none} a.link2:visited {color:#0066CC;text-decoration:none} a.link2:active {color:#0066CC;text-decoration:none} a.link2:hover {color:#A3824D;text-decoration:underline} /* formulier */ .formTabel {font-size:11px;color:#333333;background-color:#FFFFFF;width:600px;border:2px solid #e5decb;padding:12px 4px 0px 4px;margin:0px 10px 20px 40px} .formTabel TR TD {vertical-align:top} .contactCel1 {width:32%;text-align:left;padding-left:6px;font-weight:bold;color:#333333} .contactCel2 {width:68%;text-align:left;padding-left:50px} .contactCel3 {text-align:left;padding-left:6px} .formveld {background-color:#FFFFFF;width:250px;border:1px solid #999999;color:#333333} .tekstveld {background-color:#FFFFFF;width:250px;height:125px;border:1px solid #999999;color:#333333} .tekstveldKlein {background-color:#FFFFFF;width:250px;height:50px;border:1px solid #999999;color:#333333} .submitbutton {font:bold 12px Tahoma;color:#333333;width:120px; height:20px; margin:20px 0px 15px 0px;letter-spacing:0.1em; border: 0px solid transparent; background: transparent url(/gif/submitbutton.gif) left bottom no-repeat; padding-bottom: 2px; } /* formulier advies */ .formTabelAdvies {font-size:11px;color:#333333;background-color:#e5decb;width:690px;border:1px solid #999999;padding:12px 4px 0px 4px;margin:0px 10px 20px 40px} .formTabelAdvies TR TD {vertical-align:top} .aanhefveld {background-color:#FFFFFF;width:50px} .formveldAdv {background-color:#FFFFFF;width:200px;} .tekstveldAdv {background-color:#FFFFFF;width:350px;height:125px;} .AdvCel1 {width:25%;text-align:left;padding-left:40px;font-weight:bold;color:#333333;font-size:12px} .AdvCel2 {width:75%;text-align:left;padding-left:50px} .AdvCel3 {text-align:left;padding-left:40px} .submitbuttonAdv {border:3px double #999; border-left-color:#ccc; border-top-color:#ccc; color:#555;padding:0.1em; background:url(../gif/background-submit2.gif) center repeat-x; background-color:#f2f2f2; margin:20px 0px 15px 0px; font-size:14px; font-weight:bold} /* TAGS en ALGEMENE CODES */ BODY {background-color:#FFFFFF;margin:0px 0px 60px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;color:#333333;} FORM {margin:0px} .vet {font-weight:bold} .normaal {font-weight:normal} .schuin {font-style:italic} .streep {text-decoration:line-through} .rood {color:#B50505} .klein {font-size:10px;color:#626262;} .oranje {color:#b72525} .vetoranje {font-weight:bold;color:#b72525} .vetroodKop {font-weight:bold;color:#b72525;font-size:11px;text-decoration:underline} .clear {clear:both;font-size:1px;margin:0px} a.link3:link {color:#0066CC;text-decoration:none} a.link3:visited {color:#0066CC;text-decoration:none} a.link3:active {color:#0066CC;text-decoration:none} a.link3:hover {color:#a3824d;text-decoration:underline} a.link4:link {font-weight:bold;color:#0066CC;text-decoration:underline} a.link4:visited {font-weight:bold;color:#0066CC;text-decoration:underline} a.link4:active {font-weight:bold;color:#0066CC;text-decoration:underline} a.link4:hover {color:#a3824d;text-decoration:underline} a.link6:link {color:#FFF;text-decoration:none;font-weight:bold} a.link6:visited {color:#FFF;text-decoration:none;font-weight:bold} a.link6:active {color:#FFF;text-decoration:none;font-weight:bold} a.link6:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold} a.link7:link {color:#0066CC;text-decoration:none} a.link7:visited {color:#0066CC;text-decoration:none} a.link7:active {color:#0066CC;text-decoration:none} a.link7:hover {color:#0066CC;text-decoration:underline} a.link8:link {color:#333;text-decoration:none} a.link8:visited {color:#333;text-decoration:none} a.link8:active {color:#333;text-decoration:none} a.link8:hover {color:#333;text-decoration:underline} .bestelblokKnop { font:bold 12px Tahoma,Verdana,Arial; background: url(../gif/background-submit14.gif) repeat-x; border:3px double #b4b4b4; border-left-color:#d0d0d0; border-top-color:#d0d0d0; color:#333; padding:0.2em 0.3em 0.4em 0.3em; width:145px; margin:0px 0px 15px 0px; letter-spacing:0.1em; cursor:pointer; font-variant:small-caps} .bestelblokKnop:active {background:url(http://www.smeetsengraas.nl/gif/background-submit2.gif) center repeat-x;} * html .bestelblokKnop {font-size: 13px;padding-top: 5px;padding:0.4em;} *:first-child+html .bestelblokKnop {font-size: 13px;padding-top: 5px;padding:0.4em;} * html .bestelblokAantal {margin-bottom: 20px;} *:first-child+html .bestelblokAantal {margin-bottom: 20px;} /* actiepagina */ a.link:link {color:#0066CC;text-decoration:none} a.link:visited {color:#0066CC;text-decoration:none} a.link:active {color:#0066CC;text-decoration:none} a.link:hover {color:#a3824d;text-decoration:underline} .ActieTxt {font-size:11px;margin:0px 0px 10px 0px;padding:4px 0px 4px 0px;text-align:justify;border-top:1px solid #999999;border-bottom:1px solid #999999} .Actiepak {padding:4px;border:0px double #7da600;margin-bottom:70px} .ProdPicActie {margin:0px 0px 20px 0px} .overlib {margin:0px}