@charset "UTF-8";
/* CSS Document 
rood = #891438
blauw = #152c60
border voor kleine boxjes grijs #cdcdcd
bg grijs body: #f6f6f6
tekst: color:#4e4e4e;
*/

/*
@crossmarx
class="rode-knop" voor het gebruik van toegevoegde knoppen aan content van pagina's.voorbeeld in webpagina/openhuizenroute: "bekijk alle toegevoegde huizen"
class="witte-knop" voor in banners. ! Als de hele banner aanklikbaar is, gebruik dan geen a- of button-tag. Gebruik span.
class= "zwarte-link". Gebruik deze in de a tag waar teksten gewoon zwart moeten blijven. Dit komt voor in de tekstdelen die helemaal in een a gevoegd zijn om het gebruik in mobiele versie te vergemakkelijken.
voor de margin rond webpagina's: <div class="webpage-margin"></div>

@ERA
dank voor de uitleg

*/



/* 3.0 dingen */

.btn{
    background: #891438;
    border-color: #891438;
    color: white;
}
.btn:hover{
    color: #891438;
    border-color: #891438;
    background: white;
}

.btn-primary{
    background: #891438;
    border-color: #891438;
    color: white;
}
.btn-primary:hover{
    color: #891438;
    border-color: #891438;
    background: white;
}
.btn-secundary{
    background: #152c60;
    border-color: #152c60;
    color: white;
}
.btn-secundary:hover{
    color: #152c60;
    border-color: #152c60;
    background: white;
}
.btn-secundary:focus{
    background: #152c60;
    border-color: #152c60;
    color: white;
}
.btn-ohrv{
	background: #152c60 url(/nl/images/youtube_icon_red.png) no-repeat 57px 11px;
	background-position: 7px 7px;
	background-size: 20px 20px;
}
.btn-ohrv:hover{
	background: white url(/nl/images/youtube_icon.png) no-repeat 57px 11px;
	background-position: 7px 7px;
	background-size: 20px 20px;
}
.btn-ohrv:focus{
	background: #152c60 url(/nl/images/youtube_icon_red.png) no-repeat 57px 11px;
	background-position: 7px 7px;
	background-size: 20px 20px;
}

.era-cta-button {
	
	font-size: 18px !important; 
	height: 39px;
	margin-bottom:20px;
	margin-bottom:25px;
}
.era-cta-button-bel{
	background: #891438 url(/nl/images/phone-icon-white.png) no-repeat 6px 10px;
}

.era-cta-button-wa{
	background: url(/nl/images/whatsapp_icon_white.png) no-repeat 0px 0px;
}

.era-cta-button-form{
	background: #152c60 url(/nl/images/mail-icon-white.png) no-repeat 6px 8px;
	
}

p a,
p a:hover{
	text-decoration: underline;
}
.segment a:not(.btn):not(.rode-knop):not(.zwarte-link):not(.era_a-alt),
.segment a:not(.btn):not(.rode-knop):not(.zwarte-link):not(.era_a-alt):visited{
	color: #891438;
}
.segment a:not(.btn):not(.rode-knop):not(.zwarte-link):not(.era_a-alt):hover{
	color: #06046f;
	text-decoration: none;
}
.era_a_nodeco:hover{
	text-decoration: none;
}
.box-2-hor a{
	text-decoration: none;
}

@media (min-width: 768px){
	.form-horizontal .control-label {
	    padding-left: 50px;
	    text-align: left;
	}
}
.control-label,
label{
	font-weight: normal;
}	


.cx_modified .cx_btn-save {
    color: white;
    background-color: #3c763d;
    border-color: #3c763d;
}



/* ALERTS */
.alert-info {
    border-color: #06046f;
    color: #06046f;
}
.alert-success{
    border-color: #3c763d;
}
.alert-warning{
	border-color: #8a6d3b;
}
.alert-danger {
    border-color: #891438;
    color: #891438;
}




/* FIELDLINE */
.form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group .control-label {
    min-height: 36px;
    line-height: 36px;
}
.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right) {
    height: 36px;
    min-height: 36px;
}
.form-control{
	width: 400px;
	max-width: 100%;
}


/* ERROR */
.has-error .cx_widget{
	flex-wrap: nowrap;
}
.cx_field-error {
    font-weight: normal; 
    color: #891438;
}
.has-error .form-control {
    border-color: #891438;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #891438;
}
.cx_widget-required{
	background: white url(/nl/images/required-bullet.png) right no-repeat;
}
.cx_widget-has-error-after::after{
	display: table;
	background: #891438;
    border-radius: 50%;
    -moz-border-radius: 50%;
    color: white;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    content: "!";
    margin: 5px 0 5px -10px;
}






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


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

iframe{
	max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
	}
	
html{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	min-height: 100%;
	}
body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	background-color: #f6f6f6;
	color: #4e4e4e;
	font-family: 'Montserrat', sans-serif;
	/*font-size: 90%;*/
}



.era_container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	background: url(/nl/images/footer_pic.png) no-repeat #f6f6f6;;
	background-position: left bottom;
	background-size: 100%;
	min-height: 100%;
	}
.content-wrapper{
	margin-top: 70px;
	min-height: 500px; /*duwt de footer in footer-positie bij weinig content*/
	}
	
.content-wrapper:after {
	content: "";
	display: table;
	clear: both;
	}


.webpage-margin{
	margin: 20px;
	}
.webpage-margin:after{
	content: "";
	display: table;
	clear: both;
	}

/* - - - - - - - explorer - - - - - - - */
a img{
	border: 0;
	}
a:focus {
	outline: 0;
	}	
/* - - - - - - cookie-melding - - - - - - - */
.cookie-melding{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color:rgba(0,0,0,0.95);
	color: white;
	text-align: center;
	z-index: 10000;
	padding-top: 30px;
}
.cookie-melding a{
	color: white;
	margin-left: 20px;
	text-decoration: underline;
}
.cookie-melding a.basis-red-button,
.cookie-melding a.basis-green-button{
	text-decoration: none;
}

/* - - - - - - cookie-melding 2020 - - - - - - - */

.cookiemelding2020{ 
	height: 140px;
	background: LightGray;
	border-bottom: 	1px solid #cccccc;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10031;
	display: flex;
	margin: auto;
	width: 100%;
}
.cookieWrapper{
	max-width:1200px;
	display: flex;
	vertical-align: middle;
	margin: auto;
}
.cookietekst{
	text-align:left;
	max-width: 80%;
	margin: auto;
	vertical-align: middle;
	display: inline-block;
	padding-left: 10px;
}

.cookieknoppenbar{
	display:inline-grid;
	min-width:300px;
	margin: 0;
}



.top-wrapper-cookiemelding-aan {
	margin-top:140px	!important;
}

.content-wrapper-cookiemelding-aan{
	margin-top:210px;
}

/* The Modal (background) */
.cookieModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 20000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.cookieModal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.cookieModal-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.cookieModal-close:hover,
.cookieModal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.cookie-checkbox{
	float:left !important;
}
.cookieknop{
		padding:4px;
		margin-bottom:15px;
		width:95%;
	}
@media only screen and (max-width: 767px){
	.cookiemelding2020{ 
		height: 180px;
	}
	
	.top-wrapper-cookiemelding-aan {
		margin-top:180px	!important;
	}

	.content-wrapper-cookiemelding-aan{
		margin-top:250px;
	}
	
	
	.cookieknoppenbar{
		width:100%;
		
	}
	.cookieknop{
		width:100%;
	}
	
}
	
/* - - - - speciale knoppen - - - - */

.zwarte-link, .zwarte-link:visited, .zwarte-link:hover{
	color: #4e4e4e;
    text-decoration: none;
	}
.witte-knop{
	color: white;
	display: inline-block;
	border-radius: 6px;
	-moz-border-radius: 6px;	
	margin-top: 20px;
	padding: 6px 11px;
	border: 1px white solid;
	border-bottom: 3px white solid;
	font-size: 120%;
	cursor: pointer;
	}
.rode-knop{
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #891438;
	color: #891438;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 10px;
	height: 36px;
	display: inline-block;
	}
.rode-knop:hover{
	background: #891438;
	color: white;
	}
.centreren{
	text-align: center;
	}

/* - - ----top-menu----- - - */

.top-wrapper{
	height: 70px;
	background: white;
	border-bottom: 1px solid #cccccc;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10030;
}
	
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-table;
	}
	
.top-menu li{
	float: left;
	/*position: relative;*/
	}
	
.top-menu li a{
	text-decoration: none;
	color: #4e4e4e;
	height: 100%;
	padding-left: 23px;
	padding-right: 23px;
	text-align: center;
	display: block;
	float: left;
	line-height: 70px;
    width: 100%;
    text-align: left;
    white-space: nowrap;
}
	
	
.top-menu li a:hover{
	color: white;
	background: #891438;
	}

.open-submenu > a  {
	position: relative;
	}
	
/*.open-submenu > a .arrow-sub-down {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #891438 transparent transparent transparent;
	right: 19px;
	top: 15px;
	display: block;
	}

.open-submenu a:hover .arrow-sub-down, .open-submenu a:active .arrow-sub-down {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent white transparent;
	right: 19px;
	top: 15px;
	display: block;
	}*/
	

	
/* - - - - - - - - - submenu - - - - - - - - - */


.submenu:before{
	position: absolute;
	content: "";
	top: -9px;
	left: 20px;	
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid white;
	}
	
.submenu{
	position: absolute; 
	top: 100%;
	font-size: 12px;
	background: white;
	z-index: 1000;
	text-align: left;
	border: 1px solid #cdcdcd;
	border-top: 0;
	padding-bottom: 12px;
	}

.submenu h5{
	color: #891438;
	font-size: 100%;
	margin-bottom: 5px;
	}
	
.submenu li{
	float: none;
	background: white;
/*	padding: 10px 0 0 0; */
	margin: 0;
	clear: both;
	width: 100%;
	position: relative;
	}
	
