﻿*{margin:0; padding:0;}
body 
{
    font-family:Arial;
    font-size:12px;
    color:#595959;
    background-image:url('../../images/front/bg_browser.gif');
    background-repeat:repeat-x;
    line-height:16px;
}

p{ display:block; line-height:16px; margin-bottom:30px;}


h1{
    font-size: 18px; 
    color:#cc3399;
    font-weight: bold; 
    margin-bottom:12px; line-height:20px;
    margin-top:8px;
}

h2{
    font-size: 16px; color:#CC3399;
    font-weight: bold; 
    margin-bottom:4px;
}

h3{
    font-size: 14px; color:#CC3399;
    font-weight: bold; 
    margin-bottom:4px;
}

h4
{
    font-size: 14px; color:#595959;
    font-weight: bold; 
    margin-bottom:4px;
    }

a{color:#595959;}
a:hover{ text-decoration:none;}

.paars{color:#CC3399;}
.groen{color:#527b00;}
.errorInput{background-color:#DD1821;}
.errorText{color:#DD1821;font-weight:bold; font-size:10px;}
.smallText{ font-size:11px;}

select, textarea, .myInput, .watermark{ 
    border:solid 1px #527b00;
    color:#595959;
    padding:2px;
    font-family:Arial; 
    font-size:12px; }

html>/**/body select, x:-moz-any-link, x:default {padding:0px 0px 0px 2px;   } /* Only FireFox 3 */

select.ddlNavigation   
{
    border:solid 1px #527b00;
    color:#595959;
    font-family:Arial; 
    font-size:11px;}

.button
{
    background-color:#527b00;
    border:1px solid #527b00;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;
    padding:2px 5px;    
}


.btn-betalen
{
  background-image:url('../../Images/Front/betalen.gif');
  background-position:right center;
  background-repeat:no-repeat;  
  float:right; 
  width:117px;  
  height:24px;
}

.btn-betalen:hover{background:url('../../Images/Front/betalen_mo.gif') no-repeat left center;}


html body form .RadInput .tbmandje
{
     /*border:solid 1px #CC3399;*/
     font-family:Arial; 
     font-size:12px; 
     color:#595959;
}
   


#wrapper
{
    width:999px;
    margin:0px auto;
}

#divTop{background:url('../../images/front/bg_content_repeat.gif') repeat-y left top;
        float:left;}

#top
{    
    width:100%; 
    height:279px; 
    background: #FFFFFF url('../../images/front/bg_top.jpg') no-repeat left top;
    float:left; 
}
div#top .logo{width:390px; float:left; padding:0px 0px 0px 0px;}


div#content{
    padding:10px 0px 0px 15px;
    background-image:url('../../images/front/bg_content_1.gif');
    background-repeat:no-repeat;
    background-position:left top;
    float:left;
}

/*content*/
#col1{ float:left; 
       width:200px; 
       }

#col2{ float:left;
       width:514px;
       margin-left:30px;
       margin-right:36px; 
       }
#col3{ float:left; 
       width:192px;
       margin-left:6px;
       padding-right:6px; 
       }
#col12
{
    float:left;
    /*width:780px; */
    width:760px; 
    padding-right:20px;
}

#col2 ul{padding-left:17px;}
#col2 li{ padding:3px 0px 0px 0px;}

#col12 ul{ padding:0px 0px 0px 15px;}

#footer
{
    margin:30px 0px 0px 0px;
    height:92px;
    width:999px;
    background-color:Transparent;
    background-image:url('../../images/front/bg_footer.gif') ;
    background-repeat:no-repeat;
    background-position:right top;
    font-size:11px;
    color:#808080;
    float:left;
    /*position:absolute;*/ bottom:0px;
}

#footer a{color:#808080; text-decoration:none;}
#footer a:hover {color:#808080;}

#footer span
{
    float:left;
    padding-top:4px;
    font-size:11px; line-height:24px;
}


