*{margin:0;padding:0;}
html{background-image:radial-gradient(ellipse at center, #4c5cd0 0%, black 100%);background-attachment:fixed;}
body{position:relative;font: 14px Arial, Helvetica, Segoe UI Symbol, sans-serif;height:100%;
background: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(0, 0, 0, 0.2) 1px, rgba(255, 255, 255, 0.1) 10px),
 repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(0, 0, 0, 0.2) 1px, rgba(255, 255, 255, 0.1) 10px);background-attachment: fixed;}
#content{text-align:center;height:100%;min-height:97vh;padding:5px;display:flex;justify-content:center;align-items:stretch;}
#divRechts,#divLinks{display:inline-block;width:32%;text-align:left;font-size:14px;vertical-align:top;flex-grow:2}
#divInhalt{ width:62%;flex-grow:8}
#divMitte{display:inline-block;width:48%;vertical-align:top;flex-grow:1}
#settings{text-align:right;color:#fff;width:100%;}
#divLinks{width:31%;flex-grow:2}
#divRechts{width:48%;flex-grow:2}
#resultTraffic{text-align:left;}
hr{color:#0476d6;width:95%;margin:3px;}
h2{background-color:#4069ef;color:#fff;padding:3px;text-shadow:0 0 2px #000,0 0 3px #000;overflow:hidden;box-shadow:0 0 16px #333 inset;}
.zentriert{text-align:center;height:100%;width:100%;border-radius:3px;}
input[type=button],.button,.btnf{font-family:Arial, Helvetica, Segoe UI Symbol, sans-serif;font-size:14px;color:#fff;background-color:#046722;border:1px solid #fff;border-radius:4px;padding:2px 4px;margin:0;line-height:1em;cursor:pointer;text-shadow:0 0 0 #fff, 0 0 3px #000;outline:1px solid blue;text-decoration:none;display:inline-block;}
input[type=button]:hover,.button:hover,.btnf:hover{background-color:#00a532;}
input[type=button]:disabled,.button:disabled,.btnf:disabled,.busisab{background-color:#ddd;color:#fff !important;cursor:not-allowed;display:inline-block;text-decoration:none;}
#divLiIng,#divLiInh,#divLiInh3,.weisHbloc,.dreiUnt{background-color:#fff; border:3px solid #00f;border-radius:5px;margin:5px;box-sizing:border-box;}
.weisHbloc{margin-bottom:8px;overflow: hidden;}
#divLiIng,#divLiInh,#divLiInh3{text-align:left;border:none;}
#divLiIng{display:none}
.kreisMit{margin:5px;width:100%;}
.my-popup {pointer-events: none;}
#resultNina{text-align: left;margin:0;padding:5px;background-color: #f3dbb7;}
#resultNinaOrt{background-color:#feff02;border:1px solid red;}
#resultNina2,#resultTrafficMap{
    min-width: 300px;
    width:28%;
    background: #fbfbb4;
    text-align: left;
    padding: 5px;
    border: 1px solid red;
	overflow-y: auto;
    height: 95%;}
#resultNinaVoll{ display:none;
	position: absolute;
    left:0;
    top: 33px;
    width:69%;
    background: #fbfbb4;
    text-align: left;
    padding: 5px;
    border: 1px solid red;
	z-index: 9000;}
.css-icon{z-index:200 !important}
.gps_ring {
	border: 3px solid red;
	border-radius: 30px;
	height: 32px;
	width: 32px;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulsate {
	0% {transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {transform: scale(1.5, 1.5); opacity: 0.0;}
}
.clock {
  background: #ececec;
  width: 300px;
  height: 300px;
  margin: 7px auto;
  border-radius: 50%;
  border: 14px solid #333;
  position: relative;
  box-shadow:0 3px 8px #000,0 0 16px #000 inset;
  cursor: pointer;
}

.dot {position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ccc;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  box-shadow: 0 2px 4px -1px black;
}

.hour-hand,.minute-hand{
  position: absolute;
  z-index: 5;
  width: 4px;
  height: 65px;
background:rgba(0,0,0,.3);
  border:2px solid #000;
  top: 79px;
  transform-origin: 50% 72px;
  left: 50%;
  margin-left: -4px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.minute-hand {
  z-index:6;
  height:100px;
  top: 46px;
  transform-origin:50% 105px;
}

.second-hand {
  position: absolute;
  z-index: 7;
  width: 4px;
  height: 120px;
  background: gold;
  top: 26px;
  left: 50%;
  margin-left: -2px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  transform-origin: 50% 125px;
}

.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8,.h9,.h10,.h11,.h12{
  display: inline-block;
  position: absolute;
  color: #999;
  font-size: 22px;
  font-weight: 700;
  z-index: 4;
}
.h1{top:42px;left:200px;}
.h2{top:80px;left:242px;}
.h3{top:138px;left:260px;}
.h4{top:200px;left:242px;}
.h5{top:235px;left:200px;}
.h6{bottom:24px;left:50%;margin-left:-6px;}
.h7{top:235px;left:85px;}
.h8{top:200px;left:47px;}
.h9{top:138px;left:29px;}
.h10{top:80px;left:43px;}
.h11{top:42px;left:80px;}
.h12{top:26px;left:50%;margin-left:-11px;}
.diallines{position: absolute;
  z-index: 2;
  width: 2px;
  height: 15px;
  background: #666;
  left: 50%;
  margin-left: -1px;
  transform-origin: 50% 150px;
}
.diallineSt,.diallines2{
  position: absolute;
  z-index: 2;
  width: 4px;
  height: 25px;
  background: #666;
  left: 50%;
  margin-left: -1px;
  transform-origin: 50% 150px;
}
.diallines2 {
  height: 20px;
  background: #4160f5;
  margin-left: -2px;
}
#allinf{position: absolute;
    width: 100px;
    text-align: center;
    font-size: 16px;
    top: 54px;
    color: #fff;
    text-shadow: 0 0 5px #000;
    font-weight: bold;
    left: 50%;
    margin-left: -47px;}
.info {
  position: absolute;
  width: 200px;
  height: 40px;
  border-radius: 7px;
  background: #ccc;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 32px;
  top: 200px;
  font-family: "Arial";
  font-weight:700;
  z-index: 3;
  letter-spacing:2px;
  margin-left: -100px;
  left: 50%;
  text-shadow: 0 0 4px #333;
}
.date{top:70px;font-size:26px;width:165px;left:168px;}
.day{top:105px;font-size:24px;height:35px;}
.zeit{top:162px;width:100px;left:200px;}
#jahrzeiger{background:linear-gradient(to left,#999 0%,#fff 50%,#999 100%);
    border:1px solid #333;padding:0 4px;color:#333;text-shadow:none;box-shadow:0 0 5px #fff;}
#inputJahr{text-align:center;border:1px solid #333;font-size:0.9em;width:8em;}
.wetter{top: 205px;background:transparent !important;}
#kartebd,#meinpreissuche,#meinekarte{display:none;width:98%;min-height:96vh;box-sizing:border-box;margin:10px;text-align:center; position:absolute;background-color:#eeeafd; left:0; top:0;padding:10px;
box-shadow:0px 0px 30px #000,0px 0px 30px #000,0 0 18px #000 inset,0 0 18px #000 inset;z-index:100;overflow: hidden;}

#meinpreissuche,#meinekarte{display:none;margin:10px;text-align:center; position:absolute; background-color:#eeeafd;}
#farbmark{border:2px solid #52A3FF;text-align:left;padding:10px;margin:5px;overflow:hidden;}
#farbmark div{display:inline-block; width:200px;}
#farbmark b{display:inline-block; height:14px; width:14px}
.buttonKarte{background-color:#fff !important;background-image:url(images/locati.png);background-repeat:no-repeat;background-position:1px;outline:none !important;border:2px solid #aaa !important;width:34px;height:34px;}
.buttonKarte:hover{background-color:#f4f4f4}
#infoPosition{background:rgba(90,90,90,.3);font-size:12px;}
.feiertag{color:#fd0105;cursor: help;}
.ferientag{background:radial-gradient(transparent,transparent,#46f132);width:23px;cursor: help;}
.normtag{background:#fff;width:23px;cursor: help;}
.normtd{background:#fff;border:1px solid #000; padding:5px;}
.dreiO,.dreiU{border-left:9px solid transparent;border-right:9px solid transparent}.dreiO{border-bottom:18px solid #00f}.dreiU{border-top:18px solid #00f}.dreiL,.dreiR{border-bottom:9px solid transparent;border-top:9px solid transparent}.dreiL{border-right:18px solid #00f}.dreiR{border-left:18px solid #00f}#steuerMap k{display:inline-block;width:22px;vertical-align:middle}#steuerMap k b{display:inline-block;width:0;height:0;outline:1px solid transparent;margin:0;}
#steuerMap k b.kreisMi{width:18px;height:18px;border-radius:9px;background-color:#ff0}#steuerMap k b:hover{outline-color:#0f0;box-shadow:0 0 10px #000}
#kartebd table{font-size:17px;}
.it_date{color:#666;font-size:smaller;background-color:#d3e1f7;float:left;padding-right: 5px;}
a.allinflink{position:fixed;bottom:0;width:100%;display:block;text-align:center;background:#fff;background-color:rgba(255,255,255,.5);text-shadow: 0 0 2px #fff;font-weight:bold;}
li.item_link{background-color: #fff;padding: 5px;overflow: hidden;}
li.item_link b {margin-bottom: 5px;
    background-color: #ddd;
    display: block;
    width: 100%;}
#landsuched{display:none;}
li.item_link img {
    float: left;
    margin-right: 10px;
}
@keyframes fade{from{opacity:0.5;}}
.blinking {animation:fade 1s infinite alternate;}
input[type=button].bt,.bt{min-width:40px;float:right;font-size:20px;color:#fdec0a;background-color:#797979;margin:2px;}
input[type=button].bt:hover,.bt:hover{background-color:#aaa;}
#resultTank{background:#fff;}
.back-to-top{background:#046722;position:fixed;bottom:20px;right:20px;padding:1em;}
#scrimg2{width:30%;}
#infoWetter{width:96%;}
#suchoptionen input[type=button]{font-size:24px;margin:3px;}
@media only screen and (max-width:1050px) and (min-width:900px){
#kartebd table{font-size:14px;}
.feiertag,.ferientag,.normtag{width:20px; }
}
@media only screen and (max-width:1290px) and (min-width:901px){
#suchoptionen input[type=button]{font-size:20px}
#kartebd,#meinpreissuche,#meinekarte{ border-width:10px;margin:5px;width:99%;}
}
@media only screen and (max-width:900px) and (min-width:100px){
#kartebd table{font-size:11px;}
.feiertag,.ferientag,.normtag{width:15px; }
#divInhalt{ width:48%;flex-grow:5}
#divLinks{width:48%;flex-grow:5}
#divMitte{width:99%;flex-grow:10}
#divRechts{width:99%;flex-grow:10}
#suchoptionen input[type=button]{font-size:16px}
#kartebd,#meinpreissuche,#meinekarte{ border-width:5px;margin:0;width:99%;}
/* #divLiInh,#divLiInh{position:absolute;z-index:1000;top:0;left:0;}*/
}
@media only screen and (max-width:750px) and (min-width:100px){
table{border-collapse:collapse;}
}
@media print{
html,body{background-image:none!important;background:none!important;background-color:#fff;}
h1,h2,h3,h4{background:#fff;background-color:#fff!important;color:#000;text-shadow:none;}
#kartebd,#meinpreissuche{border:none;background-color:#fff;width:99%;margin:0;box-shadow:none;}
.info{text-shadow:none;}
a.allinflink{background-color:#fff;text-shadow:none;}
input[type=button],.button,.btnf,#steuerMap,.leaflet-top,.noprint{display:none;}
#jahrzeiger{border:none;background:none;}
}
/* Leaflet CSS */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
.leaflet-overlay-pane svg {-moz-user-select: none;}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}
.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {top: 0;z-index:1100;}
.leaflet-right {right: 0;}
.leaflet-bottom {bottom: 0;}
.leaflet-left {left: 0;}
.leaflet-control {float: left;clear: both;}
.leaflet-right .leaflet-control {float: right;}
.leaflet-top .leaflet-control {margin-top: 10px;}
.leaflet-bottom .leaflet-control {margin-bottom: 10px;}
.leaflet-left .leaflet-control {margin-left: 10px;}
.leaflet-right .leaflet-control {margin-right: 10px;}
.leaflet-fade-anim .leaflet-tile {will-change: opacity;}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {opacity: 1;}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {will-change: transform;}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}
.leaflet-zoom-anim .leaflet-zoom-hide {visibility: hidden;}
.leaflet-interactive {cursor: pointer;}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive {cursor: crosshair;}
.leaflet-popup-pane,.leaflet-control {cursor: auto;}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {color: #0078A8;}
.leaflet-container a.leaflet-active {outline: 2px solid orange;}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #d4eeff;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}
.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-list{text-align:left;}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}
.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}
.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	user-select:text;
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;
	margin: -10px auto 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}
/* .leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}*/

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}
.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/*search*/
.leaflet-container .leaflet-control-search {
	position:relative;
	float:left;
	background:#fff;
	color:#1978cf;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index:1000;	
	margin-left: 10px;
	margin-top: 10px;
}
.leaflet-control-search.search-exp {/*expanded*/
	background: #fff;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;	
}
.leaflet-control-search .search-input {
	display:block;
	float:left;
	background: #fff;
	border:1px solid #666;
	border-radius:2px;
	height:22px;
	padding:0 20px 0 2px;
	margin:4px 0 4px 4px;
}
.leaflet-control-search.search-load .search-input {
	background: url('../images/loader.gif') no-repeat center right #fff;
}
.leaflet-control-search.search-load .search-cancel {
	visibility:hidden;
}
.leaflet-control-search .search-cancel {
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	right:28px;
	margin:6px 0;
	background: url('../images/search-icon.png') no-repeat 0 -46px;
	text-decoration:none;
	filter: alpha(opacity=80);
	opacity: 0.8;		
}
.leaflet-control-search .search-cancel:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.leaflet-control-search .search-cancel span {
	display:none;
	font-size:18px;
	line-height:20px;
	color:#ccc;
	font-weight:bold;
}
.leaflet-control-search .search-cancel:hover span {
	color:#aaa;
}
.leaflet-control-search .search-button {
	display:block;
	float:left;
	width:30px;
	height:30px;	
	background: url('../images/search-icon.png') no-repeat 4px 4px #fff;
	border-radius:4px;
}
.leaflet-control-search .search-button:hover {
	background: url('../images/search-icon.png') no-repeat 4px -20px #fafafa;
}
.leaflet-control-search .search-tooltip {
	position:absolute;
	top:100%;
	left:0;
	float:left;
	list-style: none;
	padding-left: 0;
	min-width:120px;
	max-height:122px;
	width:370px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	background-color: rgba(0, 0, 0, 0.25);
	z-index:1010;
	overflow-y:auto;
	overflow-x:hidden;
	cursor: pointer;
}
.leaflet-control-search .search-tip {
	margin:2px;
	padding:2px 4px;
	display:block;
	color:black;
	background: #eee;
	border-radius:.25em;
	text-decoration:none;	
	width:98%;
	vertical-align:center;
}
.leaflet-control-search .search-button:hover {
	background-color: #d4eeff;
}
.leaflet-control-search .search-tip-select,
.leaflet-control-search .search-tip:hover {
	background-color: #fff;
}
.leaflet-control-search .search-alert {
	cursor:pointer;
	clear:both;
	font-size:.75em;
	margin-bottom:5px;
	padding:0 .25em;
	color:#e00;
	font-weight:bold;
	border-radius:.25em;
}


.transition {transition: top 400ms linear;}
#clockdigdat {
	font-family:Tahoma, Verdana, Aial, sans-serif;
	font-size:28px;
	line-height:108%;
	font-weight:bold;
	color:#000;
	margin:10px 0;}
#clockdigdat span {vertical-align: top;color:#fff;}
#clockdigdat div{
	position: relative;
	border: 1px solid #000;
	display: inline-block;
	min-width: 38px;
	height: 30px;
	background:#ffffff;
    background:linear-gradient(to bottom,#999 0%,#fff 50%,#999 100%);
	overflow: hidden;
}
#clockdigdat ul{list-style-type:none;position:absolute;}
#clockdigdat ul li{list-style:none;}

#unitControlId{display:none}

.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('images/spritesheet.png');background-image:linear-gradient(transparent,transparent),url('images/spritesheet.svg');background-repeat:no-repeat;background-size:270px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('images/spritesheet-2x.png');background-image:linear-gradient(transparent,transparent),url('images/spritesheet.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.7);border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px Arial,Helvetica,sans-serif;margin-left:0;margin-top:0;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:5000}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-draw-tooltip-single{margin-top:0;margin-left:0;}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}
.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}
.leaflet-div-icon {
    border-radius: 5px;
    background-color: rgba(255, 242, 0, 0.55);
    border: 1px solid #666;
}
.leaflet-editing-icons{background-color: rgba(255, 242, 0, 0.55);}
.leaflet-editing-icon{background-color: rgba(255, 255, 255, 0.55);}
.leaflet-measure-path-measurement {
    position: absolute;
    font-size: 9px;
    color: black;
   /* text-shadow:0 0 3px #ff0, 0 0 3px #ff0, 0 0 3px #ff0,0 0 3px #ff0,0 0 3px #ff0;*/
    white-space: nowrap;
    transform-origin: 0;
    pointer-events: none;
	
}
.draw-path-middle{margin-top:4px;word-spacing:7px;background-color:rgba(255,255,255,0.5);}
.formatt-radius{text-shadow:0 0 3px #ff0, 0 0 3px #ff0, 0 0 3px #ff0,0 0 3px #ff0,0 0 3px #ff0;}
.measure-path-stop,.measure-path-stopbig {text-shadow:0 0 3px #0f0, 0 0 3px #0f0, 0 0 3px #0f0;margin-top:-10px}
.measure-path-stopbig{font-size:12px; }
.measure-path-middle{text-shadow:0 0 3px #0ff, 0 0 3px #0ff, 0 0 3px #0ff;}
.formatt-center{font-size: 19px;line-height: 10px; visibility:hidden;}
.leaflet-measure-path-measurement > div {position: relative;margin-top: -14%;left: -55%;}

.formatt-center-stab{margin-top: -50% !important;}
path.leaflet-interactive{ cursor:alias;}
.infoZoom,.infoElev {
	width:160px;
    padding:4px;
    font: 14px/16px Arial, Helvetica, sans-serif;
	text-align:center;
    background: white;
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 10px;
}
.infoZoom{width:33px; margin-left:6px !important;font-size:12px;cursor:pointer;}
.infoZoom:hover{background-color:#d4eeff}
.infoElev {margin-bottom: 0 !important;}
.infoZoom h4,.infoElev h4 {font-size:28px;margin:4px 0;color:#4069ef;}
.infoZoom h4{font-size: 16px;}
.infoElevSw{min-width:166px;
    background:#c2d0fd;
	color:#032190;
    cursor: pointer;
	border:1px solid #666;
	border-radius: 5px;}
.infoElevSw:hover{background:#fff;}
.infoElev .leaflet-control b{background-color:#fff;}
.leaflet-draw-edit-edit{display:none !important;}
#eleChartInfo{display:inline-block;width: 100%;}
.inlinediv,.eleInfoDiv{ display:inline-block;background-color:#b3d3ff;vertical-align:top;overflow:hidden;border:1px solid #aaa;padding:2px;border-radius:10px;}
#eleChartIn{max-width:620px;width:100%;}
#eleChartSet,#eleChartLat{ overflow:auto;padding:0 10px;min-width:160px;max-height:160px;border:1px solid #999;}
#eleChartSet{padding:0 0 5px 0;background-color:transparent;
    width: 100px;transition: 0.3s linear;
    max-height: 210px;
    min-width: 50px;
    overflow: hidden;
    border-radius: 10px;}
#eleChartSet div.inlinediv{background-color:rgba(255, 255, 255, .7);padding:0;font-size:11px;}
#eleChartSet a{display:inline-block; width:15px; height:15px; margin:0; border:1px solid #fff;outline:1px solid transparent;}
#eleChartSet a:hover{ outline-color:#00f !important;}
#eleChartCan{width:100%; display:none;}
#locateposition:hover{background-color:#d4eeff !important}
.loader{background-image:repeating-linear-gradient(90deg,
white,white,#fd0,white,#fd0,white,#fd0,white,#fd0,white,#fd0,white,white);
-webkit-animation:loading 1s infinite linear;}
@-webkit-keyframes loading{
20%{background-image:repeating-linear-gradient(90deg, 
white,white,#fd0,#fd0,#fd0,white,#fd0,white,#fd0,white,#fd0,white,white);}
40%{background-image:repeating-linear-gradient(90deg, 
white,white,#fd0,white,#fd0,#fd0,#fd0,white,#fd0,white,#fd0,white,white);}
60%{background-image:repeating-linear-gradient(90deg, 
white,white,#fd0,white,#fd0,white,#fd0,#fd0,#fd0,white,#fd0,white,white);}
80%{background-image:repeating-linear-gradient(90deg, 
white,white,#fd0,white,#fd0,white,#fd0,white,#fd0,#fd0,#fd0,white,white);}
}
@media only screen and (min-width:1050px){
.inlinediv{display:block;}

}
.leaflet-editing-icon:hover{
margin-left:-7px !important;margin-top:-7px !important;width:14px !important;height:14px !important;
background-color:rgba(0,255,0,0.5);}