@charset "utf-8";
@import url('pm-layout.css?v=93');
@import url('animations.css?v=3');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100;300;400;500;600;700;800;900&display=swap');

.layout {
	color: #000;
	font-size: 18px;
	font-family: 'Libre Franklin';
	
	line-height: 1.3em;

}
.layout.frontend{
	background-image: url('../../images/fe-linkingandlearning/backgrounds/body-bg-repeat.jpg');
	background-size: 46vw auto;
}
.layout[data-p-type="dashboard"].frontend{
	background-image: none;
	background-color:#FFF;
}

/* ---------- standaard lettertype en kleur ---------- */
.layout td, .layout th, .layout a{
	font-family: 'Libre Franklin';
}

.layout h1,.layout h2,.layout h3,.layout h4,.layout h5,.layout h6,
.layout .h1,.layout .h2,.layout .h3,.layout .h4,.layout .h5,.layout .h6 {
	font-family: 'Libre Franklin';
	font-weight: 400;
	margin: 0;
	line-height: 1.15em;
	color: inherit;
}

.layout hr{
	display: block;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	margin-left: auto;
	margin-right: auto;
	height:2px;
	border:0;
	border-color:#000;
	background-color:#000;
	clear:both;
}

.layout h1,
.layout .h1 {
	font-size: 1.94em;
	font-weight:800;
}

.layout h2,
.layout *.h2 {
	font-size: 1.94em;
}
.layout h3,
.layout .h3 {
	font-size: 5.556em;
}
.layout h4,
.layout .h4 {
	font-size: 6.111em;
	font-weight:bold;
}
.layout h5,
.layout .h5 {
	font-size: 1.667em;
	font-family: 'Libre Franklin';
}
.layout h6,
.layout .h6 {
	margin: 0 0 0 0;
}
/*.layout p  { margin: 0 0 0 0; }*/

.layout a {
	text-decoration: none;
}

#layer1{
	overflow-y: scroll;
	position: absolute;
	transition: all 0.5s;
	top: 2.38vw;
	left: 12.9vw;
	background-color:#FFF;
	-moz-box-shadow: 0px 0px 14px 3px #0000000f;
	-webkit-box-shadow: 0px 0px 14px 3px #0000000f;
	box-shadow: 0px 0px 14px 3px #0000000f;
}
#layer2{
	width:1464px;
}
.layout #layer1::-webkit-scrollbar-track,
.layout #layout::-webkit-scrollbar-track {
	background-color: #efefef;
	width: 15px;
}
.layout #layer1::-webkit-scrollbar-thumb,
.layout #layout::-webkit-scrollbar-thumb {
	background-color: #000;
	border-radius: 0px;
	border: 4px solid #000;
}

.layout[data-p-type="dashboard"] #layer1{
	box-shadow: none;
	background-color:transparent;
	left:0;
	right:0;
	
}
.layout[data-p-type="dashboard"] #layer2{
	background-image: url(../../cimages/fe-linkingandlearning/Startpagina/Blokjes-patroon.jpg),
	url(../../cimages/fe-linkingandlearning/Startpagina/lijn-werking.jpg);
	background-position: left 40px bottom 40px, right bottom;
	background-size: 409px auto, 509px auto;
	background-repeat: no-repeat;
	width:1680px;
}

/* top elements */
#language-bar{
	padding-right: 12px;
	height: 2.38vw;
	padding-top: 0.5vw;
	box-sizing: border-box;
}
#language-bar a._language{
	display:block;
	float: right;
	color:#000;
	box-sizing: border-box;
	font-size:1vw;
}
#language-bar a._language.__active{
	font-weight: 900;
}

#filter-bar{
	display:none;
	background-color: #000;
	box-sizing: border-box;
	padding-right: 12px;
	height: 2.38vw;
	position: absolute;
	top: 2.38vw;
	left: 12.85vw;    
	padding-top: 0.5vw;
	right: 12px;
	z-index: 10;
}
#layout.page-timeline #filter-bar{
	display:block;
}
#filter-bar:before{
	content: 'FILTER OP:';
	color: #FFF;
	display: block;
	float: left;
	margin-right: 1vw;
	font-size: 1vw;
	line-height: 1em;
	margin-top: 0.2vw;
	margin-left: 1vw;
	font-weight: bold;
}

#menu-button{
	position: absolute;
	right: 0;
	bottom: 10vh;
	width: 4vw;
	height: 3.2vw;
	z-index: 3;
	transition: all 1s;
}
#menu-button a.bttn-menu{
	display:block;
	width: 4vw;
	height: 3.2vw;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%; 
	background-color:#000;
	background-size: 50%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3.41 3.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23f9cb2b; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M0,3.23v-.78s0-.03.02-.03h.31s.02,0,.02,0c0,0,0,0,.01.02l.12.36s0,0,0,0,0,0,0,0l.1-.34s.02-.03.03-.03h.32s.02,0,.02.02v.78s-.01.03-.04.03h-.19s-.02,0-.02,0c0,0,0-.01,0-.02v-.5s0,0,0,0c0,0,0,0,0,.01l-.16.51s-.01.02-.03.02h-.12s-.02,0-.03-.02l-.16-.5s0-.01,0-.01,0,0,0,.01v.5s0,.02,0,.02,0,0-.02,0H.03s-.03-.01-.03-.03Z'/%3E%3Cpath class='cls-1' d='M1.12,2.43h.61s.02,0,.02.02v.13s-.01.03-.03.03h-.34s-.03,0-.03.02v.1s0,.02.02.02h.2s.02,0,.02.02v.14s0,0,0,.01c0,0,0,0-.02,0h-.21s-.02,0-.02.02v.11s0,.02.01.02h.36s.02,0,.02.02v.14s0,.01,0,.02-.01,0-.02,0h-.6s-.03,0-.03-.03v-.78s0-.03.02-.03Z'/%3E%3Cpath class='cls-1' d='M2.57,2.43s.02,0,.02.02v.79s0,.01,0,.01c0,0-.01,0-.02,0h-.15s-.01,0-.02,0,0,0-.02-.01l-.31-.42s0,0,0,0c0,0,0,0,0,0v.41s0,.02-.03.02h-.15s-.03,0-.03-.02v-.78s0-.03.02-.03h.18s.02,0,.02,0c0,0,.01,0,.02.02l.27.37s0,.01.01,0c0,0,0,0,0-.01v-.37s0-.02.02-.02h.16Z'/%3E%3Cpath class='cls-1' d='M3.37,3.14s-.07.08-.13.11c-.05.02-.12.03-.19.03-.09,0-.16-.01-.21-.04-.05-.03-.09-.07-.11-.12-.02-.05-.03-.12-.03-.2v-.46s0-.03.02-.03h.21s.02,0,.02.02v.48c0,.06.01.1.03.12.02.02.05.04.09.04.02,0,.05,0,.06-.01.02,0,.04-.03.05-.05.01-.02.02-.06.02-.1v-.48s0-.03.02-.03h.17s.02,0,.02.02v.48c0,.09-.02.15-.05.2Z'/%3E%3C/g%3E%3Crect class='cls-2' y='1.2' width='3.41' height='.84' rx='.03' ry='.03'/%3E%3Crect class='cls-2' width='3.41' height='.84' rx='.03' ry='.03'/%3E%3C/svg%3E");
	background-position: 1.3vw center;
}