/* breadcrump */
.breadcrump { font-size:10px; display:block; height:30px; color:#CC3399; padding-left:230px;}
.breadcrump a{ color:#CC3399;}
.breadcrump a:hover{ text-decoration:none;}

.line 
{
    display:block; 
    width:700px;
    height:3px;   
    background:url('../../images/front/line.gif') repeat-x left center;
}

.linebreak 
{
    display:block; 
    width:514px;
    height:13px;
    float:left;
}

/*menu*/
div#hoofdmenu {
    margin:8px 0px 0px 322px;
    padding-top:0px; height:16px;
    width:500px; 
    float:left; }

html>/**/body div#hoofdmenu, x:-moz-any-link, x:default {margin-top:11px;   } /* Only FireFox 3 */

@media screen and (-webkit-min-device-pixel-ratio:0)
{
     div#hoofdmenu{ margin-top:11px; }} /* Only Safari */
    
*html div#hoofdmenu {
    padding:8px 0px 0px 0px;
    width:590px; 
    margin:0px 0px 0px 150px;
    float:left;  }       /*IE6 */
        
div#hoofdmenu ul{list-style-type:none;}
div#hoofdmenu li{
    float:left;
    padding-left:20px;
    }
div#hoofdmenu a{
    display:inline-block;
    color:#FFFFFF; 
    font-weight:bold;
    font-size:12px;
    text-decoration:none; border:none;
    padding:0px 4px 0px 0px;}
div#hoofdmenu a:hover{color:#527b00;}
div#hoofdmenu ul > li:first-child {padding-left:0px;}
div#hoofdmenu li a.actief{color:#527b00;}    



div#menuInfo{
    text-align:left;
    padding-top:5px; 
    float:left; 
    display:block; 
    width:490px; 
    margin-left:15px; 
    margin-right:10px;
    color:#808080; 
    font-size:11px;}
div#menuInfo ul { list-style-type:none;}

div#menuInfo ul li{
display: inline;
padding: 4px 10px 0px 6px;
margin: 0px; 
height:17px;
float:left;
width:140px;
border-left:solid 1px #808080;
}
div#menuInfo a{  text-decoration:none;}
div#menuInfo a:hover { text-decoration:underline;}




/* menuleft */
.menuleft {
    /*background-image:url('../../images/front/bg_menu_top.jpg');*/
    cursor:pointer; 
    margin-top:4px;
    margin-bottom:13px;
    background-color:#f4fce0;
    
}
.menuleft ul{ list-style-type:none; }
.menuleft li
{
    padding:0px 0px 0px 0px;
    border-bottom:solid 1px #c6e489;
}

.menuleft a
{
    font-size:12px; 
    background:url('../../images/front/menu_not-active.gif') no-repeat left center;
    display: block;
    padding-left:15px; 
    text-decoration: none;  
    color:#595959;
}


.menuleft a.cat 
{
   /*background:url('../../images/front/menu_line.gif') no-repeat left bottom;*/
   margin:4px 0px 4px 4px;
}

.menuleft a.cat:hover { font-weight:bold;}

.menuleft a.catSelected  
{
    background:url('../../images/front/menu_active1.gif') no-repeat left center;
    background-color:#c6e489;
    font-weight:bold;
    padding-left:19px;
}

.menuleft li li{ border-bottom:none;}

.menuleft li li a
{
    background-color:#c6e489;
    display: block;
    padding: 0px 0px 0px 19px;
    background-image:url('/Images/Front/transparent.gif');
}
.menuleft li li a:hover, li li.actief a{
    font-weight:bold; 
}

.menuleft .closing{
         background-image:url('../../images/front/menu_bottom.gif');
         background-position:left bottom;
         background-repeat:no-repeat;
         float:left; 
         height:6px; 
          background-color:#f4fce0;
         width:100%;}  

a.btn-alfabet{  background:url('../../Images/Front/btn_zoek_alfabet.gif') no-repeat left top;
    width:200px; height:26px; 
    display:block; text-decoration:none; margin-bottom:13px;
    margin-top:4px; }
    
a.btn-alfabet:hover{ background:url('../../Images/Front/btn_zoek_alfabet_mo.gif') no-repeat left top;}




/*master page */
.top-search{ width:206px; height:30px; display:block; margin-top:40px; padding:1px 0px 0px 17px; float:left;}
.top-search a{ background:url('../../Images/Front/btn_zoek.jpg') no-repeat left top; margin-left:5px;
                text-decoration:none; height:20px;width:44px; display:inline-block;}