.submenu li a{
	color: #797979;
	line-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
ul ul li a:hover{
	background: none !important;
	color: #4e4e4e !important;
	}
	
/* - - - - - - - */
	
.logo-wrapper{
	float: left;
	width: 48px;	
	height: auto;
	text-indent: -3000px;
	margin-top: 4px;
	z-index: 1000;
	}
	
.logo-wrapper img{
	width: 100%;
	display: inline-block;
	float: left;
	}
	
.top-menu{
	float: right;
	}
	
.icon-top-menu{
	float: right;
	margin-top: 16px;
	}
	
.icon-top-menu a{
	float: left;
	display: block;
	width: 40px;
	text-indent: -3000px;
	padding-top: 11px;	
	}
	
a.top-menu-zoek, a.top-menu-zoek:hover{
	background: url(/nl/images/era_top_menu_zoek.png) no-repeat 4px 17px;
	text-indent: -4000px;
	margin-left: 12px;
	}
	
a.top-menu-login, a.top-menu-login:hover{
	background: url(/nl/images/era_top_menu_login.png) no-repeat 10px 17px;
	width: 31px;
	text-indent: -4000px;
	}
	
.mobile-current-item{
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1;
	color: #891438;
	font-size: 110%;

	}

/*--------home-------------*/
.home-top{
	padding-top: 72px;
	margin-bottom: 60px;
	background: url(/nl/images/home_top_bg.png) no-repeat;
/*	background-size: contain; */
    position: relative;
/*    background-size: auto 480px; */
    background-position: center top;
}
.home-segment, .segment{
	margin-bottom: 62px;		
	}
.content-wrapper .home-segment:nth-child(2), .content-wrapper .segment:nth-child(2){
	margin-top: 62px;
	}
.segment-margin-top{
	margin-top: 62px;
	margin-bottom: 62px;	
	}
.home-stopper{
	padding-top: 30px;
	height: 207px;
	text-align: center;
	}
.home-stopper-1{
	padding-top: 30px;
	height: 222px;
	text-align: center;
	background: url(/nl/images/era_logo_var_bg.png) no-repeat;
	background-size: 100% 100%;;
	}
.ohr-stopper{
	background-image: url(/nl/images/stopper-bg.png);
	}

.margintopbox{
	margin-top: 62px;
	}
.home-stopper-1 button, .home-stopper button, .stopper-no-image button{
	color: white;
	display: inline-block;
	border-radius: 6px;
	-moz-border-radius: 6px;	
	margin-top:2 0px;
	padding: 6px 11px;
	border: 1px white solid;
	border-bottom: 3px white solid;
	font-size: 120%;
	cursor: pointer;
	}
.home-stopper button{
	background: none;
	}

.stopper-1{
	padding-top: 30px;
	height: 222px;
	text-align: center;
	background-image: url(/nl/images/era_logo_var_bg.png);
	background-size: 100% 100%;	
	}
.stopper-1 button, .stopper button, .stopper-no-image button{
	color: white;
	display: inline-block;
	border-radius: 6px;
	-moz-border-radius: 6px;	
	margin-top: 20px;
	padding: 6px 11px;
	border: 1px white solid;
	border-bottom: 3px white solid;
	font-size: 120%;
	cursor: pointer;
	}
.stopper button{
	background: none;
	}
.stopper{
	padding-top: 30px;
	height: 207px;
	text-align: center;
	}
.contact-top .red-bar{
	width: auto;
	padding-left: 8%;
	padding-right: 10px;
	float: left;
	}
.red-bar{
	position: relative;
	left: 0;
	min-height: 50px;
	width: 61%;
	background: #891438;
	color: white;
	text-align: right;
	font-size: 230%;
	line-height: 50px;
	padding-right: 14px;
	}
.red-bar:after{
	position: absolute;
	content: "";
	top: 0;
	/*	border-right: 50px solid transparent;	*/
	/*	border-bottom: 50px solid #891438;	*/
	/* IS NU EEN LINEAR GRADIENT IPV BORDER - KAN NAMELIJK WEL MEESCHALEN. WERKT ALLEEN IN IE 10 + */
	width: 50px;
    height: 100%;
    right: -50px;
    background: -webkit-linear-gradient(to bottom left, #891438 50%, transparent 51%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom left, #891438 50%, transparent 51%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom left, #891438 50%, transparent 51%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top right, #891438 50%, transparent 51%); /* 51% to prevent pixel edge in chrome */    
}
.blue-bar{
	position: relative;
	background-color: #152c60;
	color: white;
	min-height: 40px;
	line-height: 38px;
	width: 61%;
	right: 0;
	float: right;
	font-size: 174%;
	padding-left: 18px;
}
.blue-bar:before{
	position: absolute;
	content: "";
	top: 0;
	/*	border-left: 40px solid transparent;	*/
	/*	border-top: 40px solid #152c60;	*/
	/* IS NU EEN LINEAR GRADIENT IPV BORDER - KAN NAMELIJK WEL MEESCHALEN. WERKT ALLEEN IN IE 10 + */
	width: 50px;
    height: 100%;
    left: -50px;
	background: -webkit-linear-gradient(to bottom left, #152c60 50%, transparent 51%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom left, #152c60 50%, transparent 51%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom left, #152c60 50%, transparent 51%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom left, #152c60 50%, transparent 51%); /* 51% to prevent pixel edge in chrome */
}
.blue-bar-right{
	position: relative;
	background-color: #152c60;
	color: white;
	height: 40px;
	line-height: 40px;
	float: left;
	font-size: 180%;
	padding-left: 130px;	
	}
.blue-bar-right:after{
	position: absolute;
	content: "";
	top: 0px;
	right: -40px;	
	border-right: 40px solid transparent;
	border-top: 40px solid #152c60;
	}
.search-wrapper{
/*	margin-top:110px; */
}
.search{
	position:relative;
	margin:0 auto;
	background:rgba(255, 255, 255, 0.65);
	padding:14px;
	width:645px;
	border-radius:6px;
	-moz-border-radius:6px;
	}
.makelaars-box{
	position:relative;
	width:150px;
	height:170px;
	margin:57px 6px 0 0;
	float:left;
	}
.makelaars-box-top{
	height:45px;
	color:white;
	text-align:center;
	padding:7px;
	font-size:78%;
	border-top:#891438 1px solid;
	border-left:#891438 1px solid;
	border-right:#891438 1px solid;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	}
.makelaars-box-img-wrapper{
	height:80px;
	overflow:hidden;
	}
.makelaarslogo-top{/*logo in bovenkant makelaarspagina*/
	position: relative;
	float: left;
	padding: 10px;
	background: white;
	border: 1px solid #cdcdcd;
	margin-top: 33px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	}
.makelaarslogo-top-contact{/*logo in bovenkant makelaarspagina*/
	position: relative;
	float: left;
	padding: 10px;
	background: white;
	border: 1px solid #cdcdcd;
	margin-top: 52px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	}
.makelaarslogo-top img.portrait, .makelaarslogo-top-contact img.portrait{
	width: 200px;
	height: auto;
	}
.makelaarslogo-top img.horizon, .makelaarslogo-top-contact img.horizon{
	width: auto;
	height: 100px;
	}
.centerbox-top{
	padding-top: 33px;
	}
	
.makelaars-box-bottom{
	border: 1px solid #cdcdcd;
	border-top: none;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	height: 45px;
	line-height: 17px;
	background-color: white;
	position: relative;
	padding: 14px 0 0 28px;
	font-size: 82%;
	}
	
.makelaars-waardering{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 150%;	
	padding: 8px 6px 8px 4px;
	width: 47px;
	color: #9C2246;
	text-align: right;
	}
.makelaar-worden-button{
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #891438;
	color: #891438;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 10px;
	height: 36px;
	margin-left: 20px;
	display: block;
	float: left;
	}
.makelaar-worden-button:hover{
	color: white;
	background: #891438;
	}

.makelaars-logo{
	max-width:95px;
	width:auto;
	max-height:28px;
	height:28px;
	margin-left:7px;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	}
.makelaars-logo img{
	height:100% !important;
	max-width:95px;
	width:auto;
	}


.era_home-search-label{
    cursor: pointer;
}
.era-makelaars-btn-wrapper{
    width: 645px;
    max-width: 100%;
    margin: auto;
    padding: 0 15px;
    margin-top: 15px;
}
.era_search-makelaars-btn{
	display: block;
	width: 100%;
	background-color: #152c60;
	color: white!important;
    border-radius: 6px;
    -moz-border-radius: 6px;
    text-decoration: none!important;
    text-align: center;
    padding: 12px 6px;
}



/*-----waarom era--------*/
.three-box-wrapper{
	width:90%;
	margin:0 auto 70px auto;
	}
	
.three-box{
	position: relative;
	float: left;
	width: 30%;
	margin-right: 3%;	
	min-height: 170px;
	height: 170px;
	padding-left: 100px;
	background: url(/nl/images/ERA_Real_Estate_Netherlands_RGB.jpg) no-repeat 12px 2px;
	background-size: 66px;
	}
	
.three-box-bottom{
	position: absolute;
	width: 200px;
	bottom: 0;
	}
	
.three-box:last-of-type{
	margin-right:0px;	
	}
.three-box a:not(.btn), 
.three-box-wrapper a:not(.btn){
	color: #4e4e4e;
	}
.four-box-wrapper{
	width:847px;
	margin:0px auto 0 auto;
	}
.one-4-box{
	position:relative;
	display:inline-block;
	width:187px;
	height:210px;
	border:1px solid black;
	margin-right:29px;
	text-align:center;
	padding-top:30px;
	font-size:112%;
	background:white;
	}
.one-4-box:last-of-type{
	margin-right:0;	
	}
.one-4-box-bottom{
	position:absolute;
	left:0;
	bottom:0;
	height:82px;
	width:100%;
	padding: 0 15px;
	}
.box-wrapper-2-hor{
	width:960px;
	margin:0px auto;
	display: flex;
	}
	
.box-2-hor{
    width: calc(50% - (20px /2));
	min-height:110px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	border-radius:6px;
	-moz-border-radius:6px;
	font-size:80%;
	}
.box-wrapper-2-hor .box-2-hor:last-of-type{
	margin-right:0px;
	}
.box-2-hor-left{
	width:150px;
	min-height:100%;
	height:100%;
	margin-right:9px;
	float:left;
	border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	}
.box-2-hor-left img{
/*	height:100%;*/
/*	min-height:100%;	*/
	max-height: 100%;
	width:100%;
	min-width:100%;
    border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
}
.box-2-hor-right{
	padding-top:10px;
	padding-right:10px;
    padding-bottom: 10px;
	height: 150px; /*100%;
	-moz-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
	padding-left: calc( 150px + 12px); /* .box-2-hor-left width + .box-2-hor-left margin */
}
.box-2-hor-right h5{
	text-overflow: ellipsis;
	overflow:hidden;
	/*	white-space: nowrap;	*/
}
.box-2-hor a{
	color: #4e4e4e;
	}
.datum{
	position:relative;
	font-size:80%;
	padding-right:16px;
	padding-bottom:10px;
	}
.datum:after{
	position: absolute;
	content: "";
	bottom:0px;
	left:0px;	
	background:#4e4e4e;
	height:1px;
	width:80px;
	}
.box-2-hor h5{
	font-weight: bold;
}
.box-2-hor p{
	margin-top:16px;
	margin-bottom: 8px;
	line-height:166%;
	}
.white-head{
	font-size:230%;
	text-align:center;
	font-weight:normal;
	margin:0;
	color:white;
	}
.white-head-bijschrift{
	font-size:160%;
	font-weight:100;
	margin-top:8px;
	color:white;
	text-align:center;
	}
.center-box{
	position: relative;
	width: 961px;
	margin: 0 auto;
	}
.left-wrapper{
	width: 62%;
	float: left;
	margin-right: 3%;
	}
.right-wrapper{
	width: 34%;
	max-width: 34%;
	float: left;
	min-width: 240px;
	}
.right-wrapper > div{
	margin-bottom: 28px;
	}
.right-wrapper-img img{
	width: 100%;
	max-width: 100%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	}
.box-left{
	width: 100%;
	margin-bottom: 28px;
	padding: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background: white;
	border: 1px solid #cdcdcd;
	}
.box-left h3{
	display: inline-block;
}
.box-left .box-title-button-right{
	position: relative;
    float: right;
    margin: 0 0 2em 0;
}
.box-left .box-title-button-right a{
	display: inline-block;
}
.box-left p{
	clear: both;
}
.box-left img{
	width: 100%;
	}
.left-wrapper .box-left:first-of-type{
	margin-bottom:28px !important;
	}
.left-wrapper .box-left:last-of-type{
	margin-bottom:0;
	}
.box-right{
	width:100%;
	float:left;
	padding:20px 16px 22px 16px;
	text-align:center;
	border-radius:6px;
	-moz-border-radius:6px;
	background:white;
	border:1px solid #cdcdcd;
	margin-bottom:28px;
	}
.box-full{
	position:relative;
	width:100%;
	max-width:100%;
	margin-right:28px;
	margin-bottom:28px;
	float:left;
	padding:20px;
	border-radius:6px;
	-moz-border-radius:6px;
	background:white;
	border:1px solid #cdcdcd;
	}
.right-top-wrapper{
	position:absolute;
	right:20px;
	top:20px;	
	}
.box-right p{
	margin-left:14px;
	margin-right:14px;
	}
.box-right input[type=text], .box-right textarea, .box-80pc input[type=text], .box-80pc textarea{
	width:100%;
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #cdcdcd;
	/*margin-bottom:4px;*/
	color:#c4c4c4;
	font-size:16px;
	padding:8px;
	}
	
.box-right .era_privacy-link{
	display: table;
    margin: auto;
	margin-bottom: 12px;
}	
textarea{
	margin-bottom:12px;
	-webkit-appearance: none;
}
.box-right [type=submit], .box-80pc [type=submit]{
	-webkit-appearance: none;
	width:226px;
	color:white;
	background-color:#891438;
	border:none;
	border-bottom: #63071C 2px solid;
	border-radius:4px;
	-moz-border-radius:4px;
	font-size:14px;
	padding:8px;
	margin-top:6px;
	cursor:pointer;
	}
.box-title-button-right{
	display: inline-block;
	margin-right: 20px;
	margin-top: 30px;
	position: absolute;
	right: 0;
	top: 0;
	}

.slide-box-wrapper{

	}
.slide-button-wrapper{
	float:left;
	width:42px;
	margin-top:50px;
	height:50px;
	float:left;
}
.slide-button-wrapper a{
}
	
.slide-box-content{
	float:left;
	/*width:532px;
	padding:20px;*/
	}
.slide-box-content-4{
	position:relative;
	width:110px;
	height:110px;
	float:left;	
	border:#cdcdcd solid 1px;
	border-radius:6px;
	-moz-border-radius:6px;
	margin: 0 20px 20px 0;
	}
.slide-box-content .slide-box-content-4:last-of-type{
	
	}
.slide-box-content-4 img{
    width: initial;
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin: auto;
    display: table;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
	}
a.slide-box-content-4-overlay{
	display:block;
	border-radius:4px;
	-moz-border-radius:4px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	text-indent:-3000px;
	}
a.slide-box-content-4-overlay:hover{
	background:url(/nl/images/loep_hover-small_button_10.png) no-repeat;
	}

.slide-box-intro{
	float:left;	
	width:300px;
	margin-right:70px;
}
.makelaarsportret-box-155{
	width:155px;
	float:left;	
	margin-right:36px;
	text-align:center;
	}
.makelaarsportret-box-155:last-of-type{
	margin-right:0;
	}
	
.contact-box{ 
	width:275px;
	height:39px;
	margin-bottom:15px;
	float:left;
	}
/*I21590*/
.contact-box .tekst{
	padding:0;
	margin:0;
	position: relative;
    top: 50%;
    display: inline-block; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	}
.contact-box .tekst2{
	padding-top:11px;
	}
.contact-box img{
	width:38px;
	float:left;
	margin-right:10px;
	}
.contact-box a, .contact-box a:visited {
	color: #4e4e4e;
	}

/*----clears------*/
.clear{
	clear:both;
	}
.group:after {
  content: "";
  display: table;
  clear: both;
	}

/*- - - - - - elementen - - - - - - - - */

h1, h2, h3, h4{
	font-weight:normal;	
	}
h1{
	position:relative;
	text-align:center;
	color:#152c60;
	font-size:230%;
	padding-bottom:20px;
	margin-bottom:26px;
	margin-top:0;
	}
h1:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;	
	height: 6px;
	width: 100px;
	background: #891438;
	margin-left: -50px;
	}
h3{
	color: #152c60;
	position: relative;
	font-size: 170%;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 29px;
}
h3:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;	
	height: 5px;
	width: 70px;
	background: #891438;
}
h3.centr, .box-right h3{
	color: #152c60;
	position: relative;
	font-size: 170%;
	margin-top: 0px;
	text-align: center
	}
h3.centr:after, .box-right h3:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -35px;	
	height: 5px;
	width: 70px;
	background: #891438;
}
.box-full h3{
	color:#4e4e4e;
	position:relative;
	font-size:130%;
	margin-top:0px;
}
.box-full h3:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;	
	height: 5px;
	width: 70px;
	background: #891438;
	}

h4{
	color: #152c60;
	position: relative;
	font-size: 140%;
	padding-bottom: 19px;
	margin-top: -4px;
	}
h4:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;	
	height: 7px;
	width: 100px;
	background: #891438;
	}
h5{
	font-size: 120%;
	margin: 0;
	margin-bottom: 4px;
	}
p{
	margin-bottom: 28px;
	}
footer{
	background-color: #343c40;
	border-radius: 6px;
	-moz-border-radius: 6px;
	width: 960px;
	padding: 30px;
	color: #818182;
	margin: 0 auto;
}
.footer-wrapper{
	/*position:absolute;
	bottom:20px;*/
	left:0;
	width:100%;	
}
.footer-div{
		display:none;
	}
.footer-div:after {
  content: "";
  display: table;
  clear: both;
}
.footer-col{
	width:31%;
	float:left;	
	padding-right:4%;
}
.footer-col:nth-last-of-type(2){
	width:29%;
	padding-right:0;
}
.footer-col-smal{
	width:16%;
	float:left;	
}
footer .footer-col-smal:nth-child(4){
	margin-right:1% !important;
	width:22%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
footer ul{
	margin:14px 0 0 0;	
	padding:0;	
}
footer li{
	list-style:none;
	list-style-image:none;	
	margin-bottom:18px;
	}
footer a:not(.btn),
footer a:not(.btn):visited{
	text-decoration:none;
	color:#818182;
}
footer li a:not(.btn){
	text-decoration:none;
	color:#818182;
	}
footer li a:not(.btn):hover{
	color:white;	
	}

.stopper-bottom{
	height:20px;
	width:100%;	
	}
.icon-wrapper{
	margin-bottom:14px;	
	}
.icon-wrapper img{
    margin-right: 5px;
    width: 35px;
    height: 35px;
	}
.contact-detail{
	margin-bottom:14px;
	}
.contact-detail img{
	float:left;	
	margin-right:14px;
	}
.copyright{
	border-top:1px solid #818182;
	padding-top:18px;
	float:left;
	width:100%;
	margin-top:30px;
	}
.meerinfo{
	display:block;
	color:white;
	border-radius:6px;
	-moz-border-radius:6px;
	width:114px;
	text-decoration:none;
	text-align:center;
	padding:11px 6px;
	border-bottom: #63071C 2px solid;
	}

/* - - - - - - - - - - - - search & forms - - - - - - - */
input:focus{
	outline:0;
	border:1px solid #891438;	
	color:#4e4e4e;
}
input[type=text]:focus, textarea:focus{
	outline: 0;
	border:1px solid #891438;	
	color:#4e4e4e;
	}
textarea:focus{
	color:#4e4e4e;
	}
input[type=text], textarea{
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #c4c4c4;
	color: #4e4e4e;
	font-size: 14px;
	padding-left: 8px;
	height: 36px;
	line-height: 1;
	padding-right: 8px;
	font-weight: 100;
	-webkit-appearance: none;
	}
textarea{
	height: 80px;
	}
.cx_required{
	background:url(/nl/images/required-bullet.png) right no-repeat;
	}
input:required{
	background:url(/nl/images/required-bullet.png) right no-repeat;
	}
input[type=submit]{
	color:white;
	background-color:#891438;
	border:none;
	border-bottom: #63071C 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px;
	padding: 8px;
	cursor: pointer;	
	}
.letop{
	background: #891438;
	border-radius: 50%;
	-moz-border-radius: 50%;
	color: white;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin-left: 4px;
}
.goed{
	background: green;
	border-radius: 50%;
	-moz-border-radius: 50%;
	color: white;
	width: 20px;
	height: 20px;
	line-height: 21px;
	text-align: center;
	display: inline-block;
	font-size: 10px;
    margin: 5px 0 5px -10px;
}
select{
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #c4c4c4;
	color:#4e4e4e;
	font-size:14px;
	line-height:30px;
	padding-left:8px;
	height:36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/nl/images/chevron_down.png) no-repeat right white; 
}
select:hover {
	color:#891438;
}
input::-moz-focus-inner { 
  border: 0; 
}
select::-moz-focus-inner { 
  border: 0; 
}
@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
	padding-right:0;
	background-image:none;
  }
.checkboxes input[type=radio] + label:before {
	line-height:14px !important;
	padding-left:0 !important;
	}
}/*- - - - eind moz-document- - - - */

textarea:focus{
	border:1px solid #891438;
	outline:0;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.checkboxes{
	padding-top:8px;
}

.checkboxes label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 13px; 
}
input[type=checkbox], .checkboxes input[type=radio]{
	display:none;
}
.checkboxes label:before {
    content: "";  
    display: inline-block;  
    width: 16px;  
    height: 16px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    border:1px solid #cdcdcd;
	border-radius:4px;
	-moz-border-radius:4px;
}  
.checkboxes input[type=radio] + label:before {
	border-radius:50%;
	-moz-border-radius:50%;
	padding-left:1px;
}
.checkboxes input[type=checkbox]:checked + label:before, .checkboxes input[type=radio]:checked + label:before {  
    content: "\2022";
    font-size: 28px;  
    color: #891438;  
    text-align: center;  
    line-height: 15px;  
}   

select:focus{
	border:1px solid #891438;
	outline:0;
}
.koop-huur{
	width: 116px;
	margin-right: 32px;	
}

/* - - - - - aangepaste maten voor filter-homepage - - - - - - */

.search .koop-huur{
	width:152px;
	margin-right:47px;
	}
.search .prijs-kiezen-max{
	width:176px;
	margin-left:6px;
	float:right;
}
.search .prijs-kiezen-min{
	width: 176px;
	margin-right: 6px;	
	}
/*einde aangepaste maten voor homepage*/

.prijs-kiezen-wrapper{
	display: inline-block;
	width: 358px;
	margin-right: 18px;
}
.prijs-kiezen-aanbod-wrapper{
	width: 100%;
	margin-bottom: 12px;
	}
.prijs-kiezen-min{
	width: 170px;
	margin-right: 13px;	
	}
