* {
    font-family: Arial,Helvetica,sans-serif;
}
.big8 {
    background-image:url(/inet_superglobal/images/big8/verlauf_oben.jpg);
    background-position:right center;
    height:450px;
    font-size:11px;
    left:0;
    position:absolute;
    top:124px;
    width:1000px;
}

.big-main-start {
    background-color:#FFFFFF;
    height:363px;
    margin-top:50px;
    width:980px;
    position:relative;
}
.big-longtext-start {
    float:left;
    margin-left:145px;
    padding-top:45px;
    width:500px;
}

#big-shorttext-start{
    margin-left:40px;
    padding-top:89px;
    width:300px;
    position:absolute;
}

#headline{
    width:122px;
    height:18px;
    float:none;
}

* html .big-longtext-start {
    margin-left:70px;
}
.big-longtext-start h2,
#big-shorttext-start h2 {
    font-size:16px;
}
.big-longtext-start p {
    margin-left:0px;
}

#big-shorttext-start p{
    margin-left:0px;
    padding-top:0px;
}

.big-main-start img {
    float:right;
    height:363px;
}

#nahrungstonnen{
    height:119px;
    position:absolute;
    top:40px;
    left:410px;
}

#verlauf{
    background-image:url(/inet_superglobal/images/big8/infosite/verlauf.jpg) ;
    background-repeat: repeat-y;
    height: 363px;
    width:120px;
    position:absolute;
    left:880px;
}

#table{
    top:190px;
    left:444px;
    position:absolute;
    border:1px solid #feeac5;
}
.grey{
    color:#a3a3a3;
}

#table th{
    padding-right:3px;
}


 #table  tr.even td {
      background-color: #feeac5;
    }
    #table  tr.odd  td {
      background-color: #fff;
    }




.form-top .label-links label, .form-top .label-rechts label {
    color:#F59100;
    font-size:13px;
    font-weight: bolder;
}

.label-links label, .label-rechts label {
    font-size:12px;
}
.label-links {
    float:left;
    padding-right:10px;
}
.label-rechts {
    float:left;
}
.label-links select {
    font-size:11px;
    height:19px;
    width:180px;
}

.label-rechts select {
    font-size:11px;
    height:19px;
    width:250px;
}

.big-form-start p {
    padding:0px;
    margin:0px;
}
.big-form-submit {
    float:left;
    padding-top:17px;
    padding-left:5px;
}

.big-form-zurück {
    position: absolute;
    left: 0px;
    top: 340px;
}
.big-form-zurück a, .big-form-zurück a:visited{
    font-size:12px;
    font-weight:bold;
    color:#bcbcbc;
    vertical-align:top;
}

#richtwerte{
    position:absolute;
    top:165px;
    left:168px;
    font-weight:bold;
}


.big-form-submit a, .big-form-submit a:visited{
    font-size:12px;
    font-weight:bold;
    color:#bcbcbc;
    vertical-align:top;
}

/*Neue css fuer alle Seiten ausser index*/
.form-top {
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-size:11px;
    height:45px;
    margin-left:25px;
    padding-top:7px;
}

.big-content {
    background:#FFFFFF url(/inet_superglobal/images/big8/verlauf_rechts.jpg) repeat-y scroll right center;
    border-top: 1px solid #fc9;
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-size:11px;
    height:343px;
    width:999px;
    position: relative;
}
.big-content ul {
    margin-left:0px;
}
.big-content li {
    display:inline;
    padding-left:0px;
}
.big-longtext {
    margin-left:25px;
    padding-top:30px;
    width:500px;
}
.big-longtext p {
    margin-left:0px;
}
.big-longtext h2 {
    font-size:16px;
}

.image {
    position:absolute;
    right:40px;
    top:97px;
}

.image p{
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
}
.image-top img {
    padding-right:15px;
}
.image-bottom  {

}
.image-bottom img {

}

.big-main {
    margin-top:15px;
    width:980px;
}

.print {
    display: none;
}

.tabs {

}
.tabNavigation {
    font-size:10px;
    font-weight:bolder;
    padding-bottom:3px;
    padding-top:5px;
    text-transform: uppercase;
}

.tabNavigation a:active {
    color:#000000;
}
.tabs ul {
    margin-bottom:0px;
    margin-left:25px;
    margin-top:0;
    width:475px;
    position:relative;
    top:1px;
    z-index: 1;
}
.tabs li {
    display:inline;
    padding-left:0px;
    padding-right:1px;
}
.tabNavigation a {
    background-color: #fff;
    padding:2px 15px 2px;
    border: 1px solid #f3c04f;
}


.info-tabelle {
    border:1px solid #feeed4;
    margin-bottom:5px;
    padding-top:20px;
    /*width:480px;*/
    text-align:right;
    border-collapse: collapse;
}
.info-tabelle th {
    font-weight:normal;
    padding-left:15px;
    padding-right:15px;
}
.info-tabelle td {
    padding-left:15px;
    padding-right:15px;
}
.info-tabelle .or {
    background-color: #feeed4;
}
.first {
    text-align:left;
}

.tonne-text {
    height:90px;
    text-align:center;
    position:absolute;
    top: 0;
    width:73px;
    font-size: 13px;
}

.gda-text {
    margin:0 0 10px;
    width:365px;
}
.tonne-label {
    bottom: 57px;
    left:0px;
    position:absolute;
    width:73px;
    font-size: 11px;
}

.tonne-mitte {
    font-weight:bolder;
    left:0px;
    position:absolute;
    text-align:center;
    bottom:40px;
    width:73px;
}

.tonne-unten {
    font-weight:bolder;
    left:0px;
    position:absolute;
    bottom:13px;
    text-align:center;
    width:73px;
}

