@font-face {
    font-family: 'damionregular';
    src: url('../../fonts/damion-regular-webfont.eot');
    src: url('../../fonts/damion-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/damion-regular-webfont.woff2') format('woff2'),
         url('../../fonts/damion-regular-webfont.woff') format('woff'),
         url('../../fonts/damion-regular-webfont.ttf') format('truetype'),
         url('../../fonts/damion-regular-webfont.svg#damionregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandbold';
    src: url('../../fonts/quicksand-bold-webfont.eot');
    src: url('../../fonts/quicksand-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/quicksand-bold-webfont.woff2') format('woff2'),
         url('../../fonts/quicksand-bold-webfont.woff') format('woff'),
         url('../../fonts/quicksand-bold-webfont.ttf') format('truetype'),
         url('../../fonts/quicksand-bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Stylesheet: LeendertFonts Modified On 2015-01-25 15:48:14 */
/* CSS Document */
/* CSS Reset */
@charset "utf-8";
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
 
body {
line-height: 1.5; font-size: 100%;
 }
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display: block;}
 
nav ul {list-style: none;}
 
blockquote, q {quotes: none;}
 
blockquote:before, blockquote:after,
q:before, q:after {
content: ''; content: none;
}
 
a {
margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer;
}
 
ins {
background-color: #ff9;	color: #000; text-decoration: none;
}
 
mark {
background-color: #ff9; color: #000; font-style: italic; font-weight: bold;
}
 
del {text-decoration: line-through;}
 
abbr[title], dfn[title] {
border-bottom: 1px dotted; cursor: help;
}
 
table {
border-collapse: collapse; border-spacing: 0;
}
 
hr {
display: block; height: 1px; border: 0;	border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;
}
 
input, select {vertical-align: middle;}
 
/* end CSS reset */

/* Global -more or less- definitions */

body {
font: 100%/1.4 Verdana, Helvetica, sans-serif;
background: white;
margin: 0;
padding: 0;
height: 100%;
}

html {
height: 100%;
}
 
ul, ol, dl {
padding: 0;
margin: 0;
 }
 
h2, h3, h4, h5, h6 {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
letter-spacing: +0.1em;
line-height: 1.5em;
}

p, .mainbar > p, .header > p, .footer > p, aside > p {
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
padding: 0;
margin: 0;
margin-bottom: 1em;
line-height: 1.5em;
letter-spacing: +0.1em;
}

.mainbar ol, .mainbar p ol {
list-style: decimal inside;
width: 100%;
height: auto;
padding-left: 2em;
}

/* h1 - use only once - SEO title - hidden off-screen */
.header h1 {
position: absolute;
left: -1000em;
}

/* H2 - Main headline - definitions */

.mainbar h3 {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
margin-top: -0.1em;
margin-bottom: 1em;
font-size: 3em;
color: #0F2E66;
font-family: 'quicksandbold', sans-serif!important;
}

/* h3 definitions */
 
h3 {font-size: 1.3em;}

.header h2 {
display: block;
height: 3em;
width: 100%;
float: left;
clear: both;
background: transparent;
margin: 0;
padding: 0;
padding-right: 1em;
text-align: right;
font-size: 2em;
font-family: 'damionregular', sans-serif;
color: white;
background: #0F2E66;
z-index: 10;
}

.mainbar h3 {
display: block;
height: 2em;
width: 100%;
position: relative;
float: left;
clear: both;
margin: 0;
padding: 0;
font-family: 'cinzelbold', serif;
color: #0F2E66;
}

.mainbar p > h3 {
display: block;
height: 2em;
width: 100%;
position: relative;
float: left;
clear: both;
margin: 0;
padding: 0;
font-family: 'cinzelbold', serif;
}
 
/* h4 definitions */
 
h4 {font-size: 0.8em;}

.mainbar h4 {
display: block;
height: auto;
line-height: 1.5em;
width: 100%;
position: relative;
float: left;
clear: both;
margin: 0;
margin-bottom: 0.5em;
padding: 0;
font-family: 'damionregular', sans-serif;
font-size: 2em;
background-color: transparent;
color: #0F2E66;
}
 
h5 {
font-size: 1.1em;
margin: 0;
padding: 0;
}
 
strong {font-weight: bold; color: #0F2E66;}
 
a img {border: none;}
 
a:link {
color: #0F2E66;
text-decoration: underline;
}
 
a:visited {
color: #0F2E66;
}
 
a:hover, a:active, a:focus {text-decoration: underline;}
 
.ext_links {
display: table;
width: 250px;
margin: 0;
margin-bottom: 0.5em;
padding: 0;
}
 
.ext_links ol {
display: table;
width: 250px;
height: auto;
list-style: none;
margin: 0;
padding: 5px;
float: right;
}

/* Field specific definitions */

/* SVG graphs */

.notIE8SVG {
width: 300px;
height: 300px;
}

/* P menu */

.leendertPmenuIE8 {
display: none; visibility: hidden;
}

div.merbelPmenu {
position: relative;
float: left;
clear: both;
width: 100%;
min-width: 768px;
height: auto;
min-height: 768px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background: white;
}

.merbelPmenu svg {
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
padding-top: 1em;
padding-bottom: 1em;
}

.pLink {
fill: #F6FBFB;
}

.pLink a, .pLink a:link, .pLink a:hover {
text-decoration: none!important;
}

.pLink a:visited {
fill: #F6FBFB;
}

.pLink a:focus {
fill: #0F2E66;
}

.pLink a:hover {
fill: #0F2E66;
}

.pLink text {
fill: white;
stroke: #0F2E66;
stroke-width: 2px;
}

a:link.LeendertSimpelMenuLink {
position: absolute;
right: 5em;
top: 0;
display: block;
width: auto;
max-width: 13em;
height: 3em;
padding-left: 1em;
padding-right: 1em;
line-height: 3em;
border: solid 1px #F9B000;
border-radius: 25px;
background: #F5FAFA;
font-family: 'quicksandbold', sans-serif;
color: #0F2E66;
text-decoration: none;
z-index: 10;
}

/* Einde P Menu */


.header a:hover, header a:active, header a:focus {text-decoration: underline;}

.mainbar ul {
padding: 0;
margin: 0;
margin-bottom: 1em;
line-height: 1em;
}
 
.mainbar ul, .mainbar ol {padding: 0 15px 15px 40px;}
 
.mainbar ul li, .mainbar ol li {
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
letter-spacing: +0.1em;
padding: 0;
margin: 0;
margin-bottom: 0.5em;
line-height: 2em;
}

.footer p {
display: table;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
font-size: 0.9em;
color: white;
}

.footer p a:link, .footer p a:hover, .footer p a:active, .footer p a {color: white;}

.footer ul {
display: table;
width: 100%;
text-align: center;
position: relative;
list-style: none;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
padding-top: 1em;
z-index: 1;
}

.footer ul  li {
display: inline-block;
zoom: 1;
*display: inline;
height: 13em;
background: transparent;
width: 33.33%;
max-width: 15em;
min-width: 6em;
margin: 0;
padding: 0;
box-sizing: border-box;
background: #F9B000;
text-align: left;
}

.footer ul li p, .footer ul li address {
font-family: Verdana, Geneva, sans-serif;
color: #0F2E66;
padding: 0.2em;
}

/* block definitions */
 
.container {
position: relative;
width: 100%;
background: #F6FBFB;
margin: 0 auto;
overflow-x: hidden;
min-height: 100%;

height: auto !important;
height: 100%;
margin: 0 auto -20em;

}

.push {
height: 20em;
}
 
.header {
display: table;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 200px;
background: white;
overflow: hidden;
padding: 0; margin: 0;
background-size: 100%;
}

.imagebar {
position: relative;
float: left;
clear: both;
background: transparent url(../../interface/blue-bg-v2-top.svg) no-repeat;
background-size: 110%;
background-position: left bottom;
width: 100%;
height: auto;
min-height: 200px;
}

.LogoSVG {
display: block;
width: 20%;
height: 50%;
min-height: 239px;
margin: 1%;
position: relative;
float: left;
background: transparent url(../../interface/logo-v4.svg) no-repeat;
background-size: 100%;
background-position: left top;
}

/*.imagebar svg {
margin: 1em;
width: auto;
height: auto;
min-width: 500px;
min-height: 239px;
max-height: 6em; 
}*/

.contentwidth {
width: auto;
max-width: 768px;
}

.browserwidth {
width: 100%;
}

.mainbar {
display: block;
position: relative;
padding: 0;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 5em;
z-index: 10;
height: auto;
}

.footer {
padding: 0;
margin: 0;
margin-top: 0.5em;
position: relative;
width: 100%;
float: left;
clear: both;
height: 20em;
background: url(../../interface/blue-bg-bottom.svg) #0F2E66 no-repeat;
background-position: top left;
}

aside {
display: block;
float: right;
margin: 0;
width: 50%;
height: auto;
background: #F0B500;
} 

aside p {
font-family: 'damionregular', sans-serif;
color: #0F2E66;
padding: 0.5em;
margin: 0.5em;
border: dotted 1px #0F2E66;;
}
 
/* Hiding elements that are specific to mobile or aural */

/* Never use visibility hidden or display none... unless you are reversing it when the anchor is actually needed... in the @aural and some @media definitions ;-) */

a.mobile-aural-skipLink {
visibility: hidden;
 }

a.single-menu-link {
visibility: hidden; display: none;
}

a.img-overflow-link {visibility: hidden; display: none;}

/* end hiding */


/* ######################################## */

/* mega menu list */

div.navbar {
display: block;
position: relative;
float: left;
clear: both;
height: auto;
min-height: 2em;
background: white;
margin: 0;
padding: 0;
width: 100%;
font-family: 'quicksandbold', sans-serif;
font-size: 1em;
background: #0F2E66;
z-index: 100;
overflow: visible;
}

div.nav {
display: block;
position: relative;
float: left;
clear: both;
height: auto;
min-height: 2em;
width: 100%;
}

.nav .nav-menu {
display: table;
width: 80%;
position: relative;
list-style: none;
margin: 0;
margin-left: auto; margin-right: auto;
padding: 0;
z-index: 1;
border: solid 1px #0F2E66;
}

/* a top level navigation item in the mega menu */
.nav .nav-item {
list-style: none;
display: inline-block;
display: table-cell;
position: relative;
float: left;
word-break:keep-all;
background: transparent;
padding: 0;
margin: 0;
margin-left: 1%;
color: #0F2E66;
height: 3.5em; /* Needed for Firefox - or min-height will fail on sub-nav panel */
}

.nav .nav-item:last-child {
float: right;
}

/* first descendant link within a top level navigation item */
.nav .nav-item > a {
display: block;
margin: 0;
padding: 0;
color: white;
text-align: left;
width: auto;
height: 3.5em;
text-decoration: none;
}

.nav .nav-item > a::before {
content: "\00a0";
}

.nav .nav-item > a::after {
content: "\00a0";
}


/* focus/open states of first descendant link within a top level 
navigation item */
.nav .nav-item > a:focus, .nav .nav-item > a.open, .nav .nav-item > a:hover {
display: block;
z-index: 10;
color: white;
background: #0F2E66;
}

/* sub-navigation panel */
.nav .sub-nav {
position: absolute;
left: 0;
display: none;
width: auto;
height: auto;
min-width: 6em;
min-height: 3em;
z-index: 100;
margin-left: -1px;
margin-top: -1px;
padding: 0;
border: solid 1px #0F2E66;
background: white;
}

/* sub-navigation panel open state */
.nav .sub-nav.open {
display: block;
}

/* list of items within sub-navigation panel */
.nav .sub-nav ul {
display: block;
width: 30em;
height: auto;
margin: 0;
padding: 0;
background: transparent;
}

/* list item within sub-navigation panel */
.nav .sub-nav li {
display: block;
position: relative;
width: 45%;
float: left;
height: 2em;
font-size: 0.9em;
padding: 0;
margin: 1%;
background: white;
}

.nav .sub-nav li.separator {
border: none;
background: transparent;
width: 98%;
float: left;
clear: both;
height: 1em;
color: transparent;
border-top: dotted 1px #0F2E66;
}

.nav .sub-nav li > a:link {
font-family: Verdana, Arial, sans-serif;
}

.nav .sub-nav li > a:visited, .nav .sub-nav li > a:focus, .nav .sub-nav li > a:hover {
font-family: Verdana, Arial, sans-serif;
}

/* ######################################## */

 
/* Other styling & decorative elements */
.separator {
display: block;
width: 100%;
height: 1px;
background: transparent;
position: relative;
float: left;
clear: both;
 }
 
figure {
display: block;
position: relative;
float: left;
background: white;
margin: 5px;
padding: 5px;
border: dotted 1px #0F2E66;
text-align: center;
}

figure img {
position: relative;
float: left;
clear: both;
}
 
figcaption p {
display: inline;
position: relative;
font-size: 0.9em;
color: #0F2E66;
float: left;
clear: both;
text-align: center;
}

figcaption {
display: inline;
position: relative;
font-size: 0.9em;
font-weight: strong;
color: #0F2E66;
float: left;
clear: both;
text-align: center;
}
 
/* for links that terminate a text block, like 'read more' or 'linkedin' */
a.singlextlink {
display: block;
width: 100%;
float: right;
text-align: right;
clear: both;
}
 
/* SkipLink */

div.skiplink {
position: relative;
float: left;
clear: both;
width: 100%;
height: auto;
}

div.skipLink a:link, div.skipLink a, .backlink {
font-family: Arial, sans-serif;
display: table;
width: 100%;
height: 1.2em;
color: #0F2E66;
background: white;
overflow: hidden;
font-size: 1em;
margin: 0;
padding: 0.2em;
border-bottom: 1px dotted #0F2E66;
}

.backlink {
background: white;
border-top: dotted 1px #0F2E66;
border-bottom: dotted 1px #0F2E66;
text-align: right;
margin-top: 0.2em!important;
}

.mainbar .backlink {
background: white;
border: dotted 1px #0F2E66;
text-align: right;
margin-top: 0.2em!important;
}
 
div.skipLink a:active,
div.skipLink a:focus,
div.skipLink a:hover {
background: #0F2E66;
color: white;
}

 
/* misc interface elements */
 
header img {
position: relative;
margin: 1em;
margin-left: -5px;
padding: 0;
float: left;
clear: both;
}


@media all and (min-width: 2048px) and (max-width: 2560px) {

/*.imagebar svg {
margin: 1em;
width: auto;
height: auto;
min-width: 293px;
max-width: 600px;
max-height: 6em; 
}*/

}

@media all and (max-width: 2048px) and (min-width: 1600px) {

/*.imagebar svg {
margin: 1em;
width: auto;
height: auto;
min-width: 293px;
max-width: 500px;
max-height: 6em; 
}*/

.overflow {
width: 768px;
overflow: hidden;
}

a.img-overflow-link {
display: block;
position: absolute;
left: 1em;
top: 1em;
height: 2em;
width: 18em;
max-width: 300px;
text-align: center;
background: #0f2e65;
color: white;
text-decoration: none;
font-weight: 700;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 
  
}

@media all and (max-width: 1600px) and (min-width: 1280px) {

/*.imagebar svg {
margin: 1em;
width: auto;
height: auto;
min-width: 200px;
max-width: 400px;
max-height: 6em; 
}*/

.overflow {
width: 768px;
overflow: hidden;
}

a.img-overflow-link {
display: block;
position: absolute;
left: 1em;
top: 1em;
height: 2em;
width: 18em;
max-width: 300px;
text-align: center;
background: #0f2e65;
color: white;
text-decoration: none;
font-weight: 700;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 

}

@media all and (max-width: 1280px) and (min-width: 1024px) {

/*.imagebar svg {
margin: 1em;
width: auto;
height: auto;
min-width: 200px;
max-width: 300px;
max-height: 6em; 
}*/

.overflow {
width: 768px;
overflow: hidden;
}

a.img-overflow-link {
display: block;
position: absolute;
left: 1em;
top: 1em;
height: 2em;
width: 18em;
max-width: 300px;
text-align: center;
background: #0f2e65;
color: white;
text-decoration: none;
font-weight: 700;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 

}


@media all and (max-width: 1024px) and (min-width: 800px) {

/*.imagebar svg {
margin: 1em;
width: auto;
height: auto;
min-width: 150px;
max-width: 300px;
max-height: 6em; 
}*/

.overflow {
width: 768px;
overflow: hidden;
}

a.img-overflow-link {
display: block;
position: absolute;
left: 1em;
top: 1em;
height: 2em;
width: 18em;
max-width: 300px;
text-align: center;
background: #0f2e65;
color: white;
text-decoration: none;
font-weight: 700;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 

}


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

div.container div.backlink:first-child {
display: none!important; visibility: hidden!important;
}

/* alternative menu */

.leendertPmenuIE8 {
display: block; visibility: visible;
}

.merbelPmenu {
display: none!important; visibility: hidden!important;
}

.merbelPmenu svg {
display: none!important; visibility: hidden!important;
}

.leendertPmenuIE8 {
position: relative;
display: block;
width: 90%;
height: auto;
min-width: 260px;
margin: 0;
margin-left: auto;
margin-right: auto;
}

.leendertPmenuIE8 li {
position: relative;
display: block;
width: 100%;
min-width: 260px;
height: 3em;
margin: 2.5%;
float: left;
color: white;
border-radius: 10px;
behavior: url(../../pie/PIE.html);
font-family: 'quicksandbold', sans-serif;
}

.leendertPmenuIE8 li a {
position: relative;
display: block;
width: 100%;
height: 100%;
background: #0F2E66;
color: white;
border-radius: 10px;
behavior: url(../../pie/PIE.html);
font-family: 'quicksandbold', sans-serif;
font-size: 1em;
text-align: center;
line-height: 3em;
}

.leendertPmenuIE8 li a:hover, .leendertPmenuIE8 li a:focus {
border: solid 1px #0F2E66;
background: white;
color: #0F2E66;
}

/* end alternative menu */

}

@media all and (max-width: 800px) and (min-width: 768px) {

.overflow {
width: 768px;
overflow: hidden;
}

a.img-overflow-link {
display: block;
position: absolute;
left: 1em;
top: 1em;
height: 2em;
width: 18em;
max-width: 300px;
text-align: center;
background: #0f2e65;
color: white;
text-decoration: none;
font-weight: 700;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 

/*.imagebar svg {
width: 50%;
height: 50%;
}*/

}

@media all and (max-width: 768px) and (min-width: 319px) {

.skipLink {
visibility: hidden;
display: none;
}

.backlink a {
font-size: 1.5em;
}

p {
font-family: roboto, sans-serif;
font-size: 1.5em;
}

.imagebar {
display: none;
visibility: hidden;
}

.overflow {
width: 90%;
overflow: hidden;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 

.overflow {
width: 768px;
overflow: hidden;
}

a.img-overflow-link {
display: block;
position: relative;
height: 2em;
width: 90%;
max-width: 780px;
text-align: center;
background: #0f2e65;
color: white;
text-decoration: none;
font-weight: 700;
}

a.img-overflow-link:focus {
border: solid 1px #0f2e65;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {
visibility: hidden;
} 

}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) {

.header header h3 {
visibility: hidden;
display: none;
}

.skiplink {
visibility: hidden;
display: none;
}

.imagebar {
visibility: hidden;
display: none;
}

.header h3 {
visibility: hidden; display: none;	
	}

.mainbar {
width: 90%;
max-width: 670px;
}

a.img-overflow-link {
display: table;
height: auto;
width: 100%;
text-align: center;
background: #0f2e65;
color: white;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
letter-spacing: +0.2em;
padding: 0;
margin: 0;
margin-bottom: 1em;
line-height: 2em;
text-decoration: none;
font-weight: 700;
}

.overflow {
width: auto;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {visibility: visible;} 

figure img {
display: none;
}

figure {
width: 100%;
}
	
footer p {
visibility: hidden; display: none;
 }	

a.mobile-aural-skipLink {
visibility: visible;
position: relative;
display: inline-block;
padding: 0.5em;
color: white;
background: #0F2E66;
font-size: 1em;
font-weight: 700;
letter-spacing: +0.2em;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
 }	

a.single-menu-link {
visibility: visible;
position: relative;
display: inline-block;
padding: 0.5em;
color: white;
background: #0F2E66;
font-size: 1em;
font-weight: 700;
letter-spacing: +0.2em;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
 }	


.header nav {
visibility: hidden; display: none; 
}

a.mobile-aural-skipLink {
visibility: visible;
display: table;
width: 90%;
margin-left: auto; margin-right: auto;
text-align: center;
height: 3em;
min-height: 30px;
 }

a.single-menu-link {
visibility: visible;
display: table;
width: 90%;
margin-left: auto; margin-right: auto;
text-align: center;
height: 3em;
min-height: 30px;
color: white;
background: #0F2E66;
}

body, p, .mainbar > p, .header > p, .footer > p, aside > p, .mainbar ul li, .mainbar ol li, .footer ul li p, .footer ul li address, .nav .sub-nav li > a:link, .nav .sub-nav li > a:visited, .nav .sub-nav li > a:focus, .nav .sub-nav li > a:hover, a.img-overflow-link {
font-family: 'Roboto', sans-serif;
}

}

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

.mainbar h3 {
font-size: 1.5em;
}

.mainbar h4 {
font-size: 1.2em;
word-break: all;
}

div.skiplink {
visibility: hidden;
display: none;
}

.backlink {
visibility: hidden;
display: none;
}

.header {
visibility: hidden;
display: none;
}

.navbar {
display: none;
visibility: hidden;
}

.imagebar {
display: none;
visibility: hidden;
} 

.imagebar svg {
display: none;
visibility: hidden;
} 
 
.mainbar {
width: 90%;
max-width: 670px;
}

a.img-overflow-link {
display: table;
height: auto;
width: 100%;
text-align: center;
background: #0f2e65;
color: white;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
letter-spacing: +0.2em;
padding: 0;
margin: 0;
margin-bottom: 1em;
line-height: 2em;
text-decoration: none;
font-weight: 700;
}

.overflow {
width: auto;
}

.tiny a.img-overflow-link, .portrait a.img-overflow-link, .portrait-large a.img-overflow-link, .landscape a.img-overflow-link {visibility: visible;} 

figure svg {
width: 250px!important;
height: 250px!important;
}

figure img {
display: none;
}

figure {
width: 100%;
}
	
footer p {
visibility: hidden; display: none;
 }	

a.mobile-aural-skipLink {
visibility: visible;
position: relative;
display: inline-block;
padding: 0.5em;
color: white;
background: #0F2E66;
font-size: 1em;
font-weight: 700;
letter-spacing: +0.2em;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
 }	

a.single-menu-link {
visibility: visible;
position: relative;
display: inline-block;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
color: white;
background: #0F2E66;
font-size: 1em;
font-weight: 700;
letter-spacing: +0.2em;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
 }	


.header nav {
visibility: hidden; display: none; 
}

a.mobile-aural-skipLink {
visibility: visible;
display: table;
width: 90%;
margin-left: auto; margin-right: auto;
text-align: center;
height: 3em;
min-height: 30px;
 }

a.single-menu-link {
visibility: visible;
display: table;
width: 90%;
margin-left: auto; margin-right: auto;
text-align: center;
height: 3em;
min-height: 30px;
color: white;
background: #0F2E66;
}

}

/* hacks & fixes */

/* Hide useless/annoying links from screenreaders */


@media aural {
a.img-overflow-link {visibility: hidden; display: none;}
}

/* Fix Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 5+ ONLY */
::i-block-chrome, .nav .sub-nav.open {
display: block;
width: 8em;
}     
}

/* fix SVG in ie < 11 */

/* IE9 < */
.ie9 img[src*=".svg"] {
  width: 100%; 
}
/* IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
}
/* Stylesheet: LeendertMainv1 Modified On 2015-01-01 17:01:12 */