html {
height: 100%;
margin-bottom: 1px;
}

body {
font: normal 12px 'Arial';
background: #fff url('../pics/bg_verlauf_header.gif') repeat-x;
}

* {
margin: 0;
padding: 0;
}

a {
color: #5d5d5d;
font-weight: bold;
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

a.details {
padding-left: 15px;
background: transparent url('../pics/detail.gif') no-repeat left -3px;
}

img {
border: 0;
vertical-align: bottom;
}

ul {
list-style: none;
}

h1 { font-size:  140%; }
h2 { font-size:  130%; }
h3 { font-size:  110%; }
h4 { font-size:  100%; }

#shop {
width: 1025px;
margin: 0 auto;
background: #fff url('../pics/bg_verlauf_body.gif') repeat-y;
}

#shopaus {
margin: 10% 35%;
text-align: center;
}

#shopaus div {
margin: 15px 0;
}

#content {
padding: 15px 6px 50px 24px;
background: transparent url('../pics/bg_verlauf_body_start.gif') no-repeat;
}

#navigation,
#servicespalte {
float: left;
width: 190px;
}

#navigation .boxwrapper input.knopf,
#servicespalte .boxwrapper input.knopf,
#navigation .boxwrapper a.knopf,
#servicespalte .boxwrapper a.knopf {
color: #fff;
text-align: center;
text-transform: uppercase;
width: 178px;
margin: 2px 0; 
background: #247300 url('../pics/box_button_pfeil.jpg') no-repeat left center;
}

#navigation .boxwrapper input.knopf,
#servicespalte .boxwrapper input.knopf {
border: 0;
height: 20px;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 3px;
}

#navigation .boxwrapper a.knopf,
#servicespalte .boxwrapper a.knopf {
display: block;
padding: 2.5px 0;
text-decoration: none;
}

#servicespalte dl dt {
float: left;
clear: both;
width: 45%;
}

#auswahl {
float: left;
width: 570px;
padding: 0 15px;
}

#auswahl h2,
.breadcrumbs,
#bestellschritte {
margin-bottom: 20px;
}

#header {
position: relative;
}

#header #shoplogo h1 a {
height: 110px;
display: block;
background: transparent url('../pics/shoplogo.jpg') no-repeat;
text-indent: -999px;
}

#header .rubriken {
right: 13px;
bottom: 10px;
position: absolute;
}

#header .rubriken ul li {
float: left;
padding: 5px 10px 5px 15px;
background: transparent url('../pics/header_tab.jpg') no-repeat left top;
}

#header .rubriken ul li.first {
background: transparent url('../pics/header_tab_start.jpg') no-repeat left top;
}

#header .rubriken ul li a {
color: #247300;
}

#header .slideshow {
left: 300px;
top: 10px;
position: absolute;
}

#header #schriftgroesse {
right: 25px;
top: 10px;
position: absolute;
}

#header #sprachen {
right: 25px;
top: 30px;
position: absolute;
}

#header #sprachen li {
display: inline;
margin-left: 5px;
opacity: 0.5;
}

#header #sprachen li.aktiv {
opacity: 1;
}

#footer {
padding: 0 20px 20px;
background: #fff url('../pics/footer.jpg') no-repeat;
}

#footer .rubriken {
padding: 7px 0 20px 0;
}

#footer .rubriken,
#footer .rubriken a,
#header #schriftgroesse,
#header #schriftgroesse a {
color: #fff;
font-weight: normal;
}

#footer .rubriken ul li {
display: inline;
padding: 0 20px;
border-right: 1px solid #fff;
}

#footer .rubriken ul li.datum {
margin-right: 60px;
}

#footer .rubriken ul li.datum,
#footer .rubriken ul li:last-child {
border: 0;
}

#footer #copyright,
#footer #partnerseiten {
color: #5d5d5d;
margin: 20px 0;
text-align: center;
}

#footer #partnerseiten .pbox {
float: left;
width: 135px;
text-align: center;
}

.legende {
padding: 10px 15px;
background-color: #eee;
}

.legende li,
#zahlart_auswahl li {
padding: 5px 0;
}

.legende li.verfuegbarkeit {
padding-left: 60px;
background-repeat: no-repeat;
background-position: left 6px;
}

table.direktbestellung .gruen,
.legende li.verfuegbarkeit.gruen {
background-image: url('../pics/lieferbar_gruen.gif');
}

table.direktbestellung .gelb,
.legende li.verfuegbarkeit.gelb {
background-image: url('../pics/lieferbar_gelb.gif');
}

