:root {
   --lblack: #333333;
   --lred: #640304;
   --lyellow: #fbb702;
   --lgrey: #f2f2f2;
   font-size: calc(12px + 0.32vw);
   letter-spacing: 0.2px;
   line-height: calc(18px + 0.32vw); /*25px;*/
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-smoothing: antialiased;
}
* {
   margin: 0px;
   padding: 0px;
}
html,
body {
   height: 100%;
   font-family: "Roboto", sans-serif;
   color: #8c806e;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   overflow-x: hidden;
}
input,
select,
textarea {
   color: #333333;
}
body {
   background: #fff;
}
.no-scroll { overflow:hidden !important; height: 100% !important;}

img {
   border: 0px;
   display: block;
}
a,
input {
   outline: none;
}
.clear {
   clear: both;
   height: 0px;
   overflow: hidden;
}
.notes a { 
	color:black;
	text-decoration-line: underline;
    text-decoration-color: var(--lyellow);
    text-decoration-thickness: 3px;
}
.notes a:hover { color:#fbb702 !important;}

.label { background:#f1f1f1; border-radius:5px; padding:6px 8px; color:black;font-size:13px;text-transform: uppercase; font-weight:bold;margin-right:5px;}	

#wrapper {
   position: relative;
   display: block;
   width: 100%;
   min-height: 100%;
   max-width: 1250px;
   margin: auto;
   padding-bottom: 20px;
}
#mainCntr {
   margin: 0 auto;
   padding: 5px 0;
}
#headerCntr {
   position: relative;
   height: 70px;
}
#headerCntr.subpage {
   position: relative;
   height: 138px;
}
#headerCntr h1 {
   position: absolute;
   top: 8px;
}
#headerCntr h1 a {
   display: block;
   width: 180px;
   height: 52px;
   text-indent: -9999px;
   background: url("../images/logo.svg") no-repeat;
}
.subheaderTtl {
   position: absolute;
   top: 4px;
   left: 175px;
/*   font-size: 1.2em;*/
   text-transform: uppercase;
   color: var(--lblack);
   font-weight: 600;
   width: calc(34.5% - 180px); /* scaling slogan */
   min-width:142px;
   text-align:right;
}
.subheaderTtl img {     width: 98%;  margin-top: 3px; float: right;}

#topHeaderCntr {
    height: 4px;
    border-radius: 10px;
    background: var(--lred);
    margin-top: 20px;
}

#headerCntr::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--lred);
    height: 4px;
    border-radius: 20px;
}

.menuBox .icon {
    display: none;
}

.menuBox {
   position: absolute;
   top: 7px;
   right: 0px;
}
.menuBox ul {
   list-style: none;
   border-radius: 5px;
}
.menuBox > ul > li:first-child {
   display: none;
}
a.mmenuicon {
   display: none;
   text-decoration: none;
}
.menuBox li {
   float: left;
   text-align: left;
   position: relative;
}
ul.mmenu > li {
   padding-bottom: 20px;
}
.menuBox a {
/*   text-transform: lowercase;*/
}
.menuBox a::first-letter,
.menuBox a::first-line {
/*   text-transform: capitalize;*/
}
ul.nosub {
   display: none !important;
}
.menuBox li a {
   padding: 0 8px 0px 9px;
   color: #333333;
   display: block;
   line-height: 29px;
   height: 30px;
   text-decoration: none;
   font-weight: 600;
   font-size: calc(16px + 0.2vw);
}
.menuBox li a.noclick { cursor:default;}
.menuBox li:hover a:hover,
.menuBox li.selected a,
.menuBox li:hover > a {
   color: var(--lyellow);
   background: #f1f1f1;
   border-radius: 3px;
}
.menuBox li:hover ul {
   z-index: 200;
   display: block;
   transition-delay: 0s;
   outline:solid white 8px
}
.menuBox ul li ul {
   padding: 10px;
   list-style: none;
   display: none;
   position: absolute;
   left: 0px;
   margin-top: 8px;
   max-width: 250px;
   background: #f1f1f1 !important;
   border-radius: 5px;
   transition: 0.2s 1s;
}

