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

/* mag ook in CX standaard dit */
.btn-lg{
	height: initial;
}
.btn-lg:not(.cx_btn-iconOnly) {
	padding: 10px 16px;
}

/* Fix for IE11 Bug where image-bottom used original height of image - not calculated width in cssom .go_section.Actueel  */

.cx_card-row > .cx_card > .panel-body > .cx_template-image-bottom {
	display: table !important;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.cx_template-image-bottom .cx_template-content-wrapper{
	display: table-row;
	height: 100%;
}
.cx_template-image-bottom .cx_template-content-wrapper::after{
	display: table;
	content: '\00a0'; /* space */
	height: 15px;
}
.cx_template-image-bottom .cx_template-image-wrapper{
/*	display: table-row; */
}

/* FLIPPER - wat een dolfijn om trots op te zijn */

.cx_flipper-wrapper{
	-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}
.cx_card-row > a.cx_flipper-wrapper{
	border: none;
	background: none;
}
.cx_flipper {
	-moz-transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
    height: 100%;
}
.cx_flipper-front, .cx_flipper-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
    -moz-transition: 0.3s;
	transition: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    top: 0;
    left: 0;
    height: 100%;
}
/* front pane, placed above back */
.cx_flipper-front {
	position: relative;
	z-index: 2; 
    -o-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
.cx_flipper-back {
    -o-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg); /*  translateY(-100%) */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.cx_flipper-wrapper:hover .cx_flipper-front,
.cx_flipper-wrapper:hover .cx_flipper-back {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.cx_flipper-wrapper:hover .cx_flipper-front  {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.cx_flipper-wrapper:hover .cx_flipper-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

/* IE 9 fallback */
.ie9 .cx_flipper-wrapper:hover .cx_flipper-back {
	z-index: 3;
}

/*
.cx_flipper-wrapper:hover .cx_flipper{
	transform: rotateY(180deg);
	-webkit-transition: 0.6s;
	-ms-transition: 0.6s;
    -moz-transition: 0.6s;
	transition: 0.6s;
	transition-delay: .3s;
    border-color: #2eaadc;
}
*/
a.cx_flipper-wrapper:hover .panel{
/*
    color: #50a9f8;
    border-color: #50a9f8;
*/
	border-color: #2eaadc;
}

/* hide back of pane during swap */
/*
.cx_flipper-front, .cx_flipper-back {
	backface-visibility: hidden;
	top: 0;
	left: 0;
	height: 100%;
}
*/






/* RESET OF DEFAULT cx_grid - MOET UIT DE STANDAARD KOMEN - 09/08/2018 - TIM */

.cx_card-row > .cx_card:last-child {
    margin-right: 7.5px; /* in default is dat 0  - 2020-04-20 - TIM */
}

a.cx_card{	
	padding: 0 7.5px;
	background: initial;
	border: none;
	margin-bottom: 0;
}
.cx_card-row > a.cx_card{
	/*
	background: white;
    border: 1px solid #dddddd;
    */
}
.cx_card-row > a.cx_card:hover{
	color: #50a9f8;
    border-color: #50a9f8;
}





.cx_drop-zone.dropped{
    min-width: 130px;
    min-height: 130px;
}
.cx_card-row > a.cx_card{
	padding: 0;
}

/* BLOCK WITH TEXT OVER IMAGE */
.go_block-square .go_block-content{
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
 
.go_block-square .go_block-content-backgroundWrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background-size: cover;
    background-position: center; 
    color: white;
    font-size: 16px;
}
.go_block-square .go_block-content-backgroundWrapper .go_block-text{
    background: rgba(0,0,0, 0.5);
    position: absolute;
    width: 100%;
    /* top: 50%; */
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 7px 15px;
}




/* BUTTONS */

.go_gebiedsplan-btn,
.cx_paragraph .go_gebiedsplan-btn, 
.tab-content .go_gebiedsplan-btn, 
.modal .go_gebiedsplan-btn{
	border-color: #37b7e3;
	background: #37b7e3;
	color: white;	
}
.go_gebiedsplan-btn:hover,
.go_gebiedsplan-btn:active,
.go_gebiedsplan-btn:focus,

.cx_paragraph .go_gebiedsplan-btn:hover, 
.cx_paragraph .go_gebiedsplan-btn:active,
.cx_paragraph .go_gebiedsplan-btn:focus,

.tab-content .go_gebiedsplan-btn:hover, 
.tab-content .go_gebiedsplan-btn:active, 
.tab-content .go_gebiedspla-btnn-btn:focus, 

.modal .go_gebiedsplan-btn:hover,
.modal .go_gebiedsplan-btn:active
.modal .go_gebiedsplan-btn:focus{
	border-color: #2eaadc;
	background: white;
	color: #2eaadc;
}

.go_gebiedsplan-btn-reverse,
.cx_paragraph .go_gebiedsplan-btn-reverse, 
.tab-content .go_gebiedsplan-btn-reverse, 
.modal .go_gebiedsplan-btn-reverse{
	color: #37b7e3;
	background: white;
}



/*
.btn-default,
.cx_paragraph .btn-default, 
.tab-content .btn-default, 
.modal .btn-default{
	border-color: #37b7e3;
	background: #37b7e3;
	color: white;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,

.cx_paragraph .btn-default:hover, 
.cx_paragraph .btn-default:active,
.cx_paragraph .btn-default:focus,

.tab-content .btn-default:hover, 
.tab-content .btn-default:active, 
.tab-content .btn-default:focus, 

.modal .btn-default:hover,
.modal .btn-default:active
.modal .btn-default:focus{
	border-color: #2eaadc;
	background: white;
	color: #2eaadc;
}
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:hover, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:active, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:focus, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:visited, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:active:hover, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:active:focus, 
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field) > .btn-default:active:visited, 
.table .btn-default:hover, 
.table .btn-default:active,
.table .btn-default:focus, 
.table .btn-default:visited, 
.table .btn-default:active:hover,
.table .btn-default:active:focus, 
.table .btn-default:active:visited{
	background: none;
	color: #2eaadc;
}
.table .btn-default,
.table .btn-default:visited{
	background: none;
    border: none;
	color: grey; 
}
.form-group *:not(.btn-group-vertical) > .btn-default:hover, .table .btn-default:hover {
    color: #2eaadc;
}


/* tablepaging */
.cx_tablepaging .btn-default{
	color: #333;
    border-color: #d5dbde;
    background-color: #f8f8f8;
}
.cx_btn-Go_to_table_page.disabled{
	border-color: #37b7e3;
	background: #37b7e3;
	color: white;
}
.cx_tablepaging .btn:not(.disabled) {
    color: #2eaadc;
}

/* PANEL */
.cx_panel-primary-light {
    border: 1px solid #37b7e3;
}
.cx_panel-primary-light>.panel-heading {
    color: #2eaadc;
    background-color: #effbff;
    border-color: #37b7e3;
}



/* MOET UIT STANDAARD KOMEN */
.cx_template{
    display: block;
    background: none;
}
.cx_card-row{
  	min-width: 100%; /* overwrite of min-width: calc(100% + 30px); */
  	margin-left: -7.5px;
  	margin-right: -7.5px;
}

/* OVERRULE DEFAULT 3.x style - MOET MISSCHIEN ANDERS OF ER UIT ???? */
@media (min-width: 992px){
	html:not(.cx_minimal):not(.cx_vertical), html:not(.cx_minimal):not(.cx_vertical):not(.cx_spartan) nav {
	   	padding-left: 0;
	}
}
.go_toon-alles{
	font-weight: bold;
}
.go_toon-alles:hover{
	border: none!important;
}


.go_container{
    width: 100%;
    max-width: 1200px;
	margin: auto;
	padding: 0 15px;
}
.go_container-sm{
	width: 100%;
    max-width: 1000px;
}
.go_container-xs{
	width: 100%;
    max-width: 800px;
}
.go_container-no-padding{
	padding: 0;
}
.go_container-no-margin{
	max-width: 100%;
}

@media (min-width: 992px){
	.col-md-1\/7{
		width: 14.2857%;
		float: left;
	}
}
.col-md-1\/7 .cx_card-row > .cx_card:last-child {
    margin-right: 7.5px; /* overwrite grid */
}

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	word-break: break-word;
}
table *{
    word-break: normal;
}
aside, article{
	display: block;
}
html{
	/* overflow-y: scroll; */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}
canvas{
	display: table;
}

body{
	display: table;
	width: 100%!important;
	height: 100%;
	position: relative;  /* TO ENABLE FOOTER POSITION ABSOLUTE... - NO LONGER USED */
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
	background: #f9f9f9;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto condensed', sans-serif;
	font-weight: bold;
}
h1{
	font-size: 2em;
	margin-bottom: 0.2em;
	line-height: 1.2em;
}
h2{
	font-size: 1.4em;
}
h3{
	font-size: 1em;
	margin-top: 4px;
	margin-bottom: 0;
	font-weight: normal;
}
h4{	/* BLOCK TITLE */
	margin-top: 0px;
	clear: both;
	margin-bottom: 0px;
}
h5, .subkop{
	margin: 4px 5px 0 0;
	font-size: 1em;
	font-weight: bold;
}

header{
	font-size: 120%;
	line-height: 140%;
}


a:focus, a:hover {
 /*   color: #000; */
    text-decoration: none;
}
.new-item{
	color: #e33737;
}
/*
nav.navbar{
	width: 1200px;
	max-width: 100%;
	margin: auto;
}
*/
.pageWrapper{
	display: table;
	table-layout: fixed;
	width: 100%; /*1200px;*/
	height: 100%; /* FALLBACK */
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
}

/* APPLICATION NAV - ADMINBAR*/
.cx_menu-application{
	background-color:#37B7E3;
	color:white;
}
.cx_menu-application .navbar-nav > li > a{
	color: white;
	background-color: #37B7E3;
}
.cx_menu-application .navbar-nav > li > a:focus, 
.cx_menu-application .navbar-nav > li >a:hover {
	color: white;
    background-color: #42cfff;
    border-color: transparent;
}
.cx_menu-application .navbar-toggle .icon-bar{
	background-color: white;
}
.cx_menu-application .navbar-nav > .open > a, 
.cx_menu-application > .open > a:focus, 
.cx_menu-application > .open > a:hover {
	color: white;
    background-color: #02a9e2;
    border-color: #007fab;
}
.cx_menu-application .navbar-nav > .active > a, 
.cx_menu-application .navbar-nav > .active > a:focus, 
.cx_menu-application .navbar-nav > .active > a:hover {
    background-color: #007fab;
    border-color: #007fab;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #007fab;
}
.navbar .navbar-nav > li.cx_menu-overflow:last-child::after {
    background: #37b7e3;
}

/* ADMIN NAV - TOGGLE */
.navbar .navbar-nav.cx_menu-right{
	background: #37b7e3;	
}
.navbar-nav.cx_menu-right > li > a, 
.navbar-nav.cx_menu-right > li > a:focus, 
.navbar-nav.cx_menu-right > li > a:hover{
	color: #9d9d9d;
}
.navbar-nav > .cx_menu-user .cx_icon::after,
.navbar-nav > .cx_menu-user .cx_icon::before{
	color: white;
}
.navbar-nav>li>a {
    color: #ccc;
    background: #222;
}	
.navbar-nav>li>a:focus, 
.navbar-nav>li>a:hover {
    background-color: #222222;
}
.cx_menu-toggle .cx_menu-toggle-one,
.cx_menu-toggle .cx_menu-toggle-two{
	border-color: white;
}
.cx_menu-toggle .cx_menu-toggle-one{
	background: #37b7e3;
}
.cx_menu-admin .cx_menu-toggle .cx_menu-toggle-one{
	background: #2FD371;
}
.cx_menu-admin .cx_menu-toggle .cx_menu-toggle-two{
	background: #37b7e3;
}
.cx_menu-toggle a:hover .cx_menu-toggle-two{
	background: #37b7e3;
}
.cx_menu-admin a:hover .cx_menu-toggle-one{
	background: #37b7e3;
}
.cx_menu-toggle .cx_menu-toggle-two {
    background: #007fab;
}

/********************
*	TOP WRAPPER		* 
********************/
.top-wrapper{
    position: absolute;
   	z-index: 1029;
	overflow: visible;
	width: 100%; /*1200px;*/
    max-width: 100%;
    border-bottom: 1px solid #D5DBDE;
    background: white;
	/*
	display: table-row;
	width: 100%;
	height: 0;
	*/
}
.top-wrapper-fixed{ /* on scroll */
	 position: fixed;
}
.cx_fixed_top_menu_wrapper .cx_menu + *.top-wrapper{
    margin-top: 50px;
    border-top: 1px solid white;
}
.top-group{
	width: 100%;
	background: #FFF;
    overflow: visible;
/*	
	margin-bottom: 1rem;
	padding: 15px 0 0 0;	
*/
}
.top-items{
    height: 100px;
    margin-bottom: 15px;
    position: relative;
}
.topmenu{
	height: 25px;
	line-height: 25px;
	text-align: right;
	font-size:  13px;
	background: white;
}
/*
.top-wrapper-fixed .topmenu{
	display: none;
}
*/
/*--------------HOOFDMENU---------------*/
.cx_menu{
	border-bottom: none;
	margin-bottom: 0;
}
/*
.lte9 .go_hero-image-wrapper{
	display: none;
	width: calc(100vw - 0px);
	height: 100px;
}
*/
.go_hero-image-wrapper{
/*    margin-top: -20px; */
	margin-bottom: 20px;
}
/*
.go_hero-image-wrapper-inner{
	width: 100%;
   	display: table;
   	table-layout: fixed;
}
*/
.go_hero-image{
	display: block;
	max-width: 100%;
    margin: auto;
}


@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu { 
	    background-color: white;
	}
}

.hoofdmenu{
/*	padding-right: 18px; */
/*	height: 50px;	*/
/*	text-align: right;	*/
/*	clear: both;	*/
    border-radius: 0;
	background-color: white;
	font-family: 'Roboto Condensed', sans-serif;
}
.hoofdmenu.cx_nav_collapsed .navbar-collapse {
    overflow-y: auto !important;
    border-top: 1px solid #e7e7e7;
}

.hoofdmenu .navbar-nav > li > a,
.hoofdmenu .navbar-nav > li > a:hover,
.hoofdmenu .navbar-nav > li > a:active,
.hoofdmenu .navbar-nav > li > a:focus{
	border: none;
}
.hoofdmenu .navbar-nav > .active > a, 
.hoofdmenu .navbar-nav > .active > a:focus, 
.hoofdmenu .navbar-nav > .active > a:hover {
    background-color: #37B7E3;
    border-color: #37B7E3;
}

.logo,
.logo_2{
	position: relative;
    margin-bottom: calc(-130px);
    width: 180px;
    height: 180px;
    background: white;
    border: 1px solid #D5DBDE;
 	transition: all .5s;
	display: block;
	float: left;
	/*
	height: auto;
	padding: 0 10px 0 0;
	margin-bottom: 10px;
	*/
    
	/*
	margin: 0 0 0 15px;
    height: 100%;
    */
}

.cx_nav_collapsed .navbar-right .go_open-search{
	display: none;
}
.navbar-header .go_open-search{
	display: none;
}
.cx_nav_collapsed .navbar-header .go_open-search{
	display: block;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active {
    background-color: white;
}
.homeWrapper .top-wrapper:not(.top-wrapper-fixed-offset) .navbar>.container .logo_2{
	margin-left: 10px;
}
.go_logo-image-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}
.logo img,
.logo_2 img{
	display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	transition: all .5s;
}
.logo_2 img{
	height: 88px;
	display: block;	
    width: initial;
	transition: all .5s;
}
.logo_2 span{
    margin: auto;
    display: table;
    font-size: 10px;
    line-height: 12px;
}

    


.homeWrapper .hoofdmenu:not(.cx_nav_collapsed){
	/*
	height: 110px;
	transition: all .5s;
	*/
}
.top-wrapper-fixed-offset .hoofdmenu:not(.cx_nav_collapsed){
	height: 50px;
}
.lte9 .logo,
.lte9 .logo2,
.top-wrapper-fixed-offset .logo,
.top-wrapper-fixed-offset .logo_2,
.pageWrapper:not(.pageWrapperLargeLogo) .logo,
.pageWrapper:not(.pageWrapperLargeLogo) .logo_2{	
	width: 50px;
	height: 50px;
    border-color: white;
	padding: 5px 0;
	margin: 0;
}
/*
.go_no-hero .logo,
.go_no-hero .logo2,
*/
.top-wrapper-fixed-offset .logo_2,
.pageWrapper:not(.pageWrapperLargeLogo) .logo_2{
	padding: 12px 10px 5px 0;
}
.top-wrapper-fixed-offset .logo img,
.pageWrapper:not(.pageWrapperLargeLogo) .logo img{

}
.top-wrapper-fixed-offset .logo_2 span,
.pageWrapper:not(.pageWrapperLargeLogo) .logo_2 span{
	position: absolute;
    top: 0;
    left: calc( (100% - 10px) / 2 ); /* minus padding */
    transform: translateX(-50%);
}

.top-wrapper-fixed-offset .logo_2 img,
.pageWrapper:not(.pageWrapperLargeLogo) .logo_2 img{
	height: 28px;
	margin: auto;
}


.pageWrapper .cx_nav_collapsed .logo{
	margin-left: 15px;
    margin-bottom: 0;
}
.payoff{
	letter-spacing: 1px;
	text-align: center;
	font-size: 0.84em;
}
.profielfoto-28px{
	width: 28px;
	float: left;
	border-radius: 4px;
}
#zoekvenster{
    margin: 15px auto;
    width: 600px;
    max-width: calc(100% - 30px);
    position: relative;
    z-index: 1001;
}
.cx_fixed_top_menu_wrapper .cx_menu + .go_container{
	margin-top: 0;
} 
.zoek-wrapper{
    width: 100%;
    height: 50px;
	background-color: #e6e9eb;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid silver;
}
.zoekbalk{
	display: inline;
}
.zoekbalk input[type=text]{
    font-weight: normal;
    font-size: 20px;
    color: #5d5d5d;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 50px;
    line-height: 48px;
    float: left;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
}
.zoekbalk input:focus {
    outline:none;
}
.zoekbalk button[type=submit]{
	position: absolute;
	width: 50px;
    height: 50px;
    top: -1px;
    right: -1px;
    color: #5d5d5d;
    border: none;
    cursor: pointer;
    outline: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.zoekbalk button[type=submit] .cx_icon::before {
    content: "\f002";
}
.zoekbalk button[type=submit]:hover{
    background-color: #2eaadc;
    color: white;
}
.go_overlay-search{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	opacity: 0.5;
}
.hoofdmenu .navbar-nav > li > a.go_open-search{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
}
.hoofdmenu .navbar-nav > li > a.go_open-search{
	color: #e33737;
	font-weight: bold;
	font-size: 30px;
}
.hoofdmenu .navbar-nav > li > a.go_open-search.open{
	color: #777;
	font-size: 20px;
	font-weight: normal;
}
.go_open-search.open .go_icon::before{
	content: "\f002";
    font-family: "Font Awesome\ 5 Pro";
    font-weight: normal;
}
.go_open-search .go_icon::before{
	content: "×";
	font-family: sans-serif;
}
.hoofdmenu .navbar-nav > li > a.go_open-search:hover{
	color: white;
	background: #e33737;
}
.hoofdmenu .navbar-nav > li > a.go_open-search.open:hover{
	color: white;
	background: #2eaadc;
}




.navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}



