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

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

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%;
	}
.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;
	}
a{
	color: #891438;
	text-decoration: none;
	}
.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;
	height: 76px;
	background-color:rgba(0,0,0,0.8);
	color: white;
	text-align: center;
	z-index: 10000;
	padding-top: 30px;
	}
.cookie-melding a{
	color: white;
	text-decoration: underline;
	}
.cookie-melding a.basis-green-button{
	text-decoration: none;
	margin: 0 20px;
	}
	
/* - - - - speciale knoppen - - - - */

.zwarte-link, .zwarte-link:visited{
	color: #4e4e4e;
	}
.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: 10130;
	}
	
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;
	}
	
 a:visited{
	color: #4e4e4e;
	}
	
.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;
	}
	
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;
	}

/*--------home-------------*/
.home-top{
	padding-top: 72px;
	margin-bottom: 60px;
	background: url(/nl/images/home_top_bg.png) no-repeat;
	background-size: 100% 480px;
	}
.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);
	}


.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:88px;
	}
.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;
	}

/*-----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, .three-box-wrapper a{
	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 5px;
	}
.box-wrapper-2-hor{
	width:960px;
	margin:0px auto;
	}
.box-2-hor{
	width:460px;
	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%;
	width:100%;
	min-width:100%;
    border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
}
.box-2-hor-right{
	padding-top:8px;
	padding-right:8px;
	height:100%;
	border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	padding-left: calc( 150px + 9px); /* .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 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{
	position: relative;
	width: 100%;
	margin-bottom: 28px;
	float: left;
	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;
	}
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:100%;
	max-width:100%;
	border-radius:6px;
	-moz-border-radius:6px;
	}
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:243px;
	height:39px;
	margin-bottom:15px;
	float:left;
	}
.contact-box .tekst{
	padding:0;
	margin:0;
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	}
.contact-box .tekst2{
	padding-top:11px;
	}
.contact-box img{
	width:38px;
	float:left;
	margin-right:20px;
	}
.contact-box a, .contact-box a:visited {
	color: #4e4e4e;
	}

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

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

.kantoorLink:visited{
	color: #152c60;	
}
.kantoorLink{
	display: block;
	color: #152c60;
	font-size: 18px;
    border: 1px solid #152c60;
    margin-bottom: 5px;
    padding: 5px;
}
.kantoorLink:last-child{
	margin-bottom: 0;
}
.kantoorLink:hover{
	background: #32921f;
	border-color: #32921f;
	color: white;
}

form{
	margin-bottom: 0;
}

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%;

	margin-top: 0px;
	margin-bottom: 15px;
}
/*
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 li a{
	text-decoration:none;
	color:#818182 !important;
	}
footer li a:hover{
	color:white;	
	}
footer a{
	text-decoration:none;
	color:#818182;
	}
.stopper-bottom{
	height:20px;
	width:100%;	
	}
.icon-wrapper{
	margin-bottom:14px;	
	}
.icon-wrapper img{
	margin-right:7px;
	}
.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,
.form-control: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:#32921f;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px;
	padding: 8px;
	cursor: pointer;	
	}
input[type=submit]:hover{	
	background-color:#155200;
	border: none;
}
.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-left: 4px;
}
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;
}
.postcode-field{
	width:90px;
	margin-right:1px;	
}
.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;
	}
	
.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;
	}
.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;
}
.search .loep-knop{
	text-indent: -2000px;
	position: absolute;
	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;
	top: 14px;
	right: 16px;
}

.basis-red-button{
	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;
}
.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-red-button-border{
	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%;
	}
	
.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;
    }
    
.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;
	}
	
.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;
	}

.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:#c4c4c4;
	padding: 8px;
	padding-left: 10px;
	float: left;
	margin: 0 15px 22px 35px;
	height: 36px;
	}

.label-veld:before{
	width: 36px;
	height: 36px;
	content: "";
	position: absolute;
	top: -1px;
	left: -35px;
	background-size: 100%;
	}

.ohr-veld:before{
	background-image: url(/nl/images/ERA-OHR-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);
	}
	
.radio-button-unchecked{
	display: block;
	border-radius:4px;
	border:1px solid #cdcdcd;
	height: 14px;
	width: 14px;
	float: right;
	margin: 2px 2px 0 0;
	}

.radio-button-checked{
	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: 12px;
	border-radius: 4px;
    color: #4e4e4e;
    border: #CDCDCD 1px solid;
    border-bottom: #CDCDCD 3px solid;
    text-decoration: none;
    background: url(/nl/images/chevron_down.png) no-repeat right white;
    padding: 8px 26px 8px 7px;
    }

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

.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;
	}
	
.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;
}
.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;
	}
.label-wrapper{
	position: absolute;
	float: right;
	height: 54px;
	bottom: -10px;
	right: -8px;
	}
.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:1;
	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;
	min-height: 340px;
	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;
	}
	
#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: 99999;
	}
}
/*- - - - - - - - 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;
	}
.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;
}
.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;
	}

/*- - - - - - - 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;
}
.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;
	}
	
	
button{
	background: #32921f !important;
}	
	
.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:100%;
	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;
}
.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;
}
.inlog-wrapper .era-background-image{
	background-image: url(/teamera/images/team_era_start2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
    animation: example 3s;
}
.forgot-password-wrapper .era-background-image{
	background-image: url(/teamera/images/team_era_start1.jpg);
}

@keyframes example {
    0%   { opacity: 0;}
    16.6%  {opacity: 0;}
    100% {opacity: 1;}
}
	
.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: 60px;
/*	width: 100px; */
}
	
.team-era-inlog{
	position: absolute;
	bottom: 80px;
	left: 0;
    padding: 12px;
    background: #cccc;
	display: block;
	width: 100%;
	font-size: 18px;
}
.team-era-inlog .form-group {
    margin-bottom: 15px;
    position: relative;
}
.team-era-inlog .cx_btn_wrapper-OK{
	width: 100%;
    margin: 0;	
}
.team-era-inlog .cx_btn_wrapper-OK a{
	width: 100%;
    height: 46px;
    line-height: 34px;
    background-color: #50a9f8;
    border-color: #50a9f8;
    color: white;
}
.team-era-inlog .cx_btn_wrapper-OK a:hover{
    background-color: white;
    border-color: #50a9f8;
    color: #41a6ff;
    box-shadow: none;
}
.cx_login-title_wrapper, .cx_login-header {
    color: white;
}
.team-era-inlog .col-sm-3,
.team-era-inlog .col-sm-9{
    width: 100%;
    text-align: left;
}
.team-era-inlog .cx_fieldline-content input{
	margin-right: 0;
    font-size: 18px;
}
.team-era-inlog .cx_fieldline-content .form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right) {
	height: 46px;
}
.team-era-inlog label{
	color: white;
}
.team-era-inlog input[type=text],
.cx_login-forgotPasswordLink{
	font-size: 18px;
    width: 100%;
}
	
.team-era-inlog .login-naam{
	width: calc(50% - 11px);
	background-color: white;
	line-height: inherit;
	}

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

.team-era-forgot-password #email_address{
	width: 100%;
	padding-left: 25px;
}

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

.input-wrapper{
	position: relative;
}
.input-wrapper i{
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.cx_login-forgotPasswordLink a,
.cx_login-forgotPasswordLink a:visited,
.ww-vergeten-button,
.ww-vergeten-button:visited{
	color: white;
	width: 100%;
	background: hsla(6, 22%, 7%, 0.42);
	border-radius: 4px;
	display: block;
	text-align: center;
	padding: 5px 10px;
	height: 46px;
	line-height: 34px;
	text-decoration: none;
}
.cx_login-forgotPasswordLink a:hover,
.ww-vergeten-button:hover{
	background: black;
}	
.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: 52px;

	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;
	}

@media only screen and (max-width: 767px) {
	
	.inlog-wrapper{
		background-size: 100% auto;
		
		}
		
	.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 - - - */



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


@media only screen and (min-width: 1200px) {
	body{
		background-color: white;
	}
}
	
@media only screen and (max-width: 1200px) {
	.container{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}	
	.red-bar {
	    font-size: 150%;
	}
	.blue-bar{
		font-size: 130%;
	}
}
/* max-width 1200px*/

@media only screen and (max-width: 999px) {
	.center-box{
		width:96%;
		max-width:96%;	
		margin:0 auto;
		}
	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;
		}
	.box-2-hor{
		margin-right:8px;
		}
	.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;
		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;
		}
		
	.container{
		padding-bottom:0;
		}
		
	.filter-420{
		width:270px;
		min-width:270px;
		}
	.label-veld{
		width: 210px;
		}	
	
	.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;
		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 .plaats-zoeken{
		width:94%;
	}
	.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;
	}
	.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:581px) {
	.top-menu-no-phone{
		display:block !important;
		}
	}

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

@media only screen and (max-width: 580px) {
	
	/* - 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 span{
		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;
		}
		
	.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%;
		}	
	.object-top-pic-nav{
		top: 0;
		}
	.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:40px;
	}
	.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:44px;	
	}
	
	.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 {
		padding-top: 52px;
		background-size: 100% 200px;
		margin-bottom: 30px;
	}
	
	.makelaarspagina-top .red-bar{
		padding-left: 0;	
	}
	.search-wrapper{
		margin-top: 108px;
		}
	
	.contact-box{
		margin-left: 12px;
		}
	.box-wrapper-2-hor{
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
		}
	
	.box-2-hor{
		width: 100%;
		max-width: 100%;
		margin-bottom: 12px;
		height: auto;
		}
	.box-2-hor-left{
		display:none;
		}
	.box-2-hor-right{
		border-radius: 6px;
		-moz-border-radius: 6px;	
		padding: 12px;
		}
	.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:46px;	
	}
	.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{
		height: 200px;
		
		}
	.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{
		min-width:89%;
		width:89%;
		margin-bottom:8px;
	}
	.plaats-veld{
		float:left;
		width:60%;
	}
	.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;
		}
	
	.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 */
@media only screen and (max-width : 1100px) {
	.aanmelding-sliderfoto{
		max-height:530px;
	}
}

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width : 300px) {
	.aanmelding-sliderfoto{
		max-height:145px;
	}
}
.afterloginTile{
	background: rgba(255, 255, 255, 0.8);
	padding: 15px;
	margin: auto;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	width: 600px;
	max-width: calc(100% - 30px);
	position: relative;
	top: calc( 50% - ( 80px / 2 )); /* bottom bar = 80px */
	transform: translateY(-50%);
}
@media only screen and (max-width : 767px) {
	.afterloginTile{
	    top: calc(66.3vw + 15px );
		transform: none;
	}
}
