@charset "utf-8";
/* CSS Document */

/* 

*/

body {
	font-family:Verdana, Geneva, sans-serif;
/*	font-family: 'Merriweather', serif;*/
	font-size:14px;
/*	font-size:17px;*/
	color:#222;
	line-height:24px;
	margin:0;
	padding:0;
}

#container {
	width:100%;
	min-height:100%;
	}
	
#header {	
	max-width:680px;
	margin:0 auto;
}

#nav {
	font-size:20px;
	line-height:56px;
	max-width:680px;
	margin:;
	padding:32px 32px 0px 32px;
	margin:0 auto;
	}
	
#nav a{
	text-decoration:none;	
	color:#666; 
	padding:12px;
}

#nav a:hover{
	text-decoration:none;	
	color:#3156A3;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

.active {
	background-color:#3156A3;
	color:#CCC;
	}

#footer{
	background-color:#222;
	color:#FFF;
	min-height:640px;
	padding-bottom:48px;
}

/* achtergrond kleuren */

.column-light {
	clear:both;
	padding-bottom:32px;
	background-color:#f8f8f8;	
}

.column-dark {
	clear:both;
	padding-bottom:32px;
	background-color:#e8e8e8;
}

.column-light:after, .column-dark:after {
    content: "";
    display: table;
    clear: both;
}

.beschrijving-blok {
	max-width:33%;	
	float:left;
}

.beschrijving-blok-text-box {
	margin:12px;
}

.aanmeldinfo {
	clear:both;
}

.aanmeldinfo-links {
	float:left;
	min-width:240px;
	padding:24px 0px;
	}

.aanmeldinfo-rechts{
	overflow:hidden;
	padding:24px 0px;
}



.text-box {
	max-width:680px;
	margin:;
	padding:32px;
	margin:0 auto;
}

.clearfix {clear:both}

/*h1,h2,h3,h4,li a {font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;}*/
h1{}
h2{font-weight:500;line-height:30px;color:#3156A3;}
h3{font-weight:500;color:#3156A3;}
h4{color:#555;}
#footer h4{color:#FFF;font-weight:400;}

p{}

table, td, th {border: 1px solid #CCC;font-size:12px;}

table {border-collapse: collapse;}

tr{}

td{
	width:14.28%;
	width:100px;
	vertical-align:top;
	}

p.welkom {
	font-size:17px;	
/*	font-size:21px;*/
	line-height:28px;
	/*line-height:36px;*/
}

.button {
	padding:12px;
	background-color:#3156A3;
	color:#FFF;
	text-decoration:none;
}

.small-button {background-color: #3156A3;;border: none;color: white;padding: 4px;width:32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 24px;}

.small-button-nieuws {background-color: #3156A3;;border: none;color: white;padding: 4px;width:32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 0px;}

.nieuws-agenda-link{
	display:block;padding:0px 16px;background-color:#f4f4f4;border:1px solid #CCC;margin-bottom:8px;text-decoration:none;color:#222;
}
.nieuws-agenda-link-meer{
	display:block;border:1px solid #CCC;text-align:center;padding:8px;text-decoration:none;background-color:#f4f4f4;color:#222;
}

img.klein {
	width:200px;
	height:80px;
	background-color:#CCC;
}

img.logo {
	width:120px;
	margin-top:24px;
}

img.logo-footer {	
	padding:0;margin:0;margin-top:32px;
}

p.datum {
/*	font-style:italic;*/
	font-size:12px;
	font-weight:600;
	color:#555;
}

.zesblok-beschrijving {margin:0;padding:0;}

a.documenten {
	color:#FFF;
	background-color:#3156A3;
	padding:16px;
	line-height:64px;
	text-decoration:none;
}

a {color:#3156A3;}

a.tabactief {
	width:50%;
	display:block;
	background-color:#e8e8e8;
	float:left;
	color:#666;
	padding:16px 0px;
	text-align:center;
	text-decoration:none;
	font-size:17px;
}

a.tabpassief {
	width:50%;
	display:block;
	background-color:#3156A3;
	float:left;
	color:#FFF;
	padding:16px 0px;
	text-align:center;
	text-decoration:none;
	font-size:17px;
}

a.footerlink {color:#fff;text-decoration:none;}

a.english {
	float:right;padding:24px;text-decoration:none;color:#f8f8f8;
}

img.english {
	vertical-align:middle;width:24px;
}

.mobile-english {position:relative;float:right;}




/*FORMULIEREN */

input, select {
	/*width:30%*/
}

input[type=text], input {
/*    width: 100%;*/
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

input[type=submit] {
    width: 180px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

input[type="radio"] {
	margin:12px 0px;
}











@media only screen and (max-width: 800px) and (min-width:541px) {

/*  */
	
#header {padding:0px 32px;margin:0 auto;}

.beschrijving-blok {
	max-width:50%;	
	float:left;
}

#nav {
/*	font-size:13px;*/
	font-size: calc(13px + (20 - 13) * ((100vw - 540px) / (800 - 540)));
	line-height:30px;
	}

#nav a{
	padding:8px;
	padding: calc(8px + (16 - 8) * ((100vw - 540px) / (800 - 540)));
	padding-top:40%;
	padding-bottom:40%;
}	

.mobile-english {position:absolute;top:0px;right:0px;}

.mobile-english-fix {position:relative;}

/* dit werkt wel
	.event-info a {display:none;}
	*/
.english-dutch-button {padding:0px 32px;}

}












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

#header {padding:0px;margin:0 auto;}

.beschrijving-blok {
	float:none;	
	padding:16px 0px;
}

.beschrijving-blok-text-box {
	float:none;
/*	width:100%;	*/
	min-width:240px;
}

.aanmeldinfo-links {
	float:none;
	min-width:240px;
	}

/*#footer {height:1000px;}*/

#header {margin-bottom:0px;}

#nav {
	padding:32px 32px 0px 32px;
	margin:0;
	font-size:14px;
	line-height:30px;
	}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	width:100%;
    overflow: hidden;
}

li {
    float: left;
	width:50%;
}

li a {
    display: block;
}


.active {
	background-color:#3156A3;
	color:#CCC;
	}
	
img.logo {
	margin-left:32px;
}	

.beschrijving-blok-text-box{/*background-color:gray;*/ width:160px;overflow:auto;}

.zesblok-beschrijving {style="width:160px;margin:0;padding:0;}

a.documenten {
	padding:0;
	font-size:9px;
	background-color:#F00;
}

a.english {
	float:none;padding:8px;text-decoration:none;color:#666;
}

img.english {
	vertical-align:middle;width:24px;
}

.mobile-english {position:absolute;top:-0px;right:0px;}

.mobile-english-fix {position:relative;padding:32px;margin-top:32px;}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.event-info a {display:none;}

.english-dutch-button {padding:0px 32px;}
}