body {    
    background-color:#fff;     
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:62.5%;
    width: 100%;
    height:100%;       
}

a, a:link, a:active, a:visited { padding: 0; margin: 0; }
a:hover { padding: 0; margin: 0; }

form { padding:0;margin:0}
img {border: none}    

table {padding: 0px; margin: 0px;}


#filter { padding: 5px;  margin-bottom: 6px;  height: 30px;  background-color: #dfdad5;}
#filter h1 {color: #000; font-size: 1.1em; font-weight: bold; padding: 0px; margin:0px}
#filter p {color: #000; font-size: 1em; font-weight: normal;}

/* Main frames */

#wrapper {
    position: relative; 
    width: 984px;   
    margin: auto; 
    background-color: #fff;     
    margin-top:2px;
    margin-bottom: 9px;
    font-size: 1em;
}

#header {
    width: 984px;
    position: relative;
    background-image: url("../SiteArt/header.jpg");
    height: 120px; 
    font-size: 1em;
    margin-bottom: 8px;


}

#holder_light {
    position: relative;
    width: 984px;
    background: #fff url(../SiteArt/bg_columns_white.jpg); 
    overflow: hidden;
    height: 100%;  
    font-size: 1em;    
    }
    


#holder_dark {
    position: relative;
    width: 984px;
    background: #fff url(../SiteArt/bg_columns_white.jpg); 
    overflow: hidden;
    height: 100%;  
    font-size: 1em;    
    }
    
 

#left 
{   
    float: left;
    width: 200px;
    margin: 0px; padding: 0 0 0 0;
    background-color: #333333 ;    
    margin-right: 8px;
    padding: 0 0 9px 0;
    height:100%; /* works only if parent container is assigned a height value */       
    color: #ccc;
    margin-bottom: 9px;  
    font-size: 1.2em;
}

#main   {

    float: left;
    text-align: left;
    width: 568px;
    background-color: #dfdad6;    
    color: #333;
     margin-right: 8px;
    height:100%; /* works only if parent container is assigned a height value */ 
    font-size: 1em;  
    

}



      #right {
    float: left;
    text-align: left;
    width: 200px;
    background-color: #333333;
    color: #333;       

    height:100%; /* works only if parent container is assigned a height value */ 
    font-size: 1.2em;    
}

#footer {
    background-color: #333333;
    text-align: center;
    padding: 5px;
    margin: 9px 0 0 0;  
    font-size: 1.1em;
    color: #ccc;     
}

.over { background-color: red; }
#topmenubar { position: absolute; top: 98px; left: 215px;color: #fff; font-size: 1.2em; }
#headermenu { position: absolute; top: 20px;  width: 935px; text-align: right; } 

#bossites { height: 134px; background-color: #d6d7d6; color: #000; padding: 8px;}
/* productlisting */
.productholder {position: relative; z-index: 1;}

/* navigator (stuurtbalk */
#navigatortop {  background-image: url("../SiteArt/bg_navigatortop.jpg"); padding:1px 2px 0px 2px;   font-size: 1.1em; color: #000;}
#navigatorbottom {   float: left; background-color: #dfdad5; padding:0px 2px; margin-top: 0; height: 30px; font-size: 1.1em;width: 564px; text-align:right;}
#navigatortop a, a:link, a:active, a:visited { color: #000; }
#navigatorbottom a, a:link, a:active, a:visited { color: #000; }


#navigator a, a:link, a:visited, a:active { color: #000; font-size: 1em;}
#productbanner { margin-bottom: 2px; }

