* { font-size: 100%; margin: 0; padding: 0; }
/* STRUCURE */
html{font: 100%/1.5 'PT Sans', sans-serif;color:#000;}
html, body {}
body {background:url(/images/layout/v2.0/voz-wp.png);background-attachment:fixed;}

#header-wrapper {}
#header,
#menu,
#content-wrapper,
#footer {width:calc(100% - 2em);max-width:1000px;margin:0 auto;align-items:flex-end;}

#header {display:flex;flex-flow:row wrap;justify-content:center;background-color:#fff;padding:1em;}
#logo {flex-basis:200px;}
#logo img {max-width:100%}
#payoff {color:#d43a3e;text-transform:uppercase;font-size:20px;font-weight:700;flex-grow:1;text-align:center;margin-bottom:4px;}

#headertools {}
#headerlinks {margin-bottom:2em;}
#headerlinks a {display:block;padding-right:20px;font-variant:small-caps;;
  background-repeat:no-repeat;background-size: auto 14px;background-position:right 50%;}
#headerlinks a.login {background-image:url(/images/layout/v2.0/voz-lock.png)}
#headerlinks a.logout {background-image:url(/images/layout/v2.0/voz-exit.png)}
#headerlinks a.maintenance {background-image:url(/images/layout/v2.0/voz-gear.png)}
#headerlinks > ul.menu{display:flex;flex-flow:column;justify-content:space-between;align-items:flex-end;list-style:none;}

#subscribe-newsletter {font-size:87.5%;margin-bottom:11px}
#subscribe-newsletter .text {text-transform:uppercase;text-align:justify;text-align:center;color:#009FE3;}
#subscribe-newsletter form {display:flex;}
#subscribe-newsletter .formelement,
#subscribe-newsletter .formfield {flex-grow:1;padding:0;margin:0;align-items:stretch;}
#subscribe-newsletter input {background:#effaff;border-color:#009FE3;color:#009FE3;}
#subscribe-newsletter button {height:100%;border-radius:0;background:#d43a3e;margin:0;width:100%;}
#subscribe-newsletter label.error {width:250px;position:absolute;top:34px;}

#menu-wrapper {}
#menu {border-top:solid 1px #009FE3;border-bottom:solid 1px #009FE3;background-color:#fff;padding:0 1em;}
#menu > ul.menu{display:flex;flex-flow:row wrap;justify-content:space-between;list-style:none;}
#menu a {text-transform:uppercase;color:#009FE3;display:block;padding:.5em;border-top:solid 3px #fff;}
#menu a:hover {border-top:solid 3px;}

#footer-wrapper {background:#009FE3;padding:2em 0;}
#footerlinks ul.menu {display:flex;flex-flow:row wrap;list-style:none;justify-content:center;}
#footerlinks li.level1 {margin:1em;}
#footerlinks a {color:#fff;border-bottom:dotted 1px;}
#footerlinks a:hover {border-bottom:solid 1px;}
#footer .text {text-align:center;color:#fff;}

#sidebar {;position:relative;padding:1em;}