/* Menu hack: last submenu aligns left on small screens */
@media screen and (max-width: 1450px) {
	.menuBox ul > li.hasChildren:nth-child(5) > ul { right:0px; left:auto;}
}

.menuBox li li {
   padding-right: 20px;
   display: block;
   width: 100%;
   white-space: nowrap;
}
.menuBox li li a {
   padding: 5px 2px;
   color: #333333 !important;
   background: none !important;
   font-weight: normal;
}
.menuBox li li a:hover,
.menuBox li li.selected a,
.menuBox li li.active a {
   color: var(--lyellow) !important;
}
.menuBox .noHighlight a {
   background: none !important;
   color: #333333 !important;
}
#contentCntr {
   padding: 20px 0;
   overflow: hidden;
}
#contentCntr.subpages {
   padding-top: 40px;
}
#leftCntr {
   float: left;
   width: 34%;
}
.formbox,
.postBox {
   width: 100%;
}
.formBox.mobile {
   display: none !important;
}
.formBox fieldset {
   border: none;
}
.postBox {
   padding-bottom: 20px;
   margin-left: 1px;
   overflow: hidden;
   background: var(--lred);
   border-radius: 5px;
   margin: 10px 0;
}
.postBox .text {
   padding: 27px 27px 20px 27px;
   border-bottom: 0px solid #8a4242;
   overflow: hidden;
}
.postBox .link {
   padding: 27px 0px 25px 27px;
   overflow: hidden;
   border-bottom: 0px solid #8a4242;
}

.postBox .list {
   padding: 0px 27px 20px 27px;
   overflow: hidden;
}
.postBox h2 {
   padding-bottom: 15px;
   font-size: 30px;
   font-weight: bold;
   color: #fff;
/*   text-transform: capitalize;*/
   line-height: initial;
}
.postBox p, .postBox > div {
   padding-bottom: 22px;
   color: #dac3c3;
/*   line-height: 24px;*/
}
.postBox div.eigenaar {
   padding-bottom: 22px;
   color: #dac3c3;
   line-height: 24px;
}
.postBox .text a {
   font-size: 9px;
   text-decoration: none;
   line-height: 27px;
   text-align: center;
   color: #000;
   display: block;
   width: 158px;
   height: 29px;
   background: url("../images/arrow.png") no-repeat;
}
.postBox .textBox a:hover {
   text-decoration: underline;
}


.postBox .text:hover > a.geel { color: var(--lyellow) !important;}
.postBox .text:hover > div > a.geel { color: var(--lyellow) !important;}
.postBox .text > div > p:hover, .postBox .text > h2:hover p { color:white;}
.postBox .list:hover > a.geel { color: var(--lyellow) !important;}

a.geel.geelred {
   color: #fff !important;
   font-size: inherit;
}
a.geel.geelred:hover {
   color: var(--lyellow) !important;
}
.postBox h3 {
   padding-bottom: 11px;
   font-size: 25px;
   font-weight: bold;
   color: #fff;
}
.postBox .link ul {
   padding-left: 0px;
   list-style: none;
   overflow: hidden;
   display: inline-flex;
   width: 90%;
}
.postBox .link li {
   float: inline-end;
   width: 33%;
   text-align: center;
   display: block ruby;
}
.postBox .link li a {
   text-decoration: none;
}
.postBox .link li.gap {
   padding-top: 16px;
   margin-left: 49px;
}
.postBox h4 {
   padding-bottom: 12px;
   font-size: 25px;
   font-weight: bold;
   color: #fff;
   border-bottom: 1px solid #8a4242;
/*   margin-bottom: 15px;*/
}
.postBox .list ul {
   list-style: none;
   color: #dac3c3;
}
.postBox .list li {
   padding: 17px 0;
   float: left;
   font-size: 11px;
   line-height: 19px;
   width: 100%;
  /* background: url("../images/arrow-bg1.png") right 19px no-repeat;*/
   background: url("../images/arrow-bg1.png") left 22px no-repeat;
   padding-left:15px;
   
   border-bottom: 1px solid #8a4242;
}

