/* START: Allgemein BISWebMaps */
.gm-style {
    font-family: Arial, Helvetica, sans-serif !important;
}

#map_canvas {
    height: 720px;
    width: 100%;
}

.yform.map_controls {
    width: 100%;
    padding: 0;
    border: none;
}

#mapsInfoWindow {
    position: relative;
    top: -14px;
}

#mapsInfoWindow .mapsInfoWindowContent {
    background-color: white;
    padding: 0.5em;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 8px -6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

#mapsInfoWindow .mapsInfoWindowPoint {
    background-color: white;
    width: 20px;
    height: 20px;
    transform: translate(0, -13px) rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid grey;
    z-index: 0;
}

#divInfoWindow table th, #divInfoWindow table td {
    padding: 0.3em;
}

#divInfoWindow a {
    padding-left: 0.3em;
}
/*
    #mapsInfoWindow .mapsInfoWindowPoint {
        width: 0;
        height: 0;

        position: absolute;
        left: 0;
        right: 0;
        margin: auto;

        border-top: 10px solid white;
        border-bottom: 10px solid transparent;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
*/
/* ENDE: Allgemein BISWebMaps */
/* START: Obere Controls ausserhalb Map */
#map_upper_controls {
    margin: 0;
    width: 100%;
    display: table;
}

#ctl00_CphMain_lbxSearch {
    width: auto;
    display: table-cell;
}

#btnGeoPosition {
    width: 16px;
    display: table-cell;
    padding-left: 6px;
    vertical-align: middle;
}
/* ENDE: Obere Controls ausserhalb Map */

/* START: Obere rechte Controls innerhalb Map */
#map_loading_animation {
    padding-top: 4px;
    padding-right: 8px;
}
/* ENDE: Obere rechte Controls innerhalb Map */

/* START: Legende */


.legendColorTD {
    width: 2em;
    filter: Alpha(Opacity=40);
}

.legendImageTD {
    text-align: center !important;
}

.legendImageTD img {
    width: 16px;
    height: 16px;
}
/* ENDE: Legende */

#map_top_right_controls {
    /* Folgende Properties setzen damit div nicht grösser wird wenn Ansicht aufgeklappt. Sonst ist in diesem Bereich kein dragging mehr möglich der Map sondern select in Menü! */
    overflow: visible;
    height: 1px;
    position: absolute;
    z-index: 1;
    right: 0;
}

#map_top_right_controls > div {
    float: right;
}

.mapControl {
    margin-top: 2px;
    margin-right: 3px;
}

.mapExpandableControl {
    overflow: hidden;
}

.mapControl_ButtonDiv {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    padding: 0.3em 0.5em 0.3em 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* Damit mit padding und 100% Width keine Pixel verloren gehen. Sonst ist ButtonDiv 100% + paddingPixels breit!! */
}

.mapExpandableControl_Expansion_Expanded {
    height: auto;
    max-height: 680px; /* wie map_canvas - 40px */
    overflow: auto;
    width: auto;
    /* Problem:
        - "Auto" liefert nur Breite von TDs darunter ohne allfällige Scrollbars zu berücksichtigen!
          Das bedeutet, dass wenn Scrollbar gemalt wird, das TD kleiner gemacht werden müsste, was aber nicht geht weil TD schon so klein wie's nur geht
      Lösung:
        - min-width kann abhilfe schaffen, indem es das DIV grösser macht, als die TDs + Scrollbar (20px)
          Dann kann, wenn die Scrollbar gemalt wird, das TD noch um die 20px kleiner gemacht werden (es ist ja grösser als es benötigt weil Table 100% width ist), und die Scrollbar hat Platz

      Lösung ist aber nicht schön da die TDs dann viel grösser sind, als sie sein müssen. Wenn weniger Einträge vorhanden sind in der Liste und keine Scrollbar gezeichnet sind, sind sie viel zu gross
      für den Inhalt! Sieht unschön aus.
    */
    _min-width: 65px;
}

.mapExpandableControl_Expansion_Collapsed {
    height: 0;
    width: 0;
}

.mapExpandableControl_EntryList {
    width: 100%;
    border-spacing: 2px 2px;
    border-collapse: separate;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.mapExpandableControl_EntryList td {
    vertical-align: middle;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    padding: 0.4em;
}

.mapExpandableControl_EntryList td.mapExpandableControl_EntryList_GroupTitle {
    _text-align: center;
    text-decoration: underline;
    border: none;
    cursor: default;
}

.mapExpandableControl_SelectableEntryList tr:hover td:not(.legendColorTD):not(.mapExpandableControl_EntryList_GroupTitle), .mapExpandableControl_SelectableEntryList .mapExpandableControl_SelectedEntry td:not(.legendColorTD), .mapControl_ButtonDiv:hover, .mapControl_ButtonDiv_Checked,
.mapExpandableControl_StickyEntry td:not(.legendColorTD) {
    cursor: pointer;
}

.map_layer_control_table td {
    text-align: center;
    font-size: 1.1em;
}

.div_EntryList_Separator {
    height: 10px;
}