span.red{
  color:#ff0000;
}
*
{
    font-family:Arial;
    font-size:11px;
    color:#b1a9a5;
    margin:0px;
}
ul,li{list-style:none;padding:0px;margin:0px;}
.nomargin{margin:0px !important;}
a img{border:0px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.artnr{color:#5c5b51;}
.groen{color:#bcd13c;}
a.linkgroen{color:#bcd13c;text-decoration:underline;}
a.linkgroen:hover{text-decoration:none;}
.gradient_divider
{
    width:733px;
    height:22px;
    background:url('../images/bg_gradient.gif');    
    float:left;
    margin:11px 0;
}
  #contentpage .gradient_divider{
    margin:11px 0  11px -10px;
    width:728px;
  }
.dotted_divider
{
    width:733px;
    height:3px;
    background:url('../images/bg_dotted.gif');    
    float:left;
    margin:11px 0;
}
span.input
{
    background:transparent  url('../images/bg_input_left.gif') no-repeat;
    padding:5px 0 10px 8px;
    height:24px;
    width:auto;
    display:inline;
}
span.input input[type='image']
{
    margin:-5px -2px 0 0;
    display:inline;
    vertical-align:text-top;    
}
span.input input[type='text']
{
    background:transparent url('../images/bg_input_right.gif') no-repeat right 1px;
    border:0px;
    margin:0 -3px 0;
    padding:6px 0;
    display:inline;
}
span.inputsubmit input[type='text']
{
    background:transparent none;
}

input.input_middle
{
    width:160px;
}
span.inputsubmit input.input_middle
{
    width:143px;
}


#container
{
    margin:0 auto;
    width:986px;
}
#header
{
    margin:16px 0;
    width:986px;
    float:left;
    height:90px;
}
    #logo
    {
        width:245px;
        float:left;
    }
    #userinfo
    {
        height:23px;
        width:733px;
        color:#999696;
        font-weight:bold;
        float:right;
        text-align:right;
    }
        #userinfo a
        {
            color:#999696;
            text-decoration:none;
        }
        #userinfo a:hover
        {
            text-decoration:underline;
        }
    #mainmenu
    {
        height:44px;
        width:740px;
        float:right;
        text-align:right;   
    }
    #mainmenu li 
    {
        float:left;   
        font-size:13px;
        color:#2f2c2e;
        background:transparent url('../images/bg_menu.gif') no-repeat left;
        padding:2px; 
    }
    #mainmenu li:first-child 
    {
        background-image:none;
    }
    #mainmenu li a {
          background:transparent url('') no-repeat scroll 0 0px !important;
          clear:both;
          color:#999696;
          cursor:pointer;
          font-weight:normal;
          line-height:165%;
          margin:0;
          padding:0 !important;
          float:left;
          position:relative;
          text-decoration:none !important;
          font-size:13px;
        }
    #mainmenu li a span{
          background-attachment:scroll;
          background-image:url('');
          background-position:100% 3px;
          background-repeat:no-repeat;
          color:#999696 !important;
          display:block;
          float:left;
          height:auto !important;
          margin:-3px -2px 0 0;
          min-height:22px;
          padding:5px 10px 1px 10px;
          position:relative;
          font-size:13px;
        }
    #mainmenu ul li.mactive a,
    #mainmenu li a:hover {
          background:transparent url(../images/btn_left.png) no-repeat scroll 0 0px !important;
          color:#fff !important;
        }
    #mainmenu ul li.mactive a span,
    #mainmenu li a:hover span{
          background-image:url(../images/btn_right.png);
          color:#fff !important;
        }

    
    
    #searchbar
    {
        height:25px;
        width:733px;
        float:right;
        text-align:right;   
    }
        #searchbar input[type='text']
        {
            width:218px;
        }
