/* DATEI EST1-Basis: pebu0aa.css, 251009, Author: Peter Egon Burkhardt, dazu gehört die weitere css pebu3aa.css */
/* OFL-Schrift: 'Source Sans Pro'. Die anderen OFLs kommen in dieser css nicht vor */
@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('../styles/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('../styles/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Serif Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('../styles/SourceSerifPro-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Serif Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('../styles/SourceSerifPro-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('../styles/SourceCodePro-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('../styles/SourceCodePro-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'Archivo Narrow';
    font-style: normal;
    src: url('../styles/ArchivoNarrow-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'Archivo Narrow';
    font-style: normal;
    src: url('../styles/ArchivoNarrow-Regular.ttf') format('truetype');
}

.spA { width: 230px; float: left; } /* Spalte A */
.spB { width: 230px; float: left; margin-left: 16px; } /* Spalte B */
.spC { width: 230px; float: right; margin-left: 16px; } /* Spalte C */
.spAB { width: 476px; float: left; } /* Spalte A+B */
.spBC { width: 476px; float: right; margin-left: 16px; } /* Spalte B+C */
.spABh { width: 353px; float: left; } /* Spalte A+Bh (h=halbe) */
.spBhC { width: 353px; float: right; margin-left: 16px; } /* Spalte Bh+C (h=halbe) */
.sp_c { clear: both; } /* löscht Spalten-Umfließung */
/* Seite wird durch margin:auto zentriert! */
/* 1-spaltig: 722px=182mm (Spalten A+B+C) */
/* 2-spaltig: 722px=353+16+353=182mm=(89+4+89)mm (A+Bh_Bh+C (Bh = halbe B) */
/* 3-spaltig: 722px=230+16+230+16+230=182mm=(58+4+58+4+58)mm (A_B_C) */
/* 2-spaltig: 722px=476+16+230=182mm=(120+4+58)mm (A+B_C)*/
/* Tabellenbreiten: 230, 476(230+16), 722 (= 1, 2 oder 3 Textspalten breit) */

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, pre, hr, a { padding: 0; margin: 0; }
/* alle Abstände und Ränder auf 0, (*) als Universal-Selektor ist nicht mehr OK */

h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', Calibri, Arial, sans-serif; }

pre { white-space: pre-wrap; } /* automatischer Umbruch auch bei pre */

@media screen {
body { min-width: 758px; counter-reset: seiz; margin-left: 0px; margin-top: 4px; background-color: #FFFFE0; 
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center center; }
/* 758px body-breit wegen 18+722+18, bei weniger erscheint horiz. Scrollbalken, bei 18px rechts ist Platz für Seiten-Nr. auch mit Hintergrundbild */
body#im00esse { background-image: url(../images/00esse.jpg); }
body#im00akt { background-image: url(../images/00akt.jpg); }
body#im00phil { background-image: url(../images/00phil.jpg); }
body#im00obst { background-image: url(../images/00obst.jpg); }
body#im00gart { background-image: url(../images/00gart.jpg); }
body#im00gart1 { background-image: url(../images/00gart1.jpg); }
body#im00reise { background-image: url(../images/00reise.jpg); }
div#divbody { width: 722px; margin: auto; background-color: #FFFFE0; padding-left: 18px; padding-right: 18px; }
div#divbody1 { width: 722px; margin: auto;  margin-top: 74px; background-color: #FFFFE0; padding-left: 18px; padding-right: 18px;}
/* divbody1 nur für "Pegon's Web" ohne Hintergrund, dann auch navmtop, um "Pegon's Web" nach oben zurück zu schieben */
img.navmtop { vertical-align: text-bottom; margin-top: -74px; }
}
@media print {
body { min-width: 722px; counter-reset: seiz; margin-left: 0px; margin-top: 4px; background-color: #FFFFE0; }
/* 722px body-breit reicht, da kein Platz für seitliche Seiten-Nr. benötigt wird */
div#divbody { width: 722px; margin: auto; }
}

#knav { margin-top: -26px; font-size: 8pt; border-color: #F8B82A; background-color: #000082; border-style: solid; border-width: 1px; margin-bottom: 4pt; padding-left: 2px; padding-top: 2px; padding-bottom: 3px; }
/* div Kopf-Navigation 1-zeilig (Rahmendefinition) */
#knav { line-height: 1.6em; }
/* nur so ist eine 2. Zeile in knav mit richtigem Abstand möglich */

@media print {
#knav { margin-top: 4px; } /* nur, falls die Nav-Zeile doch gedruckt werden soll */
}

#knav a { font-weight: bold; padding-left: 2px; padding-bottom: 1px; padding-right: 2px; margin-bottom: 0; background-color: #FFFFFF;} /* Link normal */
#knav a.inh { font-weight: normal; padding-left: 2px; padding-bottom: 1px; padding-right: 2px; margin-bottom: 0; background-color: #FFFFFF;} /* Link zum Inhalt */
#knav a.bas { color: #FFFFFF; background-color: #000082;} /* Link zur Basis-Seite */
#knav .akt { text-decoration: none;  font-weight: bold; color: #FFFFFF; background-color: #FF0000; margin-right: 2px; } /* aktuelle Seite */
#knav .noakt { text-decoration: none; color: #808080; background-color: #FFFFFF; } /* nicht aktive Seite (fehlt oder in Arbeit) */
#knav img { vertical-align: middle; margin-top: 0; margin-bottom: 0;}

@media screen {
a:link { text-decoration: none; } /* default=blau */
a:visited { color: #A00000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
a:active { color: #FF0000; text-decoration: underline; }
}
@media print {
a:link { color: #000000; text-decoration: none; } /* default=blau */
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
}

ul.nobull { list-style-type:none; }
/* ul.quad { list-style-type:square; } >> nicht anwenden, da Druck im MS-IE viel zu groß */

.blickpf:before{content:url(../images/blickqkl.gif)""; margin-left: 1px;}

sub { vertical-align: text-bottom; }
/* tiefgestellter Text auf untere Textlinie, Zeilenabstand bleibt jetzt erhalten */
sup { vertical-align: text-top; }
/* hochgestellter Text auf obere Textlinie, Zeilenabstand bleibt jetzt erhalten */

img { border-style: none; margin-top: 4px; margin-bottom: 4px; }
img.mabot { margin-bottom: 12px; } /* Abstand zwischen 2x img untereinander (12+4=16px) */
img.nav { vertical-align: middle; margin-top: 0; margin-bottom: 0; }
p.fuss img { margin-top: -4px; margin-bottom: -2px; }
.e2 img { vertical-align: text-bottom; } 
.oa img { vertical-align: text-bottom; }
img.pdf { vertical-align: text-bottom; margin-right: 4px; }
/* pdf-Symbol auf untere Textlinie; rechter Abstand zum Link-Text */
img.pdfh1 { vertical-align: middle; margin-top: 0; } /* für PDF-Symbol in h1-Zeile */

hr { color: #000000; border-style: solid; border-width: 1px 0px 0px 0px; } /* horizontale Linie schwarz*/
.hlines { border-top-style: solid; border-top-width: 1px; padding-top: 2px; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 2px;}
/* 2 horizontale schw. Linien oben und unten*/
.hlin { border-bottom-style: solid; border-bottom-color: #F8B82A; border-bottom-width: 1px; padding-bottom: 2px; }
/* 1 horizontale farbige Linie */
.hrlin { color: #F8B82A; border-style: solid; border-width: 1px 0px 0px 0px; }

/* .hrlin { border: 1px solid #F8B82A }
/* 1 horizontale farbige Linie ohne Abstand mit hr-Tag */

div.reseiz { text-align: right; font-family: 'Source Sans Pro', Calibri, Arial, sans-serif; font-size: 8pt; } /* rechter Text (Seitenzahl) */

@media screen {
div.kopf1 { background-color: #F4E99C; margin-top: 2pt; padding-bottom: 1pt; }
div.kopf { clear: both; background-color: #F4E99C; margin-top: 4pt; margin-bottom: 4pt; }
div.footer { margin-top: -6pt; position: relative; top: 1095px; margin-right: -18px; }
div.reseiz { border-top-color: #F8B82A; border-top-style: solid; border-top-width: thin;  }
/*div.reseiz:after {counter-increment: seiz; content: "" counter(seiz) ""; } /* rechts-seitenzahl, in die html-Datei verlegt */
.nos { display: none } /* existiert nur im Screen-Stylesheet */
}
@media print {
div.kopf1 { margin-bottom: 6pt; border-bottom-style: solid; border-bottom-color: #F8B82A; border-bottom-width: 1px; padding-bottom: 2px; }
div.kopf { page-break-before: always; clear: both; margin-bottom: 6pt; }
div.footer { margin-top: -6pt; position: relative; top: 1095px; }
/*div.reseiz:after {counter-increment: seiz; content: "Seite " counter(seiz) "";} /* rechts-seitenzahl, in die html-Datei verlegt */
.nop { display: none } /* existiert nur im Print-Stylesheet, für Wiederholungs-Zeichnung und Navigation */
}
/* div [class="le nos"] { display: none } /* nur bei print zum www... nicht drucken */

.block { text-align: justify; }
.mi { text-align: center; }
.tli { text-align: left; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }
/* macht Blocksatz rückgängig, setzt Silbentrennung zurück (Browser: Safari, Edge/IE, HTML-Standard) */
.newp { page-break-after: always; clear: both; font-size: 1px; background-color: #F8B82A; line-height: 1px; margin-top: 2pt; }
/* p-Inhalt = Leerz. und hinterlegt, nur 1px hoch. clear:both; nötig, da AB sonst kpl. hinterlegt ist. Wird als Farbfläche nicht gedruckt! */
/* geht auch!!: .newp:hover { background-color:#000000; }*/

table tr .leo { text-align:left; vertical-align:top; } /* default in table.bord und table.blind */
table tr .mio { text-align:center; vertical-align:top; }
table tr .reo { text-align:right; vertical-align:top; }
table tr .lem { text-align:left; vertical-align:middle; }
table tr .mim { text-align:center; vertical-align:middle; }
table tr .rem { text-align:right; vertical-align:middle; }
table tr .leu { text-align:left; vertical-align:bottom; }
table tr .miu { text-align:center; vertical-align:bottom; }
table tr .reu { text-align:right; vertical-align:bottom; }

/* ---------------------------------------------------------- */