.clean, .clean_10, .clean_20, .clean_25, .clean_30, .clean_40, .clean_50{
	margin-bottom:0;
	background:none;
	clear:both;
}
.clean{
	height:1px;
	min-height:1px}
.clean_10{
	height:10px;
	min-height:10px;}
.clean_20{
	height:20px;
	min-height:20px;}
.clean_25{
	height:25px;
	min-height:25px;}
.clean_30{
	height:30px;
	min-height:30px;}
.clean_40{
	height:40px;
	min-height:40px;}
.clean_50{
	height:50px;
	min-height:50px;}
.ingrid{margin:10px;}

body{
	background:#fff;
	margin:0;padding:0;}
body, html{
	height: 100%;}
.wrapper{
	height: 100%;
    width:100%;
	display:table;}
.container{
    display:table-row;
    vertical-align: top;}
.footer{
	height:1px;}
a{
	text-decoration:none;
	color:inherit;}
.articles a{
    color:blue;
}
body{}
.pagetop{
	height:140px;}
.top{
	height:35px;
    max-width:1000px;
    margin:auto;}

.home .header{
    max-width:1100px;
    margin:auto;}
.home .container .content{
    max-width:1100px;
    margin:auto;}
.page .header,
.page .container .content{
    max-width:1100px;
    margin:auto;}
.page .container .middle{
    min-height:400px;
	vertical-align: top;}
@media only screen and (min-width: 719px) {
    .page .container .middle{
        min-height:600px;
	vertical-align: top;}
}
.header{
	min-height:70px;
    margin:auto;}
	.header .header_logo{
		width:calc(100% - 30px);
		display:inline-block;
		vertical-align: top;
		padding-left:20px;}
		.header .header_logo .logo,
		.header .header_logo .logo img{
			max-width:100%;}
	.header .header_text{
		width:calc(100% - 30px);
		padding:15px;
		text-align: center;}
	.header .header_text p{
		margin:0;
		padding:5px 0;}

/* +++++ NAVIGATION +++++ */
	 