.type-woning{
	width: 170px;
	/*margin-right: 12px;*/	
	}
.object-soort{
	width: 170px;
	margin-right: 12px;	
	}

.prijs-kiezen-max{
	width:155px;
	margin-left:6px;	
}
.straal, .aanbod-straal{
	width:77px;	
	margin-left:1px;
}
.aanbod-straal-label{
	border-radius: 4px 0 0 4px !important;
	margin-left:1px;
	width: 90px;
}
.postcode-field{
	width:90px;
	margin-right:1px;	
}
.postcode-field-label{
	width:125px;
}
.aantal-kamers{
	width:125px;
	margin-right:16px;	
	}
	
.plaats-zoeken{
	width:578px;
	float:left;
	border-radius:4px 0 0 4px !important;
	-moz-border-radius:4px 0 0 4px !important;
	margin-bottom:12px;
	width: calc(100% - 38px);
}
	
.zoekwoningtekst{
	float:left;
	margin-right: 12px;
	}
	
.filter-180{
	width:152px;
	min-width:152px;
	}
	
.ohr-on{
	display:none;
	}
	
/*- - - - - - - - classes - - - - - -*/
.era-rood-bg{
	background-color:#891438;
}
.era-blauw-bg{
	background-color:#152c60;
}
.era-rood{
	color:#891438;
}
.rood-kopjes{
	color:#8a1538;
}
.era-blauw{
	color:#152c60;
}
.white-bg{
	background-color:white;
}
.white{
	color:white;
}
.default-border{
	border:1px solid #cdcdcd;
}
.centered{
	margin:0px auto 37px auto;
	text-align:center;
	width:450px;
}
.no-padding{
	padding:0 0 16px 0 !important;
}
.no-padding p{
	padding-left:20px;
	padding-right:20px;
}
.no-padding h3{
	margin-top:20px;
	margin-left:20px;	
}
.marginbottom-16{
	margin-bottom:16px;
}
.marginbottom-12{
	margin-bottom:12px;
}
.kopje{
	color:#8a1538;
	font-weight:bold;
	font-size:110%;
}
.datum-small{
	font-size:88%;	
}

.button-top-right-wrapper{
	position:absolute;
	right:20px;
	top:28px;	
}
.button-top-right-wrapper a{
	float:left;
	margin-right:12px;
	}
.button-top-right-wrapper a:last-of-type{
	margin-right:0;
	}
.red-bold{
	font-weight:bold;
	color:#891438;
	}
.vet{
	font-weight: bold;
	}
.show-all{ /*Toon alles*/
	display: block;
}
.hide-all{ /*Verberg alles*/
	display: none;
}
.for-phone{ /*zet display uit voor onderdelen die niet op phones getoond worden*/
	display: none;
	}
.makelaar-button-for-phone{
	display:none !important;
	}
.phone-image-wrapper{
	margin-bottom: 16px;	
	}
.phone-image-wrapper img{
	width: 100%;
	min-width: 100%;	
	}
.titel-inkorten{

	}

/*- - - - - - - bovenkanten van pages - - - - - - */
.top-290{
	position:relative;
	height:290px;
	padding-top:51px;
}
.top-270{
	position:relative;
	height:270px;
	padding-top:20px;
}
.top-142{
	position:relative;
	height:142px;
	padding-top:20px;
}
.top-520{
	position:relative;
	height:520px;
	padding-top:51px;
}
.nieuwsbericht-top{
	background:url(/nl/images/zoek_makelaars_bg.png) no-repeat;
	/*margin-bottom:54px;*/
}
.contact-top{
/*	background:url(/nl/images/contact_bg.png) no-repeat;	*/
}
.vestigingen-top{
/*	background:url(/nl/images/vestigingen_bg.png) no-repeat;	*/
}
.makelaarspagina-top{	
	background:url(/nl/images/makelaar_pagina_bg.png) no-repeat;
}

/*- - - - - - - - - buttons - - - - - - - - - - */

.loep-knop{
	text-indent:-2000px;
	float:left;
	height:36px;
	width:38px;
	border-radius:0 4px 4px 0 !important;
	-moz-border-radius:0 4px 4px 0 !important;
	border:none;
	background:url(/nl/images/loep_wit.png) no-repeat 6px 6px #9C2246;
	border-bottom: #63071C 2px solid;
	margin-left:-4px;
}
.loep-knop-label{
	float:none;
	
}
.search .loep-knop{
	text-indent: -2000px;
	height: 36px;
	width: 38px;
	border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	border: none;
	background: url(/nl/images/loep_wit.png) no-repeat 6px 6px #9C2246;
	border-bottom: #63071C 2px solid;
}

.basis-red-button{
    display: inline-block;
	color: white !important;
	cursor: pointer;
	background-color: #891438;
	border: none;
	border-bottom: #63071C 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:14px;
	padding:8px 12px;
	text-decoration: none;
}
.backbutton-wrapper{
	margin-top: 15px!important;
}
.backbutton-wrapper .basis-red-button{
 /*   position: absolute; */
}
.red-button-terug{
	color: white;
	cursor: pointer;
	background-color: #891438;
	border: none;
	border-bottom: #63071C 2px solid;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	font-size: 14px;
	padding: 8px 12px;
	text-decoration: none;
	position: relative;
	}
.red-button-terug:before{
	position: absolute;
	content: "";
	top: 0px;
	left: -21px;	
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 21px solid #891438;
	}
	
.basis-blue-button{
	color: white;
	cursor: pointer;
	background-color: #152c60;
	border: none;
	border-bottom: #3F8A0E 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:14px;
	padding:8px 12px;
	text-decoration:none;
} 

.cookie-white-button{
	color: black;
	cursor: pointer;
	background-color: #fffff;
	border: none;
	border-bottom: #cccccc 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:14px;
	padding:8px 12px;
	text-decoration:none;
}
.basis-red-button-border{
    display: inline-block;
	color: white !important;
	background-color: #891438;
	border: none;
	border-bottom: #63071C 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px;
	padding: 8px 12px;
	text-decoration: none;
	}
.basis-red-button-square{
	border-radius:4px;
	-moz-border-radius:4px;
	color:white;
	border-bottom: #63071C 2px solid;
	text-decoration:none;
	height:35px;
	width:38px;
	float:left;
	text-indent:-2000px;
	margin-left:4px;
	}
.basis-white-button{
	border-radius:4px;
	-moz-border-radius:4px;
	color:#4e4e4e;
	border-bottom: #63071C 2px solid;
	text-decoration:none;
	border-bottom:2px solid #cdcdcd;
	background:white;
}
.basis-green-button{
	color: white;
	cursor: pointer;
	background-color: #4DA811;
	border: none;
	border-bottom: #3F8A0E 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:14px;
	padding:8px 12px;
	text-decoration:none;
}
.slider-button-white-right{
	display:block;
	text-indent:-2000px;
	width:50px;
	height:50px;
	border:3px solid #9C2246;
	border-radius:50%;
	-moz-border-radius:50%;	
	background:white url(/nl/images/slider_icon_white.png) no-repeat 6px 4px;
}
.slide-to-left{
	display:block;
	width:43px;
	height:43px;
	background:url(/nl/images/slide_button_whitearrow_left.png) no-repeat;
	text-indent:-2000px;
}
.slide-to-right{
	display:block;
	width:43px;
	height:43px;
	background:url(/nl/images/slide_button_whitearrow_right.png) no-repeat;
	text-indent:-2000px;
}


a.current{ /*main-menu*/
	background:#891438;
	color:white !important;
	}
	
.round-portrait{
	width:50px;
	height:50px;
	border-radius:50%;
	-moz-border-radius:50%;
	border:1px solid #cdcdcd;
	}
	
.share-button{
	background:url(/nl/images/further_icon.png) no-repeat 6px 3px #891438;
	}
.love-button{
	background: url(/nl/images/love_icon_white.png) no-repeat 5px 4px #891438;
	}
	
.loep{
	background:url(/nl/images/loep_wit.png) no-repeat 7px 7px #891438;
	}
	
.save{
	background:url(/nl/images/save_white.png) no-repeat 3px 0px #891438;
	}
.again{
	background:url(/nl/images/again_white.png) no-repeat 1px 0px #891438;
	}
	
.close{
	background:url(/nl/images/close_icon_white.png) no-repeat 5px 6px #891438;
	}
	
.close-grey{
	background:url(/nl/images/close_icon_grey.png) no-repeat -1px -2px;
	width:20px;
	height:18px;
	display:block;
	}
	
.open-menu{
	background:url(/nl/images/menu_mobile_open.png) no-repeat -1px -1px;
	width:30px;
	height:30px;
	display:block;
	text-indent:-2000px;
	top:8px !important;
	}
	
.leesmeer{
	color:#891438;
	font-weight:bold;
	text-decoration:none;
	background:url(/nl/images/triangle-down.png) no-repeat 78px 3px;
	padding-right:17px;
	margin-left:8px;
}
.leesverder{
	color:#891438;
	font-weight:bold;
	text-decoration:none;
	background:url(/nl/images/triangle-right.png) no-repeat 84px 2px;
	padding-right:22px;
	margin-top:9px;
	display:inline-block;
}
.meer{
	text-align:center;
	padding:8px;
	border-top:#cdcdcd 1px solid;
}
.socialbutton{
	position:relative;
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	margin-bottom:12px;
	width:201px;
	padding-left:40px;
	line-height:40px;
	height:40px;
	display:block;
	float:left;
	color:white;
	text-decoration:none;
	text-align:left;	
}
.socialbutton-counter{
	height:40px;
	width:42px;
	line-height:40px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	color:white;
	float:left;
}
.for-facebook{
	background:#4b64aa url(/nl/images/facebook_white.png) no-repeat 2px 4px;
	border-bottom:2px solid #384b7f;
	
}
.counter-for-facebook{
	background:#41578e;
	border-bottom:2px solid #31416a;
}
.for-twitter{
	background:#3d91cc url(/nl/images/twitter_white.png) no-repeat 2px 4px;
	border-bottom:2px solid #384b7f;
	margin-bottom:0px;
}
.counter-for-twitter{
	background:#367bab;
	border-bottom:2px solid #285c80;
}

.social-button-wrapper{
	width:246px;
	margin:0 auto;	
	}
	
/* - - - - - - klanttevredenheid - - - - - - - - */

.cijfer{
	position: relative;
	text-align: center;
	color: #152c60;
	font-size: 210%;
	padding-bottom: 20px;
	float: left;
	width: 100%;
	margin-bottom: 27px;
	}
	
.cijfer:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;	
	height: 6px;
	width: 36px;
	background: #891438;
	margin-left: -18px;
	}
	
.klantbeoordeling a{
	color: #4e4e4e;
	}
	
.beoordelingstekst{
	margin: 12px auto;
	width: 80%;
	}
.beoordelingstekst-aanmelding{
	margin: 12px auto;
	width: 95%;
	}
	
.sterren-wrapper-slider{
	width: 70px;
	height: 18px;
	background: url(../images/sterren/sterren_era_45.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	margin-right: 6px; 
	}
	
.sterren-wrapper{
	margin: 0px auto 21px auto;
	position: relative;
	width: 90px;
	height: 43px;
	text-align: center;
	/*background: url(../images/sterren/sterren_era_45.png);*/
	background-repeat: no-repeat;
	background-size: contain;
	}
	
.sterren-wrapper:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    height: 5px;
    width: 70px;
    background: #891438;
    }
	
.sterren-wrapper-groot{
	margin: 0px auto 23px auto;
	position: relative;
	width: 110px;
	height: 47px;
	text-align: center;
	background: url(../images/sterren/sterren_era_45.png);
	background-repeat: no-repeat;
	background-size: contain;
	}
	
.sterren-wrapper-groot:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    height: 5px;
    width: 70px;
    background: #891438;
    }
    
 .klantwaardering-wrapper{
 	background: white;
    border: 1px solid #cdcdcd;
    padding: 40px;
 	}
 	
 .klantwaardering-wrapper input[type=submit]{
 	display: block;
 	margin: 0 auto;
 	}
 
 .klantwaardering-wrapper .beoordelingen-info-regel{
 	width: 100%;
 	margin-bottom: 20px;
 	font-size: 14px;
 	}
 	
 .klantwaardering-wrapper .beoordelings-wrapper{
 	max-width: 318px;
 	}
 	
 .klantwaardering-wrapper .sterren-wrapper-groot{
	margin: 0 auto 0 auto;
	}

.klantwaardering-wrapper .sterren-wrapper-groot:after{
	display: none;
	}

.sterren-wrapper-klein{
	background: url(../images/sterren/sterren_era_45.png);
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: right 6px;
	text-indent: -3000px;
	}

.beoordelingen-tekstregel{
	margin-bottom: 12px;
	line-height: 24px;
	}
	
.beoordelingen-info-regel{
	font-weight: bold;
	margin: 0 auto 25px auto;
	text-align: center;
	width: 170px;
	line-height: 18px !important;
	font-size: 13px;
	}
	
 .beoordelings-wrapper{
  	max-width: 290px;
  	margin: 0 auto;
  	margin-bottom: 26px;
  	}
  
.beoordelings-wrapper > div{
	display: inline-block;
	line-height: 28px;
	}
	
.beoordelings-wrapper .property{
	width: 70%;
	text-align: left;
	}

.beoordelings-wrapper > .sterren-wrapper-klein{
	width: 30%;
	}
	
.referentie-nav {
	margin-top: 20px; 
	margin-bottom: 12px;
	float:left;
	width: 100%;
	text-align: center;
	}

.klantbeoordeling .property{
	font-weight: bold;
	width: 162px;
	display: block;
	float: left;
	}
	
.klantbeoordeling .invul{	
	width: 548px;
	display: block;
	float: right;
	}
	
.invul-aanmelding{	
	display: flex;
	
	}

	
.property2{
	width: 85%;
	display: block;
	float: left;
	font-weight: normal;
	}
	
.property3{
	width: 84%;
	display: block;
	float: left;
	}
	
.score-kop{
	width: 16%;
	text-align: center;
	display: block;
	float: left;
	}
	
.score2{	
	width: 15%;
	display: block;
	float: right;
	font-size: 140%;
	text-align: center;
	}

.puntenoverzicht{
	border: 1px solid silver;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 20px auto 20px;
	padding: 20px 20px 8px 24px;
	}
	
.punten-head{
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 120%;
	}
	
/*--------------aanbod-----------------------*/
.aanbod-filter{
	padding: 18px 0 18px 0;
	background: #f0f0f0;
	}

.zoektekst-suggesties {
		background-color:white;
		border:1px solid #cdcdcd;
		display:inline-block;
		left:5px;
		list-style:none;
		max-width:80%;
		position:absolute;
		top:22px;
		-webkit-padding-start:0;
		width:389px;
		z-index:950;
	}
.zoektekst-suggesties li {
		border-bottom: 1px solid #f0f0f0;
		clear:both;
		float:none;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		width:100%;
	}
.zoektekst-suggesties li:hover {
		/*background-color: #f0f0f0;*/
		cursor: pointer;
	}
.zoeksuggestie-adres {
		margin-right:10px;
	}
.zoeksuggestie-aantal {
		color:#c0c0c0;
		margin-right:10px;
		float: right;
	}
	
.zoeklabel .zoektekst-suggesties {
		top: auto;
	}
	
.plaats-veld{
	width: 361px;
	float: left;
	border-radius: 4px 0 0 4px !important;
	-moz-border-radius: 4px 0 0 4px !important;
	}
	
.gemaakte-keuze{
	float: left;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	color: #4e4e4e;
	border-bottom: #63071C 2px solid;
	text-decoration: none;
	border-bottom: 2px solid #cdcdcd;
	background: white;
	padding: 8px 32px 8px 9px;
	margin-right: 18px;
	}
.gemaakte-keuze a{
	position: absolute;
	top: 8px;
	right: 10px;
	background: url(/nl/images/close_icon_grey.png) no-repeat 0px 2px;
	background-size: 18px;
	display: inline-block;
	width: 15px;
	height: 15px;	
	}
.gemaakte-keuze-wrapper{
	margin-left: 18px;
	}
.aanbod-filter-right{
	float: right;
	}
.aanbod-filter-right-2{
	float: right;
	}
	
.filter-toggle{
	width: 77px;
	float: left;
	padding: 8px 0 8px 8px;
	display: block;
	}
	
.open-filter{
	background: #891438 url(/nl/images/chevron-white-down.png) no-repeat 56px 13px;
	}
	
