@import url("https://use.typekit.net/uqc4zlu.css");

.main-page-layout {margin-top:20px;}

body {font-family: 'apparat', sans-serif;background:#fff;}

.blauw h1,
.blauw h3 {color:#112c6d;}
.blauw h1 {font-size: 54px;color:#112c6d;}
.blauw .intro {border-left: 30px solid #112c6d;background-color:#fcf0da;}
.blauw .bg-blauw p {color:#fff;}

.green h1,
.green h3 {color:#009aa0;}
.green h1 {font-size: 54px;color:#009aa0;}
.green .intro {border-left: 30px solid #009aa0;background-color:#e0eeef!important;}
.green .bg-green p {color:#fff;}

.cyaan h1,
.cyaan h3 {color:#112c6d;}
.cyaan h1 {font-size: 54px;color:#112c6d;}
.cyaan .intro {border-left: 30px solid #3e98d4;background-color:#f8eddc!important;}
.cyaan .bg-cyaan p {color:#fff;}

.blauw .top {
  background: #112c6d;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #babcd8;
  margin-bottom: 25px;
  padding-left: 220px;
}

.green .top {
  background: #009aa0;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #c9e7e9;
  margin-bottom: 25px;
  padding-left: 220px;
}

.cyaan .top {
  background: #3e98d4;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #d7e5f6;
  margin-bottom: 25px;
  padding-left: 220px;
}

.top {
  background: #009aa0;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weigyht: 600;
  border-bottom: 40px solid #cfe6eb;
  margin-bottom: 25px;
  padding-left: 220px;
}

.top-img {
  height: 75px;
  width: auto;
  position: absolute;
  top: 36px;
}

.txt-black {color:#000;}
.txt-white {color:#fff!important;}
.txt-blue {font-size: 32px;color:#35479c;}
.txt-green {color:#009aa0;}

h1 {text-transform:uppercase;font-size:30px;text-align:center;}

h1 span {font-weight:700;}

h3 {
  margin-bottom: 0px;
  color: #19939e;
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
}

.intro {
  background: #ecf1dd;
  padding: 15px;
  border-left: 30px solid #19939e;
  border-radius: 15px 0 0 0;
  font-weight: 600;
}

ul {
  padding-left: 15px;
}

.margin-box {
  margin-top: -30px;
  position: relative;
  z-index: 200;
}

.pos-rel {position:relative;}

.foto-inset {
  position: absolute;
  bottom: 0;
  color: #fff;
  left: 20px;
  padding: 5px;
}

.carola {
  float: right;
  margin-left: 10px;
  margin-top: -20px;
  width: 39%;
}

.border-b {
  border-radius: 0 0 15px 15px;
  border: 3px solid #000;
  margin-bottom:15px;
}

.border-t {
  border-radius:15px 15px 0 0;
  border: 3px solid #000;
  margin-bottom:15px;
}

.border-blauw {border-color:#112c6d;}
.border-green {border-color:#009aa0;}
.border-cyaan {border-color:#3e98d4;}
.border-orange {border-color:#d98138;}

.bg-green, .bg-gry, .bg-cyaan, .bg-lgreen, .bg-blauw, .bg-orange {padding:15px;border-radius:15px 15px 0 0;}

.bg-green p:last-child {margin-bottom:0;}
.bg-blauw p:last-child {margin-bottom:0;}
.bg-cyaan p:last-child {margin-bottom:0;}

.bg-green {
  background: #009aa0;
  color: #fff;
  margin-bottom:20px;
}

.bg-gry {background:#cac9c9;}
.bg-blauw {background:#112c6d; color:#fff;margin-bottom:15px;}
.bg-green {background:#009aa0; color:#fff;margin-bottom:15px;}
.bg-lgreen {background:#faefde;}
.bg-orange {background:#d98138;}

.bg-cyaan {background:#3e98d4;color:#fff;margin-bottom:15px;}

.bg-blauw h3 {color:inherit;}
.bg-green h3  {color:inherit;}
.bg-cyaan h3  {color:inherit;}

.text-inset {
  position: relative;
  bottom: 15px;
  left: 0;
  width: auto;
  margin-top: -20px;
}

.text-inset-2 {
  position: relative;
  bottom: 15px;
  left: 0;
  width: auto;
  margin-top: -20px;
  height: 140px;
}

/* Desktop  */

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


@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
}

/* Tablet  */
@media (max-width: 959px) and (min-width: 769px) {
	
}

/* Mobile Modes */
@media only screen and (max-width: 768px){
    
}
    
@media only screen and (max-width: 480px) {

.main-page-layout {margin-left:10px;margin-right:10px;}
	
.top-img {
  height: 42px;
  width: auto;
  position: absolute;
  top: 36px;
}

.top-text {
  font-size: 11px;
  left: 101px;
  top: 16px;
  position: absolute;
}    
    
.blauw h1 {
  font-size: 24px;    
}
  
.green h1 {
  font-size: 24px;    
}

.text-inset {
  position: relative;
  bottom: 15px;
  left: 0;
  width: auto;
  margin-top: -20px;
}

.blauw .intro {border-left: 20px solid #112c6d;background-color:#d5d3e9;}
.green .intro {border-left: 20px solid #009aa0;background-color:#faefde;}

.top-img {
  height: 42px;
  width: auto;
  position: absolute;
  top: 36px;
}

.blauw .top {
  background: #112c6d;
  padding: 10px;
  padding-left: 120px;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #d7e5f6;
  margin-bottom: 25px;
}

.green .top {
  background: #009aa0;
  padding: 10px;
  padding-left: 120px;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #c9e7e9;
  margin-bottom: 25px;
}

.top {
  background: #009aa0;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #cfe6eb;
  margin-bottom: 25px;
  padding-left: 120px;
}

.cyaan .top {
  background: #3e98d4;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border-bottom: 40px solid #d7e5f6;
  margin-bottom: 25px;
  padding-left: 120px;
}

.foto-inset {
  position: relative;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 10px;
  margin-top: 0px;
}

}