/*-- NO FLEXBOX --*/

.no-js .flex_container,
.no-js .flex_item{
	margin:auto;}
.no-js .flex_item{
	display:inline-block;
	vertical-align:top;
	margin-right:-4px;}

.no-flexbox .flex_container{
	margin: 0 auto;}
.no-flexbox .flex_container:before,
.no-flexbox .flex_container:after{
  content: "";
  display: table;
  clear: both;}
.no-flexbox [class*='flex_item'] {
  float: left;
  padding-right: 20px;}
.no-flexbox .flex_container [class*='flex_item']:last-of-type {
  padding-right: 0;}

@media (max-width : 850px) {
	.no-flexbox [class*='flex_item'] {
		padding-right:0;}
}

/*-- FLEXBOX --*/

.flexbox .flex_container{
    display: -ms-flexbox;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-ms-box-align: center;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: flex-start;
	-moz-align-content: flex-start;
	-ms-align-content: flex-start;
	align-content: flex-start;
}
.flexbox .flex_item.start{
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-align-self: flex-start;
    align-self: flex-start;}
.flexbox .flex_item.middle{
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
    align-self: center;}
.flexbox .flex_item.end{
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-align-self: flex-end;
    align-self: flex-end;}
.flexbox .flex_item{
	-webkit-flex: 1 auto;
	-moz-flex: 1 auto;
	-ms-flex: 1 auto;
	flex: 1 auto;}

.container{
    width:100%;
    max-width:100%;
    margin:auto;}
.container_1600{
    width:100%;
    max-width:1600px;
    margin:auto;}
.container_1400{
    width:100%;
    max-width:1400px;
    margin:auto;}
.container_1300{
    width:100%;
    max-width:1300px;
    margin:auto;}
.container_1200{
    width:100%;
    max-width:1200px;
    margin:auto;}
.container_1100{
    width:100%;
    max-width:1100px;
    margin:auto;}
.container_1000{
    width:100%;
    max-width:1000px;
    margin:auto;}
.container_900{
    width:100%;
    max-width:900px;
    margin:auto;}
.container_800{
    width:100%;
    max-width:800px;
    margin:auto;}

