@charset "utf-8";
@import url(farben.css);

/* CSSTidy 1.3: Wed, 04 Sep 2013 17:24:08 +0200 */
/* -----------------------------------------------------------------------
* CSS-Stylesheet für EPUBs der Dr. Oetker Verlag KG (nach pagina-DTD 2.0)
* erstellt im Auftrag von CulinartMedia, München
*
* @project		Dr. Oetker EPUB-CSS
* @version		1.0
* @date			2013-09-04
* @author		Tobias Fischer, pagina GmbH
* 				Gregor Fellenz, publishingX
* @copyright	pagina GmbH, Tübingen
* 				publishingX, Köln
*
* ----------------------------------------------------------------------- */
@font-face {
font-family:OetkerIconFont;
font-style:normal;
font-weight:normal;
src:url(fonts/OetkerIconFont.ttf);
}

@font-face {
font-family:OpenSans_Condensed;
font-style:normal;
font-weight:bold;
src:url(fonts/OpenSans-CondBold.ttf);
}

@font-face {
font-family:OpenSans_Condensed;
font-style:normal;
font-weight:300;
src:url(fonts/OpenSans-CondLight.ttf);
}

@font-face {
font-family:OpenSans_Condensed;
font-style:italic;
font-weight:300;
src:url(fonts/OpenSans-CondLightItalic.ttf);
}

@font-face {
font-family:OpenSans;
font-style:normal;
font-weight:normal;
src:url(fonts/OpenSans-Regular.ttf);
}

@font-face {
font-family:OpenSans;
font-style:italic;
font-weight:normal;
src:url(fonts/OpenSans-Italic.ttf);
}

@font-face {
font-family:OpenSans;
font-style:normal;
font-weight:bold;
src:url(fonts/OpenSans-Bold.ttf);
}

@font-face {
font-family:OpenSans;
font-style:italic;
font-weight:bold;
src:url(fonts/OpenSans-BoldItalic.ttf);
}

@font-face {
font-family:OpenSans;
font-style:normal;
font-weight:600;
src:url(fonts/OpenSans-Semibold.ttf);
}

@font-face {
font-family:OpenSans;
font-style:italic;
font-weight:600;
src:url(fonts/OpenSans-SemiboldItalic.ttf);
}

@font-face {
font-family:OpenSans;
font-style:normal;
font-weight:300;
src:url(fonts/OpenSans-Light.ttf);
}

@font-face {
font-family:OpenSans;
font-style:italic;
font-weight:300;
src:url(fonts/OpenSans-LightItalic.ttf);
}

html,body,div,p,h1,h2,h3,h4,h5,h6,p.u7,ol,ul,li,dl,dt,dd,pre,code,blockquote {
margin:0;
padding:0;
border:0;
}

span {
padding:0;
}

@page {
margin-top:1em;
margin-bottom:.5em;
margin-left:.5em;
margin-right:0;
}

body {
font-family:OpenSans, sans-serif;
font-size:.9em;
line-height:1.5em;
text-align:left;
padding-right:.5em;
}

.backlink {
display:none;
visibility:hidden;
}

div[class^=u-block] + p,h1 + p,h2 + p,h3 + p,h4 + p,h5 + p,h6 + p,p.u7 + p {
text-indent:0;
}

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;
}

h1,h2 {
font-family:OpenSans_Condensed, sans-serif;
font-size:4em;
line-height:1em;
font-weight:bold;
color:#565656;
-webkit-hyphens:auto;
-webkit-hyphenate-limit-after:4;
-webkit-hyphenate-limit-before:3;
}

div.abbildung {
width:100%;
}

div.abbildung img {
width:100%;
max-width:100%;
}

div.abbildung.alignright {
float:right;
width:35%;
max-width:35%;
margin:0 0 1em 1.5em;
}

div.abbildung.typ15 {
margin-bottom:2em;
}

div.einschub_vor.typ1 + h1 {
font-size:4em;
margin:.4em 0 .2em;
page-break-after:avoid;
}

div.u-zwischen {
font-family:OpenSans_Condensed, sans-serif;
font-weight:bold;
}

div.u-zwischen.typ1,div.u-zwischen.typ3,div.u-zwischen.typ5 {
letter-spacing:.04em;
font-size:1.1em;
margin-top:1.5em;
text-transform:uppercase;
page-break-after:avoid;
}

div.u-zwischen.typ1.firstInContainer,div.u-zwischen.typ3.firstInContainer {
margin-top:1em;
}

div.u-block2.typ1 h2 {
color:#565656;
display:inline-block;
padding-right:.3em;
}

