html {width: 100%; height: 100%}
body { font-family:Arial; font-size: 10pt; width: 100%; height: 100%; }
h1, h2, h3, h4, p, li, tr, td, table{
    font-family: Arial;
}
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.index{
    margin-top: 50pt;
    margin-left: auto;
    margin-right: auto;
}

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

td.bild_link{
    width: 576px; 
    height: 325px;
    vertical-align: middle;
}

td.bild_link a:link{
    color: #CCFF00;
    font-size: 14pt;
    font-weight: bold;
    text-shadow: black 0.2em 0.2em 0.1em;
}

td.bild_link a:visited{
    color: #FFFFFF;
    text-shadow: black 0.2em 0.2em 0.1em;
    font-size: 14pt;
    font-weight: bold;
}

td.seite{
    width: 35%;
}

td.mitte{
    width: 25%;
}

table.route {
    margin-left: auto;
    margin-right: auto;
    width: 80%
}


table.banner{
    width: 100%;
    height: 20pt;
    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.banner td.drittel{
    width: 33%;
}

table.banner td.viertel{
    width: 25%;
}

table.us	{ 
    font-weight:bold;
    margin-left: auto;
    margin-right: auto;
}

.center{
    text-align: center;
}

table.padding10 td{
    padding: 10px;
}
table{
    border-collapse: collapse;
}
td.formular{
    padding: 10pt 10pt 10pt 10pt;
}
h4{
    margin-top: 8pt;
    margin-bottom: 3pt;
}
td		{
    vertical-align:top;

}
td.klein{
    font-size: 10pt;
}
td.abschnitt{
    color: #CC3300;
    font-size: 16pt;
    font-weight: bold;
    height: 5%;
    padding-top: 5pt;
    width: 67%;
    height: 5%;
}

td.abschnitt_grau{
    text-align: center;
    color: slategrey;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

td.zeitraum{
    width: 33%;
    font-size: 12pt;
    font-weight: bold;
    height: 5%;
    padding-top: 7pt;
}
.datum {color: #CC3300; font-weight:bold}
.titel {color: #0033CC; font-weight:bold}
td.etappe {font-weight:bold}
.schwarz{
    background-image: url(img/sterne.jpg);
}
.gelb{
    color: #FFCC00;
    font-weight: bold;
}
td.globus{
    text-align: center;
    vertical-align: middle;
}
td.aktuell{
    color: #CC0000;
    font-weight: bold;
    width: 15%;
    height: 5%;
}

td.etappen{
    width:15%;
    height: 5%;
}
td.goto{
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    vertical-align: top;
    padding-top: 8pt;
    padding-bottom: 0pt;
    width: 10%;
    height: 20pt;
}

td.bilderbuch{
    width:20%;
    text-align: center;
    vertical-align: top;
    padding-top: 8pt;
    padding-bottom: 0pt;
    font-weight: bold;
    height: 20pt
}
td.auswahl_abschnitt{
    width: 20%;
    height: 20pt;
    font-size: 12pt;
    font-weight: bold;
    padding-right: 20pt;
    padding-top: 8pt;
    padding-bottom: 0pt;
    vertical-align: top;
}
td.google{
    width: 40%;
    height: 100%;
    text-align: center;
}
.weg{
    font-weight: bold;
    color: #CC6600;
    font-size: 10pt;
}

td.kommentar{
    font-size: 8pt;
    padding-bottom: 10pt;
    height: 5%;
}

td.hoehenprofil{
    height: 15%;
    width: 100%;
    padding-right: 5pt;
}

td.text{
    width: 60%;
    height: 70%;
    padding-right: 10pt;
    font-size: 11pt;
    font-family: Times;

}

.abstand20{
    margin-top: 20pt;
}
td.atop20{
    padding-top: 20pt;
}

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

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

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

td.zahl{
    text-align: right;
    padding-right: 10pt;
    font-family: Courier;
    font-weight: bold;
}

td.gesamtsumme{
    padding-top: 5pt;
    padding-bottom: 8pt;
    font-size: 12pt;
    font-weight: bold;
    border-top: black;
    border-top-style: solid;
    border-top-width: 1pt;
    color: #CC6600;
}

td.headertext{
    font-weight: bold;
    font-size: 12pt;
    background-color: lightgray;
}

td.headernumber{
    font-weight: bold;
    text-align: right;
    font-size: 12pt;
    background-color: lightgray;
    padding-right: 10pt;
}

td.headerrow{
    font-weight: bold;
    padding-right: 10pt;
}
caption.c01{
    padding-top: 10pt;
    padding-bottom: 10pt;
    font-size: 18pt;
    font-weight: bold;
}
caption.c02{
    padding-top: 10pt;
    padding-bottom: 10pt;
    font-size: 14pt;
    font-weight: bold;
}
td.tbsz{
    font-size: 10pt;
    font-weight: bold;
    color: #CC0000;
    padding-top: 10pt;
}

td.tbdist{
    font-size: 10pt;
    font-weight: bold;
    width: 30%;
    padding-top: 10pt;
}

td.tbdatum{
    font-size: 10pt;
    font-weight: bold;
    padding-top: 10pt;
}
td.tbthema{
    font-size: 10pt;
    font-weight: bold;
    padding-top: 10pt;
}

td.tbtext{
    font-size: 10pt;
    font-family: "Times New Roman";
}

img.photo{
    float: left;
    /*    margin-left: 10pt;*/
    margin-top: 4pt;
    margin-bottom: 10pt;
    margin-right: 10pt;
}

div.map_canvas{
    width: 100%;
    height: 100%;
}

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

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

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