/* ### GENERAL ### */ * { margin: 0px; padding: 0px; } html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color: #424242; } input, select, textarea { font-family: Arial; font-size: 11px; color: #7a7b7b; } body { background: url('../images/bodyBg.gif') #d7d7d7 repeat-x; } img { border: 0px; display: block; } hr {width:100%; height:1px; border:none; border-top: 1px #fcaf17 dashed; padding-bottom:10px;} a { color: #faa41a; } a:hover { text-decoration: none; } ul.buttons { margin: 5px; overflow: hidden; width: 100%; height: 22px;} ul.buttons li { margin-left: 1px; float: left; display: inline; } ul.buttons li a { padding: 0px 10px 0px 10px; display: block; float: center; height: 22px; line-height: 22px; text-decoration: none; font-size: 13px; color: #fff; background: url('../images/buttonBg.gif') repeat-x; } ul.buttons li a:hover { text-decoration: underline; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { margin: 0 auto; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 1000px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 1000px; height: 132px; background: url('../images/headerBg.png') no-repeat bottom; } /* ### TOP CONTAINER ### */ #topCntr { overflow: hidden; width: 1000px; height: 29px; background: #fff; } #topCntr ul { padding: 5px 0px 0px 20px; list-style: none; } #topCntr li { margin-right: 1px; float: right; display: inline; } #topCntr li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 24px; line-height: 24px; text-decoration: none; color: #afafaf; } #topCntr li a:hover, #topCntr li.selected a { color: #424242; background: #eeedee; } /* ### ZOEK CONTAINER ### */ #zoekCntr { position: absolute; bottom: 0px; right: 0px; overflow: hidden; width: 195px; height: 27px; } #zoekCntr fieldset { border: 0px; } #zoekCntr input.field { padding: 3px 0px 0px 5px; float: left; width: 150px; height: 16px; color: #424242; border: 1px solid #bcbcbc; border-right: 0px; background: #fff; } #zoekCntr input.submit { float: left; width: 32px; height: 21px; border: 0px; background: url('../images/submit3Bg.gif') no-repeat; } /* ### CONTENT CONTAINER ### */ #contentCntr {overflow: hidden; width: 1000px; background: url('../images/contentBg.gif') repeat-y; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 212px; } /* ### MENU CONTAINER ### */ #menuCntr { padding: 4px; width: 204px; } #menuCntr span.title { padding-left: 8px; display: block; height: 27px; line-height: 27px; font-size: 16px; color: #fff; background: url('../images/titleBg.gif') no-repeat; } #menuCntr ul { list-style: none; } #menuCntr ul li { margin-bottom: 3px; } #menuCntr ul li a { padding-left: 8px; display: block; height: 27px; line-height: 27px; text-decoration: none; color: #bab7b6; background: url('../images/menuBg.gif') no-repeat; } #menuCntr ul li a:hover { color: #fff; background:} #menuCntr ul li.mainselected a.category { color: #fff; background: url('../images/menuO.gif') no-repeat; } #menuCntr ul li ul li a { padding-left: 16px; color: #7a7b7b; background: url('../images/subBg.gif') no-repeat; } #menuCntr ul li ul li.selected a { color: #fff; } /* ### BRIEF CONTAINER ### */ #briefCntr { padding: 44px 4px 4px 4px; width: 204px; background: url('../images/briefBg.gif') no-repeat top; } #briefCntr span.tel { padding-left: 8px; display: block; height: 27px; line-height: 27px; font-size: 25px; color: #FFFFFF;} #briefCntr span.nieuwsbrief { padding-left: 8px; margin-top:16px; display: block; height: 27px; line-height: 27px; font-size: 16px; color: #bab7b6; background: url('../images/title2Bg.gif') no-repeat; } #briefCntr fieldset { padding: 8px 0px 0px 10px; overflow: hidden; width: 194px; border: 0px; } #briefCntr input.field { padding: 3px 0px 0px 5px; float: left; height: 16px; width: 150px; border: 1px solid #7a7b7b; border-right: 0px; background: none; } #briefCntr input.submit { float: left; width: 28px; height: 21px; border: 0px; background: url('../images/submitBg.gif') no-repeat; } /* ### RIGHT CONTAINER ### */ #rightCntr { margin-right: 1px; float: right; display: inline; overflow: hidden; width: 786px; } /* ### ARTIKEL CONTAINER ### */ #artikelCntr { padding-bottom: 10px; float: left; overflow: hidden; width: 473px; } #artikelCntr ul.tab { margin-bottom: 10px; padding-top: 17px; overflow: hidden; width: 473px; height: 33px; list-style: none; background: #424242; } #artikelCntr ul.tab li { margin-left: 3px; float: left; display: inline; } #artikelCntr ul.tab li a { display: block; float: left; width: 115px; height: 33px; line-height: 33px; font-size: 14px; text-decoration: none; text-align: center; color: #7a7b7b; background: url('../images/artikelBg.gif') no-repeat; } #artikelCntr ul.tab li a:hover, #artikelCntr ul.tab li.selected a { color: #424242; background: url('../images/artikelHBg.gif') no-repeat; } #artikelCntr h1 { padding-bottom: 0px; font-size: 17px; } #artikelCntr p { padding-bottom: 6px; } #artikelCntr p a { color: #faa41a; } #artikelCntr p a:hover { text-decoration: none; } #artikelCntr div.pic { float: left; width: 240px; margin-left:10px; } #artikelCntr div.pic img { float: left;} #artikelCntr div.text { float: right; width: 220px; } #artikelCntr div.long { float:left; width: 450px; margin-left:10px; } #artikelCntr h2, #artikelCntr h3 {color:#996633; font-size:14px; margin-bottom:5px; margin-top:10px;} #artikelCntr div.margin { margin-left:0px; } #artikelCntr div.text ul, #artikelCntr div.text li{list-style:inside;} #artikelCntr a div.prijs {text-decoration: none; margin: 0px 15px 0px 0px; float: right; position: relative; width: 162px; height: 103px; background: url('../images/bestelBg.gif'); } #artikelCntr a:hover div.prijs {text-decoration: underline;color: #333333; } #artikelCntr a div.prijs h4 {text-decoration: none; position: absolute; top: 25px; right: 25px; font-size: 14px; line-height:20px; color: #bab7b6; } #artikelCntr a div.prijs h4 span { text-decoration: line-through; } #artikelCntr a div.prijs h2 {text-decoration: none; position: absolute; top: 35px; right: 25px; font-size: 26px; line-height:50px; color: #333333;} #artikelCntr input.small {width:20px;} /* ### WW CONTAINER ### */ #wwCntr { float: right; overflow: hidden; width: 312px; } #wwCntr div.winkel { margin-bottom: 4px; border: 1px solid #424242; } #wwCntr span.wagen { padding: 27px 0px 0px 40px; display: block; width:115px; height: 23px; font-size: 15px; font-weight: normal; background: url('../images/title3Bg.gif') no-repeat; float:left; } #wwCntr span.ideal { padding:0px; display: block; width:155px; height: 55px; background: url('../images/title3Bg.gif') no-repeat; float:right } #wwCntr ul.artikelen { margin: 5px; padding: 10px 20px 10px 20px; overflow: hidden; width: 260px; list-style: none; border-top: 1px solid #424242; border-bottom: 1px solid #424242; background: #f5f6f6; } #wwCntr ul.artikelen li { float: left; width: 60px; text-align: right; font-size: 13px; color: #a2a1a1; } #wwCntr ul.artikelen li.first { text-align: left; width: 210px; margin-left:-10PX; border:0px solid; display:block} #wwCntr ul.buttons { margin: 5px; overflow: hidden; width: 300px; height: 22px; background: url('../images/buttonsBg.gif') repeat-x; } #wwCntr ul.buttons li { margin-left: 1px; float: right; display: inline; } #wwCntr ul.buttons li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 22px; line-height: 22px; text-decoration: none; font-size: 13px; color: #fff; background: url('../images/buttonBg.gif') repeat-x; } #wwCntr ul.buttons li a:hover { text-decoration: underline; } /* ### PRODUCT CONTAINER ### */ #productCntr { overflow: hidden; width: 786px; } #productCntr div.bar { overflow: hidden; width: 786px; height: 41px; line-height: 41px; background: url('../images/barBg.gif') repeat-x; } #productCntr div.bar h2 { padding-left: 8px; display: block; float: left; width: 392px; font-weight: normal; font-size: 15px; color: #d8d8d8; } #productCntr div.bar label { margin-right: 6px; display: block; float: left; font-size: 15px; color: #d8d8d8; } #productCntr div.bar fieldset { float: right; overflow: hidden; width: 250px; border: 0px; } #productCntr div.bar select { margin-top: 10px; padding: 2px; float: left; width: 100px; height: 21px; color: #424242; border: 1px solid #bcbcbc; border-right: 0px; background: #fff; } #productCntr div.bar input.submit { margin-top: 10px; float: left; width: 32px; height: 21px; border: 0px; background: url('../images/submit2Bg.gif') no-repeat; } #productCntr div.last { border-right: 0px; } #productCntr div.bottom { border-bottom: 0px; } /* ### PRODUCT BOX ### */ .productBox { padding: 15px; float: left; overflow: hidden; width: 362px; height: 241px; border-right: 1px solid #424242; border-bottom: 1px solid #424242; } .productBox h1 { padding-bottom: 11px; font-size: 17px; } .productBox div.text {height:80px; padding-bottom: 20px;border:0px solid #000000; } .productBox p a { color: #faa41a; } .productBox p a:hover { text-decoration: none; } .productBox div.pic { float: left; width: 180px; height:120px; border:0px solid #000000; } .productBox a div.aktie { background: url('../images/aktieBg.gif'); } .productBox a div.bestel { background: url('../images/bestelBg.gif'); } .productBox a div.prijs2 { background: url('../images/prijsBg.gif'); } .productBox a div.prijs {text-decoration: none; margin: 0px 0px 0px 0px; float: right; position: relative; width: 162px; height: 103px; border:0px solid #000000;} .productBox a:hover div.prijs {text-decoration: underline;color: #333333; } .productBox a div.prijs h4 {text-decoration: none; position: absolute; top: 25px; right: 25px; font-size: 14px; line-height:20px; color: #bab7b6; } .productBox a div.prijs h4 span { text-decoration: line-through; } .productBox a div.prijs h2 {text-decoration: none; position: absolute; top: 35px; right: 25px; font-size: 26px; line-height:50px; color: #333333;} #sitemap { float:left; width:100%; margin-left:10px; } #sitemap ul { list-style:circle; list-style-type:circle; list-style-position: inside; margin-left:10px;} #sitemap li { list-style:disc; list-style-type:disc; list-style-position: inside; } #sitemap a.main_category { font-size:14px; font-weight:bold;} #sitemap a.sub_category { font-size:12px; } #sitemap a.product { font-size:10px; text-decoration:none; color:#424242; } #sitemap a.product:hover {text-decoration:underline;} /* ### FOOTER CONTAINER ### */ #footerCntr { padding: 12px 30px 0px 0px; width: 970px; height: 55px; text-align: right; color: #bdbdbd; background: url('../images/footerBg.gif') no-repeat; } table.winkelmand{ border:0px; width:480px;} table.winkelmand h2, h2{color:#996633; font-size:14px; margin-bottom:15px} table.winkelmand tr{ height:26px; padding:2px;} table.winkelmand tr td{ padding-left:10px; padding-right:10px;} table.winkelmand tr.top{ background: #F5F0DC; color:#666666; height:26px; padding:5px;} table.winkelmand input, input{width:130px; height:18px; margin:0px; border:1px solid #666666;} table.winkelmand input.radio, input.radio{width:16px; margin:0px; border:1px solid #666666;} table.winkelmand input.submit, input.submit{ width:160px; height:20px; background-color: #E2E2E2; border:1px solid #666666; cursor:pointer} table.winkelmand input.submit_big, input.submit_big{width:160px; height:20px; background-color: #E2E2E2; border:1px solid #666666; font-size:14px; font-weight:bold; cursor:pointer} table.winkelmand input.submit_small, input.submit_small{width:130px; height:20px; background-color: #E2E2E2; border:1px solid #666666; cursor:pointer} table.winkelmand input.price { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color: #424242; border:1px solid white; text-align:right; } p.warning{ margin-bottom:10px; border: 0px solid #007ec7; color:#FF0000; padding:5px; padding-left:20px; background: url('../images/warning.gif') no-repeat left center; } p.success{ margin-bottom:10px; border: 0px solid #007ec7; color:#66CC33; padding:5px; padding-left:20px; background: url('../images/yes.gif') no-repeat left center; } p.info{ margin-bottom:10px; border: 0px solid #007ec7; color: #2abbd9; padding:5px; padding-left:20px; background: url('../images/info.gif') no-repeat left center; }