table.direktbestellung .rot,
.legende li.verfuegbarkeit.rot {
background-image: url('../pics/lieferbar_rot.gif');
}

.startseite h2 {
color: #247300;
text-align: center;
}

.startseite ul {
list-style: disc;
}

.box {
margin-bottom: 15px;
}

.box .boxtitel {
color: #fff;
height: 28px;
line-height: 28px;
padding-left: 7px;
background-repeat: no-repeat;
background-position: left top;
}

.box .boxwrapper,
.box .boxwrapper {
padding: 5px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#navigation .box .boxtitel {
background-image: url('../pics/box_balken_links.gif');
}

#servicespalte .box .boxtitel {
background-image: url('../pics/box_balken_rechts.gif');
}

.box.suche .boxtitel h4,
.box.sortimentshops .boxtitel h4,
.box.warenkorb .boxtitel h4 {
padding-left: 25px;
background-repeat: no-repeat;
background-position: left top;
}

.box.suche .boxtitel h4 {
background-image: url('../pics/boxtitel_lupe.gif');
}

.box.sortimentshops .boxtitel h4 {
background-image: url('../pics/boxtitel_hand.gif');
}

.box.warenkorb .boxtitel h4 {
background-image: url('../pics/boxtitel_warenkorb.gif');
}

.box.nav .boxwrapper,
.box.seknav .boxwrapper,
.box.sortimentshops .boxwrapper {
border: 0;
padding: 0;
}

.box.nav .boxwrapper ul li,
.box.seknav .boxwrapper ul li,
.box.sortimentshops .boxwrapper ul li {
margin-bottom: 2px;
}

.box.nav .boxwrapper ul li a,
.box.seknav .boxwrapper ul li a,
.box.sortimentshops .boxwrapper ul li a {
display: block;
padding: 5px 10px;
color: #247300;
background: #ebf3e8 url('../pics/bullet.gif') no-repeat left 2px;
text-decoration: none;
}

.box.nav .boxwrapper ul li a:hover,
.box.seknav .boxwrapper ul li a:hover,
.box.sortimentshops .boxwrapper ul li a:hover {
color: #fff;
background: #247300 url('../pics/bullet_hover.gif') no-repeat left 2px;
}

.box.suche .boxwrapper .feld {
width: 174px;
}

.box.warenkorb .boxwrapper strong {
color: #247300;
}

.box.beratung .boxwrapper .telefon {
color: #247300;
font-size: 110%;
font-weight: bold;
}

.nachoben,
.blaettern,
.box.beratung .boxwrapper .telefon,
.box.beratung .boxwrapper .bild,
.box.rezeptbestellung .boxwrapper .bild,
.box.zahlarten .boxwrapper div,
.box.partner .boxwrapper div {
margin: 10px 0;
text-align: center;
}

.box.versandkosten .boxwrapper ul li,
.box.partner2 .boxwrapper ul li {
font-size: 11px;
margin: 10px 0;
padding-left: 15px;
background: transparent url('../pics/listpfeil.jpg') no-repeat left 3px;
}

.box.versandkosten .boxwrapper a,
.box.partner2 .boxwrapper a {
color: #6ABD09;
font-weight: normal;
text-decoration: underline;
}

.box.flaggen .boxwrapper ul li {
float: left;
padding: 5px;
}

.box.topseller .boxwrapper ul li {
border-top: 1px dotted #808080;
}

.box.topseller .boxwrapper ul li.first {
border: 0;
}

.box.katalog .boxwrapper ul li {
float: left;
display: block;
width: 10px;
padding: 5px;
text-align: center;
border: 1px solid #efefef;
}

.box.gesundheitsnews .boxwrapper ul li {
margin: 2px 0;
padding-left: 15px;
background: transparent url('../pics/listpfeil.jpg') no-repeat left 3px;
}

.box.bookmarks .boxwrapper ul li {
display: inline;
}

.box.bookmarks .boxwrapper ul li img {
margin: 2px;
padding: 2px;
border: 1px solid #999;
}

table {
width: 100%;
border-collapse: collapse;
}

table td,
table th {
text-align: left;
}

table.warenkorb th,
table.warenkorb td {
padding: 4px;
}

table.formular td {
padding: 4px 0;
}

table.warenkorb th {
color: #616161;
background-color: #C0C0C0;
}

table.warenkorb .infopic {
width: 80px;
}

table.warenkorb .loeschen {
width: 40px;
}

table.direktbestellung td,
table.direktbestellung th {
padding: 1px 5px;
}

