#mapV2 {
   border:1px dotted silver;
   height:650px;
   width:100%;
   background:#f5f5f5;
}

#xmap {
   border:1px solid silver;
   height:650px;
   width:100%;
   background:#f5f5f5;
}

#minimapV2,#minimap2V2 {
   z-index:1;
   height:300px;
   width:300px;
   border:1px solid silver;
}

.sr-only {
 display:none;
}


#minimapV2 section {
  margin-top:0px !Important;
  min-height:auto !Important;
}

/* legende */
#mapV2Legend{
  display:none;
  background:#efefef;
  z-index:10000;
  border:1px solid silver;
  position:absolute;
  width:220px;
  border: medium none;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
}

#mapV2Legend .tabHeader{
  padding:0;
  margin:0;
  display:table;
  width:100%;
}

#mapV2Legend .tabHeader li{
  background:white;
  display:table-cell;
  font-size:12px;
  font-weight:normal;
  text-align:center;
  padding:3px;
  padding-bottom:0px;
  width:19%;
  border-left:1px solid silver;
  cursor:pointer;
}
#mapV2Legend .tabHeader li:first-child{
  border-left:0;
}

#mapV2Legend .tabHeader li a {
   display:block;
}

#mapV2Legend .tabHeader li a img {
   border:0;
}
#mapV2Legend .tabHeader .activ, #mapV2Legend .tabHeader li:hover{
  background:#F4F4F4;
}

#mapV2Legend .tabMain{
  display:none;
  overflow:auto;
  background:#F4F4F4;
  min-height:100px;
  width:220px;
  border:0px;
}
#mapV2Legend .tabMain div{
  display:none;
  padding:10px;
  color:#666666;
  font-size:11px;
  margin-top:10px;
  line-height: 16px;
}
#mapV2Legend .tabMain div.activ{
   display:block;
}

#mapV2Legend .tabMain div h3{
   margin:0;
   font-size:12px;
   color:#666666;
   font-weight:bold;
   margin-bottom:5px;
}


#mapV2Legend #infozoom {
   display:block;
   font-size:10px;
   font-weight:normal;
   border:0 Important;
   margin-bottom:5px;
}


#mapV2Legend .tabMain  input{
   box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

#mapV2Legend .tabMain table {
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

#mapV2Legend .tabMain table td {
  vertical-align:top;
  padding: 0px;
  padding-right:2px;
  padding-top:2px;
}
#mapV2Legend .tabMain table td input{
  padding:0;
  margin:0;
}
#mapV2Legend .tabMain table td .typcolor{
   display:inline-block;
   width:11px;
   height:11px;
   margin:2px;
   border:1px solid white;
}
#mapV2Legend .tabMain table td label{
   display:block;
   margin-top:2px;
   margin-left:2px;
   cursor:pointer;
   line-height:16px;
}

#mapV2Legend .tabMain table td label:hover{
   color:black;
}

#mapV2Legend .tabMain table td .labelCount{
  color:#68686A;
  font-size:10px;
}

/* filter */
#mapV2Legend .tabMain table table {
   margin-bottom:5px;
}

#mapV2Legend .tabMain table table tr td:first-child{
   padding-left:2px;
}


/* subfilter */
#mapV2Legend .tabMain table .subFilter {
  display:none;
}

#mapV2Legend .tabMain table td.filterAction  {
  background-image:url(/public/20250101002236oe_/https://www.o-sp.de/defaults/_kartev2/img/list_open.png);
  background-repeat:no-repeat;
  background-position:left center;
  display:inline-block;
  width:10px;
  height:16px;
  cursor:pointer;
}
#mapV2Legend .tabMain table td.filterAction.open {
  background-image:url(/public/20250101002236oe_/https://www.o-sp.de/defaults/_kartev2/img/list_close.png);
}

#mapV2Legend .tabMain table td.filterAction.empty {
  background:#F4F4F4;
}

/*
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*/





/* ort abel */
.ortLabel {
  min-width:80px;
  font-size:12px;
  color:black;
}



/* zoom infobox*/
#mapV2ZoomInfo {
   display:none;
   position:absolute;
   z-index:200000;
   background:white;
   font-size:11px;
   width:auto;
   padding:5px;
   margin-left:40px;
   margin-top:5px;
   margin-right:30px;
   border: medium none;
   box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
   cursor:pointer;
}

/*
@keyframes fadein { from { opacity: 0; }to{ opacity: 1; }}
@-moz-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-webkit-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-ms-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-o-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
*/




