@import 'h5bp/helpers';
@import 'partials/leaflet';
@import "compass/css3";

body {
	margin:0;
	padding:0;
}

// keep headline above map, besides branding
h1 {
	z-index: 1;
	position: absolute;
	left: 222px; // match branding (20+202)
	margin: 20px; // match branding (20)
}

#content {
	z-index: -1; // keep branding visible
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	max-width: 100%; // override local styling
	margin: 0;
}

.leaflet-control-scale {
	text-align: center;
}

.leaflet-left .leaflet-control {
	margin-left: 20px; // match branding
}
.leaflet-left .leaflet-control {
	margin-top: 96px; // match branding (20+56+20)
}

.topbar {
	@include inline-block; // avoid shadowing across whole viewport
	background-color: unset; // override local styling
	height: 4em; //avoid shadowing for map zoom
}

 // override local styling
.pageheader,
.topbar ul,
.sidebar,
.farbar,
#footer {
	@include h5bp-hidden;
}