/* ------------------------- CSS BLUE SUN ------------------------- */
body {
    margin: 0;
    padding :0;
    background:url(/de/z_system_images/body-kachel.gif) 0 0 repeat #faf7ec 
}
body,a,p,div,td,span,textarea,input,li,label {
    font-family: Arial, Helvetica, sans-serif;
}
a {
    color:#0b573a;
    text-decoration:none;
}
a:hover {
    color:#000;
    text-decoration:underline;
}
p {
    margin:0;
    padding:0 0 15px 0;
}

div.p_{
    margin:0;
    padding:0 0 15px 0;
}
#innerrepocontainer div.teaser div.p_{
    margin:0;
    padding:0;
}
div.p_ p {
    margin:0;
    padding:0;
}

.clear {
    clear:both;
    height:0;
    font-size:0;
    margin:0;
    padding:0;
}
#container {
    background:url(/de/z_system_images/body-bg.jpg) 0 0 no-repeat #faf7ec;
    width: 1024px;
}
.absoluter{
    position:absolute;
    width: 846px;
    top:0;
}
#content {
    position:relative;
    padding:104px 0 30px 27px;
    width:960px;
    color:#673c18;
    font-size:12px;
}
#rezeptpage #content {
    padding:0 0 30px 27px;
}
.home #content {
    width: 456px;
/*    position:absolute;
    left:534px;
    top:114px;
*/
  float:left;
  margin-top: 110px;
  padding-left: 0px;
}
#reportagepage #content {
    padding: 0;
    width: 705px;
    margin-right: -5px;
}
.col {
    float:left;
    margin:0 20px 0 0;
    color:#673c18;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    }
#reportagepage .col {
    width: 225px;
    margin-right: 10px;
}    
#firstcol.col {
    width:225px; 
    margin-left:480px;
}
#flashcontent {
    top:262px;
    left:255px;
    position:absolute;
    z-index:20;
}
.verweis {
    display:block;
    color:#0b573a;
    padding:4px 0 4px 28px;
    margin-top: 4px;
    background:url(/de/z_system_images/verweis-pfeil.gif) 0 0 no-repeat;
}
.verweis.white {
    background:url(/de/z_system_images/verweis-pfeil-bg-white.gif) 0 0 no-repeat;
}
.readon:hover {
    color:#009de9;
    }
p.right {
    text-align:right;
}
.page #titel {
    position:relative;
    z-index:1;
    padding:54px 0 0 39px;
    width: 950px;
    height: 343px;
    background: url(/de/z_system_images/bg-titel-produkte.png) 27px 42px no-repeat;
}
.page #titel .subheadline{
    position: absolute;
    top: 332px;
    left: 39px;
    width: 220px;
    height: 45px;
    font-size: 11px;
    overflow: hidden;
}
.home #titel {
    top:-74px;
    position:relative;
    z-index:1;
    width:544px;
    float: left;
    background: transparent;
}
#karte {
    text-align:right;
}
#rezeptpage #titel {
    position:absolute;
    padding:0;
    left:0;
    top:127px;
    background: transparent;
    width: 482px;
    height: 321px;
}
#rezeptcontainer {
    background:url(/de/z_system_images/rezept-container.png) 27px 90px no-repeat;
    position:relative;
    z-index:1;
    padding:42px 0 0 27px;
    width:959px;
    height:326px;
}
#rezeptcontainer-teaser {
    position:absolute;
    left:510px;
    top:120px;
    z-index:2;
    width:440px;
    color:#673c18;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}    