/* popup */
.leaflet-popup-content-wrapper {
  text-align: left !Important;
  border-radius: 0px 0px 0px 0px !Important;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
}
.leaflet-popup-close-button {
  font-weight:bold !Important;
  color:#666666 !Important;
  font-size:20px !Important;
}
.leaflet-popup-content {
    margin: 5px !Important;
    margin-top:22px !Important;
    margin-right:4px !Important;
    margin-bottom:10px !Important;
}


.popupContent {
   max-height:220px;
   overflow-y:auto;
}
.popupContent .typname {
   font-weight:bold;
}

.leaflet-popup-content {
   min-width:230px;
   max-width:400px;
   padding:5px;
}

.popupContent h1{
   padding:0;
   margin:0;
   font-size:1.2em;
   padding-bottom:5px;
}
.popupContent table tr td  {
  vertical-align:top;
  padding:3px;
}
.popupContent .filterbox {
   border:1px dotted #666666;
   width:11px;
   height:11px;
   margin:3px;
   opacity:0.6;
}

/* search */
#mapV2Legend .tabMain form {
  padding:0;
  margin:0;
}


#mapV2Legend .tabMain #searchformV2 input[type=text] {
  border: 1px dotted #000066;
  margin: 0;
  opacity: 0.8;
  padding: 5px;
  width: 95%;
  background:white;
}

#mapV2Legend .tabMain #searchformV2 input[type=image] {
  position:absolute;
  padding:0;
  margin:0;
  z-index:900000;
  margin-top:8px;
  margin-left:79%;
  border:0 !Important;
  width:16px;
  height:16px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

#mapV2Legend .tabMain #searchformV2 input[type=image].loader {
  background-image:url(/public/20250101002236oe_/https://www.o-sp.de/defaults/_kartev2/img/ajax-loader.gif);
  background-repeat:no-repeat;
  background-position: center center;
}


#mapV2Legend .tabMain #searchinfo {
  padding:0;
  margin:0;
}


#mapV2Legend .tabMain #searchresultV2 {
  padding:0;
  margin:0;
  width:100%;
  display:none;
  overflow:auto;
  padding-bottom:10px;
}

#mapV2Legend .tabMain #searchresultV2 div {
  padding:4px;
  border: 1px dotted #000066;
  background:white;
  margin:0;
  display:block;
  border-left:4px solid #666666;
  cursor:pointer;
}
#mapV2Legend .tabMain #searchresultV2 div:hover {
  background:#FAFAFA;
}
#mapV2Legend .tabMain #searchresultV2 div.active {
  border-left:4px solid #FE7E7E;
}

#mapV2Legend .tabMain #searchresultV2 h4 ,#mapV2Legend .tabMain #searchinfo h4{
  padding:0;
  margin:0;
  margin-bottom:2px;
}


.pdfdownload {
  height:30px;
  background-image:url(/public/20250101002236oe_/https://www.o-sp.de/defaults/_kartev2/img/download.png);
  background-repeat:no-repeat;
  padding-left:20px;
  display:block;
}

.leaflet-left .leaflet-control {
  margin-left:2px;
  margin-top:2px;
}

.leaflet-popup-content {
  padding-top:0;
}

.leaflet-popup-content p {
  margin:0;
}

/* tabs */
#xmap, #minimapV2 {
  border:1px solid #C0C0C0;
}

#xmap {
  margin-top:-2px;
}


.xmaptabarea ul {
    margin:0px;
    padding:0px;
}
.xmaptabarea ul li {
    float:left;
    background-color:white;
    border:1px solid #D3D3D3;
    border-bottom:0px;
    margin-right:3px;
    list-style:none;
    z-index:10000;
    margin-bottom:-1px;
    opacity:0.5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.xmaptabarea ul li.selected {
    position: relative;
    opacity:1;
    border-color:#C0C0C0;
    background:#F2F4F7;
}


.xmaptabarea ul li a{
   display:block;
   text-decoration:none;
   padding:4px;
   font-size:12px;
   padding-right:20px;
   padding-left:20px;
   color:#666666;
}

.xmaptab {
  display:block;
  clear:left;
}
.xmaptabul {
  display:block;
}

/* zoom icon leegende*/
.zoomtoicon{
  display:inline-block;
  cursor:pointer;
  width:12px;
  height:12px;
  background-image:url(/public/20250101002236oe_/https://www.o-sp.de/defaults/_kartev2/img/zoomin.png);
  background-size:12px 12px;
}
