@font-face {
        font-family: Archivo;
        src: url('./archivo/Archivo-Regular.woff') format('woff');
}
@font-face {
        font-family: Archivo;
        src: url('./archivo/Archivo-Bold.woff') format('woff');
        font-weight: bold;
}
@font-face {
        font-family: Archivo;
        src: url('./archivo/Archivo-Medium.woff') format('woff');
        font-weight: 500;
}
@font-face {
        font-family: Archivo;
        src: url('./archivo/Archivo-MediumItalic.woff') format('woff');
        font-weight: 500;
        font-style: italic;
}
@font-face {
        font-family: Junicode;
        src: url('./junicode/junicode-regular.woff') format('woff');
}
@font-face {
        font-family: Junicode;
        font-weight: bold;
        src: url('./junicode/junicode-bold.woff') format('woff');
}
@font-face {
        font-family: Junicode;
        font-style: italic;
        src: url('./junicode/junicode-italic.woff') format('woff');
}
@font-face {
        font-family: Gelasio;
        src: url('./gelasio/gelasio-regular.woff') format('woff');
}
@font-face {
        font-family: Gelasio;
        font-weight: 500;
        src: url('./gelasio/gelasio-medium.woff') format('woff');
}
@font-face {
        font-family: Gelasio;
        font-weight: bold;
        src: url('./gelasio/gelasio-bold.woff') format('woff');
}
@font-face {
        font-family: Gelasio;
        font-style: italic;
        src: url('./gelasio/gelasio-italic.woff') format('woff');
}
@font-face {
        font-family: Gelasio;
        font-style: italic;
        font-weight: 500;
        src: url('./gelasio/gelasio-mediumitalic.woff') format('woff');
}



body { background-color: #ddffdd; font-family: Gelasio, Georgia, serif; }
.stammdaten  { font-size: 1.2em; }

h1 { font-family: Archivo, Arial, sans-serif; }
h2 { font-family: Archivo, Arial, sans-serif; }
h3 { font-family: Archivo, Arial, sans-serif; }
li { font-family: Archivo, Arial, sans-serif; }

.kopf { background-color: #bbffbb; font-variant: small-caps; font-size: 22px; border-top: 1px solid #cc0033; border-bottom: 1px solid #cc0033; }
span.domainbuchstabe { color: #990000; }
.navi { font-size: 14px; text-align: right; font-variant: normal; color: black; position: relative; top: 2px; margin: 0; padding: 0; }
.rumpf { position: relative;}

.blatt { max-width: 740px; border: 1px solid black; background-color: #ccffcc; padding: 5px; position: absolute; top: 8px; }
.blatt_lw { max-width: 740px; border: 1px solid black; background-color: #ccffcc; padding: 5px; position: absolute; top: 8px; left: 170px; }
.liste { max-width: 750px; border: 1px solid black; background-color: #ccffcc; padding: 5px; position: absolute; top: 8px; }
.blatt_werbung { position: relative; top: 8px; left: 762px; }
.aktuell_werbung { position: relative; top: 8px; left: 762px; padding: 10px;}
.blatt_werbung_links {position: relative; top: 8px; left: 5px; }
em { background-color: #99ee99; }

.ls { font-weight: 500; }

.rss { position: relative; top: 3px; }
a.img { text-decoration: none; }
a.img img { border: 0 none; display: inline }

.tw { position:relative; top: 8px; border: 0 none; display: inline; }
.artikeltitel { font-weight: normal; }
.artikeldatum { color: #cc0033; font-weight: bold;}
.trennbar { hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; }

tr.zeile_g { background-color: #aaffaa; }
tr.zeile_u { background-color: #ddffdd; }

blockquote { border: 2px solid brown; background-color: #ddffdd; padding: 5px }