/* HOOFDMENU COLLAPSED */
.cx_nav_collapsed .go_container{
	width: 100%;
	margin: 0;	
	padding: 0;
}
.hoofdmenu.cx_nav_collapsed .navbar-nav > li > a,
.hoofdmenu.cx_nav_collapsed .navbar-nav > li > a:hover, 
.hoofdmenu.cx_nav_collapsed .navbar-nav > li > a.hoofdmenu-button-aangeklikt{
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #D5DBDE;
	margin: 0;
	padding: 0;
	line-height: 3em;
	border-top: none;
}
.hoofdmenu.cx_nav_collapsed .navbar-nav:first-child{
	border-top: 1px solid #D5DBDE;
}
.hoofdmenu.cx_nav_collapsed .navbar-nav > li > a.hoofdmenu-button-aangeklikt{
	border-top: none;
    color: #777;
	background: #f2f2f2;
	display: block;
}
.hoofdmenu #zoekvenster{
	margin-right: 15px;
}
.hoofdmenu.cx_nav_collapsed #zoekvenster {
    margin: 9px 15px;
}

.hoofdmenu.cx_nav_collapsed .logo,
.hoofdmenu.cx_nav_collapsed .logo_2{
	height: 50px;
	padding: 5px 0;
	border: none;
}
.hoofdmenu.cx_nav_collapsed .logo_2{
	padding: 5px 0 5px 10px;
}
.hoofdmenu.cx_nav_collapsed .logo img{
	height: 40px;
}
.hoofdmenu.cx_nav_collapsed .logo_2 img{
	height: 28px;
	margin: auto;
}


/****************
*	SIDEMENU	* 
****************/
.go_webpage-sidemenuOuterPageWrapper{
	max-width: 100%;
}
.go_webpage-hr{
	margin-bottom: 15px;
}
@media (min-width: 768px){
	.go_webpage-sidemenuPageWrapper{
		display: flex;
	}
	.go_webpage-content{
		margin-left: 15px;
	}
}
.go_webpage-homeBtn{
	display: block;
	line-height: 20px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.go_webpage-homeBtn.disabled{
	/* opacity: 0; */
	color: #ccc;
}
.go_webpage-homeBtn i{
	margin-right: 5px;
}
.go_menu-sidebar{
	overflow: hidden;
}
.go_menu-sidebar .navbar-collapse{
	padding: 0;
}
.go_menu-sidebar  .navbar-nav {
    margin: 0;
}
.go_menu-sidebar .navbar-nav > li > a, 
.go_menu-sidebar .navbar-nav > li > a:hover,
.go_menu-sidebar .navbar-nav > li > a:focus{
    border: none;
}
.go_menu-sidebar .navbar-nav > .active > a,
.go_menu-sidebar .navbar-nav > .active > a:focus, 
.go_menu-sidebar .navbar-nav > .active > a:hover {
    background-color: #37B7E3;
    border-color: #37B7E3;
}

/****************
*	WEBPAGE		* 
****************/

.go_webpage-controls{
	position: absolute;
    /*margin-left: 200px;*/
    display: table;
    background: black;
    padding: 10px;
    border-radius: 4px;
    z-index: 1028;
}

.go_webpage-controls .btn + .btn {
	margin-left: 15px;
}

.go_webpage-standalone{
	background-color:white;
	padding:30px 50px 20px;
	border:1px solid #EEEEEE;
	font-size:18px;
	line-height: 1.42857143;
}
.go_webpage-headerbeeld{
	display: block;
	max-width: 100%;
	margin-bottom: 30px;
}

/****************
*	CONTENT		* 
****************/
.content_wrapper{
	width: 100%;
 	display: table-row;
	height: 100%;
	vertical-align: top;
}
/* OFFSET TOP */
.top-wrapper + .content_wrapper > .content {
	margin-top: calc( 77px  + 15px ); /* menuHeight + margin */
}
.cx_fixed_top_menu_wrapper .top-wrapper + .content_wrapper > .content {
	margin-top: calc( 77px  + 15px ); /* menuHeight + margin */
}
.cx_fixed_top_menu_wrapper .cx_menu + .top-wrapper + .content_wrapper > .content {
	margin-top: calc( 50px + 77px  + 15px ); /* cx_menuHeight + menuHeight + margin */
}


.webPageWrapper .top-wrapper + .content_wrapper > .content {
	margin-top: calc( 77px ); /* menuHeight */
}
.webPageWrapper .cx_menu + .top-wrapper + .content_wrapper > .content {
	margin-top: calc( 50px + 77px ); /* cx_menuHeight + menuHeight  */
}




.content .cx_success, .content .cx_warning, .content .cx_error{
	width: 100%; /* NEEDED FOR FLEXBOX */
}
.home-content{
/*	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
}
.content{	
	font-size: 16px;
	/*
	width: 100%;
	max-width: 100%;
    margin: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: wrap row;	
    */
}	
.content-padding{
	padding: 0 15px;
}

.classicHomeWrapper  .home-content .go_container{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: wrap row;	
}
.classicHomeWrapper  .home-content .go_container > *:not(.col-left):not(.col-midden):not(.col-right):not(.filter-wrapper):not(.result-wrapper):not(.relations):not(.navigatie-wrapper):not(.unit-groot):not(.row),
.classicHomeWrapper .home-content .go_container > .row{
    -moz-flex: 1;
    min-width: 1px;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
}
.go_content-webpage > .row{
    width: 100%;
    margin: 15px 0;
}
.classicHomeWrapper .go_container > .row,
.classicHomeWrapper .go_container > .row > .col-md-12{
	margin: 0;
	padding: 0;
}
.content_header{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px;
    padding: 1em;
    background-color: white;
    border: 1px solid #d5dbde;
    border-radius: 4px;
}
.content_header a{
	color: #2eaadc;
    text-decoration: underline;
}
.content_header p{
	margin-top: 0;
}
/* go_btn  ... */

.go_button {
    display: table;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0.5em 1em;
    color: white;
    background: #37b7e3;
    font-family: 'Roboto', verdana, sans-serif;
}
.go_button:hover,
.go_button:active,
.go_button:focus{
	background: #42cfff;
	color: white;
}
.go_button-x{
    color: white;
    background: #204672;
    border: 4px solid #204672;
}
.go_button-x:hover,
.go_button-x:active,
.go_button-x:focus{
	color: #204672;
    background: white;
}
.go_button-wide{
	padding-left: 40px;
	padding-right: 40px;
}



.add_content_button{
	display: table;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0.5em 1em;
    color: white;
    background: #37b7e3;
    font-family: 'Roboto Condensed', verdana, sans-serif;
}
.add_content_button a{
	color: white;
}
.add_content_button:hover,
.add_content_button:focus{
	background: #42cfff;
	color: white;
}
.relations .add_content_button{
	margin: auto;
    margin-bottom: 1em;
    clear: both;
	float: none;
}
.content_header .add_content_button{
	float: right;
	color: white;
	text-decoration: none;	
}
/* All undivined direct descendants of content get 100% width by default! */ 
/*
.content > *:not(.col-left):not(.col-midden):not(.col-right):not(.filter-wrapper):not(.result-wrapper):not(.relations):not(.navigatie-wrapper):not(.unit-groot) {	
	-moz-flex: 1;
	min-width: 1px;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
}
*/
.col-left, .col-right{
	width: 250px;
}
.col-midden{
	width: 503px;	/* ipad IE9*/
	-webkit-box-flex: 1;
	-moz-flex: 1;
    -ms-flex: 1 0 0px;
    -webkit-flex: 1;
    /*flex: 1 0 auto;*/
    flex: 1 0 1%;
}
.col-left + .col-midden{
	margin-left: 15px;
}
.col-left + .col-right{
	margin-left: 15px;
}
.col-midden + .col-right{
	margin-left: 15px;
}
.lte9 .col-midden{
	width: calc(100% - 250px - 250px);
}
.result-wrapper{
   	width: 100%; 
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    float: left;
    -webkit-box-flex: 1;
	-moz-flex: 1;
    -ms-flex: 1 0 0px;
    -webkit-flex: 1;
    flex: 1 0 1%;
}
.filter-wrapper ~ .result-wrapper{
	width: 74%; /* for browsers that do not support calc() = ios 5.1- */
	width: calc(100% - 250px - 15px ); 
	margin-left: 15px;
}

@media (min-width: 1200px){
	.result-wrapper{
	/*	width: calc(1200px - 250px - 15px);	 */
	}
}
.resultaten{
	/* FLEXBOX - MODERNE BOWSERS = IE 10+ */
	display: -moz-box;
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	/*display: -webkit-flex; */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */		  	
   	/* FLEX - WRAP */
   	/*-webkit-flex-wrap: wrap; */
   	-ms-flex-flow: wrap row;
	flex-wrap: wrap;	
}



/* MAP */
#cxMap{
	width: 100%;
	height: 500px; /* base value */
}
.result-wrapper #cxMapWrap{
    margin-left: 1rem;
    width: calc(100% - 1rem);
}
.result-wrapper #cxMap{
	width: 100%;
	height: 0;
    padding-bottom: 100%;
}
.go_custom-marker-img{
	float: left;
	background: white;
	border: 1px solid white;
}
.go_custom-marker:hover .go_custom-marker-img{
	box-shadow: 0px 0px 20px rgb(31, 112, 140);
}