.postBox .list li strong { color:white;font-weight:bold;}

.postBox .list li a {
   color: #dac3c3;
   text-decoration: none;
   font-size: 14px;
}
.postBox .list li a:hover {
   text-decoration: none;
}
.postBox .list span {
   display: block;

/*   font-style: italic;*/
}
.postBox .list span.size { line-height:12px;opacity:.7;}
.postBox .list .title {
   font-style: normal;
   font-size: large;
   display: inline-block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
}
.postBox .list .title:hover { color:white;}
.certificate {
   padding: 10px 0;
}
.postBox .certificate a {
   display: inline-block;
   padding: 0 10px;
   width: 5.4vw;
}
.certificate img {
   height: 5vw;
   width:100%;
   opacity: 0.7;
   margin: 0 auto;
   max-height:100px;
}

.postBox .link:hover .certificate img { opacity:1;}

span.ldate {
   font-size: small;
   color: white;
   font-style: normal !important;
   font-weight:bold;
}
.workBox {
   padding: 25px 20px 15px 25px;
   min-height: 160px;
   overflow: hidden;
   background: var(--lred);
   border-radius: 5px;
}
.workBox h2 {
   padding-bottom: 14px;
   font-size: 30px;
   font-weight: normal;
   color: #fff;
}
.workBox h2 {
   font-size: calc(0.9em + 1vw);
   line-height:36px;
   font-weight: bold;
   line-height: calc(40px + 0.32vw); /*initial;*/
}
.workBox p, .workBox p a {
   padding-bottom: 10px;
   color: #dac3c3;
/*   line-height: 24px;*/
}
.textBox p a:not(.item).geel,
.listBox a.geel,
.textBox a.geel,
.textBox a:not(.item),
.postBox a.geel, 
.textBox a.item u {	
   height: 36px;
   line-height: 24px;
   text-align: center;
   color: black;
/*   text-transform: capitalize;*/
   display: inline;
   text-decoration-line: underline;
   text-decoration-color: var(--lyellow);
   text-decoration-thickness: 3px;
   font-weight: 600;
   background: none;
   text-underline-position: under;
}
.geel.hover:hover { color:#fbb702 !important;}
.postBox a.geel:hover, .textBox a.geel:hover, .postBox a.geel:hover h3, .textBox a.geel:hover h3,  
.postBox a.readMore:hover, .textBox a.readMore:hover, .postBox a.readMore:hover h3, .textBox a.readMore:hover h3, .textBox a.item:hover u, .textBox a.item:hover strong { color:var(--lyellow);}
.headLink { text-decoration:none !important;}

.textBox a.normal {text-decoration:none;text-align:left;}

	
	
a u {
   text-decoration-line: none;
}
.textBox a:hover {
   color: var(--lyellow);
}
.textBox p a.geel {
   display: inline-grid !important;
   margin-bottom: 10px;
}
.imageBox {
   padding-top: 16px;
   width: 100%;
}
#rightCntr {
   float: right;
   width: 66%;
   overflow: hidden;
}
.bannerBox {
   padding: 50px 0px 34px 46px;
}
.bannerBox img {
   width: 90%;
   margin: 0 auto;
}
.listBox {
   padding-left: 46px;
   overflow: hidden;
}
.listBox h2 {
   padding: 25px 0;
	font-size: calc(0.9em + 1vw);
	line-height:calc(40px + 0.32vw);
   color: var(--lblack);
}
.listBox h3 {
   padding-bottom: 5px;
   font-size: 23px;
   color: #333333;
   line-height: 30px;
}
.listBox .left {
   padding-top: 0;
   width: 200px;
   float: right;
   overflow: hidden;
}
.listBox .right {
   width:68%;
   float: left;
   overflow: hidden;
   padding: 15px 0px 15px 25px;
}
.listBox ul {
   list-style: none;
}
.listBox li {
   padding: 0;
   float: left;
   width: 100%;
   margin: 5px 0;
   border-radius: 5px;
   background-color: #f1f1f1 !important;
   background-repeat: no-repeat;
   background-position: right center;
   background-size:contain;
}
.listBox li.bg {
   padding: 6px 0px 0px 1px;
   float: left;
   width: 100%;
}
.listBox li:hover a {
   color: var(--lyellow);
}
.listBox .left img {
   float: right;
}
.listBox p {
   padding-bottom: 9px;
   line-height: 25px;
   color: #606060;
   font-size: 17px;
/*   text-align: justify;*/
}
.listBox a.link {
   width: 78px;
   height: 29px;
   font-size: 9px;
   text-decoration: none;
   line-height: 24px;
   text-align: center;
   color: #fff;
   display: block;
   background: url("../images/arrow1.jpg") no-repeat;
}
.listBox a.link:hover {
   text-decoration: underline;
}
.textBox {
   padding: 0px 0px 0px 40px;
   line-height: 20px;
   color: #000;
}
.textBox li {
   padding: 0px 0px 0px 0px;
   list-style: disc !important;
   list-style-type: disc !important;
}
.textBox ul {
   padding: 0px 0px 0px 20px;
   list-style: disc;
}
.textBox h2, .laurentBox h2 {
   padding-bottom: 10px;
   margin-bottom: 9px;
   font-size: 30px;
   line-height: 32px;
   color: #333333;
   font-weight: normal;
}
.textBox h2, .laurentBox h2 {
   margin: 32px auto 20px auto; 
   font-size: calc(0.9em + 1vw);
   font-weight: bold;
}
.textBox p,
.textBox table,
.textBox table td,
.textBox li,
.textBox {
   font-size: 17px;
   line-height: 150%;
}
#page_image {
   width: inherit;
}
.textBox div {
   color: black;
}
.textBox p.last,
.centerCntr p.last,
.laurentBox p.last {
   line-height: 25px;
   color: #000;
   border-bottom: 1px solid #d3d3d3;
   clear: both;
   display:none;
}
.textBox p.last {
   margin-top: 10px;
}
.textBox h3 {
   padding-top: 2px;
   line-height: 20px;
   color: #000;
}
.laurentBox {
   padding-left: 28px;
}
/*
.laurentBox h2 {
   padding-bottom: 15px;
   margin-bottom: 7px;
   font-size: 30px;
   line-height: 22px;
   margin-top:31px;
   color: #333333;
   font-weight: bold;
   border-bottom: 1px solid #d3d3d3;
}
*/
.laurentBox p {
   padding-bottom: 13px;
   color: #000;
   line-height: 23px;
}
.laurentBox ul {
   padding: 0px 0px 15px 2px;
   list-style: none;
   border-bottom: 1px solid #d3d3d3;
   overflow: hidden;
}
.laurentBox li {
   float: left;
   margin-right: 25px;
   width:  28%;
}
.laurentBox li.bg {
   float: left;
   margin-right: 40px;
}
.laurentBox li a {
   line-height: 30px;
   color: #333;
   text-decoration: none;
   cursor: default;
   font-size:14px;
}
.laurentBox span {
   width: 48px;
   float: left;
}
.laurentBox span.gap {
   width: 52px;
   float: left;
}
.laurentBox h3 {
   height: 32px;
   line-height: 30px;
   color: #000;
   text-align: center;
   border-bottom: 1px solid #d3d3d3;
}
.highlighted {
   width: 93.5%;
   float: left;
   color: #333333;
   margin-bottom: 30px !important;
   background:#f1f1f1;
   padding:15px;
   border-radius:5px;
   
}
.highlighted .description {
   width: 70% !important;
   float: left !important;
   margin-left: 7px;
}
.highlighted h1 {
   font-size: 24px;
   font-weight: normal;
   letter-spacing: normal;
   margin-bottom: 10px;
   line-height: 32px;
}
.highlighted .image {
   width: 155px;
   height: auto; /*105px;*/
   margin-right:10px;
   margin-bottom:10px;
   float: left;
   border: 2px #630304 solid;
   text-align: center;
   overflow: hidden;
   border-radius:5px;
   margin-left:7px;
}
.highlighted .image img {
   text-align: center;
   margin: auto auto;
   width:100%;
}
#centerCntr {
   float: left;
   width: 946px;
   overflow: hidden;
}
.mapBox {
   padding-top: 23px;
   width: 100%;
   overflow: hidden;
}
.mapBox .heading {
   padding-bottom: 6px;
   width: 100%;
   float: left;
}
.mapBox h2 {
   padding: 4px 15px 2px 0px;
   float: left;
   font-size: 30px;
   line-height: 22px;
   color: #333333;
   font-weight: bold;
}
.mapBox p,
.mapBox div {
   font-size: 14px;
   line-height: 16px;
   color: #000;
}

.mapBox .bg1 {
   width: 60px;
   width: 60px;
   font-family: Verdana;
   font-size: 11px;
   color: #fff;
   height: 24px;
   text-align: center;
   color: #fff;
   border: none;
   background: #333333;
   border-right: 1px solid #999999;
}
.mapBox .bg2 {
   width: 60px;
   width: 60px;
   font-family: Verdana;
   font-size: 11px;
   color: #fff;
   height: 24px;
   text-align: center;
   color: #333333;
   border: none;
   background: #fff;
}
.mapBox .bg3 {
   width: 60px;
   width: 60px;
   font-family: Verdana;
   font-size: 11px;
   color: #fff;
   height: 23px;
   text-align: center;
   color: #333333;
   border-bottom: 1px solid #d3d3d3;
   background: #fff;
}
.mapBox .black {
   width: 27px;
   height: 29px;
   text-align: center;
   color: #fff;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #8c8c8c;
   background: #333333;
}
.mapBox .grey {
   width: 27px;
   height: 29px;
   text-align: center;
   color: #fff;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #8c8c8c;
   background: #666666;
}
.mapBox .black1 {
   width: 27px;
   height: 23px;
   text-align: center;
   color: #fff;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #8c8c8c;
   background: #333333;
}
.mapBox .red {
   width: 27px;
   height: 24px;
   text-align: center;
   border-right: 1px solid #8c8c8c;
   border-bottom: 1px solid #8c8c8c;
   background: #a91f08;
}
.mapBox .yallow {
   width: 27px;
   height: 24px;
   text-align: center;
   border-right: 1px solid #8c8c8c;
   border-bottom: 1px solid #8c8c8c;
   background: #fbb702;
}
.mapBox .green {
   width: 27px;
   height: 24px;
   text-align: center;
   border-right: 1px solid #8c8c8c;
   border-bottom: 1px solid #8c8c8c;
   background: #1f8a1d;
}
#footerCntr {
   bottom: 0px;
   left: 0px;
   height: 60px;
   width: 100%;
   max-width: 1250px;
   background: #cecece;
   margin: 0 auto;
   display: table;
   background-color: #333;
   border-radius: 10px;
   padding: 20px 0;
}
.footerlft {
   width: 75%;
   float: left;
}
.footerBox {
   margin: 0 auto;
   padding: 10px;
   font-size: 14px;
}
.footerBox .link {
   width: 100%;
   padding-left: 20px;
}
.footerBox .link ul {
   list-style: none;
   width: 100%;
}
.footerBox .link li {
   padding: 0 4px 0 4px;
   display: inline;
   background: url("../images/footer-sep.png") right no-repeat;
}
.footerBox .link li.last {
   background: none;
}
.footerBox .link li a {
   font-size: 14px;
   color: #a5a5a5;
   text-decoration: none;
}
.footerBox .link li a:hover {
   text-decoration: underline;
}
.footerBox .list {
   padding: 4px 0 0 20px;
}
.footerBox .list ul {
   padding-left: 1px;
   list-style: none;
}
.footerBox .list li {
   padding: 0 5px 0 3px;
   color: #a5a5a5;
   display: inline;
   background: url("../images/footer-sep.png") right no-repeat;
}
.footerBox .list li.last {
   background: none;
}
.footerBox .list li a {
   color: #a5a5a5;
   text-decoration: none;
}
.footerBox .list li a:hover {
   text-decoration: underline;
}
.footerBox .social {
   width: 25%;
   vertical-align: middle;
   height: 60px;
   display: table-cell;
}
.footerBox .social ul {
   padding-left: 1px;
   margin-right: 5px;
   list-style: none;
}
.footerBox .social li {
   padding: 0 1px;
   float: right;
   background: none;
   font-size: 11px;
   color: #a5a5a5;
   text-decoration: none;
}
.footerBox .social a {
   width: 17px;
   height: 17px;
}
.social img {
   width: 35px;
   display: flex;
   padding: 0 5px;
   opacity: 0.6;
}
.sitemap {
   line-height: 20px;
}
.sitemap a {
   text-decoration: none;
   color: #333333;
}
.sitemap a:hover {
   text-decoration: underline;
}
.overviewBox {
   width: 100%;
   list-style: none;
}
.overviewBox a {
   text-decoration: none;
   color: #363636;
   cursor: pointer;
}
.overviewBox a:hover {
   text-decoration: none;
}
.overviewBox a:hover .description {
   color: #a5a5a5;
}
.overviewBox li {
   width: 47%;
   float: left;
   padding: 0px 5px 0px 0px !important;
   margin-bottom: 15px;
   color: #363636;
   height: 40px;
   list-style: none;
}
.overviewBox li .left {
   width: 60px;
   float: left;
}
.overviewBox li .right {
   width: 77%;
   float: inherit;
}
.overviewBox .date {
   width: 60px;
   float: left;
   height: 100%;
   text-align: left;
}
span.date small {
   font-weight: initial;
}
.overviewBox .description,
.overviewBox .principal {
   font-weight: initial;
   float: left;
   margin-right: 7px;
   text-align: left;
   font-size:16px;
}
.lastUpdated {
   float: right;
   text-align: right;
   font-size: 11px;
}
.newsItem {
   padding: 10px;
   width: 520px !important;
}
.infoNews {
   font-size: 10px;
   width: 100px;
   float: right;
}
.overviewBox .dateNews {
   float: left;
   height: 15px;
   font-size: 11px;
   margin-top: 10px;
}
.overviewBox .readMore {
   float: right;
   height: 15px;
   font-size: 11px;
   font-weight: bold;
   color: #630304;
   margin-top: 10px;
}
.overviewBox a.readMore:hover {
   text-decoration: underline;
}
.subpages a.readMore {
   text-decoration: none;
}
.overviewBox .principal {
   font-size: 12px;
   margin-top: 3px;
   width: 100%;
}
.show_training select {
   margin-top: 2px;
   min-width: 150px;
}
.nice {
   height: 1px;
   background: #d3d3d3;
}
.infoTraining {
   font-size: 10px;
   display: block;
   margin: 10px 0;
}
.trainingItem h3 {
   font-size: 18px;
   color: #363636;
   font-weight: normal;
}
.trainingItem .back {
   font-size: 11px;
   color: #333;
}
.searchBox h3 {
   font-size: 16px;
}
.searchBox hr {
   background: #ccc;
   height: 1px;
   width: 100%;
   border: 0px;
}
.searchBox fieldset {
   border: none;
}
.searchBox input.field {
   padding: 0px 0px 0px 14px;
   width: 300px;
   height: 26px;
   float: left;
   line-height: 25px;
   color: #333333;
   border: none;
   background: url("../images/field.png") no-repeat;
}
.searchBox input.button {
   width: 24px;
   height: 26px;
   float: left;
   border: none;
   cursor: pointer;
   background: url("../images/button.png") no-repeat;
}
.comment {
   width: 100%;
   float: left;
   margin-bottom: 30px;
}
.comment_logo {
   width: 160px;
   max-height: 100px;
   padding: 3px;
   float: right;
   text-align: center;
   overflow: hidden;
}
.comment_text {
   width: calc(100% - 190px); /*400px;*/
   float: left;
}

iframe.evaluatie {
	width: 100%;
	max-width: 750px;
	margin-left: -37px;
}




a.item, a.item * { text-decoration:none;color:#000;}	
a.item:hover, a:hover.item * { text-decoration:none;color:#000;}	
a.item:hover strong { color:black !important;}