.layout[data-p-type="dashboard"] #sidebar,
.layout[data-p-type="dashboard"] #menu-button{
	display:none;
}
/* side elements */
#sidebar{
	width: 12.9vw;
	position: absolute;
	top: 0;
	bottom: 0;
}
#sidebar > ._inner{
	
}
.layout[data-p-type="dashboard"] #sidebar > ._inner{
	display:none;	
	
}
#sidebar > ._inner a._item{
	display:block;
	color:#000;
	font-size: 0.9vw;
	line-height:normal;
	padding:1vw;
	box-sizing: border-box;
	height:9.8vw;
	background-position: right 1vw bottom 1vw;
	background-size: 1.19vw auto;
	background-repeat: no-repeat;
	border-bottom: 2px solid #FFF;
}
#sidebar > ._inner a._item strong{
	display:block;
	font-size:1.1em;
	font-weight: 800;
}
#sidebar > ._inner a._item.__mensen{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2.05 2.05'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9cb2b; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='1.03' cy='1.03' r='1.03'/%3E%3C/svg%3E");
}
#sidebar > ._inner a._item.__professionals{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2.23 2.03'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b3dfd9; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 2.03 1.1 0 2.23 2.03 0 2.03'/%3E%3C/svg%3E");
}
#sidebar > ._inner a._item.__onderzoekers{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2.03 2.03'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e7252c; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='2.03' height='2.03'/%3E%3C/svg%3E");
}
a.logo-content{
	background-image: url('../../images/fe-linkingandlearning/logos/logo-sidebar.png');
	background-size: contain;
	width: 164px;
	height: 80px;
	background-repeat: no-repeat;
	display: block;
}
#sidebar a._logo{
	background-image: url('../../images/fe-linkingandlearning/logos/logo-sidebar.png');
	background-size: contain;
	width: 9.76vw;
	height: 4.76vw;
	background-repeat: no-repeat;
	display: block;
	margin: 1.75vw 1.5vw;
}
#layout.fe-linkingandlearning #sidebar a._item.__mensen,
#layout.prof-linkingandlearning #sidebar a._item.__professionals,
#layout.res-linkingandlearning #sidebar a._item.__onderzoekers{
	background-color:#FFF;
}

.layout label.inp-radio, .layout label.inp-checkbox {
	padding-left: 0;
	min-height: 10px;
	display: inline-block;
	margin: 5px 0;
	margin-right:20px;
	line-height: 1.75em;
}


/* submenu */
#submenu-cnt {
	background-color: #2A292C;
	box-sizing: border-box;
	position: relative;
	/* top: 0; */
	/* left: 0; */
	/* right: 0; */
	z-index: 3;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
}

#submenu-cnt  .close-menu {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 24px;
	width: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D20029;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='24 3.8 20.2 0 12 8.2 3.8 0 0 3.8 8.2 12 0 20.2 3.8 24 12 15.8 20.2 24 24 20.2 15.8 12 '/%3E%3C/svg%3E");
	padding-right: 50px;
	background-position: right center;
	box-sizing: border-box;
}
img.flex-image{
	width: 100%;
}

/* label input */
label.label-input{
	position: relative;
	background-color: #FFF;
	display: block;
}
label.label-input > input,
label.label-input > textarea{
	border: none;
	outline: none;
	/* margin-top: 20px; */
	float: none!important;
	padding: 10px!important;
	padding-left: 15px!important;
	padding-top: 30px!important;
	padding-bottom: 0px!important;
	color: #000000!important;
}
label.label-input > span{
	position: absolute;
	display: block;
	left: 15px;
	color: #999999;
	transition: all 0.3s;
	top: 15px;
}
label.label-input.__active > span{
	font-size: 0.7em;
	top: 0;
}
label.label-input > textarea {
	height: 150px;
}


/* slider */
a.bttn-close {
	color: #000;
	display: block;
	padding-right: 27px;
	height: 30px;
	position: absolute;
	width: 152px;
	right: 45px;
	z-index: 100;
	top: 30px;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: right center;
	background-image: url(../../images/fe-linkingandlearning/icons/icon-symbol.png);
}
a.bttn-close:after{
	content: 'SLUIT SCHERM';	
}

.pm-section.__slides a.bttn-close{
	display: none
}

/* timeline block */

.tijdlijn-bg{
	
}


#tl-content{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
}

#tl-content:before{
	content:'';
	width: 5px;
	background-color: #000;
	position: absolute;
	display: block;
	left:50%;
	top:0;
	bottom:0;
	transform: translateX(-50%);
}

.timeline-intro{
	width:	347px;
	height: 300px;
	margin-left:40px;
}
.timeline-intro h1{

	font-size:6.667em;
	line-height:1em;
}
.timeline-intro h2{
	font-weight: 900;
	color:#f9cb2b;
	font-size:1.5em;
	line-height:1em;
}


.timeline-block{
	background-color: #FFF;
	overflow: visible;
	box-sizing: border-box;
	padding: 40px;
	padding-top: 65px;
	width: 684px;
	height: 371px;
	margin-bottom: 21px;
	margin-left: 44px;
	margin-right: 44px;
	/* margin: 15px; */
	float: left;
	/* margin-right: 40px; */
	-moz-box-shadow: 0px 0px 9px 1px #0000001f;
	-webkit-box-shadow: 0px 0px 9px 1px #0000001f;
	box-shadow: 0px 0px 9px 1px #0000001f;
	position: relative;
	transition: all 0.5s;
}

#tl-content .timeline-block[data-sort="odd"]{
	float: right;
}

.timeline-block[data-filter-type=""]{
	
}

.timeline-block[data-filter-year=""]{
	
}

.timeline-block ._year{
	content: '20 XX';
	width: 94px;
	height: 188px;
	background-color: #000;
	font-size: 1.667em;
	position: absolute;
	line-height: 1.25em;
	text-align: right;
	color: #f9cb2b;
	font-weight: 900;
	z-index: 1;
	top: 50%;
	box-sizing: border-box;
	padding: 60px 15px;
}

.timeline-block[data-sort="odd"] ._year{
	left:0;
	transform: translate(-100%, -50%);

	border-top-left-radius: 200px;
	border-bottom-left-radius: 200px;
}
.timeline-block[data-sort="even"] ._year{
	right:0;
	transform: translate(100%, -50%);
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px;
	text-align: left;
}

.timeline-block[data-filter-type="GENEZING"] ._year{
	color: #f9cb2b;
}
.timeline-block[data-filter-type="MEDICIJNEN"] ._year{
	color: #b3dfd9;
}
.timeline-block[data-filter-type="PREVENTIE"] ._year{
	color: #e7252c
}
.timeline-block[data-filter-type="ALGEMEEN"] ._year{
	color: #b6d34f;
}






