body {
		padding: 0;
		margin: 0;
	}
	html, body, #map {
		height: 100%;
	}

	a.leaflet-control-map {
		font-size: 22px;
		color: #696969 !important;
		font-weight: normal;
		opacity: 0.8;
	}
	
	a.leaflet-control-map:hover {
		color: black !important;
	}

	.leaflet-control:hover a {
		opacity: 1.0;
	}

	.peoplebox-header {
		opacity: 1.0 !important;
		background-color: white !important;
		border-bottom: solid 1px silver; 
		text-align: center;
	}

	.leaflet-control-button {
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		border-radius: 4px;
		width: 26px;
		height: 26px;
	}
	.leaflet-buttons-control-button {
		background-color: white;
		border-radius: 4px;
		font-weight: bold;
		color: black;
		display: block;
		line-height: 26px;
		padding-left: 2px;
		padding-right: 2px;
		text-align: center;
		font-size: 90%;
		font-variant: small-caps;
		min-height: 26px;
		min-width: 26px;
		vertical-align: center;
		cursor: pointer;
	}
	.leaflet-buttons-control-toggleon {
		color: red;
	}
	.leaflet-buttons-control-ledcont {
		background-color: white;
		border-radius: 4px;
		display: block;
		height: 18px;
		width: 18px;
		padding: 4px;
		cursor: wait;
	}
	.leaflet-buttons-control-led {
		width: 14px;
		height: 14px;
		background-color: silver;
		border-radius: 10px;
		margin-top: 2px;
	}
	.leaflet-control-box {
		background-color: white;
		max-width: 100px;
		padding: 3px;
	}

	.leaflet-control-text {
		font-size: 90%;
		margin: 1px;
	}
	.leaflet-control-text-caption {
		font-weight: bold;
		vertical-align: center;
	}

	.stat_pos {
		font-size: 85%;
		font-weight: bold;
	}

	.map-header {
		width: 100%;
		display: block;
	}
	.map-header-info {
		position: absolute;
		top: 10;
		left: 0;
		right: 0;
		/*bottom: 0;*/
		width: 75%;
		margin: auto;
		background: none repeat scroll 0% 0% rgba(250, 250, 250, 0.7);
		z-index: 500;
		text-align: center;
		color: red;
		text-shadow: 0px 0px 5px #2F2F2F;
		font-variant:small-caps;
		font-size: 1.5em;
		padding: 0.1em 0.5em 0.1em 0.5em;
		border-radius: 0.5em;
		/*width: auto;*/
	}

	#map-lizenz {
		width: 100%;
		display: none;
	}
	#map-lizenz-info {
		position: absolute;
		top: 40px;
		left: 0;
		right: 0;
		/*bottom: 0;*/
		width: 75%;
		margin: auto;
		background: none repeat scroll 0% 0% rgba(250, 0, 0, 0.7);
		z-index: 500;
		text-align: center;
		color: white;
		text-shadow: 0px 0px 5px #2F2F2F;
		/* font-variant:small-caps; */
		font-size: 1.5em;
		padding: 0.1em 0.5em 0.1em 0.5em;
		border-radius: 0.5em;
		/*width: auto;*/
	}

	.map-footer {
		width: 100%;
		display: block;
	}
	.map-footer-info {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: none repeat scroll 0% 0% rgba(250, 250, 250, 0.7);
		z-index: 500;
		text-align: left;
		color: dimgrey;
		font-size: 0.9em;
		padding-left: 95px;
	}

	#peoplebox {
		bottom: 25px;
		right: 10px;
		float: right;
		clear: both;
		position: absolute;
		background-color: white;
		z-index: 2000;
		height: auto;
		/* width: 350px; */
		border: solid 0px whitesmoke;
		border-radius: 4px;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		padding: 2px;
		font-size: 10px;
	}
	#peoplebox div {
		line-height: 12px;
		padding: 1px;
		margin: 1px;
	}

	#peoplebox table {
		width: 100%;
	}

	#peoplebox table tr td {
		/* width: 33%; */
		line-height: 12px;
		padding: 1px;
		margin: 1px;
		font-size: 12px;
	}

	.td-right {
		text-align: right;
	}

	.labelicon {
		text-align: center;
		cursor: help;
	}

	.peopleclick {
		cursor: pointer;
		display: inline-block;
	}
	
	#addpeoplebox {
		left: 10px;
		bottom: 25px;
		float: left;
		clear: both;
		position: absolute;
		background-color: white;
		border: solid 0px whitesmoke;
		border-radius: 4px;
		font-family: arial;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		margin: 0px;
		padding: 0px;
		z-index: 2000;
		vertical-align: center;
		line-height: 36px;
		height: 36px;
	}
	
	#addpeoplebox input {
		text-align: center;
		padding: 0.1em;
		padding-top: 0.4em;
		padding-bottom: 0.4em;
	}

	input:hover {
		border: solid 1px red;
		background-color: #FFEEEE;
	}

	input:focus {
		border: solid 1px blue;
		background-color: #EEEEFF;
	}

	.addbutton:hover {
		border: solid 1px red;
	}

	.addinput {
		display: inline-block;
		margin: 0px 5px 0px 5px;
	}
	.addbutton {
		display: inline-block;
		background-color: whitesmoke;
		border: solid 1px silver;
		border-radius: 4px;
		cursor: pointer;
		margin: 0px 2px 0px 2px;
		padding: 0px 2px 0px 2px;
		height: 26px;
		line-height: 26px;
	}
	.spacebutton {
		display: inline-block;
		width: 13px;
	}

	.buttonuuid {
		display: inline-block;
		color: black;
		font-weight: normal;
		cursor: pointer;
		font-size: 120%;
		padding: 2px;
		margin: 2px;
		border: solid 1px silver;
		border-radius: 4px;
		text-align: center;
		vertical-align: center;
		height: 12px;
		width: 12px;
		background-color: whitesmoke;
	}
	
	.buttonuuid:hover {
		background-color: white;
		border: solid 0.5px red;
	}

	#fixuuid {
	}

	#remuuid {
	}

	#unlockuuid {
		color: red;
	}

	#clearuuid {
		color: gray;
	}

	#clipuuid {
		color: darkgreen;
	}

	#infobar {
		right: 0;
		top: 0;
		position: absolute;
		background-color: white;
		border: solid 1px whitesmoke;
		border-radius: 4px;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		text-align: left;
		vertical-align: center;
		z-index: 500;
		font-size: 1.2em;
		display: none;
		width: auto;
		min-width: 50px;
		padding: 5px;
		margin: 12px;
		margin-right: 80px;
		padding-right: 20px;
		min-height: 20px;
		max-height: 20px;
		overflow: hidden;
		margin-top: 36px;
		margin-right: 56px;
		opacity: 0.7;
	}

	#infobar:hover {
		opacity: 1.0;
		max-height: 100px;
	}


	#infobar #oldinfo {
		font-size: 90%;
		font-style: italic;
		color: gray;
	}

	#startbox,#amlbox,#smsbox,#msgbox {
		left: 0;
		top: 0;
		margin-left: 25%;
		margin-top: 15%;
		padding: 20px;
		width: 50%;
		/** display: table-cell; **/
		display: none;
	    vertical-align: middle;
		background-color: white;
		border: solid 1px whitesmoke;
		border-radius: 4px;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		position: absolute;
		text-align: center;
		vertical-align: center;
		z-index: 2000;
		font-size: 2em;
	}

	#startbox .addinput,#amlbox .addinput,#smsbox .addinput {
		word-wrap: break-word;
		word-break: break-all;
	}

	#startbox .addbutton,#amlbox .addbutton,#smsbox .addbutton,#msgbox .addbutton {
		margin: 20px;
		display: block;
	}

	#startbox input,#amlbox input,#smsbox input {
		font-size: 1.5em;
		text-align: center;
	}

	#loginbody, body.selfcare {
		/* background-color: #5F5F5F; */
		background: rgba(0, 0, 0, .65) url(images/background.png);
		background-blend-mode: darken;

		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#loginbox {
		left: 0;
		top: 0;
		position: absolute;
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		margin-top: 10%;
		margin-bottom: 10%;
		padding: 0;
		display: block;
		border: solid 1px whitesmoke;
		border-radius: 4px;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		text-align: center;
		vertical-align: center;
		font-size: 1.2em;
		font-family: Arial, Helvetica, sans-serif;
		background-color: white;
	}

	#loginbox div {
		display: block;
		margin: 0.5em;
	}

	#loginbox label{
		display: block;
		font-size: 0.8em;
		margin: 0.2em;
	}

	#loginbox input {
		font-size: 2em;
		text-align: center;
		background-color: #FFFBFB;
		border-radius: 4px;
		border: solid 0.5px #F78181;
	}

	#loginbox button {
		display: inline-block;
		padding: 0.5em;
		padding-left: 10%;
		padding-right: 10%;
		margin: 0.5em;
		font-size: 1em;
		background-color: #F4D6D6;
		border: solid 1px silver;
		border-radius: 4px;
	}
	
	#loginbox .small {
		padding-left: 2%;
		padding-right: 2%;
	}

	#loginbox button:hover {
		border: solid 1px red;
	}
	
	#loginbox #loginmsg {
		padding: 1em;
		margin: 1em;
		background-color: whitesmoke;
		border: solid 1px red;
		color: red;
		font-size: 1em;
		text-align: center;
		vertical-align: center;
		border-radius: 4px;
		display: none;
	}

	.closer {
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;
		height: 1.2em;
		width: 1.2em;
		position: absolute;
		cursor: pointer;
		color: red;
		//*background-color: whitesmoke;
		border: solid 1px whitesmoke;
		border-radius: 4px;*//
		font-size: 0.7em;
		font-weight: bold;
	}

	.qmark {
		border: solid 1px black;
		border-radius: 4px;
		color: black;
		font-weight: bold;
		padding: 0.2em;
	}

	#notrufsms, #notrufsms2 {
		background-color: #F4D6D6;
	}

	#notrufsms2 {
		padding: 0.5em;
	}

	#notrufadd {
		background-color: #F4D6D6;
	}

	#helfersms {
		background-color: #D6F4D6;
	}

	#helfersms {
		background-color: #D6F4D6;
	}

	#notrufaml {
		background-color: #87CEEB;
	}

	#msgok {
		background-color: #FFC0CB;
	}

	.blueIcon {

	}

	input {
		background-color: #FFFBFB;
		border-radius: 4px;
		border: solid 0.5px #F78181;
	}

	#audio {
		display: none;
	}

	#beta {
		display: none;
	}

	#beta p {
		position: absolute;
		left: 45px;
		bottom: 45px;
		/*writing-mode: vertical-lr !important;*/
		/*transform: rotate(-90deg);*/
		z-index: 5000;
		font-size: 1.5em;
		color: #ff073a;
		font-family: helvetica;
		font-weight: bold;
		text-shadow: 0px 0px 20px #00f700;
	}

	#msgmeldung {
		font-size: 0.6em !important;
	}

	#msgtitel {
		color: red;
	}

	.amlinfo {
		margin-top: 0.5em;
		font-family: helvetica;
		font-size: 1em;
	}

	.amlinfohead {
		font-size: 1.2em;
		font-weight: bold;
		color: #87CEEB;
	}

	.amlinfotable {
		width: 100%;
		font-size: 1em;
		background-color: #87CEEB;
	}

	.trkinfo {
		margin-top: 0.5em;
		font-family: helvetica;
		font-size: 1em;
	}

	.trkinfohead {
		font-size: 1.2em;
		font-weight: bold;
		color: green;
	}

	.trkinfotable {
		width: 100%;
		font-size: 1em;
		background-color: #87CEEB;
	}

	.infoaddr {
		margin-top: 0.5em;
		padding: 5px;
		background-color: #FFDAB9;
	}

	#amlwarnung {
		color: red;
		font-style: italic;
		font-size: 80%;
	}

	#addpeoplebox #notrufaml {
		display: none;
	}

	#amlrequest {
		color: red;
		font-size: 100%;
		height: 18px;
		width: 18px;
	}

	#amlclip {
		color: darkgreen;
		font-size: 100%;
		height: 18px;
		width: 18px;
	}

	.buttonlbl {
		height: 1.2em;
		width: 1.2em;
		margin: 0px;
	}

	#lblaml {
		color: red;
	}

	#lblclip {
		color: darkgreen;
	}

	#lbladdr {
		height: 1.2em;
	}

	.leaflet-touch .leaflet-control-layers-toggle {
		width: 32px !important;
		height: 32px !important;
	}

	.leaflet-control-geocoder {
		min-width: 32px !important;
	}

	.tooltip {
		position:relative;
	}
	.tooltip:hover {
		text-decoration:none;
	}
	.tooltip:after {
		content: attr(tip);
		font-family:Arial, Helvetica, sans-serif;
		font-size:75%;
		line-height:1.2em;
		
		width:200px;
		padding:5px 10px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;

		background: linear-gradient(#fff9c4, #fff59d);
		opacity: 0.9;
		
		color: black;
		/*background: linear-gradient(#ccd1d1, #566573);*/
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);
		
		position: absolute;
		top: 48px;
		left: 2px;
		
		display:none;
	}
	.tooltip:before {
		z-index:1000;
		position:absolute;
		content:"";
		top:15px;
		left:0px;
		border-right:7px transparent solid;
		border-left:7px transparent solid;
		display:none;
	}
	.tooltip:hover {
		z-index:1000;
		position:relative;
		color:blue;
	}
	.tooltip:hover:after {
		display:block;
	}
	.tooltip:hover:before {
		display:block;
	}
	
	.headline {
		background-color: whitesmoke;
		padding: 0.2em;
	}
	
	.login-footer {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.login-footer div {
		font-size: 10.8px;
		line-height: 16.2px;
		padding-left: 15px;
	}