.close-filter{
	background: #891438 url(/nl/images/chevron-white-up.png) no-repeat 57px 11px;
	}
	
.label-veld{
	position: relative;
	width:240px;
	border-radius: 0 4px 4px 0;
	border:1px solid #cdcdcd;
	/*margin-bottom:4px;*/
	color:#4e4e4e;
	padding: 8px;
	padding-left: 10px;
	float: left;
	margin: 0 15px 22px 35px;
	height: 36px;
	}
.label-veld-tekooptehuur{
	width:280px;
	background-color:#f6f6f6;
}
.label-veld:before{
	width: 36px;
	height: 36px;
	content: "";
	position: absolute;
	top: -1px;
	left: -35px;
	background-size: 100%;
}

.extra-optie{
	width: calc( (100% - 78px - 60px) / 4 - 35px); /* (100 % - width of btn - spacing between) / 4 opties - margin before ( image ) */
}



.ohr-veld:before{
	background-image: url(/nl/images/ERA-OHR-logo.png);
	}
.ohrv-veld:before{
	background-image: url(/nl/images/ERA-OHRV-logo.png);
	}

.xlnt-veld:before{
	background-image: url(/nl/images/ERA-XLNT-logo.png);
	}

.garantie-veld:before{
	background-image: url(/nl/images/ERA-Garantie-logo.png);
	}

.exclusief-veld:before{
	background-image: url(/nl/images/ERA-Exclusief-logo.png);
	}
.duurzaam-veld::before{
	background-image: url(/nl/images/ERA-Duurzaam-logo.png);
	background-color: white;
	border: 1px solid #cdcdcd;
	border-right: none;
}	
	
	
.radio-button-unchecked,
.cx_custom-checkbox{
	display: block;
	border-radius:4px;
	border:1px solid #cdcdcd;
	height: 14px;
	width: 14px;
	float: right;
	margin: 2px 2px 0 0;
}

.radio-button-checked,
input[type=checkbox]:checked + .cx_custom-checkbox{
	display: block;
	border-radius:4px;
	border:1px solid #cdcdcd;
	height: 14px;
	width: 14px;
	float: right;
	background: #891438;
	margin: 2px 2px 0 0;
	}

.meer-opties-button{
	display: block;
	/*float: left;*/
	float: right;
	margin-right: 102px;
	margin-bottom: 22px;
	border-radius: 4px;
    color: #4e4e4e;
    border: #CDCDCD 1px solid;
    text-decoration: none;
    background: url(/nl/images/chevron_down.png) no-repeat right white;
    padding: 8px 26px 8px 7px;
    height: 36px;
    }

.minder-opties-button{
	display: block;
    float: right;
    margin-right: 0;
    margin-bottom: 22px;
    border-radius: 4px;
    color: #4e4e4e;
    border: #CDCDCD 1px solid;
    text-decoration: none;
    background: url(/nl/images/chevron_up.png) no-repeat right white;
    padding: 8px 26px 8px 7px;
    height: 36px;
    }

.filter-zoeken-button{
	width: 78px;
	position: absolute;
	right: 0;
	bottom: 23px;
}
	
.filter-buffer{
	height: 38px;
	width: 1px;
	border-left: #cdcdcd 2px solid;
	margin-left: 17px;
	margin-right: 17px;	
	float: left;
	text-indent: -3000px;
	}
	
a.result-view-toggle-button{
	text-indent: -3000px;
	width: 38px;
	height: 38px;
	float: left;
	display:block;
	}
	
a.result-view-toggle-button-nieuw{
	color: #4e4e4e;
	width: 160px;
	height: 36px;
	float: right;
	margin-left:10px;
	padding-left:38px;
	padding-top:7px;
	display:block;
	border-radius: 4px !important;
    -moz-border-radius: 4px;
    border: 1px solid #c4c4c4;
    text-decoration:none;
	}

a.result-view-toggle-button-kaart{
	position: absolute;
	right: 60px;
	top: 10px;
	z-index:10;
	color: #4e4e4e;
	width: 160px;
	height: 40px;
	float: right;
	margin-left:10px;
	padding-left:38px;
	padding-top:9px;
	display:block;
	border: 0px !important;
	border-radius: 2px !important;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    text-decoration:none;
}

.view-tiles{
	background: white url(/nl/images/view_tiles-icon.png) 0 2px no-repeat !important;
	border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	}
	
.view-map{
	background: white url(/nl/images/view_map_button.png) 3px 5px no-repeat;
	border-radius: 4px 0 0 4px !important;
	-moz-border-radius: 4px 0 0 4px !important;
	border-right: 1px solid #ebebeb;
	}

/*---------filter-2--------------*/

.first-filter-row{
	margin-bottom: 10px;
	}

.filter-set-2{
	float: right;
	margin-left: 0;
	}
.aanbod-filter-2{
	padding: 20px 0 0 0;
	font-size: 98%;
	background: white;
	position: relative;
	}

.slider-wrapper{
	float: left;
	width: 210px;
	margin-right: 21px;
	margin-bottom:8px;
	}

#price-slider{
	width:100%;
	height:18px;
	border:1px solid red;
	margin:0;	
}

.slider-min-price{
	float:left;
	width:82px;
	font-weight:bold;
	}
	
.slider-max-price{
	float:right;
	width:88px;
	text-align:right;
	font-weight:bold;	
	}

.tussenwoord{
	text-align:center;
	width:38px;
	display:inline-block;
	}

.tussenwoord-klein{
	text-align:center;
	width:20px;
	display:inline-block;
	}

.filter-wrapper{
	float:left;
	padding-bottom:10px;
	}

.filter-wrapper-margin{
	float:left;
	}
	
.filter-80{
	width:80px;
	}
	
.filter-90{
	width:90px;
	margin-right:6px;
	}
	
.filter-90:last-of-type{
	margin-right:0 !important;	
	}
.filter-100{
	width:100px;
	margin-right:6px;
}
.filter-110{
	width:110px;
	margin-right:6px;
}
.filter-135{
	width:135px;
	margin-right:6px;
	}
	
.filter-150{
	width:150px;
	margin-right:6px;
	}
	
.filter-380{
	width:380px;
	}
	
.filter-400{
	width:400px;
	}
	
.filter-420{
	width:402px;
	}
	
.filter-570{
	width:570px;
	float:left;
	border-radius:6px 0 0 6px !important;
	-moz-border-radius:6px 0 0 6px !important;
	}
	
.margin-right-22{
	margin-right:22px;
	}

/*- - - - - - - - - - - - - - results - - - - - - - - - - - - */
.results-tiles{
	margin:20px auto 0 auto;
}
.result-tile{
	position:relative;
	width:308px;
	height:410px;	
	float:left;
	margin:0 18px 16px 0;
}
.result-tile-ohrv{
	height:435px;	
}
.tiles-column .result-tile{
	width:200px;
}
.result-tile-popup{
	display: inline-block;
	position:relative;
	width:200px;
	float:left;
	margin:0;
	}
.result-tile-popup .result-tile-image{
	height: 150px;	
	}
.result-tile:nth-of-type(3){
	margin-right: 0;
	}

.result-tile-image{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 200px;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	}
.tiles-column .result-tile-image{
	height: 150px;
	}
.result-tile-image img{
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	width:100%;
	max-width:100%;
	height:100%;
	max-height:100%;
	}
.result-tile-info-wrapper{
	display:block;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	position:relative;
}
.result-tile-name{
	text-align:center;	
	color:white;
	height:43px;
	padding:6px;
}
.result-tile-name-one-rule{
	padding:12px 4px 0 4px;
	text-align:center;	
	color:white;
	height:43px;
}
.result-tile-name-two-rules{
	padding:6px 4px 0 4px;
	font-size:88%;
	text-align:center;	
	color:white;
	height:43px;
	position:relative;
}
.result-tile-name-two-rules span{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.result-tile-bottom{
	position:relative;
	padding:16px;
	border:1px solid #cdcdcd;
	border-top:none;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	}
.result-tile-bottom > div{
	margin-bottom:9px;
	}
.result-price{
	font-size:114%;
	border-top:	1px solid #cdcdcd;
	padding-top:12px;
	margin-top:15px !important;
	margin-bottom:0 !important;
	position: relative;
}
.result-price-tag{
	position: relative;
    z-index: 4;
    background:#ffffff66;
    width: fit-content;
}
.label-wrapper{
	position: absolute;
	float: right;
	height: 54px;
	bottom: -10px;
	right: -8px;
	z-index: 2;
}
.label-wrapper img{
	height: 100%;
}

/*- - - - - - - - -result-tile-overlay- - - - - - - */

.result-tile-image-overlay{
	
}
a.slide-arrow-left{
	width:50%;
	height:100%;
	position:absolute;
	display:block;
	top:0;
	left:0;	
	z-index:1;
}
a.slide-arrow-left:hover{
	background:url(/nl/images/slide-arrow.png) no-repeat 11px 51%;
}
a.slide-arrow-right{
	width:50%;
	position:absolute;
	display:block;
	top:0;
	right:0;
	height:100%;	
	z-index:1;
}
a.slide-arrow-right:hover{
	background:url(/nl/images/slide-arrow-right.png) no-repeat 84% 51%;
}
a.result-overlay{
	display:block;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	text-indent:-3000px;
}

a.result-overlay:hover{ /*- rollover met loep- */
	background:url(/nl/images/loep_vergroot.png) no-repeat;
	background-position:center;
	background-color:hsla(342,74%,31%,0.5);
}

/*- - - - - - - - makelaar-results - - - - - - - - - */

.result-tile-290{
	position:relative;
	width:290px;	
	float:left;
	margin-right:44px;
	margin-bottom:44px;
	border-radius:4px;
	-moz-border-radius:4px;
	word-wrap: break-word;
	}
.result-tile-290:nth-of-type(3){
	margin-right: 0;
	}
	
.result-tile-290-image{
	width:100%;
	height:200px;
	position:relative;
	}

.result-tile-290-image img{
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	}

.result-tile-290-bottom{
	position:relative;
	height: 273px;
	padding: 16px;
	padding-bottom: 13px;
	border:1px solid #cdcdcd;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	background: white;
	}
	
.result-tile-290-bottom:after{
	content: "";
  	display: table;
  	clear: both;
	}
	
.result-tile-290-bottom > div{
	margin-bottom: 9px;
	}
	
.result-tile-290-bottom > div:last-of-type{
	border-top:1px solid #cdcdcd;
	position: relative;
	margin-bottom: 0;
	margin-top: 4px;
	padding-top: 6px;
	width: 100%;
	float: left;
	clear: both;
	height: 130px;
	position: relative;
	}

.tiles-column .result-tile-290-bottom > div:last-of-type{
	height: 110px;
	position: relative;
	}
	
.tiles-column .result-tile-290 .makelaar-result-tile-logo {
    float: none;
    text-align: center;
    margin: 16px auto;
    top: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

/*.result-tile-290 .makelaar-result-tile-logo {
    max-width: 125px;
    max-height: 70px;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}*/

.result-tile-290 .makelaar-result-tile-logo {
    max-width: 125px;
    max-height: 70px;
    margin: 10px auto;
    text-align: center;
}

.result-tile-290 .sterren-wrapper{
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: -10px;
	}	

.tiles-column .result-tile-290{
	position: relative;
	}
	
.result-tile-290 .makelaar-result-tile-logo img{
	width: auto;
	height: auto;
	max-width: 105px;
	max-height: 51px;
	}

.result-tile:nth-of-type(3){
	margin-right: 0;
	}
	
	
/*- - - tiles met kaart ernaast - - - -*/

.tiles-column .result-tile-290{
	width:200px;
	margin:0;
	margin-bottom:20px;	
	}
	
.tiles-column .result-tile-290 .result-tile-name{
	min-height:49px;	
	}
	
.tiles-column .result-tile-290-image{
	height: 131px;
	}

.tiles-column .result-tile-290-bottom{
	height: auto;
	}
	
.tiles-column .result-tile-290-bottom > div:last-of-type{
    margin-top: 8px;
    height: auto !important;
    min-height: auto !important;
}
.tiles-column .result-tile-290-bottom  .sterren-wrapper {
	margin: 0 auto;
	position: relative;
	left: 0;
	}
	
.tiles-column .result-tile-290-bottom  .sterren-wrapper::after {
	display: none;
}
	
/* - - - nieuws - - - - */

	
.nieuws-tile{
	position:relative;
	width:290px;	
	float:left;
	margin-right:44px;
	margin-bottom:44px;
	border-radius:4px;
	-moz-border-radius:4px;
	word-wrap: break-word;
	}
	
.nieuws-tile:nth-of-type(3){
	margin-right: 0;
	}
	
.nieuws-tile-image{
	width:100%;
	height:200px;
	position:relative;
	}
.nieuws-tile-image img{
	width: 100%;
	height: 100%;
	}

.nieuws-tile-bottom{
	position:relative;
	height: 380px;
	padding: 16px;
	border:1px solid #cdcdcd;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	background: white;
	}
	
.leesverder-wrapper{
	position: absolute;
	bottom: 15px;
	left: 16px;
	}

.vestigingen-tile .result-tile-name{
	border-radius:0 0 6px 6px;	
	-moz-border-radius:0 0 6px 6px;
	}
.vestigingen-tile a.result-overlay{
	border-radius:6px 6px 0 0;	
	-moz-border-radius:6px 6px 0 0;
	}
.makelaar-result-type-logo{
	width:100px;
	float:left;	
	}

.makelaar-result-tile-waardering{
	float: right;
	font-size: 150%;
	text-align: right;
	padding: 2px 0 8px 0;
	width: 45px;
	color: #9C2246;
	top: 52%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 39px;
    position: relative;
	}

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

.result-page-nav{
	margin-top:40px;
	margin-bottom:60px;
}
.result-page-nav:after{
	content:"";
	display:table;
	clear:both;
	}

.result-page-nav div{
	float:left;
	margin-right:6px;
	width:28px;
	height:38px;
	line-height:38px;
	text-align:center;
	}
.result-page-nav a{
	display:block;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	color:#891438;
	width:38px;
	height:38px;
	line-height:38px;
	background:white;
	text-align:center;
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #cdcdcd; 	
	text-decoration:none;
	}
.page-nav-left{
	background: white url(/nl/images/slide_arrow_right_white_button.png) no-repeat 10px 8px !important;
	background-size: 18px !important;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	}
.page-nav-right{
	background:white url(/nl/images/slide_arrow_right_white_button.png) no-repeat 9px 8px !important;
	background-size:18px !important;
	}

.result-page-nav a.current{
	background: #891438;
	color: white !important;
	}
	
/*- - - - results-map - - - - - - */
.tiles-column{
	overflow-y: scroll;
	height: 690px;
	width: 238px;	
	float: left;
	padding: 12px;
	}
.tiles-column-head h3{
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
.tiles-column-head h3:after{
	display: none;
	}
.result-count{
	font-size: 130%;	
	margin-bottom: 20px;
	color: #152c60;
	}
.tiles-column-head{
	position: relative;	
	padding-bottom: 1px;
	margin-bottom: 20px;
	}
.tiles-column-head:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;	
	height: 6px;
	width: 70px;
	background: #891438;
	}

.tiles-column .result-tile{
	/*height:312px;*/
	height:auto;
	margin:0 0 16px 0;
	}
.tiles-column .result-tile-name{
	height: auto;
	}
.result-map{
	margin-bottom: 60px;
	}
.map-wrapper{
	float: left;
	width: 961px;
	height: 690px;
	position: relative;
	margin:auto;
	}
	
#makelaars_kaart .map-wrapper {
	width: 100%;
	position: relative;
	padding-left:238px;
	height: 690px;
	float: none;
	z-index: 1;
}
#makelaars_kaart .tiles-column {
	overflow-y: scroll;
	position:absolute;
	height: 690px;
	width: 238px;	
	float: left;
	padding: 12px;
	z-index: 1000;
}

/* media query gelijk aan footer */
@media only screen and (max-width: 999px) {
	#makelaars_kaart {
		width: 96%;
		max-width: 96%;
		margin: auto;
	}
	#makelaars_kaart .tiles-column{
		padding-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.makelaars-top{
		display: none;
	}
	#makelaars_kaart .map-wrapper {
		display: none;
	}
	#makelaars_kaart .tiles-column {
		position:relative;
		height: initial;
		height: auto;
		width: 100%;	
		float: none;
		padding: 12px 0;
	}
	
	#makelaars_kaart .tiles-column .result-tile-290 {
		width: 100%;
	}
	#makelaars_kaart .tiles-column .result-tile-290-image {
		height: auto;
	}
}