.timeline-block:before{
	content:'';
	width: 56px;
	height:66px;
	position: absolute;
	top:-11px;left:10px;
	z-index:1;
	background-repeat: no-repeat;
	animation: tl-banner 0.5s 1 both;
	animation-play-state: paused;
	background-size: 56px auto;
	background-position: left bottom;
	transition: all 0.5s;
}
.timeline-block.__inview:before{
	animation-play-state: running;
}
 @keyframes tl-banner{
 	
 	
 	from{
		 height:5px;
 		}
	 to{
		 height: 66px;
	 } 	
 	
 }

.timeline-block[data-filter-type="GENEZING"]:before{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.61 6.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e5a423; %7D .cls-2 %7B fill: %23f9cb2b; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.06,0L0,1.06h1.36s-.23-1.06-.3-1.06Z'/%3E%3Cpolygon class='cls-2' points='5.61 6.66 3.35 5.82 1.06 6.66 1.06 0 5.61 0 5.61 6.66'/%3E%3Cg%3E%3Ccircle class='cls-1' cx='3.43' cy='2.94' r='1.48'/%3E%3Cpath d='M3.35,3.18h.28v.14c0,.12-.1.22-.23.22s-.23-.1-.23-.22v-.78c0-.12.1-.22.23-.22s.23.1.23.22h.39c0-.32-.28-.59-.62-.59s-.62.26-.62.59v.78c0,.32.28.59.62.59s.62-.26.62-.59v-.53h-.67v.39Z'/%3E%3C/g%3E%3C/svg%3E");
}
.timeline-block[data-filter-type="MEDICIJNEN"]:before{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.61 6.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2374baae; %7D .cls-2 %7B fill: %23b3dfd9; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.06,0L0,1.06h1.36s-.23-1.06-.3-1.06Z'/%3E%3Cpolygon class='cls-2' points='5.61 6.66 3.35 5.82 1.06 6.66 1.06 0 5.61 0 5.61 6.66'/%3E%3Cg%3E%3Ccircle class='cls-1' cx='3.43' cy='2.94' r='1.48'/%3E%3Cpath d='M3.8,1.95c-.15,0-.28.06-.38.15-.1-.09-.23-.15-.38-.15-.3,0-.55.25-.55.55v1.18h.35v-1.18c0-.11.09-.2.2-.2s.2.09.2.2v1.18h.35v-1.18c0-.11.09-.2.2-.2s.2.09.2.2v1.18h.35v-1.18c0-.3-.25-.55-.55-.55Z'/%3E%3C/g%3E%3C/svg%3E");
}
.timeline-block[data-filter-type="PREVENTIE"]:before{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.61 6.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23bc2e38; %7D .cls-2 %7B fill: %23e7252c; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.06,0L0,1.06h1.36s-.23-1.06-.3-1.06Z'/%3E%3Cpolygon class='cls-2' points='5.61 6.66 3.35 5.82 1.06 6.66 1.06 0 5.61 0 5.61 6.66'/%3E%3Cg%3E%3Ccircle class='cls-1' cx='3.43' cy='2.94' r='1.48'/%3E%3Cpath d='M3.5,1.94h-.51v1.96h.4v-.7h.11c.35,0,.63-.28.63-.63s-.28-.63-.63-.63ZM3.5,2.8h-.11v-.46h.11c.13,0,.23.1.23.23s-.1.23-.23.23Z'/%3E%3C/g%3E%3C/svg%3E");
}
.timeline-block[data-filter-type="ALGEMEEN"]:before{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.61 6.66'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b6d34f; %7D .cls-2 %7B fill: %239db244; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M1.06,0L0,1.06h1.36s-.23-1.06-.3-1.06Z'/%3E%3Cpolygon class='cls-1' points='5.61 6.66 3.35 5.82 1.06 6.66 1.06 0 5.61 0 5.61 6.66'/%3E%3Cg%3E%3Ccircle class='cls-2' cx='3.43' cy='2.94' r='1.48'/%3E%3Cpath d='M3.45,1.92c-.34,0-.62.28-.62.62v1.34h.39v-.73h.46v.73h.39v-1.34c0-.34-.28-.62-.62-.62ZM3.22,2.75v-.21c0-.13.1-.23.23-.23s.23.1.23.23v.21h-.46Z'/%3E%3C/g%3E%3C/svg%3E");
}







.timeline-block[data-display="full"]{
	min-height: 371px;
	height: auto;
	padding-bottom:80px;
}
.timeline-block[data-display="preview"] ._full,
.timeline-block[data-display="full"] ._preview{
	display: none;
}
.timeline-block ._full,
.timeline-block ._preview{
	margin: 20px 0;
}
.timeline-block h2{
	font-weight: 800;
}

.timeline-block ._full ._content{

}

.timeline-block ._full ._lees_meer{
	margin-top: 30px;
}