.mostrecent {position:absolute;bottom:1em;right:1em;width:15%;border:solid 2px #fff;box-shadow:0 0 5px #000;}
.mostrecent a:after {display:block;width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%;content:" ";
  background-image:url(/images/layout/v2.0/voz-play.png);
  background-size:100%;
}
.banner {position:relative;}
.banner h2 {position:absolute;bottom:0;width:calc(100% - 120px);text-align:center;line-height:1;color:#fff;text-shadow:0 0 5px #000;}
.banner .text {position:absolute;bottom:10%;width:calc(100% - 120px);text-align:center;font-size:32px;color:#fff;text-shadow:0 0 5px #000;}

#adds-wrapper {background-color:#fff;margin-top:2em;}
.adds {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.add {flex-basis:200px;margin:1em;}

#content-wrapper {background-color:#fff;padding:1em;}
#content {order:2;width:calc(100% - 2em);padding:0 1em 5em;min-height:150px}

/* DEFAULTS */
h1,h2,h3,h4 {font-family:'PT Serif', serif;margin-bottom:1em;}
h1 {font-size:30px;text-align:center;font-weight:400;}
h2 {font-size:20px;text-align:center;font-weight:400;}
h3 {margin-top:2em;}
h4 {margin-top:2em;}
a {text-decoration:none;color:#d43a3e;}
a:hover {}
a.popup {}
a img {border:none;}
:focus {outline:none;}
.image {line-height:1;}
.image img, a img {max-width:100%;display:block;margin:0 auto;}

.sharelink {margin:1px;}

#content button {border-radius:0;background:#d43a3e;color:#fff;;}
#content ul, 
#content ol {margin: 0 2em;}
#content ul ul, 
#content ol ol {margin: 0 1em;}
#content li,
#content .relatedlink {clear:left;}
#content p,#sidebar p {margin: .5em 0;}
#content strong {font-weight:bold;}
#content blockquote {font-size:12px;}
#content table {width:100%;}
#content th {text-align:left;}
#content td {vertical-align:top;}

#content .relatedlinks {list-style:none;margin:0}
#content .relatedlinks li {overflow:auto;}
#content .relatedlinks .imagelink {border:none;}
#content .text {margin-bottom:1em;}

#content #message {width:448px;position:absolute;left:240px;top:118px;padding:10px 5px;text-align:center;font-size:18px;color:#323232;border:solid 1px #CF9B00;background:#FFDD48 url(/images/layout/attention.png) no-repeat 15px 50%;}

#content > #error {text-align:center;}

/* BANNER
--------------------------------------------------*/

/* (EMAIL)FORMS
--------------------------------------------------*/
#content .fieldlabel {font-weight:normal;}
#content > .emailform {display:flex;flex-flow:row wrap;justify-content:space-between;}
#content > .emailform > h1, 
#content > .emailform > .editwrapper {flex-basis:100%;}
#content > .emailform > .emailform-text {flex-basis:calc(50% - 1em);}
#content > .emailform > .emailform-form {flex-basis:calc(50% - 1em);}
#content .emailform p.comment {display:none;}
#content .emailform .mandatory {color:#fff;font-size:0;font-weight:normal;}
#content .emailform .mandatory:after {content:"[verplicht]";color:#000;font-size:12px;position:relative;top:-4px;margin-left:.5em;color:#D43A3E;}
#content .emailform .fieldlabel,
#content .emailform .formfield {flex-basis:100%;}
#content #ps-cgh {border-color:#009FE3;background-color:#EFFAFF;color:#009FE3}
input#titc {width:3em;margin:0 auto;}

/* ERROR
--------------------------------------------------*/

/* INFORMATION
--------------------------------------------------*/
#content > .information {text-align:center;}

/* LIBRARY
--------------------------------------------------*/
.library .folders {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -1em;}
.library .folder {flex-basis:calc((100% / 2) - 2em);margin:1em;}
.library .embedcode {display:flex;flex-flow:row wrap;}
.library .embedcode h4 {flex-basis:100%;margin:0;font-style:italic;}
.library .embedcode textarea {width:300px;height:2em;flex-grow:1;}
span.doctype {display:inline-block;width:2em;text-align:center;padding:0 .5em;margin-right:.5em;background-color:#666;color:#fff;}
span.doctype.doc {background-color:blue;}
span.doctype.pdf {background-color:red;}

/* LINKOVERVIEW
--------------------------------------------------*/
.linkoverview .navigations {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -.5em;}
.linkoverview .navigation {flex-basis:calc((100% / 5) - 1em);margin:.5em .5em 2em;}
.linkoverview .image img {border:solid 1px #eee;}

/* LOGIN
--------------------------------------------------*/
#content > .loginpage {margin-top:0;
  display:flex;flex-flow:row wrap;justify-content:space-between;}
.loginpage > div {flex-basis:calc(((100% - 3em) / 2) - 3em);padding:2em 2em 6em;
  background-color:#EFFAFF;position:relative;}
#content > .loginpage .formelement {display:block;}
.loginpage .fieldlabel,.loginpage .formfield {width:100%!important;}
.loginpage > .passwordreminder {}
form.login .formelement.buttons,.passwordreminder .formelement.submit {position:absolute;bottom:2em;margin:0;}

/* NEWS
--------------------------------------------------*/
.newsarchive .years {display:flex;flex-flow:row wrap;justify-content:space-between;}
.newsarchive .year {flex-basis:20%;text-align:center;}
.newsindex-wrapper h1:first-letter {text-transform:uppercase;}
.newsindex h1 {flex-basis:100%;}
.newsindex h1 span {flex-basis:100%;color:#009FE3;font-size:75%}
.newsindex h1 span:before {content:" // ";}
.columns .newsindex > .text {color:#d43a3e;font-size:125%;text-align:center;}
.shortnewsitems {display:flex;flex-flow:row wrap;margin:0 -1em;}
.shortnewsitem-wrapper {flex-basis:calc((100% / 3) - 2em);margin:1em;position:relative;display:flex;}
.shortnewsitem-wrapper > .editwrapper {position:absolute;top:0;left:0;}
.shortnewsitem {background:#e3f5fc;display:flex;flex-flow:column;justify-content:space-between;}
.shortnewsitem {width:100%;} /* IE */
.shortnewsitem h2,.shortnewsitem .more {padding:12px;text-align:center;}
.shortnewsitem .image {overflow:hidden;}
.shortnewsitem .date {display:flex;justify-content:center;}
.shortnewsitem .date > span {margin:0 .25em;} 
.newsitem {display:flex;flex-flow:row wrap;justify-content:space-between;position:relative;}
.newsitem .sharethis {margin-top:2em;}
.newsitem .editwrapper {position:absolute;}
.newsitem > .image {flex-basis:calc(50% - .5em);}
.newsitem-intro {flex-basis:calc(50% - .5em);}
.newsitem h1,
.newsitem h2 {flex-basis:100%;}
.newsitem h2 {color:#d43a3e;}
.newsitem .intro.text {font-size:14px;}
.newsitem .date {font-size:14px;font-style:italic;}
.newsitem-body em {display:inline-block;background-color:#eee;margin-left:1em;padding:.25em .5em;}

/* NEWSLETTER */
.enewsletter > * {background:#eee;padding:2em 1em 1em;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1em;}
.enewsletter  h2 {text-align:left}
.enewsletter button {width:200px;}
.enewsletter > form > div {width:calc(100% - 250px);}
.enewsletter .senddates {display:flex;margin:0 -.5em}
.enewsletter .senddates > * {margin:0 .5em;background:#ddd;padding:.5em;flex-grow:1;}
.enewsletter textarea {border:solid 1px #ccc;width:100%;padding:.5em;}

/* SCHOOLGUIDE
--------------------------------------------------*/
#content > .schoolguide {display:flex;flex-flow:row wrap;justify-content:space-between;}
#content > .schoolguide > * {flex-basis:calc(50% - 1em);}
#content > .schoolguide h1,
#content > .schoolguide .intro,
#content > .schoolguide .paragraphs {flex-basis:100%;}

.schoolguide.maintenance .paragraphs {display:flex;flex-flow:row wrap;margin:0 -1em;justify-content:center;}
.schoolguide.maintenance .paragraph-wrapper {flex-basis:calc((100% / 3) - 4em - 2px);margin:1em;border:solid 1px #eee;padding:1em;}

/* SITEMAP
--------------------------------------------------*/
.sitemap {display:flex;flex-flow:row wrap;justify-content:space-between;margin:1em -1em;}
.sub-sitemap {margin:0 1em 1em;background:#e3f5fc;padding:1em;flex-grow:1;}
.sub-sitemap h1:first-letter {text-transform:uppercase;}

/* SIGNUP
--------------------------------------------------*/


/* TAGS
--------------------------------------------------*/


/* USER(MGT)
--------------------------------------------------*/


/* VIDEO
--------------------------------------------------*/
.ps-video {display:inline-block;}
.vjs-poster {background-size:cover!important}