table.direktbestellung .anzahl,
table.direktbestellung .feld.direktanzahl {
width: 50px;
}

table.direktbestellung .nummer,
table.direktbestellung .feld.direktnummer {
width: 100px;
}

table.direktbestellung .gruen,
table.direktbestellung .gelb,
table.direktbestellung .rot {
padding-left: 60px;
background-repeat: no-repeat;
background-position: 3px center;
}

.uvphinweis,
.liste.liste1,
.liste.liste1 .bestellen .warenkorb,
.liste.liste2 .abbildung,
.liste.liste2 .preis,
.liste.crosseller,
.liste.sonderangebot,
.artikel .bestellen,
table.warenkorb .nummer,
table.warenkorb .anzahl,
table.warenkorb .loeschen {
text-align: center;
}

.liste,
.blaettern {
padding: 10px;
border: 1px solid #C1D6CA;
overflow: hidden;
}

.liste.liste1,
.liste.liste2,
.liste.crosseller {
float: left;
margin: 6px 12px 6px 0;
}

.liste.liste1 {
width: 160px;
}

.liste.liste2 {
width: 257px;
}

.liste.crosseller {
width: 100px;
}

.liste.liste1 .abbildung,
.liste.liste1 .informationen,
.liste.liste2 .informationen,
.liste.liste1 .bestellen,
.liste.liste1 .bestellen .kaufen,
.liste.liste3 .beschreibung,
.liste.liste3 .link,
.liste.sonderangebot,
.liste.sonderangebot .informationen,
.artikel .crosstext {
margin: 10px 0;
}

.liste.liste1 h3,
.liste.crosseller h4 {
height: 32px;
}

.liste.liste2 h3 {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #C1D6CA;
}

.liste h3 a,
.liste h4 a {
color: #247300;
}

.liste .abbildung, 
.artikel .abbildung {
position: relative;
}

.liste .abbildung .rabatt,
.artikel .abbildung .rabatt {
color: #fff;
background-color: #cc0000;
padding: 1px 3px;
position: absolute;
bottom: 5px;
right: 0;
}

.liste .abbildung .rabatt em,
.artikel .abbildung .rabatt em {
font-size: large;
}

.liste .abbildung .promotion,
.artikel .abbildung .promotion {
width: 50px;
height: 50px;
position: absolute;
background: transparent url('../pics/promotion.gif') no-repeat;
}

.liste.liste1 .abbildung .promotion {
top: -10px;
right: -5px;
}

.liste.liste2 .abbildung .promotion {
top: 0;
right: 0;
}

.liste.liste3 .abbildung .promotion {
bottom: 10px;
right: 5px;
}

.artikel .abbildung .promotion {
top: 10px;
right: -10px;
}

.liste.liste1 .informationen dt {
float: left;
clear: both;
width: 50%;
}

.liste.liste1 .informationen dt,
.liste.liste1 .bestellen {
text-align: left;
}

.liste.liste1 .informationen dd,
.liste.liste3 .hinweise,
table.warenkorb .einzelpreis,
table.warenkorb .gesamtpreis {
text-align: right;
}

.liste.liste3 {
margin: 16px 0;
}

.liste.liste3 .abbildung {
width: 130px;
float: left;
}

.liste strong,
.artikel .informationen strong {
color: #cc0000;
font-size: 13px;
}

.liste .hinweise,
.liste .hinweise a,
.artikel .hinweise,
.artikel .hinweise a,
.abbildung small {
color: #999;
}

.liste.liste1 .bestellen a {
color: #000;
font-weight: normal;
}

.artikel .bestellen input.knopf,
.liste.liste1 .bestellen .knopf {
border: 0;
width: 157px;
padding: 3px 0;
color: #fff;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
}

.artikel .bestellen input.knopf,
.liste.liste1 .bestellen .warenkorb .knopf {
padding-left: 20px;
background-image: url('../pics/liste_warenkorb.gif');
}

.liste.liste1 .bestellen .nichtlieferbar .knopf {
background-image: url('../pics/liste_nichtlieferbar.gif');
}

.liste.liste1 .bestellen .rezeptpflichtig .knopf {
background-image: url('../pics/liste_rezeptpflichtig.gif');
}

.liste.topseller {
border: 0;
padding: 5px 0;
}

.liste.topseller .abbildung {
width: 80px;
float: left;
margin-right: 8px;
}

.liste.topseller .informationen {
width: 90px;
float: left;
}

.liste.last {
margin-right: 0;
}

.artikel .links,
.artikel .rechts,
.artikel .informationen dl dt,
.artikel .informationen dl dd {
float: left;
}

