#sommerhusForm,
#bfeEkstra {
	overflow: auto;
	z-index: 100;
	position:fixed;
	padding:20px;
	background-color: white;
}

#sommerhusForm form {
	padding-bottom:80px;
	overflow:hidden;
}

#sommerhusForm {
	width: 40%;
	right: -40%;
	border-left:3px solid red;
	top:0;
	height:100vh;
}

#bfeEkstra {
	height:30vh;
	bottom:-30vh;
	border-top:3px solid red;
	left:0;
	width:100%;
}

@media screen and (max-width: 800px) {
	#sommerhusForm {
		width:calc(100vw - 30px);
		right:calc(30px - 100vw);
	}
	#bfeEkstra {
		height:50vh;
		bottom:-50vh;
	}
}

#toggle-sommerhus,
#toggle-bfeekstra {
	margin:0;
	position:fixed;
	color:red;
	border:3px solid red;
	background-color:white;
}

#toggle-sommerhus {
	top:40%;
	right:0;
	padding:20px 10px;
	border-right:none;
	border-radius:15px 0px 0px 15px;
}
#toggle-sommerhus span:after {
	content:"filter_alt";
}
#toggle-sommerhus.active span:after {
	content:"filter_alt_off";
}


#toggle-bfeekstra {
	left:20%;
	bottom:0;
	padding:10px 20px;
	border-bottom:none;
	border-radius:15px 15px 0px 0px;
}
#toggle-bfeekstra span:after {
	content:"";
	background-image:url(loading.gif);
	width:20px;
	height:20px;
	background-size:contain;
	display:inline-block;
}
#toggle-bfeekstra.ready span:after {
	content:"real_estate_agent";
	background:none;
}
#toggle-bfeekstra.active span:after {
	content:"expand_more";
	background:none;
}

body.full-frame {
	overflow:hidden;
}

#oisFrame {
	width:calc(100% + 10px);
	height:calc(100vh - 45px);
}

ul.building-list li {
	font-size:12px;
}