@charset "UTF-8";
/*

***********************************************************

    CSS-file by:

    Didjee, grafische vormgeving / multimedia, Delft
    Hooikade 13, 2627 AB Delft
    http://www.didjee.nl


***********************************************************

*/

@import url("../ui-libs/reset.css");
@import url("forms.css");

/* The Magnificent CLEARFIX */

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

html { height: 100%; }

body {
    font-family: Arial, Helvetica, sans-serif;
    background: url(images/bg_main.gif) repeat-x 0 33px;
    height: 100%;
    font-size: 16px;
}


strong {
    font-weight: bold;
}

div#mainwrapper {
    width: 1200px;
    min-height: 100%;
    overflow: auto;
    /* margin: 0 auto -100px; */
    margin: 0 auto;
}

div#top {
    height: 125px;
    position: relative;
    z-index: 999; /*--- IE fix for submenu ---*/
}

h1 {
    position: absolute;
    width: 312px;
    height: 80px;
    background: url(images/logo_kbv.gif) no-repeat top left;
    text-indent: -999em;
    top: 25px;
    left: -15px;
}

h1 a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--- METANAV ---*/

div#metanav {
    position: absolute;
    right: 40px;
    top: 45px;
    font-size: 14px;
    line-height: 22px;
    color: #0E96D4;
}

div#metanav div.links {
    float: left;
    margin-right: 45px;
}

div#metanav a {
    display: inline-block;
    color: #0E96D4;
    text-decoration: none;
}

div#metanav a:not(:last-child)::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 7px;
    height: 14px;
    width: 1px;
    background-color: #0E96D4;
}

div#metanav a.login {
    background: url(images/login_top.png) no-repeat left;
    padding-left: 22px;
}

div#metanav a:hover {
    text-decoration: underline;
}

div#metanav span.divider {
    padding: 0 4px;
}

#metanav form {
    float: right;
    margin: -2px 12px 0 0;
    padding: 3px 0;
    line-height: 1px;
}

div#metanav #searchfield {
    width: 125px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #DADADA;
    padding: 1px 5px;
    font-size: 12px;
    color: #616161;
    float: left;
    background: #EFEFEF;
}

div#metanav #searchbut {
    width: 23px;
    height: 23px;
    line-height: 12px;
    border: 1px solid #0D96D4;
    font-size: 15px;
    padding: 0;
    background: #0D96D4;
    color: white;
    cursor: pointer;
}

div#content ul.searchlist {
    list-style-type: none;
    margin: 0;
}

div#content ul.searchlist li {
    border-bottom: 1px solid #DADADA;
    padding: 0 0 10px;
    margin: 0 0 10px;
}


div#bg_shadow {
    background: url(images/bg_shadow.gif) no-repeat top;
    padding: 0 20px 75px;
}

div#bordergradient {
    background: url(images/bg_verloop.gif) repeat-x top white;
    border: 2px solid white;
    border-top: none;
    padding: 10px 10px 0;
}

/*--- NAV --*/

ul#nav {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 40px;
    z-index: 999;
}

ul#nav > li {
    position: relative;
    float: left;
    margin-left: 2px;
}

ul#nav > li > a {
    font-weight: bold;
    text-decoration: none;
    line-height: 31px;
    color: #616161;
    display: block;
    padding: 0 8px;
    border-bottom: 2px solid white;
    background: #C4CDD1;
}

ul#nav > li > a:hover {
    color: white;
    background: #0D96D4 url(images/bg_197CA8_trans85.png);
}

ul#nav > li.withsub > a:hover,
ul#nav > li.withsub:hover > a {
    color: white;
    background: #167FAD;
    border-bottom: 2px solid #167FAD;
}

ul#nav > li.current > a {
    color: white;
    background: #0E96D4;
    border-bottom: 2px solid #0E96D4;
}

ul#nav > li > ul {
    position: absolute;
    left: -1000em;
    top: auto;
    width: 160px;
    padding: 20px;
    background: url(images/bg_197CA8_trans85.png);
}

ul#nav > li:hover > ul {
    display: block;
    left: 0;
}

ul#nav > li.last:hover > ul {
    left: -140px !important;
}