/* IE9 and lower - DO NOT HAVE FLEX BOX */
.lte9 .result-wrapper{
	/*margin-left: 250px;*/
	float: left;
}
.lte9 .home-content{
	border-spacing: 10px;

	display: table;
	table-layout: fixed;

}	
.lte9 .home-content .col-left, 
.lte9  .home-content .col-midden, 
.lte9  .home-content .col-right{
	display: table-cell;
}
.col-midden h1{
	font-size: 1.5em;
	margin-bottom: .5em;
}
.hidden,
.cx_hidden{
	display: none;
}
.lees_meer_btn{
	cursor: pointer;
}
.go_collapsed{
	display: none;
} 
.expandable-area > *:first-child{ 
	margin-top: 0 !important;
}
/*----------ADMIN PANEL-------------------------*/

.cx_dropdownmenu{
	position: relative;
	z-index: 1001;
	overflow: hidden; /* PREVENTS TOOLTIPSTER JUMPING && LONG PAGE */
}
.cx_dropdownmenu:first-child{
	z-index: 1002;
}
.cx_dropdownmenu:hover{
	overflow: visible;
}
.cx_close_dropdownmenu{
    position: absolute;
    top: 0;
    right: 0;
}

/*----------LINK-BEHEER-------------------------*/

a{
	color: #009fdf; /*#333;	*/
	text-decoration: none;
}
a:hover{
	color: #007aab;
}


a.cx_card,
.cx_card-row > a.cx_card{
	color: #333;
}
table a{
	color: #337ab7;
}
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: #2eaadc; /*#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: #7d7d7d;
}
footer a:hover{
	text-decoration: underline;
}
.relatie a{
	display: block;
	clear: both;
	border-bottom: none !important;
}
a.home-naar-agenda{
	display: inline-block;
	width: 100%;
	position: relative;
	background:  #37b7e3;
	background-size: 26px;
	padding: 6px 0 8px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	color: white;
	line-height: 2em;
}
a.home-naar-agenda .fa{
	float: left;
	margin-right: 1em;
}
a.home-naar-agenda:hover{
	color: white;
	background: #42cfff;
}
.unit-groot h1 a{
	color: #333;
	border-bottom: none !important;
}

.meerweergeven,
.minderweergeven { 
	margin-top: 15px;
	content: 'X';
	display: inline-block;
	border-bottom: none !important;
}
.meerweergeven .cx_icon::before,
.minderweergeven .cx_icon::before{
	color: grey;
	font-weight: bold;
}
.meerweergeven .cx_icon::before{
	content: '\f078';
}
.minderweergeven .cx_icon::before{
	content: '\f077';
}

/*
.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;
}

.go_webpage-controls{
	height: 20px;
    margin-bottom: 15px;
}

/*---------styled checkbox------------------------*/

.filter-knoppen .styled_checkbox{
	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.styled_checkbox_radio,
.styled_checkbox_box,
.styled_checkbox_text{
	display: block;
 	height: 1.5em;
 	line-height: 1.5em;
}
.styled_checkbox_text{
 	flex: 1;	
}
.styled_checkbox_count{ 
	float: right;
    line-height: 1.5em;
}
.styled_checkbox_radio,
.styled_checkbox_box{
    border: 1px solid #000;
    width: 1.5em;  
    text-align: center;
    margin-right: 0.7em;
    float: left;
}
.styled_checkbox_radio{
	border-radius: 50%;
}
.welgechecked .styled_checkbox_radio,
.welgechecked .styled_checkbox_box{
	background: #37b7e3;
}
.nietgechecked:hover .styled_checkbox_radio,
.nietgechecked:hover .styled_checkbox_box{
	border: 1px solid #2996C4;
}
.styled_checkbox_text{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

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

.unit-groot .tekst-wrapper a{
	/*
	border-bottom: 1px #000 dotted; */
	/*display:inline-block;*/
	/*
	text-decoration: none; */
}
.tekst-wrapper a:not(.btn):not(.samenvatting-image):not(.go_phase-tab):hover, 
.wrapper a:not(.btn):not(.samenvatting-image):not(.go_phase-tab):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;
	max-width: 100%;
}
.rol{
	border: 2px purple solid;
}

/*------ unit-groot -------*/
.unit-groot-wrapper{
	width: 54%;
	margin-right: 2%;
	margin-right: calc(2rem);
	float: left;
    -moz-flex: 1;
    -ms-flex: 0 1 54%;
    -webkit-flex: 0 1 54%;
    /* flex: 0 1 54%; */
}

.go_buurtblog-timeline .unit-groot-wrapper{
	width: 100%;	
}

.unit-groot{
	display: table;
    table-layout: fixed;
    width: 100%;
	background: white;
	margin-bottom: 15px;
	position: relative;
	padding: 0 20px 20px 20px;
	border: 1px solid #D5DBDE;
	/* float: left; */
	/* FLEX RESET - IE NEEDS % IN FLEX PROPERY TO WORK */
	/*
	-moz-flex: 1;
    -ms-flex: 0 1 54%;
    -webkit-flex: 0 1 54%;
    */
    /*flex: 0 1 54%;*/
}
/*
.unit-groot:before{
	content: "";
    position:absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 18px solid #D5DBDE;
    border-bottom: 15px solid transparent;
    right: -18px;
    top: 9px;
}
.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.5em;
	overflow: hidden; 
	font-size: 1.28rem;
	color: #818181;
}
.lees_meer{
	margin-bottom: 0;
}
.datumplaats{
	position: relative;
	color: #818181;
	}
.datumplaats a{
	margin-left: 6px;
	}
.wanneer{
	font-size: 0.8em;
	color: #818181;
	}
.invoerdatum, .unit-medium .locatie{
	color: #818181;
	font-size: 0.8em;
}
.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: 30%;
	margin-right: 3%;
}
.samenvatting-tekst{
	float: right;
	width: 67%;
}
.samenvatting-tekst-volle-breedte{
	width: 100%;
}
.unit-groot .tekst-wrapper{
/*	float: left;	*/
}
.unit-groot-top{
	margin-bottom: 15px;
}
.unit-groot-top > span{
	background: #333;
	color: white;
	text-align: center;
	min-width: 65px;
	display: inline-block;
	padding: 0.1em 0.3em 0.1em 0.3em;
	font-size: 1.28rem;
	font-family: 'Roboto condensed', Arial, sans-serif;
	font-weight: 300;
}
.unit-groot-wrapper .cx_template-image-left .cx_template-image-wrapper,
.unit-groot-wrapper .cx_template-image-right .cx_template-image-wrapper {
    width: 100px;
}
.unit-groot-wrapper .cx_template-image-left .cx_template-content-wrapper, 
.unit-groot-wrapper .cx_template-image-right .cx_template-content-wrapper{
    width: calc(100% - 115px); /* - image width and margin */
}

.go_facility-icons{
	display: table;
	margin-bottom: 7.5px;
}
.go_facility-icon{
	text-decoration:none;
	margin-right:15px; 
    text-decoration: none;
    margin-right: 15px;
    display: table;
    line-height: 1;
    float: left;
}
.go_facility-icon .fa-wheelchair.fa-2x,
.go_facility-icon .fa-map-marker.fa-2x{
	font-size: 1.9em;
}

.go_function{
	background-color:#333;
	color:white;
	padding:4px;
	border-bottom: none;
	float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.go_function:last-child{
	margin-bottom: 15px;
}

.go_facility{
	padding-right: 5px;
    border-right: 1px solid #777;
	border-bottom: 0;
}
.go_facility:last-child{
	border-right: 0;
}
.unit-groot .tekst-wrapper .go_facility-icon,
.unit-groot .tekst-wrapper .go_function,
.unit-groot .tekst-wrapper .go_facility{
	border-bottom: none;
}

/*
.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 h5{
	margin-bottom: 15px;	
}
.unit-groot .tekst-wrapper > div{
	margin-bottom: 0.9em;
}
.unit-groot .tekst-wrapper > div:last-of-type{
	margin-bottom: 0;
}
.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: 1.28rem;
	position: relative;
	padding-left: 21px; 
	line-height: 1.5em;
	min-height: 1.5em;
	overflow: hidden;
	}
.aanbieder{
	padding-left: 0; /* WAS VOOR BEFORE ICO */
    color: #2eaadc;
    font-size: 16px;
}
.slogan{
	font-size: 1.28rem;
}
.locatie:before{
	position: absolute;
	content: "";
	width: 13px;
	height: 17px;
	top: 2px;
	left: 0;
}
.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%; */
	/*content: "Door: ";*/
	color: #9DA3A6;
}

.go_video-wrapper{
width: 100%;
padding-bottom: 56.25%;
height: 0;
   position: relative;
}
.go_video-wrapper iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}



.go_document{
	display: table;
    width: 100%;
    border: none!important;
}
.go_document-image{
    display: table-cell;
    vertical-align: middle;
    width: 47px;
    padding: 5px 0;
}
.go_document-text{
    display: table-cell;
    vertical-align: middle;
}
/* ALTERNATIVE VERSION */

.unit-groot-a{
	padding: 0 20px 20px 20px;
}
.unit-groot-a .unit-groot-top{
	padding: 0;
}
.unit-groot .tekst-wrapper img {
    max-width: 100%;
    margin: 0;
    display: block;
}





	
/* - - - - - unit-groot in context - - - - - -*/

.nieuwsteberichten .unit-groot-wrapper{
	width: 100%;
}
.nieuwsteberichten .unit-groot:before,
.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{
	padding-left: 15px;
	float: left;
}
.for-phone #open-menu{
	display: none;
}

	
/* ----- unit-groot-stemmen------*/

.vote-box{
	border-top: 3px solid black;
	width: 100%;
	clear: both;
	padding-top: 1em;
	}

.stemknoppen-wrapper{
	text-align: center;
	margin: 18px 0 15px;
	}

.stemknoppen-wrapper > div{
	width: 33%;
	float: left;
	}

.stemknoppen-wrapper > div:nth-child(1){
	text-align: left;
	}

.stemknoppen-wrapper > div:nth-child(3){
	text-align: right;
	}

.stemknoppen-wrapper > div > *{
	line-height: 38px;
	display: inline-block;
	}

.stemknoppen-wrapper a{
	background: black;
	color: white;
	border-radius: 10px;
	min-width: 60%;
	padding: 0 4px;
	margin-right: 6px;
	text-align: center;
}
	
.stemmen-teller{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid lightgrey;
	text-align: center;
	}

@media only screen and (max-width: 737px){
	
	.stemknoppen-wrapper > div{
		width: 80%;
		text-align: center !important;
		margin: 0 auto .5rem auto;
		float: none;
		}
		
	.stemknoppen-wrapper a{
		margin-right: 15px;
		}
	}
.cx_tree .cx_label:not(.cx_label:empty){
    float: left;
    margin-right: 5px;
}

/*--------------------- U N I T - KLEIN ---------------------------*/