#rezeptcontainer-teaser p {
    margin:0;
    padding:0 0 3px 0;
    width:465px;
}
#rezeptcontainer-teaser h4 {
    white-space:nowrap;
}
#reportagepage #titel {
    position:absolute;
    padding:0;
    left:250px;
    top:33px;
    background: transparent;
    width: 580px;
    height: 280px;
}
#repocontainer {
    position:relative;
    z-index:0;
    left:7px;
    top:54px;
    width:741px;
    background:url(/de/z_system_images/repocontainer-top-bg.jpg) 0 0 no-repeat;
    padding:260px 0 0 0;
}
#repocontainer.impressum,
div.impressum {
    padding:160px 0 0 0;
}
#innerrepocontainer {
    padding:30px 5px 30px 36px;
    color:#673c18;
    font-size:12px;
    background:url(/de/z_system_images/repocontainer-bg.gif) 22px bottom no-repeat;
}
#innerrepocontainer h3 {
    clear:both;
}
#innerrepocontainer .floatpic {
    margin-left:-2px;
}
div.impressum #innerrepocontainer {
    padding:0 30px 30px 36px;
}
span.pfeil {
    color:#000;
    padding:0 3px 0 0;
    font-family: Times, Georgia, Serif;
}
table.zutaten {
    width:100%;
    margin:0;
    padding:0;
    border-collapse:collapse
}
table.zutaten td {
    vertical-align:top;
    padding:2px;
}
table.zutaten td.zutat {
     width: 110px;
}
table.zutaten td.anteil {
    /* width:25px; */
    color:#000
}
#anchornav {
    background:url(/de/z_system_images/anchor-nav-bg.gif) 0 0 no-repeat;
    width:205px;
    height:150px;
    margin:0 0 30px 0;
    color:#000
}
#anchornav ul {
    list-style-type:none;
    margin:0;
    padding:30px 20px 20px 25px;
}
#anchornav ul li {
    margin:0;
    padding:0 0 0 10px;
    background:url(/de/z_system_images/bullet.gif) no-repeat 0px 6px;
}
#anchornav ul li a {
    color:#000;
    line-height:16px;
}
#anchornav ul li a.selected, #anchornav ul li a:hover {
  color:#257357;
}
#anchornav ul.rightnavlist li ul {
    marign: 0; padding: 0;
}
#anchornav ul.rightnavlist li ul li{
    padding: 0 10px 0 10px;
}
.floatpic {
    float:left;
    margin:0 15px 4px 0;
}
/* ------------------------- HEADER -------------------------- */
#start {
    margin: 0; 
    padding: 0;
    text-align:center;
    }
    
#navigation {
    width: 420px;
    position:absolute;
    z-index:10;
    left:580px;
    top:10px;
    font-size:12px;
}

.home #navigation {
  display:none;
}

#navigation ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
#navigation ul li {
    margin:0;
    padding:0;
    display:inline;
    }
#navigation ul li a {
    display:block;
    float:left;
    color:#000;
    padding:6px 10px 5px 28px;
    background:url(/de/z_system_images/verweis-pfeil.gif) 0 0 no-repeat;
}
#navigation ul li a.selected,
#navigation ul li a:hover {
    color:#257357;
}
/* ------------------------- SecNav ------------------------ */
#footer {
    text-align:right;
    width: 990px;
    font-size:12px;
}
#footer ul {
    padding:0;
    list-style-type:none;
    margin:0px;    
}
#footer ul li{
    padding:0;
    display:inline;
}
#footer ul li a {
    text-align: left;
    margin:0;
    padding:0 10px 0 10px;
    border-right:1px solid #9b9992;
    color:#9b9992;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#footer ul #Impressum a {
    border-right:0 solid #9b9992;
}
#footer ul li a:hover,
#footer ul li.active a {
    color:#000;
    text-decoration:none;
}
#footer #Alnatura {
    float:right;
    display:block;
    width:64px;
    vertical-align:bottom;
    margin:-22px 0 0 23px;
    }