.top-search a:hover{background:url('../../Images/Front/btn_zoek_mo.jpg') no-repeat left top;}


    /* DDL merk */
.top-merk{width:210px; height:30px; display:block; margin-top:40px; padding:1px 0px 0px 30px; float:left; }

.top-merk a{ background:url('../../Images/Front/btn_zoek.jpg') no-repeat left top; margin-left:5px;
                text-decoration:none; height:20px;width:44px; display:inline-block;}
.top-merk a:hover{background:url('../../Images/Front/btn_zoek_mo.jpg') no-repeat left top;}

    /* mandje (overview) */
.top-mandje{width:282px; height:54px; display:block; margin-top:15px; float:right; padding-right:213px; 
            background:url('../../Images/Front/home_bg_winkelmand.gif') no-repeat left top;}

.top-mandje .kop{padding:5px 5px 5px 5px; text-align:right; float:left;
                 width:272px; }

.top-mandje a.kassa_button{
    background:url('../../Images/Front/btn_afrekenen.jpg') no-repeat left top;
    display:block; width:90px; height:18px; float:right;
}
.top-mandje a.kassa_button:hover {
    background:url('../../Images/Front/btn_afrekenen_mo.jpg') no-repeat left top;
}

.top-mandje .overzicht{ height:23px; padding:3px 5px 0px 5px; float:left; width:272px;  }
.top-mandje .overzicht a{ font-weight:bold; color:#527b00; text-decoration:underline;}
.top-mandje .overzicht a:hover{ text-decoration:none;}
.top-mandje .overzicht .totaal{ font-weight:bold; color:#527b00; text-align:right; float:right; width:120px;}


.klantenservice{ background:url('../../Images/Front/klantenservice_bg.gif') no-repeat bottom center;
                 display:block;  }
.klantenservice p{ padding:0px 0px 2px 8px; line-height:17px;}
.klantenservice p span{font-weight:bold; font-size:12px; color:#cc3399;}
.klantenservice p span a{font-weight:bold; font-size:12px; color:#cc3399; text-decoration:none;}
.klantenservice p span a:hover{text-decoration:underline;}

.blog-shortcut
{
    background:url('../../Images/Front/head_blog-shortcut.gif') no-repeat top center;
    display:block; padding:26px 0px 21px 0px; 
    color:#595959;           
}
.blog-shortcut div.preview{padding:0px 0px 6px 8px; margin:0px; font-size:11px;width: 177px; }
.blog-shortcut a.titel{ font-weight:bold; font-size:12px; text-decoration:none;}
.blog-shortcut a.titel:hover{ text-decoration:underline;}

.blog-shortcut div.preview p{margin:0px; padding:5px 0px 4px 0px;                            
                              background:url('../../Images/Front/line_grijs_stof.gif ') repeat-x bottom center; }
.blog-shortcut div.preview p a.meer{ color:#CC3399; text-decoration:none; font-weight:bold; font-size:11px; 
                                     background:url('../../Images/Front/blt_roze-op-blauw.gif') no-repeat right 4px;
                                     width:40px; display:inline-block;  }
                                     
.blog-shortcut div.preview p a.meer:hover{ text-decoration:underline;}


/*home*/
#home-welkom{ float:left; display:block; text-align:left;  
             height:235px;
             background:url('../../images/front/home_bg.jpg');
             background-position:left top;
             background-repeat:no-repeat;
             width:100%; 
             margin-bottom:17px; }
#home-welkom .tekst{ float:right; width:250px;}

#home-sale{ margin: 0px 0px 17px 0px;
  float:left;
  display:block;}



#productTable 
{
  margin: 0px 0px 0px 0px;
  float:left;
  display:block;
  /*width:510px;
  padding-left:2px; padding-right:2px;*/ }

/*
* html #productTable
{ margin: 0px 0px 17px 0px;
  float:left;
  display:block;
  width:510px;}
*/

#productTable .navigation 
{
   background:url('../../images/front/overzicht_controlpanel.gif') no-repeat left center;
    height:55px;
    width:510px;
    float:left;
    margin-left:2px;
}

#productTable .navigation .sort{  float:left; 
                                  width:500px; 
                                  text-align:right;
                                  height:22px;
                                  padding:4px 10px 0px 0px;
                                  font-size:11px;
                                  }
#productTable .navigation .filter{ float:left;  
                                   width:275px;
                                   height:20px;
                                   padding:3px 0px 2px 4px;}
                                   