.unit-klein{
	margin-bottom: 2%;
	background: white;
    border: 1px solid #d5dbde;
	padding: 5px;
	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(odd){
	margin-right: 0;
}
.unit-klein:hover{
  	background: white;
  	border: 1px solid #2eaadc
  }
.unit-klein .image-wrapper{
	width: 16%;	
	height: 0;
	padding-bottom: 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;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.unit-klein:hover h2{
	color: #2eaadc;
}
	
/*--------------------- C X _ C A R D - was - U N I T - MEDIUM ---------------------------*/



.cx_card-row > a.cx_card:hover{
	color: #333;
}
a.cx_card:hover,
.cx_card-row > a.cx_card:hover{
	border-color: #2eaadc; 
}
a.cx_card:hover h2{
	color: #2eaadc;
}


.cx_card h2{
	line-height: 1em;
	font-size: 1.2em;
	word-break: break-word;
	margin: 0 0 10px 0;
	clear: right;
}
.cx_card h2 .nieuw{
  	color: #e33737;
    font-size: 0.6em;
   	vertical-align: middle;
}

.cx_card h2 a:hover{
	color: #2996C4;
	border-bottom: #2996C4 1px dotted;
}
.cx_card .relatie{
	margin-right: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
	height: auto;
    margin-right: 0; 
}
.cx_card .relatie p{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.cx_card .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;
}
.cx_card .omschrijving-klein{
/*	max-height: 6em;	*/
	line-height: 1.5em;
	overflow: hidden;
}
.cx_card .omschrijving-groot{
/*	max-height: 23.5em;	*/
	line-height: 1.5em;
	overflow: hidden;
}

.cx_card .unit-groot-top{
	position: absolute;
	top: 0;
}
.cx_card .unit-groot-top + *{
	margin-top: 23.5px; /* height of top */
}

.relatie a:hover{
	color: black;
}
.type{
	font-size: 0.8em;
    line-height: 1.2em;
/*    height: 1.2em; 	*/
}
.unit-medium .tekst-wrapper .slogan, .unit-medium .wrapper .slogan{
    color: #9DA3A6;
    font-style: italic;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    margin: 5px 0;
    padding: 5px 0;
}
.unit-medium .tekst-wrapper .slogan::before, .unit-medium .wrapper .slogan::before{
    /*content: '" ';*/
}
.unit-medium .tekst-wrapper .slogan::after, .unit-medium .wrapper .slogan::after{
    /*content: ' "';*/
}
.unit-medium-tijd{
	width: 21%;
	float: left;
	font-size: 0.8em;
}
.unit-medium-tijd + *{
    width: 79%;
    float: left;
}
.dagelijks{
	color: #e33737;
}
.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;
}


.relations .omschrijving-klein, .relations .omschrijving-groot{
	height: auto;
}
.unit-medium .omschrijving-groot p, .unit-medium .omschrijving-klein p{
	margin: 0 0 1.5em 0;
	padding: 0;
}
.unit-medium .omschrijving-groot img, .unit-medium .omschrijving-klein img{ /* Zou nog mooier zijn als deze in een wrapper worden gezet */
	width: 100% !important; 	/* Tegen inline styles */
	height: auto !important;	/* Tegen inline styles */
}

/* - - - - - - unit-medium in context - - - - */

.resultaten .unit-medium{
    margin-right: -15px;
    width: calc( 100% + 15px);
    height: calc( 100% - 15px );
	border: 1px solid #D5DBDE;
}
.resultaten .unit-medium:hover,
.relations .unit-medium:hover{
    border: 1px solid #2eaadc;
}
.nieuwsteberichten .unit-medium{
	width:100%;
}	
.relations .unit-medium{
	width: 100%;
	padding: 1em;	
	float: left;
	margin-bottom: 1em;
    border: 1px solid #D5DBDE;
}
.relations .unit-medium:hover{
	background: white;
}
.relations .unit-medium .image-wrapper{
	width: 100px;
    padding-bottom: 0;
    height: initial;
    min-height: 100px;
    margin-bottom: 0;
}
.relations .unit-medium .tekst-wrapper, 
.relations .unit-medium .wrapper{
	width: initial;
}
.relations .unit-medium-partij, 
.relations .unit-medium-persoon, 
.relations .unit-medium-aanbod, 
.relations .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{
	margin-bottom: 0;
	border: 1px solid #D5DBDE;
	border-bottom: none;
	border-radius: 0;
}
.kalenderdag-index .unit-medium:last-child, 
.gevondenverloren .unit-medium:last-child{
	border-bottom: 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
}

.cx_card-aanbod .panel{
    border-color: #D5DBDE;
	border-radius: 0;
}


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

.unit-medium-bericht{
	width: 98%;
}
.unit-medium-bericht .tekst-wrapper{
  float: none;
 }
.unit-medium-bericht img{
	max-width: 100%;
}
	


/* IE9 FIX - IE9 and lower - DO NOT HAVE FLEX BOX */
.lte9 .resultaten .unit-medium-persoon, 
.lte9 .resultaten .unit-medium-partij{
	height: calc(107px + 2em);
}
.lte9 .unit-medium-persoon .image-wrapper, 
.lte9 .unit-medium-partij .image-wrapper{
	width: 107px;
	padding-bottom: 107px;
}
.lte9 .resultaten .unit-medium-project{
	height: 500px;
}
	

	
/*- - - - - - ACTIVITEIT in context - - - - - */

.go_block-unit-medium-activiteit  .cx_template-content-wrapper,
.kalenderlijst .cx_template-content-wrapper{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.go_block-unit-medium-activiteit  .cx_template-content-wrapper .image-wrapper,
.kalenderlijst .cx_template-content-wrapper .image-wrapper{
	margin-right: 1em;
	width: 150px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;  
	float: none;
}
.go_block-unit-medium-activiteit .cx_template-content-wrapper .content-wrapper,
.kalenderlijst .cx_template-content-wrapper .content-wrapper{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;  
	flex: 1;
}
.go_block-unit-medium-activiteit .cx_template-content-wrapper .tekst-wrapper, 
.go_block-unit-medium-activiteit .cx_template-content-wrapper .wrapper,
.kalenderlijst .cx_template-content-wrapper .tekst-wrapper, 
.kalenderlijst .cx_template-content-wrapper .wrapper{
	width: 606px; /* FIX FOR IPAD 1 IOS 4 */
	width: calc(100% - 110px - 15px);
	-webkit-box-flex: 1;
	-moz-box-flex: 1;  
    -ms-flex: 1 0 1px;
    -webkit-flex: 1 0 1px;
    flex: 1 0 1px;
}
.kalenderlijst .cx_template-content-wrapper .tekst-wrapper{
	width: 442px; /* FIX FOR IPAD 1 IOS 4 */
}
.go_block-unit-medium-activiteit .cx_template-content-wrapper .image-wrapper img,
.kalenderdag .cx_template-content-wrapper .image-wrapper img{
	height: auto;
	position: static;
}
.kalenderdag .cx_template-content-wrapper .image-wrapper{
	width: 100%;
}
.relations .cx_template-content-wrapper .image-wrapper{
	width: 20%;
}
.relations .cx_template-content-wrapper .image-wrapper:before{
	content: "";
	display: none;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.relations .cx_template-content-wrapper .content-wrapper{
	width: calc(80% - 15px);
}

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

.resultaten .unit-medium-vraag, 
.resultaten .unit-medium-aanbod{
	width: 48%;		/* Fallback */
	width: calc(50% - 1em);
}
.unit-medium-vraag .image-wrapper, 
.unit-medium-aanbod .image-wrapper{
    width:34%;
	padding-bottom:34%;
    float: right;
}
.unit-medium-vraag .tekst-wrapper, 
.unit-medium-aanbod .tekst-wrapper{
    padding: 0 1em 0 0;
}
/* IE9 FIX - IE9 and lower - DO NOT HAVE FLEX BOX */
.lte9 .unit-medium-vraag, 
.lte9 .unit-medium-aanbod{
	height: 200px;
}

/* - - - - - -  VRAAG && AANBOD in CONTEXT - - - - - - - */

.relations .unit-medium-vraag .image-wrapper,
.relations .unit-medium-aanbod .image-wrapper{
	float: left;
}
.relations .unit-medium-vraag .tekst-wrapper,
.relations .unit-medium-aanbod .tekst-wrapper{
	padding: 0 0 0 1em;
}


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

.resultaten .unit-medium-wens{
	width: 48%;		/* Fallback */
	width: calc(50% - 1em);
}
.resultaten .unit-medium-wens:nth-child(2n+2){
	margin-right: 0;
	float: right;
}
.unit-medium-wens .image-wrapper{
	width:34%;
	padding-bottom:34%;
}
.unit-medium-wens .tekst-wrapper{	
	width: 60%;
}
.unit-medium-wens .relatie{
	height: auto;
}
/* IE9 FIX - IE9 and lower - DO NOT HAVE FLEX BOX */
.lte9 .unit-medium-wens{
	height: 210px;
}
	
/* - - - - - relations - - - - - - - - - - */
.relations{
	float: left;
	width: 44%;	/* fallback - houd verband met unit-groot */
	width: calc( 46% - 2rem);
	/* FLEX RESET - FOR IE TO WORK */ 
    -ms-flex: 1 0 0px;
    -webkit-flex: 1;
    /*flex: 1; */
}
.relations-kolom-links{
	width: 49%;
	margin-right: 2%;
	float: left;
	margin-bottom: 12px;
}
.relations-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: #7d7d7d;
	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 - clearfix op container die gecleared moet worden) -----------*/

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

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

.gezochtaangeboden{
	float: left;
	width: 100%;
	margin: 0px 0 12px 0;
	position: relative;
	background: #E9F1F2 !important;
}
/* COLUMNS (HOME) */
.col-490{
	width: 100%;
	float: left;
	/*padding: 12px;*/
	margin-bottom: 8px;
}
.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;
}

footer{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 0;
    font-family: 'Roboto condensed', sans-serif;
    font-size: 1.44rem;
    font-weight: 300;
}
/*
@media only screen and (min-width: 1200px) {
	footer{
		width: 1200px;
	}
}
*/
footer .menuwrapper{
    margin-top: 15px;
    width: 100%;
    padding: 20px;
    background: white;
    border-top: 1px solid #d5dbde;
}

.webPageWrapper footer .menuwrapper{
    margin-top: 0;
}

/*----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--------------------------*/
.lte9 .filter-wrapper{ /* for ie9 */
	float: left; 
}
.filter-wrapper{
	width: 25%;
	width: calc(250px);
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
}
.filter-aanhef{
	padding-left: 8px;
    margin-bottom: 15px;
    height: 30px;
}
.filter-aanhef h4{
	padding-top:0 ;
	line-height: 30px;
}
.filter-top{
	width:100%;
	float:left;
	position:relative;
}
.filter-group{
	margin-bottom: 15px;
}
.filter-kop{
    display: block;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}
.filter-kop:hover{
	color: #2eaadc;
}
.filter-kop + .expandable-area{
	margin-top: 15px;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
    display: inline-block;
    position: relative;
    top: 50%;
    float: right;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.filter-kop:hover .arrow-down{
	border-bottom: 5px solid #2eaadc;
}
.collapsed-trigger .arrow-down {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.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;
}
.filter-search{
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */	
}
.filter-search .invoerveld{
	margin-bottom: 0 !important;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;  
	min-width: 1px;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1;
    flex: 1;
}
/* IE 9 FALLBACK */
.lte9 .filter-search{
	display: table;
}	
.lte9  .filter-search .invoerveld{
	width: calc(100% - 30PX); /* 30PX IS BUTTON */
}
/*-------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: .5em;
	margin-top: 3px;
	color: #FFF;
	font-size: 0.8em;
	font-family: 'Roboto Condensed', sans-serif;
}
.leeftijd-a{
	background: #333;
}
.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{
    padding: 4px 12px 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: none;
    border-top: 1px solid black;
    margin-bottom: 0;
    margin-top: 1.5em;
}
/*
.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;
}
*/

/* LEGACY: ALLEEN VOOR OUDE AANGEBODEN GEZOCHT */
.selectie .hoofdcat{
    
}
.selectie .hoofdcat:last-of-type{
	margin-bottom: 20px;
}
.hoofdcat{
	color: #000;
    margin: 8px 16px 12px 0;
    min-width: 228px;
    display: block;
    float: left;
    padding: 4px 12px 0px 12px;
}
.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;
		}
/* LEGACY: ALLEEN VOOR OUDE AANGEBODEN GEZOCHT */
.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;
}
.filter-top input[type=submit]{ /* wordt gebruikt voor zoek loep achter zoekveld */
	height: 30px;
    width: 30px;
    border: 1px solid transparent;
    position: absolute;
    right: 0;
    background: url(/web/images/bg_loep.png) no-repeat 8px 8px #ccc;
	text-indent: -2000px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	cursor: pointer;
	outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    margin-top: 0;
}
.filter-top input[type=submit]:hover{
	background: url(/web/images/bg_loep.png) no-repeat 8px 8px #2eaadc;
}
.filter-top input[type=text], 
.filter-top select{
	color: #000;
	background: white;
	font-weight: normal;
	width: 100%;
	float: left;
	clear: left;
}
.filter-top input[type=text]{

}
.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;
	display: block;
	margin-bottom: 1em;
}
.filter-top select:focus{
	outline:none;
}
.filter-top label:focus{
	background: white;
}
*/


.filter-knoppen form, 
.textfilter{
	display: table;
	position: relative;
    margin-bottom: 15px;
	width: 100%;
}
.textfilter input[type=text]{
	padding-right: 30px;
}
.textfilter input[type=text],
.filter-knoppen select,
.filter-knoppen option{
	width: 100%;
}
	
/*---------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;
}
.styled_checkbox{
	color: #333;
}
.welgechecked:hover, .nietgechecked:hover{
	color:#2996C4;
}
.subcat{
	margin-top: .4rem;
	display: inline-block;
}
	
/*selecties om resultaten te tonen in lijst kalender kaart -------------*/
.result-header{	
	display: table;
    margin-bottom: 15px;
    font-size: 12px;
    width: 100%;
}
.result-count{
	float: left;
	margin-right: 15px;
    line-height: 30px;
}
.result-filter{
	float: left;
	margin: auto;
}
.go_sort-label{
	font-weight: normal;
    line-height: 30px;
    margin-right: 15px;
    margin-bottom: 0;
}
.result-sort{
	float: right;
	line-height: 30px;
}
.result-sort .fa{
    vertical-align: -8%;
}
.opkaart,
.opkalender,
.showgrid,
.inlijst{
	float: left;
	margin-right: 24px;
}
.inlijst{
	margin-right: 1rem;
}
/*
.opkaart a{
	background: url(/web/images/locatie-icon.png) 0 0px no-repeat;	
}		
.opkalender a{
	background: url(/web/images/kalender_ikoon_zwart.png) 0px 1px no-repeat;	
}	
.showgrid a{
	background: url(/web/images/grid.png) 0px 1px no-repeat;	
}
.inlijst a{
	background: url(/web/images/naar_opsomming_klein_zwart.png) 0px 0px no-repeat;
}

.opkaart a,
.opkalender a,
.showgrid a,
.inlijst a{
	display: block;
	background-size: 16px;
	padding-left: 22px;
}
*/
.opkaart a,
.opkalender a,
.showgrid a,
.inlijst a{
	color: #333;
}
.opkaart a:hover,
.opkalender a:hover,
.showgrid a:hover,
.inlijst a:hover{
	color: #2eaadc;
}
.opkaart a .fa,
.opkalender a .fa,
.showgrid a .fa,
.inlijst a .fa{
	margin-right: 6px;
}

.viewAsSelf a,
.viewAsPublic a{
  	display: block;
	line-height: 30px;
	float: right;
}
.viewAsSelf a:hover,
.viewAsPublic a:hover{
	color: #2eaadc;
}
.viewAsSelf a img,
.viewAsPublic a img{
	max-width: 30px;
	max-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
	

/*--------------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:15px;
/*	float:left;	*/
	width:100%;	
	clear:both;
    display: table;
    table-layout: fixed;
}


