/* Ohne: Tagnamen für die Ansteuerung von Tages . : class # : id */ @viewport { width: 800px; initial-scale: 2; } @media (max-width: 800px) and (orientation: portrait), (max-height: 500px) and (orientation: landscape) { .no-mobile {display: none !important} #systeminfo {top: 51px; } #sh-ods-logo-gross {width: 200px} #sh-neu-hier-button {left: 70% !important; top: 40px !important} #user {margin-top: 40px !important; margin-right: 130px !important} #header_suchen {left: 55px !important; top: 0px !important; }/*border: 1px solid red}*/ #sh-help-karte {left: 155px !important; top: 60px !important} #sh-help-menu {top:60px !important;} #sh-help-suche {float: right} #sh-menu {top: 57px !important} #sh-menu-img {top:60px !important;} .sh-info-help {width: 20px !important} .sh-tooltip {width: calc(100% - 40px) !important;} #sh-standort-button {left: 95px !important; top: 60px !important} #sh-ods-header {height: 90px !important} #sh-export-typ {width: 150px} #sh-icon-suchen {height:28px !important; margin-top: 0px; margin-bottom: -9px !important} #sh-search-reset-button {height: 32px; align: center;} /*margin-top: 0px; padding-top: 0px;}*/ } @media (min-width: 801px) and (orientation: portrait), (min-height: 501px) and (orientation: landscape) { .mobile {display: none !important} /* #sh-wrapper {} */ } body {height:100%; overflow:hidden;background: url("ods_header_plain.jpg") no-repeat 0px 0px;padding:0; margin: 0; font-family: Helvetica, Arial, Geneva, sans-serif;font: normal 1em sans-serif; font-size: 14px; cursor: wait} /* @media (max-width: 800px) and (orientation: portrait) { #sh-wrapper {height:calc(100% - 135px)} } @media (max-height: 500px) and (orientation: landscape) { #sh-wrapper {height:calc(100% - 135px)} } */ body {height: 100%; padding:0; margin: 0; font-family: Helvetica, Arial, Geneva, sans-serif;font: normal 1em sans-serif; cursor: wait} .leaflet-control-fullscreen-button {background-image: url(./leaflet.fullscreen/icon_fullscreen_2x.png); background-size: 26px 26px; } .leaflet-control-way-create {background-image: url(icon_gpx_planung.png); background-size: 28px 28px;} .leaflet-control-way-cancel {background-image: url(icon_cancel.gif); background-size: 26px 26px;} .leaflet-control-way-magnet-an {background-image: url(icon_MagnetAn.png); background-size: 26px 26px;} .leaflet-control-way-magnet-aus {background-image: url(icon_MagnetAus.png); background-size: 26px 26px;} .leaflet-control-way-save {background-image: url(icon_save.png); background-size: 26px 26px;} .leaflet-control-profile {width: 400px; height: 200px; background-color: white;} .leaflet-control-profile-canvas {width: 100%; height: 100%; margin: 0px; border: 0px} .leaflet-control-share {border: none !important} .leaflet-control-share-start {background-image: url(icon_share.png); background-size: 26px 26px; border: 2px solid rgb(0,0,0,0.4) !important;} .leaflet-control-share-cancel {background-image: url(icon_cancel.gif); background-size: 26px 26px; border: 2px solid rgb(0,0,0,0.4) !important;} .leaflet-control-share-data {border: 1px solid black; width: 32em; max-width: calc(100% - 20px); height: 6.5em; background-color: white; } .leaflet-control-gpx-start {background-image: url(icon_gpx.png); background-size: 28px 28px;} .leaflet-control-gpx-cancel {background-image: url(icon_cancel.gif); background-size: 26px 26px;} .gpx-marker-cluster {width: 30px; height: 30px; background-color: greenyellow; text-align: center; font-size: 20px; } .leaflet-control-gpx-file {background-image: url(icon_gpx_upload.png); background-size: 26px 26px; } .leaflet-control-gpx-sh-off {background-image: url(icon_sh_off.png); background-size: 26px 26px;} .leaflet-control-gpx-sh-on {background-image: url(icon_sh_on.png); background-size: 26px 26px;} .leaflet-control-gpx-tmp-gpx {background-image: url(icon_disp_gpx.png); background-size: 26px 26px;} .leaflet-control-gpx-switch-dir {background-image: url(icon_gpx_switch_dir.png); background-size: 26px 26px;} .easyPrintCust {background-image: url(./images/icon_custom_image.png); background-size: 30px 30px;} .GPX-ODS-BUTTON {margin-right: 1px;margin-top:0px} #GPX-ODS-Titel {font-size: 15px; font-weight:bold;} #GPX-ODS-Hoehenprofil {width: 32px; height:32px;margin-left:5px; border: 2px solid gray; border-radius: 3px; padding:2px; background-color:#E9E9ED;} #GPX-ODS-Hoehenprofil:hover {width: 32px; height:32px;margin-left:5px; border: 2px solid gray; border-radius: 3px; padding:2px; background-color:#D0D0D7;} #gpx-display-map {width: 495px; height:350px; } #gpx-edit-map {width: 796x; height:500px; margin-left:2px} #gpx-edit-titel {width: 800px } #gpx-edit-odstitel {width: 800px } #gpx-edit-text {width: 800px; height:5em} #gpx-edit-dateiname {width: 800px } #sh-ods-create {width: 20px; margin-top: 2px;} #osmMap {width: 100%; height: 500px; border: 1px solid black;} #sh-share-data-text {width: 20em;} #sh-share-data-link {width: 20em;} #sh-share-data-icon-copy{width:1.5em; margin-bottom:-5px} .point-menu-list {padding: 0px; margin: 0px} .point-menu-item {background-color: lightgray; width:15em; display: block; padding: 2px;} .point-menu-sel {text-decoration:none; color: black;} .point-menu-sel-disabled {text-decoration:none; color: gray;} .point-menu-item-disabled {pointer-events: none; text-decoration:none; background-color: lightgray; width:15em; display: block; padding: 2px;} .gpx-data-input {width:50em; } .gpx-data-shtyp-aus {color: lightgray} .gpx-data-shtyp-an {color: black} .gpx-data-osmtyp-aus {color: lightgray} .gpx-data-osmtyp-an {color: black} .gpxInfoPoint {border: 1px solid black; background-color: white; color; black;} .gpxEditMapContextMenu {border: 1px solid black; background-color:lightgray; color: black;} .gpxEditMapContextMenuItem:hover {background-color: darkblue; color: white;} .popup2 {position: absolute; overflow: auto; z-index: 99999; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(200,200,200, 0.5); color: #aaaaaa; display: block;} .popup2Rahmen {position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); max-width:996px; max-height:596px; left: calc(100% - 1000px); top: calc(100% - 600px); border: 2px solid black; color: #000000; background-color: #ffffff; overflow:hidden; margin: 0px; padding: 0px} .popup2Content {width: 978px; overflow: auto;} .popup2Button {position: absolute; bottom: 0; width: 100%; height: 26px; background-color: #fea826; border-top: 2px solid black} /* .popup2Button {position: absolute; bottom: 0; width: 100%; height: 25pxcalc(1.8em - 2px); background-color: #fea826; border-top: 2px solid black} */ .textFeld {width: 800px} #sh-filter-gpx-tourenplanung {color: red} #user {float: right; margin-right: 5px; cursor: default; border: 1px solid gray; border-radius: 4px; padding: 6px; background-color: #e9e9ed; font: normal 0.8em sans-serif; margin-top: 13px; margin-right: 50px;} #user:hover {background-color: #d0d0d7} #wait {overflow:auto;z-index: 99999; width: 100%; height: 100%; top: 0; left: 0; display: none; position: absolute; background-color: rgba(200,200,200, 0.5); color: #aaaaaa;} #waittext {display: block; color: red; margin-left: 100px; margin-top: 100px; width: 250px; height: 6em; border: 3px solid red; background-color:#ffffff} #point-menu {position: absolute; left: 0px; top: 0px; z-index:99999; font-size: 1.3em;} #systeminfo {position: absolute; left: 120px} #busy {position: absolute; z-index: 99999; width: 100%; height: 100%; top: 0px; left: 0px; display:none; background-color: rgba(200,200,200, 0.6); color: black; cursor: wait;} #busy-info {position: absolute; top: 50%; left: 50%; color: red;} #sh-popup {overflow: auto; z-index: 99998; width: 100%; height: 100%; top: 0; left: 0; display: none; position: absolute; background-color: rgba(200,200,200, 0.5); color: #aaaaaa;} #sh-popup-rahmen {position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); max-width:996px; max-height:796px; border: 2px solid black; color: #000000; background-color: #ffffff; overflow:hidden; margin: 0px; padding: 0px} #sh-popup-scroll {overflow: auto; height:calc(100% - 1.8em); } /* #sh-popup-content {width:994px} */ #sh-popup-content {width:calc(100% - 2px);} /*978px} */ #sh-popup-buttons {position: absolute; bottom: 0; width: 100%; height: calc(1.8em - 2px); background-color: #fea826; border-top: 2px solid black} .sh-popup-image {height:20px; margin-top: 3px; margin-right: 2px; margin-left: 2px} .sh-popup-button {margin-top: 2px; margin-right: 2px; margin-left: 2px; float: right;} /* display: block}*/ .sh-tooltip {display:none; width:700px; min-height:150px; max-height:calc(100% - 80px); border: 1px solid black; background-color: #eeeeee; position: absolute; z-index:99999999; padding: 2px; padding-bottom:5px; cursor:help; overflow:auto;} .sh-info-help {margin-left:5px;margin-top:3px;cursor:help} #sh-objektabfrage {width:18px; height:18px; cursor:pointer;} #sh-ods-header {background-image: none, linear-gradient(to bottom,#f2f6f8,#5c85aa,#417394), none; height: 135px} #sh-ods-logo-gross {} #sh-menu {position: absolute; left: 30px; top: 97px; z-index:99999; font-size: 1.3em;} #sh-menu-img {position: absolute; left: 5px; top:100px; width:25px; height:25px; cursor:pointer} #sh-help-menu {position: absolute; left: 37px; top:105px;} .sh-menu-list {background-color:lightgray; width:358px; padding:0px; margin:2px;list-style:none; border: 1px solid gray;} .sh-menu-line {width; 100%; border-style: solid; border-width: 1px; border-bottom: gray; margin-top: 4px;} .sh-menu-item {display: block; padding: 2px; height: 1.3em; background-color:lightgray; width: 354px; margin-bottom: 1px;} .sh-menu-item a {display: block; padding: 2px; height: 1.3em; text-decoration:none; color: black;} li a:focus, li a:hover {background-color:darkblue;color:white; display:block; width: 350px; } .sh-haedline {font-weight: bold; } .sh-haedline-1 {font-size: 1.5em; margin-top: 5px; margin-bottom: 2px; } .sh-haedline-2 {font-size: 1.2em; margin-top: 5px; margin-bottom: 2px; } #sh-neu-hier-button {position:absolute; left: 400px; top: 1px; height: 30px} #header_navi_forum {left:105px;} #header_navi_wiki {left:255px;} #header_suchen {position:absolute; top: 70px; left:400px; } div.header_links {position:absolute; top:100px;} a.header_links:visited {text-decoration:none;color:#FFFFFF;} a.header_links:hover {text-decoration:none;color:#fea826;} a.header_links {text-decoration:none;color:#FFFFFF;font-family:Arial;font-size:1.4rem;font-weight:bold;text-align:center;display:block;height:17px;width:60px;} .sh-select {width:160px;} .sh-search {width:14em;} #sh-icon-suchen {display:inline-block; margin-bottom:-5px; height:21px; background-color:#ffffff} #sh-wrapper {width:100%; height:calc(100% - 135px); display: block;} #sh-help-karte {position:absolute; left: 400px; top:110px} #sh-standort-button {position:absolute; left: 500px; top:110px; width: 20px; cursor:pointer} #sh-map {border:1px solid black; width:calc(100% - 2px);height:calc(100% - 2em - 2px);} #sh-line {height: 2px; background-color: black; width: calc(100% - 0px); cursor: row-resize} #sh-info {height:2em;} #gpx-entrylist {width:calc(100% - 2px); height:0px;overflow-y:scroll; overflow-x:auto; } /*clear:both; } */ #gpx-tabelle td {background-color:#eeeeee} #gpx-tabellen-head {position: -webkit-sticky; position: sticky; top: 0px;} #gpx-listblock-text {width:calc(100% - 2px); background-color:#eeeeee; text-align: center; margin-left: 2px} #gpx-listblock {display:none;} #sh-entrylist {width:calc(100% - 2px); height:0px;overflow-y:scroll; overflow-x:auto; } /*clear:both; } */ #sh-listblock-text {width:calc(100% - 2px); background-color:#eeeeee; text-align: center; margin-right: 2px} #sh-listblock {display:none;} #sh-tabelle td {background-color:#eeeeee} #sh-tabellen-head {position: -webkit-sticky; position: sticky; top: 0px;} #sh-tabelle-umschalten {margin-left: 0px; margin-top: 0px; border: 1px solid #555555; z-index:9999; height:20px; padding: 2px; cursor:pointer;background-color:#ffffff;} #sh-info-filterleiste {position: absolute; top: 15px; left:calc(100% - 20px); margin-left:0px} #sh-filter-umschalten {position: absolute; top: 40px; left:calc(100% - 26px); border: 1px solid #555555; z-index:9999; width: 20px; padding: 2px; cursor:pointer;background-color:#ffffff;} #sh-filter-container {display: none; position: absolute; top: 0px; left:calc(100% - 302px); border: 1px solid black; width:300px; height:calc(100% - 2px);background-color:#eeeeee; overflow-y:auto} #sh-filter-wege {display:block; max-height: 300px; border:1px solid black;overflow-y:auto;background-color:#ffffff;line-height:50%; width: 100%;} #sh-filter-natur {display:block; max-height: 300px; border:1px solid black;overflow-y:auto;background-color:#ffffff;line-height:50%; width: 100%;} #sh-filter-region {display:block; max-height: 200px; border:1px solid black;overflow-y:auto;background-color:#ffffff;line-height:50%; width: 100%;} #sh-filter-fluesse {display:block; max-height: 200px; border:1px solid black;overflow-y:auto;background-color:#ffffff;line-height:50%;font-size:0.9em} #sh-filter-daten-natur {min-width:274px;display:block; height: 500px} #sh-filter-suche {font-size:12pt; min-width:20px;max-width:14em; width: 57%} .sh-filter-title {display:block;border: 1px solid black; min-height: 1.5em;} /* .sh-filter-wege-cb {} */ .sh-filter-wege-cbl {display:block;margin-top:0px;margin-left:2px;font-size:0.9em;} /* .sh-filter-land-cb {} */ .sh-filter-land-cbl {display:block;margin-top:0px;margin-left:2px;font-size:0.9em;} .sh-filter-bl-cb {padding-left: 20px;} .sh-filter-bl-cbl {display:block;margin-top:0px;margin-left:2px;font-size:0.9em;} .sh-filter-natur-cb {padding-left: 20px;} .sh-filter-natur-cbl {display:block;margin-top:0px;margin-left:2px;font-size:0.9em;} /* .sh-filter-gross-cb {} */ .sh-filter-gross-cbl {display:block;margin-top:0px;margin-left:2px;font-size:0.9em;} .sh-filter-fluss-pfeil {margin-top:7px;width:15px;display: inline;float:right;cursor:pointer} .sh-filter-pfeil {margin-top:-12px;width:15px;display: inline;float:right;cursor:pointer; margin-right: 6px;} .sh-reset-button {float:right;margin:1px;} .sh-edit-input1 {width:6em;} .sh-edit-input2 {width:3em;} .sh-edit-select {width:20em;} .sh-display-img {width:320px;padding-left:1px} .sh-filter-gpx-km {size:2px;width:2px} .leaflet-control-sh-bilder-start {background-image: url(icon_image.gif); background-size: 28px 28px;} .leaflet-control-sh-bilder-cancel {background-image: url(icon_cancel.gif); background-size: 28px 28px; float: left; border-bottom: none !important;} .leaflet-control-sh-bilder-screen {float: none; height: 30px;} .leaflet-control-sh-bilder-objects {float: none; height: 30px;} .leaflet-control-sh-bilder-file {float: none; height: 30px;} .leaflet-control-sh-bilder-alles {float: none; height: 30px;} .leaflet-control-sh-bilder-begin {float: right; height: 30px;} .leaflet-control-sh-bilder-content {float: none;} .leaflet-control-sh-bilder {width: 400px; height: 200px; background-color:#ffffff; border: 1px solid black; z-index: 99999} .sh-bilder-button-highlight {background-color: lightgreen;} #sh-bilder-popup-center {color: red; font-size: 25px; display: grid; justify-content: center; align-items: center;} .polyline-w-resize {cursor: w-resize !important} .polyline-s-resize {cursor: s-resize !important} .lonlat {width: 6em;} #sh-zoom-stufe {display: block; background-color:#ffffff; font-size:15px; border-bottom: 1px solid #ccc; text-align: center; cursor: default} #sh-melden-div {width:calc(100% - 4px); border:1px solid black; border-bottom: 2px solid black; background-color: #fea826; padding:2px;} #sh-melden-text {margin-top: 5px; width:calc(100% - 10px)} .sh-bottom-info-img {margin-bottom : 5px;} .sh-bbox-corner-nw {width: 3px; height:3px; background-color: white; cursor: nw-resize;} .sh-bbox-corner-sw {width: 3px; height:3px; background-color: white; cursor: sw-resize;} .sh-bbox-corner-se {width: 3px; height:3px; background-color: white; cursor: se-resize;} .sh-bbox-corner-ne {width: 3px; height:3px; background-color: white; cursor: ne-resize;} .leaflet-control-bbox {width: 400px; height: 80px; background-color: white;}