﻿
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

html{overflow-y:scroll; height:100%;}

*{outline:none!important;}
i{font-style:italic;}
ol, ul {list-style: none;}
.main ul {list-style-type:disc; }
/*.main ol{list-style-type:decimal; margin-left:18px;}*/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* Mobile Fixes  
----------------------------------------------------------*/
body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; min-width:350px !important;}

@media screen and (max-width:667px){
    iframe{width:100%;}
}

/* DEFAULTS
----------------------------------------------------------*/
body {font-family:'Fira Sans', sans-serif!important;}
a:link, a:visited, a{}
a:hover{text-decoration:none;}
a:active{}
p{}
a{cursor:pointer; }
hr{border-top: 0px; margin-top:0px; margin-bottom:30px;;background-image:url('/images/lijn.png'); background-size:contain; background-repeat:no-repeat; height:7px;}
.backgroundColColor{padding-top:50px;}
.row{padding:0px;}
.Margins{padding-bottom:30px !important;}

strong {font-weight: 500;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{}
h1{font-size: 30px; font-weight: 500; letter-spacing: 0px; margin: 0px; padding:40px 0px 10px 0px; font-family: 'Fira Sans', sans-serif; }
h2{font-size: 30px; font-weight: 500; letter-spacing: 0px; margin: 0px; padding:10px 0px 10px 0px; font-family: 'Fira Sans', sans-serif; }
h3{color:#868786; font-family: 'Fira Sans', sans-serif; font-size: 24px; margin-top:0px;font-weight: 100;  line-height:28px;}
h4{color:#868786; font-family: 'Fira Sans', sans-serif; margin-top:0px; }
h5{}
h6{}


/* PRIMARY LAYOUT ELEMENTS   
-------------------------------------------------------*/
.page{background-color: #fff;margin: 0px auto 0px auto;color:black;letter-spacing:0.5px; position:relative;font-family:'Fira Sans', sans-serif!important; padding-top:155px; height:100%;}



.header{position:fixed!important; top:0; transition: top 0.2s ease-in-out;}
.main{}
.footer{}
.row{margin:0;}
.talenDropDown option{border:1px solid #fff;}
footer{ padding:30px; padding-left: 0px;}

.fixed{position:fixed!important;}

.nav-down{}
.nav-up {
    top: -155px;
}

@media screen and (max-width:667px){
    .page{padding-top:190px;}
    .nav-up {
    top: -190px;
}
}
/*NavigatieMenu
---------------------------------------------------------*/
.Navigation{display:inline-block;}
.minheader .Navigation{padding-top:15px; position:relative;}
.dropdown-toggle-NoClick{pointer-events: none; cursor:default;}

/* HamburgerMenu
-------------------------------------------------------*/
.navbar-toggle .icon-bar{background-color:White;}
.navbar-collapse{position:absolute; display:none;}
.navbar-collapse.in{overflow-y:visible!important; z-index:1000; position:absolute;}
.navbar-collapse{width:100%;}

.bar1{transform:rotate(-45deg) translate(-5px, 5px);}
.bar2{transform:rotate(45deg) translate(-0px, -0px);}
.bar3{transform:rotate(45deg) translate(-5px, -5px);}

.span1, .span2, .span3{transition-duration:0.7s;}
/* MISC  
----------------------------------------------------------*/

.clear{clear: both;}
.failureNotification{font-weight:bold; color: White; font-size:1.2em;}
.Clear, .clear{ clear:both;} 
.FloatRight{ float:right;}
.FloatLeft{ float:left;}

/* Header
--------------------------------------------------------*/
.header{float:left; width:100%; z-index:3001; position:relative; display:block; background-color: #fff;}
.innerheader{max-width:1400px; margin-left:auto; margin-right:auto;padding:4px 15px 0px 15px;}
.colHeader{padding:0;}
.colHeaderSmall{padding:0;
                padding-top:5px;
                padding-right:15px;
                
}

.colHeaderSmall a{padding-left:8px; float:right;
}

.backgroundHeaderColor{background-color:#fff;}
.backgroundHeaderColor h2{padding-top:40px; padding-bottom:10px;}
.headerLogo{ margin-left: -20px;}
.headerLogoPhone{text-align:center; margin:0 auto; padding-right: 15px;}
.socials{padding-top:45px; float:right; padding-left:15px; padding-right:0px;}

.socials img{float:right;}

.minheader{min-height:50px; width:100%;}

.minheader .navbar-header{padding-top:0px; padding-left:15px; position:relative; top:-10px;}

.minheader .navbar-toggle{background-color:#fff !important;}

.ourBrandsLinks{padding-top:25px; padding-left:10px; position: absolute; right: 25%;}
.ourBrandsLinks span {position:relative; top:8px; color:#868786;}
.ourBrandsLinks img{max-width:120px;}
.dhiImgTop{max-width:75px!important;}

.ourBrandsLinksmini{float:right; padding-right:10px; display:none;}
.ourBrandsLinksmini span {position:relative; top:2px; color:#fff;}

@media screen and (max-width:736px){
.ourBrandsLinksmini{float:right; padding-right:10px; display:block;}
}

/* Banner
---------------------------------------------------------*/
.bannerImage{height:450px; width:100%; overflow:hidden;}
.bannerImageSelf{width:100%;}
.staticBanner{height: 450px;}
.glow{height: 100%; width: 100%; opacity:0.55;}


/* body
-------------------------------------------------------*/
.pageWidth{margin-left:auto; margin-right:auto; max-width:1400px; padding:0px 15px;}
.pageWidth2{margin-left:auto; margin-right:auto; max-width:1200px; padding:0px 15px;}

.introTekst{font-family: 'Fira Sans', sans-serif; font-weight:300; font-size:22px; line-height:30px;  color:#868786; padding-bottom:40px;}
.hoofdTekst{font-family: 'Fira Sans', sans-serif; font-weight:300; font-size:16px; line-height:19px; color:#868786;  padding-bottom:40px;}
.hoofdTekst h3{font-family: 'Fira Sans', sans-serif; font-weight:500; font-size:22px; margin:0; padding:0px 0px 20px 0px; color:#868786;}
.hoofdTekst p{padding-bottom:20px;}

@media screen and (max-width:480px){
    /*h1{font-size:20px; padding-top:5px;}
    h2{font-size:20px; padding-top:5px;}*/
    .introTekst{font-size:18px; line-height:20px; padding-bottom:30px;}
    
}

@media screen and (max-width:740px){
    .socials{padding-top:0px; padding-left:0px;}
}

/* footer
-------------------------------------------------------*/
.footer{background-color:#4C82C7; width:100%;}
.innerfooter{max-width:1400px; margin-left:auto;margin-right:auto;}
.Talen{}
.innerfooter h3{color:#fff; font-family: 'Fira Sans', sans-serif; font-weight:500; font-size: 18px; margin-top:20px;}
.innerfooter hr{background-image:none; border-bottom:1px solid #fff; margin-bottom:0px;}


/* bootstrap carousel
------------------------------------------------------*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {width: 100%; height:100%; margin: auto;}

.bannerSliderImageDiv{background-size: cover; background-repeat: no-repeat; background-position:center; background-blend-mode:hard-light;}

@media screen and (max-width:480px){
    .bannerSliderImageDiv{height:250px !important;}
    #myCarousel{height:250px !important;}
    
}

@media screen and (max-width:667px)
{
    .staticBanner{height: 200px;}
    .bannerImage{height:200px;}
}




  
  /*BreadCrumb
--------------------------------------------------------*/
.breadCrumb { display:inline-block; font-size:14px; padding-left:15px;}
.breadCrumb ul{padding:0px; list-style-type:none;}
.breadCrumb li{float:left;}
.breadCrumb a{color:#888; }
.breadCrumb span{font-size: 11px; letter-spacing: 0px;}
#divBread hr{margin:0;}


/*Ekko lightbox
--------------------------------------------------------*/
.glyphicon-chevron-right{right:0;float:right;margin-right:25px;text-align:right; background:url('/images/right_arrow.png') no-repeat right; }
.glyphicon-chevron-right:before, .glyphicon-chevron-left:before{ content:none;}
.glyphicon-chevron-left{left:0;float:left;margin-left:25px;text-align:left; background:url('/images/left_arrow.png') no-repeat left;} 
.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:140px;height:100%;font-size:30px;color:#fff;}
.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}


/* Formulier styling
--------------------------------------------------------*/
.Formulier{line-height:1.42857143;}

.inputStyle input[type=text]{
    border:0px;
    font-size:16px;
    width:90%;
    float:left;
    height:30px;
    padding-top:3px;
    background-color:transparent;
}

.inputStyle input[type=checkbox]{
    float:left;
    padding-top:0px;
    background-color:transparent;
}

.inputStyle textarea{
    border:0px;
    font-size:16px;
    width:90%;
    float:left;
    height:95px;
    resize:none;
    /*padding-top:3px;*/
    background-color:transparent;
}

.inputStyle select{
    border:0px;
    font-size:16px;
    width:90%;
    float:left;
    height:30px;
    padding-top:2px;
    background-color:transparent;
    -webkit-appearance: none;
    background-image:url(/images/pijlDown.png);
    background-position:right;
    background-repeat:no-repeat;
        -moz-appearance: none;
}


.inputStyle{border:1px solid #868786; display:inline-flex;padding: 5px 0px 5px 0px; min-height:40px; font-size:16px;font-family: 'Fira Sans', sans-serif; width:90%; color:#868786; margin-bottom:20px;}
.formulier_label{padding-top: 5px; font-size: 16px; float:right;}
.inputstyleLabel{width:140px; min-width:40%; border-right:0px solid #868786; text-align:right;}
.inputstyleControl{width:60%;}
.inputstyleControl2{width:100%; padding-left:3%;}
.inputstyleControl2 select{
    width:95%;
}



.formulier_input label{font-weight:300;padding-left:10px;float:left;word-wrap: break-word;max-width: 90%;}
.formulier_input td{padding: 5px 0px 0px 0px;}
.inputStyle .littleLine{border-left:1px solid #868786; float:right; margin-left:5px; margin-top:5px; margin-bottom:5px; }

.formulier_verplicht{width:10px; float:left; height:30px; color:red;}
.formulier_verplicht2{position:absolute; left:0px; top:-25px; height:30px; color:red;}
/*.formulier_verplicht{position:relative; top:30px; width:90%; background-color:#ff0000; }*/

.form_button{float:left; padding-right:20px; padding-bottom:10px;}

.formulier_button{border:1px solid; background-color:#fff; padding:8px 20px;font-size:16px;font-family: 'Fira Sans', sans-serif; width:170px;}

.formulier_button_clear{border:1px solid #868786; background-color:#fff; color:#868786; padding:8px 20px;font-size:16px;font-family: 'Fira Sans', sans-serif;width:150px;}


.noPadding{padding:0px;}

.imageClearDrop{width:25px !important; height:28px !important; position:absolute; right:16%; background-color:#fff;}
.imageClearDrop2{width:25px !important; height:28px !important; position:absolute; right:16.5%; background-color:#fff !important;}
.imageClearDropSmall{width:25px !important; height:28px !important; position:absolute; right:17%;}

@media screen and (max-width:375px){
    .inputStyle{width:100%;}
    .imageClearDropSmall{width:25px !important; height:28px !important; position:absolute; right:9%;}
}

/*Algemeen
--------------------------------------------------------*/
.upperheader{height:40px; }
.upperHeaderMenu{width:100%; padding-top:5px; font-family: 'Fira Sans', sans-serif;}
#ddlTalen{background-color:transparent; color:#fff; border:solid 1px #fff; min-width:60px; margin-right:20px; float:right; font-weight:300; padding-top:1px; height:21px; -moz-appearance: none; -webkit-appearance:none; padding-left:3px;}
.talenDropDown{background-color:transparent;float:right; height:21px;}
.upperHeaderMenu a{color:#fff; float:right; font-weight:300;}
.upperHeaderMenu a.FloatLeft{float:left!important; font-weight:500; font-size:16px;}

.lowerheader{height:100px; padding:5px 0;}

.navbar-toggle{border-radius:0px; margin-right:30px; padding:7px 4px 6px 4px; margin-top:0px;}

.navbar-toggle .icon-bar{border-radius:0px; height:3px;}

.navbar-header{height:100px; padding-top:45px;}

#myCarousel{min-height:200px!important; }

    .menuwrapper{ position:absolute;
              z-index:3000;              
              display:block;
              overflow-y:hidden;
              width:100%;
              max-height:0%;
              top:155px; 
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;  
               background-color:#1a60ab;
               font-family: 'Fira Sans', sans-serif;
              
              }
@media (max-width:768px){
    .menuwrapper{top:180px; }
}


@media (min-width: 0px) {


   .navbar-collapse.collapse {
       display: none !important;
   }
    
   .navbar-toggle {
       display: block;
   }

   
}

.mincolHead{
    height: 50px;
    width: 50px;
    position: absolute;
}


.toggled .menuwrapper
{
    max-height:500%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
     padding:25px 0px;      
}

@media (max-width:667px){
    .toggled .menuwrapper
    {
        overflow:scroll;
        min-height:400px!important;
        max-height:100%;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; 
         padding:25px 0px;      
    }

}

.menu{padding:0;}

.menu li {
    list-style: none;
    display: inline-block;
    vertical-align: text-top;
    width: 20%;
    padding-bottom:20px;
}




.menu a{
    color:#fff;
    font-size: 26px;
    font-weight: 500;
}
.menu-sub{padding:0;}
.menu-sub li:before{content:"-";color:#fff;font-weight:500;display:block;float:left;}
.menu-sub li{
    width:100%;
    padding-bottom:0px;
}
.menu-sub a{
    color:#fff;
    font-size: 16px;
    font-weight: 100;
    padding-left:10px;
    display:block;
}


.menuSiteMap{padding:20px 0px 60px 0px;}

.menuSiteMap li {
    list-style: none;
    /*display: inline-block;*/
    float:left;
    vertical-align: text-top;
    width: 12%;
    padding-right:5px;
    margin-bottom:20px;
}

.menuSiteMap a{
    color:#fff;
    font-size: 14px;
    font-weight: 700;
}
.menuSiteMap .menu-sub{padding:0;}
.menuSiteMap .menu-sub li:before{content:"-";color:#fff;font-weight:500;display:block;float:left; line-height:12px;}
.menuSiteMap .menu-sub li{
    width:100%;
    padding-bottom:0px;
    margin-bottom:0px;
}
.menuSiteMap .menu-sub a{
    color:#fff;
    font-size: 12px;
    font-weight: 100;
    padding-left:7px;
}


@media (max-width:768px){
    .menu li {
    list-style: none;
    display: inline-block;
    vertical-align: text-top;
    width: 50%;
    padding-bottom:20px;
    }
    .menu a{
        color:#fff;
        font-size: 20px;
        font-weight: 500;
    }

    .menu-sub li{
    width:100%;
    padding-bottom:0px;
}
.menu-sub a{
    color:#fff;
    font-size: 14px;
    font-weight: 100;
    padding-left:10px;
    display:block;
}

.menuSiteMap li {
    list-style: none;
    display: inline-block;
    vertical-align: text-top;
    width: 50%;
    padding-right:5px;
}

.menuSiteMap .menu-sub li{
    width:100%;
    padding-bottom:0px;
}
}


body {overflow-x: hidden;}


/*.toggled .page{ overflow:hidden; height:50vh;}*/


.SidebarHeader{ padding:36px 30px 30px 20px; }
.SidebarLogo{ float:right; max-width:175px; margin-top:23px;}

.menu li{ list-style:none;}
.menu li.level1{ font-size:24px; font-weight:700; line-height:36px; margin-bottom:40px; }
.menu li.level1 a, .menu li.level1 span { color:#4c4c4c!important;}
.menu li.level2{ font-size:18px; font-weight:300; line-height:28px; }
.menu li.level1 li:first-child {margin-top:10px; }

@media screen and (max-width: 0px) 
{ 
    .menuwrapper{ width:101%; left:-101%; }
}

.productItem {
    width: 100%;
    padding: 10px 10px;
    background: #fff;
    min-height:200px;
    max-height:3150px;
    max-width:350px;
}

/*.productItem:hover {
    position:relative;
    bottom:5px;
}*/

.productItem h3{
    font-size: 24px;
    font-weight: 400;
    color: #868786;
    height: 60px;
    overflow: hidden;
    margin-bottom:0px;
    margin-top: 5px;
    line-height: 30px;
}

.productItem h5{
    font-size: 16px;
    font-weight: 400;
    color: #868786;
    height: 30px;
    overflow: hidden;
    margin-bottom:0px;
    margin-top: 0px;
    line-height: 30px;
}


.newsItem {
    max-width: 350px;
    padding: 10px 10px;
    background: #fff;
    min-height: 200px;
    max-height:315px;
    margin: 0px auto;
}

/*.productItem:hover {
    position:relative;
    bottom:5px;
}*/

.newsItem h3{
    font-size: 24px;
    font-weight: 400;
    color: #868786;
    height: 60px;
    overflow: hidden;
    margin-bottom:0px;
    margin-top: 5px;
        line-height: 30px;
}


.AfbeeldingItem{
    max-width: 350px;
    padding: 10px 10px;
    background: #fff;
    height: 315px;
    margin: 0px auto;
}

.imageHeight{
    height:200px;
    overflow:hidden;
    
    background-repeat: no-repeat;
    background-position: center;
}

.imageHeight img{
    width:100%;
}

.AfbeeldingItem .imageHeight{
    height:285px;
}

.arrowMore{font-size:20px;}

.productColStyle
{
    margin-bottom:30px;
    padding:0px;
}

.productColStyleBottom
{
    height:7px;
    background-image:url('/images//lijnKlein.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:bottom;
    position:relative;
    bottom:7px;
}

.colPadding{
    padding-left:20px;
    padding-right:20px;
}

.toFormButtonPar{width:100%; height:70px; margin-top:50px;}
.topLijn{width:100%; height:7px; background-image:url('/images/lijnKlein.png'); background-size:contain; background-repeat:no-repeat; background-position:top; position:relative;top:0px;}
.botLijn{width:100%; height:7px; background-image:url('/images/lijnKlein180.png'); background-size:contain; background-repeat:no-repeat; background-position:top; position:relative;top:0px;}
.formulierBut{height:40px; width:90%; margin:10px 5%; font-family: 'Fira Sans', sans-serif; color:#fff; text-align:left; padding-left:10px; line-height:40px; font-weight:500;}
.formulierButEvent{height:40px; width:200px; margin:0px 0px; font-family: 'Fira Sans', sans-serif; color:#fff; text-align:left; padding-left:10px; line-height:40px; font-weight:500;}

.hoofdItemImage{width:100%;}

.toPagerPar{width:400px; height:70px;}
.pagerInhoud{height:50px;padding:0px 20px; font-size:24px; line-height:50px; font-family: 'Fira Sans', sans-serif; font-weight:500;}
.pagerInhoud a{font-weight:300;}

.highlightedItemTekstBlok{max-height:320px; overflow:hidden; line-height:19px;}
.highlightedItemTekstBlok p{margin:0 !important; padding-bottom:0px!important;}
.prevPageBtn{height:80px; line-height:80px; font-size:24px;  font-weight:600;}

.prevPageBtn a{text-decoration:none;}  
 
.newsItemDatum{float:right; margin-top:5px;}
/*Documenten
--------------------------------------------------------*/
.DocResult{ position:relative;
              z-index:3000;              
              display:block;
              overflow-y:hidden;
              width:100%;
              height:0%;
              top:0px; 
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;  
              font-family: 'Fira Sans', sans-serif;    
              margin-bottom:40px;          
              }
.toggled .DocResult
{
    height:100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding:25px 0px;      
}

.SearchResult{height:100%; padding:25px 0px;}

.documentLink{text-decoration:underline; font-size: 16px;  line-height: 25px;}
.doclist{margin:0px; list-style:none;padding:0px;}

.doclist li{list-style:none;}

.DocResult div{min-height:0px;}

/*Contactpersonen
--------------------------------------------------------*/
.contactBlok{ font-family: 'Fira Sans', sans-serif; padding-bottom: 40px;}
.contactBlok h4{font-size:24px; line-height:28px;}
.contactBlok h6{font-size:16px; font-weight:500; line-height:19px; margin-bottom:0px; color:#868786;}
.contactBlok p{font-size:16px; font-weight:100; line-height:19px; color:#868786;} 
.contactBlok a{font-size:16px; font-weight:100; line-height:19px; text-decoration:underline;} 

.paddingTop{padding-top:30px;}


/*Search
----------------------------------------------------------*/
.searchBoxHeader{float:right; margin-right:20px; height:21px;padding-left:5px;font-family:'Fira Sans', sans-serif; width:165px; background-color:transparent; border:1px solid white; color:#fff; padding-top:2px;}
.searchBoxHeaderSmall{float:right; margin-right:5px; margin-left:40px; height:31px;padding-left:5px;font-family:'Fira Sans', sans-serif; display:none; width:100%;background-color:transparent; border:1px solid white; color:#fff; padding-top:2px;}
.searchBoxSmallDiv{width:40%; height:32px;}

::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder { color:#fff; opacity:1;}
:-ms-input-placeholder {color: #fff;}

.SearchResult a{color:#868786;}

#tbSearchSmall{display:none;}
.searchBoxSmallDiv{background-image: url('../images/vergrootglas.png'); background-repeat:no-repeat; background-position:right;}

@media screen and (max-width: 667px)
{
    #tbSearch{display:none;}
    #tbSearchSmall{display:none;height:30px; margin:10px 0px;}
}


/*Modal*/
.modal{top: 50px; z-index:9999; }
.modal-title{display:none;}



/*responsive Youtube video*/
.videowrapper {
	position: relative;
	padding-bottom: 40%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    max-width:560px;
	height: 100%;
    max-height:315px;
}

/*bedankt popup*/
.BedanktPopup{z-index:10000; width:100%; height:200px; position:fixed;  top:160px;left:0; }
.BedanktPopupInner{max-width:500px; margin-left:auto; margin-right:auto; background:#fff; height:100%; padding:20px; font-family:"Fira Sans"; border:1px solid #000;}
.BedanktPopupHeader .Titel{font-size:24px;}
.BedanktPopupHeader .closeButton{float:right; width:30px; height:30px; background-image:url(../images/close.png); background-size:cover;}
.BedanktPopupHeader{float:left;width:100%;}
.BedanktPopupBody{float:left;width: 95%; padding-top: 30px;}
.BedanktPopupBody p{font-size:18px; font-weight:normal;}

/* Cookiewetgeving
--------------------------------------------------------*/
.disable{display:none;}
.enable{display:block;}
.CookieWetgeving{width:100%; min-height:50px; background-color:#fff;;position:fixed;bottom:0; left:0; color:black; z-index:99999;}
.CookieWetgeving .CookieWetgevingTekst{padding-left:10px; margin:0 auto; max-width:960px; padding-top:10px; }
.cookiemeldingtekst{max-width:800px; float:left;}
.cookiemeldingButton{width:150px; float:left; padding-right:10px;}
.cookiemeldingButton input{float:right; background-color:transparent; border-radius:3px; padding:0px 15px;}
.cookiemeldingButton input:hover{float:right; background-color:#f1f1f1; border-radius:3px; padding:0px 15px;}

@media screen and (max-width:740px){
    .cookiemeldingButton{padding-bottom:20px; float:right;}
}

.CookieWetgeving2{width:100vw; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; color:white; top:0px; left:0px; z-index:9998; overflow:hidden;}
.CookieWetgeving2 .CookieWetgevingTekst2{max-width:400px; position:relative; z-index:9999; top:20vh; margin:0 auto; background-color:orangered; min-height:20vh;}
.cookiemeldingtekst2{width:180px;}
.cookiemeldingButton2{width:150px;}
.cookiemeldingButton2 input{float:right;}
.cookiemeldingDrop2{color:black;}


.CookieWetgeving3{width:200px; height:auto; background-color:black; position:fixed;bottom:30px; right:30px; color:white;}
.CookieWetgeving3 .CookieWetgevingTekst3{padding-left:10px;}
.cookiemeldingtekst3{width:180px;}
.cookiemeldingButton3{width:150px;}
.cookiemeldingButton3 input{float:right;}

/*Stirling
--------------------------------------------------------*/
.stirling .CookieWetgeving{border-top:1px solid #E3000f;}
.stirling .cookiemeldingButton input{border:1px solid #E3000f;}

.stirling h1, .stirling h2, .stirling .formulier_button, .stirling .productItem p, 
.stirling .newsItem p, .stirling .pagerInhoud, .stirling .pagerInhoud a, 
.stirling .meerItemInhoud a, .stirling .prevPageBtn a, .stirling .documentLink, 
.stirling .contactBlok a, .stirling .SearchResult, .stirling .highlightDatum{color:#E3000f;}
 .stirling #ddlTalen{color:#fff;}

.stirling .contactBlok h4{color:#cdcdcc;}

.stirling .talenDropDown option, .stirling .upperheader, .stirling .formulierBut, .stirling .formulierButEvent, .stirling .navbar-toggle, .stirling .minheader, .stirling .minheader .navbar-toggle .icon-bar{background-color:#E3000f;}
.stirling .DocResult, .stirling .backgroundColColor, .stirling .imageClearDropSmall{background-color:#edf3f9;}
/*.stirling .glow{box-shadow: inset#1a60ab 0px 0px 250px 250px;}*/
/*.stirling .bannerSliderImageDiv{background-color:rgba(26,96,171,0.55);}*/

.stirling .formulier_button {border-color:#E3000f;}
.stirling #ddlTalen{border-color:#fff;}


/*.stirling .searchBoxHeader::-webkit-input-placeholder {color:#3b4c4c;}
.stirling .searchBoxHeader:-moz-placeholder {color:#3b4c4c;opacity:1;}
.stirling .searchBoxHeader::-moz-placeholder { color:#3b4c4c; opacity:1;}
.stirling .searchBoxHeader:-ms-input-placeholder {color: #3b4c4c;}*/

.stirling .membership{display:none;}
.stirling #ddlTalen{margin-right:0px;}

.stirling .downArrowTalen{ background-image:url(/images/pijlDownWit.png); background-repeat:no-repeat; background-position:right; background-size:contain; height:15px; margin-top:3px; margin-right:3px; display:block;}
.stirling .btnContinue{border:1px solid #e3000f; color:#E3000f;}
.stirling .ourbrandsCryo, .stirling .ourbrandsStir, .stirling .ourbrandTekstDhi{display:none;}
.stirling .ourBrandsLinks{padding-top:20px;}

/*DHI
--------------------------------------------------------*/
.dhi .CookieWetgeving{border-top:1px solid #455198;}
.dhi .cookiemeldingButton input{border:1px solid #455198;}

.dhi h1, .dhi h2, .dhi .formulier_button, .dhi .productItem p, 
.dhi .newsItem p, .dhi .pagerInhoud, .dhi .pagerInhoud a, 
.dhi .meerItemInhoud a, .dhi .prevPageBtn a, .dhi .documentLink, 
.dhi .contactBlok a, .dhi .SearchResult, .dhi .highlightDatum{color:#455198;}
.dhi .upperheader a, .dhi #ddlTalen{color:#fff;}
.dhi .membership{display:none;}

.dhi .contactBlok h4{color:#cdcdcc;}


.dhi .formulierBut, .dhi .formulierButEvent, .dhi .navbar-toggle{background-color:#17267e;}
.dhi .talenDropDown option, .dhi .upperheader, .dhi .minheader, .dhi .minheader .navbar-toggle .icon-bar{background-color:#17267e;}

/*.dhi .bannerSliderImageDiv{background-color:rgba(23,38,126,0.55);}*/
.dhi .DocResult, .dhi .backgroundColColor, .dhi .imageClearDropSmall{background-color:#edf3f9;}

.dhi .formulier_button {border-color:#455198;}
.dhi #ddlTalen{border-color:#fff; display:none;}

.dhi .downArrowTalen{ background-image:url(/images/pijlDownWit.png); background-repeat:no-repeat; background-position:right; background-size:contain; height:15px; margin-top:3px; margin-right:3px; display:block;}

.dhi .searchBoxHeader{margin-right:0px;  border:1px solid #fff; color:#fff;}
.dhi .searchBoxHeaderSmall{border:1px solid #fff; color:#fff;}

.dhi .searchBoxHeader::-webkit-input-placeholder {color:#fff;}
.dhi .searchBoxHeader:-moz-placeholder {color:#fff;opacity:1;}
.dhi .searchBoxHeader::-moz-placeholder { color:#fff; opacity:1;}
.dhi .searchBoxHeader:-ms-input-placeholder {color: #fff;}
.dhi .btnContinue{border:1px solid #455198; color:#455198;}
.dhi .ourbrandsDhi, .dhi .ourbrandTekstNotDhi{display:none;}

/*CRYOZONE
--------------------------------------------------------*/
.cryozone .CookieWetgeving{border-top:1px solid #53d2ff;}
.cryozone .cookiemeldingButton input{border:1px solid #53d2ff;}

.cryozone h1, .cryozone h2, .cryozone .formulier_button, .cryozone .productItem p, 
.cryozone .newsItem p, .cryozone .pagerInhoud, .cryozone .pagerInhoud a, 
.cryozone .meerItemInhoud a, .cryozone .prevPageBtn a, .cryozone .documentLink, 
.cryozone .contactBlok a, .cryozone .SearchResult, .cryozone .highlightDatum{color:#53d2ff;}
.cryozone .upperheader a,.cryozone #ddlTalen{color:#3b4c4c;}


.cryozone .contactBlok h4{color:#cdcdcc;}

.cryozone .formulierBut, .cryozone .formulierButEvent, .cryozone .navbar-toggle,.cryozone .talenDropDown option, .cryozone .upperheader, .cryozone .minheader, .cryozone .minheader .navbar-toggle .icon-bar{background-color:#87e0ff;}

/*.cryozone .bannerSliderImageDiv{background-color:rgba(83,210,255,0.55);}*/
.cryozone .DocResult, .cryozone .backgroundColColor, .cryozone .imageClearDropSmall{background-color:#edfaff;}

.cryozone .formulier_button {border-color:#455198;}
.cryozone #ddlTalen{border-color:#3b4c4c;}

.cryozone .membership{display:none;}
.cryozone #ddlTalen{margin-right:0px; display:none;}

.cryozone .searchBoxHeader{margin-right:0px;  border:1px solid #3b4c4c; color:#3b4c4c;}
.cryozone .searchBoxHeaderSmall{border:1px solid #3b4c4c; color:#3b4c4c;}

.cryozone .searchBoxHeader::-webkit-input-placeholder {color:#3b4c4c;}
.cryozone .searchBoxHeader:-moz-placeholder {color:#3b4c4c;opacity:1;}
.cryozone .searchBoxHeader::-moz-placeholder { color:#3b4c4c; opacity:1;}
.cryozone .searchBoxHeader:-ms-input-placeholder {color: #3b4c4c;}

.cryozone .downArrowTalen{ background-image:url(/images/pijlDownGrijs.png); background-repeat:no-repeat; background-position:right; background-size:contain; height:15px; margin-top:3px; margin-right:3px; display:block;}

.websitebysprite{float:right; padding-right:20px; color:#000;}

.cryozone .btnContinue{border:1px solid #53d2ff; color:#53d2ff;}
.cryozone .ourbrandsCryo, .cryozone .ourbrandsStir, .cryozone .ourbrandTekstDhi{display:none;}
.cryozone .ourBrandsLinks{padding-top:20px;}

.cryozone .noC{display:none;}

/* Payment
------------------------------------------*/

.paymentTable{margin-bottom:20px;}
.paymentTable tr{border-bottom:1px solid #f1f1f1;}
.paymentTable tr td{padding:5px 15px 5px 0px;}

.btnContinue{background-color:#fff; padding:5px 10px;}

select::-ms-expand {
    display: none;
}