#contentholder
{
    width:986px;
    margin:4px 0 14px 0;
    float:left;
}
#contentleft
{
    width:245px;
    float:left;
}
    #aanbieding
    {
        width:245px;
        height:305px;
        float:left;
        background-image:url('../images/bg_aanbieding.gif');
        background-repeat:no-repeat;
        cursor:pointer;
        margin:0 0 23px 0;
    }
        .aanbieding_content
        {
            padding:23px 18px;
        }
        #aanbieding h3
        {
            color:#a6d30c;
            font-size:15px;
        }
        #aanbieding .image
        {
            height:195px;
            width:215px;
            text-align:center;
            
            margin-top:8px;
        }
        #aanbieding .clublogo{width:100px;float:left;overflow:hidden;}
        #aanbieding .adviesprijs{float:right;color:#a39e9b;font-weight:bold;}
        .product_right .prijs,
        #aanbieding .prijs{color:#a9cb38;font-size:22px;font-weight:bold;float:right;}
        .product_right .prijs{float:left;}
    .infobox_groen
    {
        width:238px;
        height:78px;
        background-image:url('../images/bg_blok_links.gif');
        border:1px solid #dbd7d4;
        float:left;
        margin:9px 2px;
        padding:11px 0 0 0;
    }
        .infobox_groen span
        {
            color:#fff;    
            font-size:14px;
            font-weight:bold;
            padding:0px 9px;
        }
        .infobox_groen p
        {
            color:#fff;
            font-weight:bold;
            padding:11px 9px;
        }
        .infobox_groen p a{color:#fff;font-weight:bold;}
    .infobox
    {
        float:left;
        margin:9px 2px;
    }
    .infobox_gradient
    {
        width:213px;
        height:85px;
        background-image:url('../images/bg_blok_links_gradient.gif');
        border:1px solid #dbd7d4;
        float:left;
        margin:9px 2px;
        padding:9px 12px;
    }
        .infobox_gradient .title
        {
            font-size:14px;
            font-weight:bold;
            color:#b2a8a3;
        }
    #menu
    {
        float:left;
        width:238px;
        margin:0 2px 9px 2px;
    }
    /*#menu*/ div.title
    {
      border:1px solid #dbd7d4;  
    }
    /*#menu*/ div.title div
    {
      border:1px solid #fff;     
      background-color:#656365;
      color:#fff;
      padding:5px 16px;
      font-size:13px;
      font-weight:bold;
    }
    #menu > ul > li
    {
        background:transparent url('../images/bullet_klein_groen.gif') no-repeat 1px 6px;
        padding:2px 0px 1px 16px;
        border-bottom:1px dotted #cfc8c3;
        cursor:pointer;
        margin:0 0 1px 0;
    }
    #menu > ul > li.active,
    #menu > ul > li:hover
    {
        background:transparent url('../images/bullet_full_wit.gif') no-repeat;
        padding:2px 0px 1px 16px;
        border-bottom:1px dotted #cfc8c3;
    }
    #menu > ul > li a
    {
        font-weight:bold;
        text-decoration:none;
    }
    #menu > ul > li.active a,
    #menu > ul > li:hover a
    {
        color:#fff;
        text-decoration:none;
    }
    
    #menu > ul > li > ul
    {
        display:none;
        margin:2px 0 2px -16px;
    }
    #menu > ul > li.active > ul{
        display:block;
    }
    #menu > ul > li > ul > li
    {
        background:transparent url('../images/bullet_klein_grijs.gif') no-repeat 1px 6px;
        padding:2px 16px 1px 33px;
        border-top:1px dotted #cfc8c3;
        cursor:pointer;
        color:#b3aea9;
        background-color:#f5f2f0;
    }
    #menu > ul > li  > ul > li.active,
    #menu > ul > li  > ul > li:hover
    {
        background:transparent url('../images/bullet_klein_grijs.gif') no-repeat 225px 6px;
        padding:2px 16px 1px 33px;
        color:#b3aea9;
        background-color:#f5f2f0;
    }
    #menu > ul > li > ul > li a
    {
        color:#b3aea9 !important;
        font-weight:bold;
        text-decoration:none;
    }
    #menu > ul > li  > ul > li.active a,
    #menu > ul > li  > ul > li:hover a
    {
        color:#8c8786 !important;
        text-decoration:none;
    }