.productnormal {position: relative; float: left;  margin-right: 2px;  margin-bottom: 2px;   padding: 0px; background-color: #f0efed; font-size: 1.1em; height: 243px;}
.productright {position: relative; float: left;  margin-bottom: 2px;   padding: 0px;background-color: #f0efed; font-size: 1.1em; height: 243px;}

.productnormal h1 {font-size: 1em; margin: 0; padding: 0}
.productnormal p {margin: 0;} 
.productnormal h2 {margin: 0;font-size: 1.1em;}     

.productright h1 {font-size: 1em;margin: 0;  padding: 0}
.productright p {margin: 0;}
.productright h2 {margin: 0; font-size: 1.1em;}     

.productimage { margin-top: 3px; padding: 0; }

  
  .productnew { position: absolute;text-align: center;left: 3px;padding: 3px; font-weight: bold; color: #000; font-size: 1em;    height: 40px; top:3px; width: 40px; letter-spacing: 4px; text-transform: uppercase; background:url("http://www.boswinkels.nl/SiteArt/icon_new.png")   }
  
.productdiscount { position: absolute;text-align: center;left: 140px;padding: 3px; font-weight: bold; color: #000; font-size: 1em;    height: 40px; top:140px; width: 40px; letter-spacing: 4px; text-transform: uppercase; background:url("http://www.boswinkels.nl/SiteArt/icon_sale.png")   }

.brandlogo {left: 128px;color: #000; font-size: 1em;position: absolute;  top:10px; width: 188px; letter-spacing: 4px; text-transform: uppercase;    }

.currentpage { padding: 2px; border: 1px #ccc solid; background-color: #fff;text-align: center;}

.note {color: #7e7e7e; font-style: italic; margin: 0;}

#productbar { background-color: #ededed; margin-top: 15px;padding: 6px;text-align: right; border-top: 1px solid #ccc;}
#buttonbar { background-color: #fff; margin-top: 15px;padding: 6px;text-align: right; border-top: 1px solid #fff;}

.button { background-color: #fff;  border: 1px solid #ccc; font-size: 1em; padding: 2px;text-transform: lowercase;}

#holder a, a:link, a:active, a:visited { padding: 0px; }

#right h1 {color: #fff; font-size: 1em; font-weight: bold; padding: 7px;; }

#productsdetail_new {
    position: relative;
    padding: 2px;
    background-color: #00ffce;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 5px;
    width: 40px;
    text-align: center;
}

#productsdetail_discount {
    position: relative;
    padding: 2px;
    background-color: #ff00ff;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    letter-spacing: 4px;
    width: 45px;
    text-align: center;
    color: #fff;
}

/* loginstatus */
#login_status { background-color: #333; color: #ccc; padding: 5px; margin-top: 10px; border: 1px solid #3f3f3f; }
#login_status p { padding: 0; margin: 0; color: #ccc; }
.subtle { color: #ccc; }

/* Bos winkels (links)*/
#boswinkels_content { position: relative; margin-top: 30px;  }   
#boswinkels_content ul { padding-top: 0px; padding-left: 0; margin-left: 0; margin-top: 4px;  list-style-type: none; margin-left: 2px;}  
#boswinkels_content  li { list-style: none;list-style-image: none;line-height: 18px;display: block;  }


/* tagbar */
#tagbar { position: relative; margin-top: 10px; padding-top: 10px;}

#tagbar .tag_header {color: #fff; padding: 2px; margin-bottom: 8px; font-size: 1em; text-transform: none;font-weight: bold; }
#tagbar .tag_content { margin-bottom: 15px;padding: 3px 3px;   }

#tagbar ul { padding: 0; margin: 0;  list-style-type: none;}

#tagbar ul .inner {margin-bottom: 10px;text-indent: 10px; background-color: #3f3f3f;  }
#tagbar li .inner{
    list-style: none;
    list-style-image: none;
    line-height: 18px;
    display: block;      
}

#tagbar  li {
    list-style: none;
    list-style-image: none;
    line-height: 18px;
    display: block;
      
}
   
.brandcount { color: #ccc; }



.active {
    list-style: none;
    list-style-image: none;
    background-color: #630063;
    line-height: 18px;    
    color: #000;
}







/* product detail */
#magnifybox { padding: 2px; width: 100px; font-size: 0.8em;margin-top:10px;}

/* content */
#content { background-color: #fff; 
            padding: 20px;
            height: 100%;   
            font-size: 1.1em; line-height: 18px;
}

/* text */
#content table  h2 { font-size: 1.2em; margin-bottom: 10px; }   

#content h1 {  font-size: 1.3em; margin-top: 0px; margin-bottom: 15px;}
#content h2 {  font-size: 1.1em; margin-top: 5px;  margin-bottom : 0px; background-color: #ededed ; padding: 2px;}
#content h3 {  font-size: 1.0em; margin: 0 0 8px 0; padding: 0;  padding: 2px;}
#content h4 {  font-size: 0.9em; margin: 0 0 8px 0; padding: 0;  padding: 2px;}
.price_small { 
    font-size: 1em;padding-top:2px; margin-bottom: 5px;text-decoration: line-through;
}
.price_large {font-size: 1.5em;  font-weight: bold;padding: 0;  }
.price_enddate {font-size: 0.9em;  color: #b1b1b1; font-weight: normal;padding: 0;  }


#content table { font-size: 1em; }


#left h1 {color: #fff; font-size: 1em; font-weight: bold; margin: 0; padding: 0}    
#left p, a, a.tagbar:link, a.tagbar:visited, a.tagbar:active {color: #ffffff; text-decoration: none; line-height: 20px;}
#left a.tagbar:hover {color: #ccc; }
#left a, a:link, a:active, a:visited { color: #fff; font-size: 1em; }
#left a:hover { color: #ccc; }



#right a, a:link, a:active, a:visited { color: #665545; font-size: 1em;}
#right a:hover { color: #665545; }                       

#headermenu ul { padding: 0; margin: 0; font-size: 1.1em; }
#headermenu li { margin-left: 25px; list-style: none; display: inline; text-align: right; font-size: 1em; }


#topmenubar ul { padding: 0; margin: 0;     font-size: 1.1em;    }

#topmenubar li { 
    margin-right: 22px; 
    list-style: none;
    display: inline;
    text-align: left;
    font-size: 1em;    
}

#topmenubar li a, a:link, a:active, a:visited { 
    color: #000; 
    font-size: 1em;
}

#topmenubar li a:hover {         
    text-decoration: underline;
    font-size: 1em;       
}


/* Shopping cart */

#content  .shoppingcart .header td  {
        height: 20px;
        background: url(../SiteArt/shoppingcart_header_bg.jpg) repeat-x; 
        margin-bottom: 20px;
        font-size:  1em;
        font-weight: bold;
        padding: 2px;
        
    }
                              
#content  .normal td   {
        height: 20px;
        font-size: 1em;
        padding: 2px;
        
    }    

#content .odd td  {
        height: 20px;
        font-size: 1em;
        background-color: #f4f4f4; 
        padding: 2px;
    }      
    
