/* DATEI EST1-Basis: pebu0.css, 180907, Author: Peter E. Burkhardt */

/* Folgende Seitenzahl-Linie nur für Test (solid <-> hidden) */
@media screen {
div.reseiz { border-top-color: #F8B82A; border-top-style: solid; border-top-width: thin;  }
}

.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: Verdana, Tahoma, Arial, sans-serif; } /* print and screen */

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(00esse1.jpg)/*tpa=http://www.pegons-web.de/images/00esse1.jpg*/; }
body#im00akt { background-image: url(00akt.jpg)/*tpa=http://www.pegons-web.de/images/00akt.jpg*/; }
body#im00phil { background-image: url(00space1.jpg)/*tpa=http://www.pegons-web.de/images/00space1.jpg*/; }
body#im00obst { background-image: url(00obst.jpg)/*tpa=http://www.pegons-web.de/images/00obst.jpg*/; }
body#im00gart { background-image: url(00gart.jpg)/*tpa=http://www.pegons-web.de/images/00gart.jpg*/; }
body#im00gart1 { background-image: url(00gart1.jpg)/*tpa=http://www.pegons-web.de/images/00gart1.jpg*/; }
body#im00reise { background-image: url(00reise1.jpg)/*tpa=http://www.pegons-web.de/images/00reise1.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 { padding-left: 2px; padding-bottom: 1px; padding-right: 2px; margin-bottom: 0; background-color: #FFFFFF;} /* Link normal */
#knav a.bas { font-weight: bold;  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(blickqkl.gif)/*tpa=http://www.pegons-web.de/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: 0.5pt; padding-top: 2px; border-bottom-style: solid; border-bottom-width: 0.5pt; padding-bottom: 2px;}
/* 2 horizontale schw. Linien oben und unten*/
.hlin { border-bottom-style: solid; border-bottom-color: #F8B82A; border-bottom-width: 0.5pt; padding-bottom: 1pt; }
/* 1 horizontale farbige Linie */

div.reseiz { text-align: right; font-family: Verdana, Tahoma, 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:after {counter-increment: seiz; content: "" counter(seiz) ""; } /* reseiz = rechts-seitenzahl */
.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: 0.5pt; padding-bottom: 1pt; }
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) "";}
.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; }

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