html {width: 99%; height: 93%}
body { font-family:Arial; font-size: 10pt; width: 100%; height: 100%; }

h1.us{ 
    color: #CC3300; text-align: center; margin-top:20pt; margin-bottom:20pt 
}
h3.us {
    color: #CC3300; text-align:center; margin-top:5pt; margin-bottom:5pt
}
h3.foldertitle {
    color: Gray; text-align:center; font-weight:bold
}

table{
    border-collapse: collapse;
}

table.banner{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 1.5em;
    background-color: #0033CC;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
}

table.banner a:link{
    color: #CCFF00;
    font-size: 14pt;
    font-weight: bold;
}

table.banner a:visited{
    color: #FFCC00;
    font-size: 14pt;
    font-weight: bold;
}

table.banner a:active{
    color: #FFAA00;
    font-size: 14pt;
    font-weight: bold;
}

table.banner a:hover{
    color: #FFFF00;
    font-size: 14pt;
    font-weight: bold;
}

table.banner a:focus{
    color: #AAFF00;
    font-size: 14pt;
    font-weight: bold;
}

table.banner td.aktuell{
    color: #FF0000;
    font-size: 14pt;
    font-weight: bold;
}

table.gesamt{
    table-layout: fixed;
    width:100%;
    height: 93%;
    margin-top: 3pt;
}

table.daten{
    table-layout: fixed;
    width: 100%;
    height: 100%
}

table.daten td{
    padding: 0 1em 0 1em;
}

table.route {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
    width: 80%
}

table.route td{
    font-weight: bold;
}

table.route th{
    font-weight: bold;
    text-align: left;
    padding-left: 3em;
    padding-bottom: 0.5em;
}

table.route td{
    padding: 0.2em;
}

table.ausruestung{
    margin-top: 20pt; 
    margin-left: auto; 
    margin-right: auto
}

table.ausruestung td{
    text-align: center;
}

table.ausruestung td.underline{
    padding-bottom: 1em;
}

table.ausruestung a:link{
    color: #CCFF00;
    font-size: 14pt;
    font-weight: bold;
}

table.ausruestung a:visited{
    color: #FFCC00;
    font-size: 14pt;
    font-weight: bold;
}

table.ausruestung a:active{
    color: #FFAA00;
    font-size: 14pt;
    font-weight: bold;
}

table.ausruestung a:hover{
    color: #FFFF00;
    font-size: 14pt;
    font-weight: bold;
}

table.ausruestung a:focus{
    color: #AAFF00;
    font-size: 14pt;
    font-weight: bold;
}

td.auswahl{
    width: 360px;
    height: 5%;
    padding-top: 5pt;
}

td.bilder_einblenden{
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    /*width: 15%;*/
    padding: 0.5em  !important;
}

td.von_bis{
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    color: #CC0000;
    height: 4%;
    padding: 0.5em !important;
}

select.ae{
    font-size: 1.3em;
}

td.textzelle{
    /*width: 80%;*/
    vertical-align: top;
    padding-left: 1em;
    font-size: 1.2em;
    /*height: 50%*/
}

td.canvas{
    vertical-align: top;
    width : 40% ;
    height : 100% ;
    text-align: center
}

td.bild{
    vertical-align: top; 
    padding-top: 5px
}

img.photo{
    width: 100%;
    float: left;
    margin-top: 1em;
    margin-bottom: 10pt;
    margin-right: 10pt;
}

.map_canvas{
    /*width: 100%;*/
    height:100%;
}

table.legende{
    visibility: hidden;
    position: absolute;
    top: 70%;
    left: 70%;
    background: #CC0000;
}

.alegende{
    position: absolute;
    color: #FFFF00;
    top:85%;
    left: 65%;
    cursor: help;
}

div.bilderbuch{
    border-style: solid;
    border-width: 3px;
    background-color: #CC6600;
    visibility: hidden;
    text-align: center;
    width: 640px;
    height: 520px;
    position: absolute;
    top: 15%;
    left: 10%;
}

.entfernung{
    margin-top: 15pt;
    margin-bottom: 10pt;
    margin-left: 20pt;
    font-size: 12pt;
    font-weight: bold;
}

.center{
    text-align: center;
}

table.statistik{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

table.statistik caption{
    padding-top: 10pt;
    padding-bottom: 10pt;
    font-size: 14pt;
    font-weight: bold;
}

table.statistik tr:nth-child(odd){
    background-color: lightblue
}
table.statistik th{
    text-align: right;
    padding-right: 10pt;
    background-color: lightgray;
    font-size: 1.2em;
}

table.statistik td{
    text-align: right;
    padding-right: 10pt;
    font-family: monospace;
    font-size: 12pt;
}

table.statistik td.gesamt{
    font-weight: bold;
    padding-bottom: 0.5em;
    background-color: white
}

table.statistik th.links{
    text-align: left;
}

table.statistik td.links{
    text-align: left !important;
    font-family: sans-serif;
}

img.dayimg{
    width:20% !important; 
    float: left; 
    margin-right: 1em
}