body
{
margin:0;
padding:0;
vector-effect:non-scaling-stroke;
font-family: 'Roboto', sans-serif;
font-size: 10pt;
}

#container
{
width: 98vw;
margin: 0 auto 0 auto;
}

select, input
{
width: 150px;
box-sizing: border-box;
}

#upload_dialog input
{
width: 25px;
}

#ic input
{
width: 300px;
}

#ic
{
margin-top: 10px;
}

svg
{
fill: none;
stroke: none;
stroke-width: 1px;
}

#auswahl_container
{
width: 100%;
display: block;
min-height: 150px;
padding: 0;
margin: 0;
}

#chart
{
position: relative;
margin-top: 20px;
}

#legende
{
margin: 5px 0 0 10px;
}

#auswahl
{
position: absolute;
margin: 10px;
vertical-align: top;
background-color: white;
border-style: solid;
border-color: #d3d3d3;
border-width: 1px;
box-shadow: 5px 5px 6px #d3d3d3;
z-index: 50;
}

#one, #two, #three
{
margin: 5px;
display: inline-block;
text-align: center;
vertical-align: top;
}

#gemeinden, #bezirke, #bundeslaender, #daten_name, .upload, #templ
{
margin: 5px;
display: inline-block;
text-align: center;
width: 150px;
color: #000000;
}

.upload
{
cursor: pointer;
padding: 5px;
}

#daten
{
font-size: 9pt;
max-height: 150px;
overflow-y: scroll;
margin: 10px 2px 10px 2px;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #d3d3d3;
}

#single
{
padding: 5px;
background-color: #ffffff;
position: absolute;
}

#colors
{
margin: 0 0 10px 5px;
}

#submen
{
display: none;
}

#ex
{
font-size: 8pt;
margin: 10px 0 10px 10px;
cursor: pointer;
color: #999999;
}

#karten, #werte, #sc, #edit, #daten_auswahl, #upload
{
margin: 15px 5px 10px 5px;
padding-top: 15px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #d3d3d3;
}

.minmax, .minmaxk, .minmaxg
{
display: inline-block;
width: 150px;
text-align: center;
margin-left: 5px;
margin-right: 5px;
}

.minmaxk, .minmaxg
{
}

#upload, #upload_dialog
{
display: none;
z-index: 60;
}

#upload_dialog
{
max-width: 450px;
padding: 5px;
}

#feedback
{
color: red;
font-weight: bold;
}

.ok
{
width: 100%;
text-align:center;
cursor: pointer;
}

#no_stroke
{
margin-left: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
cursor: pointer;
width: 150px;
text-align: center;
}

#stroke_color, #daten_dropdown
{
padding: 5px;
display: inline-block;
}

.pressed, #no_stroke:hover, .colors:hover, .minmaxk:hover, .minmaxg:hover, .ok:hover, .upload:hover
{
background-color: #d3d3d3;
}

.ltext
{
font-size: 8pt;
stroke: none;
fill: #000000;
text-anchor: middle;
}

.minmaxk, .minmaxg
{
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
}

.top, .minmax
{
font-style: italic;
pointer-events: none;
}

.close
{
text-align: right;
font-size: 9pt;
cursor: pointer;
}

.units
{
fill: none;
stroke: none;
cursor: pointer;
}

.desc
{
font-size: 8pt;
padding: 5px;
}

.topd
{
padding-left: 5px;
}

#footer
{
font-size: 8pt;
margin-top: 15px;
text-align: right;
}

@media screen and (min-aspect-ratio: 1/1) and (min-width: 1000px)
{
#chart
{
margin-top: -30px;
}
}