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


*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
aside, article{
	display: block;
}
html{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	min-height: 100%;
}
body{
	min-height: 100%;
	position: relative; /* TO ENABLE FOOTER POSITION ABSOLUTE */
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
	background: #e6e9eb;
}
h1, h2, h3, h4{
	font-family: 'Roboto condensed', sans-serif;
}
h1{
	font-size: 2em;
	margin-bottom: 0.2em;
	line-height: 1.2em;
}
h2{
	font-size: 1.4em;
}
h3{
	font-size: 1em;
	float: left;
	margin-top: 4px;
	margin-bottom: 0;
	font-weight: normal;
}

h4{/*dit is de titel voor de blokken*/
	margin-top: 0px;
	clear: both;
	margin-bottom: 0px;
}
h5, .subkop{
	margin: 4px 5px 0 0;
	font-size: 1em;
	font-weight: bold;
}
.col-midden h1{
	font-size: 1.5em;
	margin-bottom: .5em;
}
	
/*----------ADMIN PANEL-------------------------*/

.cx_dropdownmenu:first-child{
	position: relative;
	z-index: 100;
}
	
/*----------LINK-BEHEER-------------------------*/

a{
	color:#000;	
	text-decoration: none;
}
a, a:focus{ 
	outline:none;
}
img, a img{
	border: 0 !important;
}
.tag a{
	color: #9DA3A6;
	border-bottom: 1px dotted #9DA3A6;
}
.unit-medium .type a, .relatie,  .unit-medium .aanbieder{
	color: #2996C4;
	text-decoration: none;
}
.unit-medium .type a:hover, .relatie a:hover, .locatie a:hover{
	color: black;
	border-bottom: 1px dotted black;
}
footer a{
	color: #868C91;
}
footer a:hover{
	color: white;
}
.relatie a{
	display: block;
	clear: both;
	border-bottom: none !important;
}
a.home-naar-agenda{
	display: inline-block;
	width: 100%;
	position: relative;
	background: url(/web/images/icons/kalender_icon.png) no-repeat 5px 3px #E8D3E5;
	background-size: 26px;
	padding: 6px 0 8px 21%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	color: black !important;
	font-size: 0.8em;
}
a.home-naar-agenda:hover{
	color: white !important;
}
.unit-groot h1 a{
	border-bottom: none !important;
}
.unit-groot h1 a:hover{
	border-bottom: 1px #2eaadc dotted;
}
.meerweergeven{
	display: inline-block;
	background: url(/web/images/openklappen_pic.png) no-repeat 1px 1px;
	background-size: 20px;
	height: 18px;
	width: 22px;
	position: absolute;
	left: 2.1em;
	bottom: 1.2em;
	text-indent: -3000px;
	border-bottom: none !important;
}
.minderweergeven{
	display: inline-block;
	background: url(/web/images/dichtklappen_pic.png) no-repeat 1px 1px;
	background-size: 20px;
	height: 18px;
	width: 22px;
	position: absolute;
	left: 2.1em;
	bottom: 1.2em;
	text-indent: -3000px;
	border-bottom: none !important;
}
/* - - - - webpagina's - - - - - */

.box{
	width: 80%;
	margin: 0 auto;
	line-height: 160%;
}
.box a{
	color: #2eaadc !important;
}

/*--------------HOOFDMENU---------------*/

.hoofdmenu-button{
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding-top: 1em;
	margin: 1px  0 8px 26px;
	font-size: 1em;
}
.hoofdmenu-button-aangeklikt{
	background: #FFF;
	color: #000 !important;
	padding-top: 11px;
	margin: 1px  0 8px 26px;
	border-top: 4px solid #e6e9eb;
	font-size: 1em;
}
.hoofdmenu-gezocht, .hoofdmenu-aangeboden, .hoofdmenu-aangeboden-aangeklikt, .hoofdmenu-gezocht-aangeklikt{
	color: #2eaadc; 
}
.hoofdmenu-aangeboden-aangeklikt, .hoofdmenu-gezocht-aangeklikt{
	color: #2eaadc !important;
}
.open-menu-wrapper{	
	width:30px;
	height:30px;
	border-radius: 4px;
	display:block;
	text-indent:-3000px;
	margin: 1rem;
	float: left;
	background:url(/web/images/menu_mobile_open.png) no-repeat -1px -1px;
	background-color: white;
}
.open-menu-wrapper a{
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}
.beheer{
	background: red;
	line-height: 22px;
	padding: 3px 8px 3px 3px;
	border-radius: 6px;
}
.beheer img{
	border-radius: 50%;
}
.beheer a{
	color: white;
	text-shadow: 1px 1px grey;
}
.beheer a:hover{
	color: white;
	text-shadow: 1px 1px black;
}
	
/*---------einde navigatie------------------------*/

.unit-groot .tekst-wrapper a{
	border-bottom: 1px #000 dotted;
	/*display:inline-block;*/
	text-decoration: none;
}
.tekst-wrapper a:hover, wrapper a:hover{
	color: #2eaadc;
	border-bottom: 1px #2eaadc dotted;
	text-decoration: none;
}
nav.nav-cont a{
	display: inline-block;
	color: #FFF;
	margin: 4px 18px 0 18px;
	height: 100%;	
	z-index: 10;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-decoration: none;
}

/*----aangeklikt-----*/
.menu-kalender-aangeklikt{
	color:#000;
}
.menu-va-aangeklikt{
		color:#000;
}
.menu-berichten-aangeklikt{
	color:#000;
}
.menu-indewijk-aangeklikt{
	color:#000;
}
/*---------------------------------------------*/

iframe{
	border:none;
}
.rol{
	border: 2px purple solid;
}

/*------ unit-groot -------*/
.unit-groot{
	background: white;
	float: left;
	width: 54%;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
	padding: 0 3% 20px 2% ;	
}
.unit-groot:after{
	content: "";
    position:absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 17px solid white;
    border-bottom: 15px solid transparent;
    right: -16px;
    top: 9px;
}
.unit-groot .image-wrapper{
	position: relative;
	width: 10%;
	float: left;
	margin-right: 3%;
	margin-top: 1.6em;
	border-bottom: 1px solid white;
}
.col-midden .unit-groot .image-wrapper{
	margin-top: 1em;
}
.unit-groot .reactie .image-wrapper{
	margin-top: 0;
}
.metawolk, .tag{
	line-height: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem; /* max-height: 3rem; */
	overflow: hidden;
	font-size: 0.8rem;
	width: 100%;
	color: #9DA3A6;
	text-transform: uppercase;
}
.datumplaats{
	position: relative;
	color: #9DA3A6;
	}
.datumplaats a{
	margin-left: 6px;
	}
.wanneer{
	font-size: 0.8em;
	color: #9DA3A6;
	}
.invoerdatum, .unit-medium .locatie{
	color: #9DA3A6;
	font-size: 0.8em;
	display: inline-block;
	}
/*.datumplaats:before{
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	background: url(/web/images/wanneer_klokje.png) no-repeat black;
	top: 0;
	left: 0px;
	}*/
.nieuwsteberichten .datumplaats{
	font-size: 0.8em;
	}
.samenvatting{
	border-top: 1px solid  #E8E8E8;
	padding-top: 1.5em;
	margin-top: 1.5em;
	}
.samenvatting-image{
	float: left;
	width: 27%;
	margin-right: 3%;
	}
.samenvatting-tekst{
	float: right;
	width: 69%;
	}
.samenvatting-tekst-volle-breedte{
	width: 100%;
	}
	
.unit-groot .tekst-wrapper{
	width: 87%;
	float: left;
	}
.unit-groot-top{
	padding-left: 13%;
	margin-bottom: .6em;
	}
.unit-groot-top > span{
	background: black;
	color: white;
	text-align: center;
	min-width: 65px;
	display: inline-block;
	padding: 0.1em 0.3em 0.1em 0.3em;
	font-size: 0.8em;
	font-family: 'Roboto condensed', Arial, sans-serif;
	font-weight: 300;
	}
.col-midden .unit-groot-top > span{
	background: #A6ABAD;
	background: #D9DDDE;
	color: black;
	}
.unit-groot .relatie{
	width: 100%;
	float: none;
	}
.col-midden .unit-groot .relatie{
	display: block;
	}
.unit-groot .image-wrapper img{
	width: 100%;
	}
.unit-groot .tekst-wrapper > h1{
	
	}
.unit-groot .tekst-wrapper > div{
	margin-bottom: 0.9em;
	}
.unit-groot .tekst-wrapper img{
	max-width: 100%;
	}
.unit-groot .hoedanigheid{
    margin-top: -25px;
	margin-bottom: 4px;	
	}
.unit-groot .subkop{
	margin-top: 16px;
	}
.eigenschap-groot{
	margin: 2em 0 1em 0;
	}
.col-midden .unit-groot .eigenschap-groot{
	float: left;
	width: 100%;
	clear: right;
	}
.eigenschap-groot p:first-of-type, .samenvatting-tekst p:first-of-type, .samenvatting-tekst-volle-breedte p:first-of-type{
	margin-top: 0;
	}

.eigenschap-image img, .eigenschap-image-klein img, .samenvatting-image img{
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-bottom: 1em;
	}
.eigenschap-image-klein{
	float: left;
	width: 26%;
	margin-right: 4%;
	}