.vita-tabelle2 {
    padding-top: 20px;
    width: 320px;
    border: 1px solid #f3c04f;
    text-align:right;
    border-collapse: collapse;
    margin-bottom: 5px;
}
.vita-tabelle2 th {
    font-weight:normal;
    text-align:left;
    padding-left:15px;
    padding-right:15px;
}
.vita-tabelle2 td {
    padding: 3px 15px;
}
.vita-tabelle2 .or {
    background-color: #feeed4;
}

.ampel-text {
    float:left;
    height:107px;
    margin-bottom:10px;
    text-align:center;
    width:64px;
    margin-right:10px;
    position: relative;
}

* html .ampel-text {
    margin-bottom:5px;
}
* + html .ampel-text {
    margin-bottom:5px;
}

.gda-text {
    margin:0 0 10px;
    width:365px;
}
.ampel-top {
    font-size:10px;
    position: absolute;
    bottom: 70px;
    width: 64px;
    z-index: 2;
    left: 0;
}
.ampel-bottom {
    color: #ffffff;
    font-size:14px;
    font-weight:bolder;
    bottom: 23px;
    position: absolute;
    width: 64px;
    z-index: 2;
    left: 0;
}

.big-button-box {
    left:25px;
    position:absolute;
    top:395px;
    width:300px;
    z-index:8;
}

* html .big-button-box {
    top:415px;
}
* + html .big-button-box {
    top:415px;
}

.big-button-box p {
    margin-left:0px;
}
.big-button {
    background: url(/inet_superglobal/images/big8/button_white.png) repeat-y;
    height:23px;
    width:300px;
    margin-bottom: 7px;
}
.big-button a {
    background: url(/inet_superglobal/images/big8/pfeil.gif) no-repeat;
    margin-left:5px;
    padding: 0 0 2px 20px;
    text-decoration: none;
    color: #aaaaaa;
    font-weight:bold;
    font-size:12px;
    line-height: 23px;
}

.tabNavigation a.selected{
    color: #000000;
    border-bottom: 1px solid #fff;
}
.leer {
    font-weight:bolder;
    color:red;
}

p.klein-text {
    font-size:10px;
    margin-bottom:0;
    margin-top:0;
    width: 350px;
    clear: left;
}

#zutaten p {
    margin-bottom:5px;
    margin-top:0;
}
.zu-text {
    font-weight: bolder;
}

.td-last {
    border-left: 1px solid #f3c04f;
}
.hidden {
    display: none;
}
#disclaimer {
    display: none;
    margin-left: 0;
}
#print_logo {
    display: none;
}

#info, #gda, #zutaten, #vitamine, #ampel {
    background-color: white;
    display: none;
}
div#tonnen {
    height: 100px;
    position: relative;
    left: 1px;
}
div#tonne_1 {
    left: 0;
}
div#tonne_2 {
    left: 73px;
}
div#tonne_3 {
    left: 146px;
}
div#tonne_4 {
    left: 219px;
}
div#tonne_5 {
    left: 292px;
}
div#tonne_6 {
    left: 365px;
}

@media print {
    .hidden {
        display: block;
    }
    .print {
        display: block;
    }
    .noPrint,
    .tabNavigation,
    .form-top {
        display: none;
    }
    .big-content {
        border: none;
        font-size: 9pt;
        width: auto;
        clear: both;
        margin-left: 1mm;
    }
    .big-main,
    .big8 {
        width: auto;
        position: static;
    }
    div.klein-text,
    p.klein-text {
        font-size: 7.5pt;
        width: auto;
    }
    div.logo {
        display: none;
    }
    div#print_logo {
        display: block;
        float: right;
    }
    div#print_logo img {
        width: 4cm;
    }
    .big8 {
        top: 0px;
        background: none;
    }
    .image {
        display: none;
    }
    .big-longtext {
        width: auto;
        margin-left: 0;
        padding-top: 0;
    }
    .info-tabelle,
    .vita-tabelle2 {
        border: 2px #ccc solid;
        width: auto;
    }
    .info-tabelle td,
    .info-tabelle th,
    .vita-tabelle2 td,
    .vita-tabelle2 th {
        border-bottom: 2px #ccc solid;
    }
    .td-last {
        border-left: 1px #ccc solid;
    }
    h1 {
        padding-top: 1cm;
        margin-bottom: 0;
        font-size: 11pt;
        font-weight: bold;
        margin-left: 1mm;
    }
    h2 {
        font-size: 10pt;
        margin: 10mm 0 3mm 0;
    }
    h2.margin {
        margin-top: 10mm;
        font-weight: bold;
    }
    div.last_update {
        margin-left: 1mm;
    }
    #disclaimer {
        margin-top: 10mm;
        display: block;
    }
    #info, #gda, #zutaten, #vitamine, #ampel {
        position: static !important;
        opacity: 1.0 !important;
        filter: none !important;
        display: block !important;
    }
    .tonne-text,
    .tonne-text img {
        width:57pt;
        padding: 0;
        height:70pt;
        font-size: 9pt;
    }
    .tonne-label {
        bottom: 43pt;
    }
    .tonne-mitte {
        bottom: 30pt;
    }
    .tonne-unten {
        bottom: 11pt;
    }
    div#tonnen {
        height: 85pt;
    }
    div#tonne_1 {
        left: 0;
    }
    div#tonne_2 {
        left: 57pt;
    }
    div#tonne_3 {
        left: 114pt;
    }
    div#tonne_4 {
        left: 171pt;
    }
    div#tonne_5 {
        left: 228pt;
    }
    div#tonne_6 {
        left: 285pt;
    }
}