html, body, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; color: #333; }
body, ul, ul li, img, form { margin:0; padding:0; border:0; outline:0; }
#topmenu, #topmenu li, #hoofdmenu, #hoofdmenu li, #submenu, #submenu li, #crumb, #crumb li, #overzicht, #overzicht li, #footer, #footer li, #paginas, #paginas li { list-style:none; }
a, a:visited, #topmenu li, #footer { color: #8a1619; text-decoration:none } /* ROOD */
a:hover { text-decoration: underline;}
h1, h2 { font-size: 18px; color:#8a1619; }
h2 { font-size: 14px; }
h1 small, h2 small { font-size: 12px; }
#content.standaard h2 { font-size: 16px; }
h3 { font-size: 13px; }
h4 { font-size: 14px; }
#overzicht li h2 { margin:0; padding:0; color:#000}
#crumb li a, #submenu li a { color: #333; }
/* ACHTERGRONDEN */
body, body.tuning { background: url(../img/tuning.jpg) center top no-repeat;}
body.fiat126 { background: url(../img/fiat126.jpg) center top no-repeat;}
body.fiat600 { background: url(../img/fiat600.jpg) center top no-repeat;}
body.fiat500 { background: url(../img/fiat500.jpg) center top no-repeat;}
body.fiat850 { background: url(../img/fiat850.jpg) center top no-repeat;}
body.fiat127 { background: url(../img/fiat127.jpg) center top no-repeat;}
body.remvoering { background: url(../img/geschenken.jpg) center top no-repeat;}
body.csc { background: url(../img/csc.jpg) center top no-repeat;}
body.support { background: url(../img/support.jpg) center top no-repeat;}
body.over { background: url(../img/over.jpg) center top no-repeat;}
body.contact { background: url(../img/contact.jpg) center top no-repeat;}
body.voorwaarden { background: url(../img/voorwaarden.jpg) center top no-repeat;}
body.kleinebrowser { background-position: center -185px; }
body.middelbrowser { background-position: center -125px; }
/* SPRITES */
#topmenu, a.vorige, a.volgende, #hoofdmenu li a.winkelwagen { background: transparent url(../img/sprite.png) 0 0 no-repeat; }
#container { margin: auto; width: 980px; position:relative; }
#header { position:relative; height: 280px; overflow:hidden;}
body.kleinebrowser #header { height: 95px; }
body.middelbrowser #header { height: 155px; }
#logo { float:left; margin-left: 13px;}
#taal { position: absolute; left: 25px; top: 5px; }
#taal a { margin-right:2px;}
#topmenu { float:right; margin-right:10px; width:519px; height: 51px; overflow:hidden; display:block; background-position: 0 0; }
#topmenu li { font-size: 11px; padding-top: 14px; float:left; display:block;}
#topmenu li a { margin: 0 5px 0 5px; float:left; display:block; }
#topmenu li a.first { margin-left: 10px; }
#topmenu li.active a { text-decoration: underline;}
#hoofdmenu { border-bottom: solid 1px #e2e2e2; height: 44px; /*margin-bottom: 28px;*/ margin-bottom: 14px; position:relative;}
body.kleinebrowser #hoofdmenu { margin-bottom:2px; }
#hoofdmenu li, #hoofdmenu li a { float:left; display:block; /*font-size: 18px;*/ font-size: 17px; color: #8a1619; }
/*#hoofdmenu li { padding: 12px 18px 10px 18px; }*/
#hoofdmenu li { padding: 12px 13px 10px 13px; }
#hoofdmenu li.active { background-color: #e2e2e2; }
#hoofdmenu li.active a { color: #333; }
#hoofdmenu li a.winkelwagen { text-indent: -200px; overflow:hidden; background-position: 0 -125px; width: 25px; display:block }
#hoofdmenu li.active a.winkelwagen { background-position: -40px -125px; }
#content { float: right; position:relative; width: 750px; margin-bottom: 30px;}
#content.standaard, #content.breed { float: left; width: 930px; margin-left: 15px; }
#content.breed { width: 960px; }
#crumb { display:block; height: 24px; width: 740px; position:relative;}
#crumb li, #crumb li a { float:left; display:block; }
#crumb li { padding-top: 5px;}
#crumb li.active a { color: #8a1619; font-size: 18px; }
#crumb li.active { padding-top: 0; }
#overzicht { position:relative; }
#overzicht li { border: solid 1px #e2e2e2; width: 245px; margin-right:2px; margin-bottom: 2px; /*height:315px;*/ height:285px; overflow:hidden}
/*#overzicht.home { height: 220px;}
#overzicht.home li { width: 182px; height: 220px }*/
#overzicht.home { height: 190px;}
#overzicht.home li { width: 151px; height: 190px; }
#overzicht.home li a h2 { font-size: 14px; }
#overzicht.home2 { height: auto;}
#overzicht.home2 li { width: 228px; height: 210px; }
#overzicht.home2 li a h2 { font-size: 14px; }
#overzicht.home2 li.breed { width: 305px; }
*+html #overzicht li {height:322px;}
#overzicht li, #overzicht li a { float:left;}
#overzicht li a { color: #333; padding:1px; }
#overzicht li a:hover { text-decoration: none; }
#overzicht.producten li a img, #overzicht.gerelateerd li a img { width: 200px; height: 150px; padding: 0 22px }
#overzicht.producten li a.merk, #overzicht.producten li a.merk.imasaf { background:url(../img/merken/imasaf.gif) 168px 192px no-repeat; }
#overzicht.producten li a.merk.csc { background-image:url(../img/merken/csc.gif); }
#overzicht.producten li a.merk.sigmauto { background-image:url(../img/merken/sigmauto.gif); }
#overzicht.producten li a.merk.intrax { background-image:url(../img/merken/intrax.gif); }
*+html #overzicht.producten li a.merk { background-position: 168px 198px; }
#overzicht li a h2, #overzicht li a p, #overzicht.gerelateerd li h2, #overzicht.gerelateerd li p { padding-left: 5px; clear:both; display:block; }
#overzicht li a h2, #overzicht.gerelateerd li h2 { font-size: 14px; height: 30px}
#overzicht li a p, #overzicht.gerelateerd li p { display:block; height: 17px; overflow:hidden}
#overzicht li a span.prijs, #overzicht li a span.link, #overzicht.gerelateerd li span.prijs { clear:both; font-size: 16px; display: block; width: 104px; background-color: #e2e2e2; padding: 16px 5px 16px 5px; float:left; color:#8a1619; }
#overzicht li a span.prijs, #overzicht.gerelateerd li span.prijs { font-size: 20px; padding: 14px 5px; }
#overzicht.gerelateerd li span.prijs { width: 233px; margin-left: 1px; padding-bottom: 8px; }
#overzicht li a span.link { float:right; clear:none; width: 119px; margin-right:1px }
#overzicht li a:hover h2 { color: #8a1619;}
#overzicht li a:hover span.prijs, #overzicht li a:hover span.link { background-color: #8a1619; color: #fff;}
/* categorie overzicht */
#overzicht.overzicht li { height: 40px; width:235px;}
#overzicht.overzicht li h2 { /*width: 238px;*/ width: 228px; padding-top:7px; display:block; background-color:#e2e2e2; vertical-align:middle }
#overzicht.overzicht li span.link { /*width: 233px;*/ width: 223px; height:62px}
#loader { height:100%; width: 100%; background: #fff url(../img/loader.gif) center center no-repeat; position:absolute; left:0; top:0; display:none}
#loader.visible { display:block; }
#paginas { clear:both; margin-right:3px; padding-top: 22px; height:22px; display:block; position:relative; width: auto; float:right;}
#paginas li { float:left; margin: 0 1px;}
#paginas li.tekst { padding: 3px 8px;}
#paginas li a, div.detail p.back a {float:left; display:block; padding: 3px 8px;}
#paginas li.active a, #paginas li a:hover, div.detail p.back a:hover { background-color: #8a1619; color:#fff; text-decoration: none }
a.vorige, #paginas li a.vorige, div.detail p.back a { padding-left: 16px; background-position: 0 -52px; }
a.volgende, #paginas li a.volgende { padding-right: 16px; background-position: 100% -52px; }
a.vorige:hover, #paginas li a.vorige:hover, #paginas li.active a.vorige, div.detail p.back a:hover { background-position: 0 -72px;}
a.volgende:hover, #paginas li a.volgende:hover, #paginas li.active a.volgende { background-position: 100% -72px;}
/* detail pagina, product nav */
#paginas.productnav { padding-top:12px;}
#paginas li a.volgende.klein, a.volgende.klein, #paginas li a.vorige.klein, a.vorige.klein { padding: 3px 10px;}
#paginas li a.volgende.klein, a.volgende.klein { background-position: -504px -52px;}
#paginas li a.volgende.klein:hover, a.volgende.klein:hover { background-position: -504px -72px;}
#paginas li a.vorige.klein, a.vorige.klein { background-position: 7px -52px;}
#paginas li a.vorige.klein:hover, a.vorige.klein:hover { background-position: 7px -72px;}
/* detail pagina */
div.detail { clear:both; width: 100%; }
#fotos { float: right; width: 246px; }
div.detail a img { float:right; margin-top: 13px; position:relative; clear:both }
a.extrafoto { float: right; position:relative; }
div.detail h1, div.detail p { float:left; width: 320px; }
div.detail p { margin-top: 0px; margin-bottom: 12px; }
div.detail p.back { margin-top: 15px; clear:left; }
div.detail p.artikelnummer { font-size: 14px; float:left; width: 160px; }
div.detail p.omschrijving { font-size: 14px; float:left; width: 160px; clear:left; }
div.detail span.groot { font-size: 16px; color:#8a1619; width: 290px; font-weight:bold; float:right; line-height:20px }
div.detail p.back a {}
div.detail span.prijsdetail, #content span.prijs, span.prijsdetail { float:left; clear:left; position:relative; font-size:20px; color: #8a1619; width: 160px}
div.prijsaanbieding { clear:left; font-size: 16px; text-decoration: line-through;}
div.nietvoorraad {float:left; margin-top: 20px; font-size: 14px; width: 470px;}
span.ja, span.nee { color: green; font-size: 14px; font-weight: bold; }
span.nee { color: red; }
/* formulier */
#bestelling { clear:left; padding-top: 10px; }
#bestelling input, input, textarea, select { float:left; margin-right: 5px; border:solid 2px #e2e2e2; font-size: 14px; height:24px; padding: 3px 3px 0 3px; }
#bestelling textarea, textarea { height: 100px;}
#bestelling input.aantal, input.aantal { width: 25px; /*padding: 3px 3px 0 3px;*/ text-align: center}
#bestelling input.knop, input.knop { color: #fff; border: none; background-color: #8a1619; padding: 4px 12px; font-weight: bold; height: 30px}
#bestelling input.knop.right{ float:right; }
#extra_bestelling input { border: 1px; }
#extra_bestelling input.aantal { border: solid 1px #000; }
#update { float:right; padding: 5px; }
/* zoeken */
#zoeken { margin-bottom: 10px; position:relative}
#zoek { margin-left: 13px; width: 130px }
*+html #submit { width: 60px }
#submenu { float:left; position:relative; width: 215px; margin-left: 13px; line-height:18px; padding-bottom: 18px }
#submenu li a { color: #8a1619; }
#submenu li.categorie { font-weight: bold; font-size:14px; padding: 4px 0;}
#submenu li.categorie a { color:#333; }
#submenu li.active a { text-decoration: underline;}
/*#submenu li a { line-height: 12px; }*/
/* winkelwagen */
table.winkelwagen, table.gegevens { border:0;}
td.foto { width:80px;}
td.artikel { width: 490px;}
td.aantal { width: 80px;}
td.prijs { width: 80px; }
td.totaal { width:110px; text-align:center}
td.verwijder { width: 90px; padding-right:10px; text-align:right}
table.winkelwagen td a { font-size: 14px; }
table.winkelwagen td.verwijder a { font-size: 12px; }
table.winkelwagen td { padding: 5px 2px; border-bottom: solid 1px #e2e2e2; }
table.winkelwagen td.subtotaal { border-bottom: none; border-top: solid 1px #e2e2e2; }
table.winkelwagen td.eindtotaal { border-bottom: none; border-top: solid 1px #666; }
table.winkelwagen td.noborder { border: none; }
table.winkelwagen span.prijsdetail { text-align:right; display:block; width:100%}
/* gegevens */
table.gegevens td { padding: 5px 2px; }
table.gegevens input, table.gegevens select { width: 355px; margin-right: 0px }
table.gegevens textarea { width: 730px; }
table.gegevens input.checkbox { width: auto; height:auto; border:0; margin:0; padding:0; }
label { line-height:24px }
label.error { color: #ff0000; }
#footer { clear: both; border-top: solid 1px #e2e2e2; width: 950px; height:50px; padding: 25px 0 0 30px; margin-top:25px; font-size:12px; text-align:center}
#footer li { float:left; margin: 0 11px 0 11px; display:block }
div.clear { clear:both; }
div.right, input.right { float: right; }
input.right, input.knop.right { margin: 10px 5px 0 0; clear:both }
table.gegevens tr { display: block; }
table.gegevens tr.afleveradres, table.gegevens tr.betaalmethode, table.gegevens tr.paypal, table.gegevens tr.verzekering, table.gegevens tr.standaardvoorwaarden { display: none; }
table.gegevens tr.zichtbaar { display:block; }
a.video { float:left; padding-left: 25px; margin: 20px 30px 20px 0; background: url(../img/video.jpg) no-repeat; }
/* NIEUWS */
div.betaalmethoden { float: left; width: 455px; margin-top: 20px; }
div.betaalmethoden p { margin-top:0;}
div.nieuws { float:left; width: 448px; padding:10px; margin-top: 10px; border: solid 2px #8a1619; }
div.nieuws h2 { margin-top: 0; }
div.nieuws ul, div.nieuws ul li { list-style: none; }
div.nieuws ul li { padding-left: 11px; background: url(/img/nieuws.png) 2px 5px no-repeat; line-height: 18px; }
/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version 1.1 rc4
*
* @license MIT-style license
* @author Harald Kirschner
* @copyright Author
*/
#sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; zoom: 1; }
#sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; /* invalid values, but looks smoother! */ -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(../js/assets/closebox.png) no-repeat center; border: none; }
.sbox-window-ie6 #sbox-btn-close { background-image: url(../js/assets/closebox.gif); }
.sbox-loading #sbox-content { background-image: url(../js/assets/spinner.gif); background-repeat: no-repeat; background-position: center; }
#sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; }
.sbox-content-image#sbox-content { overflow: visible; }
#sbox-image { display: block; }
.sbox-content-image img { display: block; width: 100%; height: 100%; }
.sbox-content-iframe#sbox-content { overflow: visible; }
/* Hides scrollbars */
.body-overlayed { overflow: hidden; }
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; }
#sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; }
/* Shadows */
.sbox-bg { position: absolute; width: 33px; height: 40px; }
.sbox-bg-n { left: 0; top: -40px; width: 100%; background: url(../js/assets/bg_n.png) repeat-x; }
.sbox-bg-ne { right: -33px; top: -40px; background: url(../js/assets/bg_ne.png) no-repeat; }
.sbox-bg-e { right: -33px; top: 0; height: 100%; background: url(../js/assets/bg_e.png) repeat-y; }
.sbox-bg-se { right: -33px; bottom: -40px; background: url(../js/assets/bg_se.png) no-repeat; }
.sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url(../js/assets/bg_s.png) repeat-x; }
.sbox-bg-sw { left: -33px; bottom: -40px; background: url(../js/assets/bg_sw.png) no-repeat; }
.sbox-bg-w { left: -33px; top: 0; height: 100%; background: url(../js/assets/bg_w.png) repeat-y; }
.sbox-bg-nw { left: -33px; top: -40px; background: url(../js/assets/bg_nw.png) no-repeat; }
#sbox-window .sbox-content-swf { overflow:hidden;}