.locatie, .aanbieder{
	font-size: 0.8em;
	position: relative;
	padding-left: 21px;
	line-height: 1.5rem;
	height: 1.5rem;
	overflow: hidden;
	}
.locatie:before, .aanbieder:before{
	position: absolute;
	content: "";
	width: 13px;
	height: 17px;
	top: 0;
	left: 0px;
}
.locatie:before{
	background: url(/web/images/locatie-icon.png) no-repeat;

}
.aanbieder:before{
	background: url(/web/images/icons/persoon_icoon.png) no-repeat;
	background-size: 100%;
}
	
/* - - - - - unit-groot in context - - - - - -*/

.nieuwsteberichten .unit-groot{
	width: 100%;
	}
.nieuwsteberichten .unit-groot:after{
	display:none;
	}
.unit-groot .image-wrapper img{
	border-radius: 4px;
	-moz-border-radius: 4px;
	}
.afbeeldinghor{
	width: 100%;
	float: left;
	clear: both;
	}
.afbeeldinghor img{
	width: 100%;
	}
.afbeeldingvert{
	width: 50%;
	float: left;
	margin: 0 8px 8px 0;
	}
.history{
	float: left;
	width: 100%;
	clear: both;
	padding: 6px;
	height: 35px;
	margin-bottom: 8px;
	} 
	
.for-phone{
	display: none;
	}
/*--------------------- U N I T - KLEIN ---------------------------*/

.unit-klein{
	margin-bottom: 2%;
  	background: #F5F7F7;
	padding: 0px;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	width: 49%;
	float: left;
	margin-right: 2%;
	}
.unit-klein:nth-child(even){
	margin-right: 0;
	}

.unit-klein:hover{
  	background: white;
  	}
.unit-klein .image-wrapper{
	width: 16%;	
	float: left;
	}
.unit-klein .image-wrapper img{
	width: 100%;
}
.unit-klein .tekst-wrapper{
	width: 79%;
	float: right;
}
.unit-klein h2{
	font-size: 0.9em;
	margin: 10px 0 0 0;
	}
	
/*--------------------- U N I T - MEDIUM ---------------------------*/

.unit-medium{
	float: left;
	background: #FFF;
	margin-bottom: 2%;
	padding: 1em;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	}
	
/* - - - - - - - - - elementen in unit-medium - - - - - - - - - */
.unit-medium .wrapper{
	max-height: 100%;
	overflow: hidden;
}
.unit-medium .image-wrapper{
	position: relative;
	float: left;
	overflow: hidden;
}
.unit-medium .image-wrapper img{
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    left:calc(50%); /* calc = alleen voor browsers die dit kennen */
    bottom: 0;
    right: 0;
    margin: auto;
    transform: translateX(-50%) ; /* transform = alleen voor browsers die dit kennen */
}
.unit-medium .tekst-wrapper{
	max-height: 100%;
	overflow: hidden;
	float: right;
}
.unit-medium .tekst-wrapper > div, .unit-medium .wrapper > div {
	margin-bottom: .5em;
}
.unit-medium h2{
	display: inline-block;
	line-height: 1em;
	height: 2em;
	word-break: break-word;
	overflow: hidden;
	margin: 0 0 10px 0;
	clear: right;
}
.unit-medium h2 a:hover{
	box-sizing:border-box;
	color: #2996C4;
	border-bottom: #2996C4 1px dotted;
}
.resultaten .unit-medium h2, .netwerk-wrapper .unit-medium h2{
	margin: 0 0 10px 0;
}
.unit-medium .relatie{
	margin-right: 10px;
	font-size: 0.8rem;
	height: 1.6rem;
	/*display: inline-block;*/
}
.unit-medium .relatie p{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.relatie a:hover{
	color: black;
}
.type{
	font-size: 0.8em;
}

.slogan{
	height: 4.5em;
	overflow: hidden;
}
.unit-medium-tijd{
	width: 21%;
	float: left;
	font-size: 0.8em;
}
.unit-klein .toelichting{
	position: absolute;
	display: block;
	top: 5px;
	right: 4px;
	height: 24px;
	width: 24px;
	background: url(/web/images/reactie_icon.png) no-repeat;
	background-size: 24px;
	text-indent: -3000px;
}
.unit-medium .toelichting{
	position: absolute;
	display: block;
	top: 14px;
	right: 14px;
	height: 30px;
	width: 34px;
	background: url(/web/images/reactie_icon.png) no-repeat;
	background-size: 34px;
	text-indent: -3000px;
}
.unit-medium .omschrijving-groot{
	height: 23.5em;
	line-height: 1.5em;
	overflow: hidden;
}
.unit-medium .omschrijving-klein{
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
}
.unit-medium .omschrijving-groot p, .unit-medium .omschrijving-klein p{
	margin: 0 0 1.5em 0;
	padding: 0;
}
/* - - - - - - unit-medium in context - - - - */

.nieuwsteberichten .unit-medium{
	width:100%;
	}	
.netwerk-wrapper .unit-medium{
	width: 100%;
	padding: 1em;	
	float: left;
	margin-bottom: 2%;
	background: #F5F7F7;
	}
.netwerk-wrapper .unit-medium:hover{
	background: white;
	}
.netwerk-wrapper .unit-medium .image-wrapper{
	width: 20%;
	margin-right:3%;
	margin-bottom: 0;
	float: left;
	}
.netwerk-wrapper .unit-medium .tekst-wrapper, .netwerk-wrapper .unit-medium .wrapper{
	width: 77%;
	}
.netwerk-wrapper .unit-medium-partij, .netwerk-wrapper .unit-medium-persoon, 
.netwerk-wrapper .unit-medium-aanbod, .netwerk-wrapper .unit-medium-vraag{
	height: auto;
	}
.kalenderdag-index .unit-medium,.kalenderdag .unit-medium{
	width: 100%;
	border-top: 1px solid #D5DBDE;
	}
.kalenderdag-index .unit-medium, .gevondenverloren .unit-medium{
	background: #EDEFF0;
	margin: 0;
	border-top: 1px solid #D5DBDE;
	}
.kalenderdag-index .unit-medium .wrapper{
	float: left;
	width: 79%;
	}
.wensen-wrapper a:hover{
	background: #F5F7F7;
	}
.kalenderlijst .unit-medium-activiteit .image-wrapper img{
	position: relative;
	max-height: 200px
}	


/*--------------- BERICHT -------------------------------*/

.unit-medium-bericht{
	width: 100%;
}
.unit-medium-bericht .tekst-wrapper{
  float: none;
 }
.unit-medium-bericht img{
	max-width: 100%;
}
	
/*- - - - - - - - PERSOON && PARTIJ - - - - - - - - - - -*/

.resultaten .unit-medium-persoon, .resultaten .unit-medium-partij{
	height: 16%; /* voor oudere browsers */
	max-height: 0;
	padding: 0;
	padding-bottom:	16%; /* voor browsers die geen calc kennen */
	padding-bottom: calc(12.48% + 2em); /* unit-medium-persoon.width \ 100 * imagewrapper.width */	
	width: 32%;
	margin-right: 2%;
}
/*
.resultaten .unit-medium-persoon:nth-child(3n+3){
	margin-right:0;
	float:right;
}
*/
.unit-medium-persoon .image-wrapper, .unit-medium-partij .image-wrapper{
	position: absolute;
	left: 1em;	
	top: 1em;
	width:39%;
}

.unit-medium-persoon .image-wrapper, .unit-medium-partij .image-wrapper, .netwerk-wrapper .unit-medium-locatie .image-wrapper{
	position: absolute;
	width:39%;
	height: 80%;
	height: calc(100% - 2em);
	left: 1em;
	top: 1em;	
	overflow: hidden;
}
.unit-medium-persoon .image-wrapper img, .unit-medium-partij .image-wrapper img, .netwerk-wrapper .unit-medium-locatie .image-wrapper img{
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	bottom: 0;
	right: 0;
	margin: auto;
}
.unit-medium-persoon .tekst-wrapper, .unit-medium-partij .tekst-wrapper, .unit-medium-persoon .wrapper, .unit-medium-partij .wrapper, .netwerk-wrapper .unit-medium-locatie .tekst-wrapper, .netwerk-wrapper .unit-medium-locatie .wrapper{
	position: absolute;
	left: 42%;
	left: calc(39% + 1em);
	top: 1em;
	right: 1em;
	bottom: 1em;
	width: auto;
	padding-left: 1em;
}
/*--- PERSOON && PARTIJ && LOCATIE IN NETWERK CONTEXT ---*/
.netwerk-wrapper .unit-medium-persoon, .netwerk-wrapper .unit-medium-partij, .netwerk-wrapper .unit-medium-locatie{
	height: 0;
	padding: 0;
	padding-bottom:	25%; /* voor browsers die geen calc kennen */
	padding-bottom: calc(20% + 2em); /* unit-medium-persoon.width \ 100 * imagewrapper.width */
}
.netwerk-wrapper .unit-medium-persoon .image-wrapper, .netwerk-wrapper .unit-medium-partij .image-wrapper, .netwerk-wrapper .unit-medium-locatie .image-wrapper{
	width:20%;
}
.netwerk-wrapper .unit-medium-persoon .tekst-wrapper, 
.netwerk-wrapper .unit-medium-partij .tekst-wrapper, 
.netwerk-wrapper .unit-medium-locatie .tekst-wrapper,
.netwerk-wrapper .unit-medium-persoon .wrapper, 
.netwerk-wrapper .unit-medium-partij .wrapper, 
.netwerk-wrapper .unit-medium-locatie .wrapper{
	left:	25%; /* voor browsers die geen calc kennen */
	left: calc(20% + 1em);
}


/*- - - - - - PARTIJ - - - - - - - - -*/

/*
.resultaten .unit-medium-partij{
	width: 32%;
	height: 150px;
	margin-right: 2%;
	
	}
.unit-medium-partij .image-wrapper{
	width: 38%;
	}
.unit-medium-partij .image-wrapper:before{
	content: "";
	display: block;
	padding-top: 100%;
	} 
.unit-medium-partij .tekst-wrapper, .unit-medium-partij .wrapper{	
	float: right;
	width: 57%;
	}
.unit-medium-partij .tekst-wrapper h2, .unit-medium-partij .wrapper h2{	
	
}
.unit-medium-partij .tekst-wrapper h2 a, .unit-medium-partij .wrapper h2 a{	
	font-size: 1.4rem;
	line-height: 1.4rem;
	height: 2.8rem; 
	box-sizing: border-box;
	word-wrap: break-word;
	overflow: hidden;
	}
.unit-medium-partij .image-wrapper img{
	width: 100%;
	height: auto;
	position: static;
	top: 0;
	left: 0;
	}
*/
	
/* - - - - - - - - - LOCATIE - - - - - - - - */

.resultaten .unit-medium-locatie{
	width: 32%;
	margin-right: 2%;
	height: 320px;
	}
.resultaten .unit-medium:nth-child(3n){
	margin-right: 0;
}
.unit-medium-locatie .image-wrapper{
	width:100%;
	margin-bottom:20px;
	}
.unit-medium-locatie .image-wrapper:before{
	content: "";
	display: block;
	padding-top: 75%; 	/* initial ratio of 4:3*/
	} 
.unit-medium-locatie .tekst-wrapper{
	float: left;
	}
	
/* - - - - - - - - PROJECT - - - - - - - - */

.resultaten .unit-medium-project{
	width:32%;
	margin-right: 2%;
	height: 500px;
	overflow: hidden;
	position: relative;
	}
.resultaten .unit-medium-project:after{
	content: "";
   	position: absolute;
   	width: 100%;
   	height: 23px;
    background: white;
    left: 0;
    bottom: 0;
	}
	
.unit-medium-project .image-wrapper{
	width: 100%;
	margin-bottom: 20px;
	}
.unit-medium-project .image-wrapper:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
	}
