html, body, .map {height: 100%}
.ol-attribution, .ol-attribution.ol-uncollapsible {bottom:1.5em;background: transparent;}
.ol-attribution ul,.ol-attribution li{background: transparent;}
.ol-flaglegend {left:auto;top:0.1em;right:5.1em;bottom: auto}
.ol-flagicon {margin: 1.5px;float: left;}
.ol-hidden {display: none;}
.ol-layerchanger {top: 1.5em;right: 0.0em;}
.ol-layerchanger .button {position: absolute;top:4px;right:0.5em;}
.ol-layerchanger.ol-collapsed .panel {display: none;}
.ol-layerchanger .panel {font-family: sans-serif;font-size: smaller;
    padding: 0;margin: 0;border: 2px ridge gray;background-color: #dddddd;
    overflow-x: hidden;overflow-y: auto;
    }
/*.ol-layerchanger .panel button {display: inherit;height: 1.2em;}*/
.ol-layerchanger .panel button {display: inline;height: 1.2em;}
.ol-layerchanger .panel input {cursor: pointer;}
.ol-layerchanger.table td,th {border:0px;}/* Ueberschreiben von gpx.css*/
.ol-layerchanger th {text-align: left;}
.ol-layerchanger th:before{content: '\25BC\00a0';}/* Dreieck */
.ol-layerchanger th.ol-collapsed:before{content: '\25B6\00a0';}/* Dreieck */
.ol-mouse-position {bottom:4px;top:auto;font-size:0.8em}
.ol-mouse-position.ol-individual {left:13em;right:auto}
.ol-mousepositionutm {bottom: 0.1em; right: 13.1em;position:absolute;
      background: white; opacity: 0.6; font-family: monospace;font-size:1em}
.ol-options {left: 0.5em;bottom: 2.5em;right:auto;position:absolute;}
.ol-option {position:static;}
.ol-option:hover {background: yellow;}
.ol-pixelinfo {left:2.5em;top:0.5em;}
.ol-popup {position: absolute;background-color: white;
           padding: 2px 7px 2px 7px; margin: 0px 6px 0px 6px;
           border: 1px solid #cccccc; border-radius: 20px;
           top: 12px; left: -50px;}
.ol-popup:after, .ol-popup:before {bottom: 100%;border: solid transparent;
    content: " ";height: 0;width: 0;position: absolute;/*pointer-events: none;*/}
.ol-popup:after  {border-bottom-color: white;
                  border-width: 10px;left: 44px;margin-left: -10px;}
.ol-popup:before {border-bottom-color: #cccccc;
                  border-width: 11px;left: 44px;margin-left: -11px;}
.ol-popup-button {position: absolute; top: 2px; right: 4px;
                   border-radius: 5px 10px 5px 5px; }
.ol-popup-button:after {content: "\2716";}
.ol-popup *     {margin: 0px;padding:0px;font-size: 12px;}
.ol-popup-panel {min-width: 330px;max-height: 350px;overflow-x: auto;}
.ol-popup p, .ol.popup a {color: rgb(64,16,16); font-size: 9pt; margin: 0px;
                          padding: 0px 10px 0px 0px;}
.ol-popup h2	{color: rgb(255,0,0); font-size: 12pt; margin: 1pt;
               padding: 0px 15px 0px 0px;}
.gpx {padding:0 0 0 25px;}/* Vollformat aus gpx.css ueberschreiben */
body.off #titel, body.off #unter {display: none;}
@media print {
	.ban, #unter, #bs, .ol-popup {display: none;}
	.gpx.off #titel {display: inline;}  /* unter der Karte*/
	.map {height: auto;}
	.ol-attribution {display: inline;padding-right:1.5em;}
}