@charset "utf-8"; /* * FUEGO-Epub-Styling * * @project FUEGO-Epub-Design | www.fuego.de * @version 2.0 * @date 2013-12-01 * @author Friedel Muders * @design Friedel Muders /* --------------------------------------------------- */ /* -------------- Grundlagen ------------*/ body { font-family: Georgia, serif; margin:0; padding:0; border-width:0; -epub-hyphens:auto; -webkit-hyphens:auto; } @page { margin: 15px; widows: 3; orphan: 3; } @font-face { font-style: normal; font-weight: normal; font-size: 100%; text-indent: 0; } h1, h2, h3, h4 { -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; } span.normal { font-weight : normal; font-style : normal; } span.bold { font-weight : bold; font-style : normal; } span.italic { font-weight : normal; font-style : italic; } span.bold-italic { font-weight : bold; font-style : italic; } /* -------------- Links ------------*/ a { text-decoration: none; } a:link { text-decoration: none; color: inherit; }a:visited { text-decoration: none; color: inherit; }a:hover { text-decoration: none; color: inherit; }a:active { text-decoration: none; color: inherit; } /* ------------- Inhaltslayout - Standard (W2EPUB) ------------*/ p { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0px; } p+p { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 25px; margin : 0px; } /* ------------- Inhaltslayout - Standard (Erweiterungen) ------------*/ p.first { font-weight : normal; font-style : normal; font-size : 100%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0px; } p.first-space { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0% 0% 5% 0%; } p.body { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 25px; margin : 0px; } p.body-space { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 25px; margin : 0% 0% 5% 0%; } p.right { font-weight : normal; font-style : normal; font-size : 100%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : right; color : #000000; text-indent : 0px; margin : 0px; } /* -------------- Abstand ------------*/ .space-unten { margin : 0% 0% 5% 0%; } .space-oben { margin : 5% 0% 0% 0%; } .space-links { margin : 0% 0% 0% 5%; } .space-rechts { margin : 0% 5% 0% 0%; } /* -------------- Standard-Ausnahmen ------------*/ p.body-einzug { font-family : sans-serif; font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0% 0% 0% 20%; } p.body-einzug-space { font-family : sans-serif; font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0% 0% 5% 20%; } p.center { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 0px; } p.center-space { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 0% 0% 5% 0%; } p.body-right { font-size : 100%; font-style: normal; font-variant: normal; font-weight:normal; line-height: 150%; text-align: right; text-decoration: none; text-indent: 0px; color:#000000; margin : 0 0 0 0; } p.body-right-space { font-size: 100%; font-style: normal; font-variant: normal; font-weight: normal; line-height: 150%; text-align: right; text-decoration: none; text-indent: 0px; color:#000000; margin : 0 0 5% 0; } p.listing1 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : -5%; margin : 0% 10% 0% 10%; } p.listing { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0% 0% 0% 10%; } p.quellen { font-family : serif; font-weight : normal; font-style : normal; font-size : 100%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : -25px; margin : 2% 5% 0% 5%; } /* -------------- Headlines ------------*/ h1 { font-family : sans-serif; font-size : 140%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 14% 0% 7% 0%; } h3 { font-family : sans-serif; font-size : 140%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 14% 0% 3% 0%; } h2 { font-family : sans-serif; font-size : 120%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 7% 0%; } h4 { font-family : sans-serif; font-size : 175%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 7% 5%; } h5 { font-family : sans-serif; font-size : 115%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens: none; margin: 0% 0% 0% 10%; } h6 { font-family : sans-serif; font-size : 115%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 0% 0%; } /* -------------- Vorwort ------------*/ p.vorwort-head { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 90%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 5% 10% 4% 10%; } p.vorwort-first { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 90%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0% 10% 0% 10%; } p.vorwort-first-space { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 90%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0% 10% 6% 10%; } p.vorwort-zitat { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 90%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0; margin : 0% 10% 0% 10%; } p.vorwort-verweis { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 90%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : right; color : #000000; text-indent : 0; margin : 0% 10% 3% 10%; } p.vorwort-center-space { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 90%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 25px; margin : 5% 10% 5% 10%; } /* -------------- Titel ------------*/ p.author { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 160%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 10% 0% 15% 0%; } p.title { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 220%; text-decoration : none; font-variant : normal; line-height : 100%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 10% 0%; } p.title-unten1 { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 125%; text-decoration : none; font-variant : normal; line-height : 100%; text-align : center; color : #6b6b6a; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 3% 0%; } p.title-unten2 { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 125%; text-decoration : none; font-variant : normal; line-height : 100%; text-align : center; color : #6b6b6a; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 3% 0%; } p.title-unten3 { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 125%; text-decoration : none; font-variant : normal; line-height : 100%; text-align : center; color : #6b6b6a; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 0% 0% 30% 0%; } p.publisher { font-family : sans-serif; font-weight : normal; font-style : normal; font-size : 100%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 0% 0% 5% 0%; } /* -------------- Impressum ------------*/ p.rights { font-family : serif; font-weight : normal; font-style : normal; font-size : 85%; text-decoration : none; font-variant : normal; line-height : 130%; text-align : center; color : #000000; text-indent : 0px; margin : 0px 0px 3px 0px; } p.rights-space { font-family : serif; font-weight : normal; font-style : normal; font-size : 85%; text-decoration : none; font-variant : normal; line-height : 130%; text-align : center; color : #000000; text-indent : 0px; margin : 0px 0px 28px 0px; } /* -------------- coverpage -------------- */ .coverpage { margin: 0; text-align: center; } .coverpage img { height: 100%; width: auto; margin: 0; } /*-------------- images -------------- */ .image1 { height: 100%; } .image2 { width: 100%; } .centerimage { text-align: center !important; } .centerimage-space { text-align: center !important; margin : 0% 0% 5% 0%; } .imagesize25 { text-align: center; width: 25%; display:inline-block; } .imagesize33 { text-align: center; width: 33%; display:inline-block; } .imagesize50 { text-align: center; width: 50%; display:inline-block; } .imagesize62 { border:1px solid; text-align: center; width: 62%; display:inline-block; } .imagesize75 { text-align: center; width: 75%; display:inline-block; } .imagesize100 { text-align: center; width: 100%; display:inline-block; } .image3 { width: 100%; margin : 0% 0% 0% 0%; } img.chapterbreak { height:12px; width:41px; } div.imageright { width: 50% !important; float: right; margin: 0 0 0 1em !important; } /* -------------- InDesign ------------*/ div.Einfacher-Grafikrahmen { } div.Einfacher-Textrahmen { } /* -------------- Ebook Spezifisch ------------*/ span.fakesmallcaps { font-size: 95%; } span.fakebigcaps { font-size: 115%; } span.underline { text-decoration: underline; } .center { text-align: center; } p.centersmall { font-size : 85%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 0px; } .initiale { float: left; font-size: 450%; color : #6b6b6a; line-height: 75%; margin-top: -1.7%; } p.poem1 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0 0 0 7%; } p.poem2 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0 0 0 14%; } p.poem3 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0 0 0 21%; } p.poem4 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0 0 0 28%; } p.poem5 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0 0 0 35%; } p.poem0-space { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : left; color : #000000; text-indent : 0px; margin : 0 0 3% 0; } p.poem0 { font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0; margin : 0 0 0 25px; } .eingerueckt { margin : 0 10% 0 10%; } .texteingerueckt { margin : 0 25px 0 25px; } span.lettering { font-family : sans-serif; font-weight : normal; font-style : italic; font-size : 95%; text-decoration : none; font-variant : normal; line-height : 150%; text-align : justify; color : #000000; text-indent : 0px; margin : 0px; } p.sidebar { float: right !important; width: 30% !important; margin: 0 0 0 .5em !important; padding: .5em !important; text-align: left !important; background: #e5e4e3; border: 1px solid black; font-family: sans-serif; font-size : 85%; text-indent : 0px; } sup { line-height : 100%; } span.Fussnotenzahl { vertical-align:super; } /* -------------- SVG ------------*/ .st0{fill:#000000;} .st1{fill:#ffffff;} .st2{fill:#FFFFFF;} p.center2 { font-family : sans-serif; font-size : 90%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; margin : 0px; } .oben { vertical-align:top; } p.centersubtext { font-family : sans-serif; font-size : 150%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 14% 0% 0% 0%; } p.centersubtext2 { font-family : sans-serif; font-size : 100%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 14% 0% 0% 0%; } p.centertitel { font-family : sans-serif; font-size : 150%; font-weight : normal; font-style : normal; text-decoration : none; font-variant : normal; line-height : 150%; text-align : center; color : #000000; text-indent : 0px; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; margin : 3% 0% 15% 0%; } .index1 { font-size : 90%; text-align : center; margin-top: 0.5em; text-indent: 0; } .linienhoehe { line-height: 80%; }