/* Copyright(c) 2009-2019 Martin Nathansen, 18.11.2019 */
* {
margin:0;
padding:0;
font-size: 1em;
}
html {
font-size: 75%;
height: 100%;
}
html>body {
font-size: 12px;
}
body {
background: #FFF;
line-height: 1.0em;
height: 100%;
max-height: 100em;
}
body, form, input, input b, select {
font-family: Arial,Helvetica,sans-serif;
}
#geoplaner {
min-height: 100%;
height: auto !important;
height: 100%;
max-width: 110em;
min-width: 80em;
width: 98%;
margin: 0 auto;
position: relative;
}
#lang {
text-align: right;
font-weight: bold;
margin-top: -1.35em;
margin-right: 0.2em;
}
* html #lang {
position: relative;
text-align: center;
font-style: normal;
font-weight: bold;
}
form {
position: absolute;
top: 1.5em;
left: 0;
right: 0;
bottom: 2.5em;
border-radius: 5px;
border: 2px solid #888;
background-color: #EEE;
/*box-shadow: 0 0 2px 1px #FFF;*/
}
* html form {
position: relative;
top: 1.5em;
width: 84em;
height: 49em;
}
#tright {
position: absolute;
top: 0.2em;
right: 3px;
bottom: 0;
width: 20em;
padding: 0.2em 0.3em;
overflow:hidden;
}
* html #tright {
height: 100% !important;
}
#dt {
position: absolute;
top: 2em;
right: 0.5em;
left: 0.5em;
bottom: 11.2em;
text-align: left;
padding: 0.4em;
line-height: 1.3em;
background-color: #f5f5f5;
border: 1px solid #888;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
}
* html #dt {
position: relative;
width: 90%;
margin: -1.8em 1.5em 0 auto;
height: 33em;
}
.lnk {
display: inline-block;
color: #00f;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}
.lnk:hover {
background-color: #FFFF80;
}
#btns {
position: absolute;
left: 0;
right: 0;
bottom: 0.5em;
overflow:hidden;
}
* html #btns {
position: relative;
width: 99.5%;
margin: 4em auto auto auto;
}
#tleft {
position: absolute;
top: -0.2em;
left: -4px;
right: 20.2em;
bottom: 0;
padding: 0.2em 0;
overflow: hidden;
}
* html #tleft {
width: 63.5em;
}
#map_canvas {
position: absolute;
top: 12.5em;
left: 4px;
right: 1.2%;
bottom: 0;
border-bottom-left-radius: 5px;
border-top: 2px solid #888;
border-right: 2px solid #888;
background: #888;
overflow: hidden;
}
* html #map_canvas {
position: relative;
clear: both;
top: -1px;
left: -2px;
margin: 0 auto;
width: 62.5em;
height: 35.6em;
}
#map_copyright {
font: normal 1em arial; 
position: absolute; 
bottom: 0.3em; 
right: 35%;
display: none;
}
* html #map_copyright {
bottom: 0.8em; 
}
#upload_target {
border: 0pt none;
width: 0pt;
height: 0pt;
}
.pline1 {
padding: 0 0 4px 0;
height: 1.45em;
}
.pline1 b {
line-height: 1.5em;
}
.pline2 {
margin: 0 0 0.3em 0;
height: 1.6em;
}
.pline2title {
line-height: 1.5em;
}
.td50 {
float: left;
width: 49.5%;
overflow: hidden;
text-align: center;
}
.td1, .td2a, .td2b {
padding-top: 0.3em;
border-left: 1px solid #888;
}
.td1 {
width: 49.5%;
height: 7.4em;
border-bottom: 0.2em solid #888;
}
.td2a {
float: right;
width: 99.2%;
height: 4.5em;
}
.td2b {
float: left;
width: 49.5%;
height: 4.5em;
}
.utm {
float: right;
border-top-left-radius: 5px;
background: rgb(160, 255, 160);
}
.geo1 {
float: right;
background: rgb(255, 255, 180);
}
.geo2 {
float: left;
background: rgb(255, 227, 190);
}
.geo3 {
float: left;
background: rgb(255, 200, 180);
border-right: 1px solid #888;
}
.adr {
background: rgb(200, 222, 255);
}
.ele {
background: rgb(212, 212, 212);
}
.let {
background: rgb(238, 238, 238);
border-right: 1px solid #888;
}
input {
text-align: center;
padding: 1px;
}
.e15ele {
text-align: center;
font-size: 1.5em;
font-weight: bold;
width: 5em;
border: 0;
background: rgb(212, 212, 212);
}
.e4wpt {
text-align: center;
font-size: 1.5em;
font-weight: bold;
width: 2.5em;
border: 0;
background-color: #EEE;
}
.e10edit {
text-align: center;
font-size: 1.0em;
font-weight: bold;
width: 9em;
border: 1px solid #CCC;
background-color: #EEE;
}
.e80adr {
text-align: center;
font-size: 1.1em;
width: 80%;
height: 1.2em;
margin-top: 0.2em;
border: 1px solid #CCC;
}
.etxt {
font-size: 1.1em;
border: 1px solid #CCC;
}
.e1 {
width: 1em;
border-width: 0; 
background-color: rgb(160, 255, 160);
}
.e2 {
width: 1.6em;
}
.e3 {
width: 2.2em;
}
.e4 {
width: 2.8em;
}
.e6 {
width: 4em;
}
.e8 {
width: 5.2em;
}
.e10 {
width: 6.4em;
}
.e2h {
width: 1.6em;
border-width: 0;
margin-right: 2px;
background: rgb(160, 255, 160);
}
.ell {
font-size: 0.9em;
width: 4.8em;
border-width: 0;
background: rgb(255, 255, 180);
}
.butt, .butt2, .butt3, .buttlarge, .buttfile {
text-align: center;
font-size: 0.9em;
height: 1.9em;
cursor: pointer;
line-height: 60%;
}
.butt {
width: 4em;
margin-top: 1px;
}
.butt2 {
min-width: 2.4em;
max-width: 3.5em;
height: 1.9em;
margin-top: 1px;
}
.butt3 {
min-width: 3.5em;
max-width: 4.5em;
}
.buttlarge {
width: 10em;
margin: 0.2em 0 0.45em 0.45em;
}
* html .buttlarge {
width: 10em;
}
.buttfile {
text-align: left;
min-width: 20em;
margin: 0.2em 0 0.45em 0.45em;
}
select {
font-size: 1.1em;
text-align: left;
width: 3.3em;
line-height: 100%;
cursor: pointer;
overflow: visible;
border: 1px solid #CCC;
background-color: #FFF;
}
form.waiting * {
cursor: wait;
}
form.finished * {
cursor: default;
}
.leaflet-glyph-icon  {
font-weight: bold;
}
#nav {
position: absolute;
left: 0;
right: 0;
bottom: 1em;
display: inline-block;
height: 1.1em;
font-weight: bold;
text-align: center;
}
* html #nav {
position: relative;
}
#content, #footer {
width: 90%;
max-width: 70em;
margin: 2em auto 0 auto;
text-align: left;
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
font-size: 1.2em;
line-height: 1.5em;
}
#footer {
clear: both;
padding-top: 0.5em;
border-top: 1px solid #BABB97;
text-align: center;
}
p, b, li, h1, h2, h3, h4, h5 {
color: rgb(68, 62, 41);
}
p, li {
margin-bottom: 1.5em;
}
h1 {
margin: 1.5em auto;
text-align: center;
font-weight: bold;
font-size: 1.6em;
color: #585045;
}
h2 {
margin: 2em 0 1em 0;
line-height:1.5em;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid #BABB97;
}
h3 {
margin: 1em 0 0.3em 0;
line-height:1.5em;
font-size: 1em;
font-weight: bold;
}
ul {
clear: both;
list-style-type: none;
margin-top: -0.4em;
margin-bottom: 1em;
}
ul li {
margin-bottom: 0.4em;
padding: 0 0 0.3em 2em;
}