ul#nav > li > ul li {
    margin: 0 0 8px;
}

ul#nav > li > ul li a {
    color: white;
    text-decoration: none;
}

ul#nav > li > ul li a:hover {
    text-decoration: underline;
}

ul#subnav {
    font-size: 12px;
    width: 180px;
    float: left;
    margin: 10px 20px 0 10px;
}

ul#subnav li {
    margin: 0 0 5px;
}

ul#subnav li a {
    color: #484848;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 4px 7px;
    line-height: 15px;
}

ul#subnav li a:hover {
    color: #0E96D4;
    background: #F7F7F7;
}

ul#subnav li.current a {
    color: white;
    border: 1px solid #0E96D4;
    padding: 4px 6px;
    background: url(images/bg_subnav_current.gif) repeat-x top #1A7EAB;
}

/*--- HOME ---*/

div#homescroller {
    border-left: 2px solid white;
    border-right: 2px solid white;
    margin-bottom: -10px;
    position: relative;
}

div#homescroller_inner {
    border-top: 10px solid #0D96D4;
    border-left: 10px solid #0D96D4;
    border-right: 10px solid #0D96D4;
    padding: 25px 35px 0;
    height: 360px;
    background: url(images/bg_homeslider.gif) no-repeat top left #0E96D4;
}

a.prev.disabled,
a.next.disabled {
    display: none;
}

a.prev,
a.next {
    position: absolute;
    top: 180px;
    z-index: 999;
    display: block;
    width: 17px;
    height: 20px;
    cursor: pointer;
    text-indent: -999em;
}

a.prev {
    left: 20px;
    background: url(images/homescrollernav_prev.png) no-repeat;

}

a.next {
    right: 20px;
    background: url(images/homescrollernav_next.png) no-repeat;
}


div.navi {
    text-align: center;
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding-top: 10px;
    background: url(images/homescroller_bottomline.png) no-repeat top center;
}

div.navi a {
    width:11px;
    height:10px;
    margin:3px;
    display:inline-block;
    font-size:1px;
    background: url(images/homescroller_dot.png) no-repeat;
}

div.navi a.active {
    background-position:0 -10px;
}

div#scrollable {
    position:relative;
    height: 360px;
    overflow: hidden;
}

div#scrollable div#items {
    position: absolute;
    width: 2000em !important;
    height: 100%;
}

div#scrollable div#items div.slide {
    width: 1057px;
    position: relative;
    float: left;
}

div#scrollable div#items div.slide div.slideimage {
    float: left;
    width: 450px;
    height: 302px;
    margin: 10px 0 0 15px;
    box-shadow: 2px 2px 10px #000;
}

div#scrollable div#items div.slide div.slidetext {
    line-height: 140%;
    color: white;
    overflow: auto;
    padding: 1px 10px 1px 20px;
}

div#scrollable div#items div.slide div.slidetext h3 {
    font-size: 30px;
    font-weight: normal;
    line-height: 105%;
    margin: 0 0 20px;
}

div#scrollable div#items div.slide div.slidetext p {
    margin: 0 0 15px;
}

div#scrollable div#items div.slide div.slidetext a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

div#scrollable div#items div.slide div.slidetext a:hover {
    text-decoration: underline;
}
div#scrollable div#items div.slide div.slidetext ul {
    margin: .5em 0 .5em 20px;
    list-style-type: disc;
}
div#scrollable div#items div.slide div.slidetext ol {
    margin-left: 20px;
    list-style-type: decimal;
}
div#scrollable div#items div.slide div.slidetext .quote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 15px;
    line-height: 125%;
    border-top: 1px solid #76BAD8;
    padding: 15px 0 0 0;
}

div.homeintro {
    font-size: 15px;
    color: #262626;
    line-height: 120%;
    font-weight: bold;
}

div.block {
    width: 332px;
    float: left;
    padding: 0 0 0 10px;
}

div.block:first-child {
    background: red;
    padding: 0 10px 0 0;
    background: url(images/dotted_vertical_bababa.gif) repeat-y right;
}

div.block h3 {
    font-size: 19px;
    font-weight: normal;
    line-height: 110%;
    color: #262626;
    margin: 0 0 10px;
}