.unit-medium-project .tekst-wrapper{
	width: 100%;
}

/*
.unit-medium-project .image-wrapper img{
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	}
*/
	
/*- - - - - - - - - ACTIVITEIT - - - - - - - */

.unit-medium-activiteit .image-wrapper img{

	}
.unit-medium-activiteit .image-wrapper:before{
	display: none;
	padding-top:0;
	}
	
/*- - - - - - ACTIVITEIT in context - - - - - */

.kalenderlijst .unit-medium-activiteit .image-wrapper{
	width: 16%;
	margin-right: 3%;
	float: left;
	margin-bottom: 20px;
	}
.kalenderlijst .unit-medium-activiteit{
	width: 100%;
	margin-bottom: 2%;
	background: #EDEFF0;
	}
.kalenderlijst .unit-medium-activiteit .tekst-wrapper{
	width: 67%;
	float: left;
	}
.kalenderlijst .unit-medium-activiteit .wrapper{
	width: 87%;
	float: right;
	}
.kalenderdag .unit-medium-activiteit .image-wrapper img{
	height: auto;
	position: static;
	}
.kalenderdag .unit-medium-activiteit .image-wrapper{
	width: 100%;
	}
.netwerk-wrapper .unit-medium-activiteit{
	/*min-height: 126px;*/
	/* hoogte losgelaten */
	}
.netwerk-wrapper .unit-medium-activiteit .image-wrapper{
	width: 20%;
	float: left;
	}
.netwerk-wrapper .unit-medium-activiteit .image-wrapper:before{
	content: "";
	display: none;
	padding-top: 100%; 	/* initial ratio of 1:1*/
	}
.netwerk-wrapper .unit-medium-activiteit .tekst-wrapper{
	width: 76% !important;
	float: left;
	margin-left: 24%;
	}

/* - - - - - - - - AANBOD - - - - - - - - - */

/*
.unit-medium-aanbod .image-wrapper{
	width: 40%;
	position: relative;
	float: right;
	}
.unit-medium-aanbod .image-wrapper:before{
	content: "";
	display: block;
	padding-top: 75%; 
	} 

.unit-medium-aanbod .tekst-wrapper{
	float: left;	
	width: 58%;
}
*/
/* - - - - - - AANBOD in CONTEXT - - - - - - - */

.resultaten .unit-medium-aanbod{
	width: 49%;
	margin-right: 2%;
	min-height: 158px;
	}
.resultaten .unit-medium-aanbod:nth-child(2n+2){
	margin-right: 0;
	float: right;
	}
.netwerk-wrapper .unit-medium-aanbod .image-wrapper{
	float: left;
	}

/* - - - - - - - - VRAAG && AANBOD - - - - - - - - - */

.resultaten .unit-medium-vraag, .resultaten .unit-medium-aanbod{
	width: 49%;
	margin-right: 2%;
}

.resultaten .unit-medium-vraag:nth-child(2n+2), .resultaten .unit-medium-aanbod:nth-child(2n+2){
	float:right;
	width: 49%;
	margin-right: 0;
}

.unit-medium-vraag .image-wrapper, .unit-medium-aanbod .image-wrapper{
	overflow: hidden;
	width:40%;
	height: 0;
	padding-bottom: 40%;	
	float:right;
}
.unit-medium-vraag .image-wrapper:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
} 

.unit-medium-vraag .tekst-wrapper, .unit-medium-aanbod .tekst-wrapper{
	width:54%;
	height: 0;
	padding-bottom: 40%;
	float:left;	
}

.unit-medium-vraag .wrapper, .unit-medium-aanbod .wrapper{
	height: 0;
	padding-bottom: 40%;	
}

/* - - - - - - WENS - - - - - - - - - - - - - - */

.resultaten .unit-medium-wens{
	width: 49%;
	height: 200px;
	margin-right: 2%;
	min-height: 190px;
	}
.resultaten .unit-medium-wens:nth-child(2n+2){
	margin-right: 0;
	float: right;
	}
.unit-medium-wens .image-wrapper{
	width:34%;
	}
.unit-medium-wens .image-wrapper:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
	} 

.unit-medium-wens .tekst-wrapper{	
	width: 60%;
	}
.unit-medium-wens .relatie{
	height: auto;
}

	
/* - - - - - netwerk-wrapper - - - - - - - - - - */
.netwerk-wrapper{
	float: right;
	width: 44%;
	/*padding-top: 50px;*/
}
.netwerk-wrapper-kolom-links{
	width: 49%;
	margin-right: 2%;
	float: left;
	margin-bottom: 12px;
	}
.netwerk-wrapper-kolom-rechts{
	width: 49%;
	float: left;
	}
.netwerktitel{
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #A6ABAD;
	position: relative;
	margin: 20px 0;
	padding-top: 9px
	}
.netwerktitel:first-of-type{
	margin-top: 0;
	padding-top: 0;
	}

/*------------ clearing ( voeg class="group" aan een element toe en het wordt gecleared ) -----------*/

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

/*------------plaatsing-----------*/

.container{
	width: 1200px;
	min-height: 100%;
	/*height: auto !important;*/
	/*height: 100%;*/
	margin: 0 auto 0 auto;
	position: relative;
	}
.portaal-wrapper{
	padding: 20px;
	background: #DEF3FA;
	}
.top{
	width: 100%;
	position: relative;
	background: #FFF;
	margin-bottom: 20px;
	padding: 20px 0 10px 0;
	}
.topmenu{
	height: 20px;
	text-align: right;
	font-size:  0.8em;
	background: white;
	margin: 0px 20px 0 0;
	}
.home-top{
	height: 0px;
	float: left;
	width: 100%;
	margin: 0;
	}
.metpijl{
	position: relative;
	margin-top: 12px !important;
	}
.logo{
	width: 226px;
	/*height: 153px;*/
	display: table;
	float: left;
	margin: -24px 0 26px 18px;
	}
.logo img{
	width: 100%;
	float:left;
	}
.payoff{
	letter-spacing: 1px;
	/*text-align: center;*/
	font-size: 0.84em;
	}
.profielfoto-28px{
	width: 28px;
	float: left;
	border-radius: 4px;
	}
.go_searchBar-wrapper{
	float: right;
	width: 161px;
	height: 32px;
	margin-top: 14px;
	margin-right: 20px;
	background: url(/web/images/bg_loep.png) no-repeat 136px 9px #e6e9eb;
	}
.zoekbalk input[type=text]{
	width: 126px;
	padding: 7px 3px 0 10px;
	line-height: 1.5em;
	float: left;
	border: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    /*box-shadow:2px 1px 4px #BBC2C4 inset;*/
	}
.zoekbalk input:focus {
    outline:none;
	}
