/*Stylesheet*/
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
        url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
        url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'source_sans_proregular';
    color: #333;
    background: #f1f1f1;
}
a {
    color: #169dc4;
    text-decoration: none;
}
a:focus, a:hover {
    color: #39bee4;
    text-decoration: none;
}

img {
    max-width: 100%;
}
.main-container{
    padding-top: 20px;
    background: #fff;
}
header{
    padding-top: 0px;
    background: #f1f1f1;
}
.navbar {
    background: #384248;
    border-color:#384248;
    border-bottom: 3px solid #39bee4 !important;
}
.navbar .container {
    background: #384248;
}
.navbar li a {
    background-color: transparent;
    font-family: 'Open Sans Condensed';
    font-size: 19px;
    font-weight: normal;
}
.navbar li a:hover, .navbar li a.active{
    background-color: #7b7877 !important;
}
ul.cart-content {
    min-width: 520px;
}
ul.cart-content b {
    width: 80%;
    display: inline-block;
    overflow: hidden;
    color: #39bee4;
}
ul.cart-content span {
    width: 18%;
    text-align: right;
    display: inline-block;
    float: right;
}
@media (max-width: 767px) {
    ul.cart-content {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
}
.prodImage {
    width: auto;
    height: 100% !important;
}
.link-p {
    height: 166px;
    min-height: 166px;
    max-height: 166px;
}
.btn-primary {
    background-color: #39bee4;
    border-color: #39bee4;
    color: #fff;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #7b7877;
    border-color: #666;
    color: #fff;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #39bee4;
    border-color: #39bee4;
    color: #fff;
    z-index: 2;
}
span.title {
    border-bottom: 3px solid #eee;
    color: #39bee4;
    font-family: 'Open Sans Condensed';
}
h1.title {
    border-bottom: 3px solid #eee;
    color: #39bee4;
    font-family: 'Open Sans Condensed';
}
.faq-container .themaList .themaItem {
    background-color: #F5F5F5;
    border-color: #DDD;
    color: #333;
}
.faq-container .themaList .themaItem:hover, .panel-heading:hover {
    background-color: #39bee4;
    border-color: #DDD;
    color: #fff;
}
.panel-heading a:hover {
    color: #fff;
    background: #39bee4}
.blockTitle {
    color: #39bee4;
}
.navbar li.nav-dropdown .caret{
    border-top-color: #384248;
    border-bottom-color: #384248;
    color: #fff;
}


/** ## nieuw ## **/
body {
    background-color: #fff;
}
/** header **/
.layout-header-searchform.input-search {
    border-color: #39bee4;
}
.layout-header-searchform span.input-group-btn {
}
.layout-header-searchform span.input-group-btn button {
    background-color: #39bee4;
    border-color: #39bee4;
    color: #fff}

/** headermenu **/
.navbar, .navbar .container {
    background-color: #292929;
}

/** footer **/
footer {
    background-color: #292929;
    border-top: 3px solid #39bee4;
}
footer h4 {
    border-color: #989898;
}
footer .container, 
footer .copyright {
    background-color: #292929;
    color: #fff;
}
footer .copyright {
    color: #989898;
    float: left;
    width: 100%;
    border:none;
}
/** productbox **/
.staffelLabelbox {
    width: 100%;
    text-align: center;
    float:left;
    height:32px;
}
.staffelLabelbox .staffelLabel {
    border-radius: 0;
    margin: 0px;
    letter-spacing: initial;   
    background-color: #fff;
    color: #89ca3e;
    font-size:14px;
    font-style:italic;
    width:100%;
    padding:5px 0px 7px 0px;
}
.product-box .prod-caption {
    background-color: #fff;
    height:251px;
}
.product-box .prod-caption p {
    clear:both;
}
.product-box .bestelbuttonbox {
    float:left;
    width:100%;
}
.product-box .bestelbuttonbox .btn-primary {
    display: block;
    width:100%;
}
.product-box .productbox-pricebox {
    text-align: center;
}
.product-box .productbox-oldprice {
    font-size:16px;
    color:#666;
    text-decoration: line-through;
}
.product-box .productbox-price {
    font-size: 16px;
    font-weight: bold;
}
.product-box .thumbnail {
    position: relative;
    overflow: hidden;
}

.list-group-submenu {
    margin-left:0px;
    padding-left:20px;
    background-color: #f5f5f5;
}

.subCatBox .caption {
    background-color: #39bee4;
    color: #fff;
    border:none;
}
.subCatBox .caption h4,
.subCatBox .caption a,
.subCatBox .caption a:active,
.subCatBox .caption a:visited {
    color: #fff;
}
.subCatBox .caption h4 {
    font-size:18px;
    margin: 0px;
    height: 38px;
}

.catmenubox span.title {
    background-color: #39bee4;
    color: #fff;
    border:none;
    padding: 11px 12px;
    font-weight:bold;
    letter-spacing: 1px;
    margin-bottom:0px;
}

/* -- -- R I B B O N  -  C S S -- -- */
.corner-ribbon{
  width: 200px;
  background: rgba(137, 202, 62, 0.7);
  color: #fff;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 1000;
  opacity: 1;
}
.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media (max-width: 991px) {
    .corner-ribbon.top-right {
        top: 25px;
        right: -50px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
}
/* -- -- / R I B B O N  -  C S S -- -- */

/* -- -- E X T R A  B O X -- -- */
.eb_container {
    margin-bottom: 20px;
}
.eb_header {
    background-color: #39bee4;
    padding: 10px 12px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #39bee4;
}
.eb_content {
    padding: 10px 12px 0px 12px;
    border: 1px solid #ddd;
    border-top:0;
}
.eb_footer {
    
}
.eb_content img {
    max-width:100%;
}
/* -- -- / E X T R A  B O X -- -- */
.btns-cart {
    width:100%;
}
.btns-cart .btn-primary {
    float:right;
}
#addToCartBtn,
.btns-cart .btn-primary {
    background-color: #89ca3e;
    border-color: #89ca3e;
}
#addToCartBtn:hover,
.btns-cart .btn-primary:hover{
    background-color: #7b7877;
    border-color: #666;
}
.product-short-detail {
    background-color: #f5f5f5;
}
.product-short-detail div.the-list  > div:first-child {
    padding-right: 0px;
}
.dropdown-menu, .dropdown-menu li {
    background-color: #fff;
    color: #080808 !important;
}
.dropdown-menu li a {
    color: #080808 !important;
    height: 40px;
}
.dropdown-menu .dropdown-submenu.open > .dropdown-menu {
    padding-left: 25px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee !important;
    color: #080808 !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
.list-group-submenu {
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item {
    padding: 10px 12px !important;
    border: 1px solid #ddd;
}
.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-cat {
    border: 0;
}
.panel-cat > a {
    background: #f5f5f5;
}
.panel-cat i.fa-caret-down {
    margin-left: 10px;
}
.panel-cat .list-group-sub > a {
    padding-left: 25px;
}
.panel-cat .list-group-sub a:last-child {
    border-bottom: 0;
}
.panel-cat .list-group-sub:last-child a:last-child {
    border-bottom: 1px solid #ddd;
}
footer .footer-col a {
    color: #39bee4;
    text-decoration: none;
}
.product-short-detail .staffelprijsbox:before {
    display: none;
}

.prod-caption h4 {
    height: 52px;
    font-size: 16px;
}
.staffelLabel {
    display: block;
    padding: 2px 10px;
    background: red;
    border-radius: 20px;
    color: #fff;
    width: max-content;
    margin: 5px auto;
    font-size: 12px;
    letter-spacing: -0.5px;
}
.staffelTabel th, .staffelTabel td {
    padding: 1px !important;
}
.staffelTabel {
    width: 95%;
    margin-bottom: 0px;
    float: right;
}
.staffelTabel th {
    font-family: 'source_sans_proregular';
    font-size: 14px;
}

/** content.css **/
.column {
    float: left;
    padding-left:15px; 
    padding-right: 15px;
}
.column.full {
    width: 100%;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}
.left {
    text-align:left;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #39bee4;
    border-color: #39bee4;
}
.pagination>li>a, .pagination>li>span {
    color: #39bee4;
}

#onepagecheckout .checkout-step-title .stepCircle {
    border-color: #39bee4;
}
#onepagecheckout .checkout-step-title .stepNumber,
#onepagecheckout .checkout-step-title .stepTitle {
    color: #39bee4;
}
.product-thumb-image-kleurmaat {
    display: none;
}

.kleurmaatOmschrijving {
    color: #39bee4;
}
.productdetail-tekstexbtw {
    font-size: 15px;
    font-weight: normal;
}
.productDetail .productdetail-tekstexbtw {
    float: right;
    line-height: 26px;
}
.product-box .productdetail-tekstexbtw {
    font-size: 12px;
}
.product-box .productbox-pricebox {
    line-height: 1;
}

.productdetail-dealerloginknop {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}
.productdetail-dealerloginknop a {
    font-size: 16px;
    color: rgb(255, 165, 0);
    text-decoration: underline;
    font-weight: bold;
}
.productdetail-dealerloginknop a:hover {
    color: rgb(235, 145, 0);
}
#addToCartBtn {
    float: right !important;
}
.crumbtrail-container {
    padding-left: 15px;
    padding-right: 15px;
}
.crumbtrail-container > div {
    margin-left: 0px;
    text-align: left;
}
.crumbtrail-container > div a,
.crumbtrail-container > div i {
    font-size: 16px;
}
.crumbtrail-container > div i {
    margin-left: 8px;
    margin-right: 8px;
}

/*.product-short-detail-voorraadbox .green*/
/*.product-short-detail-voorraadbox .red {*/
.product-short-detail-voorraadbox {
    font-size: 16px;
    font-weight: bold;
}
.product-short-detail-voorraadbox button.inpanelButton.bluebtn {
    font-weight: normal;
}

.categorie-extratekst {
    margin-bottom: 30px;
}