/* ----------------------------   reset   ----------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

/* ----------------------------   basic    ---------------------------------- */

.clear {clear:both; font-size:0px; line-height:0px; height:0px;}
div.val, input.val {display:none;}
strong {font-weight:700;}
html, body {height: 100.1%; margin:0; padding:0;}
.last {margin-right:0;}

/* ----------------------------    general   -------------------------------- */

body {background:#f5f5f5 url(images/bg.jpg) top center no-repeat; font-family: "Trebuchet Ms", Arial, Verdana, "Lucida sans Unicode", sans-serif; color:#696868; width:100%;}
#home {background:#dcdcdc url(images/bg_home.jpg) top center no-repeat;}
#euroinox {background:#f5f5f5 url(images/bg_euro_inox.jpg) top center no-repeat;}

#topcontainer {margin:0px auto; width:980px; text-align:left;}
#header-left {float:left; width:230px;}
#logo {display:block; width:230px; height:250px;}
#vca {display:block; width:230px; margin-top:50px;}
.cert {display:block; width:155px; margin: 0 auto; margin-top:25px; padding: 3px; border-radius: 10px; border: 2px solid #0071be; background: white}
.cert > img { width: 100%; height: auto; }
#header-right {float:left; width:750px;}
#header-top {width:750px; height:81px; overflow:none; }
#social {float:right; padding:0 20px 0 50px;}
ul#langlist li {float:right;}
ul#langlist li a {display:block; height:28px; width:30px; line-height:28px; text-decoration:none; color:#fff; text-align:center; font-size:0.825em;}
ul#langlist li a#currentlang {background:url(images/lang.jpg) top left repeat-x; color:#1269bf;}


#hometext, #content {padding:60px 0 40px 90px; display:block;}


#content ul.regular {}
#content ul.regular li {font-size:0.825em; line-height:170%; margin-bottom:10px;  padding-left: 1.6em; background:url(images/bullet.png) 0 7px no-repeat;}
#content ul.regular li a {color:#0f71d3;}
#content ul.regular li a:hover {color:#01417d;}

#content p a {color:#0f71d3;}
#content p a:hover {color:#01417d;}


#homebarcontainer {clear:both;}
#homebar {margin:0px auto; width:980px; text-align:left;}
#homebuttonscontainer {background:#f5f5f5; padding-top:40px; clear:both;}

#homevideo {width:530px; height:390px; display:block; overflow:none; padding: 0 0 40px 90px;}
#homevideo img {display:block; border:1px solid #c4c4c4;}

ul#headlinelist {width:450px; overflow:auto;}
ul#headlinelist li {background:url(images/headlines.png) bottom right no-repeat; margin-bottom:20px;}
ul#headlinelist li a {display:block; width:430px; height:65px; line-height:50px; padding-left:20px; text-decoration:none; color :#696868; font-size:0.9em;}
ul#headlinelist li a span {color :#0f71d3; font-size:0.75em; float:left; width:80px;}
ul#headlinelist li a:hover {color :#696868;}



ul#realisatielist {padding-top:40px;}
ul#realisatielist li {float:left; margin:0 40px 45px 0; text-align:center;}
ul#realisatielist li.last {margin-right:0px;}
ul#realisatielist li a {display:block; text-decoration:none; background:#d9dbdb; border:2px solid #fff; width:180px; height:180px; line-height:180px;}
ul#realisatielist li a img.landscape {vertical-align:middle;}
ul#realisatielist li a:hover {}




#footercontainer {background:#ffffff url(images/bg_footer.jpg) top center no-repeat; }
#footercontainer2 {background:#ffffff url(images/bg_footer_euro_inox.jpg) top center no-repeat; }
#footer {margin:0px auto; width:980px; text-align:left; padding:70px 0 30px 0;}


/* ----------------------------   styles   ---------------------------------- */

h1 {font-size:1.4em; color:#0f71d3; margin-bottom:40px;}
h2 {font-size:1.1em; color:#0f71d3; margin:40px 0;}
p {font-size:0.825em; line-height:1.9em;  margin-bottom:20px; }

@font-face {
    font-family: 'DaxRegular';
    src: url('font/dax-regular-webfont.eot');
    src: url('font/dax-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dax-regular-webfont.woff') format('woff'),
         url('font/dax-regular-webfont.ttf') format('truetype'),
         url('font/dax-regular-webfont.svg#DaxRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.Dax {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DaxRegular', sans-serif; }

p.credits {float:right;}
#footer p {line-height:210%;}
#footer p a {color:#0f71d3; }

/* ----------------------------     nav      -------------------------------- */

ul#navlist {height:96px; width:750px; display:block;}
ul#navlist li {float:right;}
ul#navlist li a {display:block; height:96px; line-height:96px; padding:0 20px; text-decoration:none; color:#fff; text-align:center; font-size:0.825em; text-transform:uppercase;}
ul#navlist li a#currentpage {background:url(images/nav.jpg) top left repeat-x;}


ul#subnavlist {margin:70px 0 70px 10px; width:200px;}
ul#subnavlist li a {text-decoration:none; border-bottom:1px solid #bfbfbf; display:block; line-height:40px; color:#737272; font-size:0.9em; text-align:center;}
ul#subnavlist li a:hover {border-bottom:1px solid #403f3f; color:#403f3f;}
ul#subnavlist li a#currentsubpage {text-decoration:none; border-bottom:1px solid #0f74d8; color:#0f74d8;}


/* -------------------------     contact    --------------------------------- */


#contactform {}
#contactform fieldset {background:#f5f5f5; font-size:0.75em; padding:15px; margin-bottom:50px;}
#contactform label {color:#777777;}
#contactform input {border:1px solid #fff; background:#dbdbdb; margin:0 20px 6px 0; width:250px; padding:5px; color:#707070; font-family: "Lucida sans Unicode", Arial, "Trebuchet MS", sans-serif; font-size:1em;}
#contactform input.formbutton {background:#0f71d3; color:#fff; padding:3px 10px; width:170px; margin-top:25px; font-size:1em;}
#contactform textarea {border:1px solid #fff; background:#dbdbdb; width:550px; height:100px; padding:10px; overflow:auto; color:#707070; font-family: "Lucida sans Unicode", Arial, "Trebuchet MS", sans-serif; font-size:1em;}
		


/* ----------------------------     overlay   ------------------------------- */


#lean_overlay {
    position: fixed;
    z-index:1000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#modalbox1, #modalbox2, #modalbox3 {

     width: 444px;
     padding: 40px;
     display:none;
     background: #000;
     border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
     box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#modalbox1 h3, #modalbox2 h3, #modalbox3 h3 {font-size:1.25em;  color:#fff; line-height:200%; margin-bottom:25px;}

#modalbox1 p, #modalbox2 p, #modalbox3 p {font-size:0.75em; line-height:200%; color:#8c8c8c;}
#modalbox1 p a, #modalbox3 p a, #modalbox3 p a {color:#8c8c8c;}
#modalbox1 p a:hover, #modalbox2 p a:hover, #modalbox3 p a:hover {color:#fff;}

.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../img/modal_close.png); z-index: 2; }

iframe {z-index:500;}
#video-player-flash	{z-index:500;}

.flex-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
}

.flex-column > img {
  margin: 0 auto;
}

.certificate > h2,
.certificate > p {
  margin: initial;
}

.certificate > h2 {
  margin-top: 1.5rem;
}

.certificate > img {
  width: 100%;
  max-width: 500px;
}

#content ul.regular {
  margin-left: 1rem;
}

#content ul.regular li {
  padding-left: 1rem;
}