.timeline-block ._full ._meer-weten{
	margin-bottom: 35px;
	margin-top: 60px;
}
	.timeline-block ._full ._meer-weten:after{
		content:'';
		display:block;
		clear:both;
	}

	.timeline-block ._full ._meer-weten a._bttn{
		display: block;
		width: 140px;
		height: 108px;
		float: left;
		color: #FFF;
		padding: 10px;
		font-size: 0.8em;
		line-height: normal;
		padding-top: 60px;
		/* text-align: center; */
		box-sizing: border-box;
		border-radius: 17px;
		margin-right: 11px;
		background-repeat: no-repeat;
		background-size: auto 38px;
		background-position: center 12px;
	}
		.timeline-block ._full ._meer-weten a._bttn.__hiv{
			background-color:#b6d34f;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2.76 3.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .15px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.36,3.17c-.25.35-.33.46-.46.65-.07.09-.19.11-.28.05l-.46-.33c-.09-.07-.11-.2-.04-.29,0,0,.27-.36.67-.87'/%3E%3Cpath class='cls-1' d='M1.43,1.57c.23-.29.27-.35.27-.35.31-.4-.02-1.26-.57-1.12.12-.03.18-.02.32-.02.92,0,1.43.92,1.05,1.49-.13.2-.27.36-.54.74'/%3E%3Cpath class='cls-1' d='M1.06,1.22C.75.82,1.13-.04,1.69.1c-.12-.03-.23-.02-.37-.02C.4.08-.11,1,.27,1.57c.31.47,1.26,1.78,1.59,2.25.07.09.19.11.28.05l.46-.33c.09-.07.11-.2.04-.29,0,0-1.58-2.02-1.58-2.02Z'/%3E%3C/svg%3E");
		}
		.timeline-block ._full ._meer-weten a._bttn.__onderzoek{
			background-color:#e7252c;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3.7 4.29'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .15px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' x='1.09' y='.36' width='.74' height='1.44' rx='.09' ry='.09' transform='translate(-.31 .66) rotate(-22.99)'/%3E%3Cpath class='cls-2' d='M2,1.98l-.26.11s-.05,0-.06-.02l-.08-.2s0-.05.02-.06l.26-.11s.05,0,.06.02l.08.2s0,.05-.02.06Z'/%3E%3Cpath class='cls-2' d='M.94,2.26l-.17-.49c-.08-.18,0-.4.19-.48l.15-.07-.21-.48-.15.07c-.45.2-.65.72-.46,1.16l.2.56'/%3E%3Cg%3E%3Cpath class='cls-2' d='M.89,3.48c.04.11.19.31.27.4'/%3E%3Cpath class='cls-2' d='M2.4,3.89l.51-.23c.14-.05.2-.2.15-.34h0c-.05-.13-.2-.2-.33-.15l-.88.33c-.19.07-.4-.02-.47-.21'/%3E%3C/g%3E%3Ccircle class='cls-2' cx='.98' cy='2.85' r='.57'/%3E%3Cpath class='cls-2' d='M3.62,4.22v-.25s-.04-.09-.09-.09H.16s-.09.04-.09.09v.25h3.55Z'/%3E%3Cpath class='cls-2' d='M1.29.36l-.26.11s-.05,0-.06-.02l-.08-.2s0-.05.02-.06l.26-.11s.05,0,.06.02l.08.2s0,.05-.02.06Z'/%3E%3Ccircle class='cls-1' cx='.96' cy='2.87' r='.17'/%3E%3Cline class='cls-2' x1='1.55' y1='2.66' x2='2.59' y2='2.25'/%3E%3C/svg%3E");
		}
		.timeline-block ._full ._meer-weten a._bttn.__genezing{
			background-color:#f9cb2b;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.96 3.46'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .15px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='.07 2.28 .28 2.08 1.48 3.28 1.38 3.38'/%3E%3Cpath class='cls-1' d='M3.68,2.02l.76-.4c.13-.06.29-.04.38.06.13.15.09.36-.07.46l-1.46.92c-.13.08-.28.12-.43.12h-1.13c-.09,0-.18.04-.24.1h0'/%3E%3Cpath class='cls-1' d='M2.08,2.38h1.29c.16,0,.31-.12.32-.28,0-.17-.13-.32-.3-.32h-.98c-.07,0-.14-.02-.21-.06-.1-.06-.3-.14-.62-.14-.7,0-1.2.6-1.2.6'/%3E%3Cpath class='cls-1' d='M3.28.45c0,.48-.7.83-.7.83,0,0-.7-.35-.7-.83,0-.21.17-.38.37-.38.14,0,.26.08.33.19.06-.12.19-.19.33-.19.21,0,.37.17.37.38Z'/%3E%3C/svg%3E");
			background-size: auto 32px;
			background-position: center 15px;
		}
		.timeline-block ._full ._meer-weten a._bttn.__wachten{
			background-color:#b3dfd9;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3.12 3.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .15px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='1.35' y1='.5' x2='1.35' y2='.94'/%3E%3Cline class='cls-1' x1='1.77' y1='.94' x2='1.77' y2='.5'/%3E%3Cpath class='cls-1' d='M2.75,1.52l.18-.18c.06-.06.06-.14,0-.2l-.1-.1c-.06-.06-.14-.06-.2,0l-.18.18c.11.09.21.19.3.3Z'/%3E%3Cpath class='cls-1' d='M.37,1.52l-.18-.18c-.06-.06-.06-.14,0-.2l.1-.1c.06-.06.14-.06.2,0l.18.18c-.11.09-.21.19-.3.3Z'/%3E%3Cpath class='cls-1' d='M1.21.07h.71c.12,0,.21.1.21.21v.07c0,.08-.06.14-.14.14h-.85c-.08,0-.14-.06-.14-.14v-.07c0-.12.1-.21.21-.21Z'/%3E%3Ccircle class='cls-1' cx='1.56' cy='2.41' r='1.49'/%3E%3Ccircle class='cls-1' cx='1.56' cy='2.41' r='1.04'/%3E%3C/svg%3E");
		}
		
		.timeline-block ._full ._meer-weten a._bttn strong{
			display: block;
			font-weight: 900;
		}


.timeline-block ._wat-is{
	
}

.timeline-block ._wat-is:before{
	content: 'Wat betekent: ';
	color: #000;
	float: left;
	margin-right: 15px;
	font-weight: 900;
	margin-top: 8px;
}
.timeline-block ._wat-is:after{
	content:'';
	display:block;
	clear:both;
}

	.timeline-block ._wat-is a.bttn-wat-is{
		color:#000;
		margin: 5px 0;
		margin-right: 10px;
	}


.timeline-block[data-filter-type="GENEZING"] a.bttn-wat-is{
	background-color: #f9cb2b;
}
.timeline-block[data-filter-type="MEDICIJNEN"] a.bttn-wat-is{
	background-color: #b3dfd9;
}
.timeline-block[data-filter-type="PREVENTIE"] a.bttn-wat-is{
	background-color: #e7252c
}
.timeline-block[data-filter-type="ALGEMEEN"] a.bttn-wat-is{
	background-color: #b6d34f;
}


body#layout #overLayer[data-screen-color="GENEZING"] > .inner .container_main{
	background-color: #f9cb2b!important;

}
body#layout #overLayer[data-screen-color="MEDICIJNEN"] > .inner .container_main{
	background-color: #b3dfd9!important;

}
body#layout #overLayer[data-screen-color="PREVENTIE"] > .inner .container_main{
	background-color: #e7252c!important;

}
body#layout #overLayer[data-screen-color="ALGEMEEN"] > .inner .container_main{
	background-color: #b6d34f!important;

}
body#layout #overLayer[data-screen-color="menu"] > .inner .container_main{
	background-color: #000000!important;

}


.timeline-block ._footer{
	position: absolute;
	bottom: 20px;
	left: 40px;
	right: 40px;
}


.timeline-block[data-show="off"]{
	display:none;
}

a.filter-bttn{
	display: block;
	float: left;
	padding-left: 3.25vw;
	background-repeat: no-repeat;
	background-size: 1.19vw;
	border-left: 2px solid #808080;
	padding-right: 1.19vw;
	color: #FFF;
	font-size: 1vw;
	box-sizing: border-box;
	padding-top: 0.2vw;
	line-height: 1em;
	background-position: 1.19vw center;
}
a.filter-bttn[data-mode="off"]{
	opacity: 0.5;
}
a.filter-bttn[href="#GENEZING"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f9cb2b; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='1' cy='1' r='1'/%3E%3Cpath d='M.95,1.17h.19v.1c0,.08-.07.15-.15.15s-.15-.07-.15-.15v-.53c0-.08.07-.15.15-.15s.15.07.15.15h.26c0-.22-.19-.4-.42-.4s-.42.18-.42.4v.53c0,.22.19.4.42.4s.42-.18.42-.4v-.36h-.45v.26Z'/%3E%3C/svg%3E");
}
a.filter-bttn[href="#MEDICIJNEN"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b3dfd9; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='1' cy='1' r='1'/%3E%3Cpath d='M1.24.33c-.1,0-.19.04-.25.1-.07-.06-.16-.1-.25-.1-.2,0-.37.17-.37.37v.8h.23v-.8c0-.08.06-.14.14-.14s.14.06.14.14v.8h.24v-.8c0-.08.06-.14.14-.14s.14.06.14.14v.8h.23v-.8c0-.2-.17-.37-.37-.37Z'/%3E%3C/svg%3E");
}
a.filter-bttn[href="#PREVENTIE"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e7252c; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='1' cy='1' r='1'/%3E%3Cpath d='M1.05.33h-.34v1.33h.27v-.47h.07c.24,0,.43-.19.43-.43s-.19-.43-.43-.43ZM1.05.91h-.07v-.31h.07c.09,0,.16.07.16.16s-.07.16-.16.16Z'/%3E%3C/svg%3E");
}
a.filter-bttn[href="#ALGEMEEN"]{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b6d34f; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='1' cy='1' r='1'/%3E%3Cpath d='M1.01.31c-.23,0-.42.19-.42.42v.9h.27v-.5h.31v.5h.27v-.9c0-.23-.19-.42-.42-.42ZM.86.87v-.14c0-.09.07-.15.15-.15s.15.07.15.15v.14h-.31Z'/%3E%3C/svg%3E");
}