.padding-content .result-wrapper{
    width: calc(100vw - 250px - 15px - 30px - 30px - 17px); /* 100vw - filterWidth - margin - parentPadding - scrollbarWidth */
}
@media (min-width: 1200px){
	.padding-content .result-wrapper{
		width: calc(1200px - 250px - 15px - 30px);	
	}
}
.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{
    width: 100%;
	padding: 2em;
	position: relative;
	text-align: center;
	margin-bottom: 2em; 
}
.over-plaatsen-stap{
	padding: 2em;
	background: white;
	position: relative;
	text-align: center;
	width: 100%;
    margin-bottom: 2em; /* TIMM */
}
.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%;
	padding: 2em;
	background: white;
	float: left;
	min-height: 341px;
	padding-bottom: 4em;
	position: relative;
	margin: 0 0 2% 0;
}
.plaatsen_gutter_sizer{
	width: 2%;
}
.over-plaatsen:nth-child(2n){
	float: right;
}
.over-plaatsen-wrapper{
	width: 100%;
}
.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{
	position: absolute;
	bottom: 2em;
	left: 0;
	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: 0;
}

/* WORDT BIJ OUDE HOMEPAGE NOG GEBRUIKT - DIT UNIFORMEREN - MAG OOK GEWOON EEN MACRO BUTTON WORDEN OVERAL - TIM 09/08/2018 */
.meer-resultaten{
	padding: 8px 26px 8px 20px;	
}
.meer-resultaten,
.cx_card-row > a.cx_card.cx_paragraph-meer-resultaten,
.cx_card-row > a.cx_card.meer-resultaten,
.cx_card-row > a.cx_card.more-results{
	display: block;
	width: calc(100% - 15px);
	margin-left: 7.5px;
	margin-right: 7.5px;
	border-radius: 4px;
	float: left;
/*	padding: 8px 0 8px 20px;	*/
	margin-bottom: 8px;
	clear: both;
/*	padding-right: 26px;	*/
	line-height: 21px;
	color: white;
	background: #37b7e3;
	border-color: #37b7e3;
}
.cx_paragraph-meer-resultaten .fa-arrow-right,
.meer-resultaten .fa-arrow-right,
.more-results .fa-arrow-right{
    font-size: 18px;
	float: right;
}
.cx_paragraph-meer-resultaten:hover,
.cx_paragraph-meer-resultaten:focus,
.meer-resultaten:hover,
.meer-resultaten:focus,
.cx_card-row > a.cx_card.more-results:hover,
.cx_card-row > a.cx_card.more-results:focus{
	color: white;
	background: #42cfff;
	border-color: #42cfff;
}

.cx_paragraph-meer-resultaten .cx_template,
.more-results .cx_template{
	background: none;
}
.cx_paragraph-meer-resultaten .cx_template-content-wrapper{
	width: 100%;
}
/* LEGACY ? */
.meer-resultaten a{
	color: white;
	text-decoration:none;
	display:block;
	background: url(/web/images/forward_wit.png) no-repeat right;
}
.meer-resultaten a:hover{
	color: white;	
}
.artikel-kop{
	margin-bottom: 20px;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #7d7d7d;
}
.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: 2rem;
}
.home-plaatsen{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	background: #37b7e3;
	padding: 7px 0;
	margin-top: 2rem;
	/*
	border-radius: 20px;
	-moz-border-radius: 20px;
	*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	color: white;
}
.home-plaatsen:hover,
.home-plaatsen:focus{
	color: white;
    background-color: #42cfff;
}
/*.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{
	margin-bottom: 12px;
	font-size: 15px;
	clear: both;
	width: 100%;
}
.navigatie-wrapper a{
}
.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{
	padding: 7.5px 0;
	background: none;
	position: relative;
	
	/* NEW PART - reactie onder unit groot*/
	padding: 15px;
    margin-bottom: 15px;
    background: white;
    border: 1px solid #D5DBDE;
}
.reply,
.go_reply-editable{
	margin-left: 70px;
}
.go_reply-editable,
.edit{
	border-top: 1px solid lightgrey;
}
.reactie:after {
  	content: "";
  	display: table;
  	clear: both;
}
.reactie h3{
	display: inline-block;
	float: none;
	margin-right: 6px;
}
.reactie .image-wrapper,
.go_comment-wrapper .image-wrapper{
	width: 60px;
	float: left;
	margin: 0 15px 15px 0;
}
.reactie .tekst-wrapper,
.go_comment-wrapper .tekst-wrapper{
	margin: 0;
	float: right;
	width: calc(100% - 75px); /* - image width + image margin */
}
.reactie textarea{
	width: 100%;
	min-height: 60px;
	margin-bottom: 10px;
	-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-top: 1px solid lightgrey;
	color: black;
}
.reacties .reactie:nth-child(even) {
	border-top: 1px solid lightgrey;
	color: black;
	position: relative;
}
.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;
}
.go_comment-wrapper{
	display: table;	/* dit is nodig omdat anders de volgende er overheen valt */
	padding: 7.5px 0;
    width: 100%;
    
    /* THE NEW */
	padding: 15px;
    margin-bottom: 15px;
    background: white;
    border: 1px solid #D5DBDE;
}
.go_comment-wrapper.reply,
.go_comment-wrapper.go_reply-editable{
	width: calc(100% - 70px);
}



/*-----------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-relations{
	width: 37% !important;
	float: right;
	margin-bottom: 2%;
}


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


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

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

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

footer ul{
	list-style:none;
	margin: 0;
	padding: 0;
	min-height: 1px;
	padding-bottom: 15px;
}
@media (min-width: 768px){
	footer ul{
		float: left;
		width: 33.333%;
		padding-bottom: 0;
	}
}

footer li{
	/*float:left;*/
	margin:0 20px 4px 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 ----------------------*/	

/* HELEMAAL WEG IN 3.0 ??? */

/*
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;
}
.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;
	text-decoration: none;
    padding: 8px;
	border-bottom: 1px dotted grey;
	font-weight: 500;
	color:grey;
}
.partners a:first-of-type{
	border-top: 1px dotted grey;
}
.partners a:hover{
    color: #2eaadc;
    background: white;
}
.gevondenverloren .unit-medium{
	width: 100%;
	/*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: 100%;
	margin-bottom: 1em;
}	
.gevondenverloren .unit-medium .image-wrapper img{
	min-width: auto;
	min-height: auto;
}
.gevondenverloren .unit-medium .tekst-wrapper, .gevondenverloren .unit-medium .wrapper{
	float: right;
	width: 100%;
	/*	padding: 0 0 40% 0; */
}

.gevondenverloren .unit-medium .tag{ /* tag is overbodig omdat er al een kop boven staat */
	display: none;
}

/*--------- 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 -------------*/

.kalender-presentatie{
    width: calc( 100% + 15px + 15px);
    margin-right: -15px;
    margin-left: -15px;
}
.kalender-meerdaags-titel{
	margin: 30px 0; 
}
.kalenderdag .unit-medium, 
.weekkalender-dag .unit-medium{
	margin: 0 0 -1px;
	width: 100%;
	border: 1px solid #D5DBDE;
	border-bottom: none;
	border-radius: 0;
}
.go_card-activity-calendar,
.kalenderdag-index .unit-medium,
.gevonden .unit-medium, 
.verloren .unit-medium{
	border-bottom: none;
	-webkit-box-shadow: none;
  	box-shadow: none;
}
.go_card-activity-calendar:last-child,
.kalenderdag-index .unit-medium:last-child,
.weekkalender-dag .unit-medium:last-child{
	border-bottom: 1px solid #D5DBDE;
	
}
.go_card-activity-calendar:hover,
.kalenderdag-index .unit-medium:hover,
.gevonden .unit-medium:hover, 
.verloren .unit-medium:hover{
	background: white;
}
.go_card-activity-calendar:hover + .go_card-activity-calendar, 
.kalenderdag-index .unit-medium:hover + .kalenderdag-index .unit-medium,
.gevonden .unit-medium:hover + .gevonden .unit-medium, 
.verloren .unit-medium:hover + .verloren .unit-medium{
	border-top: 1px solid #2eaadc;
}
.kalenderdag-index .unit-medium:hover + .unit-medium{
	border-top: 1px solid #2eaadc!important;
}
.kalenderdag-index .unit-medium:last-child:hover,
.go_card-activity-calendar:last-child:hover, 
.gevonden .unit-medium:last-child:hover, 
.verloren .unit-medium:last-child:hover{
	border: 1px solid #2eaadc;
}
.kalenderdag h2, .weekkalender-dag h2{
	font-size: 1em;
}
.kalenderdag h4, 
.weekkalender-dag h4, 
.kalenderdag-index h4, 
.gevondenverloren-kop h4{
	padding: 1em;
	color:  #7d7d7d;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border: 1px solid #D5DBDE;
	border-bottom: none;
    background: #EDEFF0;
    line-height: 1.5em;
}

/*- - - - - - - kalenderdag-index - - - - - - - - */
.kalenderdag-index, 
.gevonden, .verloren{
	float: left;
	width: 100%;
}
.kalenderdag-index{
	margin-bottom: 15px;
}
.kalenderdag-index h2, 
.gevondenverloren h2{
	font-size: 1em;
	margin-bottom: .3em;
}
.kalenderdag-index .unit-medium-activiteit .wrapper > div{
	margin-bottom: .4em;
}

/*------- kalenderlijst = units in opsomming gezet nav filtering op interesse ----------*/

.go_block .cx_template-content-wrapper img,
.kalenderlijst .cx_template-content-wrapper img{
	max-width: 100%;
    display: block;
    margin: auto;
}
.go_block .datum,
.kalenderlijst .datum{
	min-width: 110px;
	background: #CEDADB;
	padding: 14px;
	margin-right: 15px;
	-webkit-box-flex: 1;
}
.go_block .weekdag,
.kalenderlijst .weekdag{
	font-weight: normal;
	margin-top: -2px;
	margin-bottom: 1px;
}
.go_block-content .unit-medium-tijd,
.kalenderlijst .unit-medium-tijd{
	width: 100%;
    text-align: center;
    float: none;
    font-weight: bold;
}
.unit-medium-tijd .unit-medium-activiteit .tag,
.kalenderlijst .unit-medium-activiteit .tag{
	border-bottom: 1px solid silver;
	padding-bottom: 16px;
}
.datum{
	font-weight: 100;
	text-align: center;
}
.dag{
	font-size: 6.9rem;
	line-height: 1; /* 55px */
	text-align: center;
}
.maand{
	font-size: 110%;
	font-weight: 400;
	letter-spacing: 1px;
}
.tijdstip{
	font-size: 12px;
}
	
/*------- weekkalender = kalender-units in 7 kolommen----------*/
.week-kalender{
	width:100%;
}
.weekkalender-dag{
	width: 13.428%;
	margin-right: 1%;
	float: left;
	font-size: 90%;	
	border: 1px solid #D5DBDE;
}
.col-md-1\/7.weekkalender-dag{
	border: none;
}
.weekkalender-dag:last-of-type{
	margin-right: 0;
}
.weekkalender-dag h2{
	font-size:92%;
	font-weight:700;
	margin-bottom:12px;
}
.weekkalender-dag h4{
	padding: 1em;
	font-size: 1em;
	background: black;
	color: white;
	border-radius: 0;
	border: none;
}
.weekkalender-dag .unit-medium{
	width:100%;
	border-top: 1px solid #D5DBDE;	
	border-radius:0;
	padding-bottom: 12px;
	margin-bottom: 0;
	background: white;
}
.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;
}
.filter-knoppen .maandnavigatie *,
.maandnavigatie *{
	float:left;
	margin: 0;
}
.filter-knoppen .maandnaam,
.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;
}
.filter-knoppen .data,
.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;
}	
.filter-knoppen .data:hover,
.data:hover{
	background: white;
	color: black;
}	
.filter-knoppen .data-anderemaand,
.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;
}	
.filter-knoppen .datum-aangeklikt,
.datum-aangeklikt{
	background:white;
}	
.filter-knoppen .vandaag,
.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;
}

/*------------ CLOUD ----------------------------*/

.cloudwens{
	float:left;
	margin:20px 0;
	border:1px solid #6CF;
	border-radius:8px;
	padding:16px 24px 8px 0px;
	box-shadow:#6CF 6px 6px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:850px;
	}
.cloudwens .kompas-afsluiter{
	border:none;
	}
