.comment {'gans de header div';}
header { background-color: #fff; } 
.comment {'menu gedeelte';}
.navbar-inverse, .navbar-collapse, .navbar-inverse { background: #00a369; } 
.comment {'Achtergrondkleur menubalk';}
.navbar-inverse, .navbar-inverse .navbar-collapse { background-color: #fff; }
.comment {'Zwarte balk klein sticky';}
.stickypart.affix {
background-color: #fff;
}
header .logo { background:url('https://cdn.fireplug.be/e6bb48de-d1d8-4b1e-9970-0f64478ed0bb/hanssenslogo.png') bottom center no-repeat; height:130px; width:410px; } 
.comment {'Kleur van de letters van het hoofdmenu';}
.navbar-inverse .navbar-nav>li>a {
    color: #495c23;
    font-size: 18px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-family: Montserrat,Sans-Serif;
    letter-spacing: .5px;
}
.comment {'ROLL OVER Kleur van de letters van het hoofdmenu';}
.navbar-inverse .navbar-nav>li>a:hover {
color: #00a369;
}
.comment {'Kleur van de letters van het hoofdmenu wanneer er op geklikt is';}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #fff;
}
.comment {'ROLL OVER Kleur van de letters van het hoofdmenu wanneer er op geklikt is';}
.navbar-inverse .navbar-nav>.open>a:hover {
color: #fff;   
}
.comment {'ROLL OVER sub menu';}
.navbar .navbar-collapse .navbar-nav .dropdown.yamm-fw .dropdown-menu .yamm-content .submenu>li a:hover {
 color: #00a369;   
}
.comment {'contact customerservice en talenkeuze';}
.topmenu a {color: #495c23;}
.topmenu span {color: #00a369;}
.blocklist .productblock:hover .koopbol { opacity: 0.7; background-color: #FFFFFF; }
.blocklist .productblock .koopbol { position: absolute; opacity: 0;width: 40%;top: 35%;left: 30%;padding-bottom: 40%;background-color: #000;transition: opacity ease-in .3s;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.comment {'Boxen op de about us';}
.borderbox {
    background-color: #fff;
    padding: 35px;
    margin: 10px 0;
    border: solid 0px #98a856;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.comment {'Kleur en vorm van de letters van de submenus';}
.navbar .navbar-collapse .navbar-nav .dropdown.yamm-fw .dropdown-menu .yamm-content .submenu>li a {
    -webkit-transition: all,.3s;
    -o-transition: all,.3s;
    transition: all,.3s;
    color: #000;
    font-size: 1.08em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 3px 0;
    display: block;
}
.comment {'Icoon winkelwagentje op menubalk';}
.shopbutton:hover {
    background-color: #cbde82;
}
.shopbutton {
    padding: 0;
    border: none;
    position: absolute;
    background-color: #00a369;
    color: #fff!important; 
    padding: 24px 28px;
    font-size: 20px;
    display: block;
}
.comment {'zoekknop op menubalk';}
.searchbuttonmobile:hover {
    background-color: #cbde82;
}
.searchbuttonmobile {
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 75px;
    background-color: #00a369;
    color: #000000;
    padding: 24px 28px;
    font-size: 20px;
    display: block;
}
.searchbuttonmobile 
.comment{'Kleur blok met woord uw winkelmandje';}
.topblock .title {
    padding: 25px 25px;
    background-color: #000;
}
.comment{'Kleur zoekknop achter zoekveld';}
#searchform .input-group .searchbtn {
    background-color: #00a369;
    color: #fff;
}
.comment{'Kleur submenu sitepage';}
.submenu_sitepage {
    background-color: #00a369;
}
.comment{'Kleur letters submenu sitepage';}
.submenu_sitepage li a {
    color: #000;
}
.submenu_sitepage li {
    border-bottom: solid 1px #000;
}
.comment{'Kleur knoppen "in de kijker"';}
.btn-primary:hover {
    background-color: #00a369;
    border-color: #00a369;
}
.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.comment{'Kleur links in tekst';}
a {
    color: #00a369;
    text-decoration: none;
}
.comment {'Kleur tekst en achtergrond emailknop';}
.btn-default {
    color: #fff;
    background-color: #00a369;
    border-color: #00a369; 
}
.btn-default:hover {}
.comment {'Kleur driehoek in productcatalogus';}
.productlist .productthumb .choosebutton {
    border-bottom: 140px solid #00a369;
    border-left: 140px solid transparent;
}
.comment{'kleur balk aantal producten in catalogus';}
.delivery_options, .international_options {
    background-color: #354720;
    padding: 20px;
    text-align: center;
    font-size: 1.3em;
    color: #fff;
}
.comment {'Roll over tekst knoppen categorie gelegenheid kleur bedrag';}
.filters.row .btn-group .filterbutton:hover {
    background-color: #000;
    color: #00a369;
}
.comment {'tekst knoppen categorie gelegenheid kleur bedrag';}
.filters.row .btn-group .filterbutton {
    background-color: #fff;
    color: #00a369;
    font-weight: 600;
    font-size: 1.1em;
    margin: 10px 5px 0;
    width: calc(100% - 10px);
    overflow: hidden;
}
.comment{'kleur knop "I agree" bij accepteer cookies ';}
.cl-banner .cl-accept {
    background: #00a369;
}
.comment{'Streepje op productdetail onder de productcode';}
.productdetail .productinfo .intercatcode {
    color: #f3f5ea;
    border-bottom: solid 3px #00a369;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.comment {'kleine banner rechts op homepage -- padding'}
.smallbanner img {
    width: 100%;
    padding: 0px
}
footer .bigfooter {
    background-color: #495c23;
}
.subfooter {
	background-color: #354720;
}
footer .bigfooter p, footer .bigfooter h4, footer .bigfooter a:hover, footer .bigfooter a {
    color: #f3f5ea;
}
footer .bigfooter .footerblock li a {
    color: #f3f5ea;
}