/* video element */
.video-play-button{
	background-repeat: no-repeat;
	background-size: 52px auto;
	background-position: left center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.23 5.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; %7D .cls-2 %7B fill: %23f9cb2b; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='2.61' cy='2.61' r='2.61'/%3E%3Cpolygon class='cls-2' points='2.31 1.68 3.49 2.52 2.31 3.36 2.31 1.68'/%3E%3C/svg%3E");
	color:#000;
	padding-left:75px;
	position: relative;
	box-sizing: border-box;	
	font-size:0.9em;
	line-height:1.1em;
	min-height:52px;
}
.video-play-button.__blue{	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.23 5.23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; %7D .cls-2 %7B fill: %23b3dfd9; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='2.61' cy='2.61' r='2.61'/%3E%3Cpolygon class='cls-2' points='2.31 1.68 3.49 2.52 2.31 3.36 2.31 1.68'/%3E%3C/svg%3E");
}
.video-play-button a{
	
	color:#000;
}
.video-play-button a strong{
	font-size: 1.1em;
}


/* pblocks */



.lees-meer-block{
	overflow: visible;
	-moz-box-shadow: 0px 0px 9px 1px #0000001f;
	-webkit-box-shadow: 0px 0px 9px 1px #0000001f;
	box-shadow: 0px 0px 9px 1px #0000001f;
	margin: 20px 40px;
	background-size: 229px auto;
}

.lees-meer-block a.bttn-go{
	position:absolute;
	bottom:20px;
	left: 264px;
	right: 20px;	
}

.slide-group{
	overflow: visible;
	-moz-box-shadow: 0px 0px 9px 1px #0000001f;
	-webkit-box-shadow: 0px 0px 9px 1px #0000001f;
	box-shadow: 0px 0px 9px 1px #0000001f;
	margin-top:60px;
	margin-bottom:20px;
	min-height: auto!important;
	height: auto!important;
}
.slide-block{
	overflow: visible;
	background-size: 229px auto;
}

.slide-block a.bttn-go{
	position: absolute;
	bottom: 20px;
	left: 209px;
	right: 20px;
}
.slide-block a.bttn-go:before{
	content: 'lees meer';
}
.slide-group[data-state="open"] .slide-block a.bttn-go:before{
	content: 'klap informatie in';
}

.slide-group .slide-content{
	display:none;
}

