/* ----------------------------------------------- START NORMALISEREN --------------------------------------------------------------- */
/* Normaliseren margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, figure {
margin : 0;
padding : 0;
}

/* Normaliseren font-size voor headers */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}

/* Verwijderen list-style van lijsten */
ol, ul {
list-style : none;
}

/* font-style en font-weight op normaliseren */
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}

table {
border-collapse : collapse;
border-spacing: 0;
}

/* verwijderen randen van fieldset en img */
fieldset, img {
border : 0;
}

/* links aligneren caption en th */
caption, th {
text-align: left;
}

/* verwijderen van aanhalingstekens in q */
q:before, q:after {
content : '';
}

a
{
  outline: none;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ----------------------------------------------- EINDE NORMALISEREN --------------------------------------------------------------- */


.wrapper{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}

img.logo{
	width:100%;
	max-width:200px;
}

h1{
	font-family: 'Wondra';
}

.header{

}

.content{

}


.content .kol3 {
    width: 100%;
    margin-top:25px;
    display:inline-block;
}

.kol3 h2{
	font-family: 'Wondra';
	font-size:1.5em;
	background-color:rgba(60,37,94,1);
	color:rgba(255,255,255,1);
	padding:3%;
	padding-bottom:0;
}

.kol3 h2 a{
	color:rgba(255,255,255,1);
	text-decoration: none;
}

.nav ul li{
	margin-bottom:10px;
}

.nav a{
	font-family: 'Wondra';
	font-size:1.5em;
	background-color:rgba(60,37,94,1);
	color:rgba(255,255,255,1);
	padding:3%;
	padding-bottom:0;
	display:block;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.nav a:hover{
	background-color:rgba(0,141,160,1);
}  

.nav a.acta{
	background-color:rgba(230,0,126,1);
}

.nav h2{
	margin-bottom:10px;

}

.kol6 h2{
	font-family: 'Wondra';
	font-size:2em;
	color:rgba(60,37,94,1);
  	padding:0 2%;
	margin-bottom:-2;
}

.kol6 h3{
	font-family: 'Wondra';
	font-size:1.25em;
	color:rgba(60,37,94,1);
  	padding:0 2%;
	margin-top:21px;
}

.kol6 strong{
	font-weight: 700;
}

.ckol3 p{
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  	padding:3%;
  	color:#333;
  	line-height:24px;
}

.kol6 p{
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  	color:#333;
  	line-height:24px;
  	margin-bottom:12px;
  	padding:0 2%;
}

a.btn{

	font-size:1.25em;
	background-color:rgba(230,0,126,1);
	color:#fff;
	padding:3%;
	margin-bottom:-2;
	display:block;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.btn:hover{
		background-color:rgba(0,141,160,1);
}

ul.lijst{
	margin-top:20px;
}

ul.lijst li{
	margin-bottom:30px;
}


ul.lijst li img{
	max-width:100%;
}

ul.lijst li em{
	font-family: 'Wondra';
	font-size:2em;
	color:rgba(230,0,126,1);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  	margin-bottom:12px;
  	padding:0 2%;
  	display:block;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:580px){

}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:880px){

.content .kol3 {
    float: left;
    width: 30%;
    padding: 0;
    margin:0 1.5%;
}

.content .kol3 h2{
    margin-top: 20px;
}

.content .kol6 {
		display:block;
    float: left;
    width: 60%;
    padding: 0;
    margin:0 1.5%;
}

ul.lijst{
	display:block;
	margin-top:20px;
}


ul.lijst li{
	display:block;
	margin-bottom:40px;
}

ul.lijst li em{
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  	margin-bottom:12px;
  	padding:0 2%;
}

}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:1020px){

}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:1080px){

}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:1160px){


}