@CHARSET "ISO-8859-1";
/****************************************************************************************
# This file is DEPRECATED.
#
# The default css file for content edited with htmlArea RTE is now: EXT:rtehtmlarea/res/contentcss/default.css
#
# TYPO3 SVN ID: $Id: dynamiccss.css 4132 2008-09-15 21:44:35Z stan $
# ***************************************************************************************/

body{color: #33770C;}

p.blau, 
h1.blau,
h2.blau,
h3.blau,
h4.blau,
h5.blau
{ 
	color: #035EA7; 
}

p.gruen,
h1.gruen,
h2.gruen,
h3.gruen,
h4.gruen,
h5.gruen
{
	color: #128631;
}

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }

p.rezueberschrift, h1.rezueberschrift, h2.rezueberschrift, h3.rezueberschrift, h4.rezueberschrift, h5.rezueberschrift, h6.rezueberschrift, td.rezueberschrift { 
	margin: 0px 0px 10px 0px;
	padding: 15px 5px 0px 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #33770c;
	background: transparent;
}
 
 .rezueberschrift p.bodytext{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}
a.link_gruen{
	background-image:url('../../layout/images/infolinkhg.jpg');
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	line-height: 20px;
}

span.zubereitung {
        display:block;
        margin: 0px 0px 10px 0px;
padding: 0px 0px 0px px;
font-size: 13px;
font-weight: normal;
line-height: 15px;
color: #756728;
 }
span.zutaten { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px px;
font-size: 13px;
font-weight: normal;
line-height: 15px;
color: #33770c;
list-style: none ;
background: transparent;
}

span.rezlinkbutton{ 
	font-size: 12px;
	font-weight: bolder;
	color: #33770C;
	background: transparent;
}

span.rezlinkbutton a:link, span.rezlinkbutton a:active, span.rezlinkbutton a:visited, span.rezlinkbutton a:hover{
	text-decoration:underline;
	color:#33770C;
} 
 
 .span.rezlinkbutton p.bodytext{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.div_prd_txt {
	margin: 0px 0px 0px 0px;
	width: 245px;
	background: transparent;
	float: left;
	z-index: 3;
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 35px 0px 0px 0px;
	font-size: 20px;
	font-weight: bold;
	line-height: 19px;
	color: #33770c;
	background: transparent; 
}

h5 {
	margin: 0px 0px 10px 0px;
	padding: 25px 5px 0px 0px;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #33770c;
	background: transparent; 
}

h6 {
	margin: 0px 0px 10px 0px;
	padding: 25px 5px 0px 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #33770c;
	background: transparent; 
}

div.link_rec{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 285px;
	height: 120px;
	background-color: transparent;
	background-image: url(../../layout/images/img_rezept_linkbutton.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	float: left;
	z-index: 3;
}

div.div_prd_img {
margin: 0px 20px 0px 0px;
padding: 0px 5px 0px 0px;
width: 290px;
background: transparent;
float: left;
z-index: 3; }

div .link_rec p {
	padding: 15px 25px 0px 80px;
	font-weight: bold;
	color: #bb1512; 
}

p a:link, p a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #33770c;
	background: transparent; 
}

p a:hover, p a:active{
	font-weight: bold;
	text-decoration: underline;
	color: #33770c;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
}

div.prd_start {
	margin: 0px 19px 20px 0px;
	padding: 0px 35px 0px 0px;
	width: 490px;
	height: 210px;
	background: transparent url(../../layout/images/div_prd_start.gif) left top no-repeat;
	float: left;
	z-index: 3;
	overflow: hidden;  
}

div.prd_start img {
	margin: -13px 10px 0px 0px;
	float: left;
	z-index: 3; 
}

/* rezepte ANFANG */
div.div_rec_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width: 500px;
	background: transparent url(../../layout/images/div_rec.gif) left top no-repeat;
	float: left;
	z-index: 3;
}

div.div_rec_header div.headline {
	width: 220px;
	padding: 15px 10px 0px 25px;
	background: transparent;
	float: left; 
}

div.div_rec_header div.rec_img {
	width: 220px;
	padding: 25px 10px 0px 0px;
	background: transparent;
	float: left; 
}

div.div_rec_txt {
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 55px 0px;
	width: 500px;
	background: transparent url(../../layout/images/div_rec.gif) left bottom repeat-y;
	float: left;
	z-index: 3;
}

div .div_rec_txt div.zutaten{
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 0px 25px;
	width: 220px;
	background: transparent;
	float: left;
	z-index: 3; 
}