div.blockrow {
    overflow: auto;
    border-top: 1px solid #DADADA;
    padding: 10px 0;
}

/*--- BREADTRAIL ---*/

div#breadtrail {
    color: #484848;
    font-size: 11px;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #DADADA;
}

div#breadtrail span.divider {
    padding: 0 3px;
}

div#breadtrail a {
    text-decoration: none;
    color: #484848;
}

div#breadtrail a:hover {
    text-decoration: underline;
    color: black;
}

/*--- CONTENT ---*/

/*--- totale breedte content 936px ---*/

div#maincontentwrapper {
    background: white;
    padding: 0 0 50px;
    min-height: 500px;
    overflow: auto;
}

div#contentwrapper {
    float: left;
    overflow: auto;
}

div#maincontentwrapper.home div#contentwrapper { width: 805px; }
div#contentwrapper { width: 880px; }
#contentwrapper.search-results { width: auto; }

div#content {
    padding: 40px;
    overflow: auto;
}

.home div#content { padding: 20px 40px; }

/*--- SIDEBAR ---*/

div#sidebarwrapper {
    float: right;
    position: relative;
    overflow: auto;
    min-height: 500px;
    background: url(images/bg_sidebar.gif) no-repeat top left;
}

div#maincontentwrapper.home div#sidebarwrapper {
    width: 311px;
}

div#sidebarwrapper {
    width: 250px;
}

div#sidebar {
    padding: 15px;
    font-size: 12px;
    line-height: 125%;
    color: #596063;
}

div#sidebar h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    color: black;
}

div#sidebar h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 110%;
    color: black;
    margin: 20px 0 15px;
}

div#sidebar h5:first-child {
    margin: 0 0 15px;
}

div#sidebar p {
    margin: 0 0 25px;
}

div#sidebar a {
    color: #0E96D4;
}


.inspiration {
    padding: 15px;
    color: #0E96D4;
}

.inspiration strong {
    font-size: 14px;
}

.inspiration ul {
    margin-top: 5px;
    padding-left: 14px;
    font-size: 12px;
}

.inspiration .submenu {
    list-style-type: none;
    margin-bottom: 20px;
}

.inspiration .submenu .submenu-item {
    padding: 10px 0;
    border-top: 1px solid #e2e2e2;
}

.inspiration .submenu .submenu-item a {
    color: #555555;
    font-weight: normal;
    text-decoration: none;
}

.inspiration .submenu .submenu-item a:hover {
    color: #0E96D4;
}

.inspiration .submenu .submenu-item-all a {
    color: #0E96D4;
    text-decoration: none;
}

/* slider sidebar */

div.navi_sidebar {
    text-align: center;
    width: 100%;
    height: 10px;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #CAD2D5;
}

div.navi_sidebar a {
    width:11px;
    height:10px;
    margin:3px;
    display:inline-block;
    font-size:1px;
    background: url(images/sidebarscroller_dot.png) no-repeat;
}

div.navi_sidebar a.active {
    background-position:0 -10px;
}

div#scrollable_sidebar {
    position:relative;
    height: 100px;
    margin: 0 -5px;
    overflow: hidden;
}

div#scrollable_sidebar div#scrollable_sidebar_items {
    position: absolute;
    width: 2000em !important;
    height: 100%;
}

div#scrollable_sidebar div#scrollable_sidebar_items div.slide {
    width: 290px;
    height: 100%;
    float: left;
    }

div#scrollable_sidebar div#scrollable_sidebar_items div.slide img {
    border: none;
}

/*--- QUOTES ---*/

div.quotecontainer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 16px;
    line-height: 125%;
    color: #596063;
    border-top: 1px solid #DFE3E4;
    padding: 25px 0;
    background: url(images/bg_quote.png) no-repeat top left;
}
.block div.quotecontainer{
    font-size: 13px;
    border-top: none;
    margin-top: -25px;
}

div.quotecontainer span.quoteauthor {
    color: black;
    display: block;
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 110%;
    text-align: right;
}
.block div.quotecontainer span.quoteauthor{
    font-size: 11px;
}

