#introTiles .panel {width:100%;height:30%;
		    border-radius:2em;
		    border-color:rgba(19,133,117,.3);
		    border-width:1px;
		    cursor:pointer;
		    background-color:rgba(250,250,250,1);
		    background-repeat:no-repeat;
		    background-size:100%;background-position:center bottom;
		   }
#introTiles .panel:hover {
    border-color: rgba(19,133,117,.5);
    border-width:5px;
}
#introTiles .panel-heading{font-size:12pt;padding-bottom:5px;line-height:1.1em;color:#999999}
#introTiles .panel-body{background-opacity:.1;padding-top:0px;line-height:1.2em;font-size:1em;}
#introTiles .fa, #introTiles strong {color: rgba(19,133,117,.5);}
#tile1{background-image:url('../images/ozon-karte-transparent.jpg');}
#tile2{background-image:url('../images/background-transparent.jpg');}
#tile3{background-image:url('../images/handshake.png');background-opacity:.5}
#flashPaper{position:fixed;top:10em;z-index:10;width:1024;height:550;opacity:.95;
	    background-color:white;}
#flashLegend{position:relative;top:0em;z-index:10;width:100%;height:200px;
	     background-color:white;opacity:.95}
#flashMap{position:relative;top:-50em;
	  z-index:4000;width:100%;height:700px;
	  background-color:grey;opacity:.95;
	  color:white;padding:4em;
	 }

span .activeIcon, #checkbox, .fa-close {
    cursor:pointer;
}
.flash{color:red;opacity:0}
.met{margin:0px;padding:0px;}
.container-fluid{width:1117px}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
body{font-family:'Droid Serif';
     font-size:12pt;
     line-height:1.5em;
    }
img.legend{float:left;clear:left;margin-bottom:12px;margin-right: 4px;cursor:pointer}
.legend, h1, h2{
    font-family: 'Droid Serif', serif;
    font-style: italic;
}
h3{font-family:'Droid'}
.legend{font-weight:800}
.boldLegend{
    border-bottom:dotted 3px #303030
}
.highlight{font-weight:bold;color:'red'}
p.highlight{font-weight:bold}
.round{border-radius:20px}
.smallprint{font-size:.9em; padding-left:2em}
#popover{position:absolute;z-index:2000;
	 top:0px;left:15px; background-color: #ffffff;
	 width:100%;opacity:1;
	 height:50%
	}
span.aspect{width:48%;padding:2px;margin:2px};
.popoverContent{width:40%;color:'red'}
#intro{line-height:2em}
#processing{position:relative;top:0px;left:50%;z-index:3000}


#mapLegendTableIcon{
    opacity:.8;height:5em;
}
a.unselected{opacity: .5;font-weight:normal;}
a.layer{font-weight:normal}
.leaflet-touch .leaflet-control-layers-toggle {
    background-image:url('../images/layers.png');
    width: 44px;
    height: 44px;
}
#mainTabs li {font-size:.9em}
.mask{opacity:0}
#layer-gemeindegrenzen{
    position:absolute; top:0px; z-index:2;
    opacity:0.5
}
.hidden{
    position:absolute; top:0px; z-index:2;
    opacity:0;
}
#legende-Karten{
    font-size:.8em
}

.crosshair{
position:relative;
border-top:solid 1px darkblue;
height:1em;width:20%;
padding:0;margin:0;
font-size:.8em;
text-align:right;
z-index:5000;
}

.crosshair-label{
    position:relative;top:-1.8em;
    margin:0;padding:1px;
    background-color:rgba(255,255,255,.8);
    z-index:4999;
    }

.atab{
    border:solid 1px;
    color: #7491c9;
    // background-color: #fafafa;
    padding-top:.5em;
    border-color: #7491c9;
    border-width: 1px 1px 0px;
    border-radius: .5em .5em 0em 0em;
}
.credit{font-size:7.5pt;position:relative;top:-80px;left:850px}
#introtext{
    font-size:.9em;
    color:rgba(0,0,0,.7);
    line-height:1.5em;
    text-align:justify;
}
#introtext strong {color:rgba(19,133,117,.8);font-weight:600}
#introTiles > .panelHeading{font-size:1em}
.bg-warning{text-align:justify}
.btn-success{background-color:rgba(19,133,117,.7);border-color:rgba(19,133,117,.8)}
.btn-success:hover{background-color:rgba(19,133,117,.8);border-color:rgba(19,133,117,.8)}
/* .btn-success:active{background-color:rgba(19,133,117,.8);border-color:rgba(19,133,117,.8)} */
.btn-success:active{background-color:rgba(19,133,117,.8);border-color:rgba(19,133,117,.8)}
.btn-success:visited{background-color:rgba(19,133,117,.8);border-color:rgba(19,133,117,.8)}
.text-success{color:rgba(19,133,117,.9),border-color:rgba(19,133,117,.9)}
.alert, .alert-success{color:rgba(19,133,117,.9);border-color:rgba(19,133,117,.9)}
hr{border-color:rgba(19,133,117,.9);border-style:dotted}


.impressum {
    padding:2em;
    text-align:justify;
    margin-top:1em;
    font-size:.7em;line-height:1.2em;
    opacity:.9;
}