div.div_rec_txt div.zubereitung {
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 0px 0px;
	width: 220px;
	background: transparent;
	float: left;
	z-index: 3;
}

ul.ul_zutaten {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 0px;
	float: left; 
}

ul.ul_zutaten li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px px;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	color: #33770c;
	list-style: none ;
	background: transparent;  
}

ul.ul_zubereitung {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 0px;
	float: left; 
}

ul.ul_zubereitung li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px px;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	color: #756728;
	list-style: none ;
	background: transparent;  
}

div.download_pdf {
margin: 5px 15px 5px 0px;
padding: 4px 4px;
width: 160px;
height: 41px;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #fff;
border: 0px solid #fff;
background: transparent url(../../layout/images/but_download_pdf.gif) left top no-repeat;
float: left; }

div.zutaten p.bodytext{
	margin:0px 0px 0px 0px;
}
/* rezepte ENDE */

/* Startseite Teaserbox */
div.teaserbox {
	margin: 0px 19px 0px 0px;
	padding: 0px 15px 0px 0px;
	width: 391px;
	height: 190px;
	background: transparent url(../../layout/images/div_teaserbox.gif) left top no-repeat;
	float: left;
	z-index: 3;
	overflow: hidden;  
}

div.teaserbox img {
	margin: -12px 10px 0px 0px;
	float: left;
	z-index: 3; 
}

div.teaserbox p.pteaser,
div.teaserbox p.bodytext{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px;
	color: #756728;
	background: transparent;
}

div.teaserbox p.pteaser a:link, 
div.teaserbox p.pteaser a:visited, 
div.teaserbox p.bodytext a:link, 
div.teaserbox p.bodytext a:visited  
	{
	padding: 0px 0px 0px 14px;
	font-weight: bold;
	text-decoration: none;
	color: #33770c;
	background: transparent url(../../layout/images/link_int.gif) left center no-repeat; 
}

div.teaserbox p.pteaser a:hover, 
div.teaserbox p.pteaser a:active, 
div.teaserbox p.bodytext a:hover, 
div.teaserbox p.bodytext a:active {
	padding: 0px 0px 0px 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #33770c;
	background: transparent url(../../layout/images/link_int.gif) left center no-repeat; 
}
/* Startseite Teaserbox */

/* Vorschaltseite */

.vs_spezi{
	float:left;
	border:solid;
	border-width:1px;
	border-color:#FDDF69;
	background-color:#ffffff;
	width:250px;
	height:360px;
	margin:0px 14px 0px 14px;
	position:relative;
}

.vs_snacks{
	float:left;
	border:solid;
	border-width:1px;
	border-color:#FDDF69;
	background-color:#ffffff;
	width:250px;
	height:360px;
	margin:0px 14px 0px 14px;
}

.vs_flocken{
	float:left;
	border:solid;
	border-width:1px;
	border-color:#FDDF69;
	background-color:#ffffff;
	width:250px;
	height:360px;
	margin:0px 14px 0px 14px;
}

.inhalt{
	margin:auto;
	padding:0px 0px 0px 32px;
}

.vs_box{
	background-image:url("../bilder_vorschalt/kreis_pfeil.jpg");
	background-repeat:no-repeat;
	margin:6px 0px 0px 11px;
	color:#565656;
	font-size:12px;
	font-weight:bold;
}

.vs_box img{
	margin:0px 0px 0px -10px;
	vertical-align:baseline;
	position:absolute;
	bottom:0px;
}

.vs_box a:link,
.vs_box a:active,
.vs_box a:visited,
.vs_box a:hover
{
	text-transform:uppercase;
	color:#004992;
	font-weight:bold;
	padding-left:25px;
	display:block;
	font-size:15px;
	line-height:20px;
	margin:0px 0px 4px 0px;
}

/* Vorschaltseite */
.fq{
	border:solid;
}

.fq_links{
	float:left;
	width:500px;
}

fq_rechts{
	float:left;
}

.io_li{
	float:left;
}

.io_rechts{
	float:left;
	color:#004992;
	font-weight:bold;
	font-size:16px;
}

.io_rechts a:link,
.io_rechts a:active, 
.io_rechts a:visited, 
.io_rechts a:hover {
	color:#BF1400;
	font-weight:bold;
	text-decoration:underline;
	font-size:16px;
} 

.clearer{
  clear:both;
}

span.blaueSchrift { color: #004992; }