.artikel .links {
width: 270px;
margin-right: 30px;
}

.artikel .rechts {
width: 250px;
padding: 10px;
background-color: #eee;
}

.artikel .block,
.endkontrolle .block,
.bestellbeleg .block {
margin: 25px 0;
}

.ps_option,
.ps_titel,
.ps_filter p,
.artikel .block h4,
.artikel .block p,
.artikel .nichtlieferbarmail p,
.endkontrolle h3 {
margin-bottom: 10px;
}

.artikel .informationen dl dt {
width: 40%;
}

.artikel .informationen dl dd {
width: 60%;
}

.artikel .hinweise {
font-size: 11px;
}

.artikel .weitere img {
margin: 0 5px 5px 0;
border: 1px solid #999;
}

.artikel .weitere,
.artikel .optionen {
margin-top: 15px;
}

.artikel .optionen ul li {
padding: 3px 0 3px 25px;
background-repeat: no-repeat;
background-position: left center;
}

.artikel .optionen ul li.drucken {
background-image: url('../pics/icon_drucken.png');
}

.artikel .optionen ul li.empfehlen {
background-image: url('../pics/icon_empfehlen.png');
}

.artikel .optionen ul li.download {
background-image: url('../pics/icon_download.png');
}

.artikel .optionen ul li.suchen {
background-image: url('../pics/icon_suche.png');
}

.artikel .produkteignung {
padding: 10px;
border: 1px solid #C1D6CA;
}

.ps_filter,
.artikel .produkteignung ul {
list-style: disc;
margin-left: 15px;
}

.endkontrolle .block .ssl.lastschrift,
.endkontrolle .block .ssl.kreditkarte {
padding: 20px 10px 20px 120px;
border: 1px solid #cbc8a9;
background-color: #FFFFC7;
background-repeat: no-repeat;
background-position: left center;
}

.endkontrolle .block .ssl.lastschrift {
background-image: url('../pics/ssl2l.gif');
}

.endkontrolle .block .ssl.kreditkarte {
background-image: url('../pics/ssl2k.gif');
}

.endkontrolle .adressblock,
.bestellbeleg .adressblock {
float: left;
width: 50%;
}

.spezialshops.gross li {
float: left;
width: 170px;
padding: 10px;
text-align: center;
}

.spezialshops.klein {
border-top: 1px solid #C1D6CA;
}

.spezialshops.klein li {
padding: 10px 0;
border-bottom: 1px solid #C1D6CA;
}

.spezialshops.klein li .bild {
position: absolute;
}

.spezialshops.klein li .text {
position: relative;
margin-left: 70px;
}

.spezialshops.klein li .text h3 {
padding: 5px  0 10px 25px;
background: transparent url('../pics/pfeil.gif') no-repeat left 4px;
}

.spezialshops.klein li .link {
text-align: right;
}

.herstellerliste {
text-align: center;
margin: 10px 0;
padding: 10px 0;
border-top: 1px solid #C1D6CA;
border-bottom: 1px solid #C1D6CA;
}

.herstellerliste ul li {
float: left;
width: 190px;
}

.zwischennavi ul li {
float: left;
text-align: center;
margin-bottom: 2px;
}

.zwischennavi ul li.odd {
margin-right: 2px;
}

.zwischennavi ul li a {
width: 284px;
display: block;
padding: 5px 0;
color: #000;
background-color: #EBF2E8;
text-decoration: none;
}

.zwischennavi ul li a:hover {
color: #fff;
background-color: #247300;
}

.katalog-artikel,
.katalog-buchstaben {
margin: 20px 0;
}

.katalog-buchstaben {
padding: 10px 0;
text-align: center;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

.katalog-buchstaben li {
display: inline;
padding: 3px;
}

.katalog-artikel li {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #C1D6CA;
}

#bestellschritte {
padding: 0 15px;
}

#bestellschritte ul {
list-style: none;
font-size: 11px;
}

#bestellschritte ul li {
float: left;
width: 60px;
text-align: center;
}

#bestellschritte ul li.text {
padding-top: 25px;
}

#bestellschritte ul li.linie div {
margin-top: 10px;
border-bottom: 2px solid #bfbfbf;
}

#bestellschritte ul li.linie.erledigt div {
border-bottom: 2px solid #247300;
}

.breadcrumbs,
.breadcrumbs a,
.balken.dunkel h2 {
color: #fff;
}

.breadcrumbs,
.balken.dunkel h2 {
padding: 5px;
background-color: #247300;
}