.width5{width:5%;}
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width33{width:33.33%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width65{width:65%;}
.width66{width:66.66%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width100{width:100%;}
.maxwidth25{max-width:25%;}
.maxwidth50{max-width:50%;}
.height100{height:100%;}

@media (max-width : 850px) {
    .welcome .width40,
    .welcome .width60{
		width:100%;
		max-width:100%;
    }
}

@media (max-width : 720px) {
    .width5,
	.width10,
	.width15,
	.width20,
	.width25,
	.width30,
	.width33,
	.width35,
	.width40,
	.width45,
	.width50,
	.width55,
	.width60,
	.width65,
	.width66,
	.width70,
	.width75,
	.width80,
	.width85,
	.width90,
	.width100{
		width:100%;
		max-width:100%;}
    .maxwidth50{
		width:100%;
		max-width:100%;}
    .maxwidth25{
        width:50%;
        max-width:50%;}

    .nowrap .width20{width:20%;}
    .nowrap .width30{width:30%;}
    .nowrap .width50{width:50%;}
    .nowrap .width70{width:70%;}
    .nowrap .width80{width:80%;}

    footer .width25{
		width:50%;
		max-width:50%;
    }
}

/*-- LAYOUT --*/

body{}
header{
    background-color:#efefef;
    position: relative;
    z-index: 0;
}
header:after {
    content: "";
    background-image: url(../img/header_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;}

	.logo_wrap{
        position: relative;
        z-index: 10;}
    .logo_wrap a{
        max-height:inherit;
        display:block;}
        .logo_wrap .logo{
            margin:auto;}
        .mother_logo{
            min-height:60px;
            padding:30px 15px;
            position: relative;
            z-index: 10;}
	.menu_wrap{
/*		flex:2 auto;*/
		padding:0;}
		.no-flexbox .mini-menu_knop{
			float:right;
			padding:40px;}
        .mini-menu_knop{
            display:none;
            z-index:109;
            position: relative;}
		.mini-menu_knop .fa-bars{
			cursor:pointer;}
        .main-nav{
            border-top:4px solid #dbdbdb;
            position: relative;
            z-index: 10;}
		.main-nav ul {
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			list-style: none;}
		.main-nav ul li a{
            height:120px;
            display: flex;
            flex-direction: column;
			justify-content: center;}
		.no-flexbox .lang-nav ul,
		.no-flexbox .main-nav ul {
			text-align:right}
		.no-flexbox .lang-nav li,
		.no-flexbox .main-nav li {
			display:inline-block;
			margin-right:0px;}
		.no-flexbox .main-nav li:last-of-type{
			margin-right:0px;}
			.main-nav li a{
				padding:0 15px;
				width:100%;
				height:35px;
				line-height:35px;
				text-transform: uppercase;}
.mini-menu_wrap{
    display:none;
}

@media (max-width : 1100px) {
	.mini-menu_knop{
        min-height:60px;
		display:block;
        height:auto;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
		width:auto;
		min-width:100px;
		text-align:right;
        margin:0 20px 8px 0;}
    .mother_logo{
        padding:15px;}
    .menu_wrap{
		display:none;
        width:100%;
        background-color:#f2f2f2;}
    .main-nav ul{
        height:auto;
        padding-bottom:20px;}
    .main-nav li.active,
    .main-nav li{
		text-align: right;
		width:33%;
        height:35px;
		padding:4px;}
	.main-nav ul li a{
		text-align: left;
		display:block;}
	.no-flexbox .menu_wrap{
		width:100%;
		text-align:left;}
	.no-flexbox .main-nav li{
		display:inline-block;}
}

@media (max-width : 750px) {
	.main-nav ul{
  		justify-content: flex-start;}
    .main-nav li.active,
	.main-nav li{
		width:50%;}
	.no-flexbox .main-nav li{
		width:50%;
		padding:4px;}
}

/* ::: COLORS ::: */

.colors{height:9px;}
.colors div{min-height:1px;height:9px;}
@media (max-width : 720px) {
    .colors div{min-height:1px;height:1px;}
}
.darkorange{
    background-color:#FF8C00;}
.gold{
    background-color:#FFD700;}
.gold_3{
    background-color:#CDAD00;}
.yellow_3{
    background-color:#CDCD00;}
.gold_3-text{
    color:#CDAD00;}
.darkolivegreen_4{
    background-color:#7D9E09;}
.darkolivegreen_4-text{
    color:#7D9E09;}
.olivedrab{
    background-color:#6B8E23;}
.olivedrab-text{
    color:#6B8E23;}
.orange_4{
    background-color:#8B5A00;}
.orange_4-text{
    color:#8B5A00;}
.darkorange_2{
    background-color:#EE7600;}
.darkorange_2-text{
    color:#EE7600;}
.cadmiumyellow{
    background-color:#FF9912;}
.bg_white{
    background-color: #fff;}
.white-text{
    color:#fff;}
.bg_light{
    background-color: #eee;}
.bg_extralight{
    background-color: #fefefe;}


sidebar .submenu{
    border-right:1px solid #C2C6C9;}
sidebar .submenu li a{
    display:block;
    height:60px;
    line-height:60px;
    font-size:1.0rem;
    color:#000;
    font-weight:400;
    text-decoration: none;
    border-bottom:1px dashed #C2C6C9;}
sidebar .submenu li a:before{
    font-family: "fontAwesome";
    content: "\f105";
    font-size: 1.4rem;
    color: #959CA2;
    font-weight:800;
    padding-right:10px;}
sidebar .submenu li a.active{
    font-weight:600;}
sidebar .submenu li a.active:before{
    color: #97B72A;
    font-weight:800;}


@media (max-width : 900px) {
    sidebar .submenu{
        margin:0 20px;}
}
@media (max-width : 750px) {
    sidebar{}
    sidebar .submenu{
        margin:-20px 20px 20px;
        display:flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width:calc(100% - 40px);
        border-right:0px solid #C2C6C9;}
    sidebar .submenu li a{
        height:40px;
        line-height:40px;
        white-space: nowrap;
        padding:0 10px;}
    sidebar .submenu li a.active{
        border-bottom:1px solid #97B72A;}
    sidebar .submenu li a:before{
        content: "";
        padding-right:0px;}
}

/*
section,
main{
    min-height:100px;}
*/
.welcome .hp_events{
    min-width:300px;}
.welcome .hp_events figure{
    margin-top:15px;
    max-width:150px;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;}
.welcome .hp_events figure:after{
    content:url("../img/eventball.png");
    width:44px;height:44px;
    position: absolute;
    top:0;right:-2px;
    z-index:25;}
.welcome .hp_events figure img{
    height:100%;
    max-height:150px;
    width:100%;
    border-radius:75px;}
/*
.welcome .events .width60{
    min-width:230px;}
*/
@media (max-width : 1200px) {
    .welcome .hp_events .flex_container{
        flex-direction: column-reverse;}
    .welcome .hp_events .width40,
    .welcome .hp_events .width60{
        min-width:100%;}
    .welcome .hp_events figure{
        margin:15px 0 0 0;
        max-width:100%;
        width: 100%;
        height: 100px;}
    .welcome .hp_events figure:after{
        top:-10px;left:-10px;}
    .welcome .hp_events figure img{
        border-radius:10px;
        margin-bottom:20px;}
}

.content article{
	height:auto;
	/* min-height:400px;
	overflow: visible; */
}
.extras figure,
.content article figure{
    border-radius:8px;
    width:100%;
    min-height:150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ccc;
}
.content .slick-prev,
.content .slick-next{
    top:100%;
    width: 40px;
    height: 40px;
/*    background-color:#A6B781;*/
}
.content .slick-prev:before,
.content .slick-next:before{
    font-size:30px !important;
    color:#6B8E23 !important;
}
.content .slick-prev,
.content .slick-prev{
    left:calc(100% - 130px);}
.content .slick-next,
.content .slick-next{
    left:calc(100% - 70px);}

@media (max-width : 650px) {
    .content .slick-prev,
		.content .slick-prev{
        left:calc(50% - 40px);}
    .content .slick-next,
		.content .slick-next{
        left:calc(50%);}
}
.content article a{
	color:#6B8E23;
}
.resourcestab a{
	text-decoration: none;
	color:#444 !important;
}
.resourcestab a:hover{
	text-decoration: underline;
	color:#6B8E23 !important;
}

.resourcestab a.readmore{
	text-decoration: none;
	color:#6B8E23 !important;
}

.extras figure{
    min-height:200px;
    position:relative;}
.extras figure article{
    position:absolute;
    bottom:0px;
    left:0px;
    height:60%;
    width:100%;
    background-color:aqua;
    border-radius:8px;
    background: rgba(250,248,247,0);
    background: -moz-linear-gradient(top, rgba(255,255,2255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,2255,0)), color-stop(100%, rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top, rgba(255,255,2255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(255,255,2255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,2255,0) 0%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(255,255,2255,0) 0%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000', GradientType=0 );
}
.extras figure article h4{
    position:absolute;
    bottom:30%;
    width:100%;
    color:#fff;
    padding-left:20px;
    text-transform: none;}
.extras figure article h4 a{
    position:absolute;
    right:0;
    background-color: darkorange;
    border-radius:6px 0 0 6px;
    padding: 0 25px 0 15px;
    text-decoration: none;
    color:#fff;}
.extras figure article h4 a:after{
    font-family: 'fontAwesome';
    content: "\f067";
    font-size:0.8em;}

.hp_nieuws{}
.hp_nieuws figure{
	height:100%;
	background-size:cover;
	background-position:center;
    border-radius:10px 0 0 10px;
    position:relative;}
.hp_nieuws figure .pil{
    background-color: darkorange;
    color:#fff;
    position:absolute;
    top:20px;left:20px;
    padding:4px 10px;
    border-radius:8px;}

.newsimg figure{
	height:100%;
	background-size:cover;
	background-position:center;
  border-radius:10px 0 0 10px;
  position:relative;
	margin:0;
	max-height:500px;}
.newsimg figure .pil{
  background-color: darkorange;
  color:#fff;
  position:absolute;
  top:20px;left:0;
  padding:4px 10px;
  border-radius:0 8px 8px 0;
	font-size:90%;
	font-weight:700;}

.hp_nieuws article{
	height:100%;
    border-radius:0 10px 10px 0;
    position:relative;
    padding:20px;
    min-height:300px;}
.twitterfeed,
.autoplay{
    min-height:385px;}
.twitterfeed,
.autoplay .slick-dots{
    border-radius:10px;
    background-color: #fff;}
.autoplay .slick-dots{
    margin:0 20px;
    min-height:55px;
    text-align: center;}
.autoplay .slick-dots li{
    height:55px;
    line-height:55px;}
.autoplay .slick-dots li a{
    color:#8B5A00;
    color:darkorange;
    font-weight:700;
    opacity:0.7}
.autoplay .slick-dots .slick-active a{
    opacity:1}
.autoplay .slick-prev,
.autoplay .slick-next{
    top:calc(100% - 27px);
    width:80px;
    height:55px;
/*
    background-color:#A6B781;
*/
}
.autoplay .slick-prev:before,
.autoplay .slick-next:before{
    font-size:30px !important;
    color:darkorange !important;}
.autoplay .slick-prev{
    left:20px;}
.autoplay .slick-prev:after{
    position:absolute;
    content:"";
    top:0;right:0;
    width:1px;
    height:100%;
    background-color:darkorange;
    opacity:0.5;}
.autoplay .slick-next{
    left:calc(100% - 100px);}
.autoplay .slick-next:after{
    position:absolute;
    content:"";
    top:0;left:0;
    width:1px;
    height:100%;
    background-color:darkorange;
    opacity:0.5;}
.hp_partners_cont{
    border-top:1px solid #ccc;}
.hp_partners li{
    display: table-cell !important;
    vertical-align: middle;
    height:200px;
    line-height:200px;}
.hp_partners li img{
    vertical-align: middle;
    display:inline;
    filter: gray;
/*    -webkit-filter: saturate(0%) grayscale(100%) brightness(70%) contrast(10000000%);*/
    -webkit-filter: grayscale(100%) saturate(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) saturate(0%);
    opacity: 1;
    max-height:120px;
    max-width:230px;
    margin:auto 40px;}
.hp_partners li img:hover{
    -webkit-filter: grayscale(0%) saturate(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) saturate(100%);
    cursor:pointer;}
@media (max-width : 750px) {
    .hp_partners li{
        height:150px;
        line-height:150px;}
    .hp_partners li img{
        max-height:100px;
        max-width:150px;}
}
.hp_partners_wrap{
    position:relative;
    z-index:100;}
.hp_partners_wrap::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;
background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,0.6) 35%, rgba(254,254,254,0.6) 65%, rgba(254,254,254,1) 100%);
background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(254,254,254,0.6) 35%,rgba(254,254,254,0.6) 65%,rgba(254,254,254,1) 100%);
background: linear-gradient(to right, rgba(254,254,254,1) 0%,rgba(254,254,254,0.5) 35%,rgba(254,254,254,0.5) 65%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fefefe',GradientType=1 );
}

.partners{}
.partners .partner,
.resources .resource{
    border-left: 10px solid #FF8C00;
    background-color: #fff;
    border-radius:0 10px 10px 0;
    padding:5px 10px;
    min-height:200px;
    height:calc(100% - 30px);}
.resources .resource{
    background-size:cover;
    background-position: center;}
.resources .gold{
    border-color:#FFD700;}
.resources .yellow_3{
    border-color:#CDCD00;}
.resources .darkolivegreen_4{
    border-color:#7D9E09;}
.resources .gold_3{
    border-color:#CDAD00;}
.resources .cadmiumyellow{
    border-color:#FF9912;}
.partners .partner .partnerlogo{
/*    text-align: center;*/
    padding:10px 0;}
.partners .partner .partnerlogo img{
    max-width:80%;
    max-height:70px;}
.partners .partner p,
.resources .resource p{
    color:#777;}
.partners .partner .fa{
    color:#777;
    margin-right:5px;}
.partners .partner .fa:hover{
    color:#8B5A00;
    margin-right:5px;}
@media (max-width : 1000px) {
    .partners .width33{
        width:50%;}
}
@media (max-width : 600px) {
    .partners .width33{
        width:100%;}
}

.packages{}
.packages .package,
.events .news,
.events .event{
    border-left: 10px solid #CDCD00;
    background-color: #fff;
    border-radius:0 10px 10px 0;
    padding:0;}
.events .news{
    border-color:#FF9912;
    background-color:#efefef;}
.events .event{
    border-color:#FFD700;
    background-color:#efefef;}
.packages .package .packagepic,
.events .news .eventpic,
.events .event .eventpic{
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-width:150px;
    min-height:150px;
    width:40%;
    height:inherit;}
.events .news .eventpic,
.events .event .eventpic{
    width:100%;}
.packages .package .packagepic .pil,
.events .news .eventpic .pil,
.events .event .eventpic .pil{
    position:absolute;
    top:20px; left:0;
    padding:4px 10px 4px 15px;
    color:#fff;
    border-radius:0 8px 8px 0;
    font-family: 'Open Sans Condensed';
    font-weight:bold;}
.events .event .eventpic .pil{
    color:#8B5A00;}
.events .news .eventpic .pil{
    background-color:#FF9912;
		color:#fff;}
.packages .package .packagetxt,
.events .news .eventtxt,
.events .event .eventtxt{
    padding:15px 20px;
    width:60%;
    position:relative;
    overflow:hidden;
		padding-bottom: 40px;}
.events .news .eventtxt{
	min-height:400px;
}
.packages .package .packagetxt p{
    color:#777;}
.events .news .eventtxt .more,
.events .event .eventtxt .info,
.packages .package .packagetxt .reports,
.packages .package .packagetxt .present{
    position:absolute;
    top:100%;
    height:100%;
}
.events .news .eventtxt .more,
.events .event .eventtxt .info,
.packages .package .packagetxt .reports{
    left:0;
    width:100%;
}
.packages .package .packagetxt .present{
    left:0;
    width:100%;
}
.events .news .eventtxt .more h5,
.events .event .eventtxt .info h5,
.packages .package .packagetxt .reports h5,
.packages .package .packagetxt .present h5{
    padding: 0 10px;
    margin:0;
    line-height:30px;
    background-color: #CDCD00;
    display: inline-block;
    position: absolute;
    top:-30px;
    left:20px;
    z-index:30;
    color:#fff;
    font-weight:600;
    font-size:0.9em;
    border-radius:5px 5px 0 0;
    border-width:1px 1px 0 1px;
    border-color:#CDCD00;
    border-style: solid;}
.events .news .eventtxt .more h5,
.events .news .eventtxt .more h5 a{
	text-decoration: none;
    background-color: #FF9912;
    color:#fff;
    border-color:#FF9912;
		font-weight:700;}
.events .event .eventtxt .info h5{
    background-color: #FFD700;
    color:#8B5A00;}
.packages .package .packagetxt .present h5{
    left:20px;}
.events .event .eventtxt .info ul,
.packages .package .packagetxt .reports ul,
.packages .package .packagetxt .present ul{
    height:100%;
    padding:10px;
    background-color: #CDCD00;
    border-radius:0 8px 8px 0;}
.events .event .eventtxt .info ul,
.events .event .eventtxt .info p{
    background-color: #FFD700;}
.events .event .eventtxt .info ul li,
.events .event .eventtxt .info ul li p{
    margin:0;}
.events .event .eventtxt .info,
.packages .package .packagetxt .reports,
.packages .package .packagetxt .present{
	transition: transform .2s ease-in-out;}
/* .packages .package .packagetxt .reports:hover,
.packages .package .packagetxt .reports:focus,
.packages .package .packagetxt .present:hover,
.packages .package .packagetxt .present:focus{
	transform: translate3d(0px, calc(-100% + 30px), 0px);} */
.events .event .eventtxt .info:hover{
	transform: translate3d(0px, -100%, 0px);}
.newstxt .news{
	position:relative;
	padding-top:30px;}
.newstxt .news .overview{
	background-color:#ddd;
	position:absolute;
	right:30px;top:0;
	padding:7px 15px;
	border-radius:0 0 5px 5px;}
.newstxt .news .overview a{
	text-decoration: none;
	color:#999;
	font-weight:400;}
.newstxt .news .overview a:hover{
	color:#444;}

.slider{}
.slider_big li{
	height:100%;
	background-size:cover;
	background-position:center;
    position:relative;}
.slider_big li .top{
    top:15%;}
.slider_big li .bottom{
    bottom:15%;}
.slider_big li .left{
    left:15%;}
.slider_big li .right{
    right:15%;
    text-align: right;}
.slider_big li h2{
    position:absolute;
    max-width:50%;}
.slider_big li h2 span{
    background-color:rgba(255,255,255,0.5);
    color:#fff;
    padding:0;
    font-size:1.2em;
    font-weight:300;
    line-height:1.8em;}
.slider_big li h2 span b{
    font-weight:700;}

@media (max-width : 750px) {
    .slider_big li h2{
        max-width:80%;}
    .slider_big li h2 span{
        padding:3px 10px;
        font-size:1.0em;
        line-height:1.8em;}
}

/*
.visual figure{
    position:relative;
    height:100%;
    max-width:100%;}
*/

@media (max-width : 1000px) {

}

@media (max-width : 850px) {

}

@media (max-width : 750px) {
	.clusters .flex_item{
        min-width:100%;}
    .clusters article:not(.readmore){
        border-bottom:0px solid #C2C6C9;
        min-height:10%;}
}

footer{
	padding:20px 20px 30px 20px;
    background-color:#343533;}
footer h2{
    border-bottom:1px solid #fff;
}
footer .quickmenu{
    list-style: none;}
footer .quickmenu li{
    list-style: none;}
footer .quickmenu li:before{
    content:"";}
footer .quickmenu li a{}
footer .quickmenu li a span{
    color:#aaa;}
footer .newsletter{
    display:block;
    margin-top:10px;
    height:35px;
    max-width:300px;}
footer .newsletter input[name='mailadres']{
    background-color:#666;
    border:none;
    border-top:1px solid #666;
    border-radius:0.4em 0 0 0.4em;
    margin:0;
    padding:0 10px;
    display:inline-block;
    height:100%;
    width:80%;
    color:#fff;
    vertical-align: middle;}
footer .newsletter .go{
    background-color:#888;
    border:none;
    outline: none;
    border-radius:0 0.4em 0.4em 0;
    margin:0;
    display:inline-block;
    height:100%;
    width:20%;
    vertical-align: middle;}
footer .newsletter .go .fa{
    color:#fff;}
footer .newsletter .go:hover .fa{
    color:#CDCD00;}
footer .MC{
		font-size:90%;
		margin-top:15px;
		display:block;}
footer .MC_1{
		background-color: #666;
		border: none;
		border-top: 1px solid #666;
		border-radius: 0.4em 0 0 0.4em;
		margin: 0;
		padding: 0 10px;
		display: inline-block;
		height: 40px;
		width: 80%;
		color: #fff;
		vertical-align: middle;}
footer .MC_1 span{
		line-height:40px;
		font-style: italic;
		color:#aaa;}
footer .MC_2{
		background-color: #888;
		border: none;
		outline: none;
		border-radius: 0 0.4em 0.4em 0;
		margin: 0;
		display: inline-block;
		height: 40px;
		width: 20%;
		text-align: center;
		vertical-align: middle;}
footer .MC_2 i{
		line-height:40px;}

footer section{
    min-width:300px;}

@media (max-width : 850px) {}



section{}
    .slider_big{
        overflow:hidden;
        border-bottom:10px solid #97B638;}
	.slider_big,
	.slider_big li{
        min-height:300px;
    	height:60vh;}

    .slider_medium{
        overflow:hidden;
/*        border-bottom:7px solid #97B638;*/
    }
	.slider_medium,
    .slider_medium li{
    	min-height:220px;
        height:30vh;}

    .slider_small{
	   overflow:hidden;
        border-bottom:4px solid #97B638;}
	.slider_small,
    .slider_small li{
    	min-height:150px;
        height:22vh;}

    .slider_big li,
    .slider_medium li,
    .slider_small li{
        background-repeat:no-repeat;
        background-size:cover;}
    .slider_big li{
        background-position:center;}
    .slider_medium li{
        background-position:center;}
    .slider_small li{
        background-position:center 60%;}
    .bx-wrapper .bx-controls-direction a{
        height:100%;}



/*
section .container .formulier,
section .container .map,
section  #form{
    flex:1 0 60%;
    vertical-align: top;
    min-width:380px;}
*/
#contactmap{
    width:100%;
    height: 400px;}
/*
#contactmap iframe{
    pointer-events: none;}
*/

.contactgegevens .titel{
	font-weight:600;
	font-size:1em;}
.contactgegevens .titel:before{
	font-family: "fontAwesome";
	color: darkred;
	padding-right:7px;}
.contactgegevens .tit_adres:before{
	content: "\f041";}
.contactgegevens .tit_telefoon:before{
	content: "\f10b";}
.contactgegevens .tit_email:before{
	content: "\f0e0";}

#form{
    margin:0;
    padding:0;}
#form fieldset{
    padding:0;
    display:inline-block;
    border:none;
    margin:0 -2px 10px 0;
    box-sizing:border-box;
    vertical-align: top;
	text-align: left;}
#form fieldset.field_50{
    width:calc(50% - 1px);}
#form fieldset.field_80{
    width:calc(80% - 1px);}
#form fieldset.field_20{
    width:calc(20% - 1px);}
#form fieldset.field_100{
    width:calc(100% - 1px);}
#form .form_error{
    margin:0;
    padding:0 0 0 5px;
    font-size:0.85em;
    font-weight:500;
    color: firebrick;
    line-height:1.7em;
    display:none;}
#form fieldset input[type=text],
#form fieldset textarea{
    padding:5px;
    margin:0;
    font-size:0.85em;
    font-weight:400;
/*    box-sizing:border-box;*/
/*    border-radius:3px;*/
    border:0;
    border-bottom:1px solid #aaa;
    font-weight:300;}
#form fieldset input[type=text]{
	-webkit-width:calc(100% - 10px);
	-moz-width:calc(100% - 10px);
	-o-width:calc(100% - 10px);
    width:calc(100% - 10px);
    height:45px;}
#form fieldset textarea{
	-webkit-width:calc(100% - 8px);
	-moz-width:calc(100% - 8px);
	-o-width:calc(100% - 8px);
    width:calc(100% - 8px);
    min-height:150px;
    resize:vertical;}
#form fieldset .vul_in{
    border-bottom-color:firebrick;
    background-color:#efefef;}
textarea:focus, input:focus{
    outline:none;}
#form .submit_row{
    text-align: right;}
/*
#form fieldset input[type=submit]{
    padding:7px 10px;
    margin:0 7px 0 0;
    font-size:0.85em;
    font-weight:400;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #ddd;
    background-color: #ddd;}
*/
#form fieldset input[type=submit]{
	color:#fff;
	height:40px;
	line-height:40px;
	border-radius:10px;
	border:none;
	display:inline-block;
	font-weight:500;
	text-decoration: none;
	padding:0 20px;
    margin-top:10px;
    background-color:#7D9E09;}
.required{
    position: absolute;
	height:0px !important;
    padding:0;
    margin:0 !important;
	overflow:hidden;}
::-webkit-input-placeholder{
   font-style: italic;
    color:#999;}
:-moz-placeholder{
   font-style: italic;
    color:#999;}
::-moz-placeholder{
   font-style: italic;
    color:#999;}
:-ms-input-placeholder{
   font-style: italic;
    color:#999;}


/*-- BUTTONS --*/

.button{
	color:#fff;
	height:44px;
	line-height:46px;
	border-radius:22px;
	display:inline-block;
	font-weight:300;
/*	text-transform: uppercase;*/
	text-decoration: none;
	padding:0 15px 0 20px;}
.button:after{
    height:20px;
    width:20px;
    line-height:17px;
    text-align:center;
    border-radius:10px;
    display:inline-block;
    border:2px solid #fff;
	font-family: 'fontAwesome';
	content: "\f107";
	margin-left:15px;}

.link{
	color:#777;
	height:44px;
	line-height:46px;
	border-radius:22px;
	border:1px solid #777;
	display:inline-block;
	font-weight:300;
	text-decoration: none;
	padding:0 20px;
	white-space: nowrap;
    background-color:#fff;}
.link:hover{
    background-color:#f3d083;}
.link:after{
    line-height:19px;
    display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-left:15px;}

.sub{
	color:#777;
	min-height:33px;
/*	line-height:35px;*/
	border-radius:17px;
	border:1px solid #777;
	display:inline-block;
	font-weight:300;
	text-decoration: none;
	padding:4px 15px;
	margin:0 15px 10px 0;
    line-height:1.5;
/*	white-space: nowrap;*/
    background-color:#fff;
/*	min-width:250px;*/
/*	max-width:280px;*/
}
.sub.active,
.sub:hover{
    color:#1c5661;
	font-weight:500;}
.sub:before{
    line-height:19px;
    display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-right:8px;}

.bottom .flex-item{
    text-align: center;}
.bottom img{
    max-width: 250px;
    max-height: 70px;}
@media (max-width : 720px) {
    .bottom img{
        max-width: 90%;
    }
}

.bottomtotop{
    color:#fff;
	height:35px;
	line-height:35px;
	border-radius:15px 15px 0 0;
    position:fixed;
    bottom:0;
    left: 50%;
    transform: translate(-50%, 0);
	font-weight:300;
	text-transform: uppercase;
	text-decoration: none;
	padding:5px 10px;
    background-color:#1c5661;}
.bottomtotop:after{
    height:20px;
    width:20px;
    line-height:15px;
    text-align:center;
	padding-left:1px;
    border-radius:10px;
    display:inline-block;
    border:2px solid #fff;
	font-family: 'fontAwesome';
	content: "\f106";}



/*-- MISCELLANEOUS --*/

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
	background-color:rgba(255,255,255,0.8);
	z-index: 999;
}
.sticky:before,
.sticky:after {
    content: '';
    display: table;}

.bg_gifgroen{
	background-color:#97B72A;}
.bg_lichtgroen{
	background-color:#E4EFC4;}


.border_dashed{
    border-width:0px;
    border-style: dashed;}
.border_dotted{
    border-width:0px;
    border-style: dotted;}
.border_all{
    border-width:1px;
	border-color:#888;}
.border_bottom{
	border-bottom-width:1px;
	border-bottom-color:#888;}
.border_top{
	border-top-width:1px;
	border-top-color:#888;}
.border_left{
	border-left-width:1px;
	border-left-color:#888;}
.border_left_fat{
    border-left-style: outset;
	border-left-width:10px;
	border-left-color:#888;}
.border_darkolivegreen_4{
    border-color:#7D9E09;}
.border_right{
	border-right-width:1px;
	border-right-color:#888;}


@media (max-width : 850px) {
    .border_left{
        border-left-width:0px;
    }
    .welcome .border_right{
        border-right-width:0px;
    }
}

.gray{
	color:#888;}
.black{
	color:#000;}
.firebrick{
	color: firebrick;}
.gifgroen{
    color:#97B72A;}


hr{
    display:block;
    height:1px;
    border:0;
    margin:1em 0;
    padding:0;}
hr.fat{
    border-width:5px;}
.objcentered{
    margin:auto;
}

.margin0_20{
    margin:0 20px;}
.margin0_30{
    margin:0 30px;}
.margin10_30{
    margin:10px 30px;}
.margin15_30{
    margin:15px 30px;}
.margin20_30{
    margin:20px 30px;}
.margin10_40{
    margin:10px 40px;}
.margin15_40{
    margin:15px 40px;}
.margin20_40{
    margin:20px 40px;}
.margin10_50{
    margin:10px 50px;}
.margin15_50{
    margin:15px 50px;}
.margin20_50{
    margin:20px 50px;}
.margin10{
    margin:10px;}
.margin20{
    margin:20px;}
.margin30{
    margin:30px;}
.margin40{
    margin:40px;}
.margin50{
    margin:50px;}
.nomargin{
	margin:auto;}
@media (max-width : 720px) {
    .margin0_20,
    .margin0_30,
    .margin10_30,
    .margin15_30,
    .margin20_30,
    .margin10_40,
    .margin15_40,
    .margin20_40,
    .margin10_50,
    .margin15_50,
    .margin20_50,
    .margin10,
    .margin20,
    .margin30,
    .margin40,
    .nomargin{
        margin:20px;
    }
}
article.marginauto{
	margin-left:auto;
	margin-right:auto;}

.padding10{
    padding:10px;}
.padding20{
    padding:20px;}
.padding30_0{
    padding:30px 0;}
.padding0_30{
    padding:0 30px;}
.padding30{
    padding:30px;}
.padding40{
    padding:40px;}
.nopadding{
    padding:0;}
@media (max-width : 720px) {
    .padding10,
    .padding20,
    .padding30,
    .padding0_30,
    .padding30_0,
    .padding40,
    .nopadding{
        padding:20px;}
}

/*
article .album{
    margin:30px 0;}
article .album div{
    max-height:150px;
    padding-right:10px;
    margin-bottom:10px;}
article .album div img{
    height:100%;
    width:100%;}
*/

.clear{clear:both;}
.clear_5{clear:both;height:5px}
.clear_10{clear:both;height:10px}
.clear_15{clear:both;height:15px}
.clear_20{clear:both;height:20px}
.clear_30{clear:both;height:30px}
.clear_40{clear:both;height:40px}
.clear_50{clear:both;height:50px}

.centered{
	text-align: center;}
.lefted{
	text-align: left;}
.righted{
	text-align: right;}
figure img{
	display:block;
	max-width:100%;}
.objectfit img{
	object-fit: cover;}

.datatable{
	display:table;}
.datarow{
	display:table-row;}
.datacel{
	display:table-cell;}
.notify{
    background-color:#97B72A;
    border-radius: 50%;
    color:#fff;
    text-align: center;
    display:inline-block;
    font-size:0.7em;
    font-weight:600;
    line-height:20px;
    width:20px;height:20px;
    margin-left:20px;}

.example{
    min-height:200px;
    padding:20px;
    display:inline-block;
    resize:horizontal;
    overflow:auto;
    border-radius:8px 8px 0 8px;
    border:1px solid #ccc;}
.example .flex_container{
    background-color: blueviolet;
    min-height: 100px;
    padding:10px;
}
.example .flex_item{
}
 .example .flex_item div{
    background-color: deeppink;
    min-height: 100px;
    margin:10px;
    padding:5px;
}
pre{
    background-color:#efefef;
    display:inline-block;
    margin-top:15px;
    padding:10px;
    border-radius:8px;
    border:1px solid #ccc;}
code{
    font-family: monospace;
    font-size:110%;}

		.cookies{
			width:98%;
			margin:auto;
		    position:sticky;
		    bottom:-2px;
		    background-color: rgba(254,139,0,0.9);
		    border-radius:10px 10px 0 0;
		    min-height:50px;
				z-index:9999999;
		}
		.cookies .wrap{
		    margin:auto;
		    text-align: center;
		    padding:10px 20px;}
		.cookies p{color:#fff;}
		.cookies .plus{
		    color: rgba(254,139,0,1);
		    background-color: #fff;
		    border-radius:15px;
		    padding:5px 10px;
		    margin:10px 20px;
		    cursor:pointer;
		}