div.quotecontainer span.quoteorganisation {
    color: black;
    display: block;
    font-size: 12px;
    line-height: 110%;
    text-align: right;
}

/*--- ACTUEEL ---*/

div#content div#archive {
    margin: 0 0 20px;
}

div#content div#archive ul {
    margin: 0;
    list-style-type: none;
    overflow: auto;
}

div#content div#archive ul li {
    float: left;
    padding-left: 10px;
    margin-right: 10px;
    border-left: 1px solid #DFE3E4;
}

div#content div#archive ul li:first-child {
    border: none;
    padding-left: 0;
}

div#content div#overview {
    margin-top: 20px;
}

div#content div.newsitem {
    border-top: 1px solid #DFE3E4;
    padding: 20px 0;
}

div#content div.newsitem p.newsdate {
    font-weight: bold;
}

div#content div.newsitem .newsitem-text { margin-left: 250px; }
div#content .newsitem-text p { margin: 0 0 15px 0 }
div#content .newsitem img { float: left; }


div#content div.newsitem  h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    line-height: 110%;
    color: black;
    margin: 0 0 15px;
}

/*--- FOOTER ---*/

div#footerwrapper {
    border-top: 1px solid #DADADA;
    background: #F1F1F1;
}

/*div#footer {
    width: 900px;
    padding: 22px 0;
    margin: 0 auto;
    font-size: 11px;
    color: #484848;
}

div#footer a {
    color: #484848;
}

div#footer span.divider {
    padding: 0 5px;
}*/

/*--- STYLING ---*/

div#content {
    color: #484848;
    line-height: 150%;
}

div#content h2 {
    font-size: 25px;
    font-weight: normal;
    color: #0E96D4;
    margin: 25px 0 10px;
    line-height: 105%;
}

div#content > h2:first-child { margin: 0 0 20px; }

div#content h3 {
    font-size: 20px;
    font-weight: bold;
    color: #484848;
    margin: 25px 0 10px;
    line-height: 105%;
}

div#content h4 {
    font-size: 18px;
    color: #484848;
    margin: 25px 0 10px;
    line-height: 105%;
}

div#content p { margin: 15px 0 0; }
div#content p.newsarchive { margin-bottom: 15px; }

div#content a { color: #0E96D4; }

div#content ul,
div#content ol {
    margin: 0 25px 25px;
}

div#content ul {
    list-style-type: square;
}

div#content ol {
    list-style-type: decimal;
}
div#content ul ul,
div#content ul ol,
div#content ol ul,
div#content ol ol {
    margin: 0 25px;
}
div#content ul ul,
div#content ol ul{
    list-style-type: circle;
}

img.imgright {
    float: right;
    margin: 0 0 5px 5px;
}

div#content a img,
div#sidebar a img {
    border: 1px solid #DADADA;
}

.sb-newsitem {
    margin-top: 20px;
}

div#content table {
    border-collapse: collapse;
    border: 1px solid #DADADA;
}

div#content table td {
    border: 1px solid #DADADA;
    padding: 6px;
}

div#content table.layout {
    border: none;
}

div#content table.layout td {
    border: none;
    padding: 0;
}

div#content em{
    font-style: italic;
}

div#content .formleftcheckbox{
    float:left;
    margin: 5px 0 0 15px;
}
div#content .formleftlabel{
    clear:none;
    float: left;
    margin-left: 30px;
    width: 400px;
}
.verplicht{
    color: red;
}

/*
----------------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------------
*/

#stimularheader {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    color: #2f2f2f;
    width: 100%;
    min-width: 980px;
    padding: 2px 0;
    line-height: 31px;
    height: 29px;
    background: url(images/header_bg.png) repeat-x top #fff;
}

#stimularheader div.inner {
    padding: 0 10px;
}

#stimularheader div.left {
    float: left;
}

#stimularheader div.left a {
    display: inline-block;
    width: 84px;
    height: 20px;
    margin: 0 2px -2px 4px;
    text-indent: -999em;
    background: url(images/header_stimular.png) no-repeat left bottom;
}

#stimularheader div.right {
    float: right;
}

#stimularheader div.right a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #a6a6a6;
}