.cloud-instructie{
	display:block;
	position:relative;
	float:right;
	text-align:center;
	clear:both;
	padding:4px 6px 4px 6px;
	background:#C9CFD4;
	color:white;
	font-size:80%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
.cloud-instructie:before{
	position:absolute;
	content:"";
	border-top:transparent 12px solid;
	border-right:#C9CFD4 12px solid;
	border-bottom:transparent 12px solid;
	left:-12px;
	top:0px;
	}
a.cloudwoord:hover{
	color:black !important;
}

.cloudwoord-groep-1 {
 color:#0EB3B0;
}
.cloudwoord-groep-2 {
 color:#81D9DE;
}
.cloudwoord-groep-3 {
 color:#83CCC0;
}
.cloudwoord-groep-4 {
 color:#6DA2B3;
}
.cloudwoord-groep-5{
 color:#80D1C9;
}
.cloudwoord-groep-6 {
 color:#84AB9F;
}
.cloudwoord-groep-7 {
 color:#3792AD;
}

.cloudwoord-thema-1 {
 color:#70B370;
}
.cloudwoord-thema-2 {
 color:#4FB334;
}
.cloudwoord-thema-3 {
 color:#068F18;
}
.cloudwoord-thema-4 {
 color:#9FCC52;
}
.cloudwoord-thema-5 {
 color:#A5B837;
}
.cloudwoord-thema-6 {
 color:#879684;
}
.cloudwoord-thema-7 {
 color:#688A0B;
}

.cloudwoord-wens-1 {
 color:#B7AD27;
}
.cloudwoord-wens-2 {
 color:#9E8B1C;
}
.cloudwoord-wens-3 {
 color:#B8A261;
}
.cloudwoord-wens-4 {
 color:#C47F23;
}
.cloudwoord-wens-5 {
 color:#B8A800;
}
.cloudwoord-wens-6 {
 color:#856840;
}
.cloudwoord-wens-7 {
 color:#A88C5B;
}

.lijntje{
	width:100%;
	color:#C9CFD4;
	clear:both;
	margin:0;
	height:0;
}
h2.kompas-cloudkop{
	background:#000;
	color:white;
	padding:2px 8px;
	float:left;
	clear:right;
	margin-top:-5px;
	margin-bottom:22px;
	font-size:112%;
	}
.wens-ranking td{
	border-bottom:1px solid #EDEFF0;
}
.wens-ranking a{
	text-decoration:none;
	color:#259FDE;
	font-family:'Open Sans', Arial;
}
.wens-ranking:hover{
	text-decoration:none;
	background-color:#E6EAEB;
}
.ranking-table td{
padding:10px 4px 10px 4px;
}
.wens-ranking td:nth-child(1),.wens-ranking td:nth-child(2),.wens-ranking td:nth-child(3) {
	border-top:1px solid #EDEFF0;
}
.wens-ranking:nth-child(odd) a{

}
.ranking-teller{
	background:url(/web/images/kompas/ster_zwart.png) no-repeat 40px 13px;
	background-size:14px;
	}
	
/* --------------- LOGIN FORM --------*/
#login_form_container{
	width: 100%;
}
.login_form{
	width: 500px;
	color: #4d4d4d;
	display: table;
	margin: auto;	
	border: 1px solid #c8c8c8;
	background: white;	
	font-size: 0.9em;
}
/*
.login_form fieldset{
    border: none;
    margin: 0;
    padding: 0;
}
*/
.login_form fieldset legend{
    float: left;
	font-size: 14.4px;
    border-bottom: none;
    color: #4d4d4d;
}
.login_form fieldset legend span{
	margin-left: 10px;
    font-size: 0.8em;
    color: grey;
}
#login_header {
	text-align: center;
	font-size: 1.2em;
	letter-spacing: .5px;
	color: #4d4d4d;
	margin: 0 0 1em 0;
}
.login_back_btn{
	display: inline-block;	
	margin-bottom: 1em;
}
.login_message {
	margin-top: 0;
	font-size: 0.9em;
	color: #4d4d4d;
}
.login_profile_picture{
	max-width: 120px;
	max-height: 120px;
	margin: auto;
	display: block;
}
.go_placeholder {
     margin: 0 auto 20px auto;
    display: table;
    font-size: 100px;
    line-height: 100px!important;
}
.pointer{
	cursor: pointer;
}
#login_slide_one, #login_slide_two, #login_slide_three, #login_register{
	padding: 30px;
	width: 100%;
}
.login_slide{
	padding: 30px;
	width: 100%;
	opacity: 0;
	float:right;
	display: none;
	position: relative;
}
#login_slide_one{
	opacity: 1;
	float: left;
	display: block;
}
.login_form .email_field_val{
	text-align: center;
	display:block;
	margin: 1em 0;
}
.login_form .alert_message{
	padding: 0;
	margin: 0 0 1em 0;
	color: red;
}
.login_form .resend_mail{
	margin-bottom: 1em;
}
.login_form a:not(.btn){
	color: #2996C4;
}
.login_form .register_input{
	display: none;
}
.login_form .btn{
	width: 100%;
    height: 45px;
    padding: 0;
    margin-bottom:15px;
    font-size: 1em;
    line-height: 45px;
}
.login_form .btn-fb_login {
	position: relative;
    color: white;
	text-align: center;
	text-indent: 1em;
    background: #3b579d;
    /* background: url('/web/images/fb_logo_wit.png') no-repeat 1em center #3b579d; */
	border: 1px solid #3b579d;
}
.login_form .btn-fb_login::before{
	display: table;
	content: '\f39e';
	font-family: "Font Awesome\ 5 Brands";
	font-weight: normal;
	font-size: 29px;
	position: absolute;
	left: 0;
	top: 0;
}
.login_form .btn-fb_login:hover{
	background: white;
	color: #3b579d;
	/*background-color: #537adb;*/
}
.btn-irma_login,
.btn-irma_login:hover,
.btn-irma_login:focus,
.btn-irma_login:active{
	background-image: url('/web/images/irma_logo.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	background-size: 38px 38px;
	/*background: url('/web/images/irma_logo.png') no-repeat 1em center 10px 100px #37b7e3;	*/
}
.btn-irma_login:hover,
.btn-irma_login:focus,
.btn-irma_login:active{
	background-color: white!important;
	color: #61c33f;
}
.login_form .cx_input[type="email"],
.login_form .cx_input[type="text"],
.login_form .cx_input[type="password"],
.login_form textarea.cx_input{
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
    padding-left: 15px;
    border: 1px solid #adadad;
    border-radius: 5px;
    line-height: 45px;
    margin-right: 10px;
    float: left;
}
.login_form textarea.cx_input{
    line-height: 20px;
    padding-top: 11.5px;
    padding-bottom: 11.5px;
    margin-right: 0;
}

.go_login-date .cx_input[type="text"].cx_input_2_char{
	/*width: calc(25% - (2 * 10px / 3));*/
	width: 4em;
	min-width: 4em;
	padding-left: 0;
}
.go_login-date .cx_input[type="text"].cx_input_4_char{
	/*width: calc(50% - (2 * 10px / 3));*/
	margin-right: 0;
	width: 5em;
	min-width: 5em;
	padding-left: 0;
}
.login_checkbox,
.login_radio{
	display: table;
	margin-bottom: 5px!important;
}
.login_checkbox input[type=checkbox],
.login_radio input[type=radio]{
    margin-right: 10px;
}
.login_form label{
	font-weight: normal;
}
.login_form label.col-sm-12{
	width: 100%;
}
.login_form .styled-select{
   width: 100%;
   height: 32px;
   margin-bottom: 1em;
   overflow: hidden;
   background: url('/web/images/select_triangle_blue.png') no-repeat right 10px center;
 }
.login_form .cx_select_small{
	font-size: .75em;
	line-height: 32px;
	height: 32px;
	padding: 0;
	color: #2996C4;
	border: none;
	background: transparent;
	-webkit-appearance: none;
}
.login_form .cx_select_small:focus{
	color: #2996C4;
}
.login_form .cx_select_small option{
	padding: 0;
}	
.login_form .cx_title{
	border-top: 1px solid silver;
	padding-top: 12px;
	margin: 0;
}
.login_form .cx_text{
	margin: 0 0 12px 0;
}
.login_form .of {
    line-height: 45px;
    color: grey;
	display: block;
	margin: 0 auto 15px auto;
	background: white;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
	border: 1px solid #adadad;
	z-index: 10;
}
.login_form .first_name, .login_form .last_name, .login_form .float_input{
	width: 48%;
	float: left;
}
.login_form .first_name{
	margin-right: 4%;
}
.login_form .cx_input_2_char{
	width: 4em;
	text-align: center;
	padding: 0;
}
.login_form .cx_input:focus::placeholder{
	opacity: 0;
}
.login_form .cx_input:focus::-webkit-input-placeholder{
	opacity: 0;
}
.login_form .cx_input:focus::-moz-placeholder{
	opacity: 0;
}
.login_form .cx_input_4_char{
	width: 5em;
	text-align: center;
	padding: 0;
}
.login_form .float_input, .login_form .float_right{
	float: right;
}
.login_form .float_label{
	width: 100%;
	display: table;
	margin: 0;
	line-height: 45px;
}
.login_form .submit {
    height: 45px;
    margin: 15px auto;
    border-radius: 5px;
    font-size: 1em;
	
	/*
    width: 100%;
    height: 45px;
    margin: 15px auto;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    line-height: 45px;
    color: white;
    background: #2eaadc;
	cursor: pointer;
	text-align: center;
	*/
}
.login_form .row .col-sm-12:last-child input{
	margin-bottom: 0;
}
.login_form .submit:hover{
	/*	background: #36C2FB; */
}
.login_form .help_link{
/*	float: right;*/
/*	font-size: .75em; */
	line-height: 20px;
	color: #2996C4;
}
.login_form .help_link:hover{
	text-decoration: underline;
}
.login_form .password_help{
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 15px;
}
input[type=checkbox]{
	position: relative;
	top: 2px;
	margin: 0;
}
/*
.login_form .login_checkbox, .login_form .login_radio{
	margin: 0;
	line-height: 1.4em;
	text-align: left;
}
.login_form .login_checkbox input, .login_form .login_radio input{
	margin-right: 1em;
	position: relative;
	vertical-align: middle;
    top: -1px;
}
*/

.login_form #login_footnote{
	color: grey; 
	text-align: center;
	font-size: 0.9em;
}
.login_form #login_footnote a, .login_form .login_form label a{
	font-weight: bold;
	color: #2996C4;
}
.a_blue{
	color: #2996C4;
}

/* HELP - FORM */
.login_form .hulp_tekst{
	clear: both; 
	overflow: auto; 
	background: #efefef; 
	padding: 1em;
	position: relative;
}
.login_form .hulp_tekst .close_help{
	position: absolute;
	top: 0;
	right: 5px;
}
.login_form .hulp_tekst p{
	margin: 0 0 1em 0;
}
.login_form .hulp_tekst p:last-of-type{
	margin: 0;
}


.go_aanmelding-popover{
	font-size: 20px;
	line-height: 20px;
}

.go_aanmelding-popover .fa {
	font-weight: 100;
}


/* HIDDEN */
.hidden{
	display: none;
}
@media only screen and (max-width: 500px) {
	.login_form{
		width: 100%;
	}
}

/* - - - - EINDE LOGIN FORM - - - - - */


/* - - - - GEBIEDSPLAN-INTRO - - - - -*/

.gebiedsplan-intro{
	padding: 2rem;
	}

.gebiedsplan-intro header {
	margin: 1.5rem 0;
	line-height: 160%;
	}

.gebiedsplan-intro p{
	padding: 0 3rem;
	}

.gebiedsplan-intro a{
	border-bottom: 1px black dotted;
	}

.gebiedsplan-intro > div{
	padding: 0 3rem;
	}

.prioriteiten-wrapper{
	padding:  0 !important;
	border-bottom: 2px solid black;	
	border-top: 2px solid black;
	margin: 0 3rem 2rem 3rem;
	}

.prioriteiten-wrapper > div{
	float: left;
	width: calc(50% - 1.5rem);
	margin: 0 3rem 0 0;
	height: 14rem;
	text-align: center;
	padding: 0;
	}

.prioriteiten-wrapper > div:nth-child(even){
	margin-right: 0;
	}

.prioriteiten-wrapper div img{
	width: 5.5rem;
	display: block;
	margin: 0 auto .6rem;
	}

.prioriteiten-wrapper > div a{
	border-bottom: none;
	}

.prio-nummer{
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	background: black;
	color: white;
	text-align: center;
	line-height: 2.2rem;
	border-radius: 50%;
	margin: 0 auto .5rem auto;
	}


@media only screen and (max-width: 799px) {
 	.prioriteiten-wrapper{
 	margin: 0 0 1rem 0;
 	}
 	
 	.prioriteiten-wrapper > div{
 	width: 100%;
 	height: auto;
 	margin: 2rem 0;
	}
	.gebiedsplan-intro p, .gebiedsplan-intro > div{
	padding: 0 0;
	}
}

/* - - - - - - RESPONSIVE - - - - - - - - - - */

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

@media only screen and (max-width: 1199px) {
	.pageWrapper{	 
		width: 100%;
		max-width: 100%;
	}
	.content{
	/*	 max-width: calc( 100% - 30px ); */
	}
	footer .menuwrapper{ /* ???? KAN DEZE WEG ??? */
	/*	width: 100%; */
	}		
}
	
/* - max-width 1024px = Ipad Landscape */

@media only screen and (max-width: 1024px) {
	.relations .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;
	}
	.resultaten .unit-medium-persoon, .resultaten .unit-medium-partij, .resultaten .unit-medium-persoon, .resultaten .unit-medium-locatie, .resultaten .unit-medium-project{
		margin: 0 0 2% 2%;		/* Fallback */
		margin: 0 0 calc(1em) calc(1em);
		width: 48%; 			/* Fallback - margin-left moet 2% zijn  */
		width: calc(50% - 1em); /* margin-left = 1em */ 
	}
	.resultaten .unit-medium-persoon img, .resultaten .unit-medium-partij img{
		bottom: auto;
	}
	/* KALENDER */
	.kalenderlijst .datum {
	    margin-bottom: 15px;
	    margin-right: 0;
	}
	.kalenderlijst .cx_template-content-wrapper .image-wrapper{	
		width: auto;
		margin-right: 0;
		margin-bottom: 15px; 
		width: 100%;
		float: none;
	}
	/*
	.kalenderlijst .unit-medium-activiteit .tekst-wrapper, 
	.kalenderlijst .unit-medium-activiteit .wrapper{
   		width: 100%;	
		float: right;
		float: none;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;  
		min-width: 1px;
		-ms-flex: 1 0 100%;
		-webkit-flex: 1 0 100%;
		flex: 1 0 100%;
	}
	*/
	.kalenderdag{
		width: 25%;
    	margin-left: 0;
    }
    .kalenderdag h4{
    	min-height: 5em;   	
    }
    .weekkalender-dag{
    	width: 100%;
    }
	.col-244-links{ /* WAT DOET DIT ? */
		width: 23%;
	}
	.col-midden{
		margin: 0 0 0 1%;
	    width: calc(100% - 250px - 1% );
	}
	.col-right, .lte9 .home-content .col-right{
		display: none;
	}
	footer, footer .menuwrapper{
		width: 100%;
	}
	.resultaten .unit-medium-bericht{
		min-height: 240px;
	}
	.relations .unit-medium{
		height: auto;
		min-height: auto !important;
	}
	.kalenderlijst .cx_template-content-wrapper{
	    display: block;
		/* width:98%; */
		/*	margin-right:2%; */
	}
	.col-midden h1 {
		font-size: 1.5em;
		margin-bottom: 1.5em;
	}
	.unit-medium-vraag .tekst-wrapper, .unit-medium-aanbod .tekst-wrapper, .unit-medium-vraag .wrapper, .unit-medium-aanbod .wrapper{
		/* padding-bottom: 55%; */
	}			
}

