#map_body {
  height: 260px;
  width: 100%;
  margin: 0%;
   padding: 0;
  overflow: hidden;
  font-family: Verdana, Arial;
  font-size: 1em;
} 


#map_header {
  top: 45%;
  overflow: hidden;
  color: #ffffff;
  background-color: #bbb;
}

#map {
  height: 250px;
  width: auto;
  font-size: 0.8em;
  margin-top: 0.8em;
}

#map3 {
  height: 250px;
  width: auto;
  font-size: 0.8em;
  margin-top: 0.8em;
}

#map_content {
  font-size: 0.8em;
}

#marker {
    width: 15px;
    height: 15px;
    border: 0px solid red;
    border-radius: 10px;
    background-color: red;
    opacity: 0.8;
}

#marker2 {
    width: 15px;
    height: 15px;
    border: 0px solid red;
    border-radius: 10px;
    background-color: red;
    opacity: 0.8;
}

#osm {
  font-size: 0.7em;
  font-style: italic;
}

div.olMap .olControlPanZoomBar {
    margin-top: 1em;
    margin-left: 0;
}

.ol-attribution {
    text-align: right;
    bottom: .5em;
    right: auto;
    left: .5em;
    max-width: calc(100% - 1.3em);
}
/** Anpassung ´nach Wechel von OpenLayer auf OL (von Version 2 auf Version 3 *
* The zoomslider in the second map shall be placed between the zoom-in and
       * zoom-out buttons.
       */
      #map2 .ol-zoom .ol-zoom-out {
        margin-top: 204px;
      }
      #map2 .ol-zoomslider {
        background-color: transparent;
        top: 2.3em;
      }

      #map2 .ol-touch .ol-zoom .ol-zoom-out {
        margin-top: 212px;
      }
      #map2 .ol-touch .ol-zoomslider {
        top: 2.75em;
      }

      #map2 .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
      #map2 .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
        top: 3px;
      }

      #map2 .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
      #map2 .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
        top: 232px;
      }
      
    .ol-control {
    position: absolute;
    margin-bottom: 3em;
    background-color: rgba(255,255,255,.9);
    border-radius: 4px;
    padding: 2px;
    width: auto;
    }
    
    .ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.4em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
   /* height: 2em;*/
    width: 1.8em;
    line-height: .4em;
    background-color: rgba(0,60,136,.5);
    border: none;
    border-radius: 2px;
    }
    .ol-scale-line-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #000;
    font-size: 1.2em;
    text-align: center;
    margin: 1px;
    font-family: arial;
    will-change: contents,width;
    height: 1.3em;
    }  
    .ol-zoomslider {
    top: 6.5em;
    left: .5em;
    height: 6em;
    }
    
    .ol-custom-overviewmap .ol-overviewmap-map {
        border: none;
        width: 200px;
    }
      
    #bruck
    {
        font-color: black;
        background-color: white;
        opacity: 0.6;
        font-size: 1.3em;
        font-family: calibri, Garamond, Comic Sans MS;
    }

    #gratkorn
    {
        font-color: black;
        background-color: white;
        opacity: 0.6;
        font-size: 1.3em;
        font-family: calibri, Garamond, Comic Sans MS;
    }