.zoekbalk input[type=submit]{
	height: 29px;
	width: 30px;
	text-indent: -3000px;
	border: none;
	cursor: pointer;
	outline: none;
	background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	}
.navigatie{
	position: relative;
	float: left;
	width: 100%;
	background: white;
	margin-bottom: 6px;
	padding: 32px 0 0px 13px;
	font-size: 106%;
	}

.hoofdmenu{
	margin: 0 20px;
	/*padding-top: 20px;*/
	background: white;
	text-align: right;
	clear: both;
	border-top: 1px solid #e6e9eb;
	font-family: 'Roboto Condensed', sans-serif;
	}
.gezochtaangeboden{
	float: left;
	width: 100%;
	margin: 0px 0 12px 0;
	position: relative;
	background: #E9F1F2 !important;
	}
.content{
	width: 100%;
	float: left;
	clear: both;
	}
.col-490{
	width: 100%;
	float: left;
	/*padding: 12px;*/
	margin-bottom: 8px;
	}
.col-left{
	width:21%;
	margin-right: 1%;
	float:left;
	}
.col-left:last-of-type{
	margin-right:0 !important;
	}
.col-midden{
	width:56%;
	margin-right:1%;
	float:left;
	}
.col-right{
	width:21%;
	float:left;
	}
.col-244{
	width:	243px;
	float:	left;
	}
.col-244-links{
	width:	20%;
	margin-right:	1%;
	float:	left;
	}

.col-120{
	width:118px;
	float: left;
	}
.col-120-links{
	width: 118px;
	margin-right: 6px;
	float: left;
	}
.col-400{
	float:left;
	background #FFF;
	}

.spacer{/* voor footer */
	display:block !important;
	height: 200px; /* hoogte footer */
	float:left;
	width:100%;
	}

footer .menuwrapper{
	margin: 0 auto;
	width: 1200px;
	}
footer{
	position: absolute;
	bottom: 0;
	font-family: 'Roboto condensed', sans-serif;
	font-size: 0.9em;
	background-color: #CDCFD1;
	width: 100%;
	padding: 20px;
	color: white;
	margin: 0 auto;
	font-weight: 300;
	}

.gezochtaangeboden .unit-medium{
	
	}

/*----aangeklikt-----*/
.menu-kalender-aangeklikt{
	background:#FFF;
	border-right:thin solid #F7F7F3;
}
.menu-va-aangeklikt{
	background: #FFF;
	border-left: thin solid #F7F7F3;
	border-right: thin solid #F7F7F3;
	}
.menu-berichten-aangeklikt{
	background: #FFF;
	border-left: thin solid #F7F7F3;
	border-right: thin solid #F7F7F3;
	}
.menu-indewijk-aangeklikt{
	background: #FFF;
	border-left: thin solid #F7F7F3;
	border-right: thin solid #F7F7F3;
	}

/*----------------------FILTER--------------------------*/

.go_filter-wrapper{
	width: 250px;
	float: left;
	position: relative;
	font-size: 0.9em;
	line-height: 1em;
	font-family: 'Roboto Condensed', sans-serif;
}
.filter-aanhef{
	margin: 0 0 8px 10px;
}
.filter-aanhef h4{
	padding-top:0 ;
}
.filter-top{
	width:100%;
	float:left;
	position:relative;
	}

.filter-kop{
	margin: 18px 0;
	padding-top: 18px;
	display: block;
	font-size: 0.87em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #A6ABAD;
	}
.filter-kop:first-of-type{
	margin-top: 0;
	}
.filter-knoppen-kalender .nietgechecked, .filter-knoppen-kalender .welgechecked{
	color: #000;
	}
.filter-knoppen-kalender .nietgechecked:hover, .filter-knoppen-kalender .welgechecked:hover{
	color: #000;
	}
.filter-knoppen-kalender .enof:hover{
	background: white;
	border: 1px white solid;
	}
.resultaten{
	float: right;
	width: 936px;
	display: table;
	}

/*-------leeftijden------------*/

.leeftijden-kiezen{
	width: 100%;
	margin-bottom: 22px;
	float: left;
	}
.filter-knoppen .leeftijden-kiezen a{
	display: inline-block;
	float: left;
	border-radius: 50%;
	height: 20px;
	width: 20px !important;
	text-align: center;
	line-height: 16px;
	margin: 0 36px 0 0;
	font-size: 12px;
	color: #000;
	}
.kies-leeftijd-k-aan{
	background-color: #090;
	color:#FFF !important;
	letter-spacing: -1px;
	line-height: 19px !important;
	box-shadow: 3px 3px 3px white;
	}
.kies-leeftijd-j-aan{
	background: #df0929;
	letter-spacing: -1px;
	color: #FFF !important;
	line-height: 19px !important;
	box-shadow: 3px 3px 3px white;
	}
.kies-leeftijd-v-aan{
	background: #09F;
	letter-spacing: -2px;
	color: #FFF !important;
	line-height: 19px !important;
	box-shadow: 3px 3px 3px white;
	}
.kies-leeftijd-a-aan{
	background: #000;
	color:#FFF !important;
	line-height: 19px !important;
	box-shadow: 3px 3px 3px white;
	}
.kies-leeftijd-uit{
	/*background:#b2bec1;*/
	box-shadow: 2px 2px 3px #D3DADB;
	border: 2px solid black;
	}

.leeftijden-kiezen a:hover, .kies-leeftijd:active{
	text-align: center;
	color: #000 !important;
	background: white;
	}
/*-----meldingen in kalender------*/
.leeftijd-a, .leeftijd-k, .leeftijd-j, .leeftijd-v{
	display: table;
	float: left;
	line-height: 1.5em;
	height: 1.5em;
	width: 1.5em;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 8px;
	margin-top: 1px;
	color: #FFF;
	font-size: 0.8em;
	font-family: 'Roboto Condensed', sans-serif;
}
.leeftijd-a{
	background: #000;
}

.leeftijd-k{
	background: #090;
}
.leeftijd-j{
	background: #df0929;
}
.leeftijd-v{
	background: #09F;
}

/*---------------------------------*/

.filter-top h4{
	background: none;
	font-weight: normal;
	border-bottom: none;
}
.filter-top .vollebreedte{
	background: black;
	color:white;
	margin:0;
	padding:0;
	padding-bottom:2px;
}
.filter-top .vollebreedte > div{
	float:left;
	margin-right:29px;
	}
.filter-knoppen{
	width:100%;
	float:left;
	padding:0 0 12px 10px;
	height:auto !important;
	position:relative;
	}
.filter-knoppen .filter-knoppen{
	padding: 0 0 1em 1.3em;
	margin-bottom: 1em;
	}
.filter-knoppen .filter-knoppen .enof{
	border-radius: 0;
		line-height: 1.5em;
	}

.filter-knoppen:nth-of-type(3n){
	position:relative;
	background:#F0F0F0 !important;
	}
	
.filter-knoppen:nth-of-type(3n):before{
   	content: '';
  	position: absolute;
  	top:-1px;
  	left: 14px;
  	width: 0; 
  	height: 0;
  	border-top: 12px solid white;
  	border-right: 10px solid transparent;
  	border-left: 10px solid transparent;
	}
	
/*.filter-knoppen input{
	margin-top:6px;
	}*/
	
.selectie{
	width: 90%;
	float: left;
	padding: 4px 0 0px 12px;
	}
	
.selectie .hoofdcat:last-of-type{
	margin-bottom: 20px;
	}

hr{
	margin-bottom: 6px;
	width: 100%;
	border-left: 0;
    border-right: 0;
	}
.selectie hr{
    border-top: 1px solid grey;
    border-bottom: 1px solid white;
	}
.selectie select{
	margin-top: 20px;
	}
.zoeken-tekst-knop{
	background: #2eaadc !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	text-indent: 0 !important;
	width: 90% !important;
	box-sizing: border-box;
	padding: 7px 8px 8px 8px;
	margin-top: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}

/*-------------hier wordt de hoofdcat geselecteerd ------------*/

.selectie a{
	display: block;
	float: left;
}
.hoofdcat{
	color: #000;
    margin: 8px 16px 12px 0;
    min-width: 228px;
	}
.hoofdcat-uit{
	display: inline-block;
	border: 3px solid #000;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	text-align: center;
	margin-right: 10px;
	float: left;
	box-shadow: 2px 2px 3px #C3C9C9;
	}

.hoofdcat-aan{
	display: inline-block;
	background: #F2CBED;
	border: 3px solid #000;
	border-radius: 50%;
	-moz-border-radius: 50%;
	color: white;
	height: 16px;
	width: 16px;
	text-align: center;
	margin-right: 10px;
	float: left;
	box-shadow: 3px 3px 4px white;
	}
.cat-naam{
	display: inline-block;
	}

.selectie a:last-of-type{
	margin-right: 0px;
	}

/*-------------- form -----------------------*/
.filter-top input{
	outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.filter-top input[type=submit]{
	height: 28px;
	width: 30px;
	background: url(/web/images/bg_loep.png) no-repeat 7px 7px #b2bec1;
	text-indent: -2000px;
	border: none;
	cursor: pointer;
	outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    float: left;
    margin-top: 28px;
	}
.filter-top input[type=submit]:hover{
	cursor: pointer;
	background: url(/web/images/bg_loep.png) no-repeat 7px 7px #b2bec1;
	}

.filter-top input[type=text]{
	height: 28px;
	line-height: 21px;
	padding: 2px 2px 2px 6px;
	margin-right: 2px;
	margin: 28px 0;
	border: none;
	color: #000;
	background: #b2bec1;
	font-weight: normal;
	width: 180px;
	float: left;
	clear: left;
}
.filter-top input[type=text]:focus{
	background: white;
}
.filter-zoekveld{
	
	height: 32px;
	margin-top: 24px;
	background: url(/web/images/bg_loep.png) no-repeat 136px 9px white;
}
.filter-knoppen-kalender input[type=text]
	margin-top: 16px !important;
	}