/* - xs = phones */
@media only screen and (max-width: 767px) {	
	.col-left{
		display: none;
	}
	.col-midden{
		display: table;
		margin: 0;
    	width: 100%;
	   -webkit-box-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 100% 0 auto;
	    -webkit-flex: 100%;
	    flex: 100%;
	}
	.col-left + .col-midden,
	.col-left + .col-right,
	.col-midden + .col-col-right{
		margin-left: 0;	
	}
	
	/* IE9 AND LOWER */
	.lte9 .home-content, .lte9 .home-content .col-midden{
		display: block;
	}
	.lte9 .home-content .col-left{
		display: none;
	}
	
	/* KALENDER */
	.kalenderdag{
		width: 100%;
    }
    .calendar-sort{
    	display: none;
    }
    /* REPEAT FORM */
    #repeat-form{
    	display: none;
    }    
	.content{
		display: table;
		table-layout: fixed;
	    width: 100%;
	}
	.result-wrapper,
	.resultaten,
	.kalenderlijst{
		display: block;
	}
	.filter-wrapper{
		float: left;
	}
	.result-wrapper{
	/*	margin-left: 265px; /* width of filter  + margin*/
	/* float: left; */
	}
	.relations{
		float: left;
		width: 100%;
		display: table;
		table-layout: fixed;
		float: left;
	}
	.relations .unit-medium{
		width: 100%;
		margin-left: 0;
	}
	.unit-groot-wrapper{
		display: table;
		table-layout: fixed;
		width: 100%;
		-moz-flex: 100%;
		-ms-flex: 0 1 100%;
		-webkit-flex: 0 1 100%;
		flex: 0 1 100%;
   		margin-right: 0;
	}	
	.unit-groot:before,
	.unit-groot:after{
		display: none;
	}
		/* UNITS - WAS EERST BIJ VOLGENDE KNIP*/
	.unit-medium-persoon .image-wrapper, 
	.unit-medium-partij .image-wrapper {
	     width: 100px;
   		 padding-bottom: 100px;
	}
	.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;	
	}
	.resultaten .unit-medium-locatie,  
	.resultaten .unit-medium-project, 
	.resultaten .unit-medium-aanbod{
		height: auto;
	}
	.resultaten .unit-medium-locatie .image-wrapper {
		width: 50%;
		padding-bottom: 37.5%; /* initial ratio of 4:3 - 50 * .75 */
		margin-bottom: 0;
    	height: initial;
	}
	.resultaten .unit-medium-vraag, 
	.resultaten .unit-medium-aanbod{
		height: auto;
	}
	.top-group{ 
		padding: 0;
	}
	.top-items{
		height: auto;
	}
	.topmenu{
		float: none;
		text-align: center;
	/*	margin-bottom: 1.5em;	*/
		width: 100%;
	}
}

/* Filter SHOW */
@media only screen and (min-width: 569px) { 
	.filter-top{
		display: block !important;
	}
	#filter-toggler{
		display: none;
	}
}
/*--- DEZE OOK NOG UITZOEKEN HIERONDER -- */
/*--- max-width 568px = smaller than Iphone 5 Landscape----*/
@media only screen and (max-width: 568px) { 
	/* GOES TOGETHER WITH FLEXBOX RULE - THIS IS FOR OLD IE BROWSERS (.lte9 = lower than IE9) */
	.lte9 .result-wrapper, 
	.lte9 .resultaten{
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.lte9 .result-wrapper{
		/*margin-left: 0;*/
	}

	/* HOME COLS*/
	.col-midden, .col-right{
		width: 100%;
	}
	.col-right{
		padding: 1em;
	}
	/* HIDE FILTER */
	.filter-top{
		display: none;
	}
	#filter-toggler{
		display: block;
	    height: 21px;
		margin-bottom: 15px;
	}
	.filter-wrapper, 
	.result-wrapper{
		-webkit-box-flex: 1;
		-moz-flex: 1;
		min-width: 1px;
	    -ms-flex: 100%;
		-webkit-flex: 100%;
		flex: 100%;  /* TAKE UP 1 ROW EACH */
		width: 100%!important;
	}
	.result-wrapper,
	.padding-content .result-wrapper{
		margin-left: 0 !important;
		margin-right: 0;
		width: 100% !important;
	    max-width: 100% !important;
	}
	/* map */
	#content-map{
		 height: 100vh;
		 position: absolute;
		 top: 0;
		 background: #e6e9eb;
		 z-index: 1;
	}
	#content-map .result-wrapper{
		height: calc(100vh - 21px); /* filter-toggler */
	}
	#content-map .result-wrapper #cxMap{
		padding-bottom: 0;
	    height: calc(100vh - 42px - 1em);
	}
	#cxMapWrap {
	    margin: 0 1rem;
	    width: calc(100% - 2rem);
	}
	/* OVERIG */
	.resultaten .unit-medium{
		width: 100%;
	}
	.result-count{
	    margin: 0 0 0 1rem;
	}
	.kalenderlijst .unit-medium-activiteit {
		width: 100%;
		margin-left: 0;
	}
	.kalenderdag{
		width: 100%;
		margin-left: 0;
	}
	.result-count-wrapper{
		padding: 12px;	
		margin-bottom: 0;	
	}
	.resultaten .unit-medium{
		margin-left: 0;	
	}
	.artikel-kop{
		padding-left: 16px;
	}
	.navigatie-wrapper{ 
		padding-left: 0px;
	}
	.navigatie-zoekresultaat{
		margin-right: 6px;
	}
	.navigatie-volgende{
		margin-right: 0;
	}
	.netwerktitel{
		padding-left: 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%;
	}
}

/* voor de grote modal-presentatie van een foto */

.mainImage,
.samenvatting-image,
.eigenschap-image{
	cursor: pointer;
	/*display: table; */ /* WAAROM DISPLAY TABLE? - in IE gaat ie stuk */
}
.cx_img-modal{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #666666;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10012;
}
.cx_img-modal-dialog{
	margin: auto;
    display: table;
    position: relative;
    -ms-transform: translateY(30px);
    transform: translateY(calc(50vh - 50%));
}
.cx_close-button{
	position: absolute;
    top: -15px;
    right: -15px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 25px;
    line-height: 27px;
    text-align: center;
    background-color: #37B7E3;
    color: white;
    padding: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    border: 1px solid #37B7E3;
}
.cx_close-button:hover{
	color: #37B7E3;
	background: white;
}
.cx_img-modal img{
	max-width: calc( 100vw - 80px);	
	max-height: calc( 100vh - 60px);
}


/* ONDERSTAANDE REGELS MOGEN ER UIT - STAAT ER ALLEEN IN TOT NIEUWE ENGINE ONLINE IS */

.navbar-toggle {
    padding: 9px 10px;
    font-size: inherit;
}



p.form-control-static{
	display: block;
}

@media (min-width: 768px){
	.cx_form-row{
		display: table-row;
	}
	.cx_form-row .cx_input-inline{
		float: none;
		display: table-cell;
		padding-right: 10px;
	}
}

@media (max-width: 991px){ 
	/*
	.go_hero-image-wrapper {
	    margin: -20px -15px 20px -15px;
	    -moz-flex: 1 1 100%!important;
	    -ms-flex: 1 1 100%!important;
	    -webkit-flex: 1 1 100%!important;
	    flex: 1 1 100%!important;
	}
	*/
}

.kalenderdag-index .cx_paragraph-wrapper{
	margin-bottom: 0;
}

/* DROPABL FILE INPUT */
.cx_droppable-textarea{
 	position: relative;
 	width: 100%;
}
.cx_droppable-textarea textarea{
	padding: 10px;
    padding-right: 33px;
	width: 100%;
	min-width: 100%;
    max-width: 100%;
	border: 1px solid #ccc;
}
.cx_droppable-textarea-button{
 	padding: 5px;
 	position: absolute; 
 	top: 5px;
   	right: 5px;
 	color: #8c8c8c;
 	cursor: pointer;
}
.cx_droppable-textarea-button:active{
 	color: black;
}
.ta_answer + .cx_droppable-textarea-button{
    height: 27px;
    display: flex;
    align-items: center;
}
.cx_upload-thumb canvas{
 	margin-bottom: 15px;
}
.go_droppable-textarea-error{
 	color: #e33737;
}
.go_file-input{
 	display: none!important;
}
 
 
/* HIGHLIGHT YES NO */
.cx_card-row > a.cx_card.opinions {
	position: relative;
	padding-bottom: 52px; /* 37 + 15 */
}
.opinions .go_project-highlights{
	display: table;
	position: absolute;
	bottom: 15px;
	height: 37px;
}
.go_project-highlight-yes,
.go_project-highlight-no{
	line-height: 37px;
}
.go_project-highlight-yes{
	color: #1bbd1b;
	margin-left: 15px;
	margin-right: 5px;
}
.go_project-highlight-no{
	color: red;
}

.go_home-header{
	background-color:white;
	padding:20px;
	margin-bottom:30px
}


/* PARTNER TILES */
.go_partner-logos{
	margin: 60px auto;
	max-width: 900px;
}
.go_partner{
	font-size: 40px;
	margin-bottom: 30px;
}
.go_partner-logo-wrapper{
    height: 0;
    padding-bottom: calc(25% - 22.5px);
    position: relative;
    width: calc(25% - 22.5px);
    margin: 0 15px 15px 15px;
    float: left;
}
.go_partner-logo{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
	padding: 15px;
	background: white;
	border: 1px solid #D5DBDE;
}
.go_partner-logo img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
}

@media only screen and (max-width: 767px) {
	.go_partner-logo-wrapper{
	    padding-bottom: calc(50% - 30px);
	    width: calc(50% - 30px);
	}
}



/* COLOR RANGE -> USED IN COMMENTBOX */
.btn-success-darker{
	color: white;
	background: #438a2b;
}
.btn-success-darker:hover,
.btn-success-darker:focus,
.btn-success-darker.focus{
	color: white!important;
	background: #5aaf3e;
}
.btn-default-darker{
	color: white;
	background: #2ECCFA;
}
.btn-default-darker:hover,
.btn-default-darker:focus,
.btn-default-darker.focus{
	color: white!important;
	background: #6f6f6f;
}
.cx_btn-color-range.cx_active .btn:not(.active):not(:hover){
	opacity: 0.3;
}




/*
*	WEBPAGINA
*/

.go_section{
	padding: 45px 0;
	background-size: cover;
	background-position: center;
}
.go_section-hasBackground{
/*	padding: 45px 0 0 0; */
}
.go_section-slider .item img{
	margin: auto;
}
.go_section-fixedHeight{
	overflow: hidden;
}
.go_section-background{
    display: table;
    position: relative;
    margin: auto;
    z-index: 1;
    top: -45px;
    margin-bottom: -90px;
}
.go_section-no-padding-above .go_section-background{
	top: 0;
	margin-bottom: -45px;
}
.go_section-no-padding-below .go_section-background{
	margin-bottom: -45px;
}
.go_section-no-padding-above.go_section-no-padding-below .go_section-background{
	margin-bottom: 0;
}
.go_section-no-padding-above{
	padding-top: 0;
}
.go_section-no-padding-below{
	padding-bottom: 0;
}
@media (max-width: 767px){
	.go_section{
		padding: 30px 0;
	}
	.go_section-hasBackground{
	/*	padding: 30px 0 0 0; */
	}
	.go_section-background{
	    top: -30px;
	    margin-bottom: -60px;
	}
	.go_section-no-padding-above .go_section-background{
		top: 0;
		margin-bottom: -30px;
	}
	.go_section-no-padding-below .go_section-background{
		margin-bottom: -30px;
	}
	.go_section-no-padding-above.go_section-no-padding-below .go_section-background{
		margin-bottom: 0;
	}
	.go_section-no-padding-above{
		padding-top: 0;
	}
	.go_section-no-padding-below{
		padding-bottom: 0;
	}
}
.go-section-narrow .go_container{
	max-width: 800px;
}
.go_section-hasBackground .go_container{
	position: relative;
	z-index: 2;
	height: 0;
	overflow: visible;
}
.go_section .go_section-title{
	font-size: 30px;
    margin-bottom: 30px;
}
/* DIT GAAT MIS OP IE - IS ER ERGENS WAAR DIT ECHT NODIG IS ??? 
.go_section .go_container{
	display: table;
	width: 100%;
	max-width: 1200px;
}
*/
.go_block-title{
	margin-top: 0;
/*	margin-bottom: 15px;	*/
    padding: 15px;	
    font-size: 24px;
	line-height: 26px;
}
.go_block-title-bottom{
	/*
	margin-top: 15px;
	margin-bottom: 0;
	*/
}
.go_block-content{
    background-size: cover;
    height: 100%;
   /* display: block;*/
    display: flex; /* Flex om title en content netjes onder elkaar te kunnen tonen */
    flex-direction: column;
}
a.go_block-content,
a.go_block-content:hover{
	color: #333;
}
.go_block-content-backgroundWrapper{
	height: 100%;
    background-repeat: no-repeat;
}
.go_block-content-backgroundWrapper.go_hasTitle{
	height: calc(100% - 26px - 15px); /* go_block-content - line-height - margin */ 
}
.go_block-title + .go_block-content{
	/*	height: calc(100% - 26px - 15px); /* go_block-content - line-height - margin */ 
}
.go_block-content > .cx_paragraph-wrapper,
.go_block-content .cx_paragraph-wrapper:last-child{
	margin-bottom: 0;
}
.go_block-text-wrapper{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
    height: 100%;
}
 .go_block-text{
	padding: 15px;
}
.go_block-title ~ .go_block-text-wrapper {
	height: calc(100% - 56px);
}
.go_block-title ~ .go_block-text-wrapper .go_block-text,
.go_block-title + .go_block-text{
	padding-top: 0;
}
 