.nr-banner{
	width:133px;
	height: 158px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 20px;
	top: -26px;
	
}
.nr-banner.__1{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.39 15.89'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23bc2e38; %7D .cls-2 %7B fill: %23e7252c; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M2.53,0L0,2.53h3.26s-.54-2.53-.72-2.53Z'/%3E%3Cpolygon class='cls-2' points='13.39 15.89 7.99 13.9 2.53 15.89 2.53 0 13.39 0 13.39 15.89'/%3E%3Ccircle class='cls-1' cx='8.2' cy='7.01' r='3.53'/%3E%3Cg%3E%3Cpath d='M7.54,4.89c.12.11.23.26.32.46.09.2.16.43.21.7.05.27.08.57.08.9,0,.44-.04.82-.13,1.14s-.2.58-.36.76-.32.27-.52.27-.37-.09-.53-.27c-.15-.18-.27-.44-.36-.76-.08-.33-.13-.71-.13-1.14,0-.33.02-.63.07-.9.05-.27.12-.5.21-.7.09-.2.2-.35.32-.46s.26-.16.41-.16.28.05.4.16ZM7.34,8.19c.05-.09.09-.23.12-.43.03-.2.04-.46.04-.8s-.01-.62-.04-.83c-.03-.21-.07-.36-.12-.45-.05-.09-.12-.14-.2-.14s-.15.05-.21.14c-.05.1-.09.25-.12.46-.03.21-.04.49-.04.82s.01.59.04.79c.03.2.07.35.12.44.05.09.12.14.2.14s.15-.05.21-.14Z'/%3E%3Cpath d='M9.82,8.34v.64s0,.06-.02.08-.03.03-.06.03h-1.29s-.07-.04-.07-.11v-.64c0-.07.02-.1.06-.1h.3s.03-.02.03-.05v-2.17c0-.06-.02-.08-.05-.07l-.28.14c-.05.02-.08-.02-.08-.12v-.44s0-.08.01-.1.02-.04.04-.05l.55-.5s.06-.05.08-.06c.02,0,.04-.01.07-.01h.24s.05.04.05.11v3.27s.01.06.03.06h.3s.07.03.07.1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.nr-banner.__2{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.39 15.89'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2374baae; %7D .cls-2 %7B fill: %23b3dfd9; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M2.53,0L0,2.53h3.26s-.54-2.53-.72-2.53Z'/%3E%3Cpolygon class='cls-2' points='13.39 15.89 7.99 13.9 2.53 15.89 2.53 0 13.39 0 13.39 15.89'/%3E%3Ccircle class='cls-1' cx='8.2' cy='7.01' r='3.53'/%3E%3Cg%3E%3Cpath d='M7.29,4.86c.12.11.23.26.32.46.09.2.16.43.21.7.05.27.08.57.08.9,0,.44-.04.82-.13,1.14s-.2.58-.36.76-.32.27-.52.27-.37-.09-.53-.27c-.15-.18-.27-.44-.36-.76-.08-.33-.13-.71-.13-1.14,0-.33.02-.63.07-.9.05-.27.12-.5.21-.7.09-.2.2-.35.32-.46s.26-.16.41-.16.28.05.4.16ZM7.09,8.16c.05-.09.09-.23.12-.43.03-.2.04-.46.04-.8s-.01-.62-.04-.83c-.03-.21-.07-.36-.12-.45-.05-.09-.12-.14-.2-.14s-.15.05-.21.14c-.05.1-.09.25-.12.46-.03.21-.04.49-.04.82s.01.59.04.79c.03.2.07.35.12.44.05.09.12.14.2.14s.15-.05.21-.14Z'/%3E%3Cpath d='M8.83,7.18c.1-.16.19-.3.25-.41.07-.11.12-.21.15-.29s.06-.15.07-.22c.01-.07.02-.14.02-.21,0-.1-.01-.19-.04-.27s-.06-.14-.11-.18c-.05-.04-.1-.06-.16-.06-.05,0-.11.02-.15.06s-.09.1-.14.2c-.05.09-.09.22-.14.37,0,.02-.02.04-.04.04s-.04,0-.06-.03l-.33-.31s-.04-.05-.04-.09c0-.04,0-.08.01-.11.11-.34.25-.58.4-.74s.32-.23.52-.23c.18,0,.34.05.47.16s.24.27.31.47c.07.2.11.44.11.71,0,.15-.01.29-.04.43s-.07.27-.14.4-.15.27-.25.41l-.57.76s-.02.03-.02.05.01.02.04.02h.94s.07.03.07.1v.74s0,.06-.02.08-.03.03-.05.03h-1.7s-.05,0-.06-.03c-.01-.02-.02-.05-.02-.11v-.51s0-.05,0-.07.02-.05.04-.1c.02-.04.06-.11.12-.19l.55-.89Z'/%3E%3C/g%3E%3C/svg%3E");
}
.nr-banner.__3{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.39 15.89'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e5a423; %7D .cls-2 %7B fill: %23f9cb2b; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M2.53,0L0,2.53h3.26s-.54-2.53-.72-2.53Z'/%3E%3Cpolygon class='cls-2' points='13.39 15.89 7.99 13.9 2.53 15.89 2.53 0 13.39 0 13.39 15.89'/%3E%3Ccircle class='cls-1' cx='8.2' cy='7.01' r='3.53'/%3E%3Cg%3E%3Cpath d='M7.39,4.85c.12.11.23.26.32.46.09.2.16.43.21.7.05.27.08.57.08.9,0,.44-.04.82-.13,1.14s-.2.58-.36.76-.32.27-.52.27-.37-.09-.53-.27c-.15-.18-.27-.44-.36-.76-.08-.33-.13-.71-.13-1.14,0-.33.02-.63.07-.9.05-.27.12-.5.21-.7.09-.2.2-.35.32-.46s.26-.16.41-.16.28.05.4.16ZM7.19,8.14c.05-.09.09-.23.12-.43.03-.2.04-.46.04-.8s-.01-.62-.04-.83c-.03-.21-.07-.36-.12-.45-.05-.09-.12-.14-.2-.14s-.15.05-.21.14c-.05.1-.09.25-.12.46-.03.21-.04.49-.04.82s.01.59.04.79c.03.2.07.35.12.44.05.09.12.14.2.14s.15-.05.21-.14Z'/%3E%3Cpath d='M8.31,5.3c.05-.12.12-.23.21-.32.09-.09.19-.16.3-.21.11-.05.22-.08.34-.08.19,0,.35.05.49.14s.24.23.31.4c.07.17.11.37.11.6,0,.17-.03.34-.09.51-.06.17-.15.28-.27.35-.02.02-.04.03-.04.06,0,.02,0,.04.03.06.09.05.17.12.23.22s.12.21.15.34c.04.13.06.27.06.42,0,.29-.04.53-.12.72-.08.2-.19.35-.34.45-.15.1-.34.15-.57.15-.12,0-.24-.03-.36-.1-.12-.06-.22-.15-.31-.26-.09-.11-.17-.24-.23-.39-.01-.04-.02-.08-.01-.11s.02-.06.03-.09l.28-.36s.04-.03.05-.03c.01,0,.02.01.03.03.07.12.12.22.18.29.05.07.11.13.17.16s.13.05.2.05c.12,0,.2-.05.27-.14.06-.09.09-.21.09-.35,0-.11-.02-.21-.05-.29s-.08-.14-.14-.19c-.06-.05-.12-.07-.2-.08h-.27s-.06-.04-.06-.1v-.62c0-.05.02-.08.06-.09l.21-.02c.08,0,.14-.03.2-.08.05-.05.1-.11.13-.18s.05-.16.05-.26c0-.08-.01-.15-.04-.21s-.06-.11-.11-.15c-.05-.04-.1-.05-.15-.05-.09,0-.18.03-.25.1s-.16.17-.24.32c-.01.03-.03.04-.04.04s-.02-.01-.04-.03l-.27-.46s-.02-.09,0-.14Z'/%3E%3C/g%3E%3C/svg%3E");
}
.nr-banner.__4{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.39 15.89'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23b6d34f; %7D .cls-2 %7B fill: %239db244; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M2.53,0L0,2.53h3.26s-.54-2.53-.72-2.53Z'/%3E%3Cpolygon class='cls-1' points='13.39 15.89 7.99 13.9 2.53 15.89 2.53 0 13.39 0 13.39 15.89'/%3E%3Cg%3E%3Ccircle class='cls-2' cx='8.2' cy='7.01' r='3.53'/%3E%3Cg%3E%3Cpath d='M7.39,4.88c.12.11.23.26.32.46.09.2.16.43.21.7.05.27.08.57.08.9,0,.44-.04.82-.13,1.14s-.2.58-.36.76-.32.27-.52.27-.37-.09-.53-.27c-.15-.18-.27-.44-.36-.76-.08-.33-.13-.71-.13-1.14,0-.33.02-.63.07-.9.05-.27.12-.5.21-.7.09-.2.2-.35.32-.46s.26-.16.41-.16.28.05.4.16ZM7.19,8.17c.05-.09.09-.23.12-.43.03-.2.04-.46.04-.8s-.01-.62-.04-.83c-.03-.21-.07-.36-.12-.45-.05-.09-.12-.14-.2-.14s-.15.05-.21.14c-.05.1-.09.25-.12.46-.03.21-.04.49-.04.82s.01.59.04.79c.03.2.07.35.12.44.05.09.12.14.2.14s.15-.05.21-.14Z'/%3E%3Cpath d='M9.29,4.8s.04-.02.08-.02h.46s.06.04.06.11v2.37s.01.06.03.06h.25s.06.03.06.1v.57c0,.08-.02.12-.07.12h-.24s-.03.03-.03.08v.74c0,.1-.03.15-.09.15h-.48c-.05,0-.08-.04-.08-.13v-.77s-.01-.06-.04-.06h-.92s-.07-.04-.07-.12v-.54s0-.08.02-.13c.02-.05.04-.11.07-.19l.93-2.22c.03-.05.05-.09.06-.1ZM9.22,7.32s.03-.01.03-.04v-1.27c0-.05,0-.08,0-.08,0,0-.02.02-.04.06l-.49,1.26c-.02.05-.01.08.02.08h.49Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.nr-banner.__5{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.39 15.89'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23bc2e38; %7D .cls-2 %7B fill: %23e7252c; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M2.53,0L0,2.53h3.26s-.54-2.53-.72-2.53Z'/%3E%3Cpolygon class='cls-2' points='13.39 15.89 7.99 13.9 2.53 15.89 2.53 0 13.39 0 13.39 15.89'/%3E%3Cg%3E%3Ccircle class='cls-1' cx='8.2' cy='7.01' r='3.53'/%3E%3Cg%3E%3Cpath d='M7.48,4.92c.12.11.23.26.32.46.09.2.16.43.21.7.05.27.08.57.08.9,0,.44-.04.82-.13,1.14s-.2.58-.36.76-.32.27-.52.27-.37-.09-.53-.27c-.15-.18-.27-.44-.36-.76-.08-.33-.13-.71-.13-1.14,0-.33.02-.63.07-.9.05-.27.12-.5.21-.7.09-.2.2-.35.32-.46s.26-.16.41-.16.28.05.4.16ZM7.28,8.21c.05-.09.09-.23.12-.43.03-.2.04-.46.04-.8s-.01-.62-.04-.83c-.03-.21-.07-.36-.12-.45-.05-.09-.12-.14-.2-.14s-.15.05-.21.14c-.05.1-.09.25-.12.46-.03.21-.04.49-.04.82s.01.59.04.79c.03.2.07.35.12.44.05.09.12.14.2.14s.15-.05.21-.14Z'/%3E%3Cpath d='M9.98,4.82s.07,0,.08.03.01.06.01.12l-.02.66s0,.08-.02.1c-.01.02-.03.03-.06.03h-.97s-.06.03-.06.1l-.03.55s0,.06.01.07c0,.01.02.02.04,0,.08-.05.15-.09.21-.11.06-.03.13-.04.21-.04.16,0,.31.05.44.16.13.11.23.26.3.47.07.21.11.46.11.76s-.04.57-.12.78-.19.38-.34.5c-.15.12-.31.17-.51.17-.22,0-.41-.07-.58-.2-.17-.13-.3-.31-.38-.53-.01-.04-.02-.08-.03-.11,0-.04,0-.07.03-.11l.3-.38s.07-.04.09.02c.04.09.09.18.13.25.04.08.1.13.15.18.06.04.12.07.2.07.09,0,.17-.03.23-.08s.11-.13.14-.22c.03-.09.05-.2.05-.31s-.01-.21-.04-.3-.07-.16-.13-.21-.13-.08-.21-.08c-.06,0-.12.02-.17.05-.05.03-.12.08-.19.15-.02.02-.03.02-.04.02,0,0-.02-.01-.04-.03l-.33-.33s-.04-.05-.04-.08c0-.03,0-.07,0-.12l.09-1.82c0-.06.01-.1.03-.12s.05-.03.1-.03h1.35Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}



