body {
    margin: 0;
    padding: 0;
}

#mapWrapper {
    position: relative;
    z-index: 1;
    margin: 0;
}

#searchResults {
    position: fixed;
    display: none;
    background-color: #F1EEE8;
    border: 1px solid #AAAAAA;
    top: 0;
    left: 0;
    z-index: 100;
    min-width: 100px;
    max-width: 200px;
    height: auto;
    width: auto;
}

#searchResults ul {
    padding: 0;
    margin: 0;
}

#searchResults li {
    list-style: none;
    border: 1px solid #AAAAAA;
    max-width: 200px;
    padding: 3px;
}

#reservationForm {
    padding: 3px;
    border-right: 1px solid #AAAAAA;
    vertical-align: top;
    width: 100px;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 10;
    background-color: #F1EEE8;
    margin: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    color: #000000;
}

#nextbike_link {
    bottom: 6px;
    left: 9px;
    position: absolute;
    top: 468px;
}

h1 {
    font-size: 11pt;
    margin: 0 0 4px;
}

input, select {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #000000;
    display: block;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9pt;
    width: 100px;
}

.button {
    background-color: #999988;
    border: 1px solid #555555;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 1em;
}

#map {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 2;
    margin: 0;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
    -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
    transition: transform 0.2s ease-out, opacity 0.2s ease-in;
}

.marker-cluster-small {

}

.marker-cluster-small div {

    background-image: url(https://nextbike.net/4com/icons/nextbike_group_icon_32x32.png);
}

.marker-cluster-medium {

}

.marker-cluster-medium div {

    background-image: url(https://nextbike.net/4com/icons/nextbike_group_icon_32x32.png);

}

.marker-cluster-large {

}

.marker-cluster-large div {

    background-image: url(https://nextbike.net/4com/icons/nextbike_group_icon_32x32.png);
}

.searchIcon {

    background-image: url(https://nextbike.net/4com/icons/search_icon.png);
    width: 25px;
    height: 41px;
}

.mrrIcon {
    background-image: url(https://nextbike.net/4com/icons/metroradruhr_group_icon_32x32.png);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    /*background-color: rgba(189, 147, 117, 0.5);*/
    text-align: center;
    font-style: oblique;
}

.szBikeIcon {
    background-image: url(https://nextbike.net/4com/icons/szbike_group_icon_32x32.png);
    width: 32px;
    height: 32px;
    border-radius: 16px;
   /* background-color: rgba(91, 192, 128, 0.5);*/
    text-align: center;
    font-style: oblique;
}

.veturiloIcon {
    background-image: url(https://nextbike.net/4com/icons/veturilo_icon_32x32.png);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: rgba(23, 94, 164, 0.4);
    text-align: center;
    font-style: oblique;
}

.usedomIcon {
    background-image: url(https://nextbike.net/4com/icons/usedom_icon_32x32.png);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: rgba(171, 167, 167, 0.6);
    text-align: center;
    font-style: oblique;
}

.bubiIcon {
    background-image: url(https://nextbike.net/4com/icons/bubi_cluster_icon_36x36.png);
    width: 36px;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    font-style: oblique;
}

.norisIcon {
    background-image: url(https://nextbike.net/4com/icons/norisbike_group_icon_32x32.png);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    /*background-color: rgba(214, 14, 13, 0.4);*/
    text-align: center;
    font-style: oblique;
}
.nextbikeIcon {
    background-image: url(https://nextbike.net/4com/icons/nextbike_group_icon_32x32.png);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    /*background-color: rgba(23, 94, 164, 0.4);*/
    text-align: center;
    font-style: oblique;
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

.marker-cluster div {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: rgba(23, 94, 164, 0.4);
    text-align: center;
    font-style: oblique;
}

.marker-cluster span {
    visibility: hidden;
}

.clear {
    clear: both;
}

.chromeframe {
    position: absolute;
    background-color: #ffce06;
    border: solid thin #000000;
    min-height: 100px;
    min-width: 100px;
    z-index: 9999;
    color: #000000;
    padding: 20px;
    font-size: 16px;
    margin: 20px auto;
}

.popup-table {
    font-size: inherit;
}