/*- - - - - - - - OBJECT- - - - - - - - -*/
.top-stopper{
	height:50px;
	}

.object-top{
	position: relative;
	width: 100%;
	/*margin-top: 21px;*/
	}
.object-top .center-box{
	z-index: 1;
	}
.object-icon-wrapper{
	margin-top: 31px;
	float: right;
	}
.object-icon-wrapper a{
	float: right;
	}
.views{
	/*width:74px;
	height: 35px;
	*/
	float: right;
	background: url(/nl/images/camera_icon.png) no-repeat 8px 3px #891438;
	border-bottom: #63071C 2px solid;
	line-height: 32px;
	padding: 2px 8px 0 45px;
	font-size: 110%;
	margin-left: 4px;
	}
.object-red-bar, .makelaar-red-bar{
	position: absolute;
	float: left;
	top: 30px;
	color: white;
	background: #891438;
	height: 40px;
	font-size: 200%;
	padding: 3px 6px 0 120px;
	text-align: right;
	z-index: 1;
	}
.object-red-bar:after, .makelaar-red-bar:after{
	position: absolute;
	content: "";
	top:0px;
	right:-40px;	
	border-right:40px solid transparent;
	border-bottom:40px solid #891438;
	z-index:1;
	}
.object-blue-bar, .makelaar-blue-bar{
	position:absolute;
	top:70px;
	color:white;
	background:#152c60;
	height:30px;
	line-height:30px;
	font-size:150%;
	padding:0 6px 0 120px;
	text-align:right;
	clear:left;
	z-index:1;
	}
.object-blue-bar:after, .makelaar-blue-bar:after{
	position: absolute;
	content: "";
	top:0px;
	right:-30px;	
	border-right:30px solid transparent;
	border-top:30px solid #152c60;
	z-index:1;
	}
.object-top-pic-nav{
	position:relative;
	top:-67px;
	height: auto;
	min-height:830px;
	margin-bottom:-50px;
	}
.object-top-pic-nav-left{
	float:left;
	width:44px;	
	}
.object-top-pic-nav-right{
	float:right;
	width:44px;	
	}
.object-short-adres{
	float:left;
	background:url(/nl/images/house_icon.png) no-repeat;
	padding-left:38px;
	height:33px;
	line-height:33px;
	margin-right:26px;	
	font-size:120%;
	width:60%;
	}
.object-short-prijs{
	float:left;
	background:url(/nl/images/euro_icon.png) no-repeat;
	padding-left:38px;
	height:33px;
	line-height:33px;
	font-size:120%;	
	}
.afspraak-maken{
	padding-bottom:44px;
	}
.makelaarsbox-groot{
	text-align:center;
	padding-bottom:42px !important;
	float:left;
	position:relative;
	}
.makelaarsbox-groot img{
	border-radius:50%;
	-moz-border-radius:50%;
	border:1px solid #cdcdcd;
	width:150px;
	height:150px;
	}
.makelaarsbox-groot a{
	color: #4e4e4e;
	}
.makelaarsbox-groot .makelaar-logo{
	width:150px;
	height: auto;
	border-radius: 0;
	-moz-border-radius: 0;
	border: 0;
	}
	
.makelaarsbox-groot-naam{
	font-size: 110%;
	margin-top: 14px;
	}
.makelaarsbox-groot-kantoornaam{
	margin-top: 6px;
	margin-bottom: 36px;
	font-weight: bold;
	}
.kenmerken-icons-wrapper{
	width: 100%;
	margin-top: 20px;
	}
.kenmerken-icons{
	display: inline-block;
	float: left;
	text-align: left;
	width: 18%;
	}
.kenmerken-icons img{
	float: left;
	margin-right: 10px;
	width: 50px;
	}
.kenmerken-icons-tekst{	
	display: inline-block;
	float: left;
	margin-top: 16px;
	}
.kenmerken{
	float: left;
	width: 190px;
	padding: 0;
	margin: 0 10px 0 0;
	list-style: none;
	}
.box-full .kenmerken{
	width: 224px;
	}
.kenmerken li{
	margin-bottom: 9px;
	padding:3px 0 2px 30px;	
	background:url(/nl/images/vinkje_icon.png) no-repeat;
	}
.tabs{
	border-bottom:1px solid #cdcdcd;
	list-style-type:none;
	padding-bottom:6px;
	padding:0;
	margin:0;
	margin-top:18px;
	padding-bottom:-9px;
	font-size:120%;
	height:39px;
	}
.tabs li{
	display:inline-block;
}
.tabs li a{
	position:relative;
	display:inline-block;
	padding:8px;
	padding-left:12px;
	margin-left:8px;
	border:1px solid #cdcdcd;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-bottom:none;
	width:206px;
	color:#4e4e4e;
	text-decoration:none;
	z-index:2;
	background:#f6f6f6;
}
.tabs li a:hover{
	background-color:#f6f6f6;
}
.tabs li a.selected{
	padding:8px;
	padding-left:12px;
	border-bottom:3px solid white;
	background:white;
}
.tabs li a.selected:after{
	position: absolute;
	content: "";
	bottom:-20px;
	left:12px;	
	height:5px;
	width:70px;
	background:#891438;	
}
.tabs + p{
	margin-top:36px;	
}
.video-big{
	float:left;
	background:silver;
	width:464px;
	height:330px;
	margin-right:20px;
}
.video-wrapper{
	width: 100%;
	}
.video-thumbs-wrapper{
	float:left;
	width:130px;	
}
.video-thumb{
	height:68px;
	width:100%;
	max-width:100%;
	background:#CCC;
	margin-bottom:20px;	
}
.anekdote{
	padding:20px;
	border-top:1px solid #cdcdcd;
}
.anekdote:nth-child(even){
	background-color:#f6f6f6;
}
.anekdote-profile{
	float:left;
	width:78px;	
}
.anekdote-quote{
	width:470px;
	float:left;
}
.anekdote-right{
	float:right;
	width:39px;
	height:50px;
}
.anekdote-right .basis-red-button-square{/* verticale uitlijning, midden */
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}
.lokalefaciliteiten-map{
	height:300px;
	width:100%;
	border:#CCC 1px solid;
}
/* - - - HelpMee anecdotes - - - */
#helpmee-anecdotes {
	margin: 0 -20px;
}
.helpmee-anecdote {
	border-top: 1px solid #cdcdcd;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}
.helpmee-anecdote-avatar {
	display: table-cell;
	margin-left: 20px;
	width: 60px;
	float: left;
}
.helpmee-anecdote-avatar img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	max-height: 60px;
	}
.helpmee-anecdote-content {
	display: table-cell;
	padding: 0 10px;
    word-break: break-word;
}
.helpmee-anecdote-name {
	margin-top: .3em;
	}
.helpmee-anecdote-button {
	background-image: url(/nl/images/external.png);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline-block;
	height: 40px;
	margin-top: 10px;
	width: 40px;
	}
.uneven-anecdote-row {
	background-color: #f6f6f6;
	}
.helpmee-anecdotes-meer {
	border-top: 1px solid #cdcdcd;
	display: inline-block;
	float: left;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	width: 594px;
	}
/*- - - - - - - HelpMee media - - - - - - - */
#helpmee-media{
	display: table;
}
.helpmee-media {
	float: left;
}
.helpmee-media-image {
	width: calc(33% - ( 2 * 10px / 3)); /* 2 * 10px tussenruimte */
    float: left;
	border: 2px solid #891438;
/*	height: 95px;			*/
	margin-bottom: 10px;
	overflow: hidden;
	margin-left: 10px;	
/*	display: inline-block; */
/*	width: 127px;			*/
	}
.helpmee-media-image.first,
.helpmee-media-image:nth-child(3n-2){
	margin-left: 0px;
    clear: both;
}
.helpmee-media-image img {
	max-height: 120%;
	max-width: 120%;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	display: block;
	}
.helpmee-media-overlay{
	background-color: rgba(0,0,0,.7);
	display: none;
	left: 0;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 13000;
	}
.helpmee-media-overlay img{
	max-height: 100%;
	max-width: 100%;
	}
.helpmee-meer {
	border-top: 1px solid #cdcdcd;
	font-weight: bold;
	margin-left: -20px;
	margin-right: -20px;
	padding-top: 10px;
	text-align: center;
	}
/*- - - - - - Helpmee voorzieningen - - - - */
#helpmee-facilities-map-wrapper {
	height: 330px;
	/*margin: 0 -20px -20px -20px;*/
    border-right: 1px solid transparent;
	/*width: 594px;*/
	}
.helpmee-facilities-popup {
	background: white;
	border: 2px solid #891438;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	white-space: nowrap;
	}
img.helpmee-facilities-category {
	height: 34px;
	margin: 3px;
	width: 34px;
	}
.helpmee-facilities-desc {
	color: #891438;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
	height: 40px;
	margin-right: 20px;
	padding-top: 12px;
	vertical-align: top;
	}
img.helpmee-facilities-avatar {
	border-left: 2px solid #891438;
	height: 40px;
	width: 40px;
	}
/*- - - - - - Helpmee features - - - - - - */
.helpmee-feature {
	margin-bottom: 6px;
    width: 100%;
    height: 45px;
    position: relative;
}
.helpmee-feature-description {
	display: inline-block;
	/*vertical-align: middle;*/
	width: calc(100% - 202px);
	height: 33px;
    position: absolute;
    top: 0;
    bottom: 0; 
    margin: auto 0;
}
.helpmee-feature-text {
	display: inline-block;
	color: white !important;
	background-color: #2c4170;
	border: none;
	border-bottom: #203664 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 12px;
	padding: 8px 12px;
	text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 30px);
	float: left;
}
.helpmee-feature-text a{
    height: 100%;
    display: inline-block;
    width: 28px;
    margin-left: 2px;
}
.helpmee-feature-plus {
	background-image: url(/nl/images/plus_icon.png);
	display: inline-block;
	width: 28px;
    height: 27px;   
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.helpmee-feature-endorsements {
	display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    /*width: 161px;*/
    float: right;
}
.helpmee-feature-endorsement {
	display: inline-block;
	margin-left: 6px;
	float: right;
	}
.helpmee-feature-endorsement span {
	background-color: #891438;
	color: white !important;
	border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	font-weight: bold;
	height: 45px;
	padding-top: 12px;
	text-align: center;
	vertical-align: middle;
	width: 45px;
	}
.helpmee-feature-endorsement img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	max-height: 45px;
	max-width: 45px;
	vertical-align: middle;
	}
.helpmee-feature-meer {
	background-image: url(/nl/images/slide_arrow_right_white_button.png);
	background-position: center;
	border: 3px solid #891438;
	border-radius: 50%;
	-moz-border-radius: 50%;
	/*color: #891438;*/
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	height: 45px;
	padding-top: 4px;
	text-align: center;
	vertical-align: middle;
	width: 45px;
	}

/* - - - - - - 360-gradenfoto - - - - - - */
.aanmelding-360foto-overlay {
	display: none;
	left: 0;
	position: fixed;
	height: 100%;
	top: 0;
	width: 100%;
	z-index: 10130;
	}
.aanmelding-360foto-overlay div {
	background-color: black;
	position: fixed;
	left: 0;
	height: 100%;
	opacity: .5;
	top: 0;
	width: 100%;
	z-index: 10131;
	}
.aanmelding-360foto-overlay iframe {
	height: 90%;
	left: 5%;
	position: fixed;
	width: 90%;
	top: 5%;
	z-index: 10132;
	}



/*- - - - - - - kenmerken - - - - - - - - - */
.kenmerk-wrapper{
	height:58px;
	margin-bottom:12px;
}
.kenmerk-bar{
	border-radius:4px;
	-moz-border-radius:4px;
	background:#152c60;
	color:white;
	height:50px;
	padding:14px;
	margin-top:4px;
	margin-right:12px;
	float:left;
}
.kenmerken-people{
	float:right !important;
	width:320px;	
}
.kenmerk-wrapper > *, .kenmerken-people > *{
	float:left;
	}
.kenmerken-people > *{
	margin-left:9px;	
}
.plus-button{
	display:block;
	width:50px;
	height:50px;
	background:url(/nl/images/plus_icon.png) no-repeat 0 12px;
	text-indent:-2000px;
	margin-top:4px;
}
.counter{
	float:left;
	height:50px;
	width:50px;
	border-radius:50%;
	-moz-border-radius:50%;
	background:#891438;
	color:white;
	text-align:center;
	line-height:50px;
}
.round-portrait-wrapper{
	float:left;
	position:relative;
	width:50px;
	height:50px;
}
.round-portrait-hover{
	width:50px;
	height:50px;
	border:4px transparent solid;
	border-radius:50%;
	-moz-border-radius:50%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-indent:-2000px;
}
.round-portrait-hover:hover{
	background:url(/nl/images/rode_cirkel.png) no-repeat -4px -4px;
}
.kenmerk-slide-button-wrapper{
	float:left;
	width:50px;	
}
/*- - - - - - - - - - - - - - - - ZOEK - MAKELAARS - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.makelaars-top{
	background:url(/nl/images/zoek_makelaars_bg.png) no-repeat;
}

/*- - - - - -  - - - - - - - - - MAKELAARS-PAGINA - - - - - - - -- -  - - - - - - -  - - - -*/
.makelaarspagina-top{
	background:url(/nl/images/makelaar_pagina_bg.png) no-repeat;
}
.makelaarspagina-slider-wrapper{
	position:relative;
	top:50px;
	width:100%;
	height:170px;
	padding:10px;	
	background: rgba(255, 255, 255, 0.65);
}
.makelaarspagina-slider{
	width:100%;
	height:100%;
}
.makelaarspagina-slider-unit{
	/*width:495px;*/
	height:150px;
	margin-right:10px;
	margin-top:10px;
	background:white;
	float:left;
	border-radius:6px;
	-moz-border-radius:6px;
}
.makelaarspagina-slider-unit-img{
	float:left;	
}
.makelaarspagina-slider-unit-img img{
	/*width:100%;
	max-width:100%;
	height:100%;*/
	width:192px;
	height:150px;
	border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
}
.makelaarspagina-slider-unit-right{
	float:left;	
	padding:7px 8px 0 10px;
	max-width:330px;
}
.makelaarspagina-slider-unit-makelaar{
	border-top:#cdcdcd 1px solid;
	padding-top:10px;
	margin-top:9px;
}
.makelaarspagina-slider-unit-right > div{
	margin-bottom:4px;
}
.makelaarspagina-slider-unit-makelaar > div{
	float:left;
	margin-bottom:4px;
}
.makelaarspagina-slider-unit-makelaar .round-portrait{
	margin-right:10px;	
}
.makelaarspagina-slider-unit-makelaar div:nth-child(2){
	margin-top:5px;
}
a.makelaarspagina-slider-to-left{
    cursor:pointer;
	height:100%;
	width:30px;
	background:white url(/nl/images/slide_arrow_right_white_button.png) no-repeat;
	background-position:center;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	text-indent:2000px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: “FlipH”;
}
a.makelaarspagina-slider-to-right{
    cursor:pointer;
    height:100%;
	width:30px;
	background:white url(/nl/images/slide_arrow_right_white_button.png) no-repeat;
	background-position:center;
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	text-indent:-10000px;
}

.stopper-no-image{
	padding:30px 0 30px 0;
	/*height: 207px;*/
	text-align: center;
	background:#891438;
	background-size: 100%;
}
	
/* - - - - - - - - content - management - - - - - - - -  -*/
.webpagina-top{
	position:relative;
	height:348px;
	padding-top:51px;
	background-size: cover !important;
	background-position: center !important;
}
.middenstreep-wrapper{
	position:absolute;
	width:50%;
	height:123px;	
	left:0;
	bottom:0;
	text-align:right;
	margin-left:6px;
}
.voordelen-segment{
	position:relative;
	width:100%;	
	font-size:110%;
	
}
.voordelen-segment-center{
	position:relative;
	max-width:960px;
	width:960px;
	margin:0 auto;
}
.content-wrapper .voordelen-segment:nth-child(odd){
	background:white;	
}
.content-wrapper .voordelen-segment:last-of-type{
	margin-bottom:62px;
}
.voordeel-nummer-bol{
	position:absolute;
	height:40px;
	width:40px;
	border-radius:50%;
	-moz-border-radius:50%;
	color:white;
	background:#891438;
	text-align:center;
	line-height:40px;
	left:50%;
	margin-left:-21px;
	top:40px;
	z-index:1;	
	}
