/* CSS Document */
body {font-family: 'Ubuntu', sans-serif;color:#0c67b0;font-size:16px;line-height:26px;}

.bgwit {background-color:#fff;}
.wit {color:#fff !important;}

.bglichtblauw {background-color:#d2e4f1;}
.bggroen {background-color:#009940;}
.groen {color:#009940;}

.blauw {color:#0c67b0;}
.bgblauw {background-color:#0c67b0;}

.navbar-brand img {width: 178px;}
.bg-light {background-color: transparent!important;}

a {color:#009940; text-decoration:none;}
a:hover {color:#0c67b0;}

a.bggroen {color:#fff; text-decoration:none;}
a.bggroen:hover {color:#fff; text-decoration:underline;}

a.top {color:#0c67b0; text-decoration:none;}
a.top:hover {color:#009940; text-decoration:none !important; }
a.nav-link {color:#0c67b0; text-decoration:none;}
a.nav-link:hover {color:#009940; text-decoration:none !important; }
.clippath {position: relative;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 70%)}
.card { border-radius:0px;border:none;}

.small {   font-size:80%;}

.blok-img {display:block; position:relative; bottom:0px;background-size:cover;background-position:center center;height:261px; }

.h-500 {min-height:700px;}
.h-300 {min-height:300px;}
.mb-125 {margin-bottom: 125px !important;}
.pb-125 {padding-bottom: 125px !important;}
.f12 {font-size:12px;line-height:18px;}
.min-height {min-height:518px;}

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   --bs-table-bg: white;
 }
 
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   --bs-table-accent-bg: #d2e4f1 !important;
 }

.blok-titel {text-transform: uppercase; font-size:20px;font-weight: 700;}
.blok-titel2 {font-size:20px;font-weight: 700;}
.blok-titelklein {font-size:20px;font-weight: 700;}
.blok-subtitel {color:#0c67b0; text-transform: uppercase; }


.bgblauw a { color:#fff;  }
.bgblauw a:hover { color:white; text-decoration: underline; }

h1, h2, h3, h4 {font-weight: 700;}

.page-item.active .page-link { background-color:#0c67b0; border-color: white}
.page-item .page-link { background-color:#92accd; border-color:white; color:white;}
.page-link a { color:white;}

.transform {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }


header {background-color:#fff;width: 100%;position: fixed;top: 0;left: 0;z-index: 999; }
#logo img { display: inline-block;width: 250px;}
.logo {max-width: 250px;}
#header {  margin-top: 0px;background-color:#fff;}

.headerhoogte {padding-top:80px}

.nav-bottom {background-color:#fff;}

.navbar-collapse {}

.navbar {
font-weight: 700;
--bs-navbar-color: #0c67b0;
--bs-navbar-active-color: #009940;
--bs-navbar-hover-color: #009940;
--bs-navbar-nav-link-padding-x: 1rem;
text-decoration:none;
}
.dropje .dropdown-menu[data-bs-popper] {
top: 40px;
right: 0%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}


.dropdown-menu {
--bs-dropdown-color: #0c67b0;
--bs-dropdown-link-color: #0c67b0;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-link-hover-bg: #0c67b0;
--bs-dropdown-link-active-bg: #0c67b0;
}
.nav-up {top: 0px;}

.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 10px;
padding-left:  10px;
}
.navbar-top {font-size:16px;margin-bottom:-40px;position:absolute;top:0px;right:10px;}
.navbar-top a {text-decoration:none;}

.navbar-top2 {display:none;}

.header {background-position: center;background-size:cover;width: 100%;height:544px}
.headerblok {width: 100%;height:544px;overflow:hidden;}


a.knop-blauw {display:block;padding:13px 20px;background-color:#0c67b0;color:#fff;text-decoration:none;font-weight: 700;font-size:28px}
a.knop-blauw:hover {padding-left:43px;}

a.knop-lichter {display:block;padding:13px 20px;background-color:#91abcc;color:#fff;text-decoration:none;font-weight: 700;font-size:28px;}
a.knop-lichter:hover {padding-left:43px;}

a.knop {padding:13px 0px;margin-right:40px;text-decoration:none;font-weight: 700;font-size:22px;color:#ccc;}
a.knop:hover {opacity:0.5}
a.knop img {width:25px;}


a.vacature {
  display: block;
  background-color: #fff;
  padding: 8.4px;
  margin-bottom: 15px;
  border: 1px solid #92accd;
  border-radius: 5px; }

a.vacature:hover {
  border: 1px solid #0c67b0; }

a.vacature p {
  color: #0c67b0;
  margin-bottom: 0px; }

.vacature-naam {
  color: #0c67b0; }

.vid2{
  position: relative;
  min-width: 75%; 
  min-height: 100%; 
  max-width:75%;
  width: auto; 
  height: auto;
  overflow: hidden;
  margin:0 auto;
}

.vid{
  position: relative;
  min-width: 100%; 
  min-height: 100%; 
  max-width:100%;
  width: auto; 
  height: auto;
  overflow: hidden;
}

a.leesmeer {text-transform: uppercase;color:#fff;background-color:#009940;padding:5px;font-size:14px;}

a.downloads {text-transform: uppercase;color:#0c67b0;font-size:14px;}

.leesmeer {color:#fff;background-color:#009940;padding:5px;font-size:14px;}
.leesmeer:hover {opacity:0.8}

.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #0c67b0;
--bs-btn-border-color: #0c67b0;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0c67b0;
--bs-btn-hover-border-color: #0c67b0;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0c67b0;
--bs-btn-active-border-color: #0c67b0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0c67b0;
--bs-btn-disabled-border-color: #0c67b0;
}

.card {overflow:hidden}
a.card {overflow:hidden}
.card-header {padding:0px;}
.card-body {font-size:16px;color:#292929; min-height:225px; } 
.card-foto {background-size:cover;background-position:center;height:250px;clip-path:polygon(0 0, 100% 0, 100% 200px, 0 100%)}
@media (max-width:1399px) {
    .card-body { min-height:300px;}

}
@media (max-width:1199px) {
	h1 {font-size:35px;}
	.navbar-collapse {margin-top:20px;padding-left:15px;}

	.navbar-brand img {width: 150px;}
	.header {height:424px}
	.headerblok {height:424px;}
	a.knop-blauw {padding:10px 20px;font-size:22px}
	a.knop-lichter {padding:10px 20px;font-size:22px}
	a.knop {padding:10px 0px;margin-right:20px;font-size:17px;}
	a.knop img {width:20px;}
	.navbar-top {display:none;}
	.navbar-top2 {display:block;}
	.navbar-top2 a {text-decoration:none; color:#92accd;margin-bottom:10px;}
	
	.h-500 {min-height:500px;}
	.h-300 {min-height:300px;}

}
@media (max-width:1150px) {
    .card-body { min-height:300px;} 
	header #logo img { height: 100px;margin-left:-70px;left:50%;}
	header.smaller #logo img {height: 30px; }
		.navbar {padding: .5rem 1rem 0rem;}
                        .frontpage-min {min-height:220px}
.mt-7 {
    margin-top: 4.8rem !important;
}
}

@media (max-width:992px) {
    .clippath {margin-bottom:15px;position: relative;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 90%)}

	.h-500 {min-height:300px;}
	.h-300 {min-height:400px;}
.card-body { min-height:250px;} 
.min-height {min-height:0px;}
	
}

@media (max-width:767px) {
header #logo img { height: 100px;margin-top:0px;}
	header.smaller #logo img {height: 20px; }

	h1 {font-size:25px;}
	.header {height:250px}	
	.headerblok {height:250px;}
	.navbar-top {margin-bottom:-10px;font-size:14px;}
	a.knop-blauw {padding:7px 20px;font-size:18px;}
	a.knop-lichter {padding:7px 20px;font-size:18px; }
	a.knop {padding:7px 0px;font-size:20px;display:block;}
	a.card {height: auto;flex-direction: row; }
	.card {clip-path:none;flex-direction: row;}

  .card-body {width: 100%;padding: 15px 15px 30px 15px;min-height:auto; }
  .card-img, .card-foto {width: 150px;height: auto;}
} 

@media (min-width:1200px) { 
header {background-color:#fff;width: 100%;position: fixed;top: 0;left: 0;z-index: 999; }
	.nav-up {top: 0px;}
	header #logo img { display: inline-block;width: 178px;z-index: 5}
	.nav-bottom {background-color:#009940;height:40px;}
	.bg-light {background-color:#fff!important;}
	header.smaller #logo img {width:100px;}
	.smaller .navbar {margin-top:-37px;} 
	.smaller .navbar-light .navbar-nav .nav-link,.smaller .navbar-light .navbar-nav .active>.nav-link, .smaller .navbar-light .navbar-nav .nav-link.active, .smaller .navbar-light .navbar-nav .nav-link.show, .smaller .navbar-light .navbar-nav .show>.nav-link {color:#fff;}
	.smaller .nav-bottom {background-color:#fff;}
	.smaller a.nav-bottom-link {color:#0c67b0;}
}

.grow {display:inline-block;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.grow:hover {transform: scale(1.05);}
.animated { 
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
-webkit-animation-timing-function: ease; 
animation-timing-function: ease; 
}

	
@-webkit-keyframes grow {0% { -webkit-transform: scale(1); }100% { -webkit-transform: scale(1.05); }} 
@keyframes grow {0% { transform: scale(1); }100% { transform: scale(1.05); }} 
.grow {-webkit-animation-name: grow;animation-name: grow;}

	
@-webkit-keyframes fadein {0% { opacity:0; }100% { opacity:1; }} 
@keyframes fadein {0% { opacity:0; }100% { opacity:1; }} 
.fadein {-webkit-animation-name: fadein;animation-name: fadein;}