/*------------------------------------*\

    FONTS
  
\*------------------------------------*/

@font-face {
  font-family: "Flanders Art Sans Light";
  src: url("../fonts/FlandersArtSans-Light.eot");
  src: url("../fonts/FlandersArtSans-Light.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/FlandersArtSans-Light.woff") format("woff"), 
       url("../fonts/FlandersArtSans-Light.ttf")  format("truetype"), 
       url("../fonts/FlandersArtSans-Light.svg#26c269558e3060dfbe8b0bc36088245c") format("svg");
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: "Flanders Art Sans";
  src: url("../fonts/FlandersArtSans-Regular.eot");
  src: url("../fonts/FlandersArtSans-Regular.eot?#iefix") format("embedded-opentype"),
       url("../fonts/FlandersArtSans-Regular.woff") format("woff"),
       url("../fonts/FlandersArtSans-Regular.ttf")  format("truetype"),
       url("../fonts/FlandersArtSans-Regular.svg#5999c311efabb8ef8bfd93d30f0ab8ab") format("svg");
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: "Flanders Art Sans Medium";
  src: url("../fonts/FlandersArtSans-Medium.eot");
  src: url("../fonts/FlandersArtSans-Medium.eot?#iefix") format("embedded-opentype"),
       url("../fonts/FlandersArtSans-Medium.woff") format("woff"),
       url("../fonts/FlandersArtSans-Medium.ttf")  format("truetype"),
       url("../fonts/FlandersArtSans-Medium.svg#7ebdc43021fbf6b8f40b21819190e2b4") format("svg");
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: "Flanders Art Sans Bold";
  src: url("../fonts/FlandersArtSans-Bold.eot");
  src: url("../fonts/FlandersArtSans-Bold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/FlandersArtSans-Bold.woff") format("woff"),
       url("../fonts/FlandersArtSans-Bold.ttf")  format("truetype"),
       url("../fonts/FlandersArtSans-Bold.svg#d0ebe09b8d309cd8a8986065f592a85e") format("svg");
  font-style:   normal;
  font-weight:  700;
}

/*------------------------------------*\

    GLOBAL & COMMON CLASSES
  
\*------------------------------------*/

/* Body */
body{
  background: #f5f5f5;
  background-position:center top;
  font-family: 'Flanders Art Sans Light', sans-serif;
  font-weight:200;background-image:url('../img/background-pattern.png');
  font-size: 100%;line-height: 1.5em;
  -webkit-text-size-adjust: 100%;
  color: #5e5e5e; 
}
body#popup-dynamic{
  background-image:none;
  background-color: #fff;
}

