.legend span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}



/* commzone */
.legend .rule1 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAbElEQVR42mP4//8/A60xKoeBQQOIHSjEGjgtAQIXIP4OxP8pxCAzfDAsgfqAGhYgW6SBbokDFS2AYQdCljSQERcNpFriQHIKwmPGqCWjloxaMmoJnSyhSwFJk6Ke9pUWXapfujUk6NYkohUGAObTXxrftHpYAAAAAElFTkSuQmCC);
}

.legend .rule2 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAX0lEQVR42u3WsQ1AIQhFUcZhDNdiMBZjgfclsdVCPxbmmdxOcqxUASDVyXWkL+21w3SKDAA/pTMkTwEzg7tvlbMDaUskN0fEVjlLhAgRIkROkOqrvv7RuvL8vvVbqeoDpduo9HQlxoAAAAAASUVORK5CYII=);
}

/* search */
.legend .selectedArea {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAA2klEQVR42mP4//8/Awzrt/yfbtD8fz9FuOX/fIeG/xzI5oIJoCALSBKo6D+V8G7thv88KJYABRcbNv35Xxo27X+zbyNFGGSGacP3//rN/7fDfAQLIrDkfOtwqmCQWWAfAUMHbAk0LMGugCki1xfI+qHBth+rJUgKSMZYzCDKEmJTFdmW7EdOhvgwITNGLRm1ZNSSIWAJXYoV2hWQtCnqodUuLSotYO24HGwJqIoECmymQfV73KDhvwBKQwJUJ1OrIYFsAdwSqEUc0KCjqEkECiLjhv8iGE0iWmMAKh9F67h1+4cAAAAASUVORK5CYII=);
}

.legend .selectedAreaPoint {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABJ0lEQVR42mP4//8/A60xw4Bb4tDwn8Ow+X+IQcv/+UB836D5/38wBrGBYvpN/2O0G/7zkG2JfvN/H6BBt+EG48IQywNItsSw5f9kgoZjWjYb6HMWoiwhywIkiwhaAg4iNI3Gjb/+x6bt+t/uXfN/jm3M//nW4f97PEr+JyZv/W/a8B2bZQE4LQFFMnoc2FW9+t/nXgg2GBue4JoPVoMeR+iJARFMoFSE5gN8FiBbhO4jUKrDagk4mSIpBAURIQtgGBR0aL6Zj8uS+8gKO70qibYEFEfoQYbdErQInGcTRbQlIIyufwAtoUtw0SPi6ZKE6ZIZCRUroDiCJQaQxUlJm0kvVuAWtfyfTkEBOZ/oop4si4AW4KrACFVa92lWadGt+h1erRVqYQCF+ZECx4c3+AAAAABJRU5ErkJggg==);
}

/* parcel */
.legend .private {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAg0lEQVR42t3WSwrAIAwE0BzHY3g0b55KUZDSNOYzLioMIqgPXRiJmQkdOo70VnpqMEVEBsBJKRJSl0neU7S5XkPu3nX3yx4qMsYMRzyQC7FCbsQChZBdKIzsQCmIBqUhX1AqIkHpyBsEQZ4QDFkhKDIhC9ICTz1rCL5oHSm///qtoHIBhg1AZ6x1/d8AAAAASUVORK5CYII=);
}

.legend .c1 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hImJ6RI/P/95SjDQjGt4LQEp2rt3739KMMiMUUtGLRm1ZNSSUUtGtiV0qbRGGxKDwhIA7jP8PHUojRMAAAAASUVORK5CYII=);
}

.legend .c2 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAlklEQVR42u3WOwrAIAwA0ODo4v0P4xkKHbr0MKnZStGYn1BKh0x+nmhCBESE1QHfRFJKeyllm0XO+RyNtT0OFqFJtVbkAtoSbpz2cCEzwI1IABciBcyIBjAhWkCNWAAVYgXEiAegoEJlEZrgAeiA7mKUFOoy5H7FS5DnG4YjvSQJRUZZGIZwaT5FJE2La1iipvV/JF6BXI3t2MCH2xxPAAAAAElFTkSuQmCC);
}