.voordeel-left{
	position:relative;
	width:50%;
	height:300px;
	border-right:2px solid #891438;
	padding:50px 100px 50px 0px;
	top:0;
	float:left;
	}
.voordeel-right{
	position:relative;
	width:50%;
	height:100%;
	height:300px;
	padding:50px 0px 50px 100px;
	text-align:right;
	float:right;
	}
.voordeel-left-phone{
	width:9%;
	height:100%;
	max-height:100%;
	min-height:290px;
	height:290px;
	border-right:3px solid #891438;
	float:left;	
	display:none;
}
.voordeel-right img, .voordeel-left img{
	width: 100%;
	}

.voordelen-segment p{
	margin-bottom:38px;
}
/*- - - - - - - - - -WAARDEBEPALING - - - - - - - - - - - - */

.waardebepaling-top{
	background:url(/nl/images/waardebepaling_bg.png);
}
.openhuizenroute-top{
	background:url(/nl/images/openhuizen_route_bg.png);	
}
.intro-wrapper{
	position:relative;
	color:white;
	width:42%;
	top:18px;
	left:27%;
}
.waardebepaling fieldset{
	border:none;
	padding:0;
}
.waardebepaling label{
	width:120px;
	display:inline-block;
	clear:left;
}
.waardebepaling .checkboxes label{
	width:auto;	
}
.waardebepaling ol{
	padding:0;	
	margin:0;
}
.waardebepaling li{
	list-style-type: none;
	margin-bottom:10px;
}
.radio-wrapper{
	padding:10px 0 10px 120px !important;
}
.radio-wrapper input{
	display:block;
	float:left;
	margin-right:8px;
}
.radio-wrapper li{
	margin-bottom:10px;
}
.textarea-wrapper textarea{
	float:left;
}
.textarea-wrapper label{
	float:left;
}
.three-box-wrapper .makelaarsbox-groot{
	width:300px;	
}
/*- - - - - - - - - ERA voor mij - - - - - - - - - - - - - */
.era-voormij-top{
	background:url(/nl/images/zoek_makelaars_bg.png) no-repeat;
}

#inlogvenster-overlay {
	background-color: rgba(0,0,0,.5);
	display:block;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9;
}

#inlogvenster{
	width:500px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:10001;
	margin:-250px 0 0 -250px; 
	border-radius:6px;
	-moz-border-radius:6px;
	background:white;
	box-shadow:#727778 3px 3px 3px;
	z-index:10;

}
.inlog-top{
	padding:20px;
	text-align:center;
	background-color:#f6f6f6;
	border-bottom:#cdcdcd 1px solid;
	margin-bottom:20px;
	font-size:120%;
}
.inlogvenster {
	display: block;
	position: relative;
	/*top: 20%;*/
	left: 50%;
	/*margin: 0 0 0 -250px;*/
	z-index:10001;
}

.inlogvenster p{
	width:300px;
	text-align:center;
	margin:0 auto 20px auto;		
}
.inlogvenster .button-top-right-wrapper{
	top:24px;
}

.inlogvenster-close-wrapper{
	position:absolute;
	right:12px;
	top:23px;	
}
.inlogvenster-close-wrapper a{
	float:left;
	margin-right:12px;
}

.inlogvenster-center{
	text-align:center;
	width:290px;
	margin:0 auto 32px auto;
	}
.inlogvenster input[type=text]{
	margin-bottom:0;
	
}
.inlogvenster input[type=submit]{
	width:212px;
	color:white;
	background-color:#891438;
	border:none;
	border-bottom: #63071C 2px solid;
	border-radius:4px;
	-moz-border-radius:4px;
	font-size:14px;
	padding:8px;
	cursor:pointer;
	}
.login-naam{
	background:url(/nl/images/login_naam_bg.png) 5px 9px no-repeat;
	padding-left:25px !important;
	width:290px;
	}
.login-ww{
	background:url(/nl/images/login_ww_bg.png) 6px 9px no-repeat;
	padding-left:25px;
	width:290px;
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #c4c4c4;
	color:#4e4e4e;
	font-size:14px;
	padding-left:25px;
	height:36px;
	line-height:1;
	padding-right:8px;
	font-weight:100;
	-webkit-appearance: none;
	}
.foutmelding{
	float:left;
	padding:5px 0 5px 0;
	height:25px;
	color:#891438;
	font-size:80%;
	text-align:left !important;
	border-left:1px white solid;
	}
.foutmelding li{
	padding-left:0;
    list-style: none;
    position:relative;
    margin-left:21px;
}

.foutmelding li:before {
   content:"";
   position:absolute;
   top:0px;
   left:-21px;
   padding-right: 5px;
   margin:0;
   height:12px;
   width:21px;
   background:url(/nl/images/required-bullet.png) -8px no-repeat;
}
.foutmelding2{
	float:left;
	text-align:left;
	font-size:80%;
	background:url(/nl/images/required-bullet.png) -7px no-repeat;
	padding:7px 0 7px 24px;
	height:30px;
	}