#productTable .navigation .paging{ float:right; 
                                   padding:4px 3px 0px 0px;
                                   height:20px;
                                   text-align:right; 
                                   width:228px;
                                   color:#527b00;}
#productTable .navigation .paging a{color:#527b00; text-decoration:none;}
#productTable .navigation .paging a:hover{text-decoration:underline;}
#productTable .navigation .paging a.selected{text-decoration:underline; font-size:13px; font-weight:bold;}


/* Arrow */
.btn_left{background:url('../../Images/Front/blt_terug.gif') no-repeat left center; 
           color:#527b00; 
           text-align:center;
           display:inline-block; 
           height:18px;  
           width:138px; text-decoration:none;
           color:#527b00;
                   
           }
           
.btn_left:hover, a.arrow-right:hover{ text-decoration:underline;}
    
.btn_right{ background:url('../../Images/Front/blt_groen-op-wit.gif') no-repeat right center;     
           color:#527b00; 
            height:13px;
            text-decoration:none;
            width:155px;       
            display:inline-block;}
.btn_right:hover{text-decoration: underline;}
            
    /* Vorige */           
.btn-prev{ background:url('../../Images/Front/btn_vorige.jpg') no-repeat left center; 
           text-align:center;
           display:inline-block; 
           height:15px;  
           width:46px; 
           color:#527b00;
           text-decoration:none;}
.btn-prev:hover{background-image:url('../../Images/Front/btn_vorige_mo.jpg');}
    /* Volgende */
.btn-next{
            cursor:pointer; 
            display:inline-block; height:13px; 
            width:59px;
            text-decoration:none;
            background:url('../../Images/Front/btn_volgende.gif') no-repeat right center; 
            text-align:center;
            height:15px;}
.btn-next:hover{ background-image:url('../../Images/Front/btn_volgende_mo.gif');}


/* buttons & links */
a.arrow-right 
{
        background:url('../../Images/Front/blt_groen-op-wit.gif') no-repeat right 3px;     
        color:#527b00; 
        text-decoration:none;
        width:90px; 
        display:inline-block;
        padding-right:5px; }


/* list product */
.list-product{float:left; 
              margin-top:4px; 
              width:500px; 
              padding-left:7px; 
              padding-right:7px;  
             }

          
.list-product .item-groen, .item-paars{
    float:left; 
    padding: 0px 0px 13px 0px;
}

/*.list-product .item-groen:hover{background-color:#ebf5d6; cursor:pointer;}*/



.list-product .lijn-groen{
      background:url('../../images/front/lijn-groen.gif') repeat-x left center;   
      width:500px; height:1px;
      padding:4px 0px 4px 0px; float:left;
}

.list-product .lijn-paars{
      background:url('../../images/front/lijn-roze.gif') repeat-x left center;   
      width:499px; height:1px;
      padding:4px 0px 4px 0px; float:left;
}


