@charset "utf-8"; /* ----------------------------------------------------------------------- * CSS-Stylesheet für parsX-konforme EPUBs (nach DTD 3.0) * * @project Oetinger-EPUB-Styling * @version 2.6 * @date 2016-09-27 * @updateauthor ChF * @author Andreas Kämmerle, pagina GmbH Tübingen * Katrin Krengel, pagina GmbH, Tübingen * Natalie Ruegenberg, pagina GmbH, Tübingen * Tobias Fischer, pagina GmbH, Tübingen * @copyright pagina GmbH, Tübingen * ----------------------------------------------------------------------- */ /* -------------------------------------------------- */ /* Schrift-Deklarationen */ /* -------------------------------------------------- */ /* DejaVu Serif */ @font-face { font-family: DejaVu_Serif; font-style: normal; font-weight: normal; src: url(../Fonts/pa_DejaVuSerif.ttf); } @font-face { font-family: DejaVu_Serif; font-style: normal; font-weight: bold; src: url(../Fonts/pa_DejaVuSerif-Bold.ttf); } @font-face { font-family: DejaVu_Serif; font-style: italic; font-weight: normal; src: url(../Fonts/pa_DejaVuSerif-Italic.ttf); } @font-face { font-family: DejaVu_Serif; font-style: italic; font-weight: bold; src: url(../Fonts/pa_DejaVuSerif-BoldItalic.ttf); } /* DejaVu Serif Condensed */ @font-face { font-family: DejaVu_Serif_Condensed; font-style: normal; font-weight: normal; src: url(../Fonts/pa_DejaVuSerifCondensed.ttf); } @font-face { font-family: DejaVu_Serif_Condensed; font-style: normal; font-weight: bold; src: url(../Fonts/pa_DejaVuSerifCondensed-Bold.ttf); } @font-face { font-family: DejaVu_Serif_Condensed; font-style: italic; font-weight: normal; src: url(../Fonts/pa_DejaVuSerifCondensed-Italic.ttf); } @font-face { font-family: DejaVu_Serif_Condensed; font-style: italic; font-weight: bold; src: url(../Fonts/pa_DejaVuSerifCondensed-BoldItalic.ttf); } /* DejaVu Sans */ @font-face { font-family: DejaVu_Sans; font-style: normal; font-weight: normal; src: url(../Fonts/pa_DejaVuSans.ttf); } @font-face { font-family: DejaVu_Sans; font-style: italic; font-weight: normal; src: url(../Fonts/pa_DejaVuSans-Oblique.ttf); } @font-face { font-family: DejaVu_Sans; font-style: normal; font-weight: bold; src: url(../Fonts/pa_DejaVuSans-Bold.ttf); } @font-face { font-family: DejaVu_Sans; font-style: italic; font-weight: bold; src: url(../Fonts/pa_DejaVuSans-BoldOblique.ttf); } /* DejaVu Sans Condensed */ @font-face { font-family: DejaVu_Sans_Condensed; font-style: normal; font-weight: normal; src: url(../Fonts/pa_DejaVuSansCondensed.ttf); } @font-face { font-family: DejaVu_Sans_Condensed; font-style: normal; font-weight: bold; src: url(../Fonts/pa_DejaVuSansCondensed-Bold.ttf); } @font-face { font-family: DejaVu_Sans_Condensed; font-style: italic; font-weight: normal; src: url(../Fonts/pa_DejaVuSansCondensed-Oblique.ttf); } @font-face { font-family: DejaVu_Sans_Condensed; font-style: italic; font-weight: bold; src: url(../Fonts/pa_DejaVuSansCondensed-BoldOblique.ttf); } /* DejaVu Mono */ @font-face { font-family: DejaVu_Mono; font-style: normal; font-weight: normal; src: url(../Fonts/pa_DejaVuSansMono.ttf); } @font-face { font-family: DejaVu_Mono; font-style: italic; font-weight: normal; src: url(../Fonts/pa_DejaVuSansMono-Oblique.ttf); } @font-face { font-family: DejaVu_Mono; font-style: normal; font-weight: bold; src: url(../Fonts/pa_DejaVuSansMono-Bold.ttf); } @font-face { font-family: DejaVu_Mono; font-style: italic; font-weight: bold; src: url(../Fonts/pa_DejaVuSansMono-BoldOblique.ttf); } /* Gapstown */ @font-face { font-family: Gapstown; font-style: normal; font-weight: normal; src: url(../Fonts/GapstownSmallAH.ttf); } @font-face { font-family: Gapstown; font-style: normal; font-weight: bold; src: url(../Fonts/GapstownSmallAHBold.ttf); } /* -------------------------------------------------- */ /* Reset */ /* -------------------------------------------------- */ html, body, div, p, h1, h2, h3, h4, h5, h6, p.u7, ol, ul, li { margin: 0; padding: 0; } span { padding: 0; } /* -------------------------------------------------- */ /* Satzspiegel */ /* -------------------------------------------------- */ @page { margin-top: 1em; margin-bottom: 1em; margin-left: 1em; margin-right: 1em; } /* -------------------------------------------------- */ /* Allgemeines */ /* -------------------------------------------------- */ body { font-family: "DejaVu_Serif", serif; font-size: 0.85em; line-height: 1.5em; } title { display: none; } /* letzte Elemente im Kapitel immer ohne margin-bottom um iPad Leerseiten zu vermeiden */ body > .lastInContainer { margin-bottom: 0 !important; } /* -------------------------------------------------- */ /* Überschriften */ /* -------------------------------------------------- */ /* Ersten Absatz nach einer Überschrift nicht einrücken */ div.u-block + p, div.u-block1 + p, div.u-block2 + p, div.u-block3 + p, div.u-block4 + p, div.u-block5 + p, div.u-block6 + p, div.u-block7 + p, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, p.u7 + p { text-indent: 0; } /* Absätze innerhalb von Überschriftsblöcken nicht einrücken */ div.u-block p, div.u-block1 p, div.u-block2 p, div.u-block3 p, div.u-block4 p, div.u-block5 p, div.u-block6 p, div.u-block7 p { text-indent: 0; } span.u-zaehler { display: block; font-weight: normal; margin-right: 0.3em; margin-bottom: 0.2em; } div.kapitel p.u-vor { } p.u-vor { /* wird über jokerstyling.css definiert */ } h1 { /* wird über jokerstyling.css (entweder Sans, Serif oder Script) definiert */ } h2 { /* wird über jokerstyling.css definiert */ } p.untertitel { /* wird über jokerstyling.css definiert */ } /* -------------------------------------------------- */ /* Zwischenüberschriften */ /* -------------------------------------------------- */ /* Ersten Absatz nach einer Zwischenüberschrift nicht einrücken */ div.u-zwischen + p { text-indent: 0; } /* Typ 1: zentriert */ /* wird über jokerstyling.css definiert */ /* Typ 2: TEIL-Überschrift */ /* wird über jokerstyling.css definiert */ /* Weitere Typen 3 bis 15 möglich */ /* Helferklasse um den fehlenden CSS-parent-Selektor auszugleichen */ h1.no_pad_bottom, h2.no_pad_bottom, h3.no_pad_bottom, h4.no_pad_bottom, h5.no_pad_bottom, h6.no_pad_bottom, p.u7.no_pad_bottom { margin-bottom: 0; } /* -------------------------------------------------- */ /* Absätze */ /* -------------------------------------------------- */ p { font-family: "DejaVu_Serif", serif; text-indent: 1em; text-align: justify; } p.with_initiale, p.no_indent /*CS: p.no_indent kann wahrscheinlich ganz gelöscht werden*/ { text-indent: 0; } /* Ersten Absatz in einem Kapitel ohne Überschrift nicht einrücken */ body.kapitel p.firstInContainer { text-indent: 0; } table p { margin: 0; text-indent: 0; } div.seite p { display: none; } p.leerzeile { /* Keine Formatierung möglich da br-Tag */ } /* Absatz nach Leerzeile nicht einrücken */ p.leerzeile + p { text-indent: 0; } /* ------------------------------ */ /* (Absatz-) Ausrichtungen */ div.alignleft, p.alignleft { text-align: left; } div.alignright, p.alignright { text-align: right; } div.aligncenter, p.aligncenter { text-align: center; } div.alignblock, p.alignblock { text-align: justify; } /* -------------------------------------------------- */ /* Infokästen */ /* -------------------------------------------------- */ /* Absätze in Infokästen nicht einrücken */ div.infokasten p { text-indent: 0; } /* Der erste Absatz NACH einem Infokasten */ div.infokasten + p { text-indent: 0; } div.infokasten > div.u-zwischen { margin-top: 0.7em; } /* Allgemeine infokasten-Deklaration */ div.infokasten { margin-right: 0.5em; margin-top: 1em; margin-bottom: 1em; } /* Typ 1: Serif linksbündig mit schwarzem Rahmen */ div.infokasten.typ1 { padding-top: 0.6em; padding-bottom: 0.5em; padding-right: 0.6em; padding-left: 0.8em; border: 1px solid black; } div.infokasten.typ1 p { font-size: 0.95em; text-align: left; } /* Typ 2: Sans linksbündig mit grauem Fond */ div.infokasten.typ2 { padding-top: 0.7em; padding-bottom: 0.6em; padding-right: 0.7em; padding-left: 0.9em; background-color: #D0D0D0; } div.infokasten.typ2 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: left; } /* Weitere Typen 3 bis 15 möglich */ /* -------------------------------------------------- */ /* Einschübe: einschub_vor */ /* -------------------------------------------------- */ /* Allgemeine einschub_vor-Deklaration */ div.einschub_vor { } div.einschub_vor p { text-indent: 0; } p.einschub_vor + p { text-indent: 0; } /* Typ 1 */ /* wird über jokerstyling.css definiert */ div.einschub_vor.typ1 + h1 { margin-top: 0; } /* Typ 2 */ /* Um Abbildungen mit Legende zu Beginn eines Kapitels zu platzieren */ div.einschub_vor.typ2 p { font-family: "DejaVu_Serif_Condensed", sans-serif; font-style:normal; font-weight:normal; font-size:1em; line-height:1.5em; text-align:center; margin-top:0px; margin-bottom:0em; } /* Weitere Typen 3 bis 15 möglich */ /* -------------------------------------------------- */ /* Einschübe */ /* -------------------------------------------------- */ /* Allgemeine einschub-Deklarationen */ div.einschub { margin: 0em; padding: 0em; } /* Absätze in Einschüben grundsätzlich nicht einrücken */ div.einschub p { text-indent: 0; } /* Der erste Absatz NACH einem Einschub */ div.einschub + p { text-indent: 0; } /* Versalien und Ziffern in Einschüben */ div.einschub span.versal { text-transform: uppercase; letter-spacing: 0.07em; font-size: 97%; } div.einschub span.ziffer { font-size: 97%; letter-spacing: 0.06em; } /* Typ 1: Grundschrift (serif) zentriert */ div.einschub.typ1 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ1 p { text-align: center; } /* Typ 2: Grundschrift (serif) rechtsbündig */ div.einschub.typ2 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ2 p { text-align: right; } /* Typ 3: Grundschrift (serif) eingerückt linksbündig */ div.einschub.typ3 { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } div.einschub.typ3 p { text-align: left; } /* Typ 4: Grundschrift (serif) italic Blocksatz */ div.einschub.typ4 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ4 p { font-style: italic; } /* Typ 5: Grundschrift (serif) italic eingerückt linksbündig */ div.einschub.typ5 { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } div.einschub.typ5 p { font-style: italic; text-align: left; } /* Typ 6: Grundschrift (serif) italic zentriert */ div.einschub.typ6 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ6 p { font-style: italic; text-align: center; } /* Typ 7: Grundschrift (serif) italic rechtsbündig */ div.einschub.typ7 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ7 p { font-style: italic; text-align: right; } /* Typ 8: sans Blocksatz */ div.einschub.typ8 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ8 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: justify; } /* Typ 9: sans zentriert */ div.einschub.typ9 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ9 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: center; } /* Typ 10: sans eingerückt linksbündig */ div.einschub.typ10 { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } div.einschub.typ10 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: left; } /* Typ 11: sans italic Blocksatz */ div.einschub.typ11 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ11 p { font-family: "DejaVu_Sans", sans-serif; font-style: italic; font-weight: normal; font-size: 0.95em; text-align: justify; } /* Typ 12: sans italic eingerückt linksbündig */ div.einschub.typ12 { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } div.einschub.typ12 p { font-family: "DejaVu_Sans", sans-serif; font-style: italic; font-weight: normal; font-size: 0.95em; text-align: left; } /* Typ 13: sans italic zentriert */ div.einschub.typ13 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ13 p { font-family: "DejaVu_Sans", sans-serif; font-style: italic; font-weight: normal; font-size: 0.95em; text-align: center; } /* Typ 14: sans bold Blocksatz */ div.einschub.typ14 { margin-top: 1em; margin-bottom: 1em; } div.einschub.typ14 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: bold; font-size: 0.95em; text-align: justify; } /* Typ 15: sans bold eingerückt linksbündig */ div.einschub.typ15 { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } div.einschub.typ15 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: bold; font-size: 0.95em; text-align: left; } /* innerhalb von kursiven Einschüben recte darstellen */ div.einschub.typ4 em, div.einschub.typ5 em, div.einschub.typ6 em, div.einschub.typ7 em, div.einschub.typ11 em, div.einschub.typ12 em, div.einschub.typ13 em, div.einschub.stil17 em, div.einschub.typ4 .kursiv, div.einschub.typ5 .kursiv, div.einschub.typ6 .kursiv, div.einschub.typ7 .kursiv, div.einschub.typ11 .kursiv div.einschub.typ12 .kursiv div.einschub.typ13 .kursiv div.einschub.stil17 .kursiv { font-style: normal; } /* -------------------------------------------------- */ /* Einschub-Stile-Bibliothek */ /* -------------------------------------------------- */ /* Stil 1: sans bold zentriert */ div.einschub.stil1 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil1 p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: bold; font-size: 0.95em; text-align: center; } /* Stil 2: script Blocksatz */ div.einschub.stil2 { margin-top: 0.9em; margin-bottom: 1.4em; } div.einschub.stil2 p { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 1.3em; text-align: justify; } /* Stil 3: script zentriert */ div.einschub.stil3 { margin-top: 0.9em; margin-bottom: 1.4em; } div.einschub.stil3 p { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 1.3em; text-align: center; } /* Stil 4: script eingerückt linksbündig */ div.einschub.stil4 { margin-left: 1.2em; margin-top: 0.9em; margin-bottom: 1.4em; } div.einschub.stil4 p { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 1.3em; text-align: left; } /* Stil 5: script bold Blocksatz */ div.einschub.stil5 { margin-top: 0.9em; margin-bottom: 1.4em; } div.einschub.stil5 p { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: bold; font-size: 1.2em; line-height: 1.3em; text-align: justify; } /* Stil 6: script bold zentriert */ div.einschub.stil6 { margin-top: 0.9em; margin-bottom: 1.4em; } div.einschub.stil6 p { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: bold; font-size: 1.2em; line-height: 1.3em; text-align: center; } /* Stil 7: script bold eingerückt linksbündig */ div.einschub.stil7 { margin-left: 1.2em; margin-top: 0.9em; margin-bottom: 1.4em; } div.einschub.stil7 p { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: bold; font-size: 1.2em; line-height: 1.3em; text-align: left; } /* Stil 8: Mono Blocksatz */ div.einschub.stil8 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil8 p { font-family: "DejaVu_Mono", monospace; font-style: normal; font-weight: normal; font-size: 0.94em; text-align: justify; } /* Stil 9: Mono zentriert */ div.einschub.stil9 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil9 p { font-family: "DejaVu_Mono", monospace; font-style: normal; font-weight: normal; font-size: 0.94em; text-align: center; } /* Stil 10: Mono eingerückt linksbündig */ div.einschub.stil10 { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; } div.einschub.stil10 p { font-family: "DejaVu_Mono", monospace; font-style: normal; font-weight: normal; font-size: 0.94em; text-align: left; } /* Stil 11: Grundschrift (serif) farbig (blau) */ div.einschub.stil11 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil11 p { color: #4e89c4; } /* Stil 12: Grundschrift (serif) farbig (rot) */ div.einschub.stil12 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil12 p { color: #df0909; } /* Stil 13: Grundschrift (serif) farbig (grün) */ div.einschub.stil13 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil13 p { color: #2f8d3c; } /* Stil 14: Grundschrift (serif) farbig (violett) */ div.einschub.stil14 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil14 p { color: #9c1a77; } /* Stil 15: Grundschrift (serif) farbig (orange) */ div.einschub.stil15 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil15 p { color: #ed6700; } /* Stil 16: Grundschrift (serif) Blocksatz eingerückt */ div.einschub.stil16 { margin-top: 1em; margin-bottom: 1em; margin-left: 1.25em; } div.einschub.stil16 p { text-align: justify; } /* Stil 17: Grundschrift (serif) Blocksatz italic eingerückt */ div.einschub.stil17 { margin-top: 1em; margin-bottom: 1em; margin-left: 1.25em; } div.einschub.stil17 p { text-align: justify; font-style: italic; } /* Stil 18: Grundschrift (serif) linksbündig */ div.einschub.stil18 { margin-top: 1em; margin-bottom: 1em; } div.einschub.stil18 p { text-align: left; } /* Stil 19: Grundschrift (serif) kleiner */ div.einschub.stil19 { margin-top: 1em; margin-bottom: 1em; line-height: 1.2em; } div.einschub.stil19 p { font-size: smaller; } /* Stil 20: Untertitel (als Einschub, Styling SANS) nach (Teil-Überschrift + Untertitel), da keinen Untertitel ermöglicht */ div.einschub.stil20 { margin-top: 1.3em; margin-bottom: 2.7em; page-break-after: always; } div.einschub.stil20 p { font-family: "DejaVu_Sans_Condensed", serif; font-style: italic; font-weight: normal; font-size: 1.05em; line-height: 1.4em; text-align: center; } /* Stil 21: Untertitel (als Einschub, Styling SCRIPT) nach (Teil-Überschrift + Untertitel), da keinen Untertitel ermöglicht */ div.einschub.stil21 { margin-top: 0.9em; margin-bottom: 1.9em; page-break-after: always; } div.einschub.stil21 p { font-family: "Gapstown", sans-serif; font-weight: normal; font-size: 1.3em; line-height: 1.3em; text-align: center; } /* Stil 22: Untertitel (als Einschub, Styling SERIF) nach (Teil-Überschrift + Untertitel), da keinen Untertitel ermöglicht */ div.einschub.stil22 { margin-top: 1.3em; margin-bottom: 2.7em; page-break-after: always; } div.einschub.stil22 p { font-family: "DejaVu_Serif", serif; font-style: italic; font-weight: normal; font-size: 1.07em; line-height: 1.45em; text-align: center; } /* -------------------------------------------------- */ /* Inline-Auszeichnungen */ /* -------------------------------------------------- */ em { font-style: italic; } strong { font-weight: bold; font-size: 0.96em; letter-spacing: 0.01em; } span.kapitaelchen { text-transform: uppercase; font-size: 96%; letter-spacing: 0.05em; } span.initiale { /* Kommt bei Oetinger nicht zum Einsatz! */ } sup { font-style: normal; font-weight: normal; font-size: 0.6em; } sub { font-style: normal; font-weight: normal; font-size: 0.6em; } span.unterstr { font-style: normal; font-weight: normal; text-decoration: underline; } span.durchgestr { text-decoration: line-through; } span.versal { text-transform: uppercase; font-size: 97%; letter-spacing: 0.07em; } span.ziffer { font-size: 97%; letter-spacing: 0.06em; } span.sperrung { font-style: italic; letter-spacing: 0.1em; } span.spitzmarke { font-family: "DejaVu_Sans", sans-serif; font-weight: bold;} span.fremd { text-decoration: none; } /* -------------------------------------------------- */ /* Inline-Joker */ /* -------------------------------------------------- */ /* Allgemeine inline-Deklaration */ span.inline { display: inline; } /* Typ 1: sans regular + PINK ZF_Hervorhebung */ span.inline.typ1 { font-family: "DejaVu_Sans_Condensed", sans-serif; font-style: normal; font-weight: normal; font-size: 0.97em; letter-spacing: 0.02em; } /* Typ 2: sans condensed bold + PINK ZF_Hervorhebung_fett */ span.inline.typ2 { font-family: "DejaVu_Sans_Condensed", sans-serif; font-style: normal; font-weight: bold; font-size: 0.96em; letter-spacing: 0.02em; } /* Typ 3: sans kursiv */ span.inline.typ3 { font-family: "DejaVu_Sans", sans-serif; font-style: italic; font-weight: normal; font-size: 0.95em; } /* Typ 4: sans mono */ span.inline.typ4 { font-family: "DejaVu_Mono", monospaced; font-style: normal; font-weight: normal; font-size: 0.97em; } /* Typ 5: script regular */ span.inline.typ5 { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: normal; font-size: 1.18em; } /* Typ 6: script bold */ span.inline.typ6 { font-family: "Gapstown", sans-serif; font-style: normal; font-weight: bold; font-size: 1.17em; } /* Typ 7: Grundschrift (serif) blau */ span.inline.typ7 { color: #4e89c4; } /* Typ 8: Grundschrift (serif) rot */ span.inline.typ8 { color: #df0909; } /* Typ 9: Grundschrift (serif) grün */ span.inline.typ9 { color: #2f8d3c; } /* Typ 10: Grundschrift (serif) violett */ span.inline.typ10 { color: #9c1a77; } /* Typ 11: Grundschrift (serif) orange */ span.inline.typ11 { color: #ed6700; } /* Typ 12: kleiner */ span.inline.typ12 { font-size: smaller; } /* Typ 13: größer */ span.inline.typ13 { font-size: larger; } /* Typ 14: Grundschrift (Serif) in Einschub mit anderer Schriftart */ span.inline.typ14 { font-family: "DejaVu_Serif", serif; font-style: normal; font-weight: normal; } /* Typ 15: PINK: ZF_Hervorhebung_Kapiteleinstieg */ span.inline.typ15 { font-family: "DejaVu_Sans_Condensed", sans-serif; font-style: normal; font-weight: bold; font-size: 1.12em; letter-spacing: 0.02em; } span.inline.typ15 span.versal { text-transform: uppercase; letter-spacing: 0.05em; font-size: 96%; } /* -------------------------------------------------- */ /* Inline-Stile-Bibliothek */ /* -------------------------------------------------- */ /* Stil 1: PINK: Smileys */ span.inline.stil1 { font-family: "DejaVu_Sans"; font-style: normal; font-weight: normal; } span.inline.stil1.fett { font-family: "DejaVu_Sans"; font-style: normal; font-weight: bold; } /* Stil 2: PINK: ZF_Hervorhebung_versal */ span.inline.stil2 { font-family: DejaVu_Sans_Condensed, sans-serif; font-style: normal; font-weight: normal; font-size: 0.955em; letter-spacing: 0.02em; } /* Stil 3: größer und bold */ span.inline.stil3 { font-size: larger; font-weight: bold; } /* Stil 4: Grundschrift (serif) grau */ span.inline.stil4 { color: #666666; } /* Stil 5: sans regular + PINK ZF_Hervorhebung GESPERRT */ span.inline.stil5 { font-family: "DejaVu_Sans_Condensed", sans-serif; font-style: normal; font-weight: normal; font-size: 0.97em; letter-spacing: 0.15em; } span.inline.stil5 span.versal { font-size: 0.96em; letter-spacing: 0.2em; text-transform: uppercase; } /* Stil6: sans condensed bold + PINK ZF_Hervorhebung_fett GESPERRT */ span.inline.stil6 { font-family: "DejaVu_Sans_Condensed", sans-serif; font-style: normal; font-weight: bold; font-size: 0.96em; letter-spacing: 0.1em; } span.inline.stil6 span.versal { font-size: 0.95em; letter-spacing: 0.2em; text-transform: uppercase; } /* -------------------------------------------------- */ /* Listen */ /* -------------------------------------------------- */ /* Erster Absatz NACH Listen */ div.liste_geordnet + p, div.liste_ungeordnet + p, div.liste_manuell + p, div.liste_definition + p { text-indent: 0; } /* Allgemeine Listen-Deklaration */ div.liste_geordnet, div.liste_ungeordnet, div.liste_manuell { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; text-align: left; } li { font-size: 1em; } li p { margin-left: 0.5em; display: block; text-indent: 0; } li span.le-zaehler { font-family: "DejaVu_Serif", serif; display: inline-block; margin-left: -2.25em; width: 2em; float: left; text-align: right; } /* liste_ungeordnet */ /* liste_geordnet */ div.liste_geordnet li { margin-left: 0.5em; } div.liste_geordnet p { margin-left: 0.1em; } /* liste_manuell */ div.liste_manuell ul { list-style-type: none; } div.liste_manuell ul.without_zaehler { list-style-type: none; } div.liste_manuell li { margin-left: 0.5em; } div.liste_manuell p { margin-left: 0.1em; } /* liste_definition */ div.liste_definition { margin-bottom: 1em; } /* Begriff */ dl { margin-left: 0em; } dt { font-family: "DejaVu_Sans", sans-serif; font-weight: normal; text-indent: 0; margin-top: 0.5em; } /* Definition */ dd { margin-top: 0.1em; margin-left: 1.0em; } dd p { text-align: left; text-indent: 0; } /* Listenzeichen (@zaehlertyp) */ ol.listType_lower-a { list-style-type: lower-latin; } ol.listType_upper-A { list-style-type: upper-latin; } ol.listType_lower-i { list-style-type: lower-roman; } ol.listType_upper-I { list-style-type: upper-roman; } ol.listType_greek { list-style-type: lower-greek; } ul { list-style-type: disc; } ul.listType_dash { list-style-type: disc; } ul.listType_point { list-style-type: circle; } ul.listType_triangle { list-style-type: square; } ul.listType_star { list-style-type: square; } ul.listType_other { list-style-type: disc; } /* Listenebenen */ ul.lvl_1 { } ul.lvl_2 { } ul.lvl_3 { } /* -------------------------------------------------- */ /* Tabellen */ /* -------------------------------------------------- */ div.tabelle { /* DIV-Container der die Tabelle umschließt */ margin-top: 2.15em; margin-bottom: 1em; } /* Absätze in Tabellen nicht einrücken */ div.tabelle p { text-indent: 0; } /* Erster Absatz NACH dem Tabellen-Container */ div.tabelle + p { text-indent: 0; } table { width: 100%; } /* Tabellenkopf */ thead td, thead th, th, thead { } thead[valign = "middle"] td { vertical-align: middle; } td { border-width: 0; border-style: none; vertical-align: top; padding-top: 0.25em; padding-bottom: 0.25em; padding-right: 0.85em; } td p { font-size: 0.98em; line-height: 1.5em; text-align: left; } /* Tabellentitel und -legende */ div.tabellentitel, div.tabelle div.legende { display: block; } div.tabellentitel { font-style: italic; font-weight: bold; display: block; margin-bottom: 0.7em; border-bottom-style: solid; border-width: 1px; border-color: #000000; page-break-after: avoid; } div.tabelle div.legende { display: block; margin-top: 0.7em; margin-bottom: 0.7em; } /* Typ 1: Für Tabellen, die Tabulatoren ersetzen sollen */ div.tabelle.typ1 { border: 0px none; } div.tabelle.typ1 table { font-family: "DejaVu_Serif", serif; text-align: left; } /* Weitere Typen 2 bis 15 möglich */ /* -------------------------------------------------- */ /* Abbildungen */ /* -------------------------------------------------- */ div.abbildung { display: block; text-align: center; border: none; margin-top: 2em; margin-bottom: 2em; } /* Inline-Abbildungen */ div.abb_inline { } div.abbildungstitel { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: bold; font-size: 0.95em; line-height: 1.4em; margin-bottom: 0.7em; } div.abbildung.alignleft { display: block; float: left; } div.abbildung.alignright { display: block; float: right; } div.aligncenter, p.aligncenter { text-align: center; } span.u-text img { text-align: center; display: block; } div.abbildung img { } /* Erster Absatz NACH Abbildungen */ div.abbildung + p { text-indent: 0; } /* Typ 1: Standard-Abbildungen */ div.abbildung.typ1 img { max-width: 100%; max-height: 100%; } /* Typ 2: ganzseitige Abbildungen (Hochformat) + Titelseite */ div.abbildung.typ2 { margin: 0em; margin: 0em; page-break-before: always; page-break-after: always; } div.abbildung.typ2 img { height: 100%; max-width: 100%; } /* Typ 3: Bild steht rechts und wird links vom Text umflossen */ div.abbildung.typ3 { display: block; /*position: absolute;*/ right: 0; width: auto; max-width: 300px; float: right; margin-left: 0.7em; margin-top: 0.7em; margin-bottom: 0.7em; padding: 0.25em; } /* Abbildungen im Template "15-oet34-zusatz.xhtml.nachspann.tpl" */ div.abbildung.oet341 img, div.abbildung.oet342 img { width: 100%; max-width: 100%; } /* Abbildungen in Anzeige*/ div.abbildung.anzeige_cover { display: block; text-align: center; border: none; margin-bottom: 1.7em; } div.abbildung.anzeige_logo { display: block; text-align: center; border: none; margin-bottom: 0.5em; } div.abbildung.anzeige_cover img { max-width: 100%; max-height: 100%; } div.abbildung.anzeige_logo img { max-width: 100%; max-height: 100%; } /* Weitere Typen 4 bis 15 möglich */ /* Typ "splash": 60%-Abbildungen */ div.abbildung.splash { margin-bottom: 50px; } div.abbildung.splash img { width: 60% !important; } /* -------------------------------------------------- */ /* Legenden */ /* -------------------------------------------------- */ div.legende { display: block; margin-top: 0.7em; } span.zaehler { /* Element kommt nur in Legenden vor */ font-family: "DejaVu_Sans", sans-serif; font-size: 0.95em; font-style: normal; font-weight: bold; } div.legende p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; text-indent: 0; font-size: 0.95em; line-height: 1.35em; color: #666666; } /* -------------------------------------------------- */ /* Fussnoten und Endnoten */ /* -------------------------------------------------- */ span.fussnote, span.endnote { vertical-align: text-top; font-size: 0.7em; font-style: normal; font-weight: normal; margin-right: 0.3em; margin-left: 0.2em; } span.fussnote a, span.endnote a { color: #808080; } /* Absätze im Fuß-/Endnoten-Container */ div.fussnote, div.endnote { margin-top: 0.7em; } div.fussnote p, div.endnote p { font-family: "DejaVu_Serif", serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: left; } span.fussnotenzaehler, span.endnotenzaehler { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: bold; margin-right: 0.7em; } span.fussnotenzaehler a, span.endnotenzaehler a { color: #808080; } /* Inzeilige Fuß-/Endnotenzähler im Fußnoten-Anhang inkl. EPUB3 Fußnoten-Workaround für iBooks http://tools.pagina-online.de/parsx-doku_v3/#epub_neuerungen_css-aenderungen_epub3-fussnoten.html */ span.fussnotenzaehler, span.endnotenzaehler { display: inline; visibility: visible; } span.fussnotenzaehler + div.fussnoteninhalt, span.endnotenzaehler + div.endnoteninhalt { display: inline; } div.fussnoteninhalt > .firstInContainer, div.endnoteninhalt > .firstInContainer { display: inline; } /* -------------------------------------------------- */ /* Marginalien */ /* -------------------------------------------------- */ span.marginalie { float: right; font-family: "DejaVu_Sans", sans-serif; font-size: 0.95em; text-align: left; text-indent: 0; border: 1px solid #4e89c4; margin-left: 1.0em; margin-right: -1.0em; padding: 0.3em; width: 25%; clear: both; } /* Typen 1 bis 15 möglich */ /* -------------------------------------------------- */ /* Semantische Gliederung */ /* -------------------------------------------------- */ div.vorspann, div.hauptteil, div.zwischenblatt, div.nachspann { } body.body_vorspann { page-break-before: avoid; } body.body_zwischenblatt { margin-top: 3em; } body.body_nachspann { page-break-before: avoid; } /* -------------------------------------------------- */ /* Indizes */ /* -------------------------------------------------- */ div.index { font-family: "DejaVu_Serif", serif; font-size: 0.8em; line-height: 1.35em; font-style: normal; font-weight: normal; text-align: left; } div.index-eintrag { } p.ix-text { padding-left: 1.25em; text-indent: -1.25em; } div.index-abschnitt hr { border: none; margin-right: 0.5em; } div.index-abschnitt p { margin-left: 1.25em; text-indent: -1.25em; } /* Formatierung von verschachtelten Indizes */ div.index_in_index { text-indent: -1.25em; padding-left: 1.25em; display: block; } /* -------------------------------------------------- */ /* Gedicht- und Dramenstruktur */ /* -------------------------------------------------- */ div.gedicht { margin-left: 2em; margin-top: 1em; margin-bottom: 1em; } div.gedicht div.u-zwischen, div.gedicht h1, div.gedicht h2, div.gedicht h3, div.gedicht h4, div.gedicht h5, div.gedicht h6, div.gedicht p.u7 { } /* Erster Absatz NACH Gedicht */ div.gedicht + p { text-indent: 0; } /* Typ 1 */ div.gedicht.typ1 p.vers { font-family: "DejaVu_Serif", serif; font-style: italic; font-weight: normal; } /* Weitere Typen 2 bis 15 möglich */ div.strophe { margin-bottom: 0.7em; } p.vers { margin-top: 0em; margin-bottom: 0em; text-indent: -1em; } /* Typ 1: Für Verse, die weiter eingezogen sein sollen als die übrigen */ p.vers.typ1 { margin-left: 1.25em; } /* Weitere Typen 2 bis 15 möglich */ div.gedicht div.u-zwischen { margin-top: 0; } /* Sonderfall: Gedichte in Einschüben */ div.einschub div.gedicht { margin-left: 30px; } div.aufzug { } div.szene { } div.szene p { } div.szene p + p { text-indent: 0em; } div.szene + p { text-indent: 0em; } div.regie p { font-style: italic; margin-top: 0.7em; margin-bottom: 0.7em; text-indent: 0em; } span.regie_inline { font-style: italic; } p.sprecher { text-indent: 0em; margin-left: 0em; } div.rede, div.sprechertext { margin-left: 1.25em; } div.rede, div.sprechertext p { text-indent: 0em; } /* -------------------------------------------------- */ /* Register */ /* -------------------------------------------------- */ span.register, span.reg_ort, span.reg_sach, span.reg_pers, span.register.typ1, span.reg_ort.typ1, span.reg_sach.typ1, span.reg_pers.typ1, span.register.typ2 span.reg_ort.typ2, span.reg_sach.typ2, span.reg_pers.typ2 { } span.reg-fundstelle { text-decoration: none; } span.reg-begriff1, span.reg-begriff2, span.reg-begriff3, span.reg-begriff4 { /* wird ausgeblendet weil der Inhalt nur für den Aufbau eines Registers wichtig ist, aber nicht im Text selbst vorkommt */ display: none; visibility: hidden; } span.reg-querverweis { display: none; visibility: hidden; } /* -------------------------------------------------- */ /* Verweise */ /* -------------------------------------------------- */ a { text-decoration: none; } a.sprungziel, a.verweisziel { text-decoration: none; color: #000000; } a.verweis { text-decoration: none; color: #4e89c4; } a.verweis.intern { text-decoration: none; color: #A0A0A0; } a.verweis.extern { color: #4e89c4; } /* -------------------------------------------------- */ /* E-Book-Spezifisches */ /* -------------------------------------------------- */ /* keine Einzüge in der E-Book-Titelei */ .autor p, .titel p, .untertitel p, .gattung p, .uebersetzer p, .illustrator p, .e-joker p, .e-isbn p, .e-logo p, .meta_cover p, .meta_haupttitel p, .meta_navigation p, .meta_inhaltsvz p, .meta_ebio p, .meta_ekurztext p, .meta_impressum p, .meta_hinweise p { margin: 0; text-indent: 0; } /* h1 des Impressums "unterdrücken" */ body.meta_impressum h1 { display: none; } /* Cover */ /* Tipp: http://blogs.adobe.com/digitaleditions/2009/03/working_with_the_cover.html */ body.meta_cover { margin: 0em; padding: 0em; } p.CoverImage { text-align: center; } p.CoverImage img { height: 100%; } svg#coverpage { max-height: 100%; height: 99vh; margin: 0; } /* Haupttitel */ body.meta_haupttitel { text-align: left; padding-top: 1.0em; text-indent: 0; } p.t_autor { font-family: "DejaVu_Sans", sans-serif; font-size: 1.1em; font-style: normal; font-weight: bold; line-height: 1.8em; color: #000000; margin-bottom: -1.8em; } p.t_hrsg { font-family: "DejaVu_Serif", serif; font-size: 1.05em; font-style: normal; font-weight: normal; line-height: 1.8em; margin-top: 1em; } p.t_titel { font-family: "DejaVu_Sans", sans-serif; font-size: 2.0em; line-height: 1.3em; font-style: normal; font-weight: bold; color: #356ba2; margin-top: 1.2em; margin-bottom: 0.7em; } p.t_titel.linked a { color: #333333; } p.t_untertitel { font-family: "DejaVu_Sans", sans-serif; font-size: 1.3em; line-height: 1.5em; font-style: italic; font-weight: normal; margin-top: 0; margin-bottom: 1.35em; } div.infoblock { margin-top: 1.5em; } p.t_gattung { display: none; visibility: hidden; } p.t_uebersetzer, p.t_illustrator { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; margin-top: 0; margin-bottom: 1.5em; } p.t_verlag { display: none; } p.t_verlagslogo { /*position: absolute;*/ bottom: 2em; padding-left: 5px; margin-top: 4em; vertical-align: bottom; border-width: 0; outline-style: none; } div.t_joker, body.meta_ekurztext, body.meta_ebio { font-family: "DejaVu_Serif", serif; font-size: 0.9em; line-height: 1.5em; font-style: normal; font-weight: normal; margin-bottom: 1.5em; } div.t_joker { margin-top: 1.5em; } /*Formatierung Anzeige Nachspann*/ body.body_nachspann h1.anzeige{ font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: bold; text-align:center; margin-top:25px; margin-bottom: 1.5em; font-size: 1.35em; line-height: 1.5em; hyphens: none; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none } body.body_nachspann p { text-indent: 0; } /* Anzeige Biblio */ div.einschub.anzeige_biblio { margin-bottom: 2em; } div.einschub.anzeige_biblio p { font-family: "DejaVu_Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 0.93em; text-align: center; } /* Marketingtext Serif Blocksatz */ div.einschub.anzeige_text { margin-bottom: 3em; } div.einschub.anzeige_text p { font-family: "DejaVu_Serif", serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: justify; } /* Anzeige Verweis auf Webseite */ div.einschub.anzeige_verweis { /* margin-top: 1em;*/ } div.einschub.anzeige_verweis p { font-family: "DejaVu_Serif", serif; font-style: normal; font-weight: normal; font-size: 0.95em; text-align: center; } /* Anzeige Titel */ span.inline.titel { font-family: "DejaVu_Sans_Condensed", sans-serif; font-style: normal; font-weight: bold; font-size: 1em; letter-spacing: 0.02em; } /* Anzeige Zusatzinformation */ span.inline.zusatz { font-family: "DejaVu_Sans", sans-serif; font-style: italic; font-weight: normal; font-size: 0.93em; } body.meta_impressum p { font-family: "DejaVu_Serif", serif; font-style: normal; font-weight: normal; text-align: left; } /* Navigation */ body.meta_navigation { } p.booklink a { color: #999999; text-decoration: none; } p.booklink { margin-bottom: 0.5em; } div.backlink { display: none; color: #999999; } span.h1_backlink, span.h2_backlink { display: block; color: #999999; } div.backlink span.h1_backlink a, span.h2_backlink { display: block; color: #999999; } /* Inhaltsverzeichnis, wird bei uns nur in Leseproben gezeigt */ body.meta_inhaltsvz.not_linked li { color: #999999; } body.meta_inhaltsvz.not_linked li.leseprobe { color: black; } p.ie-text { display: none; } span.ie-sz { display: none; } span.ie-zaehler { display: none; } div.inhalt { color: #4e89c4; margin-left: 0; } body.meta_hinweise { } /* EPUB-Leseprobe */ p.t_leseprobe-zusatz { font-family: "DejaVu_Sans", sans-serif; font-size: 0.9em; line-height: 1.5em; font-style: normal; font-weight: normal; text-align: left; margin-top: 2.7em; margin-bottom: 1.35em; } /* -------------------------------------------------- */ /* Seitenzahlen */ /* -------------------------------------------------- */ span.origpage { font-family: "DejaVu_Sans", sans-serif; font-weight: normal; display: inline; background-color: #FFFFFF; color: #333333; font-size: 9pt; } div.origpage + p { text-indent: 0; } /* -------------------------------------------------- */ /* Screenreader-Anpassungen */ /* -------------------------------------------------- */ abbr { speak: spell-out; -epub-speak-as: spell-out; } acronym, abbr.speak-read-normal { speak: normal; -epub-speak-as: normal; }