div.u-block2.typ1 h2 + p.untertitel {
font-family:OpenSans_Condensed, sans-serif;
font-size:3em;
line-height:1em;
font-weight:bold;
display:inline-block;
margin-bottom:0;
-webkit-hyphens:auto;
-webkit-hyphenate-limit-after:4;
-webkit-hyphenate-limit-before:3;
}

div.einschub.typ2 p {
font-family:OpenSans_Condensed, sans-serif;
font-weight:bold;
letter-spacing:.04em;
font-size:1.1em;
margin-bottom:4em;
margin-top:1em;
}

span.spitzmarke,span.inline.typ2 > span.versal {
font-family:OpenSans_Condensed, sans-serif;
font-weight:bold;
letter-spacing:.04em;
}

div.tabelle.typ2 {
margin-bottom:1em;
}

div.tabelle.typ2 td {
padding:0 .4em 0 0;
}

div.tabelle.typ2 p {
margin:0;
}

div.tabelle.typ15 table {
width:100%;
}

div.tabelle.typ15 table tr {
page-break-inside:avoid;
}

div.tabelle.typ15 table td {
width:40%!important;
vertical-align:top;
padding:0 0 1em;
page-break-inside:avoid;
}

div.tabelle.typ15 td img {
width:100%;
}

div.tabelle.typ15 td p {
margin:0 0 0 .5em;
}

div.einschub.typ5 {
padding-bottom:1em;
border-bottom:2px solid;
}

div.einschub.typ5 div.abbildung,div.einschub_innen.typ5 {
display:inline-block;
margin:0 1% 0 2%;
width:46.5%;
vertical-align:top;
padding-top:.7em;
}

div.u-zwischen.typ5 {
margin-top:2.5em;
}

div.u-zwischen.typ5 .u-zaehler {
padding:.2em .3em 0;
vertical-align:bottom;
}

div.u-zwischen.typ5 span.u-text {
color:#000!important;
}

div.u-zwischen.typ5 + div.u-zwischen.typ1 {
margin-top:0;
}

.kapitel.typ1 p.no_indent span.inline.typ15 {
font-family:OetkerIconFont!important;
font-size:2em;
font-weight:normal;
font-style:normal;
padding-right:.2em;
vertical-align:bottom;
}

.kapitel.typ1 p.no_indent {
font-weight:600;
}

div.tabelle.typ3 table {
width:100%;
max-width:30em;
}

div.tabelle.typ3 table td {
vertical-align:top!important;
}

div.u-zwischen.typ1 + div.tabelle.typ3 {
margin-left:1em;
}

div.tabelle.typ3 table p {
margin-bottom:0!important;
}

div.abbildung.typ14 {
margin-bottom:2em;
page-break-before:avoid;
}

div.einschub.typ6 {
padding-bottom:1em;
border-bottom:2px solid;
}

div.einschub.typ6.lastInSequence {
padding:0;
border:0;
}

p.leerzeile + div.einschub.typ6.firstInSequence {
page-break-before:always;
}

div.einschub.typ6 div.u-zwischen.typ1.firstInContainer {
margin-top:2.5em!important;
page-break-after:avoid;
}

div.einschub.typ6 div.abbildung {
margin:1em 0;
width:100%!important;
max-width:30em!important;
}

div.infokasten {
padding:.5em;
page-break-before:avoid;
}

div.u-zwischen.typ2,div.u-zwischen.typ4 {
font-size:4em;
line-height:100%;
margin-top:1em;
page-break-after:avoid;
}

div.infokasten ul {
margin-left:1em;
}

div.infokasten div.abbildung.alignright {
float:right;
width:35%;
max-width:35%;
margin:2em -.8em 2em 2em;
background-color:#FFF;
padding:.3em;
clear:right;
}

.kapitel.typ6 div.infokasten div.abbildung.alignright {
margin:.2em .2em .7em 1em!important;
}

div.infokasten.typ3,div.infokasten.typ4 {
border:2px solid;
margin-top:1em;
margin-bottom:4em;
page-break-before:avoid;
}

div.u-zwischen + div.infokasten.typ3,div.u-zwischen + div.infokasten.typ4 {
margin-top:0;
}

div.infokasten.typ4 div.abbildung {
margin-bottom:1em;
padding-top:.5em;
}

div.u-zwischen.typ4 span.inline.typ15 {
font-family:OetkerIconFont!important;
font-size:.9em;
font-weight:normal;
font-style:normal;
padding-right:.2em;
}

div.infokasten > .lastInContainer {
margin-bottom:0;
}

.body_kapitel > div.u-block2 {
display:inline-block;
}

.body_kapitel > div.u-block2 > h2 {
}

div.u-block2.with_u-vor p.u-vor,div.u-block2.with_untertitel p.untertitel {
font-family:OpenSans_Condensed, sans-serif;
font-weight:bold;
letter-spacing:.04em;
font-size:2em;
color:#565656;
margin-bottom:0;
line-height:1em;
-webkit-hyphens:auto;
-webkit-hyphenate-limit-after:4;
-webkit-hyphenate-limit-before:3;
}