/* fixed height */
.go_section-fixedHeight .go_container{
	height: 100%;
}
.go_section-fixedHeight .row {
	height: 100%;
}
.go_section-fixedHeight .go_block:not(.go_block-fb){
	overflow: auto;
} 
.go_section-fixedHeight .go_block-content {
/*	height: initial; */
}
.go_block-content > .cx_paragraph-wrapper,
.go_block-content > .cx_paragraph-wrapper > .col-md-12,
.go_block-content > .cx_paragraph-wrapper > .col-md-12 > .row,
.go_block-content .cx_paragraph-wrapper > .col-md-12 > .row > .col-md-12,
.go_block-content .cx_paragraph-wrapper > .col-md-12 > .row > .col-md-12 > .cx_paragraph-wrapper ,
.go_block-content .cx_paragraph-wrapper > .col-md-12 > .row > .col-md-12 > .cx_paragraph-wrapper > .col-md-12,
.go_block-content .cx_paragraph-wrapper > .col-md-12 > .row > .col-md-12 > .cx_paragraph-wrapper > .col-md-12 > .panel{
	display: flex; /* voor firefox - om de content full height te trekken in het geval er een title boven zat */
	height: 100%;
}





.go_section.Actueel .cx_card-row > .cx_card > .panel-body{
	height: 100%;
}
.go_section.Actueel .cx_card-row > .cx_card > .panel-body > .cx_template {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.go_home-person-thumbs{
 	margin: auto;
 	margin-bottom: 15px;
}
.go_home-persoon-thumb{
	display: block; 
	float: left;
	margin: 2px;
	border: 1px solid transparent;
}
.go_home-persoon-thumb:hover{
	border: 1px solid #2eaadc;
}
.go_home-persoon-thumb:hover img{
	/*filter:grayscale(100%); */
	opacity: 0.6;
}


/* FB IFRAME */
.fb-container{
/*	overflow-y: scroll; */
	background: white;
}
.fb_iframe_widget,
.fb_iframe_widget > span,
.fb_iframe_widget iframe{
	width: 100%!important;
	max-width: 100%!important;
}
.fb_iframe_widget + .fb_iframe_widget{
	margin-top: 15px;
}

/* ACTIVITY RESET */
.go_section .unit-medium-activiteit {
 /*   background: none; */
    display: block;
    padding: 0;
}

/* SAME HEIGHT */
.go_block-unit-medium,
.go_block-unit-medium .col-md-12,
.go_block-unit-medium .col-md-12 .row,
.go_block-unit-medium .col-md-12 .row  .col-md-12,
.go_block-unit-medium .col-md-12 .row  .col-md-12 .row,
.go_block-unit-medium .col-md-12 .row  .col-md-12 .row .cx_card,
.go_block-unit-medium .col-md-12 .row  .col-md-12 .row .cx_card .panel{
	height: 100%;
}
a.panel-heading{
	display: block;
}

/* carousel */
.go_carousel-slogan{
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-shadow: 2px 0 0 rgba(0,0,0,0.3), -2px 0 0 rgba(0,0,0,0.3), 0 2px 0 rgba(0,0,0,0.3), 0 -2px 0 rgba(0,0,0,0.3), 1px 1px rgba(0,0,0,0.3), -1px -1px 0 rgba(0,0,0,0.3), 1px -1px 0 #333, -1px 1px 0 rgba(0,0,0,0.3);
    transition: all 0.3s;
    width:	100%;
    text-align: center;
    padding: 0 15px;
}
@supports (-webkit-text-stroke: 1px black) {
	.go_carousel-slogan{
		text-shadow: none;
		font-weight: bold;
		-webkit-text-stroke: .5px rgba(0,0,0,0.5);
	}
}


/* CAROUSEL B */

.go_section-slider-b .go_carousel-slogan{
    font-size: 50px;
}
.go_section-slider-b  .item img {
    max-width: initial;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: initial;
}

/* CAROUSEL GFE */
/*
.go_section-slider-gfe .go_carousel-slogan{
	color: #222;
    text-shadow: 2px 0 0 #4bd93b, -2px 0 0 #4bd93b, 0 2px 0 #4bd93b, 0 -2px 0 #4bd93b, 1px 1px #4bd93b, -1px -1px 0 #4bd93b, 1px -1px 0 #4bd93b, -1px 1px 0 #4bd93b;
}

@supports (-webkit-text-stroke: 1px black) {
	.go_section-slider-gfe .go_carousel-slogan{
		text-shadow: none;
		color: rgba(0,0,0,0.5);
		-webkit-text-stroke: 1px #4bd93b;
	}
}
*/






/* CUSTOM */

.go_wp-section-oost-begroot-intro{
	font-size: 20px;
	line-height: 30px;
}
.go_wp-section-oost-begroot-intro-b h3 {
	text-align: left;
	font-weight: bold;
	font-size: 25px;
}

.go_wp-section-oost-begroot-footer{
	font-size: 16px;
}

a.item{
}
a.item:hover img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   	filter: grayscale(100%);
   	opacity: 0.9;
   	transition: all 0.5s;
}
a.item:hover .go_carousel-slogan{
	/*
	font-size: 32px;
	transition: all 0.3s;
	text-shadow: 2px 0 5px black;
	text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff, 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	color: #333;
	*/
}
.panel{
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* GO HOME - ROW STYLING */

.go_section > .go_container > .row:last-child{
	margin-bottom: -15px;
}
	


.go_home-person-thumbs,
.go_home-partner-thumbs{
    display: table;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.go_home-partner-thumbs{
    margin-bottom: -15px;
}
.go_home-persoon-thumb,
.go_home-partner-thumb{
	display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    -webkit-transition: all .5s;
	transition: all .5s;	
	float: left;
}
.go_home-partner-thumb {
    width: 140px;
    height: 140px;
    margin: 0 7.5px 15px 7.5px;
}
.go_home-person-thumbs:hover .go_home-persoon-thumb,
.go_home-partner-thumbs:hover .go_home-partner-thumb{
/*	border: 1px solid red; */
 	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.go_home-person-thumbs .go_home-persoon-thumb:hover,
.go_home-partner-thumbs .go_home-partner-thumb:hover{
 	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    z-index: 2;
}
.go_home-persoon-thumb img,
.go_home-partner-thumb img{
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    top: 0; 
    left: 0;
    background: white;
}
.go_home-persoon-thumb:hover img,
.go_home-partner-thumb:hover img{
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
}


/* P */
.go_home-p{
	margin-bottom: 30px;
}
.go_home-p:last-of-type{
	margin-bottom: 0;
}
/* TOOLBAR */
.go_home-toolbar-center{
	display: table;
	margin: 0 auto 15px;
}
.go_home-toolbar-center .btn{
	margin: 0 7.5px 15px 7.5px !important;
}
.go_home-toolbar-center .btn:first-child {
    margin-left: 0;
}

/* GO HOME PEOPLE */
.go_home-person-thumbs {
    margin: auto;
    margin-bottom: 15px;
}


/* GO HOME FB */
/*
#go_facebook-carrousel .carousel-control.left,
#go_facebook-carrousel .carousel-control.right{
	opacity: 1;
	background-image: none;
}
*/
.go_facebook-carrousel-controls{
	display: table;
	margin: auto;
	font-size: 20px;
}
.go_facebook-carrousel-controls a{
	display: block;
	float: left;
}
.go_facebook-carrousel-controls a:first-child{
	margin-right: 15px;
}
#go_facebook-carrousel{
	padding-bottom: 15px;
}
#go_facebook-carrousel .carousel-indicators{
	bottom: 0!important;
}
.carousel-indicators li{
	/*	border-color: #777; */
    box-shadow: 0 0 4px 1px rgb(0, 0, 0, 0.5);
}
.carousel-indicators li.active{
/*	background-color: #777; */
}
.go_home-facebook-item{
    display: table;
    float: none;
    max-width: 1000px;
}

@media (min-width: 992px){
	.go_facebook-carrousel-controls{
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
	}
	#go_facebook-carrousel{
		min-height: 330px;
	}
	#go_facebook-carrousel .carousel-inner{
		margin-bottom: 15px;
	}
}
@media (min-width: 768px){
	.go_home-facebook-item{
    	margin: auto;
	}
}
@media (max-width: 767px){
	.go_home-facebook-item .cx_template-image-wrapper{
		width: 100%;	
		margin-bottom: 15px;
	}
	.go_home-facebook-item .cx_template-content-wrapper{
		width: 100%;	
	}
}


/* DRAGHANDLE */
td.cx_draghandle.lockedColumn > .cx_draghandle-inner, .cx_draghandle-inner{
	width: 15px;
}
.table > tbody > tr > td.cx_draghandle {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.cx_draghandle-inner .cx_icon {
    color: #ddd;
    opacity: 1;
}
tr:hover .cx_draghandle-inner .cx_icon {
	color: #90CBFF;
}




/* COOKIE BAR */
.cookie-bar{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 76px;
    background-color: rgba(0,0,0,0.8);
    color: white;
    z-index: 10000;
    padding-top: 30px;
}
.cookie-bar-content{
	display: table;
	margin: auto;
}
.cookie-bar-content span{
	margin: 0 7.5px;	
}
.cookie-bar-more-link{
	text-decoration: underline;
	color: white!important;
}
.cookie-bar .btn-default:hover{
	box-shadow: none;
}



/* ACTIVITY HOME */
.go_activity-webpage .image-wrapper{
	float: right;
	width: calc(50% - 7.5px);
	margin-bottom: 15px;
}
.go_activity-webpage .datum{
	position: relative;
 	float: none;
	width: calc(50% - 7.5px);
    border: 1px solid #d4d4d4;
    background: #EDEFF0;
    margin-bottom: 15px;
}
.go_activity-webpage .datum:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.datum-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.datum-dag{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
    text-transform: capitalize;
}
.unit-medium-tijd{
    width: 100%;
    float: none;
    font-size: 0.8em;
    font-weight: bold;
}



/* 
*
*	GO UNIT GROOT phase 
*
*/
#go_phase .nav-tabs{
	display: flex;
	align-items: stretch;
}
#go_phase .nav-tabs li{
	flex: 1;
    width: 16.667%;
}

#go_phase .nav-tabs>li>a {
	padding-left: 0;
	padding-right: 0;
    text-align: center;
}
#go_phase .nav-tabs>li:last-child>a{
	margin-right: 0;
}
#go_phase .fa{
	font-size: 5vw;
	color: #2eaadc;
}
@media (min-width: 768px){
	#go_phase .fa{
		font-size: 3vw;
	}
}
@media (min-width: 1200px){
	#go_phase .fa{
		font-size: 30px;
	}
}
.go_phase-label{
/*	font-weight: bold; */
    line-height: 1;
    margin-top: 8px;
	color: #2eaadc;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.go_phase-icon{
    position: absolute;
    width: 12px;
    height: 14px;
    top: 5px;
    right: 5px;
    text-align: center;	
    font-size: 12px;
}
#go_phase .go_phase-icon .fa{
	font-size: 14px;
	color: #61c33f;
}
#go_phase .go_current-phase .fa{
	color: #8c8c8c;
}
/* ACTIVE */
#go_phase li.active .fa{
	color: #333;
}
#go_phase li.active .go_phase-icon .fa{
	color: #61c33f
}
#go_phase li.active .go_current-phase .fa{
	color: #8c8c8c
}
#go_phase li.active .go_phase-label{
	color: #333;
}



/* FINISHED PHASE ANIMATION */
#go_phase .go_current-phase.activate .fa{
	color: #61c33f!important;
	animation: activate 1.5s;
}
#go_phase .go_current-phase.activate:after{
	display: table;
    content: "\f058";
    font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	color: #61c33f;
	opacity: 0;
	font-size: 0;
	animation: activateAfter 1s ease-in;
	z-index: 10000;
}
@keyframes activate{
	0%	{
		color: #8c8c8c;
	}
	66% {
		color: #8c8c8c;
	}
	67%	{
		color: #61c33f;
	}
}
@keyframes activateAfter{
	from	{
		opacity: 0.3;
		font-size: 200vw;
	}
	to {
		opacity: 0.8;
		font-size: 14px; /*14px*/
	}
}


/* GO phase CIRCLE */
.go_phase-indicator-wrapper{
    position: relative;
}
.go_percentageTitle-wrapper {
    display: table;
    width: 100%;
    margin-top: -15px;
}
.go_percentageTitle-wrapper h1 {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 15px 15px 0;
}
.go_percentageTitle-wrapper .go_percentageTitle-percentage {
    display: table-cell;
    vertical-align: middle;
    min-width: 95px;
    position: relative;
}
.go_phase-percentage,
.go_phase-division{
	position: absolute;
	width: 95px;
	line-height: 95px;
	right: 0;
	text-align: center;
	font-weight: bold;
	color: #838383;
	font-size: 15px;
}
.go_phase-indicator{
    float: right;
     -moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.go_phase-indicator .background {
  stroke: silver;
  stroke-width: 15;
  fill: transparent;
}
.go_phase-indicator .foreground {
	fill: transparent;
	stroke-width: 15;
}

/* INDICATOR WITH PLACEHOLDE (unit med) */
.go_phase-indicator-placeholder{
	height: 95px;
}
.go_phase-indicator-placeholder + .go_phase-indicator-wrapper{
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.go_bb-badge{
    float: right;
    height: 19px;
    margin-left: 5px!important;
    display: inline-block!important;
}
.relations .go_bb-badge{
    float: none;
}
.unit-groot .go_bb-badge{
	float: none;	
}


.go_popover {
	padding:15px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}