.map_wrapper { position: relative; width: 100%; background: #f4f4f4; font-size: 90%; }
.map_wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.map_wrapper .premap_wrapper { position: absolute; top: 50px; left: 50%; width: 100%; max-width: 700px; margin-left: -350px; background: rgba(255,255,255,0.9); padding: 20px; text-align: center; z-index: 3; border: 3px solid #f0eeeb; }
.map_wrapper .premap_wrapper #premap_check { width: auto; display: inline; margin-right: 5px; }
.map_wrapper .premap_wrapper .iframe_laden { width: 100px; line-height: 30px; margin: 20px auto 0 auto; color: #fff; background: #545454; color: #fff; cursor: pointer;  }
.map_wrapper .premap_wrapper .iframe_laden:hover { background: #e30613; }
.map_wrapper.loaded { background: none; }
.map_wrapper.loaded .overlay { background: none; }
.map_wrapper.loaded .premap_wrapper { display: none; }
.leaflet-container a { color: #004c97!important; }

#mapid { display: block; width: 100%!important; height: 500px; border: none; }
iframe.big_map { height: 600px; }
#mapid { height: 450px; }

@media screen and (max-width:950px) {
	#mapid { height: 350px; }
}

@media screen and (max-width:700px) {
    .map_wrapper .premap_wrapper { top: 20px; left: 0; margin-left: 0; width: 100%; border-radius: 0px; }
}

@media screen and (max-width:500px) {
    .map_wrapper { font-size: 80%; }
    .map_wrapper .premap_wrapper #iframe_laden { width: 100px; line-height: 27px; margin-top: 5px; }
}

@media screen and (max-width:400px) {
	#mapid { height: 150px; }
    .map_wrapper .premap_wrapper { line-height: 1em; padding: 10px; }
}