a:link{
    color: #99c5e3;
	text-decoration: none;
}

a:hover {
   	text-decoration: underline;
}

#ausgabelay {
	color: #828278;
	font-size: 11pt;
}	

#ausgabelay b {
	color: #444;
	font-size: 11pt;
}

#controllay {
	background-color: #1c1c1c;
}

#dummylegende {
	margin-left: 9px;
	margin-bottom: 9px;
	font-size: 16px;
	text-align: left; 
	line-height: 15px; 
	float:left;
	color: #444;
}
	
svg {
	vertical-align: middle
}

b {
	color: #fff;
	font-weight: 800;
	font-size: 11pt;
}

hr {
	color: #444;
	opacity: 0.2;
}

img {
	padding-left: 1.4px;
}


input[type=text] {
	border:2px solid #828278;
	width: 200px;
    border-radius:4px;
    font-size:12px;
    padding:3px;
    margin-top:3px;    
	font-family: 'Calibri', sans-serif;
}

input[type=text]:hover, input[type=number]:hover {
    border:2px solid #828278;
}

input[type=text]:focus, input[type=number]:focus {
    outline:none;
    border-color:#828278;
    box-shadow:0 0 15px #828278;
	-webkit-transition: box-shadow linear 1s;
    transition: box-shadow linear 1s;
}

div.leaflet-control-layers-base:before   {
	content:"Basemaps";
	color: #444;
	font-family: 'Calibri', sans-serif;
    font-weight:800;
    padding-left:6px;
}
	
label {
	color: #828278;
	font-family: 'Calibri', sans-serif;
	font-size: 12pt;
	font-weight: 800;
}

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	color: #828278;
	margin: 0;
	}

.leaflet-control-locate a {
  font-size: 1.4em;
  color: #828278;
}

.leaflet-control-locate.active.following a {
  color: #828278;
}

.leaflet-control-layers {
  box-shadow: none;
  border: none;
  text-align: left;
  font-size: 12px;
  font-family: 'Calibri', sans-serif;
  width: 180px;
  background: rgba(130,130,120, 0);
  line-height: 20px;
}

.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: rgba(130,130,120, 0);
box-shadow: none;
width: 90%;
}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid rgba(130, 130, 120, 1);
	margin: 5px -10px 5px -6px;
	}
  
  
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 0px solid rgba(0,0,0,0.01);
}

.leaflet-touch .leaflet-bar {
    box-shadow: none;
}

.leaflet-touch .leaflet-bar {
    border: 2px solid;
    outline:none;
	border-color:rgba(130, 130, 120, 0.8);
	box-shadow:0 0 10px #828278;
	}
	
.leaflet-control-zoom a{
  color: #444; 
}

 body {
	 padding: 0;
	 margin: 0;
	 }
html, body, #map {
	height: 100vh;
	font: 10pt Calibri, sans-serif;
	}

.blindtext {
	font-style: italic;
	color: #444;
	}