#map{
	width:70%;
	height:500px;
	float:left;
	margin-bottom:25px;
	box-sizing:border-box;
}

#map_wrapper {
	width:100%;
	float:left;
}

#map_wrapper h1 {
	margin-top:40px;
	width:70%;
}

#mapright{
	/*width:285px;*/
	width:30%;
	float:right;
	margin-bottom:25px;
	padding-left: 10px;
	box-sizing:border-box;
}

#mapright a{
	text-decoration:none
}

#gebied{
	float:left;
	}

.legendeitem{
	width:100%;
	padding: 5px;
	margin-bottom:10px;
	color: #FFF;
	cursor:pointer;
	box-sizing:border-box;
}

.searchfield {
    background-color: #FFFFFF;
	border:thin solid #AAA;
    height: 21px;
    margin: 0;
    padding: 0 0 0 5px;
    position: relative;
    vertical-align: top;
    width: 120px;
	z-index:100;
}

.searchbutton {
    background-color: #FFFFFF;
    background-image: url("../images/search_icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    height: 21px;
    width: 20px;
	cursor:pointer;
}
.searchfielditem {
  	float:left;
}


.resetmarkers{
	width:100%;
	background-color:#333;
	padding: 5px;
	color: #FFF;
	cursor:pointer;
	box-sizing:border-box;
}

.my-marker{
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
	width:30px;
	height:30px;
}

.marker-nr{
	color:#FFF;
	text-align:center;
	padding-top:4px;
	font-weight:700;
}

/*.marker-opacity{
	opacity:0.3;
}*/

.area-marker{
	float:left;
}

#gebiedsdekkend{
	margin-top:25px;	
	margin-left:5px;
	width:100%;
}

.mapsubtitle {
    color: #575756;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0px;
    text-align: left;
}

/* MEDIA QUERIES SCREEN */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) iPad Portrait*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#map{
	width:100%;
}

#mapright{
	width:100%;
	padding-left:0;
}


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) iPhone Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) iPhone Portrait*/
@media only screen and (max-width: 479px) {

}