.leaflet-bar {
    border: medium none !important;
}

.leaflet-control-pan-up {
    background-image: url(images/pan-up.png);
}

.leaflet-control-pan-left {
    background-image: url(images/pan-left.png);
}

.leaflet-control-pan-right {
    background-image: url(images/pan-right.png);
}

.leaflet-control-pan-down {
    background-image: url(images/pan-down.png);
}

.leaflet-pan-hidden {
    visibility: hidden;
}

@media only screen and (max-width: 768px) {
    #ia1_mainimage.singleMode .leaflet-control-container .leaflet-left {
        left: auto;
    }

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

.show-whole-menu .leaflet-control-pan {
    width: 124px;
    height: 84px;
    background: #323232;
    opacity: 0.8;
    border-radius: 5px !important;
    overflow: hidden;
    position: relative;

}

.show-whole-menu .leaflet-control-pan .leaflet-control-pan-up-wrap {
    position: absolute;
    top: 6px;
    right: 31px;
}

#ia2_mainimage .show-whole-menu .leaflet-control-pan .leaflet-control-pan-up-wrap, #ia1_mainimage.singleMode .show-whole-menu .leaflet-control-pan .leaflet-control-pan-up-wrap {
    right: 69px;
}

.show-whole-menu .leaflet-control-pan .leaflet-control-pan-down-wrap {
    position: absolute;
    bottom: 2px;
    right: 31px;
}

#ia2_mainimage .show-whole-menu .leaflet-control-pan .leaflet-control-pan-down-wrap, #ia1_mainimage.singleMode .show-whole-menu .leaflet-control-pan .leaflet-control-pan-down-wrap {
    right: 69px;
}

.show-whole-menu .leaflet-control-pan .leaflet-control-pan-left-wrap {
    position: absolute;
    top: 30px;
    /*top: calc(50% - 12px); */
    right: 55px;
}

#ia2_mainimage .show-whole-menu .leaflet-control-pan .leaflet-control-pan-left-wrap, #ia1_mainimage.singleMode .show-whole-menu .leaflet-control-pan .leaflet-control-pan-left-wrap {
    right: 93px;
}

.show-whole-menu .leaflet-control-pan .leaflet-control-pan-right-wrap {
    position: absolute;
    top: 30px;
    /*top: calc(50% - 12px); */
    right: 6px;
}

#ia2_mainimage .show-whole-menu .leaflet-control-pan .leaflet-control-pan-right-wrap, #ia1_mainimage.singleMode .show-whole-menu .leaflet-control-pan .leaflet-control-pan-right-wrap {
    right: 45px;
}

.show-whole-menu .leaflet-control-zoom {
    position: absolute;
    top: 15px;;
    left: 6px;
    z-index: 1000;
}

#ia2_mainimage .show-whole-menu .leaflet-control-zoom, #ia1_mainimage.singleMode .show-whole-menu .leaflet-control-zoom {
    left: auto;
    right: 6px;
}

.show-whole-menu .leaflet-control-zoom-out {
    margin-top: 6px;
}

.show-whole-menu .leaflet-bar a {
    opacity: 1 !important;
    background-color: #fefefe !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    font-size:22px;
    border-radius: 3px !important;
    color: #333 !important;
    font-family: Arial, sans-serif;
}

.show-whole-menu .leaflet-bar a:hover {
    background-color: #bbb !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* disabled-hover: darf sich nicht ändern, überschreibt das vorherige hover mit den norm-settings */
.show-whole-menu .leaflet-bar a.leaflet-disabled:hover {
    background-color: #fefefe !important;
    color: #999 !important;
    border: 1px solid #999 !important;
    color: #333 !important;
}