body {
 background-color: #008030; color: #000;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 13px; font-weight: normal;
 margin: 0px; padding: 0px;}

a {text-decoration: none; color: #000}
img {border: none; padding: 0px; margin: 0px;}
p, span, form, object {padding: 0px; margin: 0px;}

span.small {font-size: 11px; display: inline;}
.small {font-size: 11px;}
span.neu {font-size: 12px; font-weight: bold; background-color: #F2BE55;}

/* Forms */
input, select, textarea {font-size: 13px; font-family: Helvetica, Arial, Verdana, sans-serif;}
form, fieldset {border: none;}

/* Tables */
table {
 border-collapse: collapse;
 margin: 0px; padding: 0px;
 border: none;}

caption {text-align: left;}

th {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-weight: bold; font-size: 13px;
 text-align: left; vertical-align: baseline;
 margin: 0px; padding: 2px 5px;}

td {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-weight: normal; font-size: 13px;
 vertical-align: top; text-align: left;
 padding: 2px 5px; margin: 0px;}

table.structure {width: 100%;}
table.structure td, table.structure th {padding: 0px; margin: 0px;}

table.structure td.first    {padding-right: 30px; width: 283px;}
table.structure td.firstC   {padding-right: 30px; width: 283px; text-align: center;}
table.structure td.secHeadR {width: 496px; text-align: right;}

/* Lists */
ul {margin: 0px 0px 5px 30px; padding: 0px; list-style-type: disc;}
ul li {margin: 5px 0px 5px 0px; padding: 0px;}

ul.small li {margin: 0px; padding: 0px;}

ol { margin: 0px 0px 5px 30px; padding: 0px; }
ol li {margin: 5px 0px 5px 0px; padding: 0px;}

/* headlines */
h1, h1 a {
 font-size: 17px; font-weight: normal;
 padding: 0px; margin: 0px;
}
h2, h2 a, caption {
 font-size: 17px; font-weight: normal;
 padding: 0px; margin: 0px;
}
h3, h3 a {
 font-size: 15px; font-weight: normal;
 padding: 0px; margin: 0px;
}
h4 {
 padding: 0px; margin: 0px 0px 15px 0px; font-weight: normal; font-size: 13px;
}
h5 {
 font-size: 15px; font-weight: bold;
 padding: 0px; margin: 10px 0px 10px 0px;
}

/* divs */
div {
 xxxoverflow: hidden;
 margin: 0px; padding: 0px;
 border: none;}

div.general {
 width: 950px;
 margin-left: auto; margin-right: auto;
 margin-top: 5px;
 background-color: #008030;
}

div.head {
 width: 950px; height: 114px;
 background-image: url(images/head2.gif);
 background-position: left top; background-repeat: no-repeat;}

div.contentHead {margin: 17px 20px 20px 20px; color: #FFFF99;}
div.contentHeadShort {margin: 12px 20px 10px 20px; color: #FFFF99;}
div.contentHead a, div.contentHeadShort a {color: #FFFF99;}
div.contentHead button, div.contentHeadShort button {color: #000;}

div.contentBody {
 padding: 10px 20px 10px 20px;
 background-color: #76B539;
 border-top: 3px solid #A6D25D;
}

/* start */
table.menu {width: 100%;
 border-collapse: separate;
 border-spacing: 5px;
}
table.menu td {padding: 0px 5px 0px 0px; margin: 0px; border: 1px solid #5fa126;}
table.menu td.alt {background-color: #8AC84E;}
table.menu td img {float: left; margin: 0px 10px 0px 0px;}
table.menu td span {display: inline; font-weight: bold; font-size: 15px;}

/* regionales */
a.regio span {display: inline; font-weight: bold;}
a.regio img.logo {clear: both; float: left; margin: 0px 3px 3px 0px;}

span.regio_h {color: #FFFF99; display: block; font-size: 14px; margin-bottom: 15px;}

table.regio {width: 100%;
 border-collapse: separate;
 border-spacing: 5px;
}

/* portrait */
table.header th {font-weight: bold;  color: #FFFF99; padding: 2px 5px;}
table.header td {font-weight: normal; color: #FFFF99; padding: 2px 5px;}

table.body th {font-weight: bold;  color: #000; padding: 1px 5px;}
table.body td {font-weight: normal; color: #000; padding: 1px 5px;}

ul.portrait {margin: 0px 0px 0px 30px; padding: 0px;}

ul.portrait span {display: block;}

table.chili {width: 100%; margin-bottom: 7px;}
table.chili td, table.chili th {padding: 4px;}

p.Portrait_Foto {padding: 2px 0px 12px 0px;}

/* Angebot */
div.angebot {
 width: 950px;
 background-color: #76B539;
 border-top: 3px solid #A6D25D;
 margin: 0px; padding: 0px;
}
div.letter_line {
 width: 950px;
 margin: 0px; padding: 0px;
 background-color: #76B539;
 border-top:    3px solid #A6D25D;
 border-bottom: 2px solid #5fa126;
}
table.letter_button {width: 100%;}
table.letter_button td {
 text-align: center; vertical-align: middle;
 border-right: 1px solid #5fa126;
 padding: 2px !important;
}
table.letter_button tr td a {
 padding: 0px;
 display: block;
}

table.structure td.cat_navi_left1 {width: 2px; background-color: #5fa126; padding: 0px; margin: 0px;}
table.structure td.cat_navi_left2 {width: 2px; background-color: #A6D25D; padding: 0px; margin: 0px;}

.cat_navi_width   {width: 160px;}
td.cat_navi       {padding: 0px; margin: 0px; text-align: right;}
table.cat_button { width: 100%;}
table.cat_button td {
 text-align: center;
 vertical-align: middle;
 margin: 0px;
 background-color: #F7E07F;
}
table.cat_button td.cat1         {padding: 8px 5px;}
table.cat_button td.cat2         {padding: 3px 5px 3px 5px;}
table.cat_button td.cat2_bordtop {border-top: 1px solid #5fa126;}
table.cat_button td.cat2_wichtig {background-color: #F9E79B;}
table.cat_button td.cat3         {padding: 0px; height: 2px; background-color: #5fa126; border-bottom: 2px solid #A6D25D;}
table.cat_button td.highlight    {background-color: #F2BE55; }
table.cat_button tr td a,
table.cat_button tr td a:hover {
    display: block;
}
table.cat_button td.cat_rzpt    {padding: 3px 5px 3px 5px; border-bottom: 1px solid #5fa126;}
table.cat_button td.cat_rzpt_i  {background-color: #F9E79B;}

tr.alt td {background-color: #8AC84E;}

table.angebot_tab {width: 740px;}
table.angebot_tab td, table.angebot_tab th {padding: 2px 5px;}
table.angebot_tab td.struct {padding: 0px;}

table.categories th {font-weight: normal;  color: #FFFF99; padding: 1px 5px 0px 5px;}
table.categories td {font-weight: normal; color: #FFFF99; padding: 1px 6px 0px 40px; text-align: right;}
table.categories th.catSubtitle {padding-top: 10px; font-weight: bold; border-bottom: 1px solid #F3EBB7;}
table.categories th.nextBlock, table.categories td.nextBlock {padding-top: 7px;}

table.options {background-color: #76B539; color: #000;}
table.options td {padding: 3px 7px 5px 5px;}
table.options th {padding: 3px 3px 5px 0px;}
table.options a {font-weight: normal; color: #000;}
table.options td.edge {padding: 0px; width: 21px; vertical-align: top;}

p.detailEr  {margin: 5px 0px 10px 5px;}
p.detailEr1 {margin: 5px 0px 10px 5px; font-weight: bold;}
p.detailEr2 {margin: 15px 0px 5px 5px;}
p.sorte {margin: 5px 0px 30px 5px;}

.navi {color: #FFFF99; margin-top: 15px; display: block;}
.navi1 {color: #FFFF99; margin-top: 10px; display: block;}
.navi a, .navi1 a {color: #FFFF99;}

span.imAngebot {color: #444;}

span.photoNavi {color: #FFFF99; margin: 3px 5px;}
span.photoNavi a {color: #FFFF99;}

.naviLine {color: #FFFF99; white-space: nowrap;}
.naviLine a {color: #FFFF99;}
.naviFormElement
{
    color: #FFFF99; background-color: #76B539;
    vertical-align: middle; display: inline;
}

table.structure td.firstDetail {
    padding-right: 30px; width: 625px;
}

td.small_fotos {vertical-align: top;}
td.small_fotos img {margin: 4px 3px 0px 3px;}

div#LatinWindow {
    background-color: #F9E79B;
    position: absolute; z-index: 100; left:420px; top: 20px;
    display: none;
    width: 250px; height: auto;
}
div.LatWinTop {
    width: 100%; background-color: #F2BE55;
    border-top: 3px solid #F7E07F; border-bottom: 3px solid #E0A02C;
    padding: 3px;
}
div.LatWinMid {
    width: 100%; background-color: #F7E07F;
    border-bottom: 3px solid #E0A02C;
    padding: 3px;
}

table.structure td.tipp_col {width: 155px; padding: 0px 3px 3px 3px;}

/* contact */
table.kontakt {background-color: #A6D25D; margin-left: 20px;}
table.kontakt td, table.kontakt th {padding: 2px 5px 2px 5px; vertical-align: top;}
table.kontakt tr.first th, table.kontakt tr.first td {padding-top: 15px;}
table.kontakt tr.last th, table.kontakt tr.last td {padding-bottom: 15px; padding-top: 10px;}
table.kontakt tr.first th {font-weight: bold;}

/* markt */
table.markt {margin-bottom: 25px; width: 100%;}
table.markt td, table.markt th {padding: 5px; vertical-align: top;}

/* rezepte */
table.structure td.zutat  {padding: 15px 20px 15px 20px; width: 243px;}
table.structure td.rezept {padding: 15px 20px 15px 0px;}

/* diverses */
.right {text-align: right;}
.smallBlock {margin-bottom: 8px;}
span.Absatz {
 display: block;
 margin-top: 4px;
}
span.AbsatzSmall {
 display: block;
 margin-top: 4px;
 font-size: 11px;
}
span.AbsatzTitle {
 display: block;
 margin-top: 8px;
 font-weight: bold;
}
span.nowrap {white-space: nowrap;}

img.button {margin: 0px; margin-right: 38px;}

span.subButton { margin-right: 20px; }
span.subButton img  { margin: 0px 3px 0px 0px; }

.formElement {
 color: #000;
 background-color: #A6D25D;
 vertical-align: middle;
 display: inline;
}

.formElementDisabled {
 background-color: #BBBCB8;
 color: #4C4C4C;
 display: inline;
}

span.zeile_rechts {
 text-align: right;
 padding: 0px;
 display: block;
 margin: 0px 0px 5px 0px;
}
span.zeile_rechts a img {vertical-align: middle;}
span.zeile_rechts img {vertical-align: middle;}
span.zeile_links {
 text-align: left;
 padding: 0px;
 display: block;
 margin: 0px 0px 5px 0px;
}

tr.line {height: 4px;}
tr.line td {
 background-color: #8AC84E;
 border-bottom: 1px solid #000000;
}
img.mBot {margin-bottom: 5px;}

.error {color: #BC2704; font-weight: bold;}

/* warenkorb */
div.contentHeadWK {
 margin: 10px 20px 10px 20px;
 text-align: right;
}
div.contentBodyWK {
 padding: 15px 20px 15px 20px;
 background-color: #F3EBB7;
}

table.versand tr.alt td {background-color: #F4E39A;}
table.versand td {
 font-weight: normal;
 color: #000;
 padding: 1px 5px;
}

table.WK {width: 640px;}
table.WK tr.alt td,
table.WK tr.alt th {background-color: #F4E39A;}
table.WK tr.highlight {background-color: #F4E39A;}
tr.lineWK td {
 background-color: #F4E39A;
 border-bottom: 1px solid #000000;
 height: 3px;
}
tr.lineWK1 td {
 border-bottom: 1px solid #000000;
 height: 3px;
}

tr.summe td {font-weight: bold; padding-top: 4px;}

.formElementWK  {
    color: #000; background-color: #F3EBB7;
    vertical-align: middle; display: inline;
}

.naviWK {color: #01630D;}
.naviWK a {color: #01630D; font-weight: bold; padding: 2px 4px; border-bottom: 2px solid #777777; border-right: 2px solid #777777; background-color: #FFFFFF;}

table.legendeWK {margin-top: 15px; width: 100%;}
table.legendeWK td.pic {
 text-align: center;
 border-left: 5px solid  #ABD674;
 width: 21px;
}
table.legendeWK td.txt { border-right: 5px solid  #ABD674;}
span.headerWK  {
 background-color: #ABD674;
 padding: 2px; width: 100%;
 display: block;
 margin-top: 25px;
}

/* kundendaten */
table.KD {width: 100%; margin: 0px 0px 10px 0px;}
table.KD tr.alt td, table.KD tr.alt th {background-color: #F4E39A;}
table.KD th, table.KD td {vertical-align: top;}

.formElementKD {
 color: #000; background-color: #FFFFFF;
 vertical-align: middle; display: inline;
}
.KDButton {font-weight: bold; color: #01630D;}
.KDButtonDisable {font-weight: bold; color: #AAAAAA;}
.KDRadio {background-color: #F3EBB7;}

/* bestellung */
table.BS  {
 margin-top: 20px;
 width: 600px;
}
table.BS td, table.BS.th {padding: 2px 5px;}

table.BS tr.alt td,
table.BS tr.alt th {background-color: #F4E39A;}

table.KD_BS {
 width: 100%;
 margin: 0px 0px 10px 0px;
}
table.KD_BS td {
 vertical-align: top;
 padding-bottom: 5px;
}

/* navigation */
/* alle            background-color: #F7E07F;
   cat2_wichtig    background-color: #F9E79B;
   cat_highlight   background-color: #F2BE55;
*/

div.MainNaviLine {
 width: 950px;
 margin: 0px; padding: 0px;
 background-color: #F7E07F;
 border-top:    3px solid #A6D25D;
 border-bottom: 3px solid #5fa126;
}

div.footerTop {
 width: 950px; height: 2px;
 background-color: #5fa126;
 margin: 0px; padding: 0px;
}
div.bottom {
 height: 30px;
 background-color: #008030;
}

#Header {
 width: 950px;
 margin: 0;
 z-index:1000000;
}

#Header * {
 margin: 0;
 padding: 0;
}

#Header ul { clear: both; }
#Header li { list-style: none; }

.HeaderInnerBox:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/* end of this line hides following line from IE5-mac and all non IEs \*/
* html .HeaderInnerBox { height: 1%; }
/* end hide */

#Header #CookieChannel {
 position: relative;
 width: 100%;
 background-color: #F7EECB;
 color: #9E470B;
 display: block;
 border-bottom: 2px solid #5fa126;
}

#InnerCookies {
 padding: 10px;
}

#InnerCookies button {
 padding: 2px;
 background-color: #F7C377;
 color: #753408;
}

#Header #NaviChannel .HeaderInnerBox {
 width: auto;
 margin: 0 0 0 20px;
}

#Header #NaviChannel {
 position: relative;
 width: 100%;
}

#Header #NaviChannel ul.NaviLevel1 li.ExtraLinks {
 float: left;
 padding: 0px 0px 0px 15px;
}

#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation {
 float: left;
 padding: 0px;
 background-color: #F9E79B;
 border-right: 1px solid #5fa126;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation a.NaviLevel1Link {
 padding: 2px 10px 2px 10px !important;
 text-decoration: none;
 line-height: 20px;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation span.NaviLevel1NoLink {
 padding: 2px 10px 2px 10px !important;
 text-decoration: none;
 line-height: 20px;
 background-color: #F7E07F;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation span.NaviLevel1Dummy {
 padding: 2px 1px 2px 1px !important;
 text-decoration: none;
 line-height: 20px;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation a.NaviLevel1BLink:hover {
 background-color: #FFF;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation {
 float: left;
 background-color: #F7E07F;
 padding: 0px;
}

#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation a.NaviLevel1BLink img,
#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation span.NaviLevel1BNoLink img {
 vertical-align: middle;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation a.NaviLevel1BLink {
 font-size: 12px;
 padding: 3px 12px 3px 10px !important;
 text-decoration: none;
 display: block;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation span.NaviLevel1BNoLink  {
 font-size: 12px;
 padding: 3px 12px 3px 10px !important;
 text-decoration: none;
 display: block;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubBNavigation a.NaviLevel1BLink:hover {
 background-color: #FFF;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation a.NaviLevel1Link:hover {
 background-color: #FFF;
}

#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div {
 position: relative;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 {
 list-style-type: none;
 display: none;
 position: absolute;
 top: 0;
 left: 0px;
 z-index: 100;
 left: -1px;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation:hover .NaviLevel1Div ul.NaviLevel2 {
 display: block;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 li {
 display: inline;
 clear: both;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 a,
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 a:hover {
 font-size: 12px;
 background: #F9E79B;
 display: block;
 padding: 3px 30px 3px 10px !important;
 min-width: 150px;
 width: auto;
 overflow: visible;
 white-space: nowrap;
 border-left:   1px solid #A6D25D;
 border-top :   1px solid #A6D25D;
 border-right:  1px solid #5fa126;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 li a.NaviLevel2Last {
 border-bottom: 1px solid #5fa126;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 li a:hover {
 background-color: #fff;
}
#Header #NaviChannel ul.NaviLevel1 li.NaviSubNavigation .NaviLevel1Div ul.NaviLevel2 li a.NaviLevel2Last:hover {
 background-color: #fff;
}