/*breedte crds*/.contentCards { 
	max-width: 1365px; 
	margin: auto; 
	position: relative; 
	column-width: 800px; /* als masonry script niet werkt */
}

/************************************************************************* kaarten ****************************************************************************************************/
	
#container {
	margin: 20px auto;
	padding-bottom: 50px;
	position: relative;
	}

.kolom {
	float: left; 
	height: auto;
	margin-bottom: 25px;
	margin-right: 0.7%;
	margin-left: 0.7%;
	color: #2B3843;
	font-size: 14px;
	line-height: 24px;
	-webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; 
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.4); 
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.4); box-shadow: 0 1px 4px rgba(0,0,0,.4);/* zoom: 1;*/
	/*border: 1px solid #B0B7BA;*/
	background: white;
	}
	

.w1 {width: 23.6%;}
.w2 {width: 48.4%;} /*48.6*/
.w3 {width: 73.2%;} /*73.6*/
.w4 {width: 98.6%;}

.kolomPadding{ padding: 4%; }

.kolom .card-title, .kolom .titelSlide {
	 width: 100%;  
	 padding: 12px 0;
	 color: #70521b; 
	 font-family: 'Chivo', sans-serif;
	 font-weight: bold; 
	 font-size: 20px; 
	 letter-spacing: 1px; 
	 -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; 
	border-radius: 7px 7px 0px 0px;
	}
.kolom .card-title a, .kolom .titelSlide a {text-decoration: none; color: #70521b;}
.kolom .card-title a:hover, .kolom .titelSlide a:hover { text-decoration:underline;}
.kolom .card-title a:active, .kolom .titelSlide a:active {color: red; text-decoration:none;}

.kolom .card-subtitle { 
	width: 100%; 
	margin-top: -20px; 
	color: #bab2b0;
	font-weight: normal; 
	font-size: 18px; 
	line-height: 1.1;
	/* border: 1px solid red; */
	}

.kolom .card-image { margin-bottom: -8px; width: 100%; overflow: hidden;}/*Fix?*/
.kolom .card-image img {
	background: white; /*Om flikkeren in firefox te voorkomen bij scale*/
	width: 100%; height: auto;
  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;
}
.kolom .card-image a img:hover { 
  -webkit-transition: all 0.30s ease;
  -moz-transition: all 0.30s ease;
  -ms-transition: all 0.30s ease;
  -o-transition: all 0.30s ease;

  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.kolom .card-image a img:active {}
.top-radius { border-top-left-radius: 6px; border-top-right-radius: 6px;}
.bottom-radius {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;;}

.kolom .blogTekst, .kolom .nieuwsOverzicht {
	width: 100%;
	padding: 25px 0 35px 0;
	color: #1A171B;
	font-size: 15px;  
	line-height: 24px; 
	-webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; 
	border-radius: 0px 0px 7px 7px;
	background:#F4F4F4;
	}
.kolom .blogTekst a, .kolom .nieuwsOverzicht a { color: #4c77a3; }
.kolom .blogTekst a:active, .kolom .nieuwsOverzicht a:active {color: red;}
.kolom .blogTekst p { margin-bottom: 20px; }
.kolom .nieuwsOverzicht ul {
	margin-left: 20px;
	margin-bottom: 20px;
	}
.kolom .nieuwsOverzicht ul li a {
	color: #00A5D6; 
	text-decoration: none;
	display:block;
	line-height: 24px;
	font-size: 18px;
	}
.kolom .nieuwsOverzicht ul li a:hover { text-decoration: underline; }

	.slides .blogTekst {background: white;}

.kolom .linkList { 
	font-size: 21px; 
	color: #00A5D6;
	width: 100%; 
	padding: 20px 0 20px 0;
	margin-top:-7px;
	-webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; 
	border-radius: 0px 0px 7px 7px;
}
.kolom .linklist ul {
	margin-left: 20px;
}

.colorFull .titel, .colorFull .titel a, 
.colorFull .blogTekst, .colorFull .blogTekst a, .colorFull .linkList { color: white; background: #00A5D6;}
.colorFull  { border:none !important; }

.foto  { border:none !important; }
.foto img {-webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; 
			border-radius: 7px 7px 7px 7px;}

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

.kolom {
	margin-right: 0.7%;
	margin-left: 0.7%;
	margin-bottom: 20px;
	}
	
}

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

.kolom {
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 15px;
	}
	
.w1 {width: 31.3%;}
.w2, .w3 {width: 64.3%;} /*64.6*/
.w4 {width: 98%;}
	
}


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


.w1, .w2 {width: 48%;}
.w3, .w4 {width: 98%;}

}

		
@media screen and (max-width:600px)  {
	
	.kolom, .w1, .w2, .w3, .w4  {
	width: 95%;
	/*margin:auto;*/
	margin-left: 2.3%;
}
			
}