body {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  padding:0; 
  margin-left:5%;
  margin-right:5%; 
  font-size:95%;
}

p {
	font-size: 1em;
    margin-bottom:0.3em;
    margin-top:0;
}

p.note {
    font-size: 0.8em;
    font-style: italic;
}

p.p_start (color #333333;)

div.chapter_start {
    page-break-inside: avoid;
}

div.chapter_start h1.chapter00 {
    color: #ffffff;
    font-size: 1.7em;
    background-color: #7F82BD;
    padding: 0.35em 0.15em 0.25em 0.25em;
    font-weight: 100;}
    


div.chapter_start h1.chapter01 {
    color: #333333;
    font-size: 1.7em;
    background-color: #D3D2D3;
    padding: 0.35em 0.15em 0.25em 0.25em;
    font-weight: 100;}
    

div.chapter_IMG {
    margin:0;
}

div.chapter_start h1.chapter03 {
    color: #88C63E;
    font-size: 1.7em;
    background-color: #E2DCA2;
    padding: 0.25em;
    font-weight: 100;}

div.chapter_start h1.chapter04a {
    color: #ffffff;
    font-size: 1.7em;
    background-color: #BAE537;
    padding: 0.25em;
    font-weight: 100;}

h1.chapter02_Q {
    color: #4D4D4D;
    font-size: 2.5em;
    background: #DBEED3;
    padding: 1em;
    page-break-before:always;
    font-weight: 100;}

.big {
    font-size: 2em;
}

.chapter01 span.big {
    color: #AE3393;
}

.dark_green {
    color: #508334;
}

span.subtitle_1 {
    color: #333333;
}



h3.subtitle_start_chapter00 {
    color: #5C5088;
    font-size: 1.6em;
    font-weight: 100;
}

h3.subtitle_start_chapter01 {
    color: #7F82BD;
    font-size: 1.6em;
    font-weight: 100;
}

h3.subtitle_start_chapter03 {
    color: #629048;
    font-size: 1.3em;
    font-weight: 100;}

h3.subtitle_start_chapter04a {
    color: #3E7339;
    font-size: 1.3em;
    font-weight: 100;}

p.p_start {
    color: #333333;
    font-size: 1.2em;
    margin-top: 1.5em;
    
}

.box_keyword_chapter02 {
    color: #7B91C3;
    font-weight: bold;
}

.box_keyword_chapter03 {
    color: #7B91C3;
    font-weight: bold;
}

h1.title_123 {
    font-size: 2.5em;
    color: #4d4d4d;
	padding: 0.2em 0.2em 0.2em 0.4em;
	page-break-inside: avoid;
	background-color: #DDECF3;
	margin: 0 0 1em 0;
    page-break-before:always;
    font-weight: 100;}

h1.chapter09 {
    font-size: 2.5em;
    color: #4d4d4d;
	padding: 0.2em 0.2em 0.2em 0.4em;
	page-break-inside: avoid;
	background-color: #DDECF3;
	margin: 0 0 1em 0;
    page-break-before:always;
    font-weight: 100;}
    
h1.chapter09 .color02 {
    color: #544EA6;
}
h1.klappe_before {
    font-size: 2em;
    color: #A71663;
	padding: 0.2em 0.2em 0.2em 0.4em;
	page-break-inside: avoid;
	background-color: #E2CDE5;
	margin: 0 0 1em 0;
    page-break-before:always;
    font-weight: 100;}
.klappe_before{
    color: #A71663;
}
h1.klappe_back {
    font-size: 2em;
    color: #CE5B19;
	padding: 0.2em 0.2em 0.2em 0.4em;
	page-break-inside: avoid;
	margin: 0 0 1em 0;
    page-break-before:always;
    font-weight: 100;}


.color01 {
    color: #4C1750;
}

span.smiley {
    color: green;
}

span.sad {
    color: red;
}


span.color01 {
    color: #7caece;
}

span.color02 {
    color: #544ea6;
}

span.color03 {
    color: #4d4d4d;
}
p.blue_anchor a {
    color: #7B91C3;
}

p.blue_anchor {
    margin-top: 1.5em;
}


span.klappe_back {
    color: #CD4D17;
}

h3.blue {
    color: #7b91c3;
    font-size: 1.6em;
    margin: 1.1em 0 0.4em 0;
    font-weight: 100;}

h4.blue {
    color: #7b91c3;
    font-size: 1em;
    margin: 0.7em 0 0.2em 0;
    font-weight: bold;}

div.blue_box {
    background-color: #dee3f0;
    width: 100%;
    margin: 0.5em 0;
    padding: 0 0 0.5em 0;
}
div.blue_box_without_title {
    background-color: #dee3f0;
    width: 100%;
    margin: 0.5em 0;
    padding: 0.5em 0 0.5em 0;
}

div.blue_box_without_title p {
    font-size: 1em;
    padding:  0em 1em 0em 1em;
    text-indent: 0;
}

div.blue_box_without_title p.blue {
    color: #544ea6;
}

div.blue_box_without_title p.red {
    color: #cc3616;
}


div.blue_box h3 {
    background-color: #7B91C3;
    color: white;
    margin: 0.5em 0;
    font-size: 1.6em;
    padding: 0.3em 0.6em 0.3em;
    text-indent: 0;
    font-weight: 100;
}

div.blue_box p {
    font-size: 1em;
    padding:  0em 1em 0em 1em;
    text-indent: 0;
}

p.box_subtitle {
    font-size: 1em;
    padding:  0em 1em 0em 1em;
    text-indent: 0;
    color: #7b91c3;
    font-weight:bold;
    margin: 1.2em 0 0;
    
}

p.liste span.box_keyword {
    color: #666666;
    font-weight:bold;
}

.smaller {
    font-size: 0.8em;
}

table {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%;
    margin: auto;
}

table.table_1 {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%;
    margin: auto;
    border: 4px solid #dee3f0;
}

table.table_2 {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%;
    margin: auto;
    border: 4px solid gray;
}

table.table_2 th {
    text-align: left;
    padding: 0 0.5em;
}

.table_2 tr td p {
    font-size: 0.8em;
}

table.table_2 th.right {
    text-align: right;
}

table.table_2 p {
    font-size:0.8em;
}

table.table_3 {
    border-collapse: collapse;
    font-size: 0.9em;
    width: 100%;
    margin: auto;
    border: 2px solid #C366AE;
}

.table_3 th {
    background-color: #CD80BB;
    vertical-align: top;
    border: 1px solid white;
}

.table_3 span.small {
    font-size: 0.75em;
}

.table_3 .odd {
    background-color: #E2CDE5;
    border: 1px solid white;
}

.table_3 .even {
    background-color: #EFE4F1;
    border: 1px solid white;
}

.table_3 td+td {
    text-align: center;
}

table.blue_box {background-color: #DEE3F0; text-align: left; margin-top: 1em;}
tr.blue_box_title {color: white; background-color: #7B91C3;}
table.center td {text-align:center;}


th {
    background-color: #7B91C3;
    color: white;
    font-size: 1.2em;
    font-weight: 100;
}

tr {
        page-break-inside: avoid;
}

td {
    text-align:left;
    vertical-align: top;
    margin:0;
    page-break-inside: avoid;
    padding: 0 0.3em;
}

td.lighter {
    background-color: #F2F4F9;
    text-align:left;
    margin:0;
    page-break-inside: avoid;
    padding: 0 0.3em;
}


td p {
    padding: 1px !important;
    page-break-inside: avoid;
    font-size: 0.9em;
}



tr.blue {
    background: #99cf82;
}
tr.white {
    background: #ffffff;
}
tr.light-blue {
    background: #DDECF3;
}

span.red {
    color: #cc3616;
}

span.blue {
    color: #544ea6;
}


h3.chapter02_Q {
    font-size: 1em;
    color: #632B9B;
	padding: 0.8em 0.2em 0.1em 0.4em;
	margin: 0.7em 0 0 0;
	page-break-inside: avoid;
	background-color: #E8F2F7;
    font-weight: 100;    
}

h3.chapter02_Q+p {
    font-size: 1em;
	padding: 0.1em 0.2em 0.4em 0.4em;
	margin: auto;
	background-color: #E8F2F7;
  
}

h3.klappe_back {
    font-size: 1.3em;
	margin: 1.5em 0 0.5em;
	color: #CE5B19;
	font-weight: 100;
}

h4.klappe_back {
    font-size: 1.3em;
	margin: 1.1em 0 0.1em;
	color: #75B33E;
	font-weight: 100;
}

h3.klappe_back + h4.klappe_back {
    margin: 0.2em 0 0.1em;
}

.chapter04 h1, .chapter04 h2 {
    color: #DBBB29;
    font-weight: 100;
}

.chapter05 h1, .chapter05 h2 {
    color: #88C63E;
    font-weight: 100;
}

.chapter08 h1, .chapter08 h2 {
    color: #DBBB29;
    font-weight: 100;
}

.chapter06 h1, .chapter06 h2 {
    color: #CF691B;
    font-weight: 100;
}

.chapter07 h1, .chapter07 h2 {
    color: #B2008D;
    font-weight: 100;
}

.chapter07a h1, .chapter07a h2 {
    color: #7B91C3;
    font-weight: 100;
}

.chapter04 span.recipe_info {
    color: #D2841F;
    font-weight: bold;
    font-size: 1.1em;
}

.chapter05 span.recipe_info {
    color: #468143;
    font-weight: bold;
    font-size: 1.1em;
}

.chapter08 span.recipe_info {
    color: #D2841F;
    font-weight: bold;
    font-size: 1.1em;
}

.chapter06 span.recipe_info {
    color: #68000A;
    font-weight: bold;
    font-size: 1.1em;
}

.chapter07 span.recipe_info {
    color: #9B0078;
    font-weight: bold;
    font-size: 1.1em;
}

.chapter07a span.recipe_info {
    color: #544EA6;
    font-weight: bold;
    font-size: 1.1em;
}


.chapter04 div.box_tip h3.box_tip {
    background-color: #F1E4AA;
    color: #666666;
    margin: 0.3em 0;
    font-size: 1.3em;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-indent: 0;
    font-weight: 100;
}

.chapter05 div.box_tip h3.box_tip {
    background-color: #C4E29F;
    color: #666666;
    margin: 0.3em 0;
    font-size: 1.3em;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-indent: 0;
    font-weight: 100;
}

.chapter08 div.box_tip h3.box_tip {
    background-color: #F1E4AA;
    color: #666666;
    margin: 0.3em 0;
    font-size: 1.3em;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-indent: 0;
    font-weight: 100;
}

.chapter06 div.box_tip h3.box_tip {
    background-color: #F1D2BA;
    color: #666666;
    margin: 0.3em 0;
    font-size: 1.3em;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-indent: 0;
    font-weight: 100;
}

.chapter07 div.box_tip h3.box_tip {
    background-color: #E8B2DD;
    color: #666666;
    margin: 0.3em 0;
    font-size: 1.3em;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-indent: 0;
    font-weight: 100;
}
.chapter07a div.box_tip h3.box_tip {
    background-color: #BDC8E1;
    color: #666666;
    margin: 0.3em 0;
    font-size: 1.3em;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-indent: 0;
    font-weight: 100;
}

.chapter04 div.box_tip {
    background-color: #F9F7D5;
    width: 80%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
    
}

.chapter05 div.box_tip {
    background-color: #F6FDDA;
    width: 80%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
    
}

.chapter08 div.box_tip {
    background-color: #F9F7D5;
    width: 80%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
    
}

.chapter06 div.box_tip {
    background-color: #F9EBF5;
    width: 80%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
    
}

.chapter07 div.box_tip {
    background-color: #F4D9EE;
    width: 80%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
    
}

.chapter07a div.box_tip {
    background-color: #F4F6FA;
    width: 80%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
    
}

div.box_tip p {
    font-size: 1em;
    padding:  0em 1em 0em 1em;
    text-indent: 0;
}

.chapter04 div.recipe_kcal {
    background-color: #F9F7D5;
    width: 100%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
}
.chapter05 div.recipe_kcal {
    background-color: #F6FDDA;
    width: 100%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
}

.chapter08 div.recipe_kcal {
    background-color: #F9F7D5;
    width: 100%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
}

.chapter06 div.recipe_kcal {
    background-color: #F9EBF5;
    width: 100%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
}

.chapter07 div.recipe_kcal {
    background-color: #F4D9EE;
    width: 100%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
}
.chapter07a div.recipe_kcal {
    background-color: #F4F6FA;
    width: 100%;
    margin: 1em auto 0.5em;
    padding: 0 0 0.1em 0;
}

.chapter04 div.recipe_kcal h4.recipe_kcal {
    background-color: #F1E4AA;
    color: #666666;
    margin: 0.5em 0;
    font-size: 0.9em;
    padding: 0.3em 0.9em 0.3em;
    text-indent: 0;
    font-weight: bold;
}

div.recipe_kcal h4.recipe_kcal span.normal {
    font-weight: normal;
    color: black;
}

.chapter05 div.recipe_kcal h4.recipe_kcal {
    background-color: #C4E29F;
    color: #666666;
    margin: 0.5em 0;
    font-size: 0.9em;
    padding: 0.3em 0.9em 0.3em;
    text-indent: 0;
    font-weight: bold;
}

.chapter08 div.recipe_kcal h4.recipe_kcal {
    background-color: #F1E4AA;
    color: #666666;
    margin: 0.5em 0;
    font-size: 0.9em;
    padding: 0.3em 0.9em 0.3em;
    text-indent: 0;
    font-weight: bold;
}

.chapter06 div.recipe_kcal h4.recipe_kcal {
    background-color: #F1D2BA;
    color: #666666;
    margin: 0.5em 0;
    font-size: 0.9em;
    padding: 0.3em 0.9em 0.3em;
    text-indent: 0;
    font-weight: bold;
}

.chapter07 div.recipe_kcal h4.recipe_kcal {
    background-color: #E8B2DD;
    color: #666666;
    margin: 0.5em 0;
    font-size: 0.9em;
    padding: 0.3em 0.9em 0.3em;
    text-indent: 0;
    font-weight: bold;
}

.chapter07a div.recipe_kcal h4.recipe_kcal {
    background-color: #BDC8E1;
    color: #666666;
    margin: 0.5em 0;
    font-size: 0.9em;
    padding: 0.3em 0.9em 0.3em;
    text-indent: 0;
    font-weight: bold;
}

div.recipe_kcal p {
    font-size: 0.8em;
    padding:  0em 1em 0em 1em;
    text-indent: 0;
    font-weight: 100;
}

.chapter04 .keyword{
    background-color: #E7DF5A;
}

.chapter05 .keyword{
    background-color: #DCF669;
}

.chapter08 .keyword{
    background-color: #E7DF58;
}

.chapter06 .keyword{
    background-color: #EECAE4;
}

.chapter07 .keyword{
    background-color: #D880C6;
}

.chapter07a .keyword{
    background-color: #B0BDDB;
}

.chapter10 .keyword{
    color: #75B33E;
    font-weight: bold;
}

.chapter09 .keyword{
    color: #CC3C16;
    font-weight: bold;
}

.chapter04 h2 .small {
    color: #7B7D7B;
    font-size: 0.75em;
}

.chapter05 h2 .small {
    color: #7b7d7b;
    font-size: 0.75em;
}

.chapter08 h2 .small {
    color: #808080;
    font-size: 0.75em;
}

.chapter06 h2 .small {
    color: #808080;
    font-size: 0.75em;
}

.chapter07 h2 .small {
    color: #808080;
    font-size: 0.75em;
}
.chapter07a h2 .small {
    color: #808080;
    font-size: 0.75em;
}

.chapter08 h2 .small {
    color: #808080;
    font-size: 0.75em;
}



div.recipe_info+div.ingredients {
    margin-top: 0.2em;
}

div.recipe_info + p {
    margin-top: 1em;
}

p.bold_title {
    margin: 1.5em 0 0;
    font-weight: bold;
}

p.bold_title_blue {
    margin: 1.5em 0 0;
    font-weight: bold;
    color: #7B91C3;
}

div.recipe_info p {
	margin-bottom: 0.2em;
	margin-top: 0em;
}
h2.recipe_title {
	page-break-before: always;
	font-size: 2em;
}

h2 {
	font-size: 2em;
}
div.recipe_title h2 {
	margin-top: 0.2em;
}
div.recipe_title_nopb {
	page-break-before: avoid;
}

div.recipe_title {
	page-break-before: always;
}
div.ingredients p {
	margin-bottom: 0.1em;
	margin-top: 0em;
}
div.ingredients {
	margin-bottom: 1em;
}

img { max-width:100%; } 

span.g_b {
    color: #78BB41;
    font-size: 1.4em;
}

span.y_b {
    color: #E1D72F;
    font-size: 1.4em;
}

span.r_b {
    color: #B90016;
    font-size: 1.4em;
}

/*h1 {
	font-size: 2em;
	font-weight: normal;
	padding-top: 1em;
	padding-bottom: 0.5em;
	text-align: left;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 1.5em;
	margin-bottom: 0.3em;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.4em;
	margin-bottom: -0.8em;
	-webkit-hyphens:none;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-bottom: -0.8em;
}
*/
.first {
	margin-top: 0;
    padding-top: 0;
}

/*h5 {
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0.9em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	text-align: left;
}
p.vorwort {
	font-size: 1em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}*/
img.impressum {
	margin-bottom: 0.3em;
	margin-right: 0.1em;
}
img.inline {
	margin-top: 0em;
	margin-bottom: 0em;
}
div.cover {
	margin: 0em;
	padding: 0em;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
img.cover {
	text-align: center;
	vertical-align: middle;
	max-height: 80%;
	max-width: 80%;
}
span.bold {
	font-weight: bold;
}
b {
	font-weight: bold;
}
span.italic {
	font-style: italic;
}
i {
	font-style: italic;
}
span.underline {
	text-decoration: underline;
}
span.bolditalic {
	font-weight: bold;
	font-style: italic;
}
span.tief {
	font-size: 0.8em;
	vertical-align: sub;
}
span.hoch {
	font-size: 0.8em;
	vertical-align: super;
}
span.gespert {
	letter-spacing: 0.2em;
}
span.smallcaps {
	font-variant: small-caps;
}
span.allcaps 
	{text-transform:uppercase;}

.nobr {
	white-space: nowrap;
	-webkit-hyphens:none;
}
.center {
	text-align: center;
}
a[href] {
	text-decoration: none;
}
a {
	font-weight: bold;
}
.inline {
	display: inline;
	margin: 0.1em;
}
.right {
	text-align: right;
}
div.listnum p {
	vertical-align: middle;
}
.image_caption {
	font-size: 0.8em;
}
div.img {
	/*page-break-inside: avoid;*/
	text-align: center;
	margin-top: 0.5em;
	padding-top: 0.5em;
	/*margin-bottom: -0.8em;*/
}
div.img + p {
	margin-top: 1.5em;
}
div.img + h2 {
	margin-top: 0.5em;
}
h1+div.reduced {
	height: 60% !important;} 
div.reduced {
	height: 70% !important;} 
div.reduced img {
	height: 100% !important;} 
div.img p {
	text-align: center;
}

div.img + div.img {
	margin-top: 2em;
}
img + img {
	margin-top: 1.5em;
}
.italic {
	font-style: italic;
}
.pb_before {
	page-break-before: always;
	margin-top:0;
	padding-top:0;
}
.pb_after {
	page-break-after: always;
}
.pb_after_avoid {
	page-break-after: avoid;
}
.pb_before_avoid {
	page-break-before: avoid;
}
.subtitle {
	/*margin-top: -0.5em;*/
	margin-bottom: 0.1em;
}
h2 + .subtitle {
	margin-top: 0.8em;
}
div.garantie {
	page-break-before: always;
}
div.garantie-img {
	text-align: center;
	width: 100%;
}
div.garantie-box p {
	text-indent: 0pt;
	font-family: sans-serif;
	text-align: left;
}
div.garantie-box p.garantie-us {
	text-indent: 0pt;
	font-family: sans-serif;
	text-align: left;
	font-size: 1.2em;
}
div.garantie-box p.garantie-top {
	text-indent: 0pt;
	font-family: sans-serif;
	text-align: left;
	margin-top: 1em;
}
div.garantie-box p.garantie-small {
	text-indent: 0pt;
	font-family: sans-serif;
	text-align: left;
	font-size: 80%;
}
p.signature {
	text-align: right;
	font-size: 1.2em;
}
.numbers {
	font-weight: bold;
}
.keyword {
	font-weight: bold;
}
/*.ingredients + .recipe_info {
	margin-bottom: 1.3em;
}*/

div.reduced+p.wertmarke {
		margin-top: 1em !important;
}
.wertmarke {
	font-size: 0.8em;
	font-weight: lighter;
	margin-top: 1em;
	/*padding-top: 2em;*/
	/*margin-bottom: -3.0em;*/
}
div.recipe_info {
	margin-top: 1em;
}

.klappe {
	color: #4C1750;
	/*margin-bottom: -0.5em;*/
}

.klappe_2 {
	color: #9B0078;
	/*margin-bottom: -0.5em;*/
}

div.logo {
	text-align: center;
	margin-top: 4em;
}

.impress_top{
    margin-top: 2em;
}


div.impress p {
	/*margin-bottom: -0.6em;*/
}

div.impress {
	font-size: 0.9em;
}

.nachspann {
	font-size: 1.3em;
	color: #4C1750;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.nachspann_big {
	font-size: 1.8em;
	color: #4C1750;
}

p.nachspann_a a {
    color: #00959A;
}


div.garantie-box {
	background-color: rgb(252, 184, 18);
	padding: 0.5em;
	margin-top: 1em;
}

span.recipe_info{
text-transform:uppercase;
}