/*** <<< DESIGN - LAYER >>> ***/
#mainframe { width:1002px; position:relative; top:8px; margin:auto; }

#header { height:179px; position:relative; z-index:2; }

#content { width:982px; height:365px; position:absolute; top:224px; left:0px; right:0px; padding:70px 10px 50px 10px; }
#mainframe > #content { height:auto; min-height:365px; }
/*** <<< DESIGN - LAYER >>> (Ende) ***/


/*** <<< HTML - TAGS >>> ***/
body { margin:0px; padding:0px; color:#000; font:normal 10px Verdana,Helvetica,sans-serif; }
body#protokoll { font:normal 16px sans-serif; }
body#wartungsseiten { background:#fdfdf1; }
body#wartungsseiten p { text-align:center; font-weight:bold; text-indent:-2000px; }

table { border:0px; }

form { margin:0px; padding:0px; }
label { font-size:10px; }
input, textarea { padding-left:2px; border:1px solid #000; }
input.radio { width:auto!important; padding-left:0px; border:0px; }
input.datum { width:64px; }

ul { margin:0px; padding:10px 0px; }
ul.fetteLinks a { font-weight:bold; }
li { list-style-type:none; padding-left:13px; background:url(../images/li1.png) no-repeat 0px 3px; margin-bottom:13px; }
ol { margin:0px 0px 0px 40px; padding:10px 0px; }
ol li { list-style-type:decimal; background:none; padding:0px; }
dl { padding:0px; margin:0px; }
dt { padding-bottom:8px; }
dd { padding-bottom:15px; margin:0px; }

img { border:0px; }

p { margin:0px 0px 15px 0px; }

fieldset { padding:0px; margin:0px; border:none; }
legend { text-indent:-2000px; font-size:0px; line-height:0px; }
/*** <<< HTML - TAGS >>> (Ende) ***/


/*** <<< IDs >>> ***/
#logoProtokoll { float:left; padding-top:10px; }
#protokollHd { height:80px; }
#BGinfoservice { background:url(../images/InfoserviceLieferfaehigkeit.gif) bottom right no-repeat; }
#CEGButtonHinweis { height:57px; margin:10px 0px 10px 0px; padding:23px 20px 0 0; background:url(../images/KastenBitteBeachtenSie.png) no-repeat; text-align:right; }
#refContainer div { float:left; height:340px; margin:0px 10px 15px 0px; }
#lieferhinweis { padding:10px 13px; }
#ukatsMitte a { font-weight:bold; text-decoration:none; }
#icnSSL { position:relative; top:3px; }
#startAC, #aktionenC, #katAC, #recAG, #recZG, #microAG, #empfehlungenC { margin:0px auto; }
#breadcrumbs { position:absolute; top:5px; left:138px; color:#333; }
#breadcrumbs a { color:#333; }
#breadcrumbs a:hover { text-decoration:underline; }
#innerContent { width:718px; position:relative; margin:0 auto; }
#prListeHd { padding:5px 20px 5px 5px; font-size:13px; }
#prListeHdKat { padding:5px 20px 5px 5px; text-align:center; font-weight:bold; font-size:14px; }
#meinKonto { height:140px; padding:130px 0 0 20px; background:url(../images/MeinKonto.jpg) no-repeat; }
#meinKonto ul, #wichtigeInfos ul { padding-right:30px; }
#meinKontoHinweis { position:absolute; bottom:10px; right:45px; text-align:center; }
#meinKontoHinweis img { position:static!important; }
/*#tuevLogo { position:absolute; top:115px; left:0px; }*/
#detailBewertung input.button { display:inline; }
#TABVersandkosten { border-collapse:separate; border-spacing:2px; margin:0 0 0 120px; }
#TABVersandkosten th, #TABVersandkosten td { padding:2px 5px; background:#d7eff9; }
#newsletterBestaetigung { background:url(../images/NewsletteranmeldungErfolgreich.gif) bottom no-repeat; padding-right:300px; }
#newsletter p { font-size:12px; padding-left:100px; }
#newsletter p span { color:#06497e; font-weight:bold; }
#newsletter form .row { margin-left:100px; }

#formData_datum_tag { position:relative; top:0px; left:114px; }
#formData_datum_monat { position:relative; top:0px; left:116px; }
#formData_datum_jahr { position:relative; top:0px; left:118px; }

#banknameHinweis { width:150px; float:left; color:#000000!important; position:relative; top:3px!important; left:145px; }
#pwHinweis { height:90px; margin:0 0 40px; padding:20px 10px 10px 166px; background:url(../images/achtung.png) 0px 15px no-repeat; }
#pwHinweis li { margin:3px 0; line-height:1.4em; }
/*** <<< IDs >>> (Ende) ***/


/*** <<< CLASSes >>> ***/
.Hd { font-size:13px; padding:5px 0px 6px 10px; color:#014882; background:#e1f5fe; border-top:1px dashed #014882; border-bottom:1px dashed #014882; }
.Bd { height:1%; background:#f2f4f6; padding:16px; }
div > .Bd { height:auto; }
.Bg1 { background-color:#d7eff9; }
.Bg2 { background-color:#c2ebfe; }
.Bg3 { background:#fbd2ac; }
.Bg4 { background:#fde6d1; }
.border { border-bottom:1px dashed #014882; }
.pad { padding:8px; }
.floatLeft { float:left!important; }
.floatRight { float:right!important; }
.Fk { clear:both; height:0px!important; line-height:0px!important; font-size:0px!important; padding:0px!important; }
.noBr { white-space:nowrap; }
.center { text-align:center; }
.right { text-align:right; }
.spacerS { height:5px; font-size:1px!important; }
.spacer { height:15px; font-size:1px!important; }
.spacerL { height:30px!important; font-size:1px!important; }
.spacerXL { height:80px; font-size:1px!important; }
.noWidth { width:auto!important; }
.block { display:block!important; }
.height1pro { height:1%!important; }
div > .height1pro { height:auto!important; }
.protokollAdresse { float:left; margin:20px 0px 0px 20px; font-size:13px; }
.protokollFooterBox { float:left; margin:5px 40px 0px 0px; font-size:13px; }
.pdfPfeil { position:relative; top:-1px; margin-right:2px; }
.GAdobe { float:left; padding-right:5px; }
.cool { padding-bottom:8px; }
.cool img { position:relative; top:7px; }
.foreign a { width:200px; }
.hidden { position:absolute; left:-2000px; }

/* allgem. Formularformatierung */
form .intro { color:#014882; font-weight:bold; font-size:12px; padding:0px 0px 10px 100px; background:url(../images/li3.png) 65px 1px no-repeat; }
form .intro a { color:#014882; }
form .intro a:hover { color:#014882; text-decoration:underline; }
form .einzug { padding-left:120px; }
form .row { height:30px; width:400px; position:relative; }
form .lastRow { height:20px; }
form .row img { position:absolute; top:4px; left:0px; }
form .row label { position:absolute; top:3px; left:13px; font-weight:bold; }
form .row label.twoLined { top:-2px; }
form .row label.alert { color:#c00; }
form .row input { width:280px; position:absolute; top:0px; right:0px; border:2px solid #91dbff; }
form .row input.mittel { width:150px; position:absolute; right:100px; }
form .row input.mittelPos { right:130px; }
form .row input.strasse { width:227px; position:absolute; right:53px; }
form .row input.nr { width:38px; }
form .row input.plz { width:66px; position:absolute; top:0px; right:214px; }
form .row input.ort { width:199px; }
form .row input.tag { width:16px; position:absolute; top:0px; right:264px; }
form .row input.tagPos { right:234px; }
form .row input.monat { width:16px; position:absolute; top:0px; right:233px; }
form .row input.monatPos { right:203px; }
form .row input.jahr { width:30px; position:absolute; top:0px; right:188px; }
form .row input.jahrFF { right:158px; }
form .row input.frau { position:absolute; top:0px; right:220px; border:0; }
form .row input.herr { position:absolute; top:0px; right:160px; border:0; }
form .row input.vorname { width:130px; position:absolute; top:0px; right:150px; }
form .row input.nachname { width:140px; }
form .row input.singleCheckbox { position:absolute; top:0px; right:239px; border:0; }
form .row > input.singleCheckbox { right:237px; }
form .row input.singleCheckboxPos { right:269px; }
form .row textarea { width:280px; height:120px; position:absolute; top:0px; right:0px; border:2px solid #91dbff; }
form .textareaHoehe { height:130px; }
form .row span { position:absolute; top:0px; right:-12px; color:#014882; }
form .row span.pflichtMittel { position:absolute; top:0px; right:88px; }
form .row span.frau { position:absolute; top:3px; right:197px; color:#000; }
form .row span.herr { position:absolute; top:3px; right:138px; color:#000; }
form .row span.hinweis { position:absolute; top:21px; left:113px; color:#000; }
form .row span.singleCheckboxText { width:230px; position:absolute; top:3px; right:0px; color:#000; }
form .row span.singleCheckboxTextPos { right:30px; }
form .row span.singleCheckboxText span { position:static; }
form .hinweisHoehe { height:43px; }
form .hinweisHoeheXL { height:68px; }
form .row button, form .row select { position:absolute; top:3px; left:113px; }
form .row > button, form .row > select { left:114px; }
form .row button.rechtsMittel { position:absolute; top:0px; left:305px; }
form .sternText { color:#014882; font-weight:bold; }
form .hinweisText { padding:0px 0px 25px 13px; }
/* allgem. Formularformatierung (Ende) */

/* Buttons - oder alles was aussieht wie ein Knopf ;-) */
button, .button { padding:4px 0 7px 0; border:0; font-weight:bold; font-size:9px; cursor:pointer; }
.button { padding-top:3px; display:block; text-align:center; }
.button:hover { text-decoration:none!important; }
div > button, div > .button { padding:3px 0 7px 0; }

.sizeS { width:72px; background:url(../images/button2.png) no-repeat;  }
.sizeM { width:126px; background:url(../images/button1.png) no-repeat;  }
.sizeL { width:190px; background:url(../images/button190px.png ) no-repeat;  }
.sizeXL { width:290px; background:url(../images/button290px.png ) no-repeat;  }
.back { width:72px; background:url(../images/buttonZurueck.png) no-repeat; }
.details { width:72px; background:url(../images/buttonDetails.png) no-repeat; }
.zurKasse, .login { width:122px; background:url(../images/buttonZurKasse.png) no-repeat; }
.weiter { width:72px; background:url(../images/buttonWeiter.png) no-repeat; }
.absenden { width:151px; background:url(../images/buttonBestellungAbsenden.png) no-repeat; }
.aktualisieren { width:117px; background:url(../images/buttonAktualisieren.png) no-repeat; }
.abschicken { width:108px; background:url(../images/buttonAbschicken.png) no-repeat; }
form#logout { position:relative; float:left; }
form#logout button { background:none; padding-left:10px; padding-top:9px; }
form#logout div > button { padding-top:8px; }
form#logout button:hover { color:#f90; }
form#logout img { position:absolute; top:14px; left:69px; }
form#logout div > img { left:58px; }
/* Buttons - oder alles was aussieht wie ein Knopf ;-) (Ende) */
/*** <<< CLASSes >>> (Ende) ***/


/*** <<< TEXT-STYLES >>> ***/
a:link { color:#000; text-decoration:none; }
a:visited { color:#014882; text-decoration:none; }
a:hover,a:active { color:#f90; text-decoration:none; }

h1, .h1_SEO { color:#06497e; font-size:17px; font-weight:bold; padding:0 0 16px 0px; margin:0; }
h1.buttonLeft { padding-left:90px; }
h2 { font-size:10px; color:#000; } /* kommt wegen SEO nur in den Produktdetails, sowie in der Produktlistenansicht vor! Für Textformatierung -und  Strukturierung <h3> nehmen. */
h3 { font-size:11px; margin:0px 0px 8px 0px; }

.TXLB2 { font-size:17px; font-weight:bold; color:#c00; }
.TXLB1 { font-size:17px; font-weight:bold; color:#000; }
.TLB2 { font-size:14px; font-weight:bold; color:#c00; }
.TMB1 { font-size:12px; font-weight:bold; color:#000; }
.TMB2 { font-size:12px; font-weight:bold; color:#c00; }
.TSN1 { font-size:10px; font-weight:normal; color:#000!important; }
.TSN2 { font-size:10px; font-weight:normal; color:#c00; }
.TSB1 { font-size:10px; font-weight:bold; color:#000!important; }
.TSB2 { font-size:10px; font-weight:bold; color:#c00!important; }
.TXSB1 { font-size:9px; font-weight:bold; color:#000; }
.TXSB2 { font-size:9px; font-weight:bold; color:#c00; }
.TXSN1 { font-size:9px; font-weight:normal; color:#000!important; }

 /* Textformatierungen für das Newssystem & Bestellprotokoll! */
.fett { font-weight:bold; }
.kursiv { font-style:italic; }
.unterstrichen { text-decoration:underline; }
.important { color:#c00; font-weight:bold; }
.strike { background:url(../images/strike.gif) no-repeat center; }

.alert { color:#c00; }
/*** <<< TEXT-STYLES >>> (Ende) ***/

/*** <<< TEMPLATES >>> ***/

/* "#header"-Elemente */
#header #quickNav li { display:inline; padding-left:12px; background:url(../images/li4.gif) 2px 4px no-repeat; }
#header #quickNav li#first { background:none; }
#header img { position:absolute; top:45px; left:35px; }
#PrSucheF { position:absolute; top:30px; left:290px; }
#PrSucheF input { width:272px; padding:7px 0 6px 10px; border:0; font-weight:bold; font-size:9px; }
#PrSucheF button { position:relative; left:10px; }
#PrSucheF div > button { left:7px; }
#WkKlein { width:136px; height:38px; padding:12px 0 0 47px; position:absolute; right:150px; bottom:17px; }
#WkKlein table { position:relative; top:3px; left:3px; z-index:9; }
#WkKlein #link { width:183px; height:50px; position:absolute; top:0px; left:0px; display:block; z-index:10; cursor:pointer; }
#WkKlein #altText { position:relative; top:10px; left:10px; font-weight:bold; }
/* "#header"-Elemente (Ende) */

/* Anweisungen fuer die "5-Grafiken-Navigationen" */
#navi { height:45px; text-align:center; }
#navi img { padding:1px 6px 0 0; }
#navi img#lastImg { padding-right:0; }
/* Anweisungen fuer die "5-Grafiken-Navigationen" (Ende) */

/* Angebotsbox */
.A { width:134px; height:188px; float:left; position:relative; margin:0px 4px 4px 0px; text-align:center; padding:4px; border:1px solid #84898f; }
.A div { padding-bottom:2px; }
.A .name { height:45px; }
.A a.button { width:117px; margin:auto; }
.A .spacer { height:2px; padding:0px; }
.AStern { position:relative; top:-50px; }
/* Angebotsbox (Ende) */

/* Startseite */
/* Styles fuers Newssystem... */
.textbox { border:1px solid #f58017; margin-bottom:25px; padding:10px; }
.textbox h1 { padding-left:0px; margin:0px 0px 8px 0px; border:0px; }
.textbox h2 { padding-left:0px; margin:10px 0px 8px 0px; border:0px; }
.textbox p { padding:10px 0px 10px 0px; }
.textbox p#infoLinkBox { height:10px; }
.textbox a:link, .textbox a:visited { color:#f58017; text-decoration:underline; }
.textbox a:hover, .textbox a:active { text-decoration:none; }
/*#welcome { position:relative; left:151px; }*/

#startText { position:relative; height:294px; }
#startText #logoDimdi { position:absolute; top:0px; left:0px; }
#startText #logoDimdi a { display:block; position:relative; width:140px; }
#startText #logoDimdi #dimdi1 { z-index:1; }
#startText #logoDimdi #dimdi2 { position:absolute; top:0px; left:0px; z-index:100; }
#startText img { position:absolute; top:0px; right:0px; }
#startText p { width:350px; position:absolute; top:155px; left:160px; font-size:12px; }
#startText p a#darSt { position:relative; top:20px; left:40px; color:#000; }

#hilfeUndInfos { width:575px; height:170px; position:relative; padding:36px 0 0 143px; margin:0 auto 30px auto; background:url(../images/bStartseiteHilfe.jpg) no-repeat; }
#hilfeUndInfos li a { font-weight:bold; }
#hilfeUndInfos ul { margin-right:10px; }
#KLoginF { width:137px; position:absolute; top:48px; right:0px; }
#KLoginF a { font-weight:normal!important; }
#KLoginF ul { margin-right:0!important; padding-bottom:0; }
#KLoginF span { position:relative; left:7px; top:-1px; }
#KLoginF input { width:124px; height:20px; position:relative; left:7px; border:0; background:url(../images/inputfeld.gif) no-repeat; }
#KLoginF button { position:relative; top:-4px; left:8px; }
/* Startseite (Ende)*/

/* Footer mit Links */
#footer { width:798px; /*width:760px;*/ position:absolute; bottom:12px; left:50%; margin-left:-385px; /*margin-left:-365px;*/ }
#footer li { display:inline; padding-right:20px; }
#footer li#produktKatalog { background:none; }
#footer li#produktKatalog img { position:absolute; top:-3px; left:-30px; }
#footer img#darImg { position:absolute; top:-4px; right:0px; }
#footer a { color:#003060; font-weight:bold; }
#footer a:hover { text-decoration:underline; }
/* Footer mit Links (Ende) */

#pwVergessen { width:718px; height:389px; position:relative; margin-bottom:0px; background:url(../images/PasswortVergessen.jpg) no-repeat; }
#pwVergessen p { position:absolute; top:140px; left:0px; }
#pwVergessen form { position:absolute; bottom:30px; left:-21px; }
#pwVergessen input { width:170px; right:45px; }
#pwVergessen button { top:18px; left:230px; }

/* Styles der thematischen Kategorisierung */
.mainCat { width:718px; height:285px; position:relative; top:-5px; margin:0 auto; }
#innerContent > .mainCat { height:auto; min-height:285px; }
.mainCat .text { width:240px; position:absolute; top:85px; left:150px; }
.mainCat h1, #subCat h1 { font-size:12px; padding-top:3px; padding-bottom:8px; }
.mainCat ul { padding:100px 0 0 400px; }
.mainCat li { background:url(../images/li2.png) no-repeat 0px 4px; padding-left:18px; margin-bottom:18px; }
.mainCat li a { font-size:14px; font-weight:bold; }
.mainCat a:hover { text-decoration:underline; }
.mainCat .button { position:absolute; bottom:5px; right:0px; }
#subCat { width:340px; position:absolute; top:50px; right:10px; }
/* Styles der thematischen Kategorisierung (Ende) */

/* Footer der den Inhalt abschliesst */
#contentFt { padding:30px 0px 20px 0px; }
#contentFt ul { text-align:center; }
#contentFt a { text-decoration:none; }
#contentFt li { display:inline; padding:0px 5px 0px 15px; background:url(../images/GAdresse.gif) 1px 5px  no-repeat; }
#contentFt li#first { background:none; padding-left:0px; }
#contentFt li#last { padding-right:0px; }
#contentFt p { text-align:center; }
/* Footer der den Inhalt abschliesst (Ende) */

/* Liste fuer Produktgruppe */
#PrGruppe a, #PrGruppe a:visited { font-weight:bold; font-size:11px; }
/* Liste fuer Prduktgruppe (Ende) */

/* Ansicht fuer Produktdetails */
#prH1 { padding:0 0 16px 90px; margin:0; }
#prH1.wkFull { padding-right:140px; }
#prC { height:1%; position:relative; }
#prInfo { width:120px; padding:25px 8px; float:right; }
#prInfo .small { font-size:9px; }
#prInfo h2 { margin:0; font-weight:normal; border:0; }
#prInfo #preis { padding:20px 0; }
#prInfo #preis img { position:relative; top:10px; left:30px; }
#prInfo #preis .spacer { height:2px; }
#prInfo a { text-decoration:underline; }
#prInfo a:hover { text-decoration:none; }
#prInfo #hinweise div { margin-bottom:5px; }
#prInfo #prRzArt { padding-bottom:22px; }
#prInfo #prRzArt div { color:#000; margin-bottom:1px; }
#prInfo #prRzArt input { position:relative; top:1px; border:0; }
#prInfo #prRzArt span { position:relative; top:-2px; left:-2px; }
#prInfo #prRzArt div > span { top:-3px; }
#prInfo #knopf { position:relative; }
#prInfo #knopf #anzahl { width:11px; position:absolute; top:6px; left:2px; padding-right:3px; text-align:right; font-size:9px; border:1px solid #000; }
#prInfo #knopf #idWk { width:124px; height:43px; }
#prDesc { width:575px; float:left; padding:25px 0 0 0; }
#prDesc.moreInfoPad { padding-bottom:100px; }
#prDesc #bild { float:left; padding:0 25px 25px 0; }
#prDesc #bild .center { font-size:9px; }
#prDesc #moreSizes a { font-weight:bold; font-size:12px; }
#prDesc #moreSizes a:hover { text-decoration:underline; }

#weitereInfos { font-weight:bold; padding:7px 5px; }
#weitereInfos .link { height:45px; position:relative; }
#weitereInfos .link a, weitereInfos .link a:visited { position:absolute; top:0px; left:30px; color:#000; font-weight:bold; }
#weitereInfos .link a img { position:absolute; top:0px; left:-30px; }
#weitereInfos .link form.defekterLink { position:absolute; top:0px; right:-84px; }
#weitereInfos .link > form.defekterLink { right:-75px; }
#weitereInfos .link form.defekterLink button { background:none; border:none; width:160px; height:auto; color:#900; font-weight:normal; text-decoration:underline; text-align:left; }
#weitereInfos .link form.defekterLink button img { position:absolute; top:3px; left:-33px; }
#weitereInfos .link form.defekterLink button > img { left:-24px; }
#weitereInfos .adobeText { position:relative; top:-1px; left:5px; }
#detailBewertung { padding:10px 5px; }
#detailBewertung textarea { width:90%; height:80px; }
/* Ansicht fuer Produktdetails (Ende) */

/* Auswal der Rezeptart */
.RzArt { position:relative; top:13px; width:222px; height:44px; z-index:1; }
.RzArt div { width:105px; height:14px; float:left; font-size:9px; padding:3px 0px 3px 3px; margin:1px; }
.RzArt .kind { width:215px; }
.RzArt input { width:13px; height:10px; position:relative; top:-1px; border:0px;  }
.RzArt div > input { position:relative; top:0px; }
.RzArt span { position:relative; top:1px; left:1px; }
.RzArt div > span { position:relative; top:-2px; left:-2px; }
/* Auswal der Rezeptart (Ende) */

/* +++++++ Produktboxen der Suchergebnis-Ansicht / Unterkategorieansicht befinden sich in 'formatStart.css' +++++++ */

/* Produktboxen der Oberkategorien (einer Hauptkategorie wie "50 Plus") */
.hitKat { width:359px; height:153px; position:relative; float:left; }
div > .hitKat { height:auto; min-height:153px; }
.hitKat .preis { width:90px; position:absolute; top:25px; right:0px; text-align:center; font-weight:bold; }
.hitKat .preis .betrag { padding:3px 0 10px 0; font-size:18px; }
.hitKat .preis a { color:#000; text-decoration:underline; }
.hitKat .RzArt, .hitKat button, .hitKat h2 { display:none; }
.hitKat .bild { position:absolute; top:18px; left:12px; }
.hitKat .bild a.button { position:relative; top:10px; }
.hitKat .content { margin:10px 95px 0 100px; }
.hitKat .content .info h1 { color:#003665; font-size:12px; padding-bottom:2px; }
.hitKat .content .info h1 a:hover { color:#f90!important; }
/* Produktboxen der Oberkategorien (einer Hauptkategorie wie "50 Plus") (Ende) */

/* Bestelltunnel */
#btAnmeldung { width:718px; height:412px; position:relative; background:url(../images/BestelltunnelKundenanmeldung.jpg) no-repeat; }
#btAnmeldung #login { position:absolute; top:219px; left:12px; }
#btAnmeldung #login input { width:178px; right:9px; border:2px solid #91dbff; }
#btAnmeldung #login button { top:6px; left:265px; }
#btAnmeldung #neukunde { width:350px; position:absolute; bottom:32px; left:50px; font-weight:bold; }
#btAnmeldung #neukunde a.button { position:absolute; top:-3px; right:0px; }
#btAnmeldung #pwLink { position:absolute; top:275px; left:24px; }
#bestellInfo { position:absolute; top:208px; left:26px; font-weight:bold; }
#bestellInfo span { color:#900; }
#payF { padding-top:268px; background:url(../images/BestelltunnelBezahlartAuswaehlen.jpg) top no-repeat; }
#payF #BT, #payF #BB { padding:0 27px; }
#payF #BT { padding-bottom:13px; }
#payF #BB { padding-top:13px!important; }
#payF .Hd { color:#014882; background:#e1f5fe; border-top:1px dashed #014882; border-bottom:1px dashed #014882; }
#payF .pad { padding:18px 25px; }
#payF .row input { width:220px; right:30px; border:2px solid #91dbff; }
#payF input.radio { position:relative; top:1px; left:-1px; }
#payF .BdFloat { width:140px; height:65px; float:right; text-align:right; }
#payF .BdFloat .TXLB2 { color:#014882; font-size:18px; }
#teiler { padding:4px 0px 4px 5px; color:#014882; font-size:12px; font-weight:bold; background:#fff5d5; border-top:1px dashed #014882; border-bottom:1px dashed #014882; }
#payF .Bg3 input.floatLeft, #payF .Bg4 input.floatLeft { position:relative; top:0px; left:5px; }
#payF .Bg3 table.floatLeft, #payF .Bg4 table.floatLeft { margin-left:10px; }
#checkBg { background:url(../images/BestelltunnelKontrollierenVerlauf.jpg) bottom repeat-x; }
#check { padding-top:275px; background:url(../images/BestelltunnelKontrollieren.jpg) top no-repeat; }
#check #BT, #payF #BB { padding:0 27px; }
#check #BT { padding-bottom:13px; }
#check #BB { padding-top:13px; }
#check button { float:right; }
#check a.button { float:right; }
#check #BB a.button,#check #BT a.button { float:none; }
#check .Hd { padding:8px 0 8px 25px; color:#014882; background:#e1f5fe; border-top:1px dashed #014882; border-bottom:1px dashed #014882; }
#check .pad { padding:18px 25px; }
#check input { width:180px; border:2px solid #91dbff; }
#check th { border-bottom:2px solid #014882; }
#check .right { text-align:right; padding-right:6px; }
#checkTab { font-weight:bold; }
#checkTab .TXLB2 { color:#014882; }
#finish { height:265px; padding-top:160px; background:url(../images/BestelltunnelEnde.jpg) no-repeat; font-size:13px; }
#finish a { font-weight:bold; text-decoration:underline; }
#finish a:hover { text-decoration:none; }
#finish span { color:#0c5087; }
/* Bestelltunnel (Ende) */

/* Hilfe- bzw. Infoseiten */
.hilfe h3 { color:#014882; font-size:13px; margin:0; padding:15px 0 0 100px; background:url(../images/li3.png) 75px 18px no-repeat; }
.hilfe p, .hilfe div.wieP { margin:0; padding:0 120px 15px 120px; }
#hilfeMoreInfo { padding:90px 0 0 143px; background:url(../images/weitereInfos.jpg) no-repeat; }
#hilfeMoreInfo a { font-weight:bold; }
#hilfeMoreInfo ul { margin-right:20px; }
/* Hilfe- bzw. Infoseiten (Ende) */

/* Druckansicht der Produktdetails */
#logoPr_print { float:left; padding-top:20px; }
#printHd { height:80px; }
.printAdresse { float:left; margin:30px 0px 0px 20px; font-size:10px; }
.printFooterBox { float:left; margin:5px 20px 0px 0px; font-size:10px; }
#printer .link { position:relative; bottom:1px; right:5px; }
#print_produktdetails { font-size:12px; color:#000; background:#fff; margin-left:10px; margin-right:10px; }
#print_produktdetails .headline { font-weight:bold; font-size:14px; text-decoration:underline; }
#print_produktdetails #bild { vertical-align:top; }
#print_produktdetails #beschreibung { width:100%; padding-top:10px; vertical-align:top; text-align:left;}
#print_produktdetails #beschreibung .typ { width:60%; padding-right:10px; }
#print_produktdetails #print_ALI h3 { font-size:12px; background:#E8E8E8; color:#000; padding:3px 0px 4px 10px; margin:10px 0px; }
#print_produktdetails #print_ALI div { padding-bottom:10px; }
#print_produktdetails .Bg2 { background-color:#C9C9C9; }
#print_produktdetails .Bg1 { background-color:#E6E6E6; }
#print_produktdetails .strike { text-decoration:line-through; background:none; }
/* Druckansicht der Produktdetails (Ende)*/

/* Produkt-Katalog */
#katalog { position:relative; padding-bottom:20px; background:url(../images/bArzneimittel.jpg) bottom left no-repeat; border-bottom:1px dashed #0b447b; }
#katalog img { position:relative; left:36px; }
#katalog ul { position:relative; left:200px; padding-right:60px; }
#katalog ul ul { position:static; padding-right:0; }
#katalog li { background:url(../images/li2.png) no-repeat 0px 4px; padding-left:18px; margin-bottom:10px; }
#katalog li a { color:#014882; font-size:13px; font-weight:bold; }
#katalog li a#naviAktiv { color:#f90; }
#katalog li li a { color:#050500; font-size:12px; font-weight:normal; }
#katalog li a:hover { color:#f9a413; }
#katalog ul ul { width:auto; position:static; }
#katalog li li { padding-left:13px; background:url(../images/li1.png) no-repeat 0px 3px; margin-bottom:8px; }
#katalog .button { position:absolute; bottom:5px; right:0px; }
/* Produkt-Katalog (Ende) */

/* Profisuche */
#profisuche { font-weight:bold; padding:10px 40px 5px 12px; }
#profisuche #preisspanne { height:30px; padding-left:13px; }
#profisuche #preisspanne span { padding-right:50px; }
#profisuche .minmax { width:30px; }
#profisuche input.radio { position:relative; top:3px; }
#profisuche div > input.radio { position:relative; top:4px; }

.sucheWeitere { height:70px; margin:0 0 15px 0; padding:8px 0 15px 105px; border:1px solid #39beff; }
#innerContent > .sucheWeitere { height:auto; min-height:70px; }
.sucheWeitere p { padding:0 0 3px 0; margin:0; font-weight:bold; font-size:12px; color:#06497e; }
.sucheWeitere#SHersteller { background:url(../images/SHersteller.gif) 15px 8px no-repeat #fffdf1; }
.sucheWeitere#SOberkategorie { background:url(../images/SOKategorie.gif) 15px 8px no-repeat #fffdf1; }
.sucheWeitere#SUnterkategorie { background:url(../images/SUKategorie.gif) 15px 8px no-repeat #fffdf1; }
.sucheWeitere ul { padding:0; }
.sucheWeitere li { padding:0; margin:0; background:none; }
.sucheWeitere li a { background:url(../images/li1.png) no-repeat 0 3px; padding:0 0 0 15px; }

#suchmeldung { height:50px; margin:0 0 15px 0; padding:15px 0 23px 105px; background:url(../images/SArtikel.gif) 15px 4px no-repeat #fffdf1; border:1px solid #39beff; font-weight:bold; font-size:12px; color:#c00; }
/* Profisuche (Ende) */

/* Warnmeldung [z.B. bei Kundenanmeldung] */
#warnung { height:64px; position:relative; left:138px; padding:15px 0 0 100px; margin:40px 0px; background:url(../images/GFehler.png) 0px 0px no-repeat; }
div > #warnung { height:auto; min-height:64px; }
#warnung span { position:relative; top:-5px; color:#900; }
#warnung a { color:#900; font-size:13px; }
#warnung ul { padding:0px; }
#warnung li { background:transparent; color:#900; padding-left:2px; margin-bottom:2px; font-size:13px; }
/* Warnmeldung (Ende) */

/* Bestaetigungs-Meldung */
#confirm { width:618px; height:64px; padding:15px 0 0 100px; position:relative; left:138px; margin:40px 0px; font-size:13px; font-weight:bold; color:#4a7223; background:url(../images/GRichtig.png) 0px 0px no-repeat; }
div > #confirm { height:auto; min-height:64px; }
/* Bestaetigungs-Meldung (Ende) */

/* Container fuer Formular-Buttons und Zurueck-Links */
#BT { padding:0 0 12px 0; }
.posBT { width:718px; position:absolute; top:0px; left:0px; }
#BB { padding:12px 0 0 0; }
#BT button, #BB button, #BB input.button { float:right; }
#BB .CEGHinweis { background:#f00; padding:10px 10px 10px 0px; }
/* Container fuer Formular-Buttons und Zurueck-Links (Ende) */

/* Anzeige des Warenkobinhalts */
#WkInhalt { background:url(../images/WarenkorbinhaltVerlauf.jpg) bottom repeat-x; }
#WkInhalt th { color:#014882; background:#e1f5fe; padding:8px 0; border-top:1px dashed #014882; border-bottom:1px dashed #014882; font-weight:normal; font-size:13px; }
#WkInhalt input { width:32px; text-align:right; padding:0px 2px; border:1px solid #014882; }
#WkInhalt .artikelName { font-size:13px; font-weight:bold; }
#WkInhalt select { margin-top:8px; font-size:9px; }
#WkInhalt .td { vertical-align:bottom; text-align:center; padding-top:10px; }
#refresh { padding:10px 0 7px 0; }
#WkInhalt .TXLB2, #WkInhalt .TMB2 { color:#014882; }
/* Anzeige des Warenkobinhalts (Ende) */

/* Rezepthinweis unter dem Warenkorb */
#notice { margin-top:30px; }
#notice .Bd { font-size:10px; height:86px; padding:5px 10px 0px 95px; background:url(../images/rezept.gif) no-repeat 5px 5px #fffdf1; border-bottom:1px solid #888; }
/* Rezepthinweis unter dem Warenkorb (Ende) */

/* Zuzahlungsbefreiung */
#zuzahlF input.radio { position:relative; top:3px; left:-20px; }
#zuzahlF span.radioText { position:relative; left:-20px; }
#zuzahlF .spacer { height:10px; }
#zuzahlF textarea { position:absolute; top:5px; right:101px; }
#zuzahlF div.bild { width:15px; height:13px; float:left; position:relative; top:6px; left:-13px; }
/* Zuzahlungsbefreiung (Ende) */

/* Apotheken-Umschau */
#umschauBox p { padding-left:3px; margin:0px; }
#umschauInhalt span { font-weight:bold; }
#umschauInhalt p { margin:0px; padding:15px 3px 15px 3px; background:#f2f4f6; border-bottom:1px solid #888; }
#umschauInhalt div { margin:0px; padding:15px 3px 15px 3px; border-bottom:1px solid #888; }
.themen01 { background:#fde6d1; }
/* Apotheken-Umschau (Ende) */

/* Kundenbereich Meine Bestellungen / meine Merkzettel */
.kundenbereich th { font-size:13px; padding:5px 0px 6px 10px; color:#014882; background:#e1f5fe; border-top:1px dashed #014882; border-bottom:1px dashed #014882; }
.kundenbereich tr.items { font-weight:bold; }
.kundenbereich tr.def td { background:none; }
.kundenbereich tr.verschickt td { background:#f2f4f6; }
.kundenbereich tr.rezeptFehlt td { background:#fff7d7; }
.kundenbereich td { padding:2px 0px 2px 5px; }
.kundenbereich .abschluss td { border-bottom:1px dashed #014882; padding-bottom:8px; }
.kundenbereich a.button { margin:auto; }
/* .kundenbereich a { font-weight:normal; } */
.imgStatusDef { background:#e6f6fe!important; border-bottom:1px dashed #014882; }
.imgStatusVerschickt { background:#bbdc97!important; border-bottom:1px dashed #014882; }
.imgStatusRezeptFehlt { background:#f8a356!important; border-bottom:1px dashed #014882; }
.kundenbereich #anmerkung { text-align:right; padding:10px; }
.kundenbereich img { margin:5px; }
.kundenbereich img.listenPfeil { margin:0px 3px 0px 0px; position:relative; top:1px; }
#legende { height:87px; border-top:1px dashed #014882; border-bottom:1px dashed #014882; background:#fffdf1; margin:38px 0px 10px 0px; }
#legende div { width:442px; margin:0px auto 0px auto; }
#legende img { float:left; padding:0px 5px 0px 5px; }
/* Kundenbereich Meine Bestellungen / geparkte Warenkoerbe (Ende) */

/* Detailansicht fuer "Meine Bestellungen" */
#BgRezept { padding:0px 0px 0px 75px; background:url(../images/GRezeptFehlt2.gif) 10px 10px no-repeat #fff7d7; }
#BgRezept p { margin:0px; padding:8px 5px 8px 10px; }
#status { margin-bottom:20px; background:url(../images/HintergrundGrau.gif) repeat-y; }
#status p { height:40px; padding:20px 75px 10px 88px; margin:0px; border-bottom:1px dashed #01315c; }
#status > p { height:auto; min-height:40px; }
#status p.last { border:0px; }
#pSt1 { background:url(../images/GBestellungEingegangen2.gif) 10px 15px no-repeat; }
#pSt2 { background:url(../images/GLieferfaehigkeit2.gif) 10px 15px no-repeat; }
#pSt3 { background:url(../images/GRezeptFehlt2.gif) 10px 10px no-repeat; }
#pSt4 { background:url(../images/GPaketVerzoegert2.gif) 10px 12px no-repeat; }
#pSt5 { background:url(../images/GPaketVerpackt2.gif) 10px 10px no-repeat; }
#pSt6 { background:url(../images/GPaketVerschickt2.gif) 17px 15px no-repeat; }
/* Detailansicht fuer "Meine Bestellungen" (Ende) */

/* Online-Beratung */
#online img { float:left; padding:0px 15px 5px 5px; }
#online a { color:#f58017; font-size:11px; font-weight:bold; }
/* Online-Beratung (Ende) */

/* Gesundheitsfragebogen */
#GF { color:#333; }
#GF p { margin:0px 5px 10px 5px; }
#GF .Bd { background:none; }
#GF .spacer { height:20px; }
#GF .inputC { padding-bottom:8px; }
#GF input.radio { position:relative; top:3px; }
#GF div > input.radio { position:relative; top:4px; }
#GF .sizeXS { width:50px; }
#GF .inputSizeL { width:300px; border:2px solid #91dbff; }
#GF .nachbar { width:210px; float:left; }
#GF .frage { width:340px; clear:both; margin-bottom:5px; }
#GF .frage span { float:right; position:relative; top:-6px; }
#GF table { margin:20px 0px; }
#GF th { vertical-align:top; padding-bottom:0; }
#GF table input.pzn { width:52px; text-align:center; padding-left:0; border:2px solid #91dbff; }
#GF table input { width:250px; border:2px solid #91dbff; }
#GF table .radio { position:static; top:0px; left:0px; border:0; }
#GF input#arzneiButton { position:relative; top:-17px; left:5px; }
#GF textarea { width:415px; height:80px; }
#GF #confirmGFB { width:450px; position:relative; top:5px; left:5px; }
#GF img.floatLeft { position:relative; top:7px; }
/* Gesundheitsfragebogen (Ende) */

/* Microsite */
#microC { padding:0px 3px 0px 3px; height:1%; }
#content > #microC { height:auto; }
#microC div { padding:2px; }
#microC #titles { float:left; }
#microC #titles .title { color:#f58017; font-size:12px; font-weight:bold; }
#microC #titles .subtitle { font-size:10px; font-weight:bold; }
#microC .longHd { width:65%; }
#microC .shortHd { width:45%; }
#microC .bild { float:left; }
#microC .bildRight { float:right; }
#microC .boxtitle { color:#f58017; font-size:12px; font-weight:bold; }
/* Microsite (Ende) */

/* ABDA-Laieninfo */
.ALI { padding:10px 0; }
.ALI img { float:left; }
.ALI h3 { padding:3px 0 3px 52px; height:14px; margin:10px 0; background:#fff1b8; }
.ALI div { padding:0 15px 0 50px; }
.ALI table { border-width:1px; border-style:solid; border-bottom:0px; }
.ALI td { border-bottom-width:1px; border-bottom-style:solid; }
.ALI td.ALIfett { border-bottom-style:dashed; border-bottom-width:1px; }
.ALI table.zusammensetzung { border-collapse:collapse; }
.ALI table.zusammensetzung td { padding:8px; }
.ALI li { margin-bottom:3px; }
.ALI .check { width:auto!important; border:none; }
.ALI #suchen { text-align:right; }
.ALI #katLink { height:77px; padding:28px 0 0 108px; margin-top:10px; background:url(../images/ALIProdukte.gif) no-repeat top left; }
.ALI #katLink a { display:block; padding:4px 0 4px 10px; font-weight:bold; text-decoration:none; }
.ALIfett { font-weight:bold; }
.ALIunterstrichen { text-decoration:underline; }
.ALIkursiv { font-weight:bold; }
.ALIhoch { vertical-align:super; }
.ALItief { vertical-align:sub; }
.ALIklein { font-size:0.9em; }
/* ABDA-Laieninfo (Ende) */

/* Layer */
#Gewinnspiel { padding:0 140px 0 150px; }
#layer { position:absolute; width:75px; height:16px; z-index:10; right:100px; top:5px; layer-background-color:#666666; border:none; visibility:visible; }
#content > #layer { right:250px; }
#layer .close { position:relative; left:150px; top:10px; }
/* Layer */

/*** <<< TEMPLATES >>> (Ende) ***/