*, *:before, *:after{
	margin:0; 
	padding:0; 
	outline:none!important; 
	-webkit-text-size-adjust:none; 
	-webkit-tap-high300-color: rgba(0,0,0,0);
 -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
         box-sizing: inherit;
}
html, body {font-family:'lato'; font-size:100%; line-height:1.5;}

@media all and (max-width: 1199px) {
	html {font-size:95%;}
}
@media all and (max-width: 991px) {
	html {font-size:80%;}
}
@media all and (max-width: 767px) {
	html {font-size:80%;}
}

body {}
body.fullHeight{overflow-y: scroll; background-color:#ffffff;}
html, body.fullHeight {
	margin:0;	
	padding:0;	
	height:100%;
	min-height: 100%;

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	    box-sizing: border-box;
}

body, p, em, i, b, span, div, fieldset, a, ol, ul, li, table, tr, td, input, textarea, select, button, label 	{
	font-weight:400; text-decoration:none; color:#706F6F; margin:0px; padding:0px; font-size:1rem; 
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color:inherit;  font-weight:500;   font-style: normal;  letter-spacing:0px;  margin:0px; color:#706F6F; font-family:'lato'; line-height:1.25;}
.h1, h1, .entry-title h1  {font-size:2rem; margin-bottom:1rem; font-weight:400; color:#003768; font-family:'museo'; }
.h2, h2 {font-size:1.2rem;  margin-bottom:1rem; color:#003768; font-weight:300; font-family:'museo';}
.h3, h3 {font-size:1rem;  margin-bottom:1rem; color:#003768; }
.h4, h4 {font-size:1rem;  font-weight:500; font-style: italic;}

a, a:link, a:visited {color:#003768; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none; color: #000000;}


iframe > html {
	margin:auto;	
	padding:auto;	
	height:auto;
	min-height: auto;
}

#wrap				{display:table; width:100%; height:auto; margin:0;	padding:0;}
header 				{}
header, footer, main	{display:table-row;}
header, footer		{height:1px}

@media all and (max-width: 767px) {
	#wrap				{display:block; }
	#main				{margin-top:0px; }
	header, footer, main	{display:block;}
	main					{min-height:60%;}
	header, footer		{height:auto;}
}

#header img {max-width:100%; height:auto!important;}
#content img {max-width:100%; height:auto!important;}

@media all and (max-width: 767px) {
	#col-sidebar {margin-top:2rem;}
}
.container-fluid {
    padding-right	: 15px!important;
    padding-left	: 15px!important;
    margin-right	: auto!important;
    margin-left		: auto!important;
}

.row-eq-height{ 
	display: table;
}

@media all and (max-width: 767px) {
	.row-eq-height{
		display: block;
	}
}

span i, span a, a span {color:inherit; font-style:inherit; font-size:inherit; line-height:inherit;}
h1 span, h2 span, h3 span, h4 span, a span {font-family:inherit; color:inherit; font-style:inherit; font-size:inherit; font-weight:inherit; line-height:inherit;}
h1 i, h2 i, h3 i, h4 i, a i {color:inherit; font-size:inherit; line-height:inherit;}
h1 em, h2 em, h3 em, h4 em, a em, p em , span em {font-family:inherit; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit;}
h1 b, h2 b, h3 b, h4 b, a b, p b, b{font-family:inherit; color:inherit; font-style:inherit; font-size:inherit; line-height:inherit;}

table, tbody, th, tr, td {text-align:left; vertical-align:top; width:auto!important;}
tr + tr {padding-left:10px;}
span > strong {font-family:inherit; color:inherit; font-size:inherit; line-height:inherit;}
span > italic {font-family:inherit; color:inherit; font-size:inherit; line-height:inherit;}

p+h2 {margin-top:1rem; }
ul+h2 {margin-top:1rem; }

@media all and (max-width: 767px) {	
	td {min-width:80px!important; width:auto!important;}
}


@media all and (max-width: 1199px) {
h1 + h1 {margin-top:-16px;}
h2 + h2 {margin-top:-16px;}
p + h2 {margin-top:16px;}
}

@media all and (max-width: 991px) {
h1 + h1 {margin-top:-8px;}
h2 + h2 {margin-top:-8px;}
p + h2 {margin-top:12px;}
}



.width-100 {width:100%;}
.width-50 {width:50%;}
.width-33 {width:33.333%;}
.width-25 {width:25%;}

.raleway		{font-family: "raleway"!important;}
.source-sans-pro			{font-family: "source-sans-pro"!important;}
.titillium		{font-family: "titillium"!important;}
.open-sans		{font-family: "open-sans"!important;}

span 			{font-weight:inherit; font-style:inherit; color:inherit; font-size:inherit; }
.bold, strong	{font-weight: 700!important; }
.semibold  		{font-weight: 500!important;}
.italic, em		{font-style:italic!important;}
.regular  		{font-weight: 400!important; font-style:normal!important;}
.light  		{font-weight: 300!important;}
.thin  			{font-weight: 200!important;}

.wit 			{color:#ffffff!important;}
.zwart 			{color:#000000!important;}
.grijs 			{color:#3C3C3B!important;}

.zeegroen 	{color:#fff200!important;}
.groen 	{color:#00366A!important;}

.achtergrond-wit 	{background-color:#ffffff!important;}
.achtergrond-zwart 	{background-color:#000000!important;}
.achtergrond-grijs 	{background-color:#3C3C3B!important;}

.achtergrond-zeegroen 	{background-color: #fff200!important;}
.achtergrond-groen 	{background-color: #00366A!important;}


ul {
	list-style:disc;
	list-style-position: outside;
	padding-left:16px;
}
ol {
	list-style-position: outside;
	padding-left:16px;
}


.gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#416276+0,578fac+100 */
background: #416276; /* Old browsers */
background: -moz-linear-gradient(left,  #416276 0%, #578fac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #416276 0%,#578fac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #416276 0%,#578fac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#416276', endColorstr='#578fac',GradientType=1 ); /* IE6-9 */

}



.text-xxs {font-size:xx-small;}
.text-xs {font-size:x-small;}
.text-sm {font-size:small;}
.text-md {font-size:medium;}
.text-lg {font-size:large;}
.text-xl {font-size:x-large;}
.text-xxl {font-size:xx-large;}
.text-smaller {font-size:smaller;}
.text-larger{font-size:larger;}

.clear {position:relative; clear:both; margin:auto; padding:0px;}




.dropshadow {
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.25));
	-moz-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.25));
	-ms-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.25));
	-o-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.25));
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.25));
}


button, a.btn {
	position: relative;
	display:inline-block;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-weight				: 600;
	text-shadow				: none;
	box-shadow				: none;
	border					: 0px;
	text-align				: left;
	background-color		: #003768;
	color					: #ffffff;
	line-height				: 36px;	
	margin:0px;
	text-transform:uppercase;
	font-size:1.1rem;
	z-index: 1;
}



button:hover, a.btn:hover { opacity:1; font-weight:700;}

button i.fa, a.btn i.fa {position:absolute;  right:-8px;  top:0px;  color:#ffffff; width:36px; height:36px; line-height:36px; text-align:center; font-size:20px;  display:inline-block;}

button.lichtblauw, .btn.lichtblauw {background-color:#3E5D8C; color:#ffffff;}
button.lichtblauw::after, a.btn.lichtblauw::after{border-left: 18px solid #3E5D8C;}

button.donkerblauw, .btn.donkerblauw {background-color:#00366A; color:#ffffff;}
button.donkerblauw::after, a.btn.donkerblauw::after{border-left: 18px solid #00366A;}

button.fullwidth, a.btn.fullwidth {width:100%;}

@media all and (max-width: 991px) {
	button, a.btn {
		
	}
}

@media all and (max-width: 767px) {
	
}


.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-block {
    display: block;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  } 
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}


.xs-text-left	 {text-align:left;}
.xs-text-right 	{text-align:right;}
.xs-text-center 	{text-align:center;}
.xs-text-center > * 	{margin:auto;}

@media all and (min-width: 768px) {
	.sm-text-left	 {text-align:left;}
	.sm-text-right 	{text-align:right;}
	.sm-text-center 	{text-align:center;}
}

@media all and (min-width: 992px) {
	.md-text-left	{text-align:left;}
	.md-text-right 	{text-align:right;}
	.md-text-center 	{text-align:center;}
}

@media all and (min-width: 1200px) {
	.lg-text-left	 {text-align:left;}
	.lg-text-right 	{text-align:right;}
	.lg-text-center 	{text-align:center;}
}