*, *: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:'tilburgsans'; font-size:110%; line-height:1.5;}

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

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:#ffffff; margin:0px; padding:0px; font-size:1rem; 
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size:1rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color:inherit;  font-weight:700;   font-style: normal;  letter-spacing:0px;  margin:0px; color:#ffffff; line-height: 1.2;}
.h1, h1, .entry-title h1  {font-size:2rem; text-transform:none; font-weight:700;  color:#ffffff; margin-bottom:1rem; }
.h2, h2 {font-size:1.4rem;  margin-bottom:1rem; font-weight:700; color:#ffffff;}
.h3, h3 {font-size:1.2rem;  margin-bottom:0rem; font-weight:700; }
.h4, h4 {font-size:1.2rem;  font-weight:500; font-style: italic;}


a, a:link, a:visited {color:#003c16; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline; color: #003c16;}


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

#wrap {
	width:100%; 
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
	min-height: 100vh;
}

#header {
	position:relative; z-index:5; width:100%;
}

#main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position:relative; 
	z-index:3; 
	width:100%;
	height:100%;	
	margin:auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position:relative; 
	z-index:4; 
	margin:0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#footer		{position:relative; z-index:3; width:100%;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ie-flex-fill {min-height: 100vh!important;}
}

header img, main img, footer img,
header svg, main svg, footer svg {
	max-width:100%; height:auto!important;
}

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 {font-family:inherit; color:inherit; font-style:inherit; font-size:inherit; line-height:inherit;}
h1 + h1 {margin-top:-22px;}
h2 + h2 {margin-top:-20px;}
p + h2 {margin-top:42px;}

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

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;}

@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;}
}


button, a.btn {
	position				: relative;
	display					: block;
	padding					: 3px;
	padding-left			: 20px;
	padding-right			: 20px;
	text-shadow				: none;
	box-shadow				: none;
	border					: 0px;
	text-align				: left;
	background-color		: transparent;
	color					: #000000;
	-webkit-border-radius	: 10px;	
	-moz-border-radius		: 10px;	
	border-radius			: 10px;
	width:auto;
}


button:hover, button:active, button:focus, 
a.btn:hover, a.btn:active, a.btn:focus {
	opacity: 0.98;
	color: #000000;
}



@media all and (max-width: 1199px) {
	button, a.btn {font-size:15px; line-height:28px;}
}

@media all and (max-width: 991px) {
	button, a.btn {font-size:14px; line-height:24px;}
}


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

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;}

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

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

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
  margin-left: 0px;
  position: relative;
}

.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;}


.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-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: 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;
  }
}