img {
border: 0;
}
.nav {
float: none;
font-size: 0.8em;
margin: 2em auto;
padding: 1.5em 0.5em 1px 0.5em;
text-align: center;
}
.nav a:hover {
background-color: #fff;
}
.ctop2 {
clear: both;
float: left;
width: 99%;
margin: -0.5em auto 4em auto;
padding: 0;
text-align: center;
}
.linkbx {
font-size: 0.95em;
margin-top: 4em;
margin-bottom: 2em;
width: 100%;
min-width: 50em;
font-family: Arial,Helvetica,sans-serif;
border: 2px solid #888;
border-radius: 4px;
background-color: #EEE;
overflow: hidden;
}
.linkhl {
text-align: center;
font-size: 1.1em;
width: 99%;
margin: 0.7em auto;
}
.linkp {
margin: 0.7em 0.5em 0.7em 1.2em;
color: black;
}
.linkbt {
width: 8em;
margin: 0 0.2em;
padding: 0.2em;
}
#llcb {
cursor: pointer;
}
#llgp {
width: 94%;
margin: 0 auto 0 2.5em;
padding: 0.3em;
border: 1px solid #888;
text-align: left;
font-size: 0.9em;
line-height: 1.1em;
border-radius: 4px;
background-color: #FFF;
}
#llpv {
font-size: 0.8em;
line-height: 1em;
margin: 0.8em 0.5em 0.9em 3em;
}

@media screen and (max-width: 888px) {
#geoplaner {
height: 45em !important;
}
#nav {
position: relative;
float: none;
width: 90%;
margin: -0.5em auto;
line-height: 1.2em;
text-align: center;
}
}