.inlogvenster-bottom{
	background-color:#f6f6f6;
	border-top:#cdcdcd 1px solid;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding-top:18px;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	}
.inlogvenster-bottom input[type=submit]{	
	color:#4e4e4e;
	background-color:white;
	border-radius:4px;
	-moz-border-radius:4px;
	font-size:14px;
	padding:8px;
	cursor:pointer;
	border:#cdcdcd 1px solid;
	border-bottom:4px solid #cdcdcd;
}
.of{
	z-index:1px;
	border-radius:50%;
	-moz-border-radius:50%;
	background:white;
	border-bottom:#cdcdcd 1px solid;
	width:30px;
	height:30px;
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-15px;
	text-align:center;
	line-height:30px;
	font-style:italic;
	font-size:90%;
}
/* - - - - - - - - - -  EERSTE GEBRUIK - - - - - - - - - - - - - - - - */
.tipslist{
	list-style:none;
	/*list-style-image: url(/nl/images/groen_vinkje.png);*/
	margin-left:0;
	padding-left:0;
}
.tipslist li{
	margin-bottom:8px;
	padding:3px 0 3px 45px;
	background: url(/nl/images/groen_vinkje.png) 0px -10px no-repeat;	
}

/*- - - - - - - - - -open huizen route bannertjes - - - - - - - - - - - - - - - - -*/
.ohr-blue-banner{
	background:url(/nl/images/ohr_stopper_blue.png);
	background-size:100% 100%;	
	color:white;
	height:244px;
}


@media only screen and (min-width: 601px) {
	.ohr-banner-logo, .ohr-banner-logo-home{
		background:url(/nl/images/ERA-OHRV-80x80.png);
		position: absolute;
		height:80px;
		width:80px;
		left:20px;
		top:20px;
	}
	.ohr-banner-logo-small{
		top:80px;	
	}
	.ohr-banner-button button{
		margin-top: 20px;
	}
	.white-head-home{
		font-size:300%;
		margin-top:12px;
		margin-bottom:12px;
	}
}

@media only screen and (min-width: 901px) {
	.ohr-banner-logo-home{
		background:url(/nl/images/ERA-OHRV-140x140.png);
		height:140px;
		width:140px;
	}
}

@media only screen and (max-width: 600px) {
	.ohr-banner-logo, .ohr-banner-logo-home{
		background:url(/nl/images/ERA-OHRV-logo.png);
		position: absolute;
		height:60px;
		width:60px;
		left:10px;
		top:100px;
	}
	.ohr-banner-button button{
		margin-top: 15px;
	}
	
}

.ohr-banner-logo-modal{
		background:url(/nl/images/ERA-OHRV-logo.png);
		position: absolute;
		height:60px;
		width:60px;
		bottom:15px;
		left:15px;
}
	
.ohr-new-blue-banner{
	background-image: linear-gradient(-90deg,#00e2ff, #152c60);
	background-size:100% 100%;	
	color:white;
	height:170px;
	border-radius:6px;
	position: relative;
	text-align: center;
}
@media only screen and (max-width: 405px) {
	.ohr-new-blue-banner{
		height:200px;
	}
	.ohr-banner-logo{
		top:120px;	
	}
}

.ohr-banner-button button{
	color: white;
	border-radius: 6px;
	
	border: 1px white solid;
	border-bottom: 3px white solid;
	font-size: 120%;
	cursor: pointer;
	background: none;
}

.ohr-banner-tekst{
	position: relative;
	height:80px;
	top:20px;
}
.ohr-banner-small{
	width:100%;
	background:url(/nl/images/ohr_banner_bg_right.png);
	text-align:center;
	padding:20px 12px 20px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
	color:white;
}

.ohr-banner-small .white-head{
	font-size:170%;
	margin-bottom:12px;
}
.ohr-banner-small .white-head-bijschrift{
	font-weight:100 !important;
	
}
.ohr-banner-small button{
	color:white;
	display:inline-block;
	border-radius:6px;
	-moz-border-radius:6px;	
	margin:20px 0 12px 0;
	padding:6px 11px;
	border:1px white solid;
	border-bottom:3px white solid;
	font-size:100%;
	cursor:pointer;	
	background:none;
}
.ohr-datum{
	font-weight:bold;	
	margin:12px 0 0px 0;
}
.ohr-blue-banner .ohr-datum{
	font-size:160%;
	}
	
/* - - - - INLOGSCHERM -TEAMERA - - - - - - */

.inlog-wrapper{
	max-width: 1250px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	background-image: url(/nl/images/teamera-inlog-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	}
	
.inlog-kolom-wrapper{
	width: 400px;
	position: relative;
	height: 100%;
	min-height: 100%;
	float: right;
	margin-right: 10%;
	margin-bottom: -80px;
	}

.inlog-logo-wrapper{
	background: white;
	width: 114px;
	height: 60px;
	left: 40px;
	padding-top: 4px;
	text-align: center;
	}
	
.inlog-logo-wrapper img{
	width: 100px;
	}
	
.team-era-inlog{
	position: absolute;
	bottom: 80px;
	left: 0;
	height: 200px;
	display: block;
	width: 100%;
	}
	
.team-era-inlog .login-naam{
	width: calc(50% - 11px);
	background-color: white;
	line-height: inherit;
	}

.team-era-inlog .login-ww{
	width: 49%;
	float: right;
	background-color: white;
	line-height: inherit;
	}

.team-era-inlog input[type="submit"], .team-era-inlog .ww-vergeten-button{
	width: 100%;
	margin-top: 11px;
	}
	
.team-era-inlog input[type="submit"]{
	-webkit-appearance: none;
	font-family: 'Montserrat', sans-serif;
	}

.ww-vergeten-button{
	color: white;
	width: 100%;
	background: hsla(6, 22%, 7%, 0.42);
	border-radius: 4px;
	display: block;
	text-align: center;
	padding: 8px;
	}

.inlog-bottom-bar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: white;
	border: 1px solid #c4c4c4;
	border-bottom: none;
	height: 80px;
	width: 100%;
	padding-top: 12px;
	}
	
.bottom-bar-pic-wrapper{
	float: right;
	margin-right: 10%;
	width: 400px;
	text-align: center;
	}
	
.bottom-bar-pic-wrapper a{
	display: inline-block;
	width: 17%;
	text-align: center;
	margin-right: 2%;
	}

.bottom-bar-pic-wrapper a:last-of-type{
	float: right;	
	margin-right: 0;
	text-align: right;
	}
	
.bottom-bar-pic-wrapper img{
	height: 52px;
	}
	
.bottom-bar-pic-wrapper a:last-of-type img{
	height: 63px;
	margin-top: -5px;
	margin-right: 4px;
	}

.inlog-foutmelding{
	background: #f2f2f2;
	border: red 1px solid;
	border-radius: 4px;
	text-align: center;
	color: red;
	margin-bottom: 12px;
	line-height: 30px;
	}

.inlog-melding{
	background: #f2f2f2;
	border: #152c60 1px solid;
	border-radius: 4px;
	text-align: center;
	color: #152c60;
	margin-bottom: 12px;
	line-height: 30px;
	}


.left-hoofdbeeld img{
	border-radius: 6px;
    margin-bottom: 28px;
}
@media only screen and (min-width: 601px) {
	.left-hoofdbeeld {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.right-wrapper-img {
		display: none;
	}
	.inlog-wrapper{
		background-size: 100% auto;
		background-position: 0 60px;
		}
		
	.inlog-kolom-wrapper{
		width: 100%;
		margin-right: 0;
		float: none;
		height: auto;
		margin-bottom: -80px;
		}
		
	.inlog-logo-wrapper{
		width: 100%;
		border-bottom: 1px solid #c4c4c4;
		text-align: left;
		}
		
	.bottom-bar-pic-wrapper{
		width: 96%;
		margin: 0 2%;
		float: none;
		}
	
	.team-era-inlog{
		margin-top: 290px;
		left: 2%;
		width: 96%;
		padding: 12px;
		border-radius: 4px;
		border: 1px solid #c4c4c4;
		position: relative;
		background: white;
		height: auto;
		margin-bottom: 22px;
		}
		
	.team-era-inlog .login-naam{
		width: 100%;
		margin-bottom: 12px;
		}

	.team-era-inlog .login-ww{
		width: 100%;
		float: none;
		}
		
	.inlog-top-bar{
		display: block;
		}
		
	.inlog-logo-wrapper img{
		margin-left: 10px;
		}
	.inlog-bottom-bar{
		position: relative;
		border: none;
		border-top: 1px solid #c4c4c4;
		
		}
}

@media only screen and (max-width: 410px) {
	.team-era-inlog{
		margin-top: 245px;
	}
}

/* - - - - EIND INLOGSCHERM - TEAMERA - - - - - */


/* - - - - AANPASSINGEN ADMIN TEAMERA - - - - - */


#qm0 a{
	color: white;
	}


/* - - - - EINDE AANPASSINGEN ADMIN TEAMERA - - - */



/* TOETS */

.toets-wrapper{
	margin-top: 0;
}
.toets-wrapper .box-left{
    margin-top: 62px;
}
.toets-wrapper .cx_fieldlabel,
.toets-wrapper .cx_editableWidget,
.toets-wrapper b{
	display: block;
}

.toets-wrapper .cx_fieldlabel{
	margin-bottom: 1rem;
    white-space: normal;
}
.toets-wrapper b{
	margin-bottom: 0.5rem;
}
/* ALGEMENE SELECTOR VOOR ALLE RADIO GROUPS */
label.cx_radiogroupvalue {
    margin: 6px 0;
}


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


@media only screen and (min-width: 1200px) {
	body{
		background-color: white;
	}
}
	
@media only screen and (max-width: 1200px) {
	.era_container{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}	
	.red-bar {
	    font-size: 150%;
	}
	.blue-bar{
		font-size: 130%;
	}
	.tiles-column .makelaars-kaart-results{
		display:none;
	}
	.map-wrapper{
		float:none;
	}
	
}
/* max-width 1200px*/

@media only screen and (max-width: 999px) {
	
	.webpagina-top{
		padding-top: 0;
		height: 200px;
	}
	.makelaarslogo-top{
		margin-top: 20px;
	}
	.content-wrapper .home-segment:nth-child(2), .content-wrapper .segment:nth-child(2) {
	    margin-top: 30px;
	}
	
	.center-box{
		width:96%;
		max-width:96%;	
		margin:0 auto;
		}
	.makelaars-box-wrapper{
		width:100%;
		max-width:100%;	
	}	
	footer{
		width:96%;
		max-width:96%;
		margin:0 auto !important;
		}
	.voordelen-segment-center{
		width:100%;	
		}
	.voordeel-right{
		padding:5% 6% 4% 8%;
		/*height:290px;
		min-height:290px;*/
		}
	.voordeel-left{
		padding:5% 8% 4% 6%;
		}
	.search{
		width:90%px;
		}
	.red-bar{
		width:70%;
		}
	.blue-bar{
		min-width:55%;
	}
	.clearing-tiles{
		display:none;
		}
	.object-red-bar, .object-blue-bar{
		padding-left:16px;
		}
	.three-box{
		height: 220px;
		}
	.makelaars-box-wrapper{
		width:100%;
		}
		
	.box-wrapper-2-hor{
		width:100%;
		max-width:100%;
		margin-bottom:0;
		}
		
	.result-tile-290{
		margin-right:34px;
		}
	.result-tile{
		margin-right:22px;
		margin-bottom:22px;	
		}
	.result-tile:nth-of-type(3){
		margin-right:22px;
		}

	.results-tiles{
		width:692px;
		margin:0 auto 34px auto;
		}
	.result-tile-290:nth-child(3){
		margin-right:34px;
		}
	.nieuws-tile{
		margin-right:30px;
		margin-bottom:30px;	
		}
	.nieuws-tile:nth-child(3){
		margin-right:30px;
		}
	
	/*-----filter-------*/
	
	.aanbod-filter, .aanbod-filter-2{
		font-size: 90%;
	}
	.filter-set-2{
		margin-bottom: 12px;
		float: right;
		width: 33%;
		}
	.first-filter-row .filter-wrapper-margin{
		margin-right: 0;
		width: 38%;
		}
	.type-woning{
		width: 48%;
		margin-right:0;
	}
	.object-soort{
		width: 48%;
		margin-right:2%;
	}
	
	.first-filter-row .prijs-kiezen-min, .first-filter-row .prijs-kiezen-max{
		width: 43%;	
		margin: 0;
		}
	.first-filter-row .tussenwoord{
		padding: 0 2px;
		margin-right: 2px;
		font-size: 90%;
		}
	.first-filter-row .prijs-kiezen-max{
		float: right;
		}
	.first-filter-row .aantal-kamers{
		width: 34%;
		margin-right: 2%;
		}
	.first-filter-row .postcode-field{
		width:31%;
		margin-right:1%;
		}
	.first-filter-row .aanbod-straal{
		width:22%;
		float:right;
		}
	.first-filter-row .tussenwoord-klein{
		width:14px;
		font-size:90%;
		}
	.kenmerken-icons{
		width:33% !important;
		}
	.klantbeoordeling .invul{	
		width: 500px;
		}
		.meer-opties-button{
		margin-right: 80px;
		}


	}
	/*max-width:990px*/

@media only screen and (max-width: 982px) {
	/*home-page-nieuws*/
	.box-2-hor, .box-2-hor:last-of-type{
		/*	float: none;	*/ /* waarom mag deze niet meer floaten? */
		/*	margin: 0 auto 16px auto !important;	*/
	}
		
	/*aanbod-filter*/
	.first-filter-row{
		margin-bottom: 0;
		}
		
	.filter-set-2{
		margin-bottom: 12px;
		}
		
	.filter-buffer{
		margin-left: 10px;
		margin-right: 10px;	
		}
}
	/*max-width:982px*/

@media only screen and (max-width: 850px) {	
	.four-box-wrapper {
		width: 400px;
		margin-left:auto;
		margin-right:auto;
	}
	.one-4-box{
		margin-bottom:16px;
	}
	.one-4-box:nth-child(odd){
		margin-right:16px;
		}
	.one-4-box:nth-child(even){
		margin-right:0;
	}
	
	/* HELPMEE-MEDIA */
	.helpmee-media-image {
    	width: calc(50% - ( 10px / 2));
	}
	.helpmee-media-image:nth-child(n){
		margin-left: 10px;
		clear: none;
	}
	.helpmee-media-image:nth-child(2n - 1){
		margin-left: 0px;
	    clear: both;
	}
	
}

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


	.plaats-veld{
		float: left;
		width: 200px;
	}
	.three-box-wrapper{
		width: 100%;	
		max-width: 100%;
		margin: 0 auto;
		}
		
	footer > div{
		width: 50%;
		min-width: 50%;
		margin-right: 0 !important;
		margin-bottom:18px;
		}
		
	footer .footer-col-smal:nth-child(4){
		margin-right:0 !important;
		}
		
	footer > div:nth-child(1){
		padding-right:4%;
		}
		
	.footer-div{
		display:block;
		}
		
	.footer-wrapper{
		position:static;
		}
		
	.era_container{
		padding-bottom:0;
		}
		
	.filter-420{
		width:270px;
		min-width:270px;
		}
	.label-veld{
		width: 210px;
		}	
	.label-veld-tekooptehuur, .ohrv-veld , .ohr-veld{
		width:250px;
	}

	.filter-wrapper-margin{
		margin-right:12px;
		}
		
	.kenmerken-icons{
		text-align:center;
		}
		
	.kenmerken-icons img, .kenmerken-icons-tekst{
		margin:0 auto 0 auto;
		float:none;
		}
		
	/* - - hier worden de three-box'es onder elkaar gezet - -*/
	.three-box{
		margin: 0 auto;
		float: none;
		padding: 102px 10px 0 10px;
		margin-bottom: 30px;
		padding-right: 10px;
		width: 80%;	
		max-width: 80%;
		text-align: center;
		clear: both;
		background-position: center 0;
		}
	.three-box p{
		margin-bottom: 24px;
		}
	.three-box:last-of-type{
		margin-right: auto;
		margin-bottom: 0px;
		}
	.three-box b{
		display:block;
		}
	.three-box-bottom{
		position: static;
		width: 100%;
		text-align: center;	
		}
		.three-box .meerinfo{
		margin: 0 auto;
		}
	}
/*max-width:858px*/

@media only screen and (max-width: 840px) {/*hier springen de aanbod-filters naar eigen rijen*/
	.prijs-kiezen-min{
		width:42%;
		margin-right:0;	
	}
	.prijs-kiezen-max{
		width:42%;
		margin-left:0;	
	}
	.tussenwoord{
		width:13%;
		margin:0;	
	}
	.search .tussenwoord {
		width: 4%;
		margin: 0;
		}
	
	.tussenwoord-klein{
		width:8%;
		}
	.filter-set-2, .first-filter-row .filter-wrapper-margin{
		width:100%;
		min-width:100%;
		}
	.first-filter-row .aantal-kamers{
		width:42%;
		margin-right:4%;
		}
	.first-filter-row .postcode-field{
		width:22%;
		margin-right:1%;
		}
	.first-filter-row .aanbod-straal{
		width:22%;
		float:right;
		}
	.first-filter-row .tussenwoord-klein{
		width:7%;
		}
	.zoekwoningtekst{
		margin-right:4%;
		width:42%;
		}
	.aanbod-filter-2 .filter-420{
		width:100%;
		}
	
	.left-wrapper{
		width:50%;
		}
	.right-wrapper{
		width:47%;
		max-width:47%;
		min-width:242px;
		}
	.meer-opties-button, .minder-opties-button{
		width: 100%;
		margin-bottom: 11px;
		margin-right: 0;
		}
}
/*max-width:840px*/	
@media only screen and (max-width: 833px) {
	
	.first-filter-row .prijs-kiezen-min, .first-filter-row .prijs-kiezen-max{
		width:42%;
		min-width:42%;
	}
	.type-woning{
		width:53%;
		float: right;
		margin-right: 0;
	}
	.object-soort{
		width:42%;
	}
	.klantbeoordeling .invul{	
		width: 400px;
		}
}
/*max-width:803px*/	
@media only screen and (max-width: 803px) {
	.aanbod-filter-right{
		##position:absolute;
		margin: 10px 0px;
		##top:0;
		##right:0;
	}
	.gemaakte-keuze-wrapper{
		clear:both;
		margin-left:0;
		margin-top:12px;
	}
	.bx-pager {
		display: none;
	}
	.home-top{
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 775px) {
	.top-menu a{
		padding-left:15px;
		padding-right:14px;
		min-width:40px;
		}
	a.top-menu-login, a.top-menu-login:hover{
		background:url(/nl/images/era_top_menu_login.png) no-repeat 1px 17px;
	}
}	
/*max-width:756px*/	

@media only screen and (max-width: 750px) {		
	.button-top-right-wrapper{
		top:16px;
		right:12px;	
	}
	.three-box{
		height:auto;
		margin-bottom: 60px;
		}
	
}
/*max-width:750px*/

@media only screen and (max-width: 722px) {
	.beoordelingen-tekstregel > *{
	width: 100% !important;
		}
	.beoordelingstekst{
		margin-left: 70px;
		}
	.invul{
		width: 100%;
		}
	}

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

	
	.result-tile-290, .result-tile-290:last-of-type, .result-tile-290:nth-child(3){
		margin:0 auto 16px auto;
		float:none;
	}
	.result-tile, .result-tile:nth-of-type(3){
		margin-right:12px;
		margin-bottom:12px;
	}
	.results-tiles{
		width:100% !important;
	}
	.filter-420{
		width:230px;
		min-width:230px;
	}

	.three-box-wrapper .makelaarsbox-groot{
		width: auto;	
		min-width: auto;
	}
	.meerinfo{
		position:relative;
		margin:20px auto 0 auto;	
		border-radius:4px;
		-moz-border-radius:4px;
		font-size:90%;
		text-decoration:none;
		text-align:center;
		padding:8px 3px;	
	}
}
/*max-width:695px*/

@media only screen and (max-width:685px) {
	.top-menu a{
		padding-left:10px;
		padding-right:10px;
		min-width:34px;
	}
	.result-tile, .result-tile:nth-of-type(3){
		margin:0 auto 16px auto;
		float:none;
	}
	footer > div{
		text-align:center;
		width:100%;
		min-width:100%;
		margin-right:0;
		margin-bottom:16px;
		float:none;
		}
	footer > div:nth-child(1){
		padding-right:0;
		}
	footer .icon-wrapper{
		margin-bottom:16px;
		}
	.contact-detail{
		width:140px;
		min-width:140px;
		margin:0 auto 12px auto;
		text-align:left;
		}
	.copyright{
		margin-top: 0;
		padding-top: 12px;
	}
	.nieuws-tile{
		margin-right: 14px;
		margin-bottom: 14px;	
		}
	.nieuws-tile:nth-child(3){
		margin-right: 14px;
		}
	.nieuws-tile:nth-child(2n+2){
		margin-right: 0;
	}
}

@media only screen and (max-width: 675px) {	
	.ohr-on{
		display:inline;
	}
	.ohr-off{
		display:none;
	}
}

@media only screen and (max-width: 644px) {
	.search{
		width:100%;
	}
	.search .koop-huur{
		width:21%;
		margin-right:10%;
	}
	.search .prijs-kiezen-min{
		width:25%;
	}
	.search .prijs-kiezen-max{
		width:25%;
		float:right;
	}
	.search .tussenwoord{
		width:13%;
	}
	.nieuws-tile, .nieuws-tile:nth-child(3), .nieuws-tile:nth-child(2n+2) {
		margin: 0 auto 16px auto;
		float: none;
	}
}

/*max-width:644px*/

@media only screen and (max-width: 615px) {	
	.top-menu a{
		padding-left:6px;
		padding-right:6px;
		min-width:34px;
	}
}

@media only screen and (max-width: 600px) {	
	.red-bar{
		width:80%;
		font-size:150%;
		padding-left:20px;
	}
	.blue-bar{
		width:64%;
		font-size:100%;
		line-height:38px;
	}
	.blue-bar-right{
		padding-left:12px;
		font-size:98%;
		line-height:40px;
		width:60%;
		text-align: center;
	}
	.filter-set-2{
		margin-left:0;
	}
	.left-wrapper, .right-wrapper{
		width:100%;
		min-width:100%;	
		float:none;
	}
	 .right-wrapper{
		-moz-display: flex;
	    -webkit-display: flex;
	    display: flex;
	    -moz-flex-direction: column-reverse;
	    -webkit-flex-direction: column-reverse;
	    flex-direction: column-reverse;
	}	
	.left-wrapper .box-left:last-of-type{
		margin-bottom:28px;
		}
	/*- - - - - - - TIEN VOORDELEN - - - - - - - - - - - - */
	
	.voordelen-segment-center{
		width:100%;	
	}
	.voordeel-left{
		border:none;
		width:91%;
		padding:50px 10px 0px 80px;
		text-align:left;
		float:left;
		height: auto;
	}
	.voordeel-right{
		border:none;
		width:91%;
		padding:50px 20px 50px 80px;
		text-align:left;
		float:left;	
		height: auto;
		}
	.voordelen-segment-center > div:last-of-type{
		padding: 0 0 0 16%;
		}
	.voordeel-right:before, .voordeel-left:before{
		position:absolute;
		border-right:2px solid #891438;
		width:9%;
		height:100%;
		min-height:100%;
		content:" ";
		top:0;
		left:0;
		}

	.middenstreep-wrapper{
		display: none;
		width:12%;	
		margin-left:-10px;
		height:16px;
		overflow: hidden;
		}
	.voordeel-nummer-bol{
		left:8%;
		margin-left:-18px;	
		}
	}	
/*max-width:600px;*/


/*zet het menu weer in beeld als er vanuit klein naar groot gewrapped wordt*/
@media only screen and (min-width:768px) {
	.top-menu-no-phone{
			display:block !important;
			padding-left: 0!important;
		}
	}

/*- - - - - - - - - - - - - TELEFOON - - - - - - - - - - - - - - - - - - - -*/

@media only screen and (max-width: 767px) {
	
	/* 3.x */
	
	input[size], textarea[cols], .form-control {
		width: 100%;
	/* max-width: 100%; */
	}
	
	.webpagina-top{
		/*display: none;  in comment 20200511 ivm CTA buttons*/
	}
	/* - class om elementen zichtbaar te maken alleen in viewport klein - */
	.for-phone{
		display:block;
		}
	/* - class om elementen onzichtbaar te maken - - - - */
	.no-phone{
		display:none !important;
		}
	/*cookiemelding*/
	.cookie-melding{
		height: auto;
		padding: 12px;
		}
	.cookie-melding .cookie-section{
		display: block;
		padding: 10px;
		}
	.red-bar{
		width:80%;
		font-size:120%;
		padding-left:20px;
		}
	.blue-bar{
		font-size: 90%;
		}
	.filter-buffer{
		display: none;
	}
	/* - - - - - - mobile menu - - - - - - - - */
	.top-wrapper{
		position: relative;
		height: auto;
		}
	.top-menu{
		margin-top: 11px;	
		position: static;
		top: 60px;
		z-index: 10;
		display: none;
		width: 100%;
		border-top: 1px solid #f6f6f6;
		}
		
	.top-menu li{
		width: 100%;
		min-width: 100%;
		height: auto;
		background: white;
		border-bottom: 1px solid #f6f6f6;
		}
	.top-menu li a{
		line-height: 38px;
		}
		
	.top-menu a{
		width: 100%;
		min-width: 100%;
		font-size: 100%;
		}
		
	a.current{
		background: none;
		color: #4e4e4e !important;
		}
		
	a.current:hover{
		color: white !important;
		}
		
	.submenu{
		position: static; 
		font-size: 12px;
		background: white;
		z-index: 1000;
		border: 0;
		margin-bottom: 0;
		width: 100%;
		}
		
	.submenu:before{
		display: none;
		}
	
	.submenu li a{
		width: 100%;
		text-align: left;
		line-height: 34px;
		}
		
	.submenu li{
		float: left;
		padding: 0 0;
		}
	
	/* driehoekje bij items met submenu */
	
	.open-submenu > a:after {
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		border-style: solid;
		border-width: 8px 6px 0 6px;
		border-color: #891438 transparent transparent transparent;
		right: 19px;
		top: 15px;
		display: block;
		}	
/*
	.open-submenu a:hover:after, .open-submenu a:active:after{
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 0 6px 8px 6px;
		border-color: transparent transparent white transparent;
		right: 19px;
		top: 15px;
		display: block;
		}
*/	
	
	
	/* haalt content-wrapper naar boven om goed in de flow van de pagina te staan */
	.content-wrapper{
		margin-top: 0;
		}
		
	.makelaar-button-for-phone{
		display: block !important;
		}
		
	a.top-menu-zoek, a.top-menu-zoek:hover{
		margin:0;
		background-position:center;
		width:100%;
		min-width:100%;
		}
	
	a.top-menu-login, a.top-menu-login:hover{
		margin:0;
		background-position:center;
		width:100%;
		min-width:100%;
		}
		
	.mobile-current-item{
		display:inline-block;
		}
		
	.button-top-right-wrapper{
		display:block;
		}
		
	.top-wrapper .button-top-right-wrapper a:last-of-type{
		background-size:100%;
		}
	.top-270{
		height: 200px;
		}
		
	.blue-bar, .red-bar{
		width: 84%;
		font-size: 100%;
		}	
	.object-top-pic-nav{
		top: 0;
		min-height: 0px;
    	margin-bottom: 0px;
		}
	.object-top{
		margin-bottom: 0;
		/*margin-top: 50px;*/
		}
	.three-box{
		width: 85%;
		min-width: 85%;
		}
	/*- - - - - - - - footer - - - - - - - */
	
	footer{
		width:96%;
		max-width:96%;
		margin:0 auto !important;
		position:static;
		}
	footer > div{
		text-align:center;
		width:100%;
		min-width:100%;
		margin-right:0;
		margin-bottom:16px;
		float:none;
		}
	
	footer .icon-wrapper{
		margin-bottom:16px;
		}
	.contact-detail{
		width:60%;
		min-width:60%;
		margin:0 auto 12px auto;
		text-align:left;
	}
	.copyright{
		margin-top:0;
		padding-top:12px;
	}
	.button-top-right-wrapper{
		top:16px;
		right:0px;	
	}
	.open-menu-wrapper{
		position:absolute;
		top:20px;
		right:10px;
	}
	/* - - - - - - knopjes rechts boven in boxes - - - - */
	.button-top-right-wrapper a{
		padding:2px 7px;
		font-size:90%;
		margin:0;
		margin-left:4px;
		
	}
	.button-top-right-wrapper a:last-of-type{
		
		background-size:70%;
		background-position:center;
	}
	
	/* - - - - - - - zoekopties in top - - - - - - - */
	.search{
		background:none;
		width:100%;
		min-width:100%;
	}
	/* - - - - - - - elementen - - - - - - - - - - - */
	h1{
		font-size:200%;	
	}
	h3{
		font-size:140%;
	}
	h3:after, h3.centr:after, .box-right h3:after{
		height:4px;
		
	}
	
	.box-full h3, .box-left h3, .box-right h3{
		font-size:120%;	
	}
	p.centered{
		width:98%;
		text-align:center;
	}
	/* - - - - - - plaatsing - - - - - - - -  - - - -*/
	.content-wrapper .home-segment:nth-child(2), .content-wrapper .segment:nth-child(2){
		margin-top:20px;
	}
	.box-right, .box-left, .box-full{
		width:100%;
		position:relative;
		margin:0 auto 16px auto;
		float:none;
		padding:12px;
	}
	.box-80pc{
		width:80%;
		position:relative;
		margin:0 auto;
		padding:20px 10px 20px 10px;
		text-align:center;
		border-radius:6px;
		-moz-border-radius:6px;
		background:white;
		border:1px solid #cdcdcd;
		
	}
	.box-90pc{
		width:90%;
		position:relative;
		margin:0 auto;
		padding:20px 10px 20px 10px;
		text-align:center;
		border-radius:6px;
		-moz-border-radius:6px;
		background:white;
		border:1px solid #cdcdcd;
		margin-bottom:28px;
	}
	
	.segment, .home-segment{
		margin-bottom:30px;	
	}
	
	.result-page-nav{
		margin:40px auto 0px auto;
		width:80%;
		min-width:80%;
	}
	#helpmee-facilities-map-wrapper {
		/*	margin: 0 -12px -12px -12px;	*/
	}
	#helpmee-anecdotes {
    	margin: 0 -12px;
	}
	
