html, body{
	margin: 0;
	padding: 0;
    background-color:#efefef;
    font-family: 'Ubuntu', sans-serif;
	color:#333;}
/*
header,
aside,
footer,
.bottom{
    word-spacing: -0.245em;}
.blok{
    display:inline-block;
    vertical-align:top;
    word-spacing:normal;}
*/

.flex_container{
    display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
/*
	-webkit-align-items: flex-start;
	align-items: flex-start;
*/
}
.flex_item{
    -webkit-flex: 1 auto;
    flex: 1 auto;}

	.width50{
		width:50%;
		margin: auto;
	}

/* ::::: TYPO :::::: */

h4 a{
	color:#333;
	text-decoration: none;}
h4 a .fa-arrow-right{
	display:inline-block;
	float:right;
	color:#ECB500;}
h4 a:hover .fa-arrow-right{
	color:#333;}

h1{
    font-size:1.7em;
    font-weight:300;
    line-height:1.3;}
    h1 span{
        color:#fdc400;
        font-weight:400;}
		h1 span.versienr{
			font-size:12px;
			float:right;
		}
@media (min-width : 600px) {
	h1{
		font-size:1.7em;}
}
@media (min-width : 800px) {
	h1{
		font-size:2.1em;}
}


h2{}
h3{
    font-size:1.6em;
    font-weight:500;
    line-height:1.3;
    margin:0.15em 0;}

@media (max-width : 450px) {
    .place h3{
        font-size:1.3em;}
}

h4{}
	.place h4{
		padding:15px 0 0 0;
		margin:0;}
	.place p{
		margin:5px 0;}
	.boxes h4{
		margin:0;
		padding:5px 0 0 0;}
		h4 .yellow{
			color:#D9A700;}
p, .adres{
    font-weight:300;
    line-height:1.7;}
    aside p{
        font-size:0.85em;
        font-weight:400;}
    aside a.more{
        font-size:0.9em;
        font-weight:500;
        color:#D9A700;
        text-decoration:none;}
	.boxes p{
		margin:5px 0 0 0;}
.tooltip{font-size:0.8em;}

.credentials .address p,
.credentials .contacts p{
    font-size:0.75em;
    font-weight:400;}
.credentials .address p span{
    font-weight:700;}
.credentials .contacts p span{
    font-weight:700;
    color:#d9a700;}
.credentials .contacts p a{
    color:#000;
    text-decoration:none;}
.credentials .contacts p a:hover{
    color:#d9a700;}
.bottom{
    font-size:0.75em;
    color:#777;}
.bottom a{
    line-height:1;
    color:#777;
    text-decoration: none;}

/* ::::: SECTIONS ::::: */

.container{
	width:100%;
    min-height:500px;
    margin: auto;
    position:relative;
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);}
header{
    width: 100%;
	background-color:#000;}
.header{
    margin:0 20px;
    padding:0;
    overflow:visible;
    position:relative;
    height:130px;
    z-index:999;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
/*	justify-content: space-between;*/
    background-color:#000;}
header .logoblok{
        max-width:125px;}
    .header .pom{
        background-color:#fdc400;
        width:125px;
        max-width:125px;
        height:110px;
        padding-top:20px;}
        header .pom .logo{
            background-color: #fff;
            border-radius:50%;
            width:90px;
            height:90px;
            margin:0 auto;}
            header .pom .logo a{
                display:block;
                height:100%;
                width:100%;
                position:relative;}
                header .pom .logo a img{
                    width:80%;
                    margin:auto;
                    position: absolute;
                    top:0%; right:0%;
                    bottom:0%; left:0%;}
    header .vlaams-brabant{
        min-width:100px;
        max-width:100px;
        height:130px;}
        header .vlaams-brabant .asterix{
            width:100%;
            height:100%;}
            header .vlaams-brabant .asterix a{
                display:block;
                height:100%;
                width:100%;
                position: relative;}
                header .vlaams-brabant .asterix a img{
                    max-width:75px;
                    margin:auto;
                    position: absolute;
                    right:0;
                    left:0;
                    bottom:10px;}

		header .socials .flex_container{
			justify-content:flex-end;}
			header .socials .flex_container a{
				text-align: center;
				line-height: 45px;
				display:block;
				width: 40px; height:40px;
				align-self:flex-end;}
				header .socials .flex_container a .fa{
					color:#fff;
					font-size:25px;}

	.navigatie .nav_toggle{
		display:block;
		color:#fff;
        height:130px;
		line-height: 170px;
		font-size:2.0em;
		text-align: left;
		padding-left: 20px;
        z-index:9999;}
        .header .nav_toggle a{
            height:130px;
            cursor:pointer;}
    .navigatie .menu{
        display:none;
        background-color:rgba(0,0,0,0.85);
		position:absolute;
		left:0;
		right:0;}
	.header nav{}
        header nav ul{
            padding:0;
            margin:0;
            list-style:none;}
            header nav ul li{
                padding:0 10px;
                margin:0;}
                header nav ul li a{
                    padding:0 10px;
                    display:block;
                    color:#fff;
                    height:50px;
                    line-height:50px;
                    font-size:1em;
                    font-weight:300;
                    color:#bbb;
                    text-decoration: none;
                    border-left:3px solid #000;}
                header nav ul li a:hover{
                    border-left:3px solid #fff;
                    color:#fff;}
                header nav ul li a.active{
                    border-left:3px solid #fdc400;
                    background-color: #121212;
                    font-weight:500;
                    color:#fff;}
.clearfix{
    height:00px;
    background-color: #000;}
main{
    z-index:1;
    align-items:stretch;}

    main .intro{
        flex: 1 0 100%;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        background-color:#000;
    	background-blend-mode: luminosity;
        position: relative;}
        main .intro::before{
            content: "";
            background-color:rgba(0,0,0,0.65);
            width:100%;
            height: 100%;
            position:absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index:9;}
        main .intro article{
            position: relative;
            margin:80px 20px;
            min-height:300px;
            color:#fff;
            z-index:99;}
        main .intro article h1,
        .fiche .fiche_intro h1,
        .article .article_intro h1{
            border-top: 1px solid #bbb;
            padding-top:20px;
            position:relative;}
		main .intro article h1{
			max-width:92%;}
            main .intro article h1:before,
            .fiche .fiche_intro h1:before,
            .article .article_intro h1:before{
                content:"";
                display: block;
                background-color:#fdc400;
                height:15px;
                width:125px;
                min-width:125px;
                position: absolute;
                top:-15px;
                left: 0;}

    main .projects{
        flex: 1 0 100%;
        background-color:#fdc400;
        padding-bottom:30px;}
        main .projects #map{
            width:100%;
            height:50%;
            min-height:300px;
            vertical-align:top;
            border-radius:0;}

	main .projects .maplegend{
		background-color: #E8E4D7;
		min-height:50px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:5px 0px;}
	main .projects .maplegend p{
		font-size:0.8em;
		display:inline-block;
		margin:5px 0;
		min-width:45%;
		padding-left:20px;}
	main .projects .maplegend .marker{
		width:15px;
		float:left;
		margin-right:10px;}

	.fiche .fiche_intro .continuation{
		position:absolute;
		top:-12px;right:0px;}
	.fiche .fiche_intro .continuation a{
		color:#fdc400;
		font-size:1.4em;}
	.fiche .fiche_intro h1{
		max-width:80%;}
	main .intro article .continuation{
		color:#fdc400;
		position:absolute;
		top:-12px;right:0px;
		font-size:1.4em;}

#continuation .noborder{border-left-width:0px;}
@media (max-width : 900px) {
	#continuation .noborder{border-left-width:1px;}
}
@media (max-width : 600px) {
	main .intro article .continuation{
		right:0px;}
}

        main .projects .project{
            width:100%;
            height:50%;
            min-height:300px;}
            main .projects .project .kijker{
                display:inline-block;
                background-color:#fff;
                margin:25px 0 10px 0;
                padding:0;}
                main .projects .project .kijker h2{
                    margin:0;
                    padding:15px 20px;}
                main .projects .project .details{
                    margin:0 20px;}
                    main .projects .project .details hr{
                        width:30%;
                        height:2px;
                        border:0;
                        background:#333;
                        text-align:left;}
                    main .projects .project .details p{
                        font-weight:400;
                        font-size:0.85em;}
                    main .projects .project .maten{
                        background-color:#ECB500;}
                    main .projects .project .maten p{
                        font-weight:500;
                        padding:5px;}
                    main .projects .project .details p{
                        font-size:0.85em;}
		main.fullmap .map{
			width:100%;
			height:400px;}
@media (max-width : 600px) {
	main.fullmap .map{
		height:200px;}
}

.article_bg{
    min-height:300px;
    width:100%;
    background-size:cover;
    background-position:center;
    position:relative;
    z-index:1;
    background-color: black;
    background-blend-mode: luminosity;}
.article_bg div{
	position: relative;
    min-height:400px;
    background-color:rgba(0,0,0,0.75);}

.first_article{
	min-height:300px;
    width:100%;
	margin-top:0px;
	padding:40px 0;
    background-size:cover;
    background-position:center bottom;
    position:relative;
    z-index:1;
    background-color: black;
    background-blend-mode: luminosity;}
.first_article .transp{
	position: absolute;
	top:0;bottom:0;
	left:0;right:0;
    min-height:300px;
    background-color:rgba(0,0,0,0.75);}
.article{
    position:relative;}
    .article .item_60{
        flex:1 0 63%;}
    .article .item_100{
        flex:1 0 100%;}
    .article .item_50{
        display:inline-block;
		width:49%;}
.article .item_50 .art_wrap{
	margin:30px 100px;}
.article .item_50 h1{
	font-size:1.7em;}

@media (max-width : 1100px) {
	.article .item_50 .art_wrap{
		margin:30px 50px;}
}
@media (max-width : 850px) {
	.article .item_50{
		width:100%;}
	.article .item_50 .art_wrap{
		margin:30px 50px;}
}
@media (max-width : 600px) {
	.article .item_50 .art_wrap{
		margin:20px;}
}

        .article section .art_wrap{
            margin:20px;
			display:block;}
            .article .article_intro{
/*                min-height:300px;*/
				display:block;}
                .article .article_intro figure{
                    margin:0;
                    padding:0;
                    border:1px solid #555;
                    background-color:#555;}
                    .article .article_intro figure .fiche_pic{
                        height:160px;
                        background-size:cover;
                        background-position:center;}
                    .article .article_intro figure .fiche_pic_capt{
                        padding:15px;}
                    .article .article_intro figure .fiche_pic_capt p{
                        padding:0;margin:0;
                        font-size:0.9em;}
            .article .article_text{
                color:#333;}
			.article_text a,
			.adres a{
				color:#333;}
			.article_text .doc a{
				border-right:1px solid #333;
				padding:0 10px;
				width:auto;}
			.article_text .doc a:last-child{
				border-right:0px solid #;}
			.first_article .article_intro,
			.first_article .article_text{
                color:#fff;}
			.first_article .article_text a{
				color:#fff;}
			.first_article .article_text .doc a{
				border-right:1px solid #fff;}
			.article_text .doc a:last-child{
				border:none;}
                .article .article_text,
				.article .adres{
                    font-size:0.85em;
                    line-height:1.5em;}
                    .article .article_text h1{
                        font-weight:500;
                        margin:20px 0 5px 0;}
                    .article .article_text h2{
                        font-weight:500;
                        margin:0;}
                    .article .article_text ul{
                        margin:0;
                        padding-left:20px;}
					.article .article_text br{
						content: "A" !important;
						display: block !important;
						margin-bottom: 0.5em !important;}
					.article_text .doc{
						text-decoration:none;}
					.article_text .doc a{
						text-decoration:none;}

			.article .article_body{
				flex: 1 0 75%;
				min-width:360px;}
				.article .article_body div{
					margin-right:30px;}

@media (max-width : 450px) {
    .article .article_body{
        min-width:300px;}
}
				.article .article_media{
					flex: 1 0 25%;
					text-align:right;
					padding-top:15px;
					text-align:left;}
					.article .article_media .media_pics .thumb{
						display:inline-block;
						margin-right:-4px;
						min-width:110px;}
						.article .article_media .media_pics .thumb img{
							margin:5px 0;
							max-width:calc(100% - 10px);}
.article .article_media .media_docs{
list-style: none;
margin:0;
padding:0;}
.article .article_media .media_docs li{
	border-bottom:1px solid #ccc;
}
.article .article_media .media_docs li:first-child{
	border-top:1px solid #ccc;
}
.article .article_media .media_docs li a{
	display:block;
	padding:7px 5px;
	color:#333;
	font-size:0.85em;
	text-decoration: none;}
.article .article_media .media_docs li a:hover{
	background-color:#efefef;}
.article .article_media .media_docs li a .fa{
	font-size:17px;}
.article .article_media .media_docs li a .fa-download{
				float:right;
				display:inline-block;
				font-size:18px;}

.team{
    margin:0;
    padding:0;}
.team .team_desc{
    flex:1 0 100%;
    margin:0 !important;
    padding:0 !important;}
.team .team_desc p{
    margin:0;padding:0;
    max-width:100%;}
.team .team_leden{
    flex:2 0 100%;
    margin:10px 0 !important;
    padding:0 !important;}
.team .team_leden .flex_container{
    width:100%;
    margin:0 !important;
    padding:0 !important;
    justify-content: center;}
.team .team_leden .teamlid{
    /* flex:1 0 16.66%; */
    background-color:#fc0;
    vertical-align:top;
    min-height:215px;
    height:auto;
    text-align: center;
		/* width: calc(100% / 7);
    max-width: calc(100% / 7); */
		width: calc(100% / 6);
		max-width: calc(100% / 6);
		min-width:120px;
    margin:0 0 10px 0;
    border:5px solid #fff;
    box-sizing: border-box;}
.team .team_leden .teamlid img{
    max-width:100%;}
.team .team_leden .teamlid p{
    font-size:1em;
    line-height:0.9;
    margin:0 auto 10px;
    text-align:center;
    font-weight:500;
		padding:0 10px;}
.team .team_leden .teamlid p i{
    font-size:0.8em;
    line-height:1.2;
    font-weight:300;}

.publicaties .publicatie,
.links .link{
	flex:1 0 33.33%;
	min-width:250px;
	vertical-align: top;
	margin-bottom:15px;}
.publicaties .publicatie a,
.links .link a{
	width:95%;
	height:100%;
	background-color: #f5f5f5;
	border-radius:4px;
	vertical-align: top;
	color:#333;
	text-decoration: none;}
.publicaties .publicatie a .publicatie_band,
.links .link a .link_band{
	flex:1 0 60px;
	max-width:60px;
	background-color:#ececec;
	text-align: center;
	border-radius:4px 0 0 4px;
	position:relative;}
.publicaties .publicatie a .publicatie_band{
	min-height:130px;}
.publicaties .publicatie a:hover .publicatie_band,
.links .link a:hover .link_band{
	flex:1 0 60px;
	max-width:60px;
	background-color:#fc0;
	text-align: center;
	border-radius:4px 0 0 4px;}
.publicaties .publicatie a .publicatie_band .circle,
.links .link a .link_band .circle{
	background-color:#fff;
	border-radius:50%;
	margin:10px auto;
	padding:5px;
	height:30px;
	width:30px;
	text-align: center;
	line-height:30px;
	font-size:1.5em;}
.publicaties .publicatie a .publicatie_band .datum{
	font-size: 0.75em;
	font-weight:700;}
.publicaties .publicatie a .publicatie_band .fa-download{
	position:absolute;
	display:none;
	bottom:5px;
	left:0%;right:0%;}
.publicaties .publicatie a:hover .publicatie_band .fa-download{
	position:absolute;
	display:block;
	bottom:5px;
	left:0%;right:0%;}
.publicaties .publicatie a .publicatie_text,
.links .link a .link_text{
	flex:1 0 calc(100% - 60px);}
.publicaties .publicatie a .publicatie_text h2,
.links .link a .link_text h2{
	margin:0;padding:10px;
	font-size:1.3em;}
.publicaties .publicatie a .publicatie_text p,
.links .link a .link_text p{
	margin:0;
	padding:0 20px 10px 15px;
	font-size:0.85em;
	line-height:1.4em;}

.formulier,
.bereikbaarheid{
	width:100%;
	display:inline-block;
	margin-right:-4px;
    text-align: center;}
.formulier form{}
.bereikbaarheid a{
	display:block;}
.bereikbaarheid img{
    max-width:75%;}
@media (min-width : 800px) {
    .formulier,
	.bereikbaarheid{
		display:inline-block;
		margin-right:-4px;
		width:50%;
		text-align: center;}
}

#contact_form{
    margin:0;
    padding:0;
    min-width: 300px;}
#contact_form fieldset{
    padding:0;
    display:inline-block;
    border:none;
    margin:0 -2px 15px 0;
    box-sizing:border-box;
    vertical-align: top;
text-align: left;}
#contact_form fieldset.field_50{
    width:50%;}
#contact_form fieldset.field_80{
    width:70%;}
#contact_form fieldset.field_20{
    width:30%;}
#contact_form fieldset.field_100{
    width:100%;}
#contact_form .form_error{
    margin:0;
    padding:0 0 0 5px;
    font-size:0.85em;
    font-weight:500;
    color: #B22222;
    line-height:1.3em;
    display:none;}
#contact_form fieldset input[type=text],
#contact_form fieldset textarea{
    padding:5px;
    margin:0;
    font-size:0.85em;
    font-weight:400;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #ddd;}
#contact_form fieldset input[type=text]{
    width:calc(100% - 10px);
    height:35px;}
#contact_form fieldset textarea{
    width:calc(100% - 8px);
    min-height:150px;}
#contact_form .submit_row{
    text-align: right;
}
#contact_form fieldset input[type=submit]{
    padding:7px 10px;
    margin:0 5px 0 0;
    font-size:0.85em;
    font-weight:400;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #ddd;
    background-color: #fc0;}
.require{
	height:0px !important;
    padding:0;
    margin:0 !important;
	overflow:hidden;
}

.contact_gelukt{
	color:#a6e204;}
.contact_mislukt{
	color: #B22222;}
.contact_gegevens p{
	font-size: 0.85em;
	text-align: left;
	margin:0;}
.contact_gegevens td{
	padding:3px;
	vertical-align: top;}

.fiche{
    position:relative;}
    .fiche .item_60{
        flex:1 0 63%;
        color:#fff;}
        .fiche section .art_wrap{
            margin:20px;}
            .fiche .fiche_intro{
                min-height:400px;
				position:relative;}
                .fiche .fiche_intro figure{
                    margin:0;
                    padding:0;
                    border:1px solid #555;
                    background-color:#555;}
                    .fiche .fiche_intro figure .fiche_pic{
                        height:160px;
                        background-size:cover;
                        background-position:center;}
                    .fiche .fiche_intro figure .fiche_pic_capt{
                        padding:15px;}
                    .fiche .fiche_intro figure .fiche_pic_capt p{
                        padding:0;margin:0;
                        font-size:0.9em;}
            .fiche .fiche_text{
                color:#333;
				padding-top:20px;}
                .fiche .fiche_text{
                    font-size:0.85em;
                    line-height:1.5em;}
/*
                    .fiche .fiche_text br{
                        content: "A";
                        display: block;
                        margin-bottom:0.5em;}
*/
                    .fiche .fiche_text h1{
                        font-size:140%;
                        font-weight:500;
                        margin:20px 0 5px 0;}
                    .fiche .fiche_text h2{
                        font-weight:500;
                        margin:0;}
                    .fiche .fiche_text ul{
                        margin:0;
                        padding-left:20px;}
					.fiche .fiche_text br{
						content: "A" !important;
						display: block !important;
						margin-bottom: 0.5em !important;}
					.fiche .fiche_text a{
                        color: #333;
						text-decoration: underline;}
						.fiche .fiche_text img{
							max-width:100%;
							display:block;
							margin-left:auto;
							margin-right:auto;
						}
						.fiche .fiche_text img.wysiwyg-float-right{
							margin-left:auto;
							margin-right:0;
						}
						.fiche .fiche_text img.wysiwyg-float-left{
							margin-left:0;
							margin-right: auto;
						}

div.wysiwyg-text-align-center{
	text-align: center;
}
div.wysiwyg-text-align-left{
	text-align: left;
}
div.wysiwyg-text-align-right{
	text-align: right;
}
div.wysiwyg-text-align-justify{
	text-align: justify;
}

.fiche .fiche_details{
    flex:2 0 100%;
    margin-top:0;}
.fiche .fiche_data a{
	color:#333;}
.fiche .fiche_details .fiche_data{
    background-color:#FDC400;
    margin-right:0px;
    min-width:260px;
    padding:20px;}
.fiche .fiche_details .partners{
    margin-right:0px;
    min-width:260px;
    padding:20px;}
.fiche_data_kop{
    width:100%;}
.fiche_data_kop .fiche_data_title{
    flex:auto;
    background-color: #fff;}
.fiche_data_kop .fiche_data_download{
    flex:auto;
    background-color: #000;}
.fiche_data_kop .fiche_data_download a{
    text-decoration: none;
    color:#FDC400;}
.fiche_data_kop h2{
    padding:10px;
    font-weight: 5OO;}
.fiche_data_kop h2 .fa{
    font-size:65%}
                    .fiche .fiche_details .fiche_data hr{
                        width:30%;
                        height:2px;
                        border:0;
                        background:#333;
                        text-align:left;}

.fiche .fiche_data h4{
	font-weight:300;}
.fiche .fiche_data h5{
	margin:10px 0 0 0;
	padding:0}
.fiche .fiche_data .maten p{
	margin:5px 0;
	padding:3px 5px;
	font-size: 0.85em;
    background-color:#ECB500;}
.fiche .fiche_data .locatie p{
	margin:5px 0 0 0;
	padding:5px;}
.partners h2{
	margin:0;}
.partnergroep{
	margin:0;
	padding:0 0 5px 0;
	font-size:0.8em;
	font-weight:400;}
.partnergroep_logos{
	padding-right:0px;}
.partnerlogo{
	max-width:120px;
	display:inline-block;
	border:1px solid #ddd;
	padding:10px;
	margin:0 10px 10px 0;
	position:relative;
	overflow:hidden;}
.partnerlogo img{
	max-width:100%;
	display:block;}
.partnernaam{
	background-color: rgba(255, 255, 255, 0.8);
	font-size:0.7em;
	padding:3px;
	margin:0;
	max-height:70px;
	max-width:70px;
	position:absolute;
	bottom:-70px;left:10px;
	-webkit-transition: bottom;
	transition: bottom;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;}

.partnerlogo:hover .partnernaam{
 	bottom:10px;
	-webkit-transition: bottom;
	transition: bottom;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;}

@media (min-width : 600px) {
    .fiche_data_kop{
    	width:300px;}
}
@media (min-width : 1100px) {
    .fiche_data_kop{
    	width:100%;}
	.partnergroep_logos{
		padding-right:50px;}
}

.fiche .fiche_data .icon{
	background-color:#000;
	color:#fff;
	width:auto;
	display:inline-block;
	padding:5px;
	font-size:1.8em;
	min-width:35px;
	text-align: center;
}
.fiche .fiche_data .pics{
	margin:15px 0;}
	.fiche .fiche_data .pics .album{
		margin-top:10px;}
	.fiche .fiche_data .pics img{
		width:calc(100% / 4 - 5px);
		border:1px solid #ECB500;}
	.fiche .fiche_data .pics img:hover{
		border:1px solid #000;}
.fiche .fiche_data .docs{
	margin:15px 0;}
	.fiche .fiche_data .docs .bib{
		margin-top:10px;}
		.fiche .fiche_data .docs .bib a{
			margin:5px 0;
			display:block;
			background-color:#ECB500;
			color:#333;
			text-decoration: none;
			font-size:0.85em;
			padding:5px;}
			.fiche .fiche_data .docs .bib a .fa{
				font-size:17px;}
			.fiche .fiche_data .docs .bib a .fa-download{
				float:right;
				display:inline-block;
				font-size:18px;}
.fiche .fiche_data .links{
	margin:15px 0;}
	.fiche .fiche_data .links .url{
		margin-top:10px;}
		.fiche .fiche_data .links .url a{
			margin:5px 0;
			display:block;
			background-color:#ECB500;
			color:#333;
			text-decoration: none;
			font-size:0.85em;
			font-weight:300;
			padding:5px;}
			.fiche .fiche_data .links .url a .fa-external-link{
				float:right;
				display:inline-block;
				font-size:18px;}

.fiche_bg{
    height:400px;
    width:100%;
    background-size:cover;
    background-position:center;
    position:absolute;
    z-index:1;
    background-color: black;
    background-blend-mode: luminosity;}
.fiche_bg div{
    height:100%;
    background-color:rgba(0,0,0,0.75);}

.boxes{
    background-color:#fff;
    padding:0 20px;
    margin:40px 0;}
    .boxes .box{
/*        width:calc(100% - 21px);*/
        flex: 1 0 calc(100% - 50px);
        margin:10px 0;
        padding:0 20px;
		border-left:1px solid #ccc;}
        .boxes .box hr{
            width:30%;
            height:2px;
            border:0;
            background:#333;
            text-align:left;}
.boxes .box h3 a{
	text-decoration: none;
	color:#000;}

.places,{
  background-color:#fff;
  padding:0 20px;
  margin:40px 0;}
.places .place{
/*width:calc(100% - 21px);*/
  flex: 1 0 calc(100% - 50px);
  margin:10px 0;
  padding:0 30px;}

@media (max-width : 450px) {

  .places .place{
    padding:0 10px;}
}

.places .place hr{
  width:30%;
  height:2px;
  border:0;
  background:#333;
  text-align:left;}

.places .place h3{
	position: relative;}

	.places .green hr{
		background:#92b005;}
	.places .green h3:before{
		content:'';
		background-image:url('../img/marker_green.png');
		background-size:contain;
		background-repeat: no-repeat;
		width:30px;
		height:40px;
		display:inline-block;
		left:-40px;
		position: absolute;}

	.places .yellow hr{
		background:#fdc400;}
	.places .yellow h3:before{
		content:'';
		background-image:url('../img/marker_yellow.png');
		background-size:contain;
		background-repeat: no-repeat;
		width:30px;
		height:40px;
		display:inline-block;
		left:-40px;
		position: absolute;}

	.places .blue hr{
		background:#1fafc4;}
	.places .blue h3:before{
		content:'';
		background-image:url('../img/marker_blue.png');
		background-size:contain;
		background-repeat: no-repeat;
		width:30px;
		height:40px;
		display:inline-block;
		left:-40px;
		position: absolute;}

	.places .brown hr{
		background:#905622;}
	.places .brown h3:before{
		content:'';
		background-image:url('../img/marker_brown.png');
		background-size:contain;
		background-repeat: no-repeat;
		width:30px;
		height:40px;
		display:inline-block;
		left:-40px;
		position: absolute;}

.sector a{
		text-decoration: none;
		color:#333;
		display: block;}
.place a{
	text-decoration: none;
	color:#333;
	display: block;
	margin-left:-10px;
	padding:0 10px 8px 10px;
	border:1px solid #fff;
	border-radius:0.4em;}
.sector h4,
.sector p{
	margin:5px 0;
	line-height: 1.5;
}
.sector a h4,
.place a h4{
    font-weight:400;}
.sector a h4 span,
.place a h4 span{
    font-weight:700;}
.place a:hover{
	background-color:#fefefe;
	border:1px solid #efefef;}

.notPlace{
	padding:20px;
	width:calc(100% - 60px);
	margin-left: -20px;
	border-bottom:2px solid #fdc400;
}

@media (max-width : 850px) {
	.sector .width50{
    width:calc(100%);}
	.notPlace{
    width:calc(100% - 40px);}
}
.notPlace a{
	border:0px solid #fff;
}
.notPlace a:hover{
	border:0px solid #fff;
	background-color: transparent;
}
.place .project_link{
	flex: 1 0 100%;}

@media (min-width : 900px) {
    .places .place{
        flex: 1 0 calc(100% / 2 - 60px);}
	.place .project_link{
		flex: 1 0 calc(100% / 2 - 40px);
		margin-right:20px;}
}

.sectors{
	background-color: #fff;}
.sectors .marker{
	max-height:40px;
	max-width:28px;}
.sectors .yellow hr{
	margin:0;
	width:30%;
	height:2px;
	border:0;
	text-align:left;
	background:#fdc400;}

/*
.sectors .place{
  flex: 1 0 calc(100% - 100px);
  margin:10px auto;
  padding:0 30px;}
@media (max-width : 450px) {
  .sectors .place{
    padding:0 10px;}
}
.sectors .place hr{
	width:30%;
	height:2px;
	border:0;
	background:#333;
	text-align:left;}
.sectors .place h3{
	position: relative;}
*/

/* .sectors .yellow h3::before{
	content:'';
	background-image:url('../img/marker_yellow.png');
	background-size:contain;
	background-repeat: no-repeat;
	width:30px;
	height:40px;
	display:inline-block;} */
.sectors .yellow h4{
	margin:10px 0;}
.sectors .yellow p{
	margin:5px 0;
	line-height:1.4;}

.sectorLijst a{
	text-decoration: none;
	font-size:95%;
	line-height:1.3;
	color:#444;
	padding:3px 0;
	margin-left:0;
	border:none;
	display:flex;}
	.sectorLijst a:before{
		font-family: "fontAwesome";
		font-size:100%;
		content: "\f0c1";
		color:#fdc400;
		margin:1px 7px 0 0;
		display:inline-block;
		background-color: #fff;
		height:20px;
		width:20px;
		border-radius:10px;
		text-align: center;}
.sectorLijst a:hover{
	padding:3px 0;
	border:none;
	background:none;}
.sectorLijst a:hover:before{
	color: #000;
	background-color: #fdc400;
}
.sectors figure{
	margin:10px 0;
text-align: center;
}
.sectors figure img{
	max-width:100%;
  margin-bottom: 10px;
  display: block;
}
.sectors figure a{
	font-size:90%;
	text-align: center;
	color:#D9A700;
	margin:5px 0;}


.credentials{
    background-color:#fff;
    padding:0 20px;
    margin:20px 0;}
    .credentials section{
        border-top:1px solid #fc0;
        padding:0;
        height:20px;
        width:100%;}
    .credentials .logo{
        flex: 1 0 100%;
		min-height:60px;}
    .credentials .logo img{
       width:80px;
		margin:5px 0;}
    .credentials .address,
    .credentials .contacts{
        flex: 1 0 50%;}
    .credentials .contacts{
        text-align: right;}
.toplink{
	text-align: center;}
.toplink a{
	color: #ccc;}
.bottom{
    max-width:96%;
    margin:auto;
    background:none;}
    .bottom .proclaimer{
        flex: 1 0 100%;
        padding:0;
        text-align: center;}
    .bottom .instelling{
        flex: 1 0 100%;
        padding:0;
        text-align: center;}

@media (min-width : 600px) {
    .header{
        margin:0 50px;}
    main .intro article,
    .fiche section .art_wrap,
	.article section .art_wrap{
        margin:100px 50px 30px 50px;}
    .fiche .fiche_details .fiche_data{
        padding:20px 50px;}
    .fiche .fiche_intro{
        min-height:300px;}
    .bottom .proclaimer{
        flex: 1 0 35%;
        text-align: left;}
    .bottom .instelling{
        flex: 1 0 65%;
        text-align: right;}
}

@media (min-width : 730px) {
}

@media (min-width : 800px) {
    .header{
        margin:0 30px;}
    main .intro{
        flex: 1 0 55%;}
    main .projects{
        flex: 1 0 45%;}
    main .intro article,
    .fiche section .art_wrap,
	.article section .art_wrap{
        margin:100px 30px 50px 30px;}
    .fiche .fiche_details .fiche_data{
        padding:20px 30px;}
}
@media (min-width : 900px) {
    .header{
        margin:0 50px;}
    .navigatie .nav_toggle{
        display:none;}
    .navigatie .menu{
		position:relative;
        display:block !important;}
    .header nav{
		min-height:125px;
        text-align: center;}
            header nav ul li{
                padding:0 10px;
                margin:0;
                display:inline-block;
                margin-right:-4px;}
                header nav ul li a{
                    padding:0;
					height:127px;
                    font-size:0.8em;
                    line-height:170px;
                    border-left:0px;
                    border-bottom:3px solid #000;}
                header nav ul li a:hover{
                    border-left:0px;
                    border-bottom:3px solid #fff;}
                header nav ul li a.active{
                    border-left:0px;
                    border-bottom:3px solid #fdc400;}
	.header .pom{
        background-color:#fdc400;
        width:125px;
        max-width:125px;
        height:110px;
        padding-top:40px;}
        header .pom .logo{
            background-color: #fff;
            border-radius:50%;
            width:90px;
            height:90px;
            margin:0 auto;}
            header .pom .logo a{
                display:block;
                height:100%;
                width:100%;
                position:relative;}
                header .pom .logo a img{
                    width:80%;
                    margin:auto;
                    position: absolute;
                    top:0%; right:0%;
                    bottom:0%; left:0%;}
    main .intro article,
    .fiche section .art_wrap,
	.article section .art_wrap{
        margin:100px 50px 30px 50px;}
    .fiche .fiche_details .fiche_data{
        padding:20px 50px;}
    main .projects .project .kijker h2{
        padding:15px 40px;}
    main .projects .project .details{
        margin:0 55px;}
    .boxes .box{
        flex: 1 0 calc(100% / 3 - 60px);}
    .credentials .logo,
		.credentials .socials{
        flex: 1 0 20%;}
    .credentials .address,
    .credentials .contacts{
        flex: 1 0 30%;}
		.credentials .socials{
				text-align: right;}
		.credentials{
				align-items:center;}
	header{}
}
.credentials .socials a{
	color:#000;}
@media (min-width : 1100px) {
	.container{
		max-width:1200px;}
    .header{
        margin:0 0 0 100px;
        height:130px;}
    .header .pom{
        background-color:#fdc400;
        width:125px;
        max-width:125px;
        height:110px;
        padding-top:40px;}
        header .pom .logo{
            background-color: #fff;
            border-radius:50%;
            width:90px;
            height:90px;
            margin:0 auto;}
    main .intro{
        flex: 1 0 60%;}
    main .projects{
        flex: 1 0 40%;}
    main .intro article,
    .fiche section .art_wrap{
        position: relative;
        margin:140px 100px 30px 100px;}
	.article section .art_wrap{
        position: relative;
        margin:70px 100px;}
    .fiche .fiche_details{
        flex: 1 0 37%;
        margin-top:-15px;}
    .fiche .fiche_details .fiche_data{
        padding:20px 20px;}
    .fiche .fiche_details .fiche_data{
        margin-right:100px;}
    main .intro article h1,
    main .fiche_intro h1{
        }
	.places,
    .boxes,
    .credentials{
        padding:0 100px;}
}
@media (min-width : 1200px) {
    .bottom{
        max-width:1160px;}
}