/* CSS Document */ @import "thickbox.css"; @import "carousel.css"; * { padding: 0px; margin: 0px; font-family:Arial, Helvetica, sans-serif; } body { background-color:#267612; } form { margin:0px; padding:0px; float:left } table { border:0px; } select, input { font-size:12px; background:url(../images/textarea.gif) top left no-repeat; border: 1px solid #267612; height:18px; padding-top:2px; padding-left:3px; } select { height:20px; } select.afleverings_methode { width:300px; } textarea { font-size:12px; background:url(../images/textarea.gif) top left no-repeat; border: 1px solid #267612; padding-top:2px; padding-left:3px; } input.nb { border:0px; background:none; } input.button { background-image:none; background-color:#267612; width:200px; height:22px; text-align:center; font-weight:bold; color:#fff; margin-right:8px; } img { border:0px; } #header { width:960px; height:70px; margin:0 auto; background:url(../images/header_background.gif) repeat-x; } .socialmedia2 { margin-top:20px; float:right; display:block; width:310px } .socialmedia2 a.facebook { padding-left:10px; padding-right:20px; } .socialmedia2 a.twitter { margin-top: 5px; } #menu { width:960px; height:40px; margin:0 auto; background:url(../images/but_background.gif) repeat-x; } #menu a, #menu a:link, #menu a:visited { float:left; height:28px; display:block; background:url(../images/but_divider.gif) right no-repeat; font-size:13px; text-decoration:none; color:#FFFFFF; padding-top:12px; padding-right:15px; padding-left:15px; font-weight:bold; } #menu a.active { text-decoration:underline; } #menu a:hover { text-decoration:underline; } #menu a.active:hover { text-decoration:none; } #menu a.last { background:none; } #popup { background-color:#FFFFFF; margin:10px; } #popup h1 { font-size:18px; color:#267612; margin-bottom:15px; } #wrapper { position:relative; width:960px; min-height:920px; margin:0 auto; clear:both; overflow:auto; background:#fff url(../images/main_background.gif) repeat-x; padding-bottom:20px; font-size:12px;} #wrapper #crumblepath { width:948px; margin:0 auto; height:10px; padding-top:15px; font-size:11px; padding-left:12px; color:#636363; font-weight:bold; } #wrapper #crumblepath a, #wrapper #crumblepath a:link, #wrapper #crumblepath a:visited { text-decoration:underline; color:#267612; } #wrapper #crumblepath a:hover { text-decoration:none; } #wrapper #content { position:relative; width:710px; padding-top:20px; padding-left:10px; } #wrapper #content a, #wrapper #content a:link, #wrapper #content a:visited { color:#267612; text-decoration:none; } #wrapper #content a:hover { text-decoration:underline; } #wrapper #content p { line-height:20px; padding-bottom:12px; } #wrapper #content h1 { font-size:18px; color:#267612; margin-bottom:15px; } #wrapper #content h2 { font-size:16px; color:#267612; margin-bottom:15px; } #wrapper #content h3 { font-size:14px; color:#267612; margin-bottom:15px; } #wrapper #content h4 { font-size:12px; color:#267612; margin-bottom:10px; margin-top:10px; } #wrapper #content ul { list-style-position: outside; list-style-type: square; margin-left:20px; margin-top:10px; margin-bottom:10px; } #wrapper #content .wide-content { line-height:16px; text-align:justify; float:left; } #wrapper #content .wide-content .intro { margin-bottom:10px; } #wrapper #content .wide-content tbody { margin-left:-2px; } #wrapper #content .wide-content tbody tr td { padding-right:4px; padding-bottom:4px; } #wrapper #content .text-content { line-height:16px; text-align:justify; float:left; width:470px; } #wrapper #content .text-content p { line-height:18px; } #wrapper #content .text-content .intro { margin-bottom:10px; } #wrapper #content .text-content tbody { margin-left:-2px; } #wrapper #content .text-content tbody tr td { padding-right:4px; padding-bottom:4px; } #wrapper #content .required_field { color:#FF0000; display:inline; } #wrapper #content .sub-content { display:block; margin-left:15px; } #wrapper #content .articlebar { display:block; width:150px; float:left; margin-left:12px; margin-right:12px; margin-bottom:10px; text-align:center } #wrapper #content .articlebar span { height:30px; display:block; margin-bottom:5px; } #wrapper #content .articlebar a { color:#1e1e1e; } #wrapper #content .articlebar img { border:1px solid #267612; } #wrapper #content .articlebar table td { cursor:pointer; background:url(../images/infobar_yellow.gif) no-repeat; color:#FFFFFF; margin-top:10px; width:150px; height:30px; display:block; font-weight:bold; text-align:center; line-height:13px; vertical-align:middle } #wrapper #content .infobar { display:block; width:220px; float:left; margin-left:10px; margin-bottom:10px; text-align:center; overflow:hidden; height:180px; } #wrapper #content .infobar img { border:1px solid #267612; } #wrapper #content a.infobar:hover span { text-decoration:underline; } #wrapper #content .infobar span { cursor:pointer; background:url(../images/infobar.gif) no-repeat; margin-top:10px; width:220px; height:30px; display:block; font-weight:bold; color:#fff; text-align:center; } #wrapper #content .infobar .iteminfo { cursor:pointer; background:url(../images/infobar.gif) no-repeat; margin-top:10px; width:220px; height:30px; font-weight:bold; color:#fff; text-align:center; } #wrapper #content .infobar .iteminfo a:link, #wrapper #content .infobar .iteminfo a:visited, #wrapper #content .infobar .iteminfo a:hover { color:#FFFFFF; } #wrapper #content .infobar span.nobackground { cursor:default; background:none; color:#000000; height:; } #wrapper #content .infobar span table td { z-index:-10; width:220px; height:28px; line-height:13px; vertical-align:middle } #wrapper #content #sub-menu { float:left; width:235px; overflow:hidden } #wrapper #content #sub-menu h1 { margin-top:-3px; } #wrapper #content #sub-menu a, #wrapper #content #sub-menu a:link, #wrapper #content #sub-menu a:visited { color:#FFF; text-decoration:none; font-weight:bold; } #wrapper #content #sub-menu a:hover { text-decoration:underline; } #wrapper #content #sub-menu table { border:0px; border-collapse:collapse; } #wrapper #content #sub-menu td { width:200px; height:44px; padding-left:10px; padding-right:10px; } #wrapper #content #sub-menu td.first { background:url(../images/submenu_first.gif) no-repeat; height:39px; padding-top:2px; } #wrapper #content #sub-menu td.second { background:url(../images/submenu_second.gif) no-repeat; } #wrapper #content #sub-menu td.third { background:url(../images/submenu_third.gif) no-repeat; } #wrapper #content #sub-menu td.fourth { background:url(../images/submenu_fourth.gif) no-repeat; } #wrapper #content #sub-menu td.middle { background:url(../images/submenu_middle.gif) no-repeat; } #wrapper #content #sub-menu td.last { background:url(../images/submenu_last.gif) no-repeat; height:42px; } #wrapper #content #flash-content { float:left; } #wrapper #content .formulier td { padding-right: 8px; padding-bottom:8px; } #wrapper #content .formulier .right { text-align:right } #wrapper #content .formulier textarea { width:405px; } #wrapper #content .buttons { text-align:justify; margin-top:10px; margin-bottom:10px; clear:both; float:left; width:710px; } #wrapper #content .buttons .button { float:left; } #wrapper #content .buttons .right { position:relative; margin-left:500px; } #wrapper #content .prijsinfo { font-size:16px; font-weight:bold; display:block; margin-bottom:20px; margin-top:20px; } #wrapper #content .prijsinfo .prijs { font-size:16px; font-weight:bold; color:#267612; } #wrapper #content .knop { border:1px solid #267612; background:#ffcc00; text-align:center; width:150px; height:20px; padding-top:4px; font-size:14px; font-weight:bold; display:inline-block; } #wrapper #content .afhalen { font-size:16px; font-weight:bold; display:block; } #wrapper #content .uitverkocht { font-size:16px; font-weight:bold; display:block; } #wrapper #content .afbeelding { border:1px solid #267612; } #wrapper #content .afbeeldingen { margin-top:10px; } #wrapper #content .afbeeldingen a img { border:1px solid #267612; margin-right:11px; margin-bottom:11px; } #wrapper #content #reacties { border-top:1px solid #267612; margin-top:10px; width:100% } #wrapper #content .reactie_regel td { border-bottom:1px solid #267612; vertical-align:top } #wrapper #content .reactie_info { border-right:1px solid #267612; width:200px; padding-top:10px; } #wrapper #content .reactie_text { padding:10px; } #wrapper #content .reactie_paginas td { padding-top:4px; padding-bottom:4px; text-align:right } #wrapper #content .artikel-item { float:left; width:220px; text-align:center; margin-right:16px; margin-bottom:25px; } #wrapper #content .artikel-item h3 { margin-bottom:2px; padding-left:5px; padding-right:5px; } #wrapper #content .artikel-item img { border:1px solid #267612; } #wrapper #content .artikel-item-content { background:url(../images/container_background.gif) repeat-y; height:165px; overflow:hidden; padding-top:10px; padding-bottom:10px; font-size:11px; } #wrapper #content .artikel-item-content p { margin:0px; margin-left:10px; margin-right:10px; padding:0px; line-height:15px; } #wrapper #content .artikel-item-top { background:url(../images/container_top.gif) no-repeat; width:220px; height:5px; } #wrapper #content .artikel-item-bottom { background:url(../images/container_bottom.gif) no-repeat; width:220px; height:5px; } #wrapper #content .artikel-item-bottom-more { background:url(../images/container_bottom_more.gif) no-repeat; width:220px; height:18px; } #wrapper #content .artikel-item-bottom-more a { display:block; width:220px; height:18px; } #wrapper #content .product-detail td { vertical-align:top; padding-right:4px; padding-bottom:4px; } #wrapper #content .product-detail .images { width:150px; padding-left:8px; } #wrapper #content .product-detail .images img { margin-bottom:5px; border:1px solid #267612; } #wrapper #content #winkelwagens_steps { margin-top:10px; width:710px; float:left; clear:both; } #wrapper #content #winkelwagens_steps span { float:left; text-align:center; padding-top:30px; background:url(../images/step.gif) no-repeat; width:170px; height:55px; } #wrapper #content #winkelwagens_steps span.active { background:url(../images/step_active.gif) no-repeat; } #wrapper #content #winkelwagens_steps span.finished { background:url(../images/step_finished.gif) no-repeat; } #wrapper #content input.winkelwagen_aantal { width:35px; padding-left:0px; text-align:center; } #wrapper #content td.money { text-align:right; } #wrapper #content tr.line { border-bottom:1px solid #bcbcbc; } #wrapper #content span.belangrijk { font-size:20px; color:#267612; } #wrapper #content #transport_info { display:none; color:blue; } #wrapper #content #afleveradres { display:none; } #wrapper #right { top:0px; position:absolute; right:5px; display:inline; width:230px; margin-left:10px; padding-top:20px; } #wrapper #right #winkelmand { width:230px; height:80px; background:url(../images/winkelmand.gif) no-repeat; } #wrapper #right #winkelmand a { position:relative; float:left; width:220px; height:30px; } #wrapper #right #winkelmand span { position:relative; padding-top:33px; float:left} #wrapper #right #winkelmand span.items { padding-left:12px; } #wrapper #right #winkelmand span.totaal { padding-left:22px; } #wrapper #right a.but_assortiment { margin-top:20px; background:url(../images/but_assortiment.gif); width:220px; height:40px; display:block } #wrapper #right div.raster { background:url(../images/right_raster.gif) no-repeat; width:200px; height:70px; padding:10px; margin-top:20px; color:#267612; text-align:justify } #wrapper #right div.raster h3 { font-size:14px; font-weight:bold; margin-bottom:6px; } #wrapper #right div.raster a, #wrapper #right div.raster a:link, #wrapper #right div.raster a:visited { text-decoration:underline; color:#267612; } #wrapper #right div.raster a:hover { text-decoration:none; } #wrapper #right div.overige-artikelen { background:url(../images/right_accesoiresonderhoud.gif) no-repeat; width:200px; height:30px; padding:130px 10px 10px 10px; margin-top:20px; color:#fff; text-align:justify; } #wrapper #right div.overige-artikelen a, #wrapper #right div.overige-artikelen a:link, #wrapper #right div.overige-artikelen a:visited { text-decoration:underline; color:#fff; } #wrapper #right div.overige-artikelen a:hover { text-decoration:none; } #wrapper #content #home .jcarousel-items { display:none; } #wrapper #content #home-content { width:290px; margin-top:20px; padding:10px; float:left } #wrapper #content #home-content a, #wrapper #content #home-content a:link, #wrapper #content #home-content a:hover, #wrapper #content #home-content a:visited { text-decoration:underline; } #wrapper #content #home #highlights { float:right; margin-top:30px; width:380px; margin-right:10px; font-size:11px; color:#FFFFFF } #wrapper #content #home #highlights h2 { margin-bottom:0px; } #wrapper #content #home #highlights div.highlight { background:url(../images/highlight_background.gif) no-repeat; width:368px; height:100px; margin-bottom:10px; padding-top:6px; padding-left:12px;} #wrapper #content #home div.highlight a, #wrapper #content #home div.highlight a:link, #wrapper #content #home div.highlight a:visited { color:#FFFFFF; text-decoration:underline; font-size:11px; } #wrapper #content #home div.highlight a:hover { text-decoration:none; } #wrapper #content #home div.highlight h2 { color:#FFFFFF; font-size:16px; } #wrapper #content #home div.highlight div.text { color:#FFFFFF; font-size:11px; width:235px; line-height:18px; } #wrapper #content #home div.image { float:right; padding-right:8px; padding-top:2px; } #wrapper #content #home div.bestseller { position:absolute; z-index:10; margin-left:270px; background:url(../images/bestseller.gif) no-repeat; width:93px; height:41px; } #wrapper #content #home div.nieuw { position:absolute; z-index:10; margin-left:270px; background:url(../images/nieuw.gif) no-repeat; width:93px; height:41px; } #wrapper #content #home div.image img { width:114px; } #wrapper #content #home #melding { border:1px solid #267612;padding:5px; font-size:12px; font-weight:bold; background-color:#FFCC00; margin-top:20px; margin-left:10px; margin-right:10px; width:680px; float:left; } #wrapper #content #home #melding h1 { font-size:18px; margin-bottom:8px; } #footer { width:960px; height:59px; margin:0 auto; background:url(../images/footer.gif); } #footer a { float:right; width:90px; height:27px; }