/*.wrapper-container{width:calc(100% - 500px);margin-left:0;}
.header-spacer{width:500px;}
header{width:500px;background-color:white;box-shadow: none;}
header nav{max-width:350px;margin-left:auto;margin-right:auto;}
header nav .nav-top{height:230px;}
header nav .menu{height:calc(100% - 450px);}
header nav .nav-wrapper{height:calc(100% - 155px);margin:0 25px;}*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#aaa !important;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#aaa !important;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#aaa !important;opacity: 1 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#aaa !important;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#aaa !important;}


header{width:370px;box-shadow: none;background-color:#e8eef2;}
.header-spacer{width:370px;}
.wrapper-container{width:calc(100% - 370px);margin-left:0;}
.cookiebar{width:calc(100% - 370px);}
header nav .nav-wrapper{padding:0 50px;height:calc(100% - 150px);}
header nav .nav-wrapper .menu{height:auto;}
header nav .adres{padding:30px 50px 50px 50px;}
/*header nav .member-navigation{padding-left:25px;}*/
header nav .member-navigation ul li a{font-size:20px;color:#4587c0;}
header nav .member-navigation .buttons .button-uitloggen{color:#4587c0;border:1px solid #4587C0;padding:5px 10px;display: inline-block;margin-top:10px;}
header nav .member-navigation .buttons .button-uitloggen:hover{color:white;background-color:#4587c0;}
header nav .zoekveld-nav{padding-top:50px;}
header nav .menu ul li.special{margin-top:30px;/*border-top:1px solid #06447A;padding-top:50px;*/}

header nav .adres ul.socialmedia li{display: inline-block;margin-left:0;margin-right:5px;}
header nav .adres ul.socialmedia li a{padding:0;height:auto;font-size:20px;color:#06447A;}
footer{background-color:#e8eef2;color:#06447F;}
footer a{color:#06447F;}
footer a:hover{color:#4587c0;}

.productgroep-item img{margin-bottom:25px;}
.productgroep-item .productgroep-omschrijving{-webkit-transition: height 1s, background-color 1s, opacity 1s;-moz-transition: height 1s, background-color 1s, opacity 1s;-o-transition: height 1s, background-color 1s, opacity 1s;transition: height 1s, opacity 1s, background-color 1s;opacity: 0.8;padding:25px 25px 25px 29px;background-color:white;}
.productgroep-item .productgroep-omschrijving h2{font-size:18px;-webkit-transition: font-size 1s;-moz-transition: font-size 1s;-o-transition: font-size 1s;transition: font-size 1s;}
.productgroep-item .productgroep-omschrijving p{font-size:0;-webkit-transition: font-size 1s;-moz-transition: font-size 1s;-o-transition: font-size 1s;transition: font-size 1s;}
.productgroep-item:hover .productgroep-omschrijving{height:100% !important; opacity: 1;background-color:#e8eef2;}
.productgroep-item:hover .productgroep-omschrijving h2{font-size:22px;}
.productgroep-item:hover .productgroep-omschrijving p{font-size:16px;}
.productgroep-item .productgroep-omschrijving:before{height:100%;vertical-align: middle;display: inline-block;content:"";margin:-4px;}
.productgroep-item .productgroep-omschrijving .v-align{vertical-align: middle;display: inline-block;}

.product-groep .product-overzicht .item.active .border{border:1px solid #06447A;}

.product-groep .product-overzicht .item:hover .border{border:1px solid #06447A;}
header nav .zoekveld-nav .input-group input{border:1px solid #9AC0E8;border-radius: 0;font-weight: 300;font-family: "Oxygen", "Open Sans", sans-serif;}
header nav .zoekveld-nav .input-group .input-group-addon{border:1px solid #9aC0E8;border-left:0;}
.popup#popup-container .popup-content .product-data p.title{color:#06447A;font-size: 20px;}
.popup#popup-container .popup-content .product-data span.omschrijving{font-family: "Oxygen", "Open Sans", sans-serif;color:#06447A;font-size: 15px;font-style: normal;margin-bottom: 10px;display: inline-block;}
.popup#popup-container .popup-content .product-data .contentgroup p.label{color:#9AC0E8;}
.popup#popup-container .popup-content .product-data .contentgroup p.content{font-family: "Oxygen", "Open Sans", sans-serif;color:#06447A;font-size: 15px;font-style: normal;}
.popup#popup-container .popup-content .divider{background-color:#D8E1E9;}
.popup#popup-container .popup-content .product-image-container .left-arrow:hover span, .popup#popup-container .popup-content .product-image-container .right-arrow:hover span{color:#9AC0E8;}

.collection-forms label{font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 400;color:#06447A;}
.collection-forms input, .collection-forms textarea{font-family: "Oxygen", "Open Sans", sans-serif; font-weight: 300;background-color:white;border:#9AC0E8 1px solid;}
.collection-forms input:focus, .collection-forms textarea:focus{border:#9AC0E8 1px solid;}
.collection-forms p#success{color:#9AC0E8;}
.collection-forms#update .form-group p{font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 300;}
header nav .nav-members #login p.error{color:#be060a;}
.radiobuttonfield.special .radiobtn-item span.title{color:#06447A;font-weight:300;}
.action-menu-container{background-color:#06447F;}
.action-menu-container ul{background-color:#e8eef2;border:1px solid #06447A;}
.mijn-collectie2 div.entry-row{border-bottom: 1px solid #e8eef2;color:#06447A;}
.mijn-collectie2 div.entry-row:hover, .mijn-collectie2 div.entry-row.active{background-color:#e8eef2;}
.mijn-collectie2 div.entry-row:hover span, .mijn-collectie2 div.entry-row.active span{color:#06447A;}
a .button2{color:#06447A;border-color:#06447A;}
a .button2:hover{background-color:#06447A;color:white;}
.gray-background{background-color:#e8eef2;}
header nav .menu ul li a{padding:7px 0;}
header nav .nav-top{height:auto;}
header nav .logo{padding-bottom:30px;border-bottom:1px solid #06447A;margin-bottom:50px;}
@media (max-height: 880px){header nav .nav-top{height:auto;}}

.contactform .contact-title{color:#06447A;}
.contactform form.contact label{color:#06447A;}
.contactform form.contact input, .contactform form.contact textarea{background-color:white;border:#9AC0E8 1px solid;font-weight: 300;}
.nieuwsbrieven ul li{border-bottom:#e8eef2 1px solid;color:#06447F;}
.nieuwsbrieven ul li:hover{background-color:#e8eef2;}
a:hover .download-item, a:hover .vacature-item{background-color:#e8eef2;}
.product-overzicht .product-details p{font-family: "Oxygen", "Open Sans", sans-serif;color:#06447A;font-size: 18px;font-style: normal;margin-bottom: 10px;}
.product-overzicht .product-details p .semibold{color:#9AC0E8;display: block;}
.file-upload label{background-color:#9AC0E8;}
.collection-forms .input-group .input-group-addon{border:1px solid #9aC0E8;border-left:0;cursor:pointer;background-color:white;}
.product-in-tabs .product-omschrijving h2{color:#06447A;font-size:17px;}
.product-in-tabs .product-omschrijving p{color:#06447A;font-size:14px;}
.popup .lightbox-title-box h1{color:#06447A;}
.popup .lightbox-title-box span{color:#06447A;font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 300;font-size: 20px;}
.popup .buttons .opslaan-in-collectie.active{color:white;background-color:#06447A;}
.popup .gallery-overview{cursor:default;bottom:0;padding-top: 10px;padding-bottom:10px;background-color:white;opacity: 0.8;}
.popup .gallery-overview .thumb-nav{margin-bottom:0;background-color: transparent;}
.popup .gallery-overview .thumb-img{height:75px;max-width: none;width:auto;cursor: pointer;background-color:white;border-color:#e8eef2;}
#popup-container .product-image-container .foto-thumbs{position: absolute;left: 50px;bottom: 15px;}
#popup-container .product-image-container .foto-thumbs .product-img-thumb{cursor:pointer;width: 120px;height: 70px;overflow: hidden;display: inline-block;border: 1px solid #D8E1E9;margin: 5px;position: relative;background-color:white;}
#popup-container .product-image-container .foto-thumbs .product-img-thumb:hover, #popup-container .product-image-container .foto-thumbs .product-img-thumb.active{border-color:#9AC0E8;}
#popup-container .product-image-container .foto-thumbs .product-img-thumb img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}


.collectie-table tr.collectie-item-row td input, .collectie-table tr.collectie-item-row td textarea, .collectie-table tr.collectie-item-row td input:hover, .collectie-table tr.collectie-item-row td textarea:hover, .collectie-table tr.collectie-item-row td input:focus, .collectie-table tr.collectie-item-row td textarea:focus{background-color:#e8eef2;}
.product-overzicht .product-image .thumbs .img-thumb{height:75px;width:auto;}
.product-overzicht .product-image .thumbs .img-thumb img{width:auto;height:100%;}
.sendForm{border-top:#9AC0E8 1px solid;background-color:#e8eef2;}
.collectie-actionbar-bestelling{background-color:#06447A;}
.open-bestellingen .even, .open-bestellingen .oneven{border-bottom:#E8EEF2 1px solid;}
.open-bestellingen .even:hover, .open-bestellingen .oneven:hover, .open-bestellingen .even.active, .open-bestellingen .oneven.active{background-color:#E8EEF2;}
.open-bestellingen .even:hover p, .open-bestellingen .oneven:hover p, .open-bestellingen .even.active p, .open-bestellingen .oneven.active p{color:#06447A;}
.open-bestellingen .even p, .open-bestellingen .oneven p{color:#06447A;}
.collectie-item-row .productomschrijving .producttitle{color:#06447A;}
.collectie-item-row .productomschrijving .productdescription{color:#06447A;font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 300;}
.collectie-table{border:1px solid #9AC0E8;}
.collectie-table input{background-color:#E8EEF2;border:none;}
.collection-forms .bestellingQuestion label{color:white;}
.collectie-table.historiek p.newstyle, .collectie-table.historiek .newstyle{color:#06447A;font-family: "Oxygen", "Open Sans", sans-serif; font-weight: 300;}
.collection-forms.historiek p.newstyle{color:#06447A;font-family: "Oxygen", "Open Sans", sans-serif; font-weight:300;}
form#register input.error{border:1px solid #CE4844;}

a.vacature-link div.vacature-block .factuurstatus{width:10px;height:10px;border-radius:100px;background-color:#006488;display: inline-block;vertical-align: middle;}
a.vacature-link div.vacature-block .factuurstatus.paid{background-color:#00B300;width:12px;height:12px;}
a.vacature-link div.vacature-block .factuurstatus.topay{background-color:#ffb923;width:12px;height:12px;}
a.vacature-link div.vacature-block .factuurstatus.tolate{background-color:#D53800;width:12px;height:12px;}

.contact p.intro a{color:#06447A;text-decoration: none;}
.contact p.intro a.whatsapp{background-color:#25D366;font-size:16px;color:white;display: inline-block;padding: 5px 10px;border-radius: 5px;}
.contact p.intro a.whatsapp span.fab{font-weight: 600;}
.over-ons-item .leesmeer{border:1px solid #00799F;color:#00799F;padding:4px 10px;display: inline-block;font-style: normal;font-size:12px;font-weight: 300;}
.wie-is-wie-item img{width:100%;}
.wie-is-wie-item p.naam{font-size: 24px;font-weight: 300;color:#9AC0EB;text-align: center;margin-top:10px;margin-bottom:0;}
.wie-is-wie-item p.functie{font-size:14px;color:#06447A;text-align: center;}
.wie-is-wie-item a.contacteer{border:1px solid #00799F;color:#00799F;padding:4px 10px;display: inline-block;font-style: normal;font-size:12px;font-weight: 300;text-align: center;}

.product-groep .product-detail a .border .labels{position: absolute;bottom: 15px;left:15px;}
.product-groep .product-detail a .border .labels img{display: inline-block;margin-right:15px;max-height:50px;}
#popup-container .contentgroup .labels img{display: inline-block;margin-right:15px;max-height:50px;}

@media (max-height:1100px){
	header nav .nav-wrapper{height:calc(100% - 160px);min-height: 0;}
	header nav .adres{padding:30px 50px 30px 50px;height:160px;}
	header nav .member-navigation ul li a{font-size:18px;}
	header nav .zoekveld-nav{padding-top:30px;}
	header nav .menu ul li.special{margin-top:20px;}
	header nav .menu ul li a{padding:3px 0;font-size:22px;}
	header nav .member-navigation ul li a{font-size:18px;}
	header nav .nav-top{height:auto;}
	header nav .logo{padding-bottom:20px;margin-bottom:30px;}
}
@media (max-height:900px){
	header nav .logo{padding-top:25px;padding-bottom:15px;margin-bottom:25px;}
	header nav .nav-wrapper{height:auto;min-height: 0;}
	header nav .menu ul li a{font-size:22px;}
	header nav .member-navigation ul li a{font-size:18px;}
	header nav .zoekveld-nav{padding-top:30px;}
	header nav .adres p{font-size:14px;}
	header nav .adres{height:150px;}
}

@media (max-width: 991px){
	.wrapper-container{width:100%;}
	h1.title{font-size:30px;}
	p.intro, span.intro{font-size:18px;}
	.productgroep-item .productgroep-omschrijving{padding:15px 20px;}
	.productgroep-item .productgroep-omschrijving h2{font-size:20px;}
	.productgroep-item .productgroep-omschrijving p{font-size:0;}
	.cookiebar{width:100%;}
}
@media (max-width: 767px){
	header{width:300px;}
	header nav .nav-wrapper{padding:0 35px;}
	header nav .menu{min-height: 0;}
	header nav .menu ul li a{font-size: 20px;}
	header nav .zoekveld-nav{padding-top:20px;}
	header nav .adres{padding:25px 35px;height:auto;}
	header nav .menu ul li a, header nav .menu ul li.special a{font-size:18px;}
	.productgroep-item .productgroep-omschrijving{padding:15px;}
	.filter-categorie .product_filter, .filter-houtsoort .product_filter{width:calc(50% - 10px);float:left;margin:0 5px;}
	.productoverzicht{margin-top:50px;}
	.product-in-tabs .special-border{border-color:#9AC0E8;}
	.popup .lightbox-previous-button, .popup .lightbox-next-button{display: none;visibility: hidden;}
	.popup .lightbox-img-frame{width:100%;left:0;}
	.popup .lightbox-title-box h1{font-size:20px;width:90%;left:0;right:0;margin:auto;text-align:center;margin-top:20px;}
	.popup .lightbox-title-box span{font-size:16px;margin-top:10px;}
	.popup .buttons .button{margin:0;margin-left:5px;}
	.popup .gallery-overview .thumb-img{height:60px;}
	.popup .lightbox-img-frame .img-big{height:calc(100% - 50px);margin-top:50px;}
	#popup-container .product-image-container .foto-thumbs{position: relative;left:auto;bottom:auto;}
	.cookiebar span{padding:0 25px;}
}
@media (max-width: 400px){
	.filter-categorie .product_filter, .filter-houtsoort .product_filter{width:100%;float:none;margin:0;}
}