#stimularheader div.right a:hover {
    color: #0587d9;
    border-bottom: 1px solid #0587d9;
}

/*
----------------------------------------------------------------------------
 FOOTER
----------------------------------------------------------------------------
*/

#footer {
    font-size: 11px;
    line-height: 150%;
    overflow: visible;
    padding-bottom: 20px;
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer div.top {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#footer div.left {
    float: left;
    width: 63%;
    padding-top: 10px;
    /*border-right-style: solid;*/
    /*border-right-width: 1px;*/
}

#footer img.logo {
    display: block;
    float: left;
    border: none;
    margin: -12px 20px 30px -3px;
}

#footer address {
    float: left;
    width: 165px;
    overflow: visible;
}

#footer div.sites {
    float: left;
    clear: right;
    width: 150px;
    overflow: visible;
}

#footer div.social {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    clear: left;
    float: left;
    width: 168px;
    margin: 0 20px 0 0;
}

#footer div.social ul {
    margin-top: 10px;
}

#footer div.social ul a {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 5px;
    text-indent: -999em;
    background-repeat: no-repeat;
    background-image: url(images/footer_social.png);
}

#footer div.social ul a.linkedin {
    background-position: -50px 0;
}

#footer div.social ul a.instagram {
    background-position: -100px 0;
}

#footer div.social ul a.vimeo {
    background-position: -75px 0;
}

#footer div.mission {
    float: left;
    width: 60%;
    margin-top: 22px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

#footer div.right {
    float: right;
    width: 35%;
}

#footer div.right h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 17px;
    margin-bottom: 10px;
    padding: 0;
}

#footer div.right ul {
    float: left;
    margin-bottom: 20px;
}

#footer div.right h4 + ul {
    width: 65%;
    margin-right: 20px;
}

#footer div.right ul {
    list-style-image: url(images/footer_bullet.png);
}

#footer div.right li {
    margin-left: 13px;
}

/*--- settings per site ---*/

#footer {
    width: 950px;
    margin: 0 auto;
    color: #484848;
}

#footer,
#footer a,
#footer div.right h4 {
    color: #484848;
}

#footer div.top,
#footer div.left {
    border-color: #bfbfbf;
}



/* // =================== */
/* Pioneer form styles */
/* // =================== */
.pioneer-formfield { margin-bottom: 8px; }
.pioneer-widget input { margin-bottom: 3px; }

.pioneer-asterisk,
.pioneer-error { color: #ff0000; }

.pioneer-formfield [type="text"],
.pioneer-formfield [type="number"],
.pioneer-formfield [type="email"],
.pioneer-formfield textarea,
.pioneer-formfield [type="password"],
.pioneer-formfield [type="date"] {
    width: 100%;
    min-width: 200px;
    font-size: 13px;
    padding: 3px;
    border: 1px solid #999;
}

.form-controls {
    text-align: right;
}

[type="button"],
[type="submit"] {
    border: 1px solid #999;
    background-color: #fafafa;
}

/* ***************
   TOC Kansen page
****************** */
div#content .kansen-toc {
    margin-left: 0;
    padding-left: 0;
    counter-reset: toc;
    list-style-type: none;
}

.kansen-toc li::before {
    counter-increment: toc;
    content: counter(toc) ". ";
    color: #0E96D4;
    width: 30px;
    float: left;
}

.kansen-page { counter-reset: h2section; }

.kansen {
    margin-left: 30px;
    counter-reset: h3section;
}

div#content.kansen-page > div h2 {
    margin-top: 60px;
    /*color: #9BBF00;*/
    /*color: #0a6c96;*/
    color: #616161;
}

div#content.kansen-page h3 {
    font-size: 18px;
    font-weight: normal;
    color: #0E96D4;
    margin: 25px 0 5px;
    line-height: 140%;
}

div#content.kansen-page h2::before {
    counter-increment: h2section;
    content: counter(h2section) ". ";
}

div#content.kansen-page > h2::before { display: none; }

div#content.kansen-page h3::before {
    counter-increment: h3section;
    content: counter(h2section) "." counter(h3section) ". ";
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}


/* Inspiratie */