body#layout #overLayer > .inner .container_main{
	background-color:#000;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.35 51.43'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B opacity: .3; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M12.75,24.42C5.77,24.34.14,18.81.21,12.08.28,5.35,6.02-.07,13,0c6.98.07,12.61,5.6,12.54,12.34-.07,6.73-5.81,12.15-12.79,12.08ZM12.91,9.35c-1.63-.02-2.98,1.25-2.99,2.82-.02,1.57,1.3,2.87,2.93,2.89,1.63.02,2.97-1.25,2.99-2.83.02-1.57-1.3-2.87-2.93-2.89Z'/%3E%3Cpath class='cls-2' d='M16.73,49.31C7.41,49.21-.09,41.83,0,32.85c.09-8.98,7.74-16.21,17.06-16.11l-.1,9.35c-3.96-.04-7.22,3.04-7.26,6.86-.04,3.82,3.15,6.96,7.12,7,3.96.04,7.22-3.04,7.26-6.86l.1-9.52,9.7.1-.1,9.52c-.09,8.98-7.75,16.21-17.06,16.11Z'/%3E%3Cpath class='cls-2' d='M12.75,24.42C5.77,24.34.14,18.81.21,12.08.28,5.35,6.02-.07,13,0c6.98.07,12.61,5.6,12.54,12.34-.07,6.73-5.81,12.15-12.79,12.08ZM12.91,9.35c-1.63-.02-2.98,1.25-2.99,2.82-.02,1.57,1.3,2.87,2.93,2.89,1.63.02,2.97-1.25,2.99-2.83.02-1.57-1.3-2.87-2.93-2.89Z'/%3E%3Cpath class='cls-2' d='M16.73,49.31C7.41,49.21-.09,41.83,0,32.85c.09-8.98,7.74-16.21,17.06-16.11l-.1,9.35c-3.96-.04-7.22,3.04-7.26,6.86-.04,3.82,3.15,6.96,7.12,7,3.96.04,7.22-3.04,7.26-6.86l.1-9.52,9.7.1-.1,9.52c-.09,8.98-7.75,16.21-17.06,16.11Z'/%3E%3Cpolygon class='cls-2' points='33.35 51.43 4.89 21.63 11.89 14.9 40.35 44.7 34.35 45.66 33.35 51.43'/%3E%3Cpath class='cls-2' d='M8.13,20.7l9.58.1c-1.58-1.86-2.67-3.17-4.87-5.74-1.63-.02-2.95-1.31-2.93-2.89.01-1.14.73-2.12,1.75-2.56L11.76.05C5.35.59.28,5.75.21,12.08c-.04,3.89,1.83,7.37,4.75,9.64l3.12,3.27.04-4.28Z'/%3E%3Cpath class='cls-2' d='M.43,29.36s1.33-8,12.62-14.12l6.49,7.29c-3.87,2.1-6.73,4.47-8.6,6.61-3.6,4.11-4.28,7.38-4.28,7.38L.43,29.36Z'/%3E%3C/g%3E%3C/svg%3E"),
url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.85 21.39'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; opacity: .3; stroke: %23fff; stroke-miterlimit: 10; stroke-width: .4px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.17,21.28C.57,20.68,23.72.15,23.72.15'/%3E%3C/svg%3E");
	background-position: 2vw 2vw, right 2vw bottom 2vw;
	background-size: 24vw auto, 14vw auto;
	background-repeat:no-repeat;
	
}
body#layout #overLayer > .inner .container_main[data-pbg="yellow"]{
	background-color:#f9cb2b
	
}
body#layout #overLayer > .inner .container_main[data-pbg="blue"]{
	background-color:#b3dfd9
	
}
body#layout #overLayer > .inner .container_main[data-pbg="groen"]{
	background-color:#b6d34f
	
}
body#layout #overLayer > .inner .container_main[data-pbg="red"]{
	background-color:#e7252c
	
}
body#layout #overLayer[data-screen-color="menu"] > .inner .container_main{
	background-size: 9vw auto, 14vw auto;
}
body#layout #overLayer > .inner .container_main{
	position: absolute;
	min-height: 100%;
	width: 100%;
	padding-top: 8vw;
	padding-bottom: 4vw;
}
body#layout #overLayer > .inner .container_main .block-cntx{
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
}
#overLayer a.bttn_close{
	color:#000;
	background-image: url(/svg/fe-linkingandlearning/000000/kruisje.svg);
	
}
#overLayer a.bttn_close:before{
	content:  'sluit scherm';
}
body#layout #overLayer[data-screen-color="menu"]  a.bttn_close{
	color:#fff;
	background-image: url(/svg/fe-linkingandlearning/ffffff/kruisje.svg);
	
}
body#layout #overLayer[data-screen-color="menu"]  a.bttn_close:before{
	content: 'sluit menu'
}