.inner{
  margin: 0 auto;
  /*max-width: 1142px;*/
  width:1100px;
/*padding: 1.3em;*/
  /*padding-left: 1.3em;
  padding-right: 1.3em;*/
}
.inner-full{
  margin: 0 auto;
  max-width: unset;
  width: 100%;
  padding-left: 1.3em;
  padding-right: 1.3em;
}
/* Headings */
.tm-title{font-weight: bold;margin: 0 0 15px;}
h1,h2,h3,h4,h5,h6{color:#3C3D3C;font-family: "Flanders Art Sans", sans-serif;}

h4, h5, h6 {font-family: "Flanders Art Sans Light",sans-serif;}

/* alberwi */
h1{font-size: 2.19em;line-height: 1.5em;}
h2{font-size:1.88em;}
h3{font-size:1.56em;}
h4{font-size:1.25em;color:#39b9be;}
h5{font-size:1.13em;}
h6{font-size:1em;color:#5e5e5e;}

b{font-family: 'Flanders Art Sans Bold', sans-serif;font-weight:700;}

/* Anchors */
a{color: #5E5E5E;text-decoration: none;outline: 0;transition: all 0.2s ease-in-out 0s;}
a.color{color: #39b9be;text-decoration: underline;}
a.color i{float:none !important;}
a:hover{text-decoration: none;} 
nav a,header a,aside a,footer a, nav a:hover,header a:hover,aside a:hover,footer a:hover{text-decoration: none;}
@media only screen and (max-width:596px) {
  a{text-decoration: underline;}  
}

blockquote {
  font-style: italic;
  border-left: 1px solid gray;
  color: gray;
  padding-left: 1em;
  margin-bottom: 1em; 
}

/* Horizontal Rule */
hr {
  border: 0;
  height: 2px;
  background: #eeeeee;
  margin: 2em 0; 
}

abbr {border-bottom: 1px dotted gray;cursor: help; }

/* Lists */
ol, ul{margin: 0;padding: 0.85em 0 0 1em;}

nav ol,nav ul,header ul,footer ul{margin: 0;padding: 0;list-style: none;}

/* Definition Lists */
dl {overflow: hidden;margin: 0 0 1em;}
dt {font-weight: bold; }
dd {margin-left: 0; }

/* Clearfix */
.clearfix{*zoom: 1;}

.clearfix:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/* Box-shodow | Listens to the class "shadow" */
.shadow{
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
/* Heavy shadow | class "shadow-strong" */
.shadow-strong{
  -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
  -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
  -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
}

/* Completely remove from the flow and screen readers. */
.is-hidden {
  display: none !important;
  visibility: hidden !important; 
}

/* Completely remove from the flow but leave available to screen readers. */
.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px); 
}

i.fa{margin-right:0;}

/*------------------------------------*\

    TABLES
  
\*------------------------------------*/

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table{width:100%;margin-bottom:18px;}
.table th, .table td {
  padding: 8px;line-height: 18px;
  text-align: left;vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th{font-weight: bold;font-family: 'Flanders Art Sans Bold', sans-serif;}
.table thead th{vertical-align: bottom;}
.table thead:first-child tr th, .table thead:first-child tr td{border-top: 0;}
.table tbody + tbody{border-top: 2px solid #ddd;}
.table tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th{background-color: #ddd;}
.table tbody tr:hover td, .table tbody tr:hover th{background-color: #f5f5f5;}

.table.border tbody tr td{border-right: 1px solid #dddddd;} 
.table.border tbody tr td:last-child{border-right:0;}

/*------------------------------------*\

    FORMS & INPUT FIELDS
  
\*------------------------------------*/

fieldset {
  border: 0;
  padding: 0;
  margin: 0; 
}

label {
  padding-bottom: 0.3em;line-height: 1.2em;display:block; font-weight:400;
  /*font-size:1.25em;*/
  font-size:100%;color:#2f2f2f;font-family: 'Flanders Art Sans', sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* placeholder colors */
::-webkit-input-placeholder{color: #c5c5c5;} 
:-ms-input-placeholder{color: #c5c5c5;} 
:-moz-placeholder{color: #c5c5c5;} 
::-moz-placeholder{color: #c5c5c5;} 

input[type="text"],input[type="number"],input[type="password"],input[type="search"],input[type="email"], textarea{
  /*width: 100%;*/padding:0.75em 1em 0.63em;height:46px;
  border: 1px solid #e1e1e1;line-height:24px;font-size:1em;
  -webkit-appearance: none;margin-bottom:1em;color:#999999;
  -ms-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
  
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {height:auto;resize: vertical;font-size:1em;font-family: 'Flanders Art Sans Light', sans-serif;}

input[type="search"],.type-search{background-image:url('../img/search.svg');background-repeat: no-repeat;background-position: 98% center;}
input[type="checkbox"],input[type="radio"] {width: auto;margin-right: 0.3em; }
input[type="search"] {-webkit-appearance: none;border-radius: 0; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="range"]{margin:0;}

.field-container {margin-bottom: 1em; }

/* Validation */
label.has-error{color: #ca5252;}
input.has-error{border-color: #ca5252;color:#ca5252;}
label.is-valid{color: #447d40;}
input.is-valid{border-color: #447d40;color:#447d40;}

/* submit */
input[type="submit"]{
  width:auto;background-color:#39b9be;
  height:50px;padding:1em 1.6em;
  border:none;text-transform: uppercase;
  color:#ffffff;font-size:0.9em;cursor: pointer; 
  font-family: 'Flanders Art Sans Bold', sans-serif;
}
input[type="submit"]:hover{background-color:#237b7e;}

/* css3 checkbox/radio style */
input[type="checkbox"], input[type="radio"]{display:none;}
input[type="checkbox"] + label, input[type="radio"] + label{
  display:inline-block;padding-left:26px;vertical-align:middle;font-size:0.8em;
  background:url("../img/checkbox-0.png") left top no-repeat;cursor:pointer;color:#5e5e5e;
  font-family: 'Flanders Art Sans Light', sans-serif;
}

input[type="radio"] + label{background-image:url("../img/radio-0.png");line-height: 1.4em;}

input[type="checkbox"]:checked + label{background-image:url("../img/checkbox-1.png");}
input[type="radio"]:checked + label{background-image:url("../img/radio-1.png");}


/* select | Needs .select-holder wrapper */
.select-holder{
  border: 1px solid #e1e1e1;
  overflow: hidden;margin-bottom:1em;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKCAYAAADVTVykAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzZGMjM2MjY5MjIwNjgxMTkyQjBEM0FFQkZFQTY3OTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU3NTJDNDNGMkU4MTFFM0JCNzNDQUI0NjgzNzIwQUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU3NTJDNDJGMkU4MTFFM0JCNzNDQUI0NjgzNzIwQUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4MjJBOTUyOTMzRjhEMDU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2RjIzNjI2OTIyMDY4MTE5MkIwRDNBRUJGRUE2Nzk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wvJx4AAAANpJREFUeNpi/P//P8NAAqYbN26UA/ErIPbApQgoZwfEz4G4hdoOYLx+/foHIM0PxN+A2FtDQ+MAmuXmQGonVM0fIOYAqvlLtRAA4nIgBsUDFxBvAlpogWS5PpDaDrUcBCqoaTk4BEBpAGhREZDdCxX7CMSOQPwDiA8CsShUvBFoeQPVowCWCIGOqANZAhV/DcQ/gVgGyu8FWl5Ck0QIYwAtaAJSPVCuKJLl04G4lGa5AI1fBsRTkfgLgTgb6Dia5VVG9HIAGBWMQAqU3ThADqJ2oiPoAHoDgAADAGBkUixTqXLIAAAAAElFTkSuQmCC") no-repeat right 50%;
  -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

  display:inline-block;
}
.select-holder:hover{background-color:#fafafa;}

.select-holder select{
  padding:0em 1em;height:46px;line-height:normal !important;font-size:1em;color:#999;/*color:#dddddd;*/
  width: 114%;cursor:pointer;
  border: none;box-shadow: none;background: transparent;
  background-image: none; -webkit-appearance: none;
  box-sizing: content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;

  display:inline-block;
}

.select-holder:hover select{color:#bbbbbb;}

.select-holder select:focus{outline:none;}
.select-holder select option{color:#555555;}



/* search form in header */
header #search-form{overflow:hidden;width:32%;float:right;clear:right;margin-top:1.5em;}
header #search-form input{float:left;}
header #search-form input[type="text"]{  
  width: 72%;height:36px;font-size:0.8em;
  color:#777777;margin:0;
}
header #search-form input[type="submit"]{width: 26%;margin-left:2%;height:36px;font-size:0.8em;padding:0;}


/*------------------------------------*\

    BREADCRUMBS
  
\*------------------------------------*/

.breadcrumb{font-size:0.75em;}
.breadcrumb ol li{list-style:none;float:left;margin-right:0.3em;}
.breadcrumb ol li a{margin-right:0.3em;color:#237b7e;}
.breadcrumb ol li:first-child{text-transform: uppercase;}
.breadcrumb ol li a{text-decoration: none;}
.breadcrumb ol li a:hover{text-decoration: underline;}

/* 
*  Make "You are here: " visible for screenreaders and speak simulators, 
*  not the human eye (also declared in flanders.backbone.css) 
*/
.is-vishidden {
    border: 0 none;clip: rect(1px, 1px, 1px, 1px);
    height: 1px;overflow: hidden;width: 1px;
    padding: 0;position: absolute !important;
}


/*------------------------------------*\

    MEGA DROPDOWN  | Regular menu with class "mega-dropdown" on ul
  
\*------------------------------------*/

nav#main-navigation ul li ul.subnav.mega-dropdown{max-width:none;padding:0;}

nav#main-navigation ul li ul.subnav.mega-dropdown li.half{width:25%;padding:1.5em 0;}
nav#main-navigation ul li ul.subnav.mega-dropdown li ul{display:block !important;}
nav#main-navigation ul li ul.subnav.mega-dropdown li ul li{float:none;width:100%;padding:0 8%;}
nav#main-navigation ul li ul.subnav.mega-dropdown li ul li:first-child a{border:none;}

nav#main-navigation ul li ul.subnav.mega-dropdown article{
  float:right;border-left:1px solid #eeeeee;
  width:50%;min-height:100%;padding:2em 0;
  background-color:#f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

nav#main-navigation ul li ul.subnav.mega-dropdown article figure{float:left;width:45%;}
nav#main-navigation ul li ul.subnav.mega-dropdown article figure img{width:100%;}
nav#main-navigation ul li ul.subnav.mega-dropdown article .article-body{
  float:left;width:55%;padding:0 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
nav#main-navigation ul li ul.subnav.mega-dropdown article a.more{padding:0;color:#39b9be;font-style: italic;display:inline-block;}
nav#main-navigation ul li ul.subnav.mega-dropdown article a.more:hover{text-decoration: underline;}

/* 3 col */
@media only screen and (max-width:888px) {
  nav#main-navigation ul li ul.subnav.mega-dropdown li.half,
  nav#main-navigation ul li ul.subnav.mega-dropdown article{width:33.33%;} 
  nav#main-navigation ul li ul.subnav.mega-dropdown article figure{display:none;}
  nav#main-navigation ul li ul.subnav.mega-dropdown article .article-body{width:100%;}
}
/* 2 col */
@media only screen and (max-width:578px) {
  nav#main-navigation ul li ul.subnav.mega-dropdown li.half{width:50%;} 
  nav#main-navigation ul li ul.subnav.mega-dropdown article{display:none;} 
}

/*------------------------------------*\

    BLOCKS  | Class = "fl-block"
  
\*------------------------------------*/
 
.fl-block{
  line-height:1.3em;float:left;margin-bottom:20px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-height: 1px;
  padding-left: 20px;
  vertical-align: top;

  width:100%; /* alberwi: altijd 100% - 2014-12-01 */
}

.fl-block .fl-block{
  line-height:1.3em;float:left;margin-bottom:0;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.fl-block .fl-block.no-gap{padding:0;}

.fl-block .block-text a{text-decoration: underline;}

.fl-block .field{padding:1.6em 1.4em 1.2em 1.4em;border-bottom:1px solid #e4e4e4;overflow:hidden;background-color:#ffffff;position: relative;}
.fl-block .field:last-child{border:none;padding-bottom:1.6em;}
.fl-block .field.full{padding:0;}
.fl-block .field.full > a{display:block;padding:1.6em 1.4em 1.2em 1.4em;color:#5e5e5e;font-size:0.8em;}
.fl-block .field.full a:hover{background-color:#fbfbfb;text-decoration: underline;}
.fl-block .field.full a h5{text-transform: uppercase;font-family: 'Flanders Art Sans Medium',sans-serif;line-height:1.2em;font-size:1.2em;}
.fl-block .field.full a:hover h5{text-decoration: underline;}
.fl-block .field a.more,.fl-block .field a.fa,.fl-block .field i.fa{float:right;text-decoration:none;}
.fl-block .field a.more:hover{text-decoration:underline;}
.fl-block .field a i.v-align-mid{position: absolute;top:50%;margin-top:-0.5em;right:1em;}
.fl-block .field a.more i.fa{float:none;}
.fl-block .field a.more{font-family: 'Flanders Art Sans Medium',sans-serif;}
.fl-block .field a.fa{margin-top:3px;}
.fl-block .field figure{overflow:hidden;border-radius:50%;display:inline-block;float:left;margin-right:0.8em;}

.fl-block .block-title{
  background-color:#39b9be;text-transform: uppercase;
  color:#ffffff;font-size:1em;letter-spacing:1px;border:none;
  padding-top:0.8em;padding-bottom:0.7em;font-weight:700;
}
.fl-block .block-title.naked{
  background-color:#ffffff !important;text-transform: none;
  color:#333333;font-size:1.4em;letter-spacing:0;
  padding:0.8em 1.08em 0 1em;margin-bottom:-0.6em;font-weight:400;
}

.fl-block .block-date{
  text-transform: uppercase;border:none;font-size:1em;background-color:#4fa04c;
  padding:0.75em 1.5em 0.65em;color:#ffffff;
}
.fl-block .field.block-date i{float:none;margin-right:0.4em;}
.fl-block .field.block-image{border-bottom:0;}
.fl-block .field.block-image img{width:100%;display:block;}

/* -- RSS -- */
.fl-block .field.full.rss a{padding:0.6em 2.6em 0.4em 1.4em;}
.fl-block .field.full.rss a h5{float:left;margin-right:0.4em;}
.fl-block .field.full.rss a .posted{
  position: absolute;right:1em;font-size:1.15em;line-height:1em;
  color:#dddddd;font-family: 'Flanders Art Sans Medium',sans-serif;
  top:50%;margin-top:-0.5em;
}

/* -- styles -- */
.fl-block.style-1 .block-title{background-color:#237b7e;}
.fl-block.style-1 .block-title.naked{color:#237b7e;}
.fl-block.style-1 a{color:#237b7e;}
.fl-block.style-2 .block-title{background-color:#39b9be;}
.fl-block.style-2 .block-title.naked{color:#39b9be;}
.fl-block.style-2 a{color:#39b9be;}
.fl-block.style-3 .block-title{background-color:#4fa04c;}
.fl-block.style-3 .block-title.naked{color:#4fa04c;}
.fl-block.style-3 a{color:#4fa04c;}

/* -- custom field types -- */
/* news 
.fl-block .field.news > a{padding:1.4em 1em 1.2em 1em;}
*/

/* social 
.fl-block .field.social > a{font-size:1em;}
.fl-block .field.social i.fa{float:none;font-size:1.6em;margin:0 1em 0 0.4em;display:inline-block;line-height:1em;}
.fl-block .fl-block{border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.fl-block .fl-block .field.full > a{padding:2em 0 0.5em;text-align: center;font-size:0.8em;}
.fl-block .fl-block .field.full > a i{margin:0;font-size:2.3em;display:block;}

.fl-block .field.social.twitter > a{color:#2da5da;}
.fl-block .field.social.facebook > a{color:#3567a6;}
.fl-block .field.social.mail > a{color:#926da5;}
.fl-block .field.social.linkedin > a{color:#007ab9;} 

.fl-block .field.social > a{font-family: 'Flanders Art Sans', sans-serif;font-weight:400;}
.fl-block .field.social > a:hover{text-decoration: underline;}*/

/*------------------------------------*\

    RESPONSIVE | block behaviour
  
\*------------------------------------*/

.block-holder{list-style: none;margin-left: -20px;}


/* Aanpassing hier omdat de regio's niet goedkwamen */
/* .fl-block hernoemd naar fl-block.one-col */

/* 4 col */
@media only screen and (min-width:1171px) {
  .fl-block.one-col{width:25%;}
  .fl-block.two-col{width:50%;}
  .fl-block.three-col{width:75%;}
  .fl-block.one-third-col{width:33.33%;}
}
/* 3 col */
@media only screen and (max-width:1170px) {
  .fl-block.one-col{width:33.33%;} 
/*  .fl-block .fl-block{width:50%;} */
  .fl-block.two-col{width:66.66%;}
  .fl-block.three-col{width:100%;}
  .fl-block.one-third-col{width:50%;}
}
/* 2 col */
@media only screen and (max-width:888px) {
  .fl-block.one-col{width:50%;}
  .fl-block.two-col{width:100%;}
  .fl-block.three-col{width:100%;}
  .fl-block.one-third-col{width:50%;}
}
/* 1 col */
@media only screen and (max-width:578px) {
/*  .fl-block{width:100%;}  */
}

/*------------------------------------*\

    SEARCH-BOX
  
\*------------------------------------

form[name="block-search"]{background-color:#ffffff;border-top:5px solid #39b9be;padding:0.8em;}
form[name="block-search"] input[type="search"]{font-size:0.85em;margin-bottom:1em;}
form[name="block-search"] fieldset{float:left;padding-left:0.8em;}
form[name="block-search"] label{float:left;font-size: 0.9em;clear:both;}
form[name="block-search"] input[type="submit"]{float:right;padding:1em 5em;height:45px;}

*/


/*------------------------------------*\

    SLIDER
  
\*------------------------------------*/

/* standard declaration FlexSlider */
.flexslider a:active,
.flanders-slider a:focus  {outline: none;}
.slides{margin: 0; padding: 0; list-style: none;}
.flanders-slider {margin: 0; padding: 0;}
.flanders-slider .slides > li {
  display: none; -webkit-backface-visibility: hidden;
  position: relative;height:386px;background-color:#39b9be;
}
.flanders-slider .slides img {display: block;}

.flanders-slider{width:556px;max-width:100%;position: relative;}
.flanders-slider ul{padding:0;}

/* controls */
ul.flex-direction-nav{position: absolute;bottom:1.5em;right:1.2em;list-style: none;}
ul.flex-direction-nav li{float:left;} 
ul.flex-direction-nav li a{text-decoration: none;} 
ul.flex-direction-nav li a i{
  display:block;line-height:38px;width:40px;
  text-align:center;font-size:1.2em;
  padding-bottom:2px;color:#ffffff;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
} 

ul.flex-direction-nav li a.flex-prev i{background-color:#379da1;} 
ul.flex-direction-nav li a.flex-next i{background-color:#35878a;} 
ul.flex-direction-nav li a:hover i{background-color:#ffffff;color:#35878a;} 

/* inner content */
.flanders-slider li footer{
  position: absolute;bottom:0;padding:1.5em 10em 1.5em 1.2em;
  background-color:rgba(57,185,190,0.76);
  width:100%;box-sizing: border-box;color:#ffffff;
}
.flanders-slider li footer h4{
  color:#ffffff;font-family: 'Flanders Art Sans Bold', sans-serif;
  display:inline;font-size:1.2em;
}
.flanders-slider li h2{
  color:#ffffff;font-family: 'Flanders Art Sans Light', sans-serif;
  font-size:3em;padding:0.7em  0.4em;font-weight:200;
}

/* counter */
.slider-counter{
  position: absolute;bottom:2em;right:7.2em;z-index:20;font-size:1em;
  color:#ffffff;font-family: 'Flanders Art Sans Bold', sans-serif;  
}


/*------------------------------------*\

    VIDEO
  
\*------------------------------------*/

.flanders-video{width:556px;height:auto;max-width:100%;position: relative;overflow:hidden;}
.flanders-video footer{
  position: absolute;bottom:0;left:0;padding:1.5em 10em 1.5em 1.2em;
  background-color:rgba(57,185,190,0.76);
  width:100%;box-sizing: border-box;
}
.flanders-video footer h4{color:#ffffff;font-family: 'Flanders Art Sans Bold', sans-serif;font-size:1.2em;}
.flanders-video .play-btn{
  position: absolute;bottom:10px;right:10px;cursor:pointer;
  color:#ffffff;border:2px solid rgba(255,255,255,0.6);margin:0 0.4em 0.6em 0;
  padding-left:4px;width:44px;height:48px;text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.flanders-video .play-btn:hover{border:2px solid rgba(255,255,255,1);}
.flanders-video .play-btn i{line-height:48px;}
.flanders-video iframe{position: absolute;width:100% !important;height:100% !important;left:0;top:0;}

/*------------------------------------*\

    VERTICAL NAVIGATION
  
\*------------------------------------*/

/* global */
nav.ver-nav ul li a{position: relative;}
nav.ver-nav ul li a i{position: absolute;top:50%;margin-top:-0.5em;}
nav.ver-nav ul li a.has-child:before{
  position: absolute;left:0;top:0;width:3px;
  background-color:#dddddd;height:0%;content:" ";
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
nav.ver-nav ul li a.expanded i{position: relative;right:auto;top:auto;margin-top:0;transform: rotate(90deg);margin-right:-0.5em;}
nav.ver-nav ul li a.has-child.active:before{height:100%;background-color:#39b9be;}
nav.ver-nav ul li a.has-child:hover:before{height:100%;background-color:#dddddd;}
nav.ver-nav ul li a.has-child.active:hover:before{background-color:#39b9be;}
nav.ver-nav ul ul{display:none;}

/* level 1 */
nav.ver-nav ul.level-1{font-size:1.2em;}
nav.ver-nav ul.level-1 i{color:#aaaaaa;right:1.4em;}

/* level 2 */
nav.ver-nav ul.level-2{font-size:0.9em;}
nav.ver-nav ul.level-2 i{right:1.3em;font-size:1.2em;color:#dddddd;}
nav.ver-nav ul.level-2 li.field.full > a{padding:0.6em 2.2em 0.5em 2.8em;}
nav.ver-nav ul.level-2 li.field.full:first-child{border-top:1px solid #f4f4f4;}
nav.ver-nav ul.level-2 li.field.full{border-color:#f4f4f4;}

/* level 3 */
nav.ver-nav ul.level-3 > li.field.full > a{padding-left:4.2em;}

/* level 4 */
nav.ver-nav ul.level-4 > li.field.full > a{padding-left:5em;}


/*------------------------------------*\

    SOCIAL BOX
  
\*------------------------------------*/

ul.socialbox{list-style: none;padding:0;margin:0 0 1em;position: relative;}
ul.socialbox:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
ul.socialbox > li{float:left;display:block;margin-right:0.4em;line-height:0;}
ul.socialbox > li > a,ul.socialbox > li > span,ul.socialbox li i{
  display:inline-block;line-height:2.4em;height:2.4em;padding:0 0.8em;
  overflow:hidden;color:#ffffff;
  -ms-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
ul.socialbox li i{padding:0;display:inline;float:none !important;} 
ul.socialbox li a:hover{text-decoration: none;}
ul.socialbox li.more span{
  padding:0 1.2em;cursor:pointer;
  background: rgba(0,0,0,0.2) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgOTMuMzMzIDkzLjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTMuMzMzIDkzLjMzMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTMuMzMzLDQxLjk4djkuMzY4SDUxLjM0OXY0MS45ODRoLTkuMzYzVjUxLjM0OEgwVjQxLjk4aDQxLjk4NlYwaDkuMzYzVjQxLjk4SDkzLjMzM3oiLz4NCjwvc3ZnPg0K') no-repeat center center;
}
ul.socialbox li.more span.open{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgOTMuMzMzIDEwMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTMuMzMzIDEwMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTMuMzMzLDQ2LjgxNnY5LjM2N0gwdi05LjM2N0g5My4zMzN6Ii8+DQo8L3N2Zz4NCg==');}

ul.socialbox li.toggle{display:none;}
ul.socialbox.open li.toggle{display:block;}

/* dropdown */
ul.socialbox li ul{display:none;background-color:#ffffff;list-style:none;padding:0;position: absolute;} 
ul.socialbox li ul li{padding:0;} 
ul.socialbox li ul li a{padding:0 1em;display:block;} 
ul.socialbox li ul li a i{padding-right:0.3em;} 
ul.socialbox li:hover ul{display:block;} 
ul.socialbox li ul li a:hover{background-color:#fbfbfb;} 

/* background colors */
ul.socialbox > li.facebook > a{background-color:#3567a6;}
ul.socialbox > li.facebook > a:hover{background-color:#255592;}
ul.socialbox > li.twitter > a{background-color:#2da5da;}
ul.socialbox > li.twitter > a:hover{background-color:#2690bf;}
ul.socialbox > li.linkedin > a{background-color:#007ab9;}
ul.socialbox > li.linkedin > a:hover{background-color:#006ca4;}
ul.socialbox > li.mail > a{background-color:#926da5;}
ul.socialbox > li.mail > a:hover{background-color:#7a588b;}
ul.socialbox > li.print > a{background-color:#888888;}
ul.socialbox > li.print > a:hover{background-color:#6e6e6e;}
ul.socialbox li li.linkedin a,ul.socialbox li li.linkedin a i{color:#007ab9;}
ul.socialbox li  li.mail a,ul.socialbox li  li.mail a i{color:#926da5;}
ul.socialbox li  li.print a,ul.socialbox li  li.print a i{color:#888888;}

/* dropdown */
ul.socialbox li ul{display:none;background-color:#ffffff;list-style:none;padding:0;position: absolute;} 
ul.socialbox li ul li{padding:0;} 
ul.socialbox li ul li a{padding:0 1em;display:block;} 
ul.socialbox li ul li a i{padding-right:0.3em;} 
ul.socialbox.dropdown li.more:hover span{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgOTMuMzMzIDEwMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTMuMzMzIDEwMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOTMuMzMzLDQ2LjgxNnY5LjM2N0gwdi05LjM2N0g5My4zMzN6Ii8+DQo8L3N2Zz4NCg==');} 
ul.socialbox li:hover ul{display:block;} 
ul.socialbox li ul li a:hover{background-color:#fbfbfb;} 

/* background colors */
ul.socialbox > li.facebook > a{background-color:#3567a6;}
ul.socialbox > li.twitter > a{background-color:#2da5da;}
ul.socialbox > li.linkedin > a{background-color:#007ab9;}
ul.socialbox > li.mail > a{background-color:#926da5;}
ul.socialbox > li.print > a{background-color:#888888;}
ul.socialbox li li.linkedin a,ul.socialbox li li.linkedin a i{color:#007ab9;}
ul.socialbox li  li.mail a,ul.socialbox li  li.mail a i{color:#926da5;}
ul.socialbox li  li.print a,ul.socialbox li  li.print a i{color:#888888;}