/* mõõtkava */

.regio-scalebar {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 5px;
    width: 100px;
    height: 2px;
    background: #fff;
    border: solid 1px #404041;
    z-index: 2000;
}

.regio-scalebar div {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
}

.regio-scalebar div.s1 {
    left: 0;
    width: 12.5%;
}

.regio-scalebar div.s2 {
    left: 12.5%;
    width: 12.5%;
    background: #404041;
}

.regio-scalebar div.s3 {
    left: 25%;
    width: 25%;
}

.regio-scalebar div.s4 {
    left: 50%;
    width: 25%;
    background: #404041;
}

.regio-scalebar div.s5 {
    left: 75%;
    width: 25%;
}

.regio-scalebar span {
    display: block;
    position: absolute;
    top: -12px;
    right: -15px;
    width: 30px;
    font-family: arial, sans-serif;
    font-size: 8px;
    line-height: 8px;
    text-align: center;
    color: #404041;
}

.regio-scalebar div.s1 span {
    right: auto;
    left: -7px;
    text-align: left;
}