div.infokasten.typ5 {
margin-top:3.5em;
margin-bottom:3em;
}

div.infokasten.typ5 div.abbildung {
width:35%;
max-width:35%;
margin:0 5% 2em 0;
padding:0;
display:inline-block;
vertical-align:top;
padding-top:.25em;
}

div.infokasten.typ5 div.tabelle.typ1 {
font-size:.7em;
line-height:120%;
display:inline-block;
width:50%;
max-width:50%;
}

div.infokasten.typ5 div.tabelle.typ1 p.no_indent {
font-family:OetkerIconFont!important;
font-size:2.5em;
vertical-align:baseline;
font-weight:normal;
font-style:normal;
line-height:60%;
vertical-align:top;
padding-right:.2em;
}

div.infokasten.typ5 div.tabelle.typ1 td {
vertical-align:top;
padding-bottom:.5em;
}

div.infokasten.typ5 div.tabelle.typ1 td p {
margin-bottom:.5em;
font-family:OpenSans, sans-serif;
font-weight:600;
}

div.infokasten.typ5 div.tabelle.typ1 td a {
color:#000;
font-size:.9em;
}

div.infokasten.typ2 {
margin:3em 0;
padding:0;
}

div.infokasten.typ2 div.abbildung {
float:right;
width:35%;
max-width:35%;
margin:0 0 2em 2em;
padding:0;
}

div.u-zwischen.typ3 {
margin-bottom:.5em;
margin-top:2em;
page-break-after:avoid;
}

div.infokasten.typ2 div.abbildung + div.u-zwischen.typ3 {
margin-top:0;
}

div.infokasten.typ2 p {
margin-bottom:.3em;
}

.kapitel > div.liste_geordnet {
clear:right;
}

.kapitel > div.liste_geordnet ol {
padding-left:.3em;
font-weight:bold;
}

.kapitel > div.liste_geordnet ol li {
page-break-inside:avoid;
margin-bottom:1.5em;
}

.kapitel > div.liste_geordnet ol li p {
color:#000;
}

.kapitel > div.liste_geordnet ol li div.abbildung {
margin-bottom:3em;
margin-top:1em;
line-height:0;
}

.kapitel > div.liste_geordnet ol li div.abbildung img {
page-break-after:avoid;
}

span.inline.typ1 {
font-family:OetkerIconFont!important;
font-size:1.6em;
font-weight:normal;
font-style:normal;
vertical-align:top;
}

div.liste_geordnet div.legende {
margin:-3.5em 0 0;
position:relative;
line-height:0;
page-break-inside:avoid;
page-break-before:avoid;
display:inline-block;
vertical-align:bottom;
}

div.liste_geordnet div.legende p {
font-family:OetkerIconFont;
font-size:2.6em;
margin:0!important;
line-height:90%;
background-color:#FFF!important;
padding:.1em .1em 0;
page-break-inside:avoid;
page-break-before:avoid;
display:inline;
}

p {
font-family:OpenSans, sans-serif;
font-size:1em;
font-weight:300;
margin:0 0 1em;
orphans:2;
widows:2;
}

p.alignleft {
text-align:left;
}

p.alignright {
text-align:right;
}

p.aligncenter {
text-align:center;
}

p.alignblock {
text-align:justify;
}

div.liste_geordnet,div.liste_ungeordnet {
margin-left:1em;
}

div.infokasten div.liste_geordnet,div.infokasten div.liste_ungeordnet {
margin-left:0;
}

li {
margin-bottom:1em!important;
}

li p {
margin-bottom:0!important;
}

div.infokasten > div.liste_ungeordnet.lastInContainer li.lastInSequence {
margin-bottom:0!important;
}

.body_inhaltsvz h1 {
margin-bottom:.5em;
}

.body_inhaltsvz div.abbildung {
display:inline-block;
margin:0 1.5% 0 1%;
width:30%;
vertical-align:top;
padding-top:1em;
}

.body_inhaltsvz div.legende p {
margin-bottom:.6em;
background-color:#FFF;
font-size:1em;
line-height:130%;
font-weight:bold;
font-family:OpenSans_Condensed, sans-serif;
text-align:right;
}

.body_inhaltsvz a {
text-decoration:none!important;
}

body.meta_impressum h1,body.body_vorspann h2 {
margin-bottom:1em;
}

.body_nachspann div.abbildung {
display:inline-block;
margin:0 2%;
width:9.5em;
vertical-align:top;
padding-top:2em;
}

.body_nachspann div.legende p {
margin-bottom:.6em;
background-color:#FFF;
font-size:.8em;
line-height:130%;
}