.list-product .item-groen .tekst .aantal{ float:left; width:38px; background-color:#99cc33; z-index:100;}    /*groen*/
html>/**/body .list-product .item-groen .tekst .aantal, x:-moz-any-link, x:default {padding:1px 0px 1px 1px; height:22px;   } /* Only FireFox 3 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
      .list-product .item-groen .tekst .aantal{ padding-top:1px; height:23px;}} /* Only Safari */
* html .list-product .item-groen .tekst .aantal{ padding:0px;}  /* IE 6 */

.list-product .item-paars .tekst .aantal{ float:left; width:38px; background-color:#CC3399;  z-index:100;}    /*paars*/
html>/**/body .list-product .item-paars .tekst .aantal, x:-moz-any-link, x:default {padding:1px 0px 1px 1px; height:22px;   } /* Only FireFox 3 */
@media screen and (-webkit-min-device-pixel-ratio:0){
    .list-product .item-paars .tekst .aantal{ padding-top:1px; height:23px;}} /* Only Safari */
* html .list-product .item-paars .tekst .aantal{ padding:0px;}  /* IE 6 */


.list-product .item-groen .tekst .toevoegen { /*groen*/
        float:left; 
        width:117px; 
        height:24px;
        background:url('../../images/front/toevoegen_list.gif') no-repeat left center;}
.list-product .item-groen .tekst .toevoegen:hover {background:url('../../images/front/toevoegen_list_mo.gif') no-repeat left center;}

.list-product .item-paars .tekst .toevoegen { /*paars*/
        float:left; 
        width:117px; 
        height:24px;
        background:url('../../images/front/btn_add_paars.gif') no-repeat left center;}
.list-product .item-paars .tekst .toevoegen:hover {background:url('../../images/front/btn_add_paars_mo.gif') no-repeat left center;}



.list-product .foto 
{
    margin:14px 14px 0px 2px;
    padding:3px;
    width:90px; 
    height:90px;
    float:left; 
    background:url('../../images/front/bg_image_product.gif') no-repeat left top;
}

.list-product  .tekst 
{
    width:384px;  /*total:386px*/
    float:left; 
    /*height:120px;*/
    display:inline-block; 
    padding-right:2px; }

.list-product .tekst a.img{ width:84px; height:84px; border:none;}  
.list-product .tekst .productnaam { display:block; font-size:12px; font-weight:bold; }
.list-product .tekst .productnaam a{ text-decoration:none;}
.list-product .tekst .productnaam a:hover{ text-decoration:underline;}

.list-product .tekst .cat{ font-size:11px;padding:3px 0px 3px 0px; color:#595959; }
.list-product .tekst .desc{padding-bottom:10px; font-size:11px; color:#8c8c8c;}

.list-product .tekst .inhoud{ float:left; width:232px;height:23px; font-weight:bold;}
.list-product .tekst .salePrijs{float:left;  width:72px; height:23px; text-decoration: line-through;}


.list-product .tekst .prijs {float:left; 
                             width:80px; 
                             height:23px; font-size:18px;
                             font-weight:bold; text-align:right; }

.list-product .tekst .code{ float:left; font-size:10px; color:#8c8c8c;
                         padding-top:8px;width:165px;
                         height:16px; vertical-align:bottom;}


.list-product .tekst .cartstatus
{    
    font-weight:bold; float:left; 
    width:63px; vertical-align:bottom; height:16px;
    padding-top:7px;
}
 
.toegevoegd{
    color:#008800; 
    font-size:9px;
}


/* prijs */
.subtotal{}
.korting{}
.tax{}
.grandtotal{ font-weight:bold; font-size:16px;}


#home-nieuwsbrief
{
    float:left; display:block; text-align:left; 
    width:253px;
    font-size:11px; 
    color:#595959;
    margin-right:4px; 
 }

#home-nieuwsbrief p 
{
    padding-bottom:5px;
    padding-left:8px;
    padding-right:4px;
    margin-bottom:0px; 
}

#home-nieuwsbrief .nieuwsbrieflijn
{
  width:229px;
  height:1px;
  margin:5px 0px 9px 8px;
  background:url('../../images/front/line_groen_nieuwsbr.gif') repeat-x left center; 
 } 


#home-map
{
    float:left; display:block; text-align:left; 
    width:253px; margin-left:4px;
    font-size:11px; 
    color:#595959;
   }

#home-map p{padding-bottom:10px;
    padding-left:8px;
    padding-right:4px;
    margin-bottom:0px;
    font-size:11px;
}




#home-map a.maplink
{ font-weight:bold; color:#527b00; 
  text-decoration:none;
  background:url('../../images/front/blt_groen-op-wit.gif') no-repeat right 4px;
  height:16px;
  width:98px;       
  display:inline-block; }    
#home-map a.maplink:hover{ text-decoration:underline;}


/* content */
.intro_pic{width:140px; float:left; margin-bottom:10px;  padding-top:4px;}





.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;}

.modalPopup {
    width:640px; 
    background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#af8f49;
	padding:3px; font-size:11px;
 	
}

.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 200px;
	height: 65px;
}
.updateProgress a{}

.popupAlgemeneVoorwaaden
{
    width:660px; 
    background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:#CC3399;
	padding:3px; font-size:11px;
	height:520px;
	overflow: auto;     
}



.leegwinkelmand{float:right; width:510px; text-align:right;
                height:24px; padding-right:4px; }
.leegwinkelmand a{ font-weight:bold; color:#CC3399;}


/*CollapsiblePanel*/
.collapsePanel {
	background-color:red; width:400px;
	overflow:hidden; float:left;}


/*detail*/
.detail{ float:left; width:100%; margin-bottom:17px;}
.detail .column1{ width:245px; 
                  float:left; 
                  height:245px; 
                  background:url('../../Images/Front/prod_bg.gif') no-repeat left top;  }

.detail .column1 .afbeelding{ padding-top:3px; 
                              padding-left:15px;
                              height:212px;
                              }

.detail .column2{ width:246px; float:right; color:#8c8c8c; font-size:12px;}
/*
* html .detail .column2{
        margin-left:36px;
        width:260px; 
        float:left; 
        font-size:11px;} /*IE6 */

.detail .terug{ height:22px;
                background:url('../../Images/Front/lijn_prod.gif') repeat-x left bottom; 
                margin-bottom:10px;
                text-align:right;  }

.detail .image { padding:1px;}

.detail .omschrijving{ float:left; 
                       width:500px;
                       border-bottom:solid 1px #99cc33;
                       border-top:solid 1px #99cc33;
                       margin-top:13px;
                       margin-left:4px;
                       padding:10px 0px 10px 0px;}

.detail .info{ margin-bottom:8px; width:245px; float:left; }


.detail .price{ color:#527b00; 
                width:246px;
                float:left;
                height:60px; 
                background:url('../../Images/Front/bg_detail_price.gif') no-repeat left top; 
                }
                
.detail .price .price-tekst{ float:left;  width:237px;
                             font-weight:bold;  
                             height:22px; 
                             padding:9px 4px 4px 5px; }
                             

.detail .price .txtbox 
{                       /*
                        padding:1px 0px 0px 1px;
                        background:url('../../Images/Front/bg_aantal.gif') no-repeat left 6px;
                        */
                        background-color:#99cc33;
                        width:38px;
                        height:24px;
                        display:inline-block; }
                            

.detail .price .bestel 
{
    background:url('../../Images/Front/btn_toevoegen_groot.gif') no-repeat left top;
    width:197px; height:24px; 
    display:block; text-decoration:none; }
.detail .price .bestel:hover{ background:url('../../Images/Front/btn_toevoegen_groot_mo.gif') no-repeat left top;}





 
 /* cross selling */
.cross{ float:left;width:510px; margin:15px 0px 17px 0px; padding-left:2px;} 
.cross .cross_header{background:url('../../Images/Front/header_cross.gif') no-repeat left top;
              float:left; width:510px; height:27px; }

.cross_table{width:500px; margin-left:5px; color:#527b00; margin-bottom:13px; float:left;}
.cross_table td{}
.cross_table .separatorline{ width:10px; border-left:solid 1px #99cc33;}
.cross_table td .afbeelding{display:block; 
                            padding:3px;
                            width:84px; 
                            height:84px;
                            background:url('../../images/front/bg_image_product.gif') no-repeat left top;}
.cross_table td .prodnaam a{ padding-top:3px;color:#527b00; font-size:11px; font-weight:bold; text-decoration:none;}
.cross_table td .prodnaam a:hover{ text-decoration:underline;}
.cross_table td .cat{ color:#595959;}
.cross_table td .cat a{color:#595959; font-size:11px; }
.cross_table td .cat a:hover{text-decoration:underline;}

.cross_table td .inhoud{font-size:14px; font-weight:bold; padding-top:3px;}
.cross_table td .meer{  background:url('../../images/front/blt_groen-op-wit.gif') no-repeat right bottom;
                        height:14px;
                        width:65px;
                        display:inline-block; padding-top:3px; }
.cross_table td .meer a{color:#527b00; font-weight:bold; text-decoration:none;}
.cross_table td .meer a:hover{ text-decoration:underline;}
                        
.cross_table td .addcross{ padding-top:3px;}
.cross_table td .addcross .additem{float:left; 
        width:117px; 
        height:24px;
        background:url('../../images/front/btn_toevoegen.gif') no-repeat left center;
        margin:4px 0px 0px 0px; }

.cross_table td .addcross .additem:hover{background:url('../../images/front/btn_toevoegen_mo.gif') no-repeat left center;}        

.cross_table td .cartstatus{ width:130px; height:15px; display:block; }
 
/* Carola's advice */              
.carola 
{
  float:left; width:192px;  
  background:url('../../Images/Front/prod_advies.jpg') no-repeat left top;
  margin-bottom:17px;
}
.carola .tekst{ float:left; color:#FFFFFF; 
               margin-top:163px; width:174px;
               margin-left:4px;
               padding:6px 5px 12px 5px;
               background:#527b00 url('../../Images/Front/advies_bottom.gif') no-repeat left bottom;   }
.carola .tekst a{color:#FFFFFF;}


/* gridview - mandje */
.gridview {width:510px; float:left; }
.gvHeader a{font-weight:bold; }

.gvHeader th{padding:3px 2px 2px 3px; text-align:left; background-color:#d5d5d5;
             font-weight:bold; height:18px; vertical-align:top; }

.item td{background-color:#f4fce0; text-align:left; padding:2px 1px 2px 3px;}
.alternate td{background-color:#c6e489; text-align:left; padding:2px 1px 2px 3px;}
.gvFooter {text-align:left; height:22px; vertical-align:top; }
.gvPager{ }

a.smalllink { font-size:11px; text-decoration:underline;}
a.smalllink:hover{ text-decoration:none;}




/*form*/
.row{ 
    float:left; 
    width:100%;}
.rowLeft {
    float:left; 
    width:140px; 
    padding:4px 4px 0px 0px; 
    line-height:14px;}
.rowRight
{
    float:left; 
    width:350px; 
    padding:3px 3px 2px 5px; 
    line-height:14px;}
.header{
    font-weight:bold;  font-size:13px; 
    padding:2px 0px 2px 5px;
    margin-bottom:10px;}

.tooltip-info 
{
    display:inline-block;
    height:13px; 
    width:12px; 
    cursor:pointer; }

    
 /* Stof tot nadenken */
.blog{float:left; width:514px;}

.blog .header
{
    display:block;
    margin-bottom:4px; 
    margin-top:8px; 
    text-align:left;
    width:514px;  
    border-bottom:solid 1px #527b00;
}

.blog a { font-size:14px; font-weight:bold; color:#527b00; text-decoration:none; }
.blog a:hover { text-decoration:none;}

.blog a.meer{ color:#527b00; font-size:12px; font-weight:bold;
               background:url('../../Images/Front/blt_groen-op-wit.gif') no-repeat right center;
               width:43px; display:inline-block; text-decoration:none; }
.blog a.meer:hover{ text-decoration:underline;}                          

           
             
/* Stof tot nadenken - Detail */
div.blog-detail{ float:left; width:514px;}
div.blog-detail a{ color:#527b00; font-weight:bold; text-decoration:none;}
div.blog-detail a:hover { text-decoration:underline;}

div.blog-detail .titel {display:block;
    padding-bottom:4px; 
    margin-bottom:4px; 
    margin-top:8px; 
    text-align:left;
    width:514px;  
    border-bottom:solid 1px #527b00; 
    font-weight:bold;
    font-size:14px; color:#527b00; }

div.blog-detail .artikel-datum{ font-style:italic; padding-right:8px; font-size:11px; font-weight:bold;}             
div.blog-detail .terug-naar-overzicht  
{
    height:14px; 
    width:145px; 
    display:inline-block;
    background:url('../../Images/Front/btn_terug-naar-overzicht.gif') no-repeat left bottom;
}

div.blog-detail .terug-naar-overzicht:hover{
    background-image:url('../../Images/Front/btn_terug-naar-overzicht_mo.gif');
}    


/* Factuur */
#factuur
{
  float:left; width:514px;
} 
#factuur .block{ display:block;  
                 border-bottom:solid 1px #CC3399;
                 padding:13px 0px 13px 0px; }

    
.gvFactuur{ width:514px;}
.gvFactuurHeader{text-align:left;
          background-color:#d5d5d5; padding:4px;
          font-weight:bold; height:18px; }
    
.gvFactuurItem{text-align:left; height:22px;}


/* Map */
div.map{float:left;width:508px; margin:23px 0px 17px 0px; padding-left:4px; 
        background:url('../../Images/Front/header_adres.gif') no-repeat left top;
        padding-top:30px; 
       }
div.map .adres
{ 
    float:right; width:125px; font-size:11px;
}

div.map .adres a
{
  font-weight:bold; color:#527b00; 
  text-decoration:none;
  background:url('../../images/front/blt_groen-op-wit.gif') no-repeat right 4px;
  height:16px;
  width:98px;       
  display:inline-block;
    }       
div.map .adres a:hover{ text-decoration:underline;}

/* Contact form*/
div.contactform{float:left;width:508px; margin:23px 0px 17px 0px; padding-left:4px; 
        background:url('../../Images/Front/header_contact.gif') no-repeat left top;
        padding-top:30px; }
div.contactform a{ font-weight:bold; color:#527b00; 
  text-decoration:none;
  background:url('../../images/front/blt_groen-op-wit.gif') no-repeat right 3px;
  height:16px;
  width:62px;       
  display:inline-block;}
div.contactform a:hover{ text-decoration:underline;}
div.contactform a.lnk{ background:none; color:#595959; width:20px;
                       text-decoration:underline; font-weight:normal; }
div.contactform a.lnk:hover{ text-decoration:none;}                       

/* Sitemap */
#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;}

#navcontainer a{
display: block;
width: 200px;
padding: 8px 12px 8px 0px;
text-decoration: none;
}

#navcontainer a:hover{

}

#navcontainer li li a
{
display: block;
width: 250px;
padding: 0px 3px 5px 30px;
text-decoration: none;
 font-style:italic;
}


/* tooltip */
#tt {
 position:absolute;
 display:block;
 background:url(../../Images/Front/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../../Images/Front/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666; font-family:Arial; font-size:11px;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../../Images/Front/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}



/* Adwords */
.adwords
{
   float:left; 
}
.adwords .column1{ float:left; 
                  width:246px; 
                  height:60px;
                  /*height:500px; 
                  background:url('../../Images/Front/prod_bg.gif') no-repeat left top;
                   */ 
}

.adwords .column2{ float:left; 
                   width:500px; float:left;
                   padding-left:15px;  }                   

.adwords .column2 ul{ padding:0px 0px 0px 15px;}

.adwords .column1 .afbeelding{ padding-top:3px; 
                              padding-left:15px;
                              height:212px;
                              }

.adwords .image { padding:1px;}

.adwords .omschrijving{ float:left; 
                       width:500px;
                       border-bottom:solid 1px #99cc33;
                       border-top:solid 1px #99cc33;
                       margin-top:13px;
                       margin-left:4px;
                       padding:10px 0px 10px 0px;}

.adwords .info{ margin-bottom:4px; width:245px; float:left; }


.adwords .price{ color:#527b00; 
                width:246px;
                float:left;
                height:60px; 
                background:url('../../Images/Front/bg_detail_price.gif') no-repeat left top; 
                margin-top:13px; }
                
.adwords .price .price-tekst{ float:left;  width:237px;
                             font-weight:bold;  
                             height:22px; 
                             padding:9px 4px 4px 5px; }
                             

.adwords .price .txtbox 
{                      
                        background-color:#99cc33;
                        width:38px;
                        height:24px;
                        display:inline-block; }
                            
.adwords .price .bestel
{
    background:url('../../Images/Front/btn_toevoegen_groot.gif') no-repeat left top;
    width:197px; height:24px; 
    display:block; text-decoration:none; }
.adwords .price .bestel:hover{ background:url('../../Images/Front/btn_toevoegen_groot_mo.gif') no-repeat left top;}



/* zoeken op alfabet */
.alphabet{ float:left; width:514px; padding:5px 0px 5px 0px; margin-top:4px;
           border-bottom:solid 1px #527b00;
           border-top:solid 1px #527b00;  }
           
.alphabet a{display:inline-block;
    font-size:12px;
    text-decoration:none; 
    border:none;
    padding:0px 6px 0px 0px;}
    
.alphabet a:hover{ text-decoration:none;}
.alphabet a.letter{ font-weight:bold; font-size:13px;}
.alphabet a.letter:hover{ text-decoration:underline;}
.alphabet a.selected{ color:#CC3399; font-weight:bold; font-size:16px;} 

a.speciallink:hover
{
    text-decoration:underline !important;
}