.filter-top select{
    padding:3px;
    height:24px;
    margin:0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#b2bec1;
    color:#888;
    border:none;
    display: inline-block;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.filter-top label{
	position: relative
    }
.filter-top select:focus{
	outline:none;
	}
.filter-top label:after {
    content: '<>';
    color: #000;
    background: #b2bec1;
    letter-spacing: 1px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 5px; 
    top: 0px;
    padding: 0px 1px 1px 2px;
    border-bottom: 1px dotted #000;
    position: absolute;
    pointer-events: none;
	}
.filter-top label:focus{
	background: white;
	}
.filter-top label:before {
    content: '';
    right: 6px; top:0px;
    width: 20px; height:20px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
	}
	
/*---------subcat---------*/

.filter-knoppen a{
	display: block;
	margin-top: 1.5em;
	}
.enof{
	display: block;
	border: #000 1px solid;
	color: #000;
	border-radius: 50%;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.4em;
	text-align: center;
	margin-right: 0.7em;
	float: left;
	box-shadow: 3px 2px 3px #BCC3C4;
	}
.enof:hover{
	background: white;
	border: white 1px solid;
	}
.welgechecked .enof{
	background: #000;
	color: #FFF;
	border: #000 1px solid;
	box-shadow: 4px 3px 4px white !important;
	}
.welgechecked .enof:hover{
	background:white;
	border: white 1px solid;
	color:black;
	}
.welgechecked .subcat{
	text-shadow:1px 2px 1px white;
	}

.welgechecked:hover, .nietgechecked:hover{
	color:#2996C4;
	}
.subcat{
	margin-top: .4em;
	display: inline-block;
	}

	
/*selecties om resultaten te tonen in lijst kalender kaart -------------*/

.opkaart{
	float: left;
	margin-right: 24px;
	}
	
.opkaart a{
	background: url(/web/images/locatie-icon.png) 43px 0px no-repeat;
	display: block;
	background-size: 16px;
	padding-left: 63px;
	border-left: 1px solid black;
	}
	
.opkaart a:hover, .opkaart a:active{
	background: url(/web/images/locatie-icon.png) 43px 0px no-repeat;
	background-size: 16px;
	}
	
.opkalender{
	float: left;
	margin-right: 24px;
	}
	
.opkalender a{
	background: url(/web/images/kalender_ikoon_zwart.png) 37px 1px no-repeat;	
	display: block;
	background-size: 14px;
	padding-left: 60px;
	border-left: 1px solid black;
	}
	
.opkalender a:hover, .opkalender a:active{
	background:url(/web/images/kalender_ikoon_zwart.png) 37px 0px no-repeat;
	background-size: 14px;
	}
	
.inlijst{
	float: left;
	margin-right: 24px;
	}
	
.inlijst a{
	background: url(/web/images/naar_opsomming_klein_zwart.png) 0px 0px no-repeat;
	background-size: 16px;
	display: block;
	padding-left: 22px;
	}
	
.inlijst a:hover, .inlijst a:active{
	background: url(/web/images/naar_opsomming_klein_zwart.png) 0px 0px no-repeat;
	background-size: 16px;
	}

.result-count-wrapper{
	float: right;
	margin-bottom: 16px;
	clear: right;
	font-size: 12px;
	width: 936px;
	}
	
.result-count{
	height: 18px;
	margin-right: 24px;
	float: left;
	padding-right: 24px;
	
	}

/*--------------conclusie---vraag en aanbod wordt hiermee afgesloten (wil jij die aanbieden? etc) -------------*/
.conclusie-gezocht{
	float: left;
	width: 100%;
	background: #FFF;
	border-radius: 4px;
	font-weight: 100;
	font-size: 127%;
	margin-top: 5px;
	}
.conclusie-gezocht:before{
	content:"";
   position:absolute;
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-bottom: 10px solid #FFF;
   border-right: 10px solid transparent;
   margin-top:-10px;
   margin-left:11px;
}
.conclusie-gezocht>div{
	padding-bottom:8px;
	padding-top:8px;
}
.antwoord{
	float:right;

}

.antwoord a{
	display:block;
	text-align:right;
	background:url(/web/images/hallobox_hover.png) no-repeat 0 2px;
	padding-left:24px;
	
}
.antwoord .profielfoto-28px{
	float:right;
	margin:0px 8px 0 6px;
}
.vraag .profielfoto-28px{
	margin-right:6px;
	margin-left:8px;
}	
.vraag{
	padding-top:6px;
	float:left;
}
.antwoord a{
	margin-left:20px;
}
.antwoord a:hover{
	color:#F00;
	}

/*--------------------------------einde plaatsing-----------------------*/


/*-------------------------------- CLASSES -----------------------*/
.wit{
	background: white;
}
.padding-content{
	padding:18px;
	float:left;
	width:100%;
	clear:both;
}
.rondehoeken{
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.vollebreedte{
	width:100%;
	clear:both;
	float:left;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:500;
	}
.ruimterechts{
	margin-right:6px;
	}
.ruimteonder{
	margin-bottom:6px;
	}
.ruimteonder-groot{
	margin-bottom:12px;
	}
.ruimterechts-groot{
	margin-right:12px;
	}
.rode-link{
	color:#F00;
	}
.rode-link:hover{
	text-decoration:underline;
	}
.blokje{
	float:left;
	clear:right;
	width:100%;
	}

.blok-grijs{
	background:#b2bec1;
	padding:18px;
	border-radius:4px;
	margin-top:18px;
	color:#FFF;
	}
.blok{
	float:left;
	position:relative;
	border-bottom:1px solid /*#dce2e78*/ #000;
	width:462px;
	padding:18px;
	margin:0 20px 19px 0;
	min-height:130px;
	}
.blok img{
	border-radius:4px;
	float:left;
	margin-right:12px;
	}
.intro-blok{
	padding: 2em;
	position: relative;
	margin-bottom: 2em;
	text-align: center;
	}
.over-plaatsen-stap{
	padding: 2em;
	background: white;
	position: relative;
	margin-bottom: 2em;
	text-align: center;
	}
.over-plaatsen-stap:after{
	content: "";
    position:absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-top: 18px solid white;
    border-right: 15px solid transparent;
    right: 49%;
    bottom: -15px;
	}
.over-plaatsen-stap h1, .intro-blok h1{
	margin-top: 0;
	margin-bottom: 1em;
	}
.over-plaatsen{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 2em;
	background: white;
	float: left;
	min-height: 400px;
	position: relative;
	}
.over-plaatsen-wrapper .over-plaatsen:nth-child(2n+2){
	margin-right: 0;
	}
.over-plaatsen a, .intro-blok a{
	border-bottom: 1px dotted black;
	}
.over-plaatsen-nav{
	margin-top: 2em;
	text-align: center;
	}
.over-plaatsen-nav a{
	display: inline-block;
	text-align: center;
	color: white;
	border-radius: 2em;
	-moz-border-radius: 2em;
	padding: 0.5em 1em;
	background: black;
	}
.over-plaatsen-beslist{
	margin-top: 2em;
	text-align: center;
	width: 100%;
	}
.over-plaatsen-beslist a{
	display: inline-block;
	text-align: center;
	color: black;
	border-radius: 2em;
	-moz-border-radius: 2em;
	padding: 0.5em 1em;
	border: 1px solid #EDEFF0;
	width: 80%;
	background: #EDEFF0;
	font-family: 'Roboto Condensed', verdana, sans-serif;
	}


.over-plaatsen h1{
	margin-top: 0;
	margin-bottom: 1.5em;
	}
.meer-resultaten{
	color: #FFF;
	display: block;
	width: 100%;
	border-radius: 4px;
	float: left;
	padding: 8px 0 8px 20px;
	margin-bottom: 8px;
	clear: both;
	padding-right: 26px;
	background: #E8D3E5;
	}
.meer-resultaten a{
	color:#000;
	text-decoration:none;
	display:block;
	background: url(/web/images/forward_zwart.png) no-repeat 99% 50% #E8D3E5;
	}
.meer-resultaten a:hover{
	color: #FFF;
	display: block;
	background: url(/web/images/forward_wit.png) no-repeat 99% 50% #E8D3E5;
	}
.artikel-kop{
	margin-bottom: 20px;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #A6ABAD;
	}
.fb-kop{
	background-image: url(/web/images/facebook_icon.png);
	background-repeat: no-repeat;
	background-size: 10px;
	padding-left: 20px;
	}
.fb-kop a{
	color: #A6ABAD; 
	}

article .unit-medium{
	background: none;
	}
.zwart-artikel{
	background: black;
	color: white;
	padding: 0;
	margin-bottom: 0;
	}
.zwart-artikel p{
	margin:16px 8px 16px 8px;
	}
.col-right aside, .col-right article{
	margin-bottom: 34px;
	}
.home-plaatsen{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	background: #2eaadc;
	padding: 7px 0;
	margin-top: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}
.home-plaatsen a{
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	color: white;
	}
.home-plaatsen a:hover{
	color: black;
	}
/*.kalenderdag-index > h4 {
	margin: 0px 0 12px 21%;
	padding: 1px 12px;
	float: left;
	background: silver;
	color: white;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	}
*/	
/*--------------- navigatie bar -----------------*/

.navigatie-wrapper{
	padding: 6px 0 6px 18px;
	margin-bottom: 12px;
	margin-top: -11px;
	font-size: 12px;
	clear: both;
	width: 100%;
	height: 35px;
	}
.navigatie-wrapper a{
	text-decoration: none;
	color: #686b70;
	}
	
.navigatie-wrapper div{
	float: left;
	padding-top: 3px;
	padding-bottom: 4px;
	}
	
/*.navigatie-wrapper .unit-klein{
	height: 28px;
	float: left;
	overflow: hidden;
	padding-right: 6px;
	}*/
	
.navigatie-naar-home{
	float: left;
	height: 28px;
	padding: 4px;
	padding-left: 0;
	margin: 3px 12px 3px 0;
	}
	
.navigatie-vorige {
	background: url(/web/images/back_v_zwart.png) no-repeat 1px 6px;
	background-size: 14px;
	padding-left: 24px;
	margin-right: 14px;
	}

.navigatie-volgende{
	background: url(/web/images/forward_v_zwart.png) no-repeat 54px 6px;
	background-size: 14px;
	padding-right: 24px;
	margin-right: 14px;
	}

.navigatie-terug{
	margin-right: 24px;
	padding-left:26px;
	background:url(/web/images/back_zwart.png) no-repeat 0 1px;
	}
.navigatie-zoekresultaat{
	margin-right: 24px;
	padding-left:26px;
	background:url(/web/images/back_zwart.png) no-repeat 0 2px;
	}
.breadcrumb-next{
	float:left;
	width:14px;
	line-height:26px;
	height:100%;
	text-align:center;
	}
.naar-zoekresultaat{
	height:28px;
	float:left;
	padding:4px;
	margin:3px 12px 3px 0;
	}


/* social */

.social-buttons a{
	display: inline-block;
	margin: 0 10px;
	border-bottom: 0 !important;
	}
.social-buttons a:first-of-type{
	margin-left: 0px;	
	}
.social-buttons{
	clear: both;
	border-top: 1px solid #DCE5E8;
	padding-top: 1em;
	width: 100%;
	margin: 2em 0 0 0 !important;
	font-size: 0.9em;
	}
.social-samenvatting{
	font-size: 0.9em;
	padding-top: 1em;
	margin-bottom: 0 !important;
	}


/*-------------reacties----------*/

.reacties{
	margin-top: 2em;
	padding-bottom: 10px;
	}
.reacties h5{
	margin-bottom: 1em;
	}
.reacties:after {
  	content: "";
  	display: table;
  	clear: both;
	}
.reactie{
	border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 2%;
	background: none;
	margin: 0 10px 8px 0px;
	position: relative;
	}
.reactie:after {
  	content: "";
  	display: table;
  	clear: both;
	}
.reactie h3{
	display: inline;
	float: none;
	margin-right: 6px;
	}
.reactie .image-wrapper{
	width: 12%;
	float: left;
	margin: 3px 4px 3px 1px;
	}
.reactie .tekst-wrapper{
	margin: 0;
	float: right;
	width: 85%
	}
.reactie textarea{
	width: 100%;
	min-height: 60px;
	margin-bottom: 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-box-shadow:    inset 3px 2px 6px #e6e9eb;
   	-webkit-box-shadow: inset 3px 2px 6px #e6e9eb;
    box-shadow:         inset 3px 2px 6px #e6e9eb;
    border: silver 1px solid;
	}
.reactie .wanneer{
	margin-top: 10px;
	}
.reacties .reactie:nth-child(odd) {
	border: 1px solid grey;
	border-radius: 6px;
	color: grey;
	}
.reacties .reactie:nth-child(even) {
	border:1px solid black;
	color: black;
	border-radius:6px;
	position: relative;
	}
	
/*.reacties .reactie:nth-child(even):before{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid black;
    border-bottom: 8px solid transparent;
    margin-left:-18px;
	}
	
.reacties .reactie:nth-child(odd):before{
	content:"";
   	position: absolute;
   	width: 0;
   	height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid grey;
    border-bottom: 8px solid transparent;
    right:-9px;
	}*/
	
.reacties .label{
	display:inline-block;
	}
.reactie input[type=field]{
	width: 100%;
	height: 30px;
	padding: 0;
	border: 1px solid #999;
	box-shadow: inset 0 1px 2px silver;
	-moz-box-shadow: inset 0 1px 2px silver;
	-webkit-box-shadow: inset 0 1px 2px silver;
	}
.reactie-toelichting{
	margin-bottom: 10px;
	font-style: italic;
	}

/*-----------artikelen ---------------------*/
.project-verhaal-wrapper{
	width: 60%;
	float: left;
	margin: 0 2% 2% 0;
	}
	
.project-verhaal{
	background: white;
	padding: 2em;
	position: relative;
	}
	
.project-verhaal:after{
	content: "";
    position:absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 17px solid white;
    border-bottom: 15px solid transparent;
    right: -16px;
    top: 9px;
	}
	
.project-verhaal img{
	width: 100%;
	}
	
.project-verhaal > div{
	margin-bottom: 2em;
	}
	
.project-verhaal-subkop{
	font-weight: bold;
	display: block;
	font-size: 1.2em;
	margin-bottom: .5em;
	}
	
.project-verhaal-intro{
	font-weight: 500;
	margin-bottom: 1em;
	}
	
.project-verhaal-netwerk-wrapper{
	width: 37% !important;
	float: right;
	margin-bottom: 2%;
	}


/*------------------ MENU'S ------------------------------------- MENU'S -------------------*/


/*------------------ topmenu -------------------*/	

.topmenu a{
	color: grey;
	display: inline-block;
	margin-left: 12px;
 	}
.topmenu a:hover{
	color: #949a9f;
	}

/*------------------ footermenu -------------------*/	

footer ul{
	float: left;
	width: 30%;
	list-style:none;
	margin: 0;
	padding: 0;
	}
footer li{
	/*float:left;*/
	margin:4px 20px 0 0;	
	}

footer img{
	float:left;
	margin:3px 10px 0 0;
	}

/*------------------ bericht -------------------*/	

.omschrijving-preview{
	z-index:100;
	background:#666;
	color:#FFF;
	}

.omschrijving p:first-of-type{
	margin-top:6px;
}
.omschrijving p:last-of-type{
	margin-bottom:0px;
}
.bezochtfoto{
	width:100%;
	}
.about{
	float: left;
	clear: right;
	}
.eigenschap{
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 6px;
	font-family: 'Roboto Condensed', Arial;
	}
/*	
.omschrijving{
	float: left;
	width: 100%;
	clear: both;
	}
/*
.zoekvragen{
	clear: both;
	margin-right: 5%;
}

/*
.tag:after, .metawolk:after{
	content: "";
  	display: table;
  	clear: both;
	}
*/
.persoonsinfo{
	clear: both;
	width: 96%;
	float: left;
	}
.inlijst-klein{
	display: block;
	padding-left: 25px;
	background: url(/web/images/back_zwart.png) no-repeat;
	font-size: 12px;
	width: 100%;
	text-decoration: none;
	float: left;
	margin-left: 10px;
	height: 20px;
	}
inlijst-klein a:hover{
	text-decoration: underline;
	}
.inlijst-klein-pijl{
	color:#ACB4B5;
	display:block;
	padding-left:26px;
	background: url(/web/images/pijl_links_klein_grijs.png) no-repeat 0 2px #FFF;
	font-size:14px;
	}
.inlijst-klein-pijl:hover{
	color:#000;
	background:url(/web/images/pijl_links_klein_zwart.png) no-repeat 0 2px #FFF;
	}	

/*------------------- tooltips ----------------------*/	
a.tooltips {
  position: relative;
  display: inline-block;
  margin-left:5px;
  border-radius:6px;
	background: #000;
	color:#FFF;
	width:12px;
	height:12px;
	margin-bottom:3px;
	text-align:center;
	line-height:12px;
	font-size:9px;
	/*font-style:italic;*/
}
.tooltips span {
  position: absolute;
  padding:8px;
  padding-left:10px;
  width:145px;
  color: #FFFFFF;
  background: #000000;
  visibility: hidden;
  border-radius: 8px;
  line-height:18px;
  font-weight:normal;
  font-size:13px;
  text-align:left;
}
.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 48%;
  margin-left:-8px;
  width: 0; height: 0;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

.online{
	clear:both;
}
.naamsgegevens{
	float:left;
	margin:4px 4px;
}
.hallo{
	float:left;
	clear:both;
	line-height:24px;
}
.hallo a{
	display:block;
	padding-left:20px;
	background:url(/web/images/hallo_box.png) no-repeat;
	padding-bottom:2px;
	font-weight:bold;
	color:#ACB4B5;
}
.hallo a:hover{
	color:#000;
	background:url(/web/images/hallobox_hover.png) no-repeat;
}

/*-----------ONDERGEBRACHT-------------------------------*/
.ondergebracht{
	width:100%;
	background:#FFF;
	float:left;
	padding-bottom:12px;

}
.ondergebracht .titel{
	float:left;
	width:100%;
	clear:both;
	height:230px;
}
.ondergebracht .titel .logo{
	width:220px;
	float:left;
	margin-right:6px;
}
.ondergebracht .titel .logo img{
	width:220px;
}
.ondergebracht .titel h1{
	padding-bottom:10px;
	font-size: 400%;	
	clear: right;
	display: inline-block;
	margin-bottom: 0;
	border-bottom: 2px solid #000;
	}
.introductie{
	font-size: 90%;
	float: left;
	color: #666;
	width: 720px;
	margin-top: 12px;
	}
.ondergebracht-content{
	width: 100%;
	clear: both;
	}
.ondergebracht-content > * {
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	}
/* - - - - - EINDE-ONDERGEBRACHT - - - - - - - -*/


/*-------------------voor index ----------------*/

h2 img{
	display:block;
	}
.index-ondergebracht{
	background:#FFF;
	min-height:104px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px;
}
.logos-ondergebracht{
	width:18px;
	margin:2px 10px 0 0;
	border-radius:2px;
	float:left;
}
.partners{
	width:100%;
	}
.partners a{
	display: block;
	margin-bottom: 8px;
	text-decoration: none;
	padding-bottom: 8px;
	border-bottom: 1px dotted grey;
	font-weight: 500;
	color:grey;
	}
.partners a:first-of-type{
	border-top: 1px dotted grey;
	padding-top: 8px;
	}
.gevondenverloren{
	margin-bottom: 26px;
	}

.gevondenverloren .unit-medium{
	width: 100%;
	padding: 20px 10px;
	background: #EDEFF0;
	min-height: 84px;
	margin-bottom: 0;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	}
	
.gevondenverloren .unit-medium .image-wrapper{
	float: left;
	width: 24%;
	}
	
.gevondenverloren .unit-medium .tekst-wrapper{
	float: right;
	width: 72%;
	}	

/*--------- kalender -------------*/

.kalendernavigatie{
	width:100%;
	float:left;
	clear:both;
	}
.kalendernavigatie > div{
	float:left;
	}	
.kalendernavigatie > a{
	display:inline-block;
	margin-left:12px;
	margin-top:14px;
	color:#000;
	text-decoration:none;
	}
.kalendernavigatie > a:hover{
	text-decoration:underline;
	}
.filter-navigatie{
	margin:8px 0 6px 4px;
	display:inline-block;
	}
.filter-navigatie a{
	border-radius:50%;
	background:#FFF;
	width:22px;
	height:22px;
	line-height:23px;
	margin-right:3px;
	margin-left:4px;
	margin-bottom:4px;
	margin-top:3px;
	display:inline-block;
	text-align:center;
	color:#000;
	line-height:19px;
	text-decoration:none;
	}
.filter-navigatie a:hover{
	color:#000;
	background:#F00;
	text-decoration:none;
	}

/*--------- kalenderdag is de weergave van de activiteiten (unit-medium) geordend op tijd, in een dag als kolom -------------*/

.kalenderdag{
	width: 18%;
	border: 1px solid #D5DBDE;
	margin-right: 1%;
	float:left;
	}

.kalenderdag .unit-medium, .weekkalenderdag .unit-medium{
	background: #EDEFF0;
	margin-bottom: 0;
	}
.activiteit-nieuw{
	background: #F7F7F7 !important;	
	}
.unit-medium-activiteit:hover, .activiteit-nieuw:hover{
	background: white !important;
	}
.kalenderdag h2, .weekkalenderdag h2{
	font-size: 1em;
	}
.kalenderdag h4, .weekkalenderdag h4, .kalenderdag-index h4, .gevondenverloren-kop h4{
	border: none;
	padding: 12px 0 14px 20px;
	color:  #A6ABAD;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	}
.weekkalenderdag{
	width: 13% !important;
	border: 1px solid #D5DBDE;
	float: left;
	}

/*- - - - - - - kalenderdag-index - - - - - - - - */
.kalenderdag-index, .gevonden, .verloren{
	margin-bottom: 20px;
	float: left;
	border: 1px solid #D5DBDE;
	background: #EDEFF0;
	width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	}
.kalenderdag-index h2, .gevondenverloren h2{
	font-size: 1em;
	margin-bottom: .3em;
	}
.kalenderdag-index .unit-medium-activiteit .wrapper > div{
	margin-bottom: .4em;
	}

.unit-medium-activiteit .wrapper > div{
	/*margin-bottom: 1em;*/
	}

/*------- kalenderlijst = units in opsomming gezet nav filtering op interesse----------*/
.kalenderlijst{
	float: right;
	width: 78%;
	}
.kalenderlijst .datum{
	width: 10%;
	margin-right: 3%;
	padding: 0;
	}
.kalenderlijst .weekdag{
	font-weight: normal;
	margin-top: -2px;
	margin-bottom: 1px;
	}
.kalenderlijst .unit-medium-tijd{
	width: 50%;
	display: inline-block;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	margin: 9px 25% 0 24%;
	padding-top: 11px;
	border-top: 1px solid black;
	}
.kalenderlijst .unit-medium-activiteit .tag{
	border-bottom: 1px solid silver;
	padding-bottom: 16px;
	}
.datum{
	float: left;
	font-weight: 100;
	text-align: center;
	}
.dag{
	font-size: 480%;
	line-height: 55px;
	margin-bottom: 12px;
	text-align: center;
	}
.maand{
	font-size: 110%;
	font-weight: 400;
	letter-spacing: 1px;
	}
.tijdstip{
	font-size: 12px;
}
	
/*------- weekkalender = kalender-units in 7 kolommen----------*/
.weekkalender-dag{
	padding: 6px;
	background: #FFF;
	float: left;
	width: 142px;
	font-size: 90%;
	margin-right: 1px;
	}
.weekkalender-dag:last-of-type{
	margin-right: 0;
	}
.weekkalender-dag h2{
	font-size:92%;
	font-weight:700;
	margin-bottom:12px;
}
.weekkalender-dag h4{
	padding-left:0;
	font-size:120%;
}
.weekkalender-dag .unit-medium{
	border-bottom:1px #000 dotted;
	width:100%;
	border-radius:0;
	padding-bottom:12px;
	margin-bottom:6px;
}
.weekkalender-dag .unit-medium:last-of-type{
	border-bottom:none;
	}
/*-------------datumkiezer---------------------------*/
.datumkiezer{
	width:220px;
	color:#FFF;
	margin-left:12px;
	padding-top:9px;
	color:#000;
	padding-bottom:20px;
}
.maandnavigatie{
	margin-bottom:2px;
	}
.maandnavigatie *{
	float:left;
	}
.maandnaam{
	width:148px;
	text-align:center;
	margin:1px 6px 0 6px;
	display:block;
	font-weight: bold;
	}
	
.dagenbalk{
	margin:3px 0 3px 0;
	border-top:1px dotted #000;
	float:left;
	font-size:100%;
	padding-top:2px;
	font-weight: bold;
	}
	
.dagenbalk span{
    width:24px;
	display:block;
	float:left;
	text-align:center;
	margin:0 5px 2px 0;
	}
	
.data{
	display: block;
	width: 24px;
	height: 24px;
	line-height: 26px;
	float: left;
	text-align: center;
	margin: 0 5px 0px 0;
	border-radius: 50%;
	color: #000;
	font-weight: 400;
	font-size: 14px;
	}
	
.data:hover{
	background: white;
	color: black;
	}
	
.data-anderemaand{
	width:24px;
	height:24px;
	display:block;
	float:left;
	line-height: 26px;
	text-align:center;
	margin: 0 5px 0px 0;
	color:#b2bec1;
	font-size: 14px;
	}
	
.datum-aangeklikt{
	background:white;
	}
	
.vandaag{
	background:#000;
	color:#FFF;
	}
/*-------  EINDE KALENDER ----------*/
	/*------------------------kompas-----------------------*/
.kompas-box{
	background:#FFF;
	float:left;
	border-radius:4px;
	position:relative;
	padding-bottom:6px;
	width:502px;
	margin-bottom:32px;
	}
.kompas-profiel{
	width: 100%;
	margin-top: 18px;
	background: url(/web/images/icons/kompas_grijs_20px.png) no-repeat;
	padding-left: 28px;
	padding-bottom: 4px;
	}
	
/* - - - - - - RESPONSIVE - - - - - - - - - - */

/* - max-width 1199px = kleiner dan container */

@media only screen and (max-width: 1199px) {
	.container{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		}
	.filter-wrapper{
		width:26%;
		}
	.resultaten, .result-count-wrapper, .kalenderlijst{
		width:73%;
		}
	}
	
/* - max-width 1023px = kleiner dan Ipad */

@media only screen and (max-width: 1023px) {
	body{
		font-size: 0.8em;
		}
	.relatie-kolom-links, .relatie-kolom-rechts{
		width: 100%;
		margin-bottom: 1%;
		}
	.netwerk-wrapper .unit-medium-partij{
		height: 100px;
		min-height: 100px;
		max-height: auto;
		}
	.kalenderdag-index h2, .gevondenverloren h2{
		font-size: 1.05em;
		}
	.artikel-kop{
		font-size: 0.95em;
		}
	.content{
		width: 98%;
		margin: 0 1% 0 1%;
		}
	.col-244-links{
		width: 23%;
		}
	.col-left{
		width: 23%;
		}
	.col-midden{
		width: 53%;
		}
	.col-right{
		width: 22%;
		margin-right: 0;
		}
	.filter-wrapper{
		width: 29%;
		}
	footer, footer .menuwrapper{
		width: 100%;
		}
	.resultaten, .result-count-wrapper, .kalenderlijst{
		width: 70%;
		float: right;
		}
	.resultaten .unit-medium{
		width: 49%;
		padding-bottom: 23%; /* older browsers - no calc */
		padding-bottom: calc(19.11% + 2em); /* unit-medium.width \ 100 * image-wrapper.width */
		margin-right: 2%;
		float: left;
	}	
	.resultaten .unit-medium:nth-child(3n){
		margin-right: 2%;
	}
	.resultaten .unit-medium:nth-child(2n+2){
		margin-right: 0 !important;
		width: 49%;
		}
	.resultaten .unit-medium-aanbod{
		min-height: 206px;
		}
	.resultaten .unit-medium-bericht{
		min-height: 240px;
		}
	.netwerk-wrapper .unit-medium{
		height: auto;
		min-height: auto !important;
		}
	.kalenderlijst .unit-medium{
		width:98%;
		margin-right:2%;
		}
	.col-midden h1 {
		font-size: 1.5em;
		margin-bottom: 1.5em;
		}
	.logo{
		width: 200px;
		}
}

@media only screen and (max-width: 855px) {
	
	.resultaten .unit-medium-aanbod, .resultaten{
		min-height: 230px;
		}
	.resultaten .unit-medium-vraag{
		min-height: 168px;
		}
	.netwerk-wrapper .unit-medium{
		width: 100%;
		height: auto;
		min-height: auto;
		}
	.dag{
		font-size: 300%;
		}
	.hoofdmenu{
		background: white;
		text-align: left;
		clear: both;
		margin: 0;
		}
	.hoofdmenu-button, .hoofdmenu-button-aangeklikt{
		margin: 4px 26px 8px 0;
		}
	.col-midden h1 {
		font-size: 1.4em;
		}
	.logo img{
		width: 80%;
		}
	}

@media only screen and (max-width: 831px) {
		
	.logo{
		margin-left: 10px;
		}
	/*.hoofdmenu-button{
		margin: 0px 0 10px 10px;
		}*/
	.unit-groot{
		width: 58%;
		}
	.netwerk-wrapper{
		width: 40%;
		}
	.result-count{
		width: 100%;
		margin-bottom: 8px;
		border-right: 0;
		}
	}	
	/*--- max-width 831px ---*/	


@media only screen and (max-width: 775px) {
	.filter-wrapper{
		width: 31%;
		}
	.resultaten, .result-count-wrapper, .kalenderlijst{
		width: 68%;	
		}
	.hoofdmenu-button, .hoofdmenu-button-aangeklikt{
		margin: 3px  15px 10px 0px;
		}
	}

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

	.resultaten .unit-medium-persoon, .resultaten .unit-medium-partij{	
		height: 25%; /* voor oud browsers die geen calc kennen */
		max-height: 0;
		padding: 0;
		padding-bottom:	25%; /* voor browsers die geen calc kennen */
		padding-bottom: calc(20% + 2em); /* unit-medium-persoon.width \ 100 * imagewrapper.width */		
		width: 32%;
		margin-right: 2%;
	}	
	.unit-medium-persoon .image-wrapper, .unit-medium-partij .image-wrapper {
		  width: 20%;
	}
	.unit-medium-persoon .tekst-wrapper, .unit-medium-partij .tekst-wrapper, .unit-medium-persoon .wrapper, .unit-medium-partij .wrapper {
		left:	25%; /* voor browsers die geen calc kennen */
		left: calc(20% + 1em);
		width: auto;
	}
	.unit-groot{
		width: 100%;
	}
	.netwerk-wrapper{
		width: 100%;
	}
	.filter-wrapper{
		width: 29%;
		padding-top: 20px;
	}
	.resultaten, .result-count-wrapper{
		width: 61%;
		float: right;
	}	
	.selectie{
		width: 100%;
		border-bottom: #E6E9EB 2px solid;
	}

	.netwerk-wrapper .unit-medium{
		width:100%;
	}
}
	
/*--- max-width 660px SHOW PHONE MENU---*/
@media only screen and (min-width: 660px){
	.hoofdmenu-no-phone{
		display:block !important;
	}
}

/* = telefoon - stand */
@media only screen and (max-width: 659px) { 
	body{
		font-size: 1em;
	}
	.top{ 
		padding: 0;
	}
	.hoofdmenu{
		display: none;	
		border-top: 1px solid silver;
	}
	.for-phone{
		display: block;
  		bottom: 0;
	}
	.filter-top {
		display: none;
	}
	.col-left{
		display: none;
	}
	.container > * {
		width: 100%;
		margin: 0;
	}
	.topmenu{
		text-align: center;
		margin-bottom: 1.5em;
		width: 100%;
	}
	.topmenu a{
		margin-left: 0;
	}
	.go_searchBar-wrapper {
		float: right;
	}
	.filter-wrapper{
		width: 100%;
	}
	.resultaten, .result-count-wrapper{
		width: 100%;
		float: right;
	}
	.resultaten .unit-medium:nth-child(2n+2){
		margin-right: 0;
		}
	.filter-knop-wrapper{
		float: left;
		width: 49%;
	}
	.unit-groot{
		width: 100%;
		margin-bottom: 20px;
	}
	.unit-groot:after{
		display: none;
	}
	.result-count-wrapper{
		padding: 12px;
		margin-bottom: 0;
	}
	.col-midden, .col-right{
		width: 100%;
	}
	.col-right{
		padding: 1em;
	}
	.logo{
		width: 30%;
		margin: 0 auto 10px auto;
		float: none;
	}
	.logo img{
		width: 100%;
	}
	.payoff{
		display: none;
	}
	.top-menu {
		width: 100%;
		clear: both;
		text-align: center;
	}
	.hoofdmenu-button{
		width: 100%;
		text-align: center;
		border-bottom: 1px solid silver;
		margin: 0;
		padding: 0.7em;
	}
	.hoofdmenu-button-aangeklikt{
		width: 100%;
		text-align: center;
		border: 1px solid silver;
		border-top: none;
		background: #f2f2f2;
		margin: 0;
		display: block;
		padding: 0.7em;
	}
	.artikel-kop{
		padding-left: 16px;
	}
	.navigatie-wrapper{
		padding-left: 0px;
	}
	.navigatie-zoekresultaat{
		margin-right: 6px;
	}
	.navigatie-volgende{
		margin-right: 0;
	}
	.netwerktitel{
		padding-left: 14px;
	}
	.resultaten .unit-medium, .resultaten .unit-medium:nth-child(2n+2){
		width: 100%;
		height: auto !important;
		min-height: 0;
		margin-bottom: 0.5em;
	}
	.resultaten .unit-medium img{
		width: 100%;
	}
	.kalenderdag{
		width: 100%;
		margin-right: 0;
	}
	.opkalender, .inlijst{
		margin-top: 14px;
	}
	.samenvatting-image, .samenvatting-tekst{
		width: 100%;
	}
	.samenvatting-image{
		margin-bottom: 1em;
	}
	.meer-resultaten{
		margin-bottom: 2em;
	}
	.over-plaatsen{
		width: 100%;
	}
	.over-plaatsen-beslist a{
		width: 100%;
	}
}

@media only screen and (max-width: 500px) {
	body{
		font-size: 1.1em;
		}
	.logo{
		width: 40%;
		margin: 0 auto 10px auto;
		float: none;
		}
	.resultaten .unit-medium, .resultaten .unit-medium:nth-child(2n+2){
		width: 100%;
		}
	.spacer{
		height: 40px;
		}
	footer{
		height: auto;
		text-align: center;
		}
	footer ul{
		width: 100%;
	}
	.kalenderlijst{
		width:100%;
	}
	.kalenderlijst .unit-medium{
		width:100%;	
		margin-right: 0;
		padding: 0;
	}
	.kalenderlijst .unit-medium-activiteit .datum{
		width: 30%;
		height: 10rem;
		float: left;
		margin: 0;
		padding: 14px;
		font-size: 0.9rem;
		background: #CEDADB;
	}
	.kalenderlijst .weekdag {
  		font-weight: lighter;
  	}
	.kalenderlijst .unit-medium-tijd {
		width: 100%;
		border: none;
		padding: 0;
		margin: 0;
		font-size: 0.8rem;
		font-weight: bold;
	}
	.kalenderlijst .unit-medium-activiteit .image-wrapper{
		width: 70%;
		height: 10rem;
		margin: 0;
		overflow: hidden;
	}
	.kalenderlijst .unit-medium-activiteit .image-wrapper img{
		width: 100%;
		min-height: 10rem;
	}
	.kalenderlijst .unit-medium-activiteit .tag{
		border: none;
	}
	.kalenderlijst .unit-medium-activiteit .tekst-wrapper, .kalenderlijst .unit-medium-activiteit .wrapper{
		width: 100%;
		padding: 1rem;
	}	
}