.artikel h2,
.artikel h3,
.kundenabfrage h3,
.kundendaten h3,
.kundenkonto h3,
.kontodaten h3,
.kontoloeschen h3,
.bestellansicht h3,
.favoriten h3,
.auswahl_zahlart_extra h3 {
height: 28px;
line-height: 28px;
padding: 0 10px;
border-bottom: 1px solid #999;
}

.kundenabfrage h3,
.kundenkonto h3,
.auswahl_zahlart_extra h3 {
color: #fff;
background: transparent url('../pics/box_balken_links.gif') no-repeat left top;
}

.kundenabfrage label,
.kundendaten label,
.kundenkonto label,
.kontodaten label,
.vorschaltseite label {
width: 170px;
float: left;
clear: both;
font-weight: bold;
text-align: right;
margin-right: 20px;
}

.kundenabfrage .block,
.kundendaten .block,
.kundenkonto .block,
.kontodaten .block,
.kontoloeschen .block,
.bestellansicht .block,
.favoriten .block,
.auswahl_zahlart_extra .block {
margin: 20px 0;
}

.kundenabfrage .block div,
.kundendaten .block div,
.kundenkonto .block div,
.kontodaten .block div,
.kontoloeschen .block div,
.bestellansicht .block div,
.favoriten .block div,
.auswahl_zahlart_extra .block div {
padding: 10px 20px;
}

.kundenabfrage .block div,
.kundenkonto .block div {
background-color: #efefef;
}

.kundenabfrage .input,
.kundendaten .input,
.kundenkonto .input,
.kontodaten .input,
.vorschaltseite .input {
line-height: 30px;
clear: both;
}

.kundendaten .input .feld,
.kontodaten .input .feld {
background-color: #E0EFD0;
}

.kundenabfrage .submit,
.kundendaten .submit,
.kundenkonto .submit,
.kontodaten .submit,
.auswahl_zahlart_extra .submit, 
.vorschaltseite .submit {
text-align: right;
padding-right: 30px;
}

.kontoverwaltung ul,
.bestellansicht ul,
.favoriten ul {
margin: 10px 0;
border-top: 1px solid #aaa;
}

.kontoverwaltung ul li,
.bestellansicht ul li,
.favoriten ul li {
padding: 10px;
border-bottom: 1px solid #aaa;
}

.kundendaten .zahlarten,
.kontodaten .zahlarten {
margin-left: 190px;
}

.kundendaten .zahlarten li,
.kontodaten .zahlarten li {
padding: 3px 0;
}

.favoriten ul li {
padding: 0 0 0 80px;
background-repeat: no-repeat;
background-position: left center;
}

.feld {
width: 170px;
margin: 2px 0;
}

.feld.plz,
.feld.kreditkarte_code { 
width: 45px; 
}

.feld.ort { 
width: 118px; 
}

.feld.anmerkungen { 
width: 568px; 
}

.kontakt .feld.anfrage,
.freiumschlaege .feld.anfrage,
.produktanfrage .feld.anfrage {
width: 551px; 
}

.feld.addanzahl,
.feld.kreditkarte_monat,
.feld.kreditkarte_jahr { 
width: 25px; 
}

.trenner hr {
border: 0;
height: 1px;
margin: 10px 0;
color: #999;
background-color: #999;
}

.meldung,
.textblock,
.zwischennavi,
.empfehlungen {
margin: 20px 0;
float: none;
}

.meldung,
.meldung a {
color: #000;
font-weight: bold;
}

.meldung {
padding: 10px 20px;
background-color: #E0EFD0;
}

.meldung.warenkorb.add {
padding-left: 60px;
background: #E0EFD0 url('../pics/bt-inwarenkorb.gif') no-repeat 20px center;
}

.meldung.bestellen {
padding: 20px;
text-align: center;
}

#browser div {
padding: 10px;
text-align: center;
background-color: #ff3;
}

.textbild {
float: right; 
clear: both; 
text-align: center; 
border: 1px solid #999; 
padding: 5px; 
margin-left: 10px;
}

.suchbegriff {
font-weight: bold;
background-color: #ff0;
}

.pflichtfeld {
color: #cc0000;
}

.password_strength {
padding: 3px 5px;
margin-left: 10px;
}
.password_strength_1 { background-color: #fcb6b1; }
.password_strength_2 { background-color: #fccab1; }
.password_strength_3 { background-color: #fcfbb1; }
.password_strength_4 { background-color: #dafcb1; }
.password_strength_5 { background-color: #bcfcb1; }

.clear {
clear: both;
}