/* ------------------------- Nav ------------------------ */
#navmain {
    text-align:left;
    width: 700;
    margin-top: 0px;
    margin-left: 85px;
    margin-right: auto;
}
#navmain ul {
    padding:0;
    list-style-type:none;
    margin:0px;    
}
#navmain ul li {
    padding:0;
    float:left;
}
#navmain ul li a {
    text-align: left;
    color:#AD5500;
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 35px 0 0 20px;
    padding:0 0 0 12px;
    text-transform:uppercase;
}
#navmain ul li.item1 a {
    margin: 35px 0 0 0;
}
#navmain ul li a span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#navmain ul li a:hover {
    color:#009DE9;
    text-decoration: none;
}
#navmain ul li.active a {
    color:#009DE9;
}
/* ------------------------- HEADINGS ------------------------ */
h2.banderole {
    text-indent:-999em;
    position:absolute;
    z-index:15;
    left:0;
    top:12px;
    background:url(/de/z_system_images/banderole.png) 0 0 no-repeat;
    width:377px;
    height:193px;
    margin:0;
    padding:0;
    overflow:hidden;
}
.home h2.banderole {
  display: none;
}
h1 {
    font-size:50px;
    padding:0;
    margin:0;
    background:url(/de/z_system_images/h1_subline.gif) 0 43px no-repeat;
}
h2 {
    font-size:26px;
    padding:0;
    margin:0 0 12px 0;
    height:38px;
}
h3 {
    font-size:22px;
    padding:0;
    margin:0 0 7px 0;
    height:30px;
}
h3.subline {
    background:url(/de/z_system_images/h3_subline.gif) 0 24px no-repeat;
}
h3.subline2 {
    background:url(/de/z_system_images/h3_subline2.gif) 0 24px no-repeat;
}
h4 {
    font-size:18px;
    padding:0;
    margin:20px 0 0 0;
    height:55px;
    font-weight:normal;
    width:225px;
}
h5.rezept {
    position:absolute;
    background:url(/de/z_system_images/wettbewerb-mein-lieblingsre.png) 0 0 no-repeat;
    width:299px;
    height:99px;
    text-indent:-999em;
    z-index:20;
    top:141px;
    left:204px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash h1 {
    visibility: hidden;
    }
.sIFR-hasFlash h3 {
    visibility: hidden;
    }
.sIFR-hasFlash h4 {
    visibility: hidden;
    }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 

.sIFR-hasFlash h4 {
    visibility: hidden;
    letter-spacing: -5px;
    font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
    letter-spacing: -4px;
    visibility: hidden;
    font-size: 24px;
}*/
/* ------------------------- FORM ------------------------ */
form {
    margin:0;
    padding:0;
}
.oblig {
    font-weight:bold;
    color:#257357;
    padding-left:3px;
}
label {
    display:block;
    font-weight:bold;
}
span.description {
    font-style:italic;
}
div.formlegend {
    width:450px;
    margin:15px 0 0 120px;
}
div.formelement {
    width:450px;
    margin:5px 0 0 120px;
}
div.formelement .red_border, 
div.formlegend .red_border {
  border: 2px solid red;
}
.inputbox {
    color:#257357;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    width:100%;    
    border:1px solid #257357;
    }
textarea.inputbox{
    width:100%;
    height:100px;
    }
#zeit {
    width:50px;
}
.combi {
    margin:0 0 4px 0;
}
.combi div.formlegend {
    width:150px;
    float:left;
    margin:0 0 0 120px;
}
.combi div.formelement {
    width:290px;
    float:left;
    margin:0 0 0 10px;
}
.action {
    width:450px;
    margin:5px 0 0 120px;
    text-align:right;
}
.sendbutton {
    color:#fff;
    background:#257357;
    border:1px solid #fff;
    text-transform:uppercase;
    height: 25px;
}
.formlegend div.p_ {
    margin:0;
    padding:2px 0 0 0;
}
div.formlegend .check_box {
  float:left; 
  margin: 3px 3px 0 3px;
  width:13px;
  height:13px;
  border: none;
}
.formelement span {
  color:#257357;
}
.view_input {
  border: 1px solid #93633B;
  width: 100%;
  min-height:14px;
}

/* PRODUKTE */
.np_left {
  margin-left:55px;
}
table.zutaten caption {
  color: #000;
  text-align:left;
}
.zutaten_text {
  color:#000;
  padding:0;
  margin: 0;
}
.zutaten_text p{
  margin:0;
  padding:0;
}
div.usage_list ul{
  list-style-type:none;
  margin:0;
  padding: 0;
}
div.usage_list li{
  background:url(/de/z_system_images/bullet.gif) no-repeat 0px 5px;
  padding-left:10px;
}

/* REPORTAGE, TEASER */
#innerrepocontainer .teaser {
  width: 675px;
  margin:0 0 15px 0;
  padding:0;
  clear: both;
}
#innerrepocontainer .teaser .floatpic {
  margin-top:-1px;
}
#anchornav ul li a.selected, #anchornav ul li a:hover {
  color:#257357;
}
/* ------------------------- Smart Edit ------------------------ */


/* ===================== */
.info_switcher {
    /*  background-aktive: url(/de/z_system_images/zoom_1.gif)  */
    background: url(/de/z_system_images/zoom_0.gif) no-repeat 0pt;
    width: 22px;
    height: 22px;
    padding:0;
    margin:0;
    position: relative;
    top:190px;
    left:165px;
}
.popup_infobox {
    margin:0;
    padding:0;
    visibility:hidden;
    position: absolute;
    left:0;
    top:0;
    z-index:100;
}
/* ------------------------- Download element ------------------------ */
div.download{
   float:left;
   margin-top:-10px;
   padding:0pt 0pt 10px;
}
div.download a{
    float: left;
}
a.download {
    color:#0b573a;
    padding:4px 0 4px 28px;
    background:url(/de/z_system_images/verweis-pfeil.gif) 0 0 no-repeat;
}
a:hover.download {
    color:#000;
}
img.download {
    margin: 5px 3px 4px 13px;
    float:left;
}
div.size_download {
    float:left;
    padding-top: 4px;
    color:#000;
}