#content a, a:link, a:active, a:visited {
        height: 20px;
        color: #000;
        font-size: 1em;
          

    }    

#content a.productlink:hover {
        height: 20px;
        font-size: 1em;   
        color: #000;
        border-bottom: 1px dotted #000;       
    }        
    
.buttons { 
        width: 525px;
        text-align: right; 
}


.error_strings{ font-family:Verdana; font-size:10px; color:#660000;}



/* Filter options */
.filter_options { background-color: #f0efed; border: 1px solid #c2b8af; font-size: 1em; width: 130px;}
.limit_options { background-color: #f0efed; border: 1px solid #c2b8af; font-size: 1em; width: 45px;}


.news_letter_input { background-color: #f0efed; border: 1px solid #c2b8af; font-size: 1em; width: 45px;padding:4px;}


/* Newsletter */



#right_news_letter {  position: relative;width: 200px; margin-bottom:6px;color: #fff;}
#right_news_letter h1 { margin:0 ; padding: 5px} 
.right_news_letter_submit  { border: 1px solid #000;width: 20px;} 
.right_title td { margin:0 ; padding: 5px} 
#right_shoppingcart_small {  position: relative; height: 60px;width: 200px;  margin-bottom:10px;color: #fff;}
#right_shoppingcart_small h1 { margin:0 ; padding: 5px}     
#right_shoppingcart_small a, a:link{ color: #fff; }
#right_shoppingcart_small a:hover{ color: #ccc; }


/* Form error handling */
.error_strings  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:1em;
    margin-bottom: 10px;
}

.error_inner  h3 {padding:0;}

.error_inner  {
    background-color: #fff3f3; 
    border: 1px dotted red;
    padding: 5px;
    line-height: 18px;     
    margin-bottom: 10px;
    color: red; 
}

/* Footer */
#footer ul { padding: 0; margin: 0;     font-size: 1em;    }

#footer li { 
    margin-right: 22px; 
    list-style: none;
    display: inline;
    text-align: left;
    font-size: 1em;    
}

#footer li a, a:link, a:active, a:visited { 
    color: #fff; 
    font-size: 1em;
}

#footer li a:hover {         
    text-decoration: underline;
    font-size: 1em;       
}


/* Supply conditions */

#conditions { color: #000; border-top: 1px #ccc solid; padding-top: 20px; margin-bottom: 50px;}

/* Frontpage */

.frontpage_textbanner  { padding: 6px;}
.frontpage_textbanner h1 { padding: 0 0 5px 0; margin: 0;font-family: Arial, Helvetica; color: #fff; font-size: 1.6em; color: #fff; text-align: center;}
.frontpage_textbanner h2 { padding: 0; margin: 0;font-family: Arial, Helvetica; color: #fff; font-size: 1.2em; color: #fff; text-align: center;}

.frontpage_textbanner h1 a, a:link, a:active, a:visited { padding: 0 0 5px 0; margin: 0;font-family: Arial, Helvetica; color: #fff; font-size: 16px; color: #fff; text-align: center;}
.frontpage_textbanner h2 a, a:link, a:active, a:visited{ padding: 0; margin: 0;font-family: Arial, Helvetica; color: #fff; font-size: 12px; color: #fff; text-align: center;}

/* Feedback */
.feedback { margin-bottom: 25px; background-color: #f5f3f2;}
.entry .date { display: block; background: url("../SiteArt/feedback_entry_bg.jpg"); padding: 5px; color: #333;  }
.entry .name { display: block;  padding:  8px 8px 0 8px; color: #333; margin-bottom: 2px; font-weight: bold;border-top: 1px solid #fff;}
.entry .message { display: block;  padding: 0 8px 8px 8px;  color: #333; }

#navigatortop  h1 { font-size: 1.1em; padding:0;margin:0 }
/* breadcrumbs */
#breadcrumbsnavigator { font-size: 1em;background-color: #fff; margin-bottom: 15px; }
#breadcrumbsnavigator a { color: #000 }
#breadcrumbsnavigator a:hover { color: #4d4135; text-decoration: underline}


#right_small_klantenservice {  position: relative;width: 200px;  margin-bottom:10px;height: 100px;}
#right_small_klantenservice a, a:link, a:active, a:visited { color: #000; }
#right_small_klantenservice a:hover { color: #000; }
.right_title_klantenservice td { margin:0 ; padding: 5px; background:url("https://www.boswinkels.nl/SiteArt/title_klantenservice_bg.jpg"); color: #000;}     
.right_inner_klantenservice { background-color: #dfdad6;  color: #000; padding: 5px; text-align: left;background:url("https://www.boswinkels.nl/SiteArt/inner_klantenservice_bg.jpg"); }



/* productsintro */
/* productsintro */
.productsintrotext h1 {
    font-size: 12px;
    padding: 0; margin: 0;
}

.productsintrotext h2 {
    font-size: 11px;
    padding: 0; margin: 0;
}

.productsintrotext {
    padding: 15px 5px 15px 5px;
    line-height: 25px;
    font-size: 1.2em;
    background-color: #fff;
}