#contentright
{
    width:733px;
    float:right;
}
    #hpimages
    {
        float:left;
        width:733px;
        height:338px;    
        background:url('../images/bg_visual.gif') no-repeat;
        overflow:hidden;
    }
    .hpimages_last{
        background:url('../images/bg_visual_last.gif') no-repeat;
    }
    
      .slide_visual{display:none;}
      .slide_active{display:block;}
        #hpimages_content
        {
            padding:24px 21px;
            height:244px;
        }
            #hpimages_content span
            {
                float:left;
                width:300px;
            }
            #hpimages_content img
            {
                float:right;
            }
            #hpimages_content h1
            {
                font-size:22px;
                font-weight:bold;
                color:#fff;
                margin:0 0 14px 0;
            }
            #hpimages_content h2
            {
                font-size:34px;
                color:#577927;
                margin:0 0 26px 0;
            }
            #hpimages_content p
            {
                font-family:Tahoma;
                font-size:12px;
                color:#fff;
                width:300px;
            }
            .hpimages_tabs li
            {
                padding:12px 9px;  
                float:left;
                margin-right:0px;  
                cursor:pointer;
                width:128px;
            }
            #tab5{
                width:131px;
            }
            .hpimages_tabs li .tabtitle
            {
                color:#c8c57d;
                font-size:14px;
                display:block;
            }
            .hpimages_tabs li .tabsubtitle p
            {
                color:#71765b;
                font-size:12px;
            }
            .hpimages_tabs li.active,
            .hpimages_tabs li:hover
            {
                background-color:#c5de2e;
            }
            .hpimages_tabs li.active .tabtitle,
            .hpimages_tabs li:hover .tabtitle
            {
                color:#ffffff;
                font-size:14px;
                display:block;
            }
            .hpimages_tabs li.active .tabsubtitle p,
            .hpimages_tabs li:hover .tabsubtitle p
            {
                color:#587927;
                font-size:12px;
            }
            
    .homepage_block_images
    {
        width:733px;
        float:left;
    }
    /*.homepage_block_images img
    {
        margin-right:18px;
        float:left;
    }*/ 
    .homepage_block_images img:last-child
    {
        margin:0px;
    }       
    