.header_nav{
	font-family: 'Raleway', sans-serif;
	font-weight:400;}
	.header_nav .menu{
		list-style:none;
		text-align:center;
		margin:20px;
        padding:0;}
		.header_nav .menu li{
			width:calc(100% / 6 - 4px);
			display:inline-block;}
			.header_nav .menu li div.left{
				width:45px;
				height:45px;
				margin:auto;
				border-radius: 45% 0 45% 0;}
			.header_nav .menu li div.right{
				width:45px;
				height:45px;
				margin:auto;
				border-radius: 0 45% 0 45%;}
			.header_nav .menu li div a{
				zoom: 1;
				filter: alpha(opacity=50);
				opacity: 0.5;}
			.header_nav .menu li.active div a,
			.header_nav .menu li div:hover a{
				zoom: 1;
				filter: alpha(opacity=100);
				opacity: 1;}
			.header_nav .menu li a{
				width:45px;
				height:45px;
				color:#fff;
				font-size:1.3em;
				display:block;
				text-align:center;
				line-height:50px;
				text-decoration:none;
				margin:auto;
				background-size:30px;
				background-position:center;
				background-repeat:no-repeat;}
			.header_nav .menu li p{
				font-size:0.70em;
				padding:0;
				margin-top:5px;
				text-align:center;
				color:#999;}
			.header_nav .menu li div:hover + p, .nav .menu .active p{
				color:#000;}
	.langs{
		list-style:none;
		float:right;
		height:18px;
		margin:0;}
		.langs li{
			float:left;
			padding:0 3px;}
			.langs li a{
				display:block;
				text-decoration:none;
				height:18px;
				border-width:0 1px 1px 1px;
				border-style:solid;
				border-color:#fff;}
			.langs li a:hover, .langs li a.active{
				border-color:#000;}
	.top_text{}
	.top_text p{
		margin:0;
		padding:0;
		font-size:0.85em;
		font-family: 'Raleway', sans-serif;font-weight:400;}
	.line{
		margin-top:-1px;
		border-bottom-width:1px;
		border-bottom-style:solid;}
	.xl_line{
		height:20px;
		border-bottom-width:13px;
		border-bottom-style:solid;}

@media only screen and (min-width: 719px) {
	.header{}
	.header .header_logo{
		width:230px;
		display:inline-block;
		vertical-align: top;}
		.header .header_logo .logo,
		.header .header_logo .logo img{
			max-width:100%;
			display:block;}
	.header .header_text,
	.header .header_nav{
		width:calc(100% - 268px);
		display:inline-block;
		vertical-align: middle;
		text-align: left;
		padding:10px 0;}
	.header .header_text p{
		margin:0;
		padding:0;}
	.header_nav .menu{
		text-align:right;
		margin:3px 0;padding:0;}
		.header_nav .menu li{
			width:60px;}
}
@media only screen and (min-width: 1100px) {
	.header .header_logo{
		padding-left:0;}
	.header .header_text,
	.header .header_nav{
		width:calc(100% - 238px);}
}

.choices{
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	align-content: center;
	flex-wrap: wrap;
	max-width:800px;
	margin:30px auto 50px;}

@media only screen and (min-width: 719px) {
	.choises{
		margin:100px auto 0;}
}
	.navitem_hp_row_01{
		border-radius: 45% 0 45% 0;
		width:calc(100% / 4 - 50px);
		min-width:150px;
		height:150px;
		margin:25px 20px;}
	.navitem_hp_row_02{
		border-radius: 0 45% 0 45%;
		width:calc(100% / 4 - 50px);
		min-width:150px;
		height:150px;
		margin:25px 20px;}
		.navitem_hp_row_01 h1, .navitem_hp_row_02 h1{
			margin:0;
			padding:50px 0 20px 0;
			font-size:5em;
			color:#fff;
			text-align:center;}
		.navitem_hp_row_01 a, .navitem_hp_row_02 a{
			width:100%;height:80%;display:block;
			background-repeat:no-repeat;
			background-position:center 100%;
			background-size:auto;}
		.navitem_hp_row_01 h2, .navitem_hp_row_02 h2{
			font-family: 'Raleway', sans-serif;
			font-weight:400;
			margin:0;
			padding:0 15px;
			font-size:0.9em;
			color:#fff;}
		.navitem_hp_row_02 h2{
			text-align:right;}

		.l_news, .event{
			/*background-color:#d9ec00;*/
			background-color:#bbb;}
		.l_news:hover, .event:hover{
			/*background-color:#d9ec00;*/
			background-color:#c4c4c4;}
			.l_news h3, .event h3{
				font-size:110%;
				font-family: 'Raleway', sans-serif;font-weight:500;
				margin:0;
				color:#fff;}
			.l_news h3{
				padding:10px 15px 10px 0;
				text-align:right;}
			.event h3{
				padding:10px 15px 10px 20px;
				text-align:left;}
			.l_news p, .event p{
				margin:0;
				padding:0 20px;
				max-height:107px;
				color:#6c6c6c;
				overflow:hidden;}
			.l_news .more, .event .more{
				padding-top:10px;}
				.l_news .more a, .event .more a{
					font-size:1.8em;
					color:#fff;
					text-decoration:none;}
				.event .more a{
					display:block;
					text-align:right;
					height:25px;
					width:160px;}
				.l_news .more a:hover, .event .more a:hover{
					color:#6c6c6c ;}
		.news{
			background-color:#ffa221;}
		.news:hover{
			background-color:#ffb10d;}
			.news a{background-image:url("../images/menu/news_nor.png");}
			.news:hover a{background-image:url("../images/menu/news_hov.png");}
			.news:hover h2{color:#c47c19;}
		.publications{
			background-color:#bc61ae;}
		.publications:hover{
			background-color:#b977cc;}
			.publications a{background-image:url("../images/menu/pub_nor.png");}
			.publications:hover a{background-image:url("../images/menu/pub_hov.png");}
			.publications:hover h2{color:#88457e;}
		.events{
			background-color:#8ac84d;}
		.events:hover{
			background-color:#98e14d;}
			.events a{background-image:url("../images/menu/events_nor.png");}
			.events:hover a{background-image:url("../images/menu/events_hov.png");}
			.events:hover h2{color:#5f8e30;}
		.sectors{
			background-color:#00c14c;}
		.sectors:hover{
			background-color:#35c668;}
			.sectors a{background-image:url("../images/menu/sectors_nor.png");}
			.sectors:hover a{background-image:url("../images/menu/sectors_hov.png");}
			.sectors:hover h2{color:#018033;}
		.about{
			background-color:#c3404a;}
		.about:hover{
			background-color:#d95155;}
			.about a{background-image:url("../images/menu/about_nor.png");}
			.about:hover a{background-image:url("../images/menu/about_hov.png");}
			.about:hover h2{color:#972f37;}
		.members{
			background-color:#2a9fe1;}
		.members:hover{
			background-color:#54bdf2;}
			.members a{background-image:url("../images/menu/members_nor.png");}
			.members:hover a{background-image:url("../images/menu/members_hov.png");}
			.members:hover h2{color:#227fb3;}

		.content{
            margin-top:-10px;
            height:100%;
            vertical-align:top;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-flow: row wrap;
			flex-flow: row wrap;
}
		.content > * {
		  	flex: 1  100%;
}

			.content .sectors_div{
				padding:30px 20px;}
				.content .sectors_div .sector_div{
					width:100%;
					display:block;
					margin-bottom:20px;}
					.content .sectors_div .sector_div .sector_pic{
						background-repeat:no-repeat;
						background-position:center;
						background-size:cover;
						width:calc(35% - 4px);
						padding-top:60%;
						display:inline-block;}
@media only screen and (min-width: 450px) {
	.content .sectors_div .sector_div .sector_pic{
		padding-top:50%;}
}
@media only screen and (min-width: 500px) {
	.content .sectors_div .sector_div{
		margin-bottom:20px;}
	.content .sectors_div .sector_div .sector_pic{
		padding-top:45%;}
}
@media only screen and (min-width: 600px) {
	.content .sectors_div .sector_div{
		margin-bottom:20px;}
	.content .sectors_div .sector_div .sector_pic{
		padding-top:35%;}
}
        .content .sectors_div .sector_div .sector_txt{
            display:inline-block;
            vertical-align: top;
            width:calc(65% - 24px);
            padding-left:20px;}
            .content .sectors_div .sector_div .sector_txt h1{margin:0; padding:0;}
        .content .sectors_div .sector_div .sector_more{
            color:#fff;
            text-transform:uppercase;
            font-size:0.85em;
            padding:3px 10px;
            float:right;}
            .content .sectors_div .sector_div .sector_more::before { 
                content: "+ ";}
            .content .sectors_div .sector_div .sector_more::after { 
                content: "...";}		
		.articles {
		  	order: 3;
			border-right:none;
			padding:20px;}
		.subnav {
			order: 2;
			padding:10px 0;}
		.subnav_button{
			display:block;
			padding:0 20px 10px 20px;
			font-size:1.5em;
			border-bottom: 1px solid #ccc;
			cursor:pointer;}
		.subnav_wrapper{
			display:none;}
			.subnav h4 a{
				margin:10px 20px;
				display: block;}

        .login h3{
            margin: -10px -10px 10px -10px;padding:5px 10px;
			font-family: 'Raleway', sans-serif;font-weight:400;
            color:#fff;
            border-radius: 0 10px 0 10px;}

		.login{
        	padding:10px;
        	border-bottom: 5px solid #000;}
		
        .login h3{
            margin: -10px -10px 10px -10px;padding:5px 10px;
			font-family: 'Raleway', sans-serif;font-weight:400;
            color:#fff;
            border-radius: 0 10px 0 10px;}
        .login h3, .subnav h3{
            margin: -10px -10px 10px -10px;
			padding:5px 10px;
			font-family: 'Raleway', sans-serif;font-weight:400;
            color:#fff;
            border-radius: 0 10px 0 10px;}
		.login_form{
			margin:0 20px;}
		.login label{
			display:block;
			font-size:0.8em;
			padding: 5px 0;
			font-family: 'Raleway', sans-serif;font-weight:500;}
				.login .login_textinput{
					width:			calc(100% - 10px);
					padding:		8px 5px;
					border:			1px solid #bbb;
					border-radius:	0.35em;
					font-size:      13px;}
		.login .submit_row{
			text-align: right;
			padding:10px 0;}

.login .error{
	color: crimson;}
.login .fout{
	display:none;}

		.event_sidebar{
        	padding:10px;
			border-bottom: 2px solid #000;}
			.event_sidebar h3{
				margin: 10px;;
				font-family: 'Raleway', sans-serif;font-weight:400;
				color:#fff;
				border-radius: 0 10px 0 10px;}
.event_sidebar .jaar{
	padding:5px 0;
	margin:0;}

.event_sidebar .jaartal{
    cursor:pointer;}
.event_sidebar .jaartal span{
    float:right;
    font-size:12px;
    color:#caeaab;}
.event_sidebar .jaar a{
	border:1px solid #000;
	border-radius: 0 8px 0 8px;
	padding:5px;
	margin:0 15px;
	background-color: #fff;}

			.event_sidebar h4{
				border:none !important;}
			.event_sidebar h4 a{
				margin:0 20px;}
			.subnav h3 a{
				color:#fff;}
		.subnav_list, .jaar_list{
			display:none;}

@media only screen and (min-width: 719px) {
		.articles {
			flex: 3 0px;
			order: 2;
			border-right:1px solid #e6e6e6;}
		.subnav {
			flex: 2 0px;
			order: 3;
            max-width: 300px;
            background-color: #f1f1f1;}
		.subnav_wrapper{
			display:block;}
		.subnav_button{
			display:none;}
		.event_sidebar{
        	padding:10px;
			border-bottom: 0px solid #000;
			background: none;}
		.event_sidebar.login{
			border-width: 1px;}
		.content .sectors_div{
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
            flex-wrap: wrap;
/*
			-webkit-flex-flow: row nowrap;
			flex-flow: row nowrap;
*/
			justify-content:space-between;
			padding:0 20px;}
			.content .sectors_div .sector_div{
/*				flex: 0 1 50%;*/
                max-width:50%;
				padding:30px 0;}
    .content .sectors_div .sector_div a{
        display:block;
        margin:30px;
    }
	.content .sectors_div .sector_div .sector_txt{
		padding:20px 0;
		width:100%;}
					.content .sectors_div .sector_div .sector_pic{
						background-repeat:no-repeat;
						background-position:center;
						background-size:cover;
						width:100%;
						padding-top:50%;}
					.content .sectors_div .sector_div .sector_more{
						color:#fff;
						text-transform:uppercase;
						font-size:0.85em;
						padding:3px 10px;
						float:right;}
						.content .sectors_div .sector_div .sector_more::before { 
							content: "+ ";}
						.content .sectors_div .sector_div .sector_more::after { 
							content: "...";}
}
@media only screen and (min-width: 1100px) {
		.articles {
			flex: 2 0px;
			order: 2;}
		.subnav {
			flex: 1 0px;
			order: 3;}
		.content .sectors_div{
			padding:0;}
}

	.subnav{}
		.subnav h2 a{
			font-family: 'Raleway', sans-serif;font-weight:400;}
		.subnav h4 a{
			font-family: 'Raleway', sans-serif;font-weight:700;font-size:0.9em;}
		.subnav h4{border-bottom-width:1px;border-bottom-style:solid;margin:0;padding:5px 0;}
		.subnav .active a{
			zoom: 1;
			filter: alpha(opacity=50);
			opacity: 0.5;}

	.articles{
		padding-right:20px;
		border-right:1px solid #e6e6e6;}
		.content .ingrid .wysiwyg-color-green{font-size:130%;}

.articles .intro{
	display:inline-block;
	width:calc(50% - 4px);
	vertical-align: top;}
.articles .intro a{
	display:block;
	background-color:#fff;
	color:#000;
	padding:10px;
	border-radius:20px 0;}
.articles .intro a:hover{
	background-color:#fbfbfb;}
.articles .intro img{
	max-width:25%;}

.clearfix{margin-bottom:30px;}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;}

	.content .thumbnail{
		float:left;
		margin:5px 20px 10px 0;
		width:100%;
		max-width: 100%;}
	.content .article .album{
		clear:both;}
		.content .album .thumb{
			width:calc(100% / 4);
			display:inline-block;}
	.content .article .download{
		clear: both;}
		.content .article .download a{
			color:#fff;
			padding:20px;
			border-radius:20px 4px;}
			.content .article .download a i{
				color:#fff;
				font-size:17px;}

@media only screen and (min-width: 719px) {
	.content .thumbnail{
		max-width: 100%;
		width:40%;}
		.content .album .thumb{
			width:calc(100% / 5);}
}
@media only screen and (min-width: 1100px) {
		.content .album .thumb{
			width:calc(100% / 7);}
}
	
	
	/* +++++ FOOTER ++++++ */
.footer{
	background-color:#bbb;
	min-height:60px;}
.footer .content{
    max-width:1100px;
    margin:auto;
    padding:10px 0;
    display:block;}
.footer .content .section{
    display:inline-block;
    margin-right:-4px;}
.footer .content .footeradres,
.footer .content .colofon{
    width:100%;
	text-align:center;}
	.footeradres p,
    .colofon p{
        margin:0;padding:2px 0;
        color:#fff;}
		.footer p span{
			display:block;}
		.footer p .adres::after{
			content:"";}

@media only screen and (min-width: 719px) {
	.footer p span{
		display:inline-block;}
		.footer p .adres::after{
			content:" - ";}
    .footer .content .footeradres{
        width:75%;
        text-align:left;}
    .footer .content .colofon{
        width:25%;
        text-align:right;}
}
	
	/* +++++ TYPOGRAPHIE +++++ */
	
	h1{font-size:1.6em;font-family: 'Raleway', sans-serif;font-weight:700;}
	.content h1{font-weight:500;}
	h2{font-size:1.2em;}
	.content h2{font-family: 'Raleway', sans-serif;font-size:1.2em;font-weight:500;}
	h3{font-size:1.1em;}
	h4{font-family:Tahoma, Geneva, sans-serif;}
	p{font-size:0.8em;font-family: 'Raleway', sans-serif;}
	.content p,
	.content ul{font-size:0.8em;font-family:Tahoma, Geneva, sans-serif;}
	.content .wysiwyg-color-green{font-size:130%;}
.footer p{font-size:0.7em;}
	
	/* +++++ COLUMNS +++++ */
	
@media only screen and (min-width: 1100px) {
	.col-2{
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
		column-count:2;
		-moz-column-gap:25px; /* Firefox */
		-webkit-column-gap:25px; /* Safari and Chrome */
		column-gap:25px;}
	.col-2 p, .col-3 p{
		margin-top:0;}
}
	.scale{
		max-width:100%;}

/********************************************************************************************* 

2.  960px 

*********************************************************************************************/  

@media only screen and (min-width: 960px) and (max-width: 1199px) {

	/* +++++ TYPOGRAPHIE +++++ */
	
/*
	h1{font-size:1.3em;}
	h2{font-size:1.1em;}
	h3{font-size:0.9em;}
	p{font-size:0.8em}
*/

}
	

/********************************************************************************************* 

3.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 720px) and (max-width: 959px) {

	/* +++++ TYPOGRAPHIE +++++ */
	
/*
	h1{font-size:1.3em;}
	h2{font-size:1.1em;}
	h3{font-size:0.9em;}
	p{font-size:0.8em}
*/
 
}
 
 

/********************************************************************************************* 

4.  lt 720px 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {

	/* +++++ TYPOGRAPHIE +++++ */
	
/*
	h1{font-size:1.3em;}
	h2{font-size:1.1em;}
	h3{font-size:0.9em;}
	p{font-size:0.8em}
*/

}