body#layout #overLayer {
	position: fixed;
	top: 2.38vw;
	left: 12.8vw;
	bottom: 0;
	right: 0;
	z-index: 100;
	display: block;
	transform-origin: left top;
	overflow: auto;
	overflow-x: hidden;
	/* background-color: #000000d1; */
	background-color: #F2F2F2;
	transition: all 1s;
	transform: translateX(100%);
}

body#layout.popup-open #menu-button{
	right:87%;
}
body#layout #overLayer.open {
	transform: translateX(0%);
}



body#layout #overLayer.open{	
	display:block;	
}

.module-back-button{
	position:absolute;
	top:0;left:0;
}


a.social{
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	display: block;
	margin-right: 2px;
	margin-left: 12px;
	margin-top: -5px;
	float: left;
}
a.social.__insta{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3.44 3.45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.72,0c.23,0,.47,0,.7.01.17,0,.33.03.48.1.23.11.38.29.46.53.04.13.06.26.06.39.02.39.01.78,0,1.17,0,.12,0,.25-.02.37-.03.28-.14.51-.37.67-.12.09-.27.14-.42.17-.15.03-.3.03-.45.03-.31,0-.62,0-.93,0-.14,0-.29,0-.43-.03-.22-.04-.42-.13-.57-.3-.11-.13-.18-.29-.21-.45-.03-.13-.03-.27-.03-.41C0,1.92,0,1.58,0,1.25c0-.14,0-.29.03-.43.04-.26.16-.47.38-.62C.53.1.68.05.84.03c.17-.02.35-.02.53-.03.12,0,.24,0,.36,0h0ZM1.72,3.14s0,0,0,0c.19,0,.38,0,.57,0,.12,0,.24,0,.35-.03.17-.04.3-.13.39-.28.05-.08.08-.18.08-.27.01-.14.02-.29.02-.43,0-.29,0-.59,0-.88,0-.13,0-.27-.03-.4-.04-.2-.15-.36-.35-.44-.09-.04-.19-.06-.29-.06-.32-.02-.65-.01-.97-.01-.15,0-.29,0-.44,0-.09,0-.19.01-.28.04-.17.05-.29.14-.37.3-.05.1-.07.22-.08.33,0,.17-.01.33-.01.5,0,.3,0,.6,0,.91,0,.08.01.16.03.24.04.18.14.32.31.4.1.05.21.07.32.08.25,0,.49.01.74.02Z'/%3E%3Cpath class='cls-1' d='M2.6,1.73c0,.49-.4.88-.89.88-.49,0-.88-.4-.88-.89,0-.49.4-.89.89-.88.49,0,.88.4.88.89ZM1.72,2.3c.32,0,.57-.26.57-.57,0-.32-.26-.57-.57-.57-.32,0-.58.26-.58.57,0,.32.26.57.57.57Z'/%3E%3Cpath class='cls-1' d='M2.43.81c0-.11.09-.21.21-.21.11,0,.21.09.21.21,0,.12-.09.21-.21.21-.11,0-.21-.09-.21-.21Z'/%3E%3C/svg%3E");
}
a.social.__fb{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3.45 3.45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M0,1.72C0,.75.79,0,1.73,0c.96,0,1.72.78,1.72,1.74,0,.96-.81,1.71-1.74,1.71C.77,3.44,0,2.67,0,1.72ZM1.4,1.93c0,.36,0,.73.01,1.09,0,0,.02,0,.02,0,.14,0,.28,0,.41,0t.02-.02c0-.34,0-.69,0-1.03,0,0,0-.02,0-.03.01,0,.03,0,.04,0,.1,0,.19,0,.29,0,.01,0,.02,0,.02-.01.02-.08.03-.16.05-.24,0-.05.02-.11.03-.16,0-.02,0-.03-.02-.03-.02,0-.03,0-.05,0-.11,0-.21,0-.32,0,0,0-.01,0-.02,0,0,0,0,0,0,0,0-.12,0-.24,0-.36,0-.04.02-.07.05-.09.03-.01.05-.03.08-.03.06,0,.13-.01.19-.02.03,0,.06,0,.09,0v-.36s-.01,0-.02,0c-.07,0-.14,0-.21,0-.11,0-.23,0-.34.03-.14.04-.24.12-.29.26-.03.08-.04.15-.04.23,0,.11,0,.23,0,.34,0,.01,0,.02,0,.03h-.4c0,.14,0,.29,0,.43h.4Z'/%3E%3Cpath d='M1.4,1.93h-.4c0-.14,0-.29,0-.43h.4s0-.02,0-.03c0-.11,0-.23,0-.34,0-.08.01-.16.04-.23.05-.14.15-.22.29-.26.11-.03.22-.03.34-.03.07,0,.14,0,.21,0,0,0,.01,0,.02,0v.36s-.06,0-.09,0c-.06,0-.13,0-.19.02-.03,0-.06.02-.08.03-.03.02-.05.05-.05.09,0,.12,0,.24,0,.36,0,0,0,0,0,0,0,0,.01,0,.02,0,.11,0,.21,0,.32,0,.02,0,.03,0,.05,0,.02,0,.02,0,.02.03,0,.05-.02.11-.03.16-.02.08-.03.16-.05.24,0,.01-.01.01-.02.01-.1,0-.19,0-.29,0-.01,0-.02,0-.04,0,0,.01,0,.02,0,.03,0,.34,0,.69,0,1.03t-.02.02c-.14,0-.28,0-.41,0,0,0-.01,0-.02,0,0-.36,0-.72-.01-1.09Z'/%3E%3C/svg%3E");
}

.logo-partner{
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	float: right;
}

.logo-partner.__soa{
	width: 89px;
	height: 39px;
	background-image: url(../../images/fe-linkingandlearning/logos/logo-soa-aids.png);
}
.logo-partner.__hiv-v{
	width: 73px;
	height: 37px;
	background-image: url(../../images/fe-linkingandlearning/logos/logo-hiv-v.png);
}
.logo-partner.__spiral{
	width: 92px;
	height: 37px;
	background-image: url(../../images/fe-linkingandlearning/logos/logo-spiral.png);
}

#sidebar ._footer{
	position: absolute;
	bottom: 1vw;
	left:0;
	right:0;padding-left: 0.5vw;
	border-top: 2px solid #FFF;
	padding-top:1vw;
	
}
#sidebar ._footer .logo-partner{
	float: left;
	margin: 0.25vw 0.5vw;
}
#sidebar .logo-partner.__soa{
	width: 5.29vw;
	height: 2.32vw;
}
#sidebar .logo-partner.__hiv-v{
	width: 4.34vw;
	height: 2.32vw;
}
#sidebar .logo-partner.__spiral{
	width: 5.47vw;
	height: 2.32vw;
}