/* PRODUCT */ 
     #producten
     {
         float:left;
         padding:17px 0;
         width:733px;
     }   
    .product_kader
    {
        width:230px;
        height:285px;
        float:left;
        border:1px solid #ccc9c9;
        margin-right:18px;
        cursor:pointer;
    }
        .product_content
        {
            padding:11px 12px;
        }
        .product_left h3,
        .product_kader h3
        {
            color:#a6d30c;
            font-size:15px;
        }
        .product_kader .image
        {
            height:195px;
            width:180px;
            text-align:center;
            z-index:4;position:relative;
        }
        .product_kader .clublogo{width:98px;float:left;padding-top:0px;overflow:hidden;}
        .product_kader .meerinfo{float:right;margin:-30px 0;z-index:5;position:relative;}
        .product_kader .adviesprijs{float:right;color:#a39e9b;font-weight:bold;}
        .product_kader .prijs{color:#a9cb38;font-size:24px;font-weight:bold;float:right;}
        .product_kader .product_opt
        {
            position:absolute;
            z-index:10;
            margin:-30px 0 0 0;
            text-align:right;
            width:236px;
        }m
        /**/
        .product_content
        {
            padding:11px 12px;
        }
        .related_product h3
        {
            color:#a6d30c;
            font-size:17px;
            float:left;
            width:336px;
        }
        .related_product .image
        {
            height:180px;
            width:180px;
            text-align:center;
            z-index:4;
            position:relative;
            float:left;
            overflow:hidden;
        }
        .related_product .artnr{float:left;width:336px;}
        
        .related_product .meerinfo{margin-top:24px;width:145px;float:right;z-index:5;position:relative;}
        .related_product .adviesprijs{margin-top:12px;width:145px;text-align:left;float:right;color:#a39e9b;font-weight:bold;margin-top:100px;}
        .related_product .prijs{width:145px;text-align:left;color:#a9cb38;font-size:24px;font-weight:bold;float:right;}
        
     #kruimel
     {
        float:left;
        padding:20px 11px 10px 11px;    
        font-weight:bold;
     }  
         #kruimel a
         {
             background:transparent url('../images/bullet_klein_groen.gif') no-repeat right;
             padding:0 10px 0 2px;
             font-weight:bold;
         } 
     #filterpaginatie
     {
        float:right;
        padding:20px 11px 4px 11px;    
        font-weight:bold;
     }
        #filterpaginatie select
        {
            border: 1px solid #aaa7a8;
        }
    #product_slogan
    {
        float:right;
        padding:4px 0px 4px 11px;    
        font-weight:bold;
        font-size:14px;
        
    }
    #product_slogan span,
    #product_slogan p
    {
        display:block;
        color:#fff;
        background-color:#bcd13d;
        padding:10px 0;
        text-align:center;
        background:url('../images/bg_slogan.gif') no-repeat left;
        width:270px;
    }
    #product_slogan p a{
      color:#fff;
    }
    #product_slogan p a:hover{
      text-decoration:underline;
    }
    #productdetail
    {
        border:1px solid #ccc9c9;
        float:left;
        width:701px;
        padding:12px 15px;
    }
        .product_left
        {
            float:left;
            width:396px;
        }
        .product_image
        {
            width:285px;
            
            text-align:center;
            float:left;    
        }
        .product_brand
        {
            float:left;
            width:376px;
            text-align:right;
            margin-top:-30px;
        }
            
        .product_right
        {
            float:left;
            width:305px;
        }
        .product_right strong
        {
            display:block;
            font-size:15px;
            color:#656365;
            margin-bottom:15px;
        }
        .product_right ul
        {
            margin-left:-10px;
        }
        .product_right li
        {
            background-image:url('../images/bullet_klein_groen.gif');    
            background-repeat:no-repeat;
            background-position:0px 4px;
            padding:0 0 3px 10px;
        }
        .product_props
        {
            margin:22px 0;
        }
        .bestel_button
        {
            float:right;
            text-align:right;
            padding-top:5px;
        }
        #productdetailimages
        {
            float:left;
            width:733px;    
            padding:12px 0 0 0;
        }
        .detail_image
        {
            width:88px;
            height:88px;
            border:1px solid #ccc9c9;
            float:left;
            margin-right:12px;
        }
        #relatedproducts
        {
            border-top:4px solid #c3bebd;
            padding-top:12px;
            margin-top:8px;
            float:left;
            width:733px;
        }
        
        .related_product
        {
            width:360px;
            height:258px;
            border:1px solid #ccc9c9;
            float:left;
            margin-right:8px;
        }
    
    /*Content*/
    #contentpage
    {
        float:left;
        width:711px;
        padding:0 11px 0 11px;  
    }
    #contentpage h1{color:#bcd13c;font-size:19px;margin:0 0 20px 0;}
    #contentpage p{margin:0 0 20px 0;font-size:12px;line-height:20px;}
    #contentpage strong,
    #contentpage p,
    #contentpage em,
    #contentpage i,
    #contentpage b{font-size:12px;}
    
    .merk_item{border:1px solid #ccc9c9;padding:6px;float:left;width:704px;}
    .merk_item_image{width:296px;float:left;}
    .merk_item_content{width:381px;float:left;padding:12px;border-left:1px solid #ccc9c9;}
    .nieuwsitem{width:733px;float:left;border-bottom:1px dotted #cfc8c3;padding:10px 0px;margin:0 0 10px 0;}
    .item_date{width:95px;float:left;}
    .item_date span{display:block;width:48px;height:71px;background-color:#a9cb39;color:#fff;text-align:center;padding: 5px 15px;font-size:20px;font-weight:bold;}
    .item_date span b{font-size:42px !important;color:#fff !important;display:block;margin-bottom:-20px;}
    .item_text{width:638px;float:left;}
    .item_text h2{color:#a9cb39 !important;font-size:24px;}
    .item_images a{margin-right:15px;}
    .item_archief{float:right;}
    
/* INPUT TYPES */    
.text_small
{
    width:44px;
    border:1px solid #aaa6a7;
}
.select_gray
{
    width:144px;
    border:1px solid #aaa6a7;
}
    
#footer
{
    width:960px;
    height:145px;
    float:left;
    background:transparent url('../images/bg_footer.gif');
    border:1px solid #ece8e6;
    padding:14px 12px;
    margin-top:10px;
}
    .footer_blok
    {
        width:239px;
        float:left;
        
    }
    .footer_blok h3
    {
        color:#bcd13c;
        font-size:14px;
        margin-bottom:14px;
        font-weight:bold;
    }
    .footer_blok li
    {
        background:transparent url('../images/bullet_gray.gif') no-repeat 2px 3px;
        padding:0 0 6px 12px;
    }
    .footer_blok p{margin-bottom:20px;}
.referentie{
width:121px;
height:91px;
text-align:center;
border:4px solid #c7c1bd;
margin:13px 13px 0 0;
overflow:hidden;
float:left;
}