body {background-color:#FFFFFF; color:#000000; margin-top:0;}

img, video, iframe {
    max-width: 100%;
    height: auto;
}

a:link { color:#FFFFFF; text-decoration:none;}
a.spell:link {color:#FF9900; font-size:10pt; text-decoration:none;}
a.top:link { color:#666633; font-size:11pt; font-weight:bold; line-height:10pt; text-decoration:none;}
a:visited { color:#FFFFFF; text-decoration:none; }
a.spell:visited {color:#FF9900; font-size:10pt; text-decoration:none;}
a.top:visited { color:#666633; font-size:11pt; font-weight:bold; line-height:10pt; text-decoration:none;}
a:hover { color:#FFFFFF; text-decoration:underline; }
a.spell:hover {color:#FF9900; font-size:10pt; text-decoration:underline;}
a.top:hover { color:#666633; font-size:11pt; font-weight:bold; line-height:10pt; text-decoration:underline; }
a:active { color#FFFFFF; text-decoration:none; }
a.spell:active {color:#FF9900; font-size:10pt; text-decoration:none;}
a.top:active { color:#666633; font-size:11pt; font-weight:bold; line-height:10pt; text-decoration:none; }

.Button { font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCC99; border:none; font-size:8pt; background-color:#666633;}

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,b,i,ul,li
     { font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCC99; font-size:8pt }

.back { width:750px; height=100%;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        background-color:#CCCC99;
        font-size:9pt;
        border-width:0px;
        border-style:none;
        border-color:none;
        margin-left:auto; margin-right:auto;
        vertical-align:top;
       }
.navi { width:600px;
        background-color:#CCCC99;
        border-width:0px;
        border-style:none;
        border-color:none;
        vertical-align:top;
        }
.navigation {font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#666633;
        font-size:11pt;
        font-weight:bold;
        line-height:10pt;
        }
.spell {font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#FF9900;
         font-size:10pt;
       }
.content {width:600px;
          margin-left:auto;
          margin-right:auto;
          padding:0px;
          border-width:2px;
          border-style:solid;
          border-color:#FFFFFF;
          background-color:#666633;
          }
 .topic  {width:100px; height:20px;
          margin:0;
          border-width:0px;
          border-style:none;
          border-color:none;
          background-color:#CCCC99;
          }
 .distance {width:600px; height:20px;
          margin:0;
          border-width:0px;
          border-style:none;
          border-color:none;
          background-color:#666633;
          }
.topline {margin:0;
         color:#666633;
         border-left-width:5px;
         border-right-width:0px;
         border-top-width:0px;
         border-bottom-width:0px;
         border-style:solid;
         border-color:#FF9900;
         background-color:#FF9900;
         }

.headline { width:100px; height:20px;
            vertical-align:top;
            background-color:#666633;
            color:#000000;
            text-transform:uppercase;
            }
.text {margin:0;
         border-left-width:5px;
         border-right-width:0px;
         border-top-width:0px;
         border-bottom-width:0px;
         border-style:solid;
         border-color:#666633;
         color:#CCCC99;
         }

.headlines  {font-family:courier,sans-serif; color:#800000; font-weight:normal; line-height:10pt; font-size:9pt }

.upper {text-transform:uppercase}

.audio {width:80%; height:80%;}

/* Nur für Mobilgeräte (Bildschirme schmaler als 700px) */
@media screen and (max-width: 700px) {
    /* Alle Tabellen auf 100% Breite zwingen */
    table, .back, .content, table[width="600"] {
        width: 100% !important;
        min-width: 100% !important;
    }

    /* Das Bild (Cover) oben rechts im Text mobil anpassen */
    img[align="right"] {
        float: none !important;
        display: block !important;
        margin: 0 auto 20px auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Die Navigation (Home.History...) besser lesbar machen */
    .navigation {
        font-size: 1.2rem !important;
        line-height: 2 !important;
    }
    
    .navi {
        text-align: center !important;
    }
}
</style>