/* CSS-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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, aul, ali, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/* Global */
html { background: #fff; height: 100%; font-weight: 400; }
body { color: #43424A; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; margin-top: 125px; background: #fff; height: 100%;-webkit-text-size-adjust: 100%; }
.wrapper { display: block; margin: 0 auto; position: relative; width: auto; padding: 0; margin-bottom: 0px; z-index: 100; }
.widewrapper { width: auto; padding: 0; background: #fff; display: block; margin: 0 auto; z-index: 100; }
.ssswidewrapper.negmargin { margin-top: -20px; padding-bottom: 20px; }

.bar { width: 100%; margin: 0 auto; position: relative; padding: 20px 0 20px; }
.nomargin, .textbar.nomargin, .nomargin .col3 { margin-bottom: 0; }
.anchor { display: block; height: 40px; margin-top: -40px; visibility: hidden; }
h1, h2, h3 { color: #222222; }
h1 { font-size: 19px; font-weight: 300; }
h2 { font-size: 19px; font-weight: 300; }
h3 { font-size: 16px; margin-bottom: 10px; }
h1{background-color: rgba(0,0,0,0.5);padding:10px}

.titlebanner h3:after, .topbanner h2:after, .topbanner h1:after { border-bottom: 2px solid #fff; content: ""; left: 50%; margin-left: -35px; bottom: 0; position: absolute; width: 70px; }
a { color: #222; text-decoration: none; }
    a:hover { color: #00aae4; }

.toplinks{display:none}
.topheader .toplinks h3{text-transform:uppercase;margin-left:0;margin-bottom:0;font-weight:600}
@media only screen and (min-width: 1000px) {
   .toplinks {position:absolute;right:20px;bottom:20px;width:230px;display:block}
.topheader .toplinks h3{margin-bottom:10px}
  .toplinks >a{width:220px;display:block;padding:10px;border:2px solid #00abe4;margin-bottom:10px;color:#fff;text-decoration:none}
 .toplinks >a .sub{display:none}
}
@media only screen and (max-width: 1000px) {
.toplinks {position:absolute;left:20px;bottom:20px;display:block;width:80%}
  .toplinks >a{width:190px;display:inline-block;padding:10px;border:2px solid #00abe4;margin-right:20px;margin-bottom:10px;color:#fff;text-decoration:none}
 .toplinks >a .sub{padding-left:10px}
.toplinks >a .txt{display:none}

}

.imagebar.smallimage .fancybox,.smallimage .colbar.imagetop img{max-width:500px;margin:0 auto;display:block}
.smallimage .colbar.imagetop>div{margin:0 auto;float:none}

.morecontent span {display: none;}
.mainbar a.moretextlink,.leftbar a.moretextlink{text-align:right;display:block;color:#00a8e1;text-decoration:none;font-weight:normal}
.smalltxt{max-width:600px}
.bar.scrolltext div{height:60px;overflow:hidden;padding-bottom:50px;position:relative}
.bar.scrolltext .mainbar:after,.bar.scrolltext .leftbar:after{display:block;background:#f00;height:30px;top:90px;width:50%;content:"^";left:25%;position:absolute}

/*===== Vertical Timeline =====*/
#conference-timeline { position: relative; max-width: 920px; width: 96%; margin: 0 auto;padding:20px 0 }
    #conference-timeline .timeline-start,
    #conference-timeline .timeline-end { display: table; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 900; text-transform: uppercase; background: #00abe4; padding: 15px 23px; color: #fff; max-width: 5%; width: 100%; text-align: center; margin: 0 auto; min-width:200px}
    #conference-timeline .conference-center-line { position: absolute; width: 3px; height: calc(100% - 120px); top: 40px; left: 50%; margin-left: -2px; background: #00abe4; margin-top: 20px; margin-bgottom: 30px }
    #conference-timeline .timeline-end {width:200px}
    #conference-timeline .conference-timeline-content { padding-top: 67px; padding-bottom: 67px; }
.timeline-article { width: 100%; height: 100%; position: relative; overflow: hidden; margin: 20px 0; }
    .timeline-article .content-left-container,
    .timeline-article .content-right-container { max-width: 44%; width: 100%; }
    .timeline-article .timeline-author { display: block; font-weight: 400; font-size: 14px; line-height: 24px; color: #242424; text-align: right; }
    .timeline-article .content-left,
    .timeline-article .content-right { position: relative; width: auto; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.03); padding: 27px 25px; border-bottom: 3px solid #00abe4 }
    .timeline-article p { margin: 0; padding: 0; font-weight: 400; color: #242424; font-size: 14px; line-height: 24px; position: relative; }
        .timeline-article p span.article-number { position: absolute; font-weight: 300; font-size: 44px; top: 10px; left: -60px; color: #00abe4; display: none }
    .timeline-article .content-left-container { float: left; }
    .timeline-article .content-right-container { float: right; }
    .timeline-article .content-left:before,
    .timeline-article .content-right:before { position: absolute; top: 20px; font-size: 23px; font-family: "FontAwesome"; color: #fff; }
    .timeline-article .content-left:before { content: " "; right: -8px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; }
    .timeline-article .content-right:before { content: " "; left: -8px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; }
    .timeline-article .meta-date { position: absolute; top: 0; left: 50%; width: 62px; height: 62px; margin-left: -31px; color: #00abe4; btorder-radius: 100%; border: 3px solid #00abe4; background: #e5e4e5 }
        .timeline-article .meta-date .date,
        .timeline-article .meta-date .month { display: block; text-align: center; font-weight: 900; }
        .timeline-article .meta-date .date { font-size: 20px; line-height: 40px; text-transform: uppercase }
        .timeline-article .meta-date .month { font-size: 15px; line-height: 10px; }
/*===== // Vertical Timeline =====*/

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
    #conference-timeline .timeline-start,
    #conference-timeline .timeline-end { margin: 0; }
    #conference-timeline .conference-center-line { margin-left: 0; left: 50px; }
    .timeline-article .meta-date { margin-left: 0; left: 20px; }
    .timeline-article .content-left-container,
    .timeline-article .content-right-container { max-width: 100%; width: auto; float: none; margin-left: 110px; min-height: 53px; }
    .timeline-article .content-left-container { margin-bottom: 20px; }
    .timeline-article .content-left,
    .timeline-article .content-right { padding: 10px 25px; min-height: 65px; }
    .timeline-article .content-left:before{content:" ";left:-8px;border-left:0;border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;}
        .timeline-article .content-right:before { convtent: "\f0d9"; rivght: auto; left: -8px; }
        .dtimeline-article .content-right:before { display: none; }
#conference-timeline .timeline-start, #conference-timeline .timeline-end {text-align:left}
}

@media only screen and (max-width: 400px) {
    .timeline-article p { margin: 0; }
        .timeline-article p span.article-number { display: none; }
}
/*===== // Resonsive Vertical Timeline =====*/

/*  Header */
.topbar { background: #fff none repeat scroll 0 0; display: block; height: 105px; left: 0; overflow: visible; padding: 0; position: fixed; top: 0; width: 100%; z-index: 999; overflow-x: initial; overflow-y: initial; }
    .topbar .touch { display: none; }
    .topbar .bar { max-width: 1000px; margin-top: 10px; }
    .topbar h1, .topbar h2 { padding: 0; margin: 0px; margin-left: 20px; text-align: left; }
    .topbar .leftheader, .topbar .rightheader { width: 35%; display: inline-block; vertical-align: top; position: absolute; top: 50px; text-align: right; }
    .topbar .leftheader { left: 0; width: 60%; }
    .topbar .rightheader { right: 0; }
    .topbar .logo { display: block; background: url('../img/LCPIM logo.png') no-repeat; width: 236px; height: 57px; background-size: 236px 57px; position: absolute; left: 40px; top: 20px; }
.menuspan { position: absolute; top: 0px; text-align: right; right: 10px; }
    .menuspan a { line-height: 15px; height: 25px; padding: 0 5px; font-size: 12px; color: #333; text-decoration: none; display: inline-block; font-weight: 600; text-align:center;}
        .menuspan a.current, .menuspan a:hover, .menuspan a:first-child { }


@media only screen and (min-width: 900px) {
    .menuspan a { line-height: 15px; height: 25px; padding: 0 5px; font-size: 12px; color: #333; text-decoration: none; display: inline-block; font-weight: 600; max-width:90px;min-width:50px}
 .menuspan a:first-child,.menuspan a:last-child{width:40px}
}
.lngspan { position: absolute; right: 10px; top: 70px; }
    .lngspan a { text-transform: uppercase; float: left; padding: 5px; background-color: #00abe6; color: #ccc; text-decoration: none; margin-right: 10px; }
        .lngspan a.sp { background-color: #00b00f; }
        .lngspan a.current, .lngspan a:hover { color: #fff; }


.topbar #nav { position: absolute; right: 20px; top: 50px; z-index: 999; }
    .topbar #nav .touch { display: none; }
    .topbar #nav .menubar { display: block; margin: 0; }
        .topbar #nav .menubar li { display: inline-block; font-size: 16px; }
            .topbar #nav .menubar li a { margin: 0 7px; text-decoration: none; color: #000; text-transform: uppercase; font-size: 12px }
                .topbar #nav .menubar li a.current { bordedr-bottom: 1px solid #00abe6; color: #00abe6; }

.menuspan { position: absolute; right: 20px; top: 43px; z-index: 999; }
     .touch { display: none; }
 
            .menuspan   { margin: 0 7px; text-decoration: none; color: #000; text-transform: uppercase; font-size: 12px }
                .menuspan.current { bordedr-bottom: 1px solid #00abe6; color: #00abe6; }

/* down-arrow */
.sssarrow-wrap { position: absolute; z-index: 1; left: 50%; top: -5em; margin-left: -5em; background: #111; width: 10em; height: 10em; padding: 4em 2em; border-radius: 50%; font-size: 0.5em; display: block; }
.arrow-wrap { background: #111 none repeat scroll 0 0; border-radius: 50%; display: block; font-size: 0.25em; height: 5em; left: 50%; margin-left: -5em; margin-top: 2em; padding: 4em; position: absolute; width: 6em; z-index: 1; }

.arrow { float: left; position: relative; width: 0px; height: 0px; border-style: solid; border-width: 3em 3em 0 3em; border-color: #ffffff transparent transparent transparent; -webkit-transform: rotate(360deg); }
    .arrow:after { content: ''; position: absolute; top: -3.2em; left: -3em; width: 0px; height: 0px; border-style: solid; border-width: 3em 3em 0 3em; border-color: #111 transparent transparent transparent; -webkit-transform: rotate(360deg); }

    /* SEARCHPAGE */
#searchresult > div { margin-bottom:25px;text-align:left}
#searchresult a { text-decoration: none; color: #222; font-weight: 400; position: relative; padding-bottom: 35px; display: block; line-height: normal }
#searchresult h3 {margin-bottom:5px; font-size:19px;font-weight:600}
#searchresult .searchlink {font-size:0; display: block; color: #00abe6; position: absolute; bottom: 0px; display: inline-block; margin-top: 20px; padding: 5px 15px; border: 1px solid #00abe6; }

    #searchresult .searchlink:after { content: 'More information >'; font-size:12px}
#performsitesearch { display: inline-block; margin-left: 20px; background: #00abe6; color: #fff; padding: 3px 15px; }
.menuspan a.zoekpagina { margin-left: 10px; background-repeat: no-repeat;  top:10px; top: 2px; position: relative; width: 15px; height: 15px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E"); }

/* content : top-header*/ .topimage { min-height: 160px; overflow: hidden; position: relative; padding: 0; background: #47606d; }
.highheader.topimage{min-height: 300px;}
    .topimage img { display: block; width: 100%;margin-bottom:-6px }
    .topimage.blue, .titleback.blue { border-bottom: 10px solid #00abe6; background: #47606d }
    .topimage.green, .titleback.green { border-bottom: 10px solid #00b00f; background: #47606d }
.topimage.blueline{border-bottom: 10px solid #00abe6;}
.topimage.greenline{border-bottom: 10px solid #7ea923;}
.topimage.orangeline{border-bottom: 10px solid #f39200;}
.topbannercontainer { max-width: 1000px; width: 100%; margin: 0 auto; top: 0; text-transform: uppercase; }
.topbanner { color: #fff; overflow: initial; display: block; margin: 0 auto; max-width: 1000px; position: absolute; top: 30%; width: 100%; }
    .topbanner h3, .topbanner h2, .topbanner h1 { text-align: center; overflow: hidden; padding-bottom: 15px; }
    .topbanner h2, .topbanner h1 { color: #fff; font-size: 55px; font-weight: 300; max-width: 80%; margin-left: 40px; text-align: left; line-height: 1.1em; }
        .topbanner h2:after, .topbanner h1:after { left: 0; margin-left: 40px }
.ddtopbanner h2:after { content: ""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 1px solid #fff; }
.taaaopbanner h2:before { content: ""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-left: -100%; margin-right: 10px; border-top: 1px solid #fff; }
.sstopbanner .bannerlink { display: block; background: url('../img/toplink.png'); width: 118px; height: 104px; margin: 0 auto; margin-top: 20px; color: #fff; font-size: 20px; text-decoration: none; text-align: center; padding: 35px; }
.sstopbanner h3 { font-size: 25px; }
.topheader h3 { }
.topheader h3 { color: #fff; text-align: left; margin-left: 40px; }
.topheader img { width: 100% }
.aaatopheader.nomargin {margin-bottom: 20px;}

/* content : foto met titel */
.titleback, .titlebackfull { overflow: hidden; position: relative; padding: 0; background: #47606d none repeat scroll 0 0; magx-width: 1020px; }
    .titlebackfull.green { border-bottom: 10px solid #00b00f; background: #47606d }
    .titlebackfull.blue { border-bottom: 10px solid #00abe6; background: #47606d }
    .titleback img { display: block; width: 100%;  }
    .titleback #videoframe img { opacity: 1; }
    .titleback.nooverlay { opacity: 1 }
.titlebackfull { min-height: 300px;; }
.titlebanner { position: absolute; top: 40%; color: #fff; width: 80%; padding: 0 10%; display: block; }
    .titlebanner h3, .titlebanner h2 { text-align: center; overflow: hidden; padding-bottom: 15px; padding: 0 10%; font-size: 35px; }
    .titlebanner h3 { font-weight: 300; padding-top: 25px; text-transform: uppercase; color: #fff; }
        .titlebanner h3 strong { font-weight: 800 }
    .titlebanner h2 { padding-bottom: 25px; line-height: 30px; }
.widewrapper > h1.mediumwidth { max-witdt: 1000px; font-size: 25px; margin: 0 auto; text-align: center; font-weight: 600; text-transform: uppercase }

.proline { margin-top: 40px; text-transform: uppercase }
    .proline .lcplogoicon { width: 10px; height: 10px; display: inline-block; border: 2px solid #00abe6; margin-left: 20px; margin-right: 4px }

/* content : text*/
.doubleline{line-height:1.5}
.textbar { margin-bottom: 40px; }
.leftbar, .mainbar { display: block; padding: 0; margin: 0; font-weight: 400; }
    .leftbar.centerbar { text-align: center; width: 100%; margin: 0 auto; float: none; max-width: 1020px }
.leftbar { width: 46%; float: left; top: 0; margin-left: 2%; margin-right: 2%; }
    .leftbar .mainsubtitle { width: 100%; }

.textbar.wide .mainbar { width: 100%; max-width: 800px; text-align: center; margin: 0 auto; float: none; line-height: 30px; }
.mainbar { width: 45%; float: left; top: 0; }
    .mainbar h2 { font-size: 25px; margin-bottom: 15px; text-transform: uppercase; font-weight: 800; }
    .mainbar strong { font-weight: 600; }
    .mainbar p { margin: 0 40px; line-height: 24.75px; }
.colbar ul { text-align: left; }
.mainbar a { text-decoration: underline; font-weight: 800; color: #00a8e1 }

.col2 .leftbar, .col2 .mainbar { windth: 45%; }
.colbar h2:after { border: none; }

/* content : iamgelist */
#photoDetailpage { overflow: hidden; text-align: center; }
    #photoDetailpage.maximage .fancybox { background-color: #fff; }
    #photoDetailpage.maximage img { max-width: 1200px; }
    #photoDetailpage img { width: 100%; margin-bottom: -5px; }
    #photoDetailpage .fancybox:nth-child(2), #photoDetailpage .fancybox:nth-child(3), #photoDetailpage .fancybox:nth-child(4) { display: block; float: left; margin: 3% 3% 3% 0; width: 31%; }
    #photoDetailpage .fancybox:nth-child(4) { background-color: #00aae4; margin-right: 0; position: relative; }
        #photoDetailpage .fancybox:nth-child(4) span { display: block; }
        #photoDetailpage .fancybox:nth-child(4) > img { opacity: 0; }
.fancybox { display: none; }
    .fancybox.ImageLink { display: block; }

/* content : title */
.titlebar { padding-bottom: 0; padding-top: 40px; }
    .titlebar h2 { text-align: center; overflow: hidden; padding-bottom: 30px; text-transform: uppercase; font-size: 30px; font-weight: 400; color: #49606d; }
.titvvlebar h2 span { border-bottom: 2px solid #414042; padding-bottom: 10px; }
.tiwtlebar h2:after { content: ""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 1px solid #414042; }
.tiwtlebar h2:before { content: ""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-left: -100%; margin-right: 10px; border-top: 1px solid #414042; }
.titlebar h2::after { border-bottom: 2px solid #49606d; bottom: 0; content: ""; left: 50%; margin-left: -35px; position: absolute; width: 70px; }

/* content : imageheader */
.imagebar { overflow: hidden; }
    .imagebar div { float: left; width: 50%; position: relative; }
        .imagebar div img { width: 100%; display: block; border: 1px solid #fff; }
    .imagebar span { position: absolute; left: 0; bottom: 0; height: 35px; width: 350px; background: #424242; color: #fff; padding: 10px; margin-left: 1px; }
        .imagebar span h4 { font-weight: 800; }
    .imagebar.col3 div { width: 32%; }
.blue, .green { padding-bottom: 3px }
.blue { background: #00abe6; }
.green { background: #00b00f; }
.ddparallax { height: 300px; }

.fancybox { }
    .fancybox img { opacity: 1; width: 100%; }
    .fancybox span { position: absolute; text-align: center; width: 100%; left: 0; top: 25%; font-size: 3vw; color: #fff; display: none; }
.gray { position: absolute; top: 0; left: 0; }
    .gray:hover { opacity: 0; }

/* content : columns*/
.colbar, .textbar { overflow: hidden; max-width: 1020px; }
    .colbar.fullwidth, .textbar.fullwidth { max-width: 6000px }
    .colbar > div , .colbar > a{ padding: 2%; margin: 1%; float: left; position: relative; text-align: center; }
        .colbar > div:last-child { display: none; }
    .colbar.col2 > div { width: 45%; line-height: 24.75px; padding: 0; height: auto }
        .colbar.col2 > div:nth-child(odd) { margin-left: 0;clear:both }
        .colbar.col2 > div:nth-child(even) { margin-right: 0; float: right; }
    .colbar.col3 > div ,.colbar.col3 > a{ width: 27%; margin: 1%; }
.height_IDnieuws > div { line-height: 24.75px; }
.cssolbar.col3 > div:first-child ,.colbar.col3 > a:first-child{ margin-left: 0; }
.colbar.col3 > div:nth-child(3n),.colbar.col3 > a:nth-child(3n) { margin-right: 0; }
.colbar.col4 > div, .colbar.col4 > a { width: 19%; }
    .colbar.col4 > div:first-child, .colbar.col4 > a:first-child { margin-left: 0; }
    .colbar.col4 > div:nth-child(4n), .colbar.col4 > a:nth-child(4n) { margin-right: 0; }
.colbar.col4 .team { height: 20em }
.colbar.imagetop img { width: 100%; }
.colbar.imagetop h2 { margin-top: 18px; }
.colbar.imageleft img { width: 30%; float: left; margin-right: 5%; }
.imagetop_wide img { width: 122%; position: relative; margin-left: -11%; margin-top: -11%; }
.col2 > div, .col3 > div, .col4 > div { text-align: left; line-height:1.5}
    .col2 > div > h2, .col3 > div > h2, .col4 > div > h2 { margin-bottom: 8px; }
h2 { font-weight: 600; }
.maintitle, .mainsubtitle { font-size: 30px; line-height: 33px; font-weight: 300; padding-top: 30px; display: block; text-transform: uppercase; margin: 0 auto; width: 70%; text-align: center; }
.mainsubtitle { font-size: 25px; line-height: 27.5px; }
.team { }
    .team .teammouseover { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
        .team .teammouseover .linkedinlink { background: url("../img/linkedin.png"); width: 60px; background-size: 120px 60px; height: 60px; backgffround: #f00; position: absolute; display: block; margin: -30px 0 0 -30px; position: absolute; top: 50%; left: 50%; }
            .team .teammouseover .linkedinlink:hover { background-position: -60px 0 }
    .team .teamlistimg { position: relative; }
        .team .teamlistimg:hover .teammouseover { display: block; }
        .team .teamlistimg img { width: 100%; }
    .team span, .team a { display: block; line-height: 20px; }
.col4.team h2 { margin-bottom: 2px; height: 35px; line-height: 16px; font-size: 15px; margin-top: 10px; padding-bottom: 0 }
.team .function { height: 50px; color: #00abe4; font-size: 13px }
.team a { color: #00abe4; font-size: 11px }
.team .biography { background-color: rgba(0, 0, 0, 0.6); text-transform: uppercase; position: absolute; bottom: 30px; width: 105px; border: 2px solid #00abe4; text-align: center; margin: 0 auto; left: calc(50% - 52px); color: #fff; font-weight: 600; }

.imagebar.col3, .imagebar.col2, .imagebar.col1 { max-width: 1020px; margin: 0 auto; }
.imagebar.col1 .fancybox{width:100%}

.height_IDcase .case { height: 200px; text-align: center }

.case .caselistimg .partnerlogo { position: absolute; left: 0; top: 0 }
    .case .caselistimg .partnerlogo:hover { opacity: 0 }
.caselistimg.blue img { border-bottom: 10px solid #00abe6; background: none }
.caselistimg.green img { border-bottom: 10px solid #00b00f; background: none }


/* teambar */
.col2.teambar { width: 96%; }
    .col2.teambar h2, .col2.teambar h3 { font-size: 26px; color: #00abe4; position: relative; text-transform: uppercase; height: 0.5em; border-bottom: 1px solid #00abe4; margin-bottom: 25px; }
        .col2.teambar h2 span, .col2.teambar h3 span { background: #fff; padding-right: 20px; }
    .col2.teambar h3 { font-size: 16px; font-weight: 800; height: 1em; }
    .col2.teambar .teamimg img { width: 100%; }
    .col2.teambar > div { width: 49%; }
    .col2.teambar .email { color: #00abe4; display: block; padding-top: 30px; }
    .col2.teambar .telephone { display: block; }

/* imagebar*/
.imagebar { }
    .imagebar .fancybox { display: inline-block; width: 32%; margin-right: 1%; margin-bottom: 1%; }
        .imagebar .fancybox img { margin-bottom: -5px; }
    .imagebar.col2 .fancybox { width: 49.5% }
 .imagebar.col2 .fancybox:nth-child(2n){margin-right:0}

/* keybenefits */
.colbar.imagetop.height_IDkeybenefits h2 { color: #00abe4; margin-bottom: 5px; font-size: 16px; font-weight: normal; height: 35px; margin-top: 0 }
.colbar.imagetop.height_IDkeybenefits div { margin-right: 0; padding: 0 2% }
.colbar.imagetop.height_IDkeybenefits > div:nth-child(3n+1) { clear: both }

/* news */
.colbar.col3.news > a, .colbar.col3.newsshort > a,.colbar.col3.careershort > a { width: 30%; padding: 0; float: left; margin-left: 1%; border-bottom: 10px solid #00abe6; min-height: 400px; position: relative }
    .colbar.col3.news > a::after, .colbar.col3.newsshort > a::after, .colbar.col3.careershort > a::after  { content: ">"; position: absolute; right: 20px; bottom: 10px; font-size: 20px; color: #00abe6 }
    .colbar.col3.news > a > span, .colbar.col3.newsshort > a > span , .colbar.col3.careershort > a > span{ padding: 20px 10px; display: block }
.colbar.col3 { width: 96%; }
.newsdetail .mainbar { width: 96%; max-width: 600px; margin: 0; float: none ;text-align:justify;margin-left:2%}

.quoteline {width:100%;max-width:600px;padding:15px 70px;display:inline-block;position:relative;font-size:17px}
.quoteline:before,.quoteline:after{content:"\201C";position:absolute;left:0px;top:0;font-size:120px;font-family:Times New Roman;color:#fff}
.quoteline:after{content:"\201D";left:auto;right:0px;}

/* newslist */
.news, .newsshort, .careershort  { cldear: both; width: 96%; disdplay: block; margin-bottom: 30px; mardgin-left: 2% }
    .news:hover, .newsshort:hover, .careershort:hover { color: #333 }
    .news .newslistimg, .newsshort .newslistimg, .careershort .newslistimg { width: 100%; float: right; margin-left: 10px; margin-bottom: 20px }
        .news .newslistimg img { width: 100% }
.height_IDnews, .height_IDavailable, .height_IDcase { padding-top: 40px }
.height_IDnews .caselistimg{border:none}
.newslist .caselist ,.careerlist .caselist { margin: 1% 3%; margin-left: 3%; width: 96%; clear: both; display: block;}
.col1.newslist .caselist,.col1.careerlist .caselist{text-align:left }
    .newslist .caselist .caselistimg,  .careerlist .caselist .caselistimg  { width: 33.3%; margin: 10px 0 0 20px; vertical-align: top; float: right; }
.caselist .detaillink { display: inline-block; margin-top: 20px; padding: 5px 15px; border: 1px solid #00abe6 }
.newsdetail .ImageLink { float: right; width: 33%; top: 0 ;margin-left:20px}

/* casebar */
.colbar.col2 { width: 96%; }
.case, col2.case > div { display: block; text-align: center }
    .case h2 { font-size: 15px; margin-top: 10px; }
    .case .caselistimg img { display: block; margin: 0 auto; }
    .case .linkcase { background-color: #47606d; color: #fff; display: block; mfargin: 0 auto; text-align: center; width: 200px; display: inline-block; margin: 20px 0; padding: 5px; position: absolute; left: 0; bottom: 0; width: 100% }

.caselistimg img { width: 100%; margin-bottom: -3px }
.case > span { padding-left: 10px; text-align: left; display: block; margin-top: 10px; color: #00abe6 }
.case h3 { margin: 0; font-weight: 600 }

/* 3col textbar*/
.col3.text { }
    .col3.text h3 { margin-bottom: 5px; color: #00abe4; }

/* footer */
.footer { background: #47606d; color: #fff; font-size: 11px; padding: 10px 0; }
    .footer a { color: #fff; text-decoration: none; }
    .footer .footer_left { background: rgba(0, 0, 0, 0) url("../img/spot.png") no-repeat scroll 0 0 / 60px 30px; left: 20px; line-height: 29px; padding-left: 65px; position: absolute; top: 20px; }
    .footer .footer_center { height: 42px; line-height: 17px; margin: 0 auto; position: relative; width: 282px; text-align: center; }
    .footer .footer_right { position: absolute; right: 20px; text-align: right; top: 20px; width: 150px; line-height: 29px; }

/* CLIENT SPECIFIC*/
.morelink { text-transform: uppercase; text-decoration: none; color: #00abe4; padding: 5px 30px; border: 2px solid #00abe4; display: inline-block; margin: 0 auto; font-size: 14px; font-weight: 600 }
.height_IDnieuws { margin-top: 20px; }
.height_IDservices > div,.height_IDtwopart>div { text-align:center}
.height_IDservices.colbar.imagetop img {width:60%}


.height_IDeigenschappen > div { height: 340px; }
.height_IDnieuws > div { height: 650px; }
.colbar.col2.height_IDpartners > div { height: auto; line-height: normal; text-align: left }
.lightgray { background-color: #e5e4e5; color: #333; opacity: 1 }
    .lightgray > div > a { background: #fff }
.darkblue { background-color: #4b616e; color: #111; }
.darkblue a{color:#fff;text-decoration:underline}
.textbar.darkblue { width: 100%; magx-width: 6000px }
    .textbar.darkblue .leftbar { max-width: 1020px; float: none; color: #fff; margin: 0 auto;margin-left:10px }
.col2.textbar.darkblue .leftbar { float: left }
.aaaaatextbar.darkblue .leftbar.centerbar { max-width: 800px;margin-left:0 }
.widewrapper.darkblue .colbar.col3 > div, .widewrapper.darkblue h3 { color: #fff; margin-bottom: 5px; }
.widewrapper.darkblue h3 { font-weight: 600; text-transform: uppercase }
.darkgray, .colbar .darkgray { background-color: #555; color: #fff; }
    .darkgray a { color: #fa301b; }
    .darkgray input { background: #ddd; }
    .darkgray .SubmitButton { color: #fff; background: #fa301b; border: none; width: 100%; line-height: 25px; }
.mceItemTable input { border: medium none; margin-left: 10px; margin-top: 3px; width: 100%; }
.infolink { background-color: #434343; bottom: 20px; color: #fff; left: 20%; line-height: 25px; position: absolute; text-align: center; text-decoration: none; width: 60%; }
.youtube, .linkedin { font-size: 12px; fill: #fff;display: inline-block; margin-right: 20px; width: 30px }
.teambar .linkedin{fill: #00abe4; }
.footerlinks a { color: #fff; line-height: 30px; border-bottom: 1px solid; display: block; text-decoration: none }
.col2 .mainbar { margin-left: 5% }
.adreslist { }
    .adreslist, .adreslist a { text-decoration: none; color: #333; font-weight: 800; }
        .adreslist td { line-height: 45px; height: 45px; vertical-align: middle; margin-bottom: 5px; }
        .adreslist .phone, .adreslist .website, .adreslist .mail { display: block; width: 60px; height: 45px; background: url("../img/stip.png") no-repeat; background-size: 40px 135px; }
        .adreslist .phone { background-position: 0 -0px; }
        .adreslist .website { background-position: 0 -90px; }
        .adreslist .mail { background-position: 0 -45px; }
.socialbar { width: 600px; max-width: 100%; margin: 0 auto; }
    .socialbar a { background: rgba(0, 0, 0, 0) url("../img/social_icons.png") repeat scroll 0 0; display: block; float: left; height: 122px; width: 122px; margin-right: 20px; }
    .socialbar .youtube { background-position: -230px 0; }
    .socialbar .facebook { background-position: -50px 0; }
    .socialbar .googleplus { background-position: -410px 0; }
    .socialbar .instagram { background-position: -580px 0; }
.height_IDApproachInvest, .height_IDApproachIOccupier { width: 96%; }
   .height_IDApproachInvest h3, .height_IDApproachIOccupier h3 { margin-bottom: 5px; color: #00abe4; text-transform: uppercase }
    .height_IDApproachInvest > div, .height_IDApproachIOccupier > div { width: 26%;  text-align: left }

.caselistimg { border: 1px solid #ccc;  }
.ddparallax.blueline { border-bottom: 10px solid #00abe6; }
.lowmargin{margin-bottom:20px}

.wrapper.bordertopgray{margin-top:-20px;border-top:solid 20px #e5e4e5}
.caselistimg.blueline img, .textbar.orangeline { border-bottom: 10px solid #00abe6; }
.caselistimg.greenline img{ border-bottom: 10px solid #7ea923;}
.caselistimg.orangeline img{border-bottom: 10px solid #f39200; }
.orangeline imgsss, .textbar.orangeline,.paddrallax.orangeline { border-bottom: 10px solid #f39200; }
.greenline imgsss, .textbar.greenline, .pardallax.greenline { border-bottom: 10px solid #7ea923; }

.textbar h3 { text-transform: uppercase ;color:#00abe4}
h3 .titlenumber { margin-left: -30px; width: 20px; border: 1px solid #00abe4; display: inline-block; text-align: center; margin-right: 8px }
h3 .country { margin-left: -40px; width: 30px; border: 1px solid #fff; display: inline-block; text-align: center; margin-right: 8px }
.simpleheader h3 { background: #47606d; padding: 20px 40px; width: auto; margin: 0 auto; display: inline-block; position: relative; left: calc(50% - 175px) }
.titlebanner.simpleheader { width: 100%; padding: 0 }
    .titlebanner.simpleheader h3::after { border: none }
.titleback.nooverlay img { opacity: 1 }
.lcppicon { background: url("../img/lcp_picon.png") no-repeat; background-size: 23px 31px; height: 31px; width: 23px; display: inline-block; margin-right: 15px; top: 4px; position: relative }
.caselist h2{padding-bottom:5px}
.colbar.col3.height_IDlocations > div { margin-left: 30px; width: calc(28% - 30px) }


.colbar.col2.height_IDApproachInvest>  div:nth-child(2n+1){margin-left:40px}

@media only screen and (max-width: 900px) {
    .topbar .touch { background: #efeeed none repeat scroll 0 0; color: #000; display: block; font-size: 13px; height: 35px; line-height: 35px; opacity: 0.7; padding-left: 10px; position: absolute; right: 20px; text-transform: uppercase; top: 40px; width: 70px; }

    .menuspan { display: none; position: absolute; top: 95px; width: 100%; z-index: 9999; right: 0; margin:0}
        .menuspan a { padding: 0; left: 0px; display: block; top: 160px; line-height: 40px; height: 40px; padding-right: 20px; background: #00abe4;color:#fff }
}

@media only screen and (min-width: 750px) {
    .col3 > div:nth-child(3n+1) ,.colbar.col3 > a:nth-child(3n+1){ clear: both }
}
/*  SCALING RESOLUTIONS  */
@media only screen and (max-width: 1000px) {
.topbanner h1 {font-size:48px}
.topbanner{top:10%}
}
/*  SCALING RESOLUTIONS  */
@media only screen and (max-width: 1000px) {
    .height_IDpartners > div { height: 590px; }
    .height_IDlocatie > div { height: 300px; }

}
/* specific for image headers - scale upto 750px and then center*/
@media only screen and (max-width: 749px) {
    .topimage img, .titleback img { width: 750px; display: block; left: 50%; margin-left: -375px; position: relative; }
.colbar.col3 > a:nth-child(2n+1){clear:both}
.colbar.col3 > a{width: 44% }
}
/* make sure menu bar is centralized*/


@media only screen and (max-width: 700px) {
    .lngspan { top: 13px; right: 100px; }
.quoteline{padding:0}
.quoteline:before,.quoteline:after{display:none}
}

@media only screen and (max-width: 850px) {
    .topbanner h2 { font-size: 35px; }
    .topbanner h3 { font-size: 18px; }
}

/* Note: Design for a width of 768px */
@media only screen and (max-width: 769px) {
    .wrapper, .imgwrapper { width: 100%; min-width: 150px; }
    .topbanner { top: 10% }
    /* menu*/

    .ldeftbar { display: none; }
    .mainbar, .leftbar { width: 90%; margin-left: 5%; }
    .imagebar div { width: 100%; }

    .titlebanner { width: 90%; padding: 0 5%; }
    .colbar.col4 > div { width: 45%; }
        .colbar.col4 > div:nth-child(odd) { margin-left: 0; }
        .colbar.col4 > div:nth-child(even) { margin-right: 0; float: right; }
    .topbar .rightheader { display: none; }
    .topbar .leftheader { width: 100%; }

    .height_IDpartners > div { height: 500px; }
    .colbar.col3 > div { width: 40%; }
        .colbar.col3 > div:nth-child(odd) { margin-left: 0; }
    .height_IDeigenschappen > div { height: 420px; }
    .aatopbar .logo { width: 366px; height: 30px; background-size: 366px; top: 15px; }
    .colbar.col3.team > div { padding-top: 0; }
    .team .teammouseover { display: block; position: relative; background: rgba(230, 230, 230, 0.7) none repeat scroll 0 0; height: 60px; margin-top: -5px; }
        .team .teammouseover .linkedinlink { background: url("../img/linkedin.png"); background-size: 60px 30px; width: 30px; height: 30px; margin: -15px 0 0 -15px; }
            .team .teammouseover .linkedinlink:hover { background-position: -30px 0 }
    .colbar.col4 .team { height: 34em }

    .team .function { height: 30px }
    .colbar.imagetop.height_IDkeybenefits > div:nth-child(3n+1) { clear: none }
    .colbar.imagetop.height_IDkeybenefits > div:nth-child(2n+1) { clear: both }
    .colbar.col3.news > a { width: 45% }
    .textbar.darkblue { width: 96% }
.height_IDApproachIOccupier>div{width: calc(96% - 30px);    margin-left: calc(2% + 30px);}
.topbanner h1{font-size:40px}

}


@media only screen and (max-width: 600px) {
.topbanner h2{font-size:31px}
    .colbar.col3 > div,.colbar.col3 a { width: 96%;margin-left:2% }
.wrapper.bordertopgray{margin-top:0}
    .colbar.col2 > div, .colbar.col3 > div, .colbar.col4 > div,.colbar.col3.news > a { width: 96%; float: left; height: auto !important; }
 .colbar.col3.newsshort > a ,.colbar.col3.careershort > a{width:100%}
        .colbar.col2 > div:nth-child(even), .colbar.col3 > div:nth-child(even), .colbar.col4 > div:nth-child(even) { float: left; margin-left: 0; }
   .height_IDApproachInvest>div,.colbar.col3.height_IDApproachIOccupier>div,.colbar.col3.height_IDlocations > div{ width: calc(96% - 30px);margin-left:calc(2% + 30px) }
.colbar.col4 > div, .colbar.col4 > a{width:48%;margin-left:1%}
    .mainbar { width: 96%; margin-left: 2%; }
    .colbar.col3.height_IDpartners > div { padding-top: 0; }
    .imagetop_wide img { position: relative; }
    .titlebanner h3 { font-size: 25px; }
    .titlebanner h2 { font-size: 25px; }
    .imagetop_wide img { margin: 0; padding: 0; width: 100%; }
    .height_IDlocatie > div { height: 500px; }
    .case, col2.case > div { height: auto; }
    .colbar.col3.news > div { width: 96%; }
    .dddcase .linkcase { margin: 20px 0 0 0; position: relative; left: initial; display: inline-block; }
    .caselist .caselistimg { float: none; width: 100%; margin-left: 0; margin-bottom: 5px }
    .colbar.imagetop.height_IDkeybenefits div { min-height: 0; margin-bottom: 10px }
    .colbar.imagetop.height_IDkeybenefits h2 { height: auto }
    .case .linkcase { position: relative; }
    .colbar.col3.news > a { width: 100% }
    .newslist .caselist .caselistimg , .careerlist .caselist .caselistimg { width: 98%; display: block; float: none; margin: 0 }
    .textbar { width: 96%; margin: 0 2% }
    .newsdetail .ImageLink { width: 100%; display: block }
    .height_IDApproachInvest, .height_IDApproachIOccupier { width: 96% }

.colbar.col4 > div, .colbar.col4 > a{width:45%}
.height_IDcase.colbar.col4 .case{height:auto;width:94%}
.topbanner h1{font-size:30px}
}

@media only screen and (max-width: 500px) {
.toplinks{display:none}
    body { margin-top: 80px; }
    .footer_left, .footer_right, .topbar .leftheader { display: none; }
    .topbar { height: 80px; }
    .topfbar .touch { left: 20px; top: 10px; }
    .menuspan { top: 65px; }
    .topbar #nav { top: 30px }
        .topbar #nav .menubar { top: 35px }
    .topbar .logo { background-size: 118px 29px; background-size: 118px 29px; top: 20px }
    .topbanner { top: 5%; }
        .topbanner h2 { font-size: 27px; }
}