/*- - - - - home - - - - - */
	.home-top {
	    background-image: none!important;
		background-size: 100% auto;
		background: none;
		padding-top: 0;
	    margin: 20px 0;
	}
	
	.makelaarspagina-top .red-bar{
		padding-left: 0;	
	}
	.search-wrapper{
		margin-top: 0;
	}
	
	.contact-box{
		margin-left: 12px;
		}
		
	/* nieuwsboxen*/
	
	.box-wrapper-2-hor{
		width: 100%;
		min-width: 100%;
		margin-bottom: 0;
		display: block;
		}
	
	.box-2-hor{
		width: 100%;
		min-width: 100%;
		margin-bottom: 12px;
		height: auto;
		float: none;
		}
		
	.box-2-hor-left{
		display:none;
		}
		
	.box-2-hor-right{
		-moz-border-radius: 6px;
		border-radius: 6px;	
		padding: 12px;
		width: 100%;
		height: 100%;
		}
		
	.three-box-wrapper{
		padding-top: 20px;
		}
	
	.one-4-box, .one-4-box:last-of-type{
		margin:0 auto 20px auto !important;
		display:block;	
		position:relative;
	}
	.four-box-wrapper{
		width:100%;
	}
	.home-stopper-1, .home-stopper, .stopper-no-image, .stopper{
		font-size:70%;
		background-size:100% 100%;	
		height:210px;
		margin-bottom:0;	
	}
	.home-stopper{
		font-size:70%;
		background-size:100% 100%;	
		height:170px;
	}
	.ohr-blue-banner{
		height:auto;
		padding-bottom:30px;
	}
	.makelaarsbox-groot{
		/*padding-bottom:10px !important;*/	
		float:none;
		margin-top:30px;
	}
	.makelaarsbox-groot a.slide-to-left{
		position:absolute;
		top:50%;
		left:0;
		margin-top:-66px;
	}
	.makelaarsbox-groot a.slide-to-right{
		position:absolute;
		top:50%;
		right:0;
		margin-top:-66px;
}
/* - - - - - - - - AANBOD TILES - MOBIEL - - - - - - - - - */
	/*.gemaakte-keuze{
		display:none !important;
	}
	.slider-wrapper{
		display:none !important;
	}
	.filter-buffer, .filter-buffer + a , .filter-buffer + a + a{
		display:none !important;
	}*/
	/*.result-tile, result-tile:last-of-type{
		width:100%;
		max-width:100%;
		height:auto;
		max-height:auto;
		margin-right:0;
		margin-bottom:16px;
	}
	.result-tile-image{
		height:330px;
		max-height:330px;
	}*/
	.titel-inkorten{
		display:block;	
	}
	.object-red-bar, .object-blue-bar{
		display:none;
	}
	.object-top .object-icon-wrapper{
		display:none;
	}
	
/*- - - - - - - ZOEK MAKELAAR - TILES - - - - - - - - */

	.map-wrapper{
		width:100%;
		min-width:100%;	
	}
	
	
/*- - - - - - - MAKELAARSPAGINA- - - - - - - - - - */
	.webpagina-top{
		/*display: none;  in comment 20200511 ivm CTA buttons*/
	}
	.makelaarspagina-top{
		background-size: 100% 200px;
		height:368px;
	}
	.makelaarspagina-slider-wrapper{
		top:12px;
	}
	
/*- - - - - - - AANBOD-DETAIL - - - - - - - - - - -*/

	.kenmerken{
		width:100%;
		margin:0;
	}
	.kenmerken-icons-wrapper{
		margin-bottom:0;
	}
	.video-big{
		width:100%;	
		min-width:100%;
		height:200px;
		margin-bottom:8px;
	}
	.video-thumbs-wrapper{
		width:100%;
		min-width:100%;
	}
	.video-thumb {
		height: 58px;
		float:left;
		width: 32%;
		margin-right:2%;
		max-width: 100%;
		background: #CCC;
		margin-bottom: 20px;
	}
	.video-thumbs-wrapper .video-thumb:last-of-type{
		margin-right:0;
	}
	.object-short-info{
		background: #f0f0f0;
		padding-left: 10px;
		position: relative;
		/*top: 69px;*/
		min-width: 100%;
		width: 100%;
		z-index: 10000;
		font-size: 80%;
	}
	.object-icon-wrapper{
		position:absolute;
		top:9px;
		right:6px;
		margin-top:0;
	}
	.object-short-adres{
		float:left;
		background:none;
		padding-left:0;
		height:20px;
		margin-right:0;	
		font-size:120%;	
		width: 100%;
	}
	.object-short-prijs{
		background-image:none;
		padding-left:0;
		/*width:60%;*/
	}
	.slide-box-content{
		float:left;
		/*width:72%;
		min-width:72%;
		padding:4px;*/
	}
	.slide-box-content-4{
		margin: 0 12px 12px 0;
		width: 102px;
		height: 102px;
	}
	.marginbottom-12, .marginbottom-16{
		margin-bottom:8px;
	}
	.beoordelingstekst{
		width: 100%;
		margin-left: 0;
	}
	.puntenoverzicht .property2{
		width: 83% !important;
	
	}
	.puntenoverzicht .score2{
		width: 15% !important;

	}
/*- - - - - - - - filter - - - - - - - - */
	
	.plaats-zoeken{
		margin-bottom:8px;
	}
	.plaats-veld{
		float:left;
		width:60%;
	    width: calc(100% - 38px);
	}
	.filter-380{
		width:80%;
		min-width:80%;
	}
	.filter-420{
		width:100%;
		min-width:100%;
	}
	.prijs-kiezen-min{
		width:42%;
		margin-right:0;	
	}
	.prijs-kiezen-max{
		width:42%;
		margin-left:0;	
	}
	.tussenwoord{
		width:13%;
		margin:0;	
	}
	.tussenwoord-klein{
		width:7%;
	}
	.filter-set-2{
		width:100%;
		min-width:100%;
	}
	.zoekwoningtekst{
		margin-right:0;
		width:100%;
		margin-bottom: 12px;
	}
	.prijs-kiezen-wrapper{
		width:100%;
		margin-bottom:8px !important;
	}
	.koop-huur{
		width:200px;
		
	}
	.search .koop-huur{
		width:100%;
		margin-right:0 !important;
		clear:both;
		margin-bottom:8px;
	}
	.search .prijs-kiezen-min{
		width:44%;
		margin-right:0;
	}
	.search .prijs-kiezen-max{
		width:45%;
		margin-left:0;
	}
	.search .tussenwoord{
		width:8%;
		margin:0;
	}
	
	.straal{
		position:absolute;
		top:109px;
		right:12px;
		display:block;
	}
	.aanbod-straal{
		width:19%;
		margin-left:0;
	}
	.postcode-field{
		width:23%;	
	}
	.aantal-kamers{
		width:40%;	
		margin-right:8%;
	}
	.filter-type-wrapper{
		float:none;
		margin-right:0;
	}
	.filter-wrapper{
		float:none;
		padding-bottom:0;	
	}
	.filter-wrapper-margin{
		float:none;
		margin-right:0;
		margin-bottom:8px;
	}
	.checkboxes{
		float:left;
		}
	
	.label-veld{
		width: calc( 100% - 36px );
		margin-bottom: 10px;
		}
	.label-veld-tekooptehuur{
		width:280px;
		margin: 10px 0;
	}
	.meer-opties-button, .minder-opties-button{
		width: 100%;
		margin-bottom: 12px;
		padding: 9px 8px;
	}
	
	.filter-zoeken-button{
		width: 100%;
		position: relative;
		bottom: 0;
	}
	
	.aanbod-filter-2{
		padding-bottom: 20px;
	}
	
/* - - - - - -inlogvenster- - - - - - - -*/

	.inlogvenster, #inlogvenster{
		max-width:96% !important;
		position:relative;
		margin:0 auto;
		top:90px;
		left:auto;
	}
	.vestigingspagina-top{
		background-size: 100% 200px;
		height:550px;
	}
	.vestigingen-top .red-bar{
		padding-left:12px;
	}
	.vestigingen-tile{
		margin-bottom:16px;
	}
	
/*- - - - open huizen route - - - - - -*/

	.intro-wrapper{
		width:96%;
		margin:0 auto;
		left:0 !important;	
	}
	.waardebepaling input[type=text], .waardebepaling textarea{
		min-width:100%;
		max-width:100%;
		width:100%;
	}
	.waardebepaling label{
		margin-bottom:10px;	
	}
	.radio-wrapper{
		padding: 10px 0 10px 0px !important;
		}
}
/*max-width:540px*/

/* iphone-landscape-position
gebruiken we om de scrollfunctionaliteit te verbeteren */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 680px) 
and (orientation : landscape){
	.object-short-info{
		background: #f0f0f0;
		padding-left: 10px;
		position: static;
		min-width: 100%;
		width: 100%;
		z-index: 10000;
		font-size: 80%;
		}
	.top-stopper{
		display: none;
		}
	/*-- dit brengt de witte menubalk terug tot 50px --*/
	.top-wrapper{
		height: 50px;
		}
	.content-wrapper{
		margin-top: 50px;
		}
	.logo-wrapper {
		width: 30px;
		}	
	.open-menu-wrapper {
    	position: absolute;
    	top: 11px;
    	right: 10px;	
		}
	.open-menu{
		width: 24px;
		height: 24px;
		background: transparent url("/nl/images/menu_mobile_open.png") no-repeat scroll -1px -1px;
    	background-color: transparent;
    	background-size: 24px 24px;
		}
	.mobile-current-item {
    	top: 15px;
		}
	.top-menu {
    	margin-top: 0px;
    	top: 50px;
	}
	}	

/*--- speciaal voor de fotoslider bij aanmelding ---*/

/* We moeten zorgen dat in elk formaat de verhoudingen een beetje in orde zijn, om om te kunnen gaan met 'staande' foto's */
.aanmelding-sliderfoto-preset{
	min-height:800px;
	##background-image: url("/nl/js/bx-slider/images/bx_loader.gif"), url("/nl/images/huizen_icon.png");
	##background-repeat: no-repeat;
	##background-position: center; 
}
@media only screen and (max-width : 1100px) {
	.aanmelding-sliderfoto {
		max-height:530px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:530px;
	}
	
}

@media only screen and (max-width : 1000px) {
	.aanmelding-sliderfoto{
		max-height:480px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:480px;
	}
}

@media only screen and (max-width : 900px) {
	.aanmelding-sliderfoto{
		max-height:430px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:430px;
	}
}

@media only screen and (max-width : 800px) {
	.aanmelding-sliderfoto{
		max-height:385px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:400px;
	}
}

@media only screen and (max-width : 700px) {
	.aanmelding-sliderfoto{
		max-height:340px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:355px;
	}
}

@media only screen and (max-width : 650px) {
	.aanmelding-sliderfoto{
		max-height:315px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:325px;
	}
}

@media only screen and (max-width : 600px) {
	.aanmelding-sliderfoto{
		max-height:290px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:300px;
	}
}

@media only screen and (max-width : 550px) {
	.aanmelding-sliderfoto{
		max-height:265px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:280px;
	}
}

@media only screen and (max-width : 500px) {
	.aanmelding-sliderfoto{
		max-height:240px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:250px;
	}
}

@media only screen and (max-width : 450px) {
	.aanmelding-sliderfoto{
		max-height:215px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:225px;
	}
}

@media only screen and (max-width : 400px) {
	.aanmelding-sliderfoto{
		max-height:190px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:200px;
	}
}

@media only screen and (max-width : 350px) {
	.aanmelding-sliderfoto{
		max-height:167px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:177px;
	}
}

@media only screen and (max-width : 300px) {
	.aanmelding-sliderfoto{
		max-height:145px;
	}
	.aanmelding-sliderfoto-preset{
		min-height:155px;
	}
}

/*--- EINDE speciaal voor de fotoslider bij aanmelding ---*/

#cx_description-form\003AP1440{
	min-height: 0;
	padding: 0;
	margin-bottom: 15px;
}
/* deze is er in gezet ivm multi page formulier 20200525 moet nog eens mooier */
.cx_form{
	padding-left: 30px;
}

.enkelefotodiv{
	max-width:96%;
	margin:0px auto 16px auto;
	border-radius:6px; 
	text-align:center;
}

/*--- NVM Privacy css ---*/
.nvmbrainbaybox{
	margin: 20px;
	padding: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background: white;
	border: 1px solid #cdcdcd;
	float:left;
	width:200px;
}

table.nvmontvangers {
	margin: 15px;
	border: 1px solid #ddd;
	padding:15px;
}
table.nvmontvangers td, table.nvmontvangers th {
	text-align: left;
	padding: 5px 10px 5px;
}

table.nvmontvangers th {
	font-weight: bold;
	border-bottom: 3px solid #ddd;
}
table.nvmontvangers td:nth-child(1) {
  width: 30px;
}
table.responsivetable {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.responsivetable caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.responsivetable tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.responsivetable th,
table.responsivetable td {
  padding: .625em;
  text-align: center;
  
}
table.responsivetable th:nth-child(1),
table.responsivetable td:nth-child(1) {
  text-align: left;
  width: 60%;
}


table.responsivetable th {
  font-size: .65em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 500px) {
	table.responsivetable {
	border: 0;
	}
	
	table.responsivetable caption {
	font-size: 1.3em;
	}
	
	table.responsivetable thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
	
	table.responsivetable tr {
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625em;
	}
	
	table.responsivetable td {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: .8em;
	text-align: right;
	}
	
	table.responsivetable th:nth-child(1),
	table.responsivetable td:nth-child(1) {
	text-align: left;
	width: inherit;
	}
	
	table.responsivetable td::before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-label);
	float: left;
	padding-right:10px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	table.responsivetable td:last-child {
	border-bottom: 0;
	}
}
@media screen and (min-width: 1200px) {
	.paragraaf-iframe {
		margin-left: -400px;
	    margin-right: -400px;
	    margin-top:-20px;
	    margin-bottom:-28px;
	}
}