.legend .c2c {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAkklEQVR42mP4//8/A60xw/C0BAi+MzMzfwZhJiambzA2KXygGT/wWgJStHfv3v8wDNSAQqNjbPIgM0iyhBgL0PkELQF5GZuBpFhMlE9wGUDIAhgGOZSo4CI2iLDhweETusUJzVMX3fMJLpdSLZ+Q4vLBnU8owYMrn9A8TmieupArLeSKCL2CwidPsNIabUgMCksAyMGbPpw6StQAAAAASUVORK5CYII=);
}

.legend .d {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hImR6RIfG/95SjDQjGt4LQEpWhNy8j8lGGTGqCWjloxaMmrJqCUj2xK6VFqjDYlBYQkAgMeLuFEAm5gAAAAASUVORK5CYII=);
}

.legend .e1 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(http://gistra.de.local:8080/AGIT-GISTRA/images/gistra_extranet/Photo/company-logo/small/logo22876.jpg?pfdrid_c=true);
}

.legend .e2 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hIWR4ZIIJ8N5SjDQjGt4LQEp+l8MZFKAwWaMWjJqyaglo5aMWjKiLaFLpTXakBgUlgAAwb0zOEEOyVYAAAAASUVORK5CYII=);
}

.legend .e3 {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hIWJ4ZIIH8N5SjDQjGt4LQEp+r8dyKQAg80YtWTUklFLRi0ZtWREW0KXSmu0ITEoLAEAxYd4fLLZRgwAAAAASUVORK5CYII=);
}

.legend .c {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hImJ6RI/P/95SjDQjGt4LQEp2rt3739KMMiMUUtGLRm1ZNSSUUtGtiV0qbRGGxKDwhIA7jP8PHUojRMAAAAASUVORK5CYII=);
}

.legend .water {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hJGJ5RIrn+B5SjDQjGt4LQEpclx15z8lGGTGqCWjloxaMmrJqCUj2xK6VFqjDYlBYQkAKnCKAAH9YfMAAAAASUVORK5CYII=);
}

.legend .rail {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAjUlEQVR42uWV3QrAIAiFpfd/gx4zcN1ZgYNdVFrLsbbAi344HycVgYjAOuCbkLwO51xQBLbOs0bsQsrD/Ii8982Q7gtIhPSEJABDggpSE9QAhiFXYS1gCjIKeKcT85yYV9cTfYKaL+k5naouLejcL4W0qm85pOZoPyd3cmJfXTy0cHJgBe6z+JMZvzUkAcDiX4xXtssAAAAAAElFTkSuQmCC);
}

.legend .street {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hImJ6RIXF9d5SjDQjGt4LQEpamlp+U8JBpkxasmoJaOWjFoyasnItoQuldZoQ2JQWAIAvfVNfApLAG4AAAAASUVORK5CYII=);
}

.legend .green {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hJGJ8RI7H+t5SjDQjGt4LQEpitpm/Z8SDDJj1JJRS0YtGbVk1JKRbQldKq3RhsSgsAQAeXwLdPQE3eAAAAAASUVORK5CYII=);
}

.legend .livingspace {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hIWJ8ZIIF+d5SjDQjGt4LQEp+t+Q/p8SDDZj1JJRS0YtGbVk1JIRbQldKq3RhsSgsAQAlASpwLlGgrMAAAAASUVORK5CYII=);
}

.legend .other {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image:
        url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAARElEQVR42mP4//8/A60xw/C0hJGJ6RILN/d5SjDQjGt4LQEpMurr+08JBpkxasmoJaOWjFoyasnItoQuldZoQ2JQWAIAfCcOeOjmCX0AAAAASUVORK5CYII=);
}