body,html{width:100%;height:100%;font-family: "Oxygen", "Open Sans", sans-serif;}
.wrapper-container{width:calc(100% - 302px);height:100%;margin-left:-5px;vertical-align:top;display: inline-block;position: relative;}
.wrapper-content{width:100%;min-height:calc(100% - 50px);}
header{width:302px;height:100%;display: inline-block;vertical-align: top;max-height: none;position: fixed;overflow-y: auto;z-index: 5000;box-shadow:0 0 40px #AAA;background-color:#D8E1E9;}
.header-spacer{width:300px;height:100%;display: inline-block;vertical-align: top;max-height: none;}
header nav{max-width:100%;width:100%;height:100%;}
header nav .nav-wrapper{width:100%;height:calc(100% - 250px);min-height:630px;padding:0 25px;}
header nav .nav-top{height:250px;}
header nav .logo{padding-top:50px;}
header nav .zoekveld-nav{width:100%;max-width: none;margin:0; padding-top:30px;}
header nav .zoekveld-nav .input-group input{border:1px solid #AAAAAA;background-color:white;color:black;}
header nav .zoekveld-nav .input-group .input-group-addon{border:1px solid #AAAAAA;border-left:0;background-color:white;color:#06447A;}
header nav .zoekveld-nav .input-group input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:black;}
header nav .zoekveld-nav .input-group input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:black;opacity:1;}
header nav .zoekveld-nav .input-group input::-moz-placeholder { /* Mozilla Firefox 19+ */color:black;opacity:1;}
header nav .zoekveld-nav .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:black;}
header nav .zoekveld-nav .input-group input::-ms-input-placeholder { /* Microsoft Edge */color:black;}
header nav .menu{height:calc(100% - 400px);min-height: 230px;}
header nav .menu .valign-container{width:100%;height:100%;}
header nav .menu .valign-container:before{display: inline-block;vertical-align: middle;height:100%;content:"";}
header nav .menu .valign-container .valign{display: inline-block;vertical-align: middle;margin-left:-4px;height: auto;text-align: left;}
header nav .menu ul{width:100%;}
header nav .menu ul li{display: block;height:auto;margin:0;}
header nav .menu ul li a{color:#06447A;font-size:24px;padding:5px 0;display: inline-block;height:auto;font-weight: 400;}
header nav .adres{padding-top:30px;height:150px;padding-bottom:50px;}
header nav .adres p{margin:0;color:#06447A;font-size: 16px;}
header nav .adres p a{color:#06447A;}
header nav .nav-members{width:100%;min-height:250px;background-color:#06447A;padding:25px;}
header nav .nav-members img{width:25px;vertical-align: middle;margin-right:5px;}
header nav .nav-members p, header nav .nav-members span{vertical-align:middle;color:#9AC0E8;font-size:24px;margin:0;margin-bottom:10px;}
header nav .nav-members ul li{display: block;margin:0;padding:0;height:auto;}
header nav .nav-members ul li a{color:white;margin:0;padding:0;height:auto;}
header nav .nav-members .buttons{margin-top:15px;}
header nav .nav-members .buttons .button-left{border:1px solid #9AC0E8;color:white;cursor:pointer;display: inline-block;width:calc(50% - 4px);text-align: center;padding:3px 0;}
header nav .nav-members .buttons .button-right{border:1px solid #9AC0E8;color:white;cursor:pointer;display: inline-block;width:calc(50% - 4px);text-align: center;padding:3px 0;}
header nav .nav-members .buttons a:hover .button-left, header nav .nav-members .buttons a:hover .button-right{background-color:#9AC0E8;}
header nav .nav-members #login{margin:0;}
header nav .nav-members #login input{border:0;border-bottom:1px solid #9AC0E8;background-color:transparent;padding:5px 0;margin-bottom:10px;color:white;font-size: 14px;}
header nav .nav-members #login input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#AAAAAA;}
header nav .nav-members #login input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#AAAAAA;opacity:1;}
header nav .nav-members #login input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#AAAAAA;opacity:1;}
header nav .nav-members #login input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#AAAAAA;}
header nav .nav-members #login input::-ms-input-placeholder { /* Microsoft Edge */color:#AAAAAA;}
header nav .nav-members #login .buttons{margin-top:25px;}
header nav .nav-members #login p{font-size: 14px;}
header nav .nav-members #login p a{color:white;}
header nav .nav-members #login p.error{color: #e2b7ad;color:#FFFF00;}
header nav .nav-members #login p.forgot-password{margin-top:10px;margin-bottom:0;}
header .language{position: absolute;top:15px;right:25px;}
header .language ul li{text-transform: uppercase;margin:0;padding:0;font-size: 13px;}
header .language ul li a{text-decoration: none;color:black;height:auto;padding-left:5px;}
header .language ul li a:hover, header .language ul li a.active{text-decoration: underline;color:black;}


footer{height:50px;width:100%;display: inline-block;font-family: "Oxygen", "Open Sans", sans-serif;}
footer div{padding-top:14px;}


h2{color: #9AC0E8;font-size: 35px;font-weight: 300;margin-top: 0;margin-bottom: 10px;}
h1.title{color:#06447A;font-weight:700;font-size: 40px;}
p.intro, span.intro{color:#06447A;font-weight: 300;font-size: 22px;font-family: "Oxygen", "Open Sans", sans-serif;}
p.intro a, span.intro a{color:#9AC0E8;}
.row.no-margin{margin-left:0;margin-right:0;}
a .button, .button{display: inline-block;margin:15px 0;padding:7px 15px;border:1px solid #06447A;color:#06447A;}
a .button:hover, .button:hover{background-color:#06447A;color:white;}
a .button.danger, .button.danger{border-color:#CE4844;color:#CE4844;}
a .button.danger:hover, .button.danger:hover{background-color:#ce4844;color:white;}




#slider-status{display: none;visibility: hidden;}
.productgroep-item{position: relative;}
.product-item{padding:30px;border:1px solid transparent;}
.product-item:hover{border-color:#9AC0E8;}
.productgroep-item img, .product-item img{width:100%;}
.productgroep-item .productgroep-omschrijving{position:absolute;bottom:0;background-color:white;opacity:0.9;padding:25px;width:calc(100% - 30px);}
.productgroep-item .productgroep-omschrijving h2, .product-item .product-omschrijving h2, .product-in-tabs .product-omschrijving h2{color:#06447A;font-size:22px;font-weight: 700;margin-top:0;margin-bottom:7px;}
.productgroep-item .productgroep-omschrijving p, .product-item .product-omschrijving p, .product-in-tabs .product-omschrijving p{color:#06447A;font-size:16px;font-weight: 400;margin:0;font-family: "Oxygen", "Open Sans", sans-serif;}
.product-overzicht .product-details{width:40%;}
.product-overzicht .product-image{width:60%;}
.product-overzicht .product-image .thumbs:before{height:100%;display: inline-block;vertical-align: middle;content:"";}
.product-overzicht .product-image .thumbs .img-thumb{width:115px;display: inline-block;vertical-align: middle;margin-left:-4px;}
.product-overzicht .product-image .thumbs .img-thumb .border{padding:5px;}
.product-overzicht .product-details p{font-size: 16px;color:#06447A;}
.aboutus h2{margin-top:20px;}
.aboutus h2 b{font-weight: 300;}
.overons-block{padding:30px 50px 20px 50px;}
.product_filter label{color:#06447A;}


.download-item, .vacature-item{padding:9px 15px;}
a:hover .download-item, a:hover .vacature-item{background-color:#EFEFEF;}
.download-item:before, .vacature-item:before{display:inline-block;vertical-align: middle;content:"";height:100%;}
.download-item img, .vacature-item .vacature-icon{display: inline-block;width: 40px;vertical-align: middle;margin-left:-4px;margin-right:15px;}
.vacature-item .vacature-icon span{color:#9AC0E8;font-size:25px;}
a:hover .vacature-item .vacature-icon span{color:#06447A;}
.download-item img.hover{display: none;visibility: hidden;}
.download-item img.no-hover{display: inline-block;visibility: visible;}
a:hover .download-item img.hover{display:inline-block;visibility: visible;}
a:hover .download-item img.no-hover{display: none;visibility: hidden;}
.download-item .download-text, .vacature-item .vacature-text{display: inline-block;vertical-align: middle;margin-left:-4px;width:calc(100% - 60px);}
.download-item .download-text p, .vacature-item .vacature-text p{color:#9AC0E8;margin:0;font-size:18px;}
.download-item .download-text p.file-size{font-size:13px;}
a:hover .download-item .download-text p, a:hover .vacature-item .vacature-text p{color:#06447A;}
@media (min-width:1500px){.download-item{width:33.33333%;}}
@media (min-width:1900px){.vacature-item{width:33.33333%;}.vacatures .clearfix.hidden-xs.hidden-sm.hidden-md{display: none !important;}}
.vacature-omschrijving span{font-size:18px;}
.vacature-omschrijving a{color:#9AC0E8;text-decoration: underline;}
#vrije-sollicitatie .file-upload label{background-color:#9AC0E8;color:white;height:40px;margin:0;padding:6px;width:30%;cursor: pointer;float:left;vertical-align: middle;text-align: center;}
#vrije-sollicitatie .file-upload div.filename{float:left;width:70%;height:40px;background-color:white;color:black;padding:9px 5px;border:1px solid #9AC0E8;border-left:none;overflow:hidden;}
#vrije-sollicitatie .file-upload input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
#vrije-sollicitatie .file-upload input:focus + label{outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}
#vrije-sollicitatie .vacature-form .file-upload label.realLabel{background-color:transparent;color:black;height:auto;margin:0;padding:0;width:auto;cursor: pointer;float:none;width:100%;text-align: left;display: inline-block;max-width: 100%;margin-bottom: 5px;}
#new_row{background-color:#9AC0E8;border-color:#9AC0E8;}
label, label.error{font-weight: 600;}
.userforms p a{color:#9AC0E8;}
form#register input.error{border:none;}
label.edit-banner{color:#06447A;}
.radiobuttonfield.special .radiobtn-item .brochure-background-frame{max-width: none;}
.button.no-spacer{margin:0;}
.action-menu-container{background-color:#9AC0E8;color:white;border:none;}
.action-menu-container ul{border:1px solid #9AC0E8;margin-top:0;}
.collectie-actionbar .action-button{color:#06447A;}
.collectie-actionbar .action-button:hover{color:#9AC0E8;}
.mijn-collectie2 div.entry-row:hover span, .mijn-collectie2 div.entry-row.active span{color:#9AC0E8;}
@media (min-width: 1300px){#new-collection .col-lg-12, #update-collection .col-lg-12{max-width: 75%;float: none;}}
@media (min-width: 1900px){#new-collection .col-lg-12, #update-collection .col-lg-12{max-width: 50%;float: none;}}
.radiobuttongroup{display: inline-block;margin-right:50px;vertical-align: top;}
@media (max-width: 1300px){.radiobuttongroup{display: block;}}
.radiobuttongroup .radiobuttonfield .radiobtn-item label p{display: inline-block;vertical-align: middle;margin: 0 5px;}
#success-algemeen a{color:#06447A;text-decoration: underline;}

.nav-tabs.nav-justified{text-align: left;width:100%;}
.nav-tabs.nav-justified li.custom-tabs{color:#9AC0E8;border:1px solid #9AC0E8;}
.nav-tabs.nav-justified li.custom-tabs:first-child{margin-left:0;}
.nav-tabs.nav-justified li.custom-tabs a{color:#9AC0E8;}
.nav-tabs.nav-justified li.custom-tabs:hover{color:white;background-color:#9AC0E8;border:1px solid #9AC0E8;}
.nav-tabs.nav-justified li.custom-tabs:hover a{background-color:transparent;}
.nav-tabs.nav-justified li.custom-tabs.active{color:white;background-color:#9AC0E8;border:1px solid #9AC0E8;}
.nav-tabs.nav-justified li.custom-tabs.active a{background-color:transparent;}
.product-in-tabs .special-border{border:1px solid white;}
.product-in-tabs.checkd .special-border, .product-in-tabs:hover .special-border{border:1px solid #9AC0E8;}
.product-in-tabs .product-omschrijving h2{color:#9AC0E8;font-size:20px;font-weight: 300;margin-top:0;margin-bottom:10px;}
.product-in-tabs .product-omschrijving p{color:#9AC0E8;font-size:16px;font-weight: 300;margin:0;}
select.form-control{background-color:#06447A;border:1px solid #06447A;}
.collectie-table tr.collectie-table-tr-head{background-color:#06447A;}
.collectie-actionbar-bestelling{background-color:#9AC0E8;padding-left:15px;padding-right:15px;}
.collectie-actionbar-bestelling ul li p{color:white;}
.open-bestellingen .even:hover p, .open-bestellingen .oneven:hover p, .open-bestellingen .even.active p, .open-bestellingen .oneven.active p{color:#9AC0E8;}


/* PHOTO-LIGHTBOX */
.popup#popup-container, #lightbox-container{z-index: 7000 !important;}
.popup .gallery-overview .thumb-nav .active {border:2px solid #06447A;}
.popup .lightbox-title-box h1{color:#9AC0E8;font-weight: 600;font-size:30px;}
.popup .lightbox-title-box span{color:#9AC0E8;font-weight: 300;font-size:24px;}
.open-bestellingen .bestelling-item.even, .open-bestellingen .bestelling-item.oneven{margin:0;}
@media (min-width: 1500px){
	.open-bestellingen .col-lg-12{width:50%;}
	.open-bestellingen .bestelling-item.even{margin-left:15px;width:calc(100% - 15px);}
	.open-bestellingen .bestelling-item.oneven{margin-right:15px;width:calc(100% - 15px);}
}
.subtitle{font-size:20px;font-weight: 300;color:black;}
a .btn-filter{margin-top:0;}
a .button.active, a .button:focus, a .button:active{background-color:#06447A;color:white;}
.bestelling.product-in-tabs:hover .special-border, .bestelling.product-in-tabs.checkd .special-border{border-color:#9AC0E8;}
.collectie-item-row .productomschrijving{margin:10px 20px 10px 25px;}
.collectie-item-row .productomschrijving .producttitle{color:#9AC0E8;font-weight: 300;font-size:18px;margin-bottom:7px;}
.collectie-item-row .productomschrijving .productdescription{color:#9AC0E8;font-weight: 300;font-size:15px;margin-bottom:0;}
.collectie-item-row .productomschrijving .productdescription p{margin-bottom:0;}
div.bestellingQuestion{background-color:#06447A;}
.intro h6{font-weight: 300;font-size:18px;color:#9AC0E8;}
.subtitle-intro{color:#9AC0E8;font-size: 30px;font-weight: 600;}
.aboutus img{max-width: 100%;}
.aboutus iframe{max-width: 100%;}
.flashpage img{max-width: 100%;}
.contact label{font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 400;}
.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact input[type="file"], .contact textarea{font-family: "Oxygen", "Open Sans", sans-serif; font-weight: 400;}
/*.cookiebar{background-color:#9AC0E8;font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 400;right:0;}*/
.cookiebar{background-color:#D8E1E9;font-family: "Oxygen", "Open Sans", sans-serif;font-weight: 400;right:0;color:#06447A;}
.cookiebar span a{color:#06447A;}
.cookiebar .cookiebutton{border:1px solid #06447A;}
.product-groep .product-overzicht .item{padding:15px;}


@media (min-width:1800px){
	.col-xl-3{width:25%;float:left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.visible-xl{display: block !important;}
	.hidden-xl{display: none !important;}
	.col-xl-4{width:25%;float: left;position: relative;min-height: 1px;padding-right:15px;padding-left: 15px;}
}
@media (min-width:1500px){
	.col-xl-4{width:33%;float: left;position: relative;min-height: 1px; padding-right: 15px;padding-left: 15px;}
	.col-xl-6{width:50%;float: left;position: relative;min-height: 1px; padding-right: 15px;padding-left: 15px;}
	.visible-xl-4{display: block!important;}
	.hidden-xl-4{display: none !important;}
	table.collectie-table.bestelling .visible-xl{display: block !important;}
	table.collectie-table.bestelling .hidden-xl{display: none !important;}
	table.collectie-table.bestelling table.visible-xl{display: block !important;}
	table.collectie-table.bestelling tr.visible-xl{display: table-row !important;}
	table.collectie-table.bestelling td.visible-xl{display: table-cell !important;}
	table.collectie-table.bestelling th.visible-xl{display: table-cell !important;}
}
@media (max-width:1500px){
	table.collectie-table.bestelling, table.collectie-table.bestelling thead, table.collectie-table.bestelling tbody, table.collectie-table.bestelling th, table.collectie-table.bestelling td, 	table.collectie-table.bestelling tr {display: block;}
	table.collectie-table.bestelling .collectie-item-row, table.collectie-table.bestelling .button-tr, table.collectie-table.bestelling .extra-info-afwerking{height:auto;padding-left:15px; padding-right:15px;}
	table.collectie-table.bestelling .button-tr .button2:first-child{margin-bottom:10px;}
	table.collectie-table.bestelling .collectie-item-row.bestelling label.mobile{display:block;width:100%;}
	table.collectie-table.bestelling tr.extra-info-afwerking .radiobuttonfield .radiobtn-item{margin:0;display:block;}
	form#update-collection-teksten .radiobuttonfield.radio-override{width:100% !important;display: block;padding-right:0 !important;padding-left:0 !important;margin-top:20px;}
	form#update-collection-teksten .omschrijving-spacer{display: block;}
	#update-collection-teksten table.collectie-table.bestelling td input, #update-collection-teksten table.collectie-table.bestelling td textarea {margin:0;width:100%;}
	#update-collection-teksten table.collectie-table.bestelling .radiobuttonfield{margin:0 !important;}
	#update-collection-teksten table.collectie-table.bestelling .radiobuttonfield .radiobtn-item{margin:0 !important;}
	table.collectie-table.bestelling .collectie-item-row .moveRows div{display: none;visibility: hidden;}
	table.collectie-table.bestelling .collectie-item-row .moveRows{background-color:white;}
}
.over-ons-item{padding-right:50px;margin-bottom:50px;}
.over-ons-item h2{font-size:27px;}
.over-ons-item p{color:#06447A;}
.over-ons-item .leesmeer{font-weight: 600;font-style: italic;font-size:13px;}
@media (max-width:1800px){
	.overons-block h2, .infopagina h2{font-size:25px;}
	.over-ons-item{padding-right:30px;}
}
@media (max-width:1200px){
	h1.title{font-size:50px;}
	p.intro, span.intro{25px;}
	.productgroep-item .productgroep-omschrijving h2, .product-item .product-omschrijving h2, .product-in-tabs .product-omschrijving h2{font-size:25px;}
	.overons-block h2, .infopagina h2{font-size:25px;}
	.product-overzicht .product-details, .product-overzicht .product-image{width:100%;}
}
@media (max-width:991px){
	header{width:400px;overflow:visible;max-width: 100%;}
	header nav{overflow: auto;}
	header .logo{max-width: 250px;} 
	.header-spacer{display: none;visibility: hidden;}
	.wrapper-container{width:100%;}
	.row.no-margin{width:calc(100% - 50px);margin-left:auto;margin-right:auto;}
	#menu-icon-open{position: fixed;left:25px;top:0;border-radius:0 0 7px 7px;background-color:white;color:#06447A;font-size: 18px;height:40px;width:40px;text-align: center;cursor: pointer;z-index: 4999;}
	#menu-icon-open:before{display: inline-block;vertical-align: middle;content: "";height:100%;margin-left:-4px;}
	#menu-icon-open span{display: inline-block;vertical-align: middle;height:auto;margin-left: -4px;top:0 !important;}
	#menu-icon-close{position: absolute;right:0;top:0;background-color:transparent;color:#06447A;font-size: 18px;height:40px;width:40px;text-align: center;cursor: pointer;z-index: 5001;}
	#menu-icon-close:before{display: inline-block;vertical-align: middle;content: "";height:100%;margin-left:-4px;}
	#menu-icon-close span{display: inline-block;vertical-align: middle;height:auto;margin-left: -4px;top:0 !important;}
	h1.title{font-size:50px;}
	p.intro, span.intro{20px;}
	.productgroep-item .productgroep-omschrijving h2, .product-item .product-omschrijving h2, .product-in-tabs .product-omschrijving h2{font-size:25px;}
	.product-overzicht .product-details, .product-overzicht .product-image{width:100%;}
	.product-overzicht .product-image{margin-top:50px;}
	.bestelling.product-in-tabs .special-border{border:2px solid #9AC0E8;}
	header .language{left:25px;}
	header .language ul li a{padding-right:5px;padding-left:5px;}
}
@media (max-width:767px){
	header{width:100%;}
	header .logo{width:100%;}
	.row.no-margin{width:calc(100% - 30px);}
	h1.title{font-size: 24px;font-weight: 600;}
	p.intro, span.intro{font-size: 20px;}
	.productgroep-item .productgroep-omschrijving h2, .product-item .product-omschrijving h2, .product-in-tabs .product-omschrijving h2{font-size: 18px;font-weight: 400;}
	.productgroep-item .productgroep-omschrijving p, .product-item .product-omschrijving p, .product-in-tabs .product-omschrijving p{font-size:14px;}
	.overons-block{padding:30px 25px;}
	.overons-block h2, .infopagina h2{font-size:25px;}
	header nav .nav-members .buttons .button-left, header nav .nav-members .buttons .button-right{width:auto;padding:3px 7px;}
}