#Uberschrift{
	 background-color:#FFF;
	 padding-bottom:5px;
	 margin-top:60px;
 }

#Filter{
	 
	 top:110px;
	 height:30%
 }

 #Ergebnis{
	 height:65%;
 }

 #map {
     width: 100%;
     height: 740px;

 }

 .ol-popup, .ol-popup-live {
     font-size: 13px;
     min-width:150px;
     position: absolute;
     padding: 15px;
     border-radius: 10px;
     color: #ffffff;
     background-color: #003366;
     border: 2px solid #666666;
     opacity: 0.7;
     filter: alpha(opacity=70); /* For IE8 and earlier */
 }

 .ol-popup-live {
     bottom: 50px;
     left: -55px;
  }

 .ol-popup {
     display: none;
     bottom: 12px;
     left: -50px;
 }

 .ol-popup:after, .ol-popup:before, .ol-popup-live:after, .ol-popup-live:before {
     top: 100%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }
 .ol-popup:after, .ol-popup-live:after {
     border-top-color: #003366;
     border-width: 10px;
     left: 48px;
     margin-left: -10px;
 }
 .ol-popup:before, .ol-popup-live:before {
     border-top-color: #cccccc;
     border-width: 11px;
     left: 48px;
     margin-left: -11px;
 }
 .ol-popup-closer {
     text-decoration: none;
     position: absolute;
     top: 2px;
     right: 8px;
 }
 .ol-popup-closer:after {
     content: "✖";
 }


 #map_canvas{
	
	 height: 740px;
     width: 100%;

	
 }

 #map_box{

     height: 100%;
     width: 100%;
     position: relative;

 }
 /* Phone */
 .collapse {
     display: none;
     visibility: hidden;
 }
 .collapse.in {
     display: block;
     visibility: visible;
 }

 .collapsing {
     position: relative;
     height: 0;
     overflow: hidden;
     -webkit-transition-property: height, visibility;
     transition-property: height, visibility;
     -webkit-transition-duration: 0.35s;
     transition-duration: 0.35s;
     -webkit-transition-timing-function: ease;
     transition-timing-function: ease;
 }
 .collapsing.width {
     -webkit-transition-property: width, visibility;
     transition-property: width, visibility;
     width: 0;
     height: auto;
 }
 .transbox {
     position: absolute;
     bottom:0px;
     right: 0px;
     margin: 20px;
     width: 580px;
     background-color: #003366;
     border: 2px solid #666666;
     opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
     z-index: 10000;
 }

 .editBox {
      position: absolute;
      top:20px;
      left: 100px;
      padding: 5px;

      background-color: #efe24b;
      border: 2px solid #666666;
      opacity: 0.8;
      filter: alpha(opacity=80); /* For IE8 and earlier */
      z-index: 100000;
      color: #000000;
  }

 .editButton {
     position: absolute;
     top:60px;
     right: 5px;



     z-index: 12;

 }
 #track_details{
     color: #ffffff;
 }
 /* Tablet */
  @media (min-width: 768px) {

  }
 /* Desktop */
  @media (min-width: 1000px) {
      #Cont_right{
          float:right;
          width:48%;
          right:0px;
          margin-top: 60px;

      }
      #Cont_left{
          float:left;
          width:50%;

      }
      #Cont_right_sm{
          float:right;
          width:58%;
          right:0px;
          margin-top: 60px;

      }
      #Cont_left_sm{
          float:left;
          width:40%;

      }
  }

 /* Großer Desktop */
  @media (min-width: 1500px) {
      #Cont_right{
            float:right;
            width:48%;
            right:0px;
            margin-top: 60px;

        }
      #Cont_left{
          float:left;
          width:50%;

      }
      #Cont_right_sm{
          float:right;
          width:58%;
          right:0px;
          margin-top: 60px;

      }
      #Cont_left_sm{
          float:left;
          width:40%;

      }
  }
 .icon_modal_head{
     float:right;
    margin-right: 5px;

 }
 .modal_head_right{
     float:right;


 }
  .example {
     background-color: #fdfdfd !important;
     border: 1px solid #ccc;
     margin: 0 0 10px;
     min-height: 100px;
     padding: 10px 0px;
     position: relative;
 }
  .modal .modal-body {
      max-height: 420px;
      overflow-y: auto;
  }
 .windowImage{
     max-width: 250px;
 }
 .windowImageList{
     max-width: 100px;
 }
  .link{
      cursor: pointer;
      color: #0044cc;
  }