#whole_map{
	max-width: 100%; 
	font-family: 'Source Sans Pro',"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif;
	color: #006BB3;
	}

.grey{
	background:#b5c6d5;height: 100%; width: 100%; position: absolute;left: 0px; top: 0px; border-radius: 30px;
}

.selectBox{
	position:absolute;
	left:20px;
	top:20px;
}
.selectBox h2{
	color:#2e4964;
	font-family: 'Source Sans Pro',"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif;
	font-size:20px;
	margin-bottom: 10px;
}
#legende{
	position:absolute;
	top: 150px;
	left:20px;
}
.legendItem{
		font-family: 'Source Sans Pro',"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif;
color: #2e4964;
margin: 3px;
}
.circle{
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #ff00ff;
  display: inline-block;
}
.legendItemText{
	display:inline-block;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 3px;
    font-size: 0.8em;
    min-width: 120px;
    border: 1px solid #bbb;
    padding:.75em 1em .5em 1em;
 background-color:white;
    background-image: url(https://www.iwkoeln.de/fileadmin/user_upload/HTML/2017/Studentenwohnpreisindex/select-arrow.png);
    background-position: calc(100% - 10px) calc(1em + 1px),     calc(100% - 15px) calc(1em + 2px),     100% 0;
    background-repeat: no-repeat;
    background-size: 13px;
    color: #2e4964;
    font-weight: bold;
}
select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}
#container {
position: absolute;
left: 0px;
	margin: 0 auto;
	width: 100%;
	height: 600px;

}
#con {
	position: relative;
	margin-left: 0px;
	width: 100%;
	height: 550px;
}