@charset "utf-8";
/* CSS Document */



/*************/
/*** reset ***/
/*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}



/************/
/*** body ***/
/************/
body { background:#9dd9fb url(../images/bg.png) no-repeat center top; color:#666; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:11px;}

  /*** standaard ***/
  img, fieldset { display:block; border:0px;}
  .clear { clear:both;}



/***************/
/*** wrapper ***/
/***************/
#wrapper { background:#FFF; width:1001px; margin:0 auto; margin-top:40px;}



/**************/
/*** header ***/
/**************/
#header { position:relative; float:left; width:991px; height:209px; padding:6px 5px 0px 5px; display:inline;}

  /*** logo ***/
  #header h1 { display:block; background:url(../images/logo.png) no-repeat; width:991px; height:147px; text-indent:-100000px; overflow:hidden;}
  
  /*** inloggen ***/
  /* Als de buttons voor de taal er staan moeten de right van de span op 77px gezet worden */
  #header span   { position:absolute; right:7px; top:-26px; }
  #header a.inloggen { color:#FFF; font-weight:bold; text-decoration:none;}
  
  /*** taalMenu ***/
  ul.taalMenu { position:absolute; right:7px; top:-28px; margin:0px; padding:0px; display:inline; list-style:none;}
  ul.taalMenu li { float:left; margin:0px 3px 0px 0px; display:block;}
  
  /*** zoeken ***/
  #header form.zoeken fieldset { position:absolute; left:5px; top:158px; background:#007dbe; width:991px; height:31px;}
  #header form.zoeken input.zoekveld { float:left; width:144px; height:18px; margin:3px 0px 0px 3px; padding:5px 5px 0px 5px; border:1px solid #7abc26; color:#666; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:10px; display:inline;}
  #header form.zoeken input.button { float:left; background:url(../images/header_zoeken_button.png) no-repeat; width:20px; height:25px; margin:3px 0px 0px 4px; border:none; text-decoration:none; overflow:hidden; display:inline; cursor:pointer;}
  
  /*** menuBar ***/
  ul.menuBar { position:absolute; right:5px; top:166px; margin:0px; padding:0px; display:inline; list-style:none;}
  ul.menuBar li { float:left; background:url(../images/menuBar_divider.png) no-repeat 0px 1px; padding:0px 10px 4px 10px; display:block;}
  ul.menuBar li.first { background:none;}
  ul.menuBar li a { color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}
  
  /*** crumble ***/
  #header p.crumble { position:absolute; left:13px; bottom:7px; color:#007dbe; font-size:10px;}
  #header p.crumble a { color:#007dbe; text-decoration:none;}
  
  #crumb { position:absolute; left:13px; bottom:7px; color:#007dbe; font-size:10px;}
  #crumb a { color:#007dbe; text-decoration:none;}



/***************/
/*** content ***/
/***************/
#content { float:left; width:991px; padding:0px 5px 0px 5px; display:inline;}


  /*** sideBarLeft ***/
  .sideBarLeft { float:left; width:182px; display:inline;}
  
    /*** strong ***/
    .sideBarLeft strong { float:left; display:block; background:#007dbe; width:176px; height:21px; padding:3px 0px 0px 6px; color:#FFF; font-size:14px; font-weight:normal;}
    
    /*** sideMenu - origineel ***/
    ul.sideMenu { float:left; width:182px; margin:0px; padding:0px; display:inline; list-style:none;}
    ul.sideMenu li { float:left; width:182px; border-top:1px solid #FFF; display:block;}
    ul.sideMenu li a { display:block; background:#99cc33 url(../images/sideMenu_bg_right.png) no-repeat 164px 5px; padding:4px 0px 4px 6px; color:#fefeff; font-size:12px; text-decoration:none;}
    ul.sideMenu li.active a { background:#2ca9fe url(../images/sideMenu_bg_down.png) no-repeat 164px 5px;}
      /*** subMenu ***/
      ul.sideMenu li.active ul { float:left; width:182px; margin:0px; padding:0px; display:block;}
      ul.sideMenu li.active ul li a { background:#d8f0fc url(../images/sideMenu_bg_arrow.png) no-repeat 5px 6px; color:#007dbe; padding:4px 0px 4px 24px;}

    /*** sideMenu ***/
    ul.menulinks { float:left; width:182px; margin:0px; padding:0px; display:inline; list-style:none;}
    ul.menulinks li { float:left; width:182px; border-top:1px solid #FFF; display:block;}
    ul.menulinks li a { display:block; background:#99cc33 url(../images/sideMenu_bg_right.png) no-repeat 164px 5px; padding:4px 0px 4px 6px; color:#fefeff; font-size:12px; text-decoration:none;}
    ul.menulinks li.active a { background:#2ca9fe url(../images/sideMenu_bg_down.png) no-repeat 164px 5px;}
    ul.menulinks li.active ul { float:left; width:182px; margin:0px; padding:0px; display:block;}
    ul.menulinks li.active ul li a { background:#d8f0fc url(../images/sideMenu_bg_arrow.png) no-repeat 5px 6px; color:#007dbe; padding:4px 0px 4px 24px;}

    /*** sideBox ***/
    .sideBarLeft .sideBox { float:left; background:#FFF url(../images/sideBox_bg.png) repeat-x bottom left; width:180px; margin:20px 0px 0px 0px; padding:0px 0px 5px 0px; border:1px solid #99cc00; display:inline;}
    
      /*** titel ***/
      .sideBarLeft .sideBox h2 { float:left; display:block; width:173px; padding:7px 0px 0px 7px; color:#007dbe; font-size:14px; font-weight:normal;}
      
      /*** nieuws ***/
      .sideBox a.nieuws { color:#666; font-size:10px; text-decoration:none;}
      .sideBox a:hover.nieuws { color:#666; font-size:10px; text-decoration:underline;}
      
      /*** meer ***/
      .sideBox a.meer { float:right; margin:8px 10px 0px 0px; color:#007dbe; font-size:10px; font-weight:bold; display:inline;}
      
    /*** veiligBetalen ***/
    .sideBarLeft .veiligBetalen { float:left; width:170px; margin:20px 0px 0px 0px; padding:0px 5px 0px 5px; display:inline;}

  /*** socialMedia ***/
  .sideBarLeft .socialMedia { float:left; width:170px; margin:20px 0px 0px 0px; padding:0px 5px 0px 5px; display:inline; }
  
  /*** hoofdinhoud ***/
  /*** Deze style is toegevoegd om algemene pagina's weer te geven waarvoor geen specifieke style was. ***/
  
  .hoofdinhoud { float:left; width:586px; display:inline; margin: 0px 21px 0px 21px; }
    .hoofdinhoud h2 { float:left; display:block; color:#007dbe; font-size:14px; width: 100%; font-weight:normal; padding:0px 0px 10px 0px;}
    .hoofdinhoud p { float:left; display:block; width: 100%; padding:0px 0px 10px 0px;}
    .hoofdinhoud table { float: left; }
    .hoofdinhoud a.tekstlink { font-weight: bold; color:#666; text-decoration: none; }
    .hoofdinhoud a:hover.tekstlink { font-weight: bold; color:#666; text-decoration: underline; }
    
    .hoofdinhoud table tr td a { font-weight: bold; color:#666666; text-decoration: underline; }
    .hoofdinhoud table tr td a:hover { font-weight: bold; color:#ff0000; text-decoration: underline; }
    
    .trand  { border-top: 1px solid #007dbe; border-left: 1px solid #007dbe; margin: 0px; padding: 0px; }
    .tkl    { font: bold 12px verdana, arial, sans-serif; color: #007dbe; text-align: left; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px; background-color: #ffffff;}
    .tkc    { font: bold 12px verdana, arial, sans-serif; color: #007dbe; text-align: center; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px; background-color: #ffffff;}
    .tal    { text-align: left; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px;}
    .tcl    { text-align: center; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px;}
    .trl    { text-align: right; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px;}
    .talr   { color: #ff0000; text-align: left; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px;}
    .tclr   { color: #ff0000; text-align: center; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px;}
    .trlr   { color: #ff0000; text-align: right; border-bottom: 1px solid #007dbe; border-right: 1px solid #007dbe; padding: 3px;}

    .tar    { text-align: left; border-right: 1px solid #007dbe; padding: 3px;}
    .tcr    { text-align: center; border-right: 1px solid #007dbe; padding: 3px;}
    .trr    { text-align: right; border-right: 1px solid #007dbe; padding: 3px;}
    
    div.huidig   { width: 60px; height: 15px; display: block; text-align: center; border: 1px solid #ff0000; 
                   background-color: #ff0000; color: #ffffff; font-weight: bold; }
    div.inaktief { width: 60px; height: 15px; display: block; text-align: center; border: 1px solid #007dbe; }
    div.aktief   { width: 60px; height: 15px; display: block; text-align: center; border: 1px solid #007dbe;
                   background-color: #007dbe; color: #ffffff; cursor: pointer; font-weight: bold; }
    span.verplicht    { color: #ff0000; }


    
  /*** contentVak ***/
  .contentVak { float:left; width:628px; display:inline; }
  
    /*** titel ***/
    .contentVak h2 { float:left; display:block; width:596px; padding:3px 12px 10px 20px; color:#007dbe; font-size:14px; font-weight:normal;}
    
    /*** tekst ***/
    .contentVak p { float:left; display:block; width:596px; margin:0px 12px 0px 20px;}
    
    /*** tekst ***/
    .contentVak a { color: #666666; }


  .exposureblok { float:left; width:297px; margin:11px 0px 0px 11px; padding:0; border:0; display:inline;}
  

    /*** spotlightBox ***/
    .spotlightBox { float:left; width:277px; margin:30px 0px 0px 11px; padding:12px 9px 5px 9px; border:1px solid #a5d21e; display:inline;}
    
      /*** titel ***/
      .spotlightBox h3 { float:left; display:block; padding:0px 0px 0px 0px; color:#007dbe; font-size:14px; font-weight:normal;}
      .spotlightBox hr  { height: 1px; color: #a5d21e; }
      
      /*** product ***/
      .spotlightBox .product { position:relative; float:left; width:277px; height:102px; padding:12px 0px 0px 0px; display:inline;}
      
        /*** afbeelding ***/
        .spotlightBox .product img { float:left; display:inline;}
        
        /*** strong ***/
        .spotlightBox .product strong { float:right; display:block; width:170px;}
        
        /*** tekst ***/
        .spotlightBox .product p { float:right; display:block; width:170px; padding:0px;}
        
        /*** prijs ***/
        .spotlightBox .product span { position:absolute; right:0px; top:52px; font-weight:bold;}
        
        /*** em ***/
        .spotlightBox .product em { position:absolute; left:180px; top:52px; text-decoration:line-through; font-style:normal;}
        
        /*** button ***/
        .spotlightBox .product a.button { position:absolute; right:0px; top:75px; display:block; background:#99cc33 url(../images/button_bg_arrow.png) no-repeat center right; padding:6px 28px 6px 10px; color:#FFF; font-weight:bold; text-decoration:none;}
        
      /*** border ***/
      .spotlightBox .border { border-bottom:1px solid #a5d21e;}
      
    
  /*** sideBarRight ***/
  .sideBarRight { float:left; width:180px; display:inline;}
  
    /*** sideBoxBlauw ***/
    .sideBarRight .sideBoxBlauw { float:left; width:178px; margin:0px 0px 20px 0px; border:1px solid #a5d21e; display:inline;}
    
      /*** titel ***/
      .sideBarRight .sideBoxBlauw h2 { display:block; background:#007dbe; width:171px; height:19px; padding:2px 0px 0px 7px; color:#FFF; font-size:14px; font-weight:normal;}
      
      /*** winkelwagen ***/
      .sideBarRight .winkelwagen { float:left; width:172px; padding:10px 0px 5px 6px; display:inline;}
      
        /*** productRegel ***/
        .sideBarRight .productRegel { position:relative; float:left; width:172px; padding:2px 0px 2px 0px; display:inline;}
        .sideBarRight .productRegel p { display:block; width:172px; padding:0px 0px 0px 0px;}
        .sideBarRight .productRegel span { float:left; width:86px; display:inline;}
        .sideBarRight .productRegel span a { color:#ff0000; text-decoration:none;}
        .sideBarRight .productRegel span.prijs { position:absolute; right:6px; bottom:0px; width:auto; font-style:normal;}
        
        /*** totaal ***/
        .sideBarRight .totaal { padding:16px 0px 0px 0px;}
        .sideBarRight .totaal span.prijs { font-weight:bold;}
        
        /*** afrekenen ***/
        .sideBarRight .winkelwagen a.afrekenen { background:#99cc33 url(../images/button_bg_arrow.png) no-repeat center right; 
                                                 float: right; padding:6px 28px 6px 10px; color:#FFF; 
                                                 font-weight:bold; text-decoration:none;}
        .sideBarRight .winkelwagen a.wafrekenen { float:left; display:inline-block; margin:16px 0px 0px 6px; }
        
      /*** recentBekeken ***/
      .sideBarRight .recentBekeken { float:left; width:164px; padding:0px 4px 0px 4px; display:inline;}
      .sideBarRight .recentBekeken a.rb { float:left; padding:0px 0px 0px 10px; display:inline; color:#666; text-decoration:none;}
      .sideBarRight .recentBekeken hr  { height: 1px; color: #a5d21e; }
      
        /*** recentProduct ***/
        .sideBarRight .recentProduct { float:left; width:160px; padding:8px 2px 8px 2px; display:inline;}
        .sideBarRight .recentProduct img { float:left; margin:0px 0px 0px 0px; display:inline;}
        .sideBarRight .recentProduct a { float:left; padding:0px 0px 0px 10px; display:inline; color:#666; text-decoration:none;}
        
        /*** border ***/
        .sideBarRight .recentProduct .border { border-bottom:1px solid #a5d21e;}
        
    /*** sideBox ***/
    .sideBarRight .sideBox { float:left; background:#FFF url(../images/sideBox_bg.png) repeat-x bottom left; width:180px; margin:0px 0px 20px 0px; padding:0px 0px 5px 0px; border:1px solid #99cc00; display:inline;}
    
      /*** titel ***/
      .sideBarRight .sideBox h2 { float:left; display:block; width:173px; padding:7px 0px 0px 7px; color:#007dbe; font-size:14px; font-weight:normal;}
      
      /*** onzeMerken ***/
      .sideBarRight .sideBox div.onzeMerken { float:left; background:url(../images/onzeMerken_button_bg.png) no-repeat; width:163px; height:53px; margin:8px 0px 0px 8px; padding:1px 0px 0px 1px; display:inline;}
      
      /*** nieuwsbrief ***/
      .sideBarRight form.nieuwsbrief fieldset { float:left; width:164px; padding:10px 8px 0px 8px; display:inline;}
      .sideBarRight form.nieuwsbrief input.email { float:left; width:154px; height:18px; margin:0px 0px 0px 0px; padding:5px 5px 0px 5px; border:1px solid #7abc26; color:#666; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:10px; display:inline;}
      .sideBarRight form.nieuwsbrief input.button { float:right; background:url(../images/button_verzenden.png) no-repeat; width:90px; height:25px; margin:6px 0px 0px 0px; border:none; text-indent:-100000px; overflow:hidden; display:inline; cursor:pointer;}



/**************/
/*** footer ***/
/**************/
#footer { float:left; background:#99cc33; width:991px; height:31px; padding:0px 0px 0px 0px; border:4px solid #FFF; border-top:15px solid #FFF; display:inline;}

  /*** tekst ***/
  #footer p { float:left; margin:9px 0px 0px 8px; color:#FFF; font-size:10px; display:inline;}
  #footer p a { color:#FFF; text-decoration:none;}
  
  /*** webwinkelplus ***/
  #footer a.webwinkelplus { float:right; background:url(../images/footer_webwinkelplus.png) no-repeat; width:127px; height:15px; margin:8px 8px 0px 0px; text-indent:-100000px; overflow:hidden;}






/******************************************************************************/
/*** 02-Detail ****************************************************************/
/******************************************************************************/
.productDetail { float:left; width:596px; padding:0px 20px 0px 12px; display:inline;}

  /*** topDetail ***/
  .topDetail { position:relative; float:left; width:596px; display:inline;}
  
    /*** detailFotos ***/
    .detailFotos { float:left; background:#f0f9fd; width:259px; padding:12px 6px 12px 12px;}
    
      /*** foto ***/
      .detailFotos img { border:1px solid #007dbe;}
      
      /*** thumbnails ***/
      .detailFotos ul.thumbnails { float:left; width:259px; margin:0px; padding:6px 0px 0px 0px; display:inline; list-style:none;}
      .detailFotos ul.thumbnails li { float:left; padding:6px 6px 0px 0px; display:inline;}
    
    /*** detailGegevens ***/
    .detailGegevens { float:right; width:252px; padding:5px 0px 0px 0px; display:inline;}
    
      /*** tabel ***/
      .detailGegevens table { width:252px;}
      .detailGegevens table td { color:#333; text-align:right; text-transform:uppercase;}
      .detailGegevens table td.onderdeel { text-align:left; text-transform:none;}
      
      /*** aantal ***/
      .detailGegevens table tr.aantal td { padding:6px 0px 0px 0px;}
      
      .detailGegevens input.aantal { width:24px; height:12px; font-size: 11px; color:#000; font-family:Verdana,Geneva,Kalimati,sans-serif; text-align:center; border:1px solid #808080;}
      .detailGegevens a.plusmin { display: inline; }
      .detailGegevens table.onder { width:60px;}
        
      /*** oud ***/
      .detailGegevens span.oud { display: block; margin: 8px 0px 0px 0px; color:#333; font-size:12px; font-style:normal; text-decoration:line-through; }
    
      /*** prijs ***/
      .detailGegevens span.prijs { display: block; color:#ff0000; font-size:16px; padding-top: 8px; }
      
      /*** bestellen ***/
      .detailGegevens a.bestellen { position:absolute; right:0px; bottom:45px; display:block; background:url(../images/prodcutDetail_button_bg.png) no-repeat; width:124px; height:20px; padding:6px 0px 0px 8px; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; text-transform:lowercase;}
      
      /*** vertel ***/
      .detailGegevens a.vertel { position:absolute; right:0px; bottom:12px; display:block; color:#007dbe; width:200px; height:20px; padding:6px 0px 0px 8px;}
      
  /*** detailTekst ***/
  .detailTekst { position:relative; float:left; width:596px; display:inline;}
      
    /*** kop ***/
    .detailTekst .tekst { position: relative; float:left; left: 25px; display:block; width:564px; padding:15px 12px 0px 0px; margin-left: -15px; }
    .detailTekst .tekst p  { padding: 0px 0px 0px 0px; width: auto; height: auto; }
    .detailTekst .tekst h2 { padding: 0px 0px 0px 0px; margin-bottom: 14px; font-size: 14px; }
    .detailTekst .tekst ul  { padding: 0px 0px 0px 0px; width: auto; height: auto; }
    .detailTekst .tekst li  { padding: 0px 0px 0px 0px; width: auto; height: auto; }
    
/*** sideBarLeft ***/
.sideBarLeft .sideBoxBlauw { float:left; width:180px; margin:20px 0px 0px 0px; border:1px solid #a5d21e; display:inline;}

  /*** titel ***/
  .sideBarLeft .sideBoxBlauw h2 { display:block; background:#007dbe; width:173px; height:19px; padding:2px 0px 0px 7px; color:#FFF; font-size:14px; font-weight:normal;}
  
  /*** filters ***/
  form.filters fieldset { float:left; width:170px; padding:0px 5px 10px 5px; display:inline;}
  
    /*** kop ***/
    form.filters h3 { float:left; display:block; width:168px; padding:10px 0px 5px 2px; color:#007dbe; font-size:12px;} 
    form.filters h3.up { background:url(../images/filters_h3_up.png) no-repeat 2px 14px; width:150px; padding:10px 0px 5px 20px;}
    form.filters h3.down { background:url(../images/filters_h3_down.png) no-repeat 2px 14px; width:150px; padding:10px 0px 5px 20px;}
  
    /*** huidigeFilters ***/
    form.filters ul.huidigeFilters { float:left; width:170px; margin:0px; padding:0px; display:inline; list-style:none;}
    form.filters ul.huidigeFilters li { float:left; background:#f4f9f3; width:166px; margin:1px 0px 0px 0px; padding:1px; border:1px solid #007dbe; display:inline;}
    form.filters ul.huidigeFilters li span { float:left; display:block; padding:4px 0px 0px 5px; color:#333; font-size:11px; text-transform:lowercase;}
    form.filters ul.huidigeFilters li span em { color:#336699; font-style:normal;}
    form.filters ul.huidigeFilters li a { float:right; display:block; background:#2ca9fe; width:19px; height:18px; padding:4px 0px 0px 0px; color:#FFF; text-align:center; text-decoration:none;}
    
    /*** opties ***/
    form.filters ul.opties { float:left; background:#f4f9f3; width:168px; margin:0px; padding:4px 0px 4px 0px; border:1px solid #007dbe; display:inline; list-style:none; max-height:111px; overflow-x:hidden; overflow-y:auto;}
    form.filters ul.opties li { float:left; width:158px; padding:1px 0px 1px 10px; display:inline; cursor:pointer; color:#333; font-size:12px;}
    form.filters ul.opties li input { display:none;}






/******************************************************************************/
/*** 03-Categorie *************************************************************/
/******************************************************************************/
ul.categorieBox { float:left; width:616px; margin:0px; padding:0px 0px 0px 7px; display:inline;}
ul.categorieBox li { float:left; width:195px; height:225px; margin:6px 0px 0px 6px; border:1px solid #007dbe; display:inline;}
ul.categorieBox li a { display:block; width:195px; padding:10px 0px 5px 0px; text-decoration:none; cursor:pointer;}
ul.categorieBox li a img { float:left; padding:0px 0px 10px 0px; cursor:pointer;}
ul.categorieBox li a span { float:left; background:#007dbe; width:180px; height:35px; margin:0px 0px 5px 5px; padding:5px 0px 0px 5px; color:#FFF; font-size:11px; font-weight:bold; display:inline;}

  /*** groen ***/
  ul.categorieBox li.groen { border:1px solid #99cc33;}
  ul.categorieBox li.groen span { background:#99cc33;}






/******************************************************************************/
/*** 04-Productoverzicht ******************************************************/
/******************************************************************************/
.productOverzichtWrapper { float:left; position:relative;}
form.productOverzicht fieldset { float:left; background:url(../images/productOverzicht_bg.png) repeat-y left; width:575px; padding:0px 13px 0px 40px; display:inline;}

  /*** productBox ***/
  .productBox { position:relative; float:left; background:#f0f9fd; width:569px; margin:0px 0px 15px 0px; padding:5px 0px 5px 4px; border:1px solid #007dbe; display:inline;}
  
    /*** checkbox ***/
    .productBox input { position:absolute; left:-21px; top:-1px; margin:0px; padding:0px;}
    
    /*** afbeelding ***/
    .productBox img { float:left; margin:0px 0px 0px 0px; display:inline;}
    
    /*** titel ***/
    .productBox h3 { float:right; display:block; width:280px; padding:11px 142px 5px 0px; color:#007dbe; font-size:11px;}
    
    /*** tekst ***/
    .productBox p { float:right; display:block; width:280px; padding:0px 142px 0px 0px; margin: 0px 0px 0px 0px; }
    
    /*** oud ***/
    .productBox em { position:absolute; right:5px; bottom:56px; color:#333; font-size:12px; font-style:normal; text-decoration:line-through;}
    
    /*** prijs ***/
    .productBox span { position:absolute; right:5px; bottom:34px; color:#333; font-size:14px;}
    
    /*** button ***/
    .productBox a.button { position:absolute; right:3px; bottom:5px; display:block; background:#2ca9fe url(../images/productBox_button_bg.png) no-repeat center right; width:134px; height:19px; padding:5px 0px 0px 8px; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; text-transform:lowercase;}
    
  /*** actie ***/
  .actie { border:1px solid #ff0000;}
  
    /*** prijs ***/
    .actie span { color:#ff0000;}
    
  /*** button ***/
  .productOverzicht input.button { position:absolute; left:25px; bottom:-24px; background:url(../images/productOverzicht_button_bg.png) no-repeat; width:154px; height:24px; border:none; cursor:pointer;}


/*** paginatie ***/
ul.paginatie { float:right; margin:0px; padding:4px 13px 5px 0px; display:inline; list-style:none;}
ul.paginatie li { float:left;}
ul.paginatie li a { display:block; width:17px; height:16px; padding:1px 2px 0px 0px; color:#007dbe; text-align:center; text-decoration:none;}
ul.paginatie li a.vv { display:block; width:57px; height:16px; padding:1px 2px 0px 0px; color:#007dbe; text-align:center; text-decoration:none;}
ul.paginatie li.active a { background:url(../images/paginatie_a_bg.png) no-repeat; color:#FFF;}
ul.paginatie li span { display:block; padding:1px 5px 0px 0px; color:#007dbe;}

