/* Coding by 101Media.nl */

* { margin: 0; padding: 0; outline: none; }
html { -webkit-appearance: none; -webkit-text-size-adjust: none; position:relative; min-height:100%; }
body { background: #fff; font-family: 'Calibri', 'Cabin', sans-serif; font-size: 14px; color: #000; margin-bottom:285px; /* Margin bottom by footer height + margin*/ }
body#home{margin-bottom: 90px;}/* Margin bottom by footer height + margin*/ }
header, hgroup, nav, article, aside, footer, section { display: block }
img { max-width: 100%; }
a img, fieldset { border: 0; }
.clear { clear: both; line-height: 0; height: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
address { font-style: normal; }
th { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.nf { float: none; }
.last { margin-right: 0 !important; }
.tabelize { display: inline-block; }

.container { margin: 0 auto; max-width: 1200px; width:100%; position: relative; }
.logo { display: block; max-width:100%; height:100% }
.logo img{width:100%; height:100%;}

header #languageSelector{background:#f5f3ef; padding:18px 25px; width:auto; display:inline-block;}
header #languageSelector p{font-family: 'Cabin', sans-serif; font-size:11px; margin:0; float:left; color:#7a7977;}
header #languageSelector a{margin-left:12px;}
header #languageSelector a img{width:21px; height:12px; margin-top:-3px;}

/*NAVIGATIE*/
header .logo{float: right; margin-right: 15px; margin-top: -44px; padding-left: 0; padding-right: 0;}
header:after{content:""; display:block; width:100%; height:53px; background:#026ead;}
header ul.nav li{padding:30px 0; position:static;}
header ul.nav li a{outline:none;}
header ul.nav > li a{ margin:0; padding:0 30px;color:#1b557b; font-size:16px; font-family: 'Cabin', sans-serif; font-weight:600; border-right:2px solid #e1e3e5;}
header ul.nav > li:nth-child(2) a{padding-left:0;}
header ul.nav > li:nth-child(2):after{background-position:20%;}
header ul.nav > li:first-child a{padding-left:0px;}
header ul.nav > li:last-child a{border-right:none;}
header ul.nav li:after{display: none; content: ""; width: 12px; height: 6px; background: url(images/active_arrow.png); background-repeat: no-repeat; background-position: 50%; width: 100%; margin-bottom: -30px; margin-top: 24px; }
header ul.nav > li:hover:after,
header ul.nav > li.current:after{display:block;}
header ul.nav li ul.submenu{z-index:1;list-style:none;display:none;}
header ul.nav li:hover ul.submenu,
header ul.nav li.hassub.current ul.submenu{ display:block!important;position:absolute; display:block; width: 100%; float: left; min-width: 600px;}
header ul.nav li.hassub.current ul.submenu{z-index:0}
header ul.nav li ul.submenu{left:0;padding-top: 30px;}
header ul.nav li ul.submenu li{float:left; padding:0;}
header ul.nav li ul.submenu li a{margin: 0 0.6px; font-weight:100;color:#fff;border-right:none; line-height:53px; display:block;}
header ul.nav li ul.submenu li a:hover,
header ul.nav li ul.submenu li.current a{ margin:0;font-weight:bold; text-decoration:none;}
header ul.nav li ul.submenu.hoverDesktop::after{z-index:0!important;}

button.navbar-toggle{background:#2e89bd;border-radius: 0; margin-top:22px;}
button.navbar-toggle .icon-bar{background:#fff; text-align:center; margin:0 auto;}
button.navbar-toggle .icon-text{display:inline-block; margin-top:4px;text-transform: uppercase; text-align:center; color:#fff;}

/*KRUIMELPAD*/
#breadCrumbs{margin-bottom:35px;}
#breadCrumbsInner{float:left; width: 100%; padding:18px 0; border-bottom:1px solid #dfdfdf;}
#breadCrumbs p,
#breadCrumbs a,
#breadCrumbs span.breadcrumb_last{font-family: 'Cabin', sans-serif;font-size:14px; width:auto; float:left; margin:0; color:#b5b5b5; font-style:italic;margin-right:11px;}
#breadCrumbs a:before,
#breadCrumbs span.breadcrumb_last:before{content:'>'; display:inline-block; float:left; margin-right:11px; font-weight:bold;}
.breadCrumbsLinks > span > span > a:first-child,{margin-left:11px!important;}
.breadCrumbsLinks > span > span > a:first-child:before,
.breadCrumbsLinks a.starpageCrumb:before{content:''!important; display:none!important;}


/*SLIDER / PAGINAHEADER */
#slider,
#pageTop{background:#f8f8f8; width:100%;}
#slider #sliderContainer{max-height:400px; overflow:hidden;}
#pageTop{max-height:247px; overflow:hidden;}
#slider #sliderContainer,
#pageTop #pageTopContainer{max-width:1354px; width:100%; margin:0 auto;}
#sliderContainer{position:relative;}
#slideImages{position:relative;}
#slideImages .slides{position:relative; z-index:0;}
#slideContent .slides { max-width: 1200px; width:100%; height: 100%; margin: 0 auto; position: relative;}
#slideContent ul.slides li{height:100%;}
#slideContent{position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
#slideContent ul.slides li .slideNav{float:left; width:25%;  margin-top: 43px; padding-left:25px; box-sizing:border-box:}
#slider ul.slides li .slideOverlay{ bottom:0; position: absolute; }
#slider ul.slides li .slideOverlayInner{background:rgba(0,110,177,0.8);min-height:100px;}
#slideContent ul.slides li .slideText{display:table; width:75%; height:100px;}
#slideContent ul.slides li .slideTextInner{display:table-cell;vertical-align:middle;}
#slideContent ul.slides li h2{font-weight:100; float:left; width:95%; font-size:26px; color:#fff; margin:0;}

/*CONTENT*/
main h1{font-size:34px; color:#5e5c58; font-weight:bold; line-height:34px; margin:0 0 30px 0;}
main p, main ul,
main.contactPage table{font-size:16px; color:#5e5c58; line-height:29px; margin-bottom:40px;}
main div.introParagraph{ margin-bottom:40px;}
main div.introParagraph p,
main div.introParagraph ol{font-size:19px; line-height:31px; margin-bottom:0;}
main p.comment,
aside p.comment{color:#1b557b; font-size:14px;} 
main div.introParagraph ol{list-style:circle inside; color:#026ead;}
main div.introParagraph ol li span{color:#5e5c58;} 

main .contentHalfBlock{margin-top:40px; margin-bottom:40px;}
main .contentHalfBlock img{float:left; margin-right:50px;}
main .contentHalfBlock p{float:left; margin-bottom:0;}
main p a,
main p a:hover{color:#ea6a6d; font-weight:bold;}
.readmoreBox{margin-top:55px; width:100%;}
.readmoreBox h3{font-size:25px; font-weight:bold; color:#585858; margin-bottom:5px; float:left; width:100%;}
.readmoreBox .readmoreBtn { font-weight:bold; font-size:16px; float:left; color:#0071b7; min-width:207px; padding:10px 10px; text-align:left; border:1px solid #0071b7; margin:25px 25px 0 0; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; }
.overzichtsItem .readmoreBtn,
main.contactPage .readmoreBtn{font-weight:bold; font-size:16px; float:left; color:#0071b7; padding:10px 25px; text-align:left; border:1px solid #0071b7; margin:25px 25px 0 0; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; }
.readmoreBox .readmoreBtn:hover,
.overzichtsItem .readmoreBtn:hover,
main.contactPage .readmoreBtn:hover{background:#0071b7; color:#fff; text-decoration:none;}
main article h3{color: #1b557b; font-size: 18px; font-weight: bold; margin: 0 0 5px;}
#overzicht .overzichtsItem:nth-child(1){padding-right:60px;}
#overzicht .overzichtsItem:nth-child(2){padding-right:37.5px; padding-left:37.5px;}
#overzicht .overzichtsItem:nth-child(3){padding-left:60px;}

/*CONTACTPAGE*/
main.contactPage table td{padding-right:10px;}
main.contactPage h2{font-size:34px; font-weight:bold; color:#585858; margin:0 0 35px 0;}
main.contactPage h3{font-size:18px; font-weight:bold; color:#1b557b; margin:0 0 5px 0;}
main.contactPage #map_canvas{width:85%; height:253px;}
main.contactPage table td a{color: #5e5c58;}
main.contactPage article div:nth-child(3) p{margin-bottom:0; margin-top:-8px; height: 260px;}

/*SITEMAP */
#sitemap ul{list-style:inside;}
#sitemap ul li ul{ margin-left:10px;list-style:circle inside;}
#sitemap ul li a{color: #5e5c58; outline: none;}

/*SIDEBAR*/
aside{position:relative; z-index:100;}
aside .asideInner{width:100%;border:1px solid #f5f3ef; background:#f5f3ef;float:left;}
aside.overlayAside{margin-top:-193px;}
aside.overlayAsideHalf{margin-top:-140px;}
aside.overlayAsideHalf .asideInner{padding-bottom:40px;}
aside.overlayAside .asideInner{padding-bottom:130px;}
aside .asideTop{height:100px; width:100%; float:left;padding:20px; box-sizing:border-box;}
aside .asideTop img.iconHead{width:100%;}
aside .asideTop h2 {font-weight:lighter; color:#e31726;}
aside .asideTop img.iconHead{float:left;margin:10px 10px 10px 0; max-width:50px;}
aside .asideInfo{padding:40px;width:100%;background:#faf9f7; float:left;}
aside .asideInfo h3{margin:0; font-size:16px; color:#1b557b; font-weight:bold; line-height:29px;}
aside .asideInfo p{color:#696969;}
aside .asideInfo a{color:#696969;}
aside.sidebarImage .asideInner,
aside.sidebarLogos .asideInner{background:none; border:none;}
aside.sidebarLogos a img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
aside.sidebarLogos a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6;}
aside.sidebarImage img{ width:100%; height:auto;}
aside p.comment{font-style:italic; color:#5f7989;}

aside .asideHeads{width:100%;}
aside .asideHeads div{background:#faf9f7;float:left; width:100%; padding:15px 25px;}
aside .asideHeads div:nth-child(2n){background:none;}
aside .asideHeads h4{color:#2f2b22; font-size:24px; font-weight:100; margin:0px;} 
aside .asideHeads p{color:#989286; font-size:15px;}

aside .readmoreBox{float:left; margin-top:50px;} 
aside .readmoreBox h3{margin-bottom:0;}

/*VEILIGHEID&KWALITEIT*/
aside .iso {display:block; text-align: center;margin-top: 70px;}
aside .iso img {max-width:100px;}

/*OVERZICHT*/
#overzicht{border-top:1px solid #c9c9c9; padding:30px 0;}
#overzicht .overzichtsItem { height: 590;  }
#overzicht .overzichtsItem img{max-width:100%; height:auto; margin-bottom:25px; transition: 0.2s ease all; }
#overzicht .overzichtsItem a:hover img { opacity: 0.8; }
#overzicht .overzichtsItem h2{font-size:32px; color:#0071b7; margin:0; min-height:82px;}
#overzicht .overzichtsItem p{ font-size:14px; color:#30302e; line-height:24px; height: 110px;}
#overzicht .overzichtsItem a:hover{text-decoration:none;}


/* FOOTER */
footer { bottom: 0; height: auto; position: absolute; width: 100%;}
footer #footerTop .container,
footer #footerBottom .container{border-top:6px solid #e4e4e4; box-sizing: border-box; padding-top:15px; padding-bottom:15px;}
footer #footerTop .container h2{font-size:16px; color:#1b557b; font-weight:bold;}
footer #footerTop .container img.footerLogo{float: left; margin-top: 10%; width: 30%;}
footer #footerTop .container ul{list-style:none;}
footer #footerTop .container ul li a,
footer #footerTop .container p,
footer #footerTop .container p a{color:#5e5c58; outline:none;}
footer .container ul.footermenu{list-style:none;}
footer .container ul.footermenu li{padding:0 5px;float:left; border-right:1px solid #a8a8a8;}
footer .container ul.footermenu li:last-child{padding-right:0;border-right:none;}
footer #footerBottom .container p,
footer #footerBottom .container a{color:#a8a8a8; outline:none;}
footer #footerBottom .container a.door{float:right;}
footer  #footerBottom .container a.door img {width: 25px;}

/*TABLE*/
.table{margin-bottom:0;}
.table-stripd{font-size:14px;}
.table-striped tr:first-child{background:none!important;  }

.table-striped th { border-bottom: 2px solid #d1e7f4 !important; }
.table-striped th.nb { border-bottom: none !important; }
.table-striped th,
.table-striped tr td:first-child{font-weight:bold; color:#026ead;}
.table-striped td{color:#004167;}
.table-striped > tbody > tr:nth-of-type(2n+1){background:#d1e7f4; border:none;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top:none; border-bottom:none;}

/*TELEFOON PORTRAIT*/
@media only screen 
and (max-width: 479px) {
  #slideContent ul.slides li .slideNav{width:30%;}
  #slideContent ul.slides li .slideText{width:70%}
  footer #footerTop .container img.footerLogo{width:100%!important;}
  #slider ul.slides li .slideOverlayInner{height:60px;}
  #slideContent ul.slides li .slideText{height:60px;}  
  #slideContent ul.slides li .slideText h2{font-size:14px; width:95%}  
  #slideContent ul.slides li .slideNav{margin-top:21px!important;padding-left:9px;}
  
  #breadCrumbs p,
  #breadCrumbs a{font-size:12px;}
  #breadCrumbs a,
  #breadCrumbs a:before{margin-right:5px;}
  .breadCrumbsLinks a:first-child{margin-left:5px; margin-right:0px;}
  .breadCrumbsLinks a:first-child{margin-left:5px!important;}
  main.contactPage article div:nth-child(3) p{margin-top:10px;} 
  
  .languageSelectorMobile a{max-width:22%!important;}
  
}

/*TELEFOON LANDSCAPE/PORTRAIT*/
@media only screen
and (max-width : 767px) {
    body{margin-bottom:0;}
    footer{position:relative; margin-top:30px;}
    header:after{height:37px;}
    header .logo{float:left; margin:15px 0;}
    
    #slideContent ul.slides li h2{font-size:18px;}
    #slideContent .slideOverlayInner{min-height:66px!important;}
    #slideContent ul.slides li .slideNav{padding-left:15px; margin-top:43px;}
    
    #breadCrumbs{margin-bottom:15px;}
    
    #content .container{padding:0;}
    main{padding-left:15px; padding-right:15px; margin-bottom:20px;}
    
    main .columns{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;}
    main p{text-align:center;font-size:16px;}
    aside.overlayAside,
    aside.overlayAsideHalf{padding:0;margin-top:0;}
    
    main .introParagraph{width:100%; margin-bottom:30px!important;}
    main .contentHalfBlock p{text-align:left;}
    main .contentHalfBlock img{margin-right:20px; max-width:85px;}
    
    #hoofdnavigatie {position:fixed; top:0; z-index:1000; padding-right:-250px;}
    #hoofdnavigatie.toggled { padding-right:0;}
    .navigatie{z-index: 1000; width:250px; position: fixed; right: 250px;height: 100%; margin-right: -250px; overflow-y: auto; overflow-x:hidden;
    background: #b9dbee;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    
    button.navbar-toggle{margin-top:15px; margin-bottom:15px;}
    .logo{max-height:55px;}
    .logo img{max-height:55px;}
    
    header ul.nav{ position: absolute;top: 0;width: 250px; margin: 0;padding: 0;list-style: none;}
    header ul.nav li{float:left; width:100%;padding:20px 0!important; border-bottom:1px solid #9abfd3;}
    header ul.nav li a {float:left; width:100%;display: block; padding:0 30px!important; color:#3e6276; font-weight:100;}
    header ul.nav > li:first-child a{padding-left:30px!important;}
   
    header ul.nav > li:hover:after, header ul.nav li.current:after{display:none;}
    header ul.nav li ul.submenu{display:none; padding-top:0; position:relative!important; width: 100%;}
    header ul.nav li ul.submenu li{float:left; width:100%; border-bottom:0; padding:10px 0!important;}
    header ul.nav li ul.submenu li a:before{float:left; content:""; background:url(images/subIcon.png); width:6px; height:10px; background-repeat:no-repeat; display:block; margin-top:6px; margin-left:-15px;}
    header ul.nav li ul.submenu li a{margin-left:15px;display:inline-block; float:left; color:#146999; line-height:16px;}
    /*header ul.nav li ul.submenu:after{display:none;}*/
    #hoofdnavigatie.toggled{padding-left: 0;}
    #hoofdnavigatie.toggled .navigatie {width: 0;}
    
    #hoofdnavigatie li.navbar-toggle{padding-left:5px; border-radius:0; margin-top:0;background:#2e89bd; color:#fff;}
    #hoofdnavigatie li.navbar-toggle .iconBox{float:left; margin:0 10px;}
    #hoofdnavigatie li.navbar-toggle .icon-bar{background:#fff;}
    #hoofdnavigatie li.navbar-toggle .icon-text{float:left; text-transform: uppercase; font-size:16px; line-height:16px;}
    
    #voordelenWrapper{}
    #voordelenWrapper article h1{margin-bottom:15px;}
    main h1{font-size:21px; text-align:center;line-height:32px; margin-bottom:15px;}
    main.contactPage h3,
    main.contactPage p{text-align:left;}
    main.contactPage h2{font-size:17px; margin-bottom:5px;}
    main.contactPage > article > div{margin-bottom:60px;}
    
    .readmoreBox h3{font-size:19px;}
    .readmoreBox a.readmoreBtn{margin:15px 15px 0 0;}
    
    #overzicht .overzichtsItem{margin-bottom:60px;padding-left:15px; padding-right:15px;}
    #overzicht .overzichtsItem:nth-child(1){padding-left:15px; padding-right:15px;}
    #overzicht .overzichtsItem:nth-child(2){padding-left:15px; padding-right:15px;}
    #overzicht .overzichtsItem:nth-child(3){padding-left:15px; padding-right:15px;}
    #overzicht .overzichtsItem h2{margin-bottom:5px; height:auto; min-height:25px; font-size:21px; }
    #overzicht .overzichtsItem p{text-align:left;}   
    .overzichtsItem .overzichtsImage{max-height:150px; overflow:hidden; margin-bottom:15px;}
    .overzichtsItem .readmoreBtn{float:left; margin:0; width:100%; text-align:center;}
    .readmoreBox .readmoreBtn, .overzichtsItem .readmoreBtn, main.contactPage .readmoreBtn{padding:5px 15px;}

    .languageSelectorMobile{margin-top:35px;}
    .languageSelectorMobile a{max-width:10%; margin-right:4%; float:left;}  
    .languageSelectorMobile a:last-child{margin-right:0;}
    
    aside.overlayAside{margin-top:0px;} 
    aside.overlayAside .asideInner{padding-bottom:30px;}
    aside .asideTop{height:70px; padding:0 20px;}
    aside .asideTop h2{font-size:22px; margin-top:25px;}
    aside.sidebarLogos .asideInner a img{ max-width:32%; height:auto;}
    
    aside .iso {margin-top: 30px;} 
    
    footer #footerTop .container img.footerLogo{float: right; width: 75%;} 
    footer .container a.door{width:100%; text-align:center;}  
}

/*TABLET*/
@media only screen
and (min-width : 768px)
and (max-width : 1000px) {
    header:after{height:37px;}
    header .logo{float:left; margin:15px 0; max-height:80px;}
    header .logo img{max-height:80px; float:left;}
    .navbar-header{float:right;}
    button.navbar-toggle{display:block;}
    #hoofdnavigatie {position:fixed; top:0; z-index:1000; padding-right:-250px;}
    #hoofdnavigatie.toggled { padding-right:0;}
    .navigatie{z-index: 1000; width:250px; position: fixed; right: 250px;height: 100%; margin-right: -250px; overflow-y: auto; overflow-x:hidden;
    background: #b9dbee;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

    header ul.nav{ position: absolute;top: 0;width: 250px; margin: 0;padding: 0;list-style: none;}
    header ul.nav li{float:left; width:100%;padding:20px 0!important; border-bottom:1px solid #9abfd3;}
    header ul.nav li a {float:left; width:100%;display: block; padding:0 30px!important; color:#3e6276; font-weight:100;}
    header ul.nav > li:first-child a{padding-left:30px!important;}
    /*header ul.nav li ul.submenu:after{display:none;}*/
    header ul.nav > li:hover:after, header ul.nav li.current:after{display:none;}
    header ul.nav li ul.submenu{display:none;padding-top:0;position:relative!important;  width: 100%; float: left;}
    header ul.nav li ul.submenu li{float:left; width:100%; border-bottom:0; padding:10px 0!important;}
    header ul.nav li ul.submenu li a:before{float:left; content:""; background:url(images/subIcon.png); width:6px; height:10px; background-repeat:no-repeat; display:block; margin-top:6px; margin-left:-15px;}
    header ul.nav li ul.submenu li a{margin-left:15px;display:inline-block; float:left; color:#146999; line-height:16px;}
    /*header ul.nav li ul.submenu:after{display:none;}*/
    #hoofdnavigatie.toggled{padding-left: 0;}
    #hoofdnavigatie.toggled .navigatie {width: 0;}
    
    #hoofdnavigatie li.navbar-toggle{padding-left:5px; border-radius:0; margin-top:0;background:#2e89bd; color:#fff;}
    #hoofdnavigatie li.navbar-toggle .iconBox{float:left; margin:0 10px;}
    #hoofdnavigatie li.navbar-toggle .icon-bar{background:#fff;}
    #hoofdnavigatie li.navbar-toggle .icon-text{float:left; text-transform: uppercase; font-size:16px; line-height:16px;}

    main .contentHalfBlock img{margin-right:20px; max-width:105px;}
    #overzicht .overzichtsItem h2{min-height:50px; font-size:26px;} 
    
    .languageSelectorMobile{margin-top:50px;}    
    .languageSelectorMobile a{float:left; max-width:10%; margin-right:5%;}
    .languageSelectorMobile a img{max-width:35px;}
    
    #overzicht .overzichtsItem p { display: block; height: 200px; }
    
    aside.overlayAside .asideInner{padding-bottom:50px;}
    aside .asideTop{height:70px; padding:0 20px;}
    aside .asideTop h2{font-size:22px; margin-top:25px; }
    aside.overlayAside,
    aside.overlayAsideHalf{padding:0;margin-top:0; }
    aside p{font-size:17px;}    
    
    footer #footerTop .container img.footerLogo{width:20%!important;}
}

/*TABLET LANDSCAPE*/
@media only screen
and (min-width : 1000px)
and (max-width : 1100px) {
  main .contentHalfBlock img{margin-right:20px;}
  aside .asideTop h2{font-size:22px; margin-top:25px; } 
  
  /*header ul.nav li ul.submenu:after{display:none;}*/
}

/*DEKSTOP GROOT*/
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
  main h1{font-size:28px;}
  #overzicht .overzichtsItem p { height: 200px; }
  /*header ul.nav li ul.submenu:after{display:none;}*/
}

@media only screen 
and (min-width : 992px){
}

@media only screen 
and (min-width : 1000px){
  /*SUBMENU bg*/
  header ul.nav li ul.submenu:after{content:''; width:100%; height:53px; top:30px; background:#026ead; position:absolute; left:0; bottom:0; z-index:-1;}
}