/* DESIGN - LAYER */ #header { height:170px; z-index:2; background:url(../images/header2.jpg) repeat-x; } #linkeSpalte { width:202px; position:absolute; top:149px; left:0px; padding-bottom:30px; z-index:1; background:url(../images/LSpalteBG.gif) repeat-y; } #rechteSpalte { width:192px; position:absolute; top:0px; right:0px; padding-bottom:30px; border-right:2px solid #fff; background:url(../images/warenkorbBG.jpg) repeat-x 0px 170px; } #content { position:absolute; top:170px; left:202px; right:194px; padding:15px 0 30px 0; background:url(../images/contentBG.jpg) repeat-x #e3f3f9; } /* DESIGN - LAYER (Ende) */ /* HTML - TAGS */ body { margin:0; padding:0px; color:#000; font:normal 11px Verdana,Helvetica,sans-serif; background:#e3f3f9; } body#protokoll { font:normal 14px sans-serif; background:#fff; margin:5px; border:1px solid #000; padding:10px; } body#wartungsseiten { background:#e3f3f9; } body#wartungsseiten p { text-align:center; vertical-align:middle; font-weight:bold; } body#wartungsseiten p span { position:absolute; left:-6000px; } body#wartungsseiten .buttonStart { position:absolute; top:10px; width:500px; height:500px; border:10px solid red; } table { border:0px; } form { margin:0; padding:0px; } label { font-size:11px; } input, textarea { padding-left:2px; border:1px solid #78c1ed; } input.radio { width:auto!important; padding-left:0px; border:0px; } input.datum { width:64px; } ul { margin:0; padding:10px 0; } li { list-style-type:none; padding-left:12px; background:url(../images/GPfeilLi.gif) no-repeat 2px 2px; } ol { margin:0 0 0 40px; padding:10px 0; } ol li { list-style-type:decimal; background:none; padding:0px; } dl { padding:0px; margin:0; } dt { padding-bottom:8px; } dd { padding-bottom:24px; margin-left:13px; line-height:130%; } img { border:0px; } p { margin:0 0 15px 0; } fieldset { padding:0px; margin:0; border:none; } legend { text-indent:-2000px; font-size:0px; line-height:0px; } /* HTML - TAGS (Ende) */ /* IDs */ #logoFertig { float:right; padding:0 10px 0 10px; } #logoProtokoll { float:left; padding-top:10px; } #protokollHd { height:80px; } #BGinfoservice { background:#d0ebf9; border:2px solid #fff; } #bestellInfo { border:2px solid #fff; } #CEGButtonHinweis { margin:10px 0; padding:5px; border:2px solid #fff; background:#ffeed5; text-align:right; } #refContainer div { float:left; height:340px; margin:0 10px 15px 0; } #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:0 auto; } #aktionenC { width:606px; } #lesenSie ul ul { height:auto; margin:0; padding:0; }/* noscript-Bereich */ #lesenSie ul ul li { background:none; }/* noscript-Bereich */ #flashWartung { width:500px; margin:10px auto; } #impressum ul { margin:0; } #impressum li { list-style-type:none; padding-left:0; background:none; } #check #GSCode { width:215px; } #formData_datum_tag { position:relative; top:0px; left:146px; } #formData_datum_monat { position:relative; top:0px; left:148px; } #formData_datum_jahr { position:relative; top:0px; left:150px; } #formData_datum_tag_ImBT { position:relative; top:0px; left:136px; } #formData_datum_monat_ImBT { position:relative; top:0px; left:138px; } #formData_datum_jahr_ImBT { position:relative; top:0px; left:140px; } #banknameHinweisImBT { width:150px; float:left; color:#000000!important; position:relative; top:3px!important; } #banknameHinweis { width:150px; float:left; color:#000000!important; position:relative; top:3px!important; left:95px; } #abbPruefnummer img { margin:20px 30px 20px 0; } #pwHinweis { margin:0; padding:10px 0 0 0; } #pwHinweis li { margin:3px 0; line-height:1.4em; } #bannerSEO { margin:20px 0 0 0; } #freundschaftswerbungMailtext { display:block; padding:10px; background:#fff; border:1px solid #000; } #deb { float:left; padding-right:10px; } /* IDs (Ende) */ /* CLASSes */ .Hd { color:#000; font-size:14px; letter-spacing:1px; font-weight:bold; padding:3px 0 4px 3px; } .Bd { height:1%; background:#d0ebf9; padding:16px; } div > .Bd { height:auto; } .Bg1 { background-color:#fb5; } .Bg2 { background-color:#ffeed5; } .Bg3 { background:#a0d5f3; } .Bg4 { background:#d0ebf9; } .border { border-bottom:1px solid #fff; } .borderA { border:2px solid #fff; } .pad { padding:8px; } .bild { width:85px; height:83px; background:url(../images/schatten3.gif) 5px 0px no-repeat; } .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; } .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 0 0 20px; font-size:12px; } .protokollFooterBox { float:left; margin:5px 30px 0 0; font-size:12px; } .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; } .bannerGutschein { border:2px solid #fff; background:url(../images/newsletterAnmeldungGutscheinMuster.gif) 0px 2px repeat-x; } div > .bannerGutschein, fieldset .bannerGutschein { background-position:top left; } .bannerGutschein img { display:block; } .bannerGutschein p { position:absolute; left:-3000px; margin:0; padding:0; } .relative { position:relative; } .fullWidth { width:100%; } /* allgem. Formularformatierung */ form .intro { font-weight:bold; font-size:11px; padding:0 0 10px 2px; color:#005a9e; } form .row { height:30px; width:300px; position:relative; } form .lastRow { height:20px; } form .row img { position:absolute; top:5px; left:-8px; } form .row label { position:absolute; top:3px; left:2px; } form .row label.alert { color:#c80c45; } form .row input { width:200px; position:absolute; top:0px; right:0px; } form .row input.mittel { width:150px; position:absolute; right:10px; } form .row input.strasse { width:150px; position:absolute; right:50px; } form .row input.nr { width:38px; } form .row input.plz { width:46px; position:absolute; top:0px; right:154px; } form .row input.ort { width:143px; } form .row input.tag { width:16px; position:absolute; top:0px; right:144px; } form .row input.monat { width:16px; position:absolute; top:0px; right:110px; } form .row input.jahr { width:30px; position:absolute; top:0px; right:60px; } form .row input.frau { position:absolute; top:0px; right:220px; } form .row input.herr { position:absolute; top:0px; right:160px; } form .row input.vorname { width:70px; position:absolute; top:0px; right:120px; } form .row input.nachname { width:110px; } form .row input.singleCheckbox { position:absolute; top:0px; right:210px; } form .row > input.singleCheckbox { right:209px; } form .row textarea { width:200px; height:120px; position:absolute; top:0px; right:0px; font:13px sans-serif; } form .textareaHoehe { height:130px; } form .row span { position:absolute; top:0px; right:-12px; color:#c80c45; } 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:84px; color:#005a9e; font-size:9px; } form .row span.singleCheckboxText, form .row div.singleCheckboxText { width:210px; position:absolute; top:3px; right:0px; color:#000; } form .row span.singleCheckboxText2, form .row div.singleCheckboxText2 { width:180px; position:absolute; top:3px; right:0px; color:#000; } form .row span.singleCheckboxText span, form .row div.singleCheckboxText span { position:static; } form .hinweisHoehe { height:43px; } form .hinweisHoeheImp { height:43px!important; } form .hinweisHoeheXL { height:68px; } form .row button, form .row select { position:absolute; top:0px; left:139px; } form .row > button, form .row > select { left:141px; } form .row button.rechtsMittel { position:absolute; left:305px; } /* Folgende Styles loeschen, wenn allgm. Formaierungen sich dementspr. aendern: */ form .row { padding:0px!important; } form .row label { width:auto!important; } form .row label { float:none!important; } form .row2 { height:30px; width:450px; position:relative; } form .row2 img { position:absolute; top:5px; left:-8px; } form .row2 label { position:absolute; top:3px; left:2px; } form .row2 label.alert { color:#c80c45; } form .row2 input { width:300px; position:absolute; top:0px; right:0px; } form .row2 input.mittel { width:150px; position:absolute; right:10px; } form .row2 input.strasse { width:250px; position:absolute; right:50px; } form .row2 input.nr { width:40px; } form .row2 input.plz { width:60px; position:absolute; top:0px; right:240px; } form .row2 input.ort { width:230px; } form .row2 input.tag { width:20px; position:absolute; top:0px; right:280px; } form .row2 input.monat { width:20px; position:absolute; top:0px; right:250px; } form .row2 input.jahr { width:30px; position:absolute; top:0px; right:210px; } form .row2 input.frau { position:absolute; top:0px; right:290px; } form .row2 input.herr { position:absolute; top:0px; right:200px; } form .row2 input.vorname { width:120px; position:absolute; top:0px; right:180px; } form .row2 input.nachname { width:170px; } form .row2 input.singleCheckbox { position:absolute; top:0px; right:290px; } form .row2 > input.singleCheckbox { right:286px; } form .row2 textarea { width:200px; height:120px; position:absolute; top:0px; right:0px; font:13px sans-serif; } form .row2 span { position:absolute; top:0px; right:-12px; color:#c80c45; } form .row2 span.pflichtMittel { position:absolute; top:0px; right:88px; } form .row2 span.frau { position:absolute; top:3px; right:260px; color:#000; } form .row2 span.herr { position:absolute; top:3px; right:170px; color:#000; } form .row2 span.hinweis { position:absolute; top:21px; left:150px; color:#005a9e; font-size:9px; } form .row2 span.singleCheckboxText, form .row2 div.singleCheckboxText { width:250px; position:absolute; top:3px; right:60px; color:#000; } form .row2 span.singleCheckboxText2, form .row2 div.singleCheckboxText2 { width:400px; position:absolute; top:3px; left:78px; color:#000; } /* allgem. Formularformatierung (Ende) */ /* Buttons */ button, .button { width:140px; height:18px; color:#000; background:url(../images/button1.gif) top left no-repeat; cursor:pointer; padding-bottom:0px; font:bold 11px Verdana,Helvetica,sans-serif; border:0px; } div > button { padding-bottom:1px; } button:hover, button.hoverIE, input.button:hover, .buttonHoverIE { color:#a40b38; } a.button, a.button:visited { width:140px; height:16px; color:#000!important; display:block; text-align:center; text-decoration:none; font-size:11px; font-weight:bold; padding-top:2px; background:url(../images/button1.gif); } a.button:hover { display:block; color:#a40b38!important; } button3, .button3 { width:210px; height:18px; color:#000; background:url(../images/button3.gif) top left no-repeat; cursor:pointer; padding-bottom:0px; font:bold 11px Verdana,Helvetica,sans-serif; border:0px; } div > button { padding-bottom:1px; } button3:hover, button.hoverIE, input.button:hover, .buttonHoverIE { color:#a40b38; } a.button3, a.button3:visited { width:210px; height:16px; color:#000!important; display:block; text-align:center; text-decoration:none; font-size:11px; font-weight:bold; padding-top:2px; background:url(../images/button3.gif) no-repeat; } a.button3:hover { display:block; color:#a40b38!important; } button4, .button4 { width:75px; height:18px; color:#000; background:url(../images/button4.gif) top left no-repeat; cursor:pointer; padding-bottom:0px; font:bold 11px Verdana,Helvetica,sans-serif; border:0px; } div > button { padding-bottom:1px; } button4:hover, button.hoverIE, input.button:hover, .buttonHoverIE { color:#a40b38; } a.button4, a.button4:visited { width:75px; height:16px; color:#000!important; display:block; text-align:center; text-decoration:none; font-size:11px; font-weight:bold; padding-top:2px; background:url(../images/button4.gif) no-repeat; } a.button4:hover { display:block; color:#a40b38!important; } button5, .button5 { width:340px; height:18px; color:#000; background:url(../images/button5.gif) top left no-repeat; cursor:pointer; padding-bottom:0px; font:bold 11px Verdana,Helvetica,sans-serif; border:0px; } div > button { padding-bottom:1px; } button4:hover, button.hoverIE, input.button:hover, .buttonHoverIE { color:#a40b38; } a.button5, a.button5:visited { width:340px; height:16px; color:#000!important; display:block; text-align:center; text-decoration:none; font-size:11px; font-weight:bold; padding-top:2px; background:url(../images/button5.gif) no-repeat; } a.button4:hover { display:block; color:#a40b38!important; } .CEGButton { width:280px!important; height:50px; background:url(../images/buttonCEG.gif) no-repeat;} /* Buttons (Ende) */ /* CLASSes (Ende) */ /* TEXT-STYLES */ a:link { color:#000; text-decoration:none; } p a:link { color:#005a9e; text-decoration:underline; } #contentFt a:link { color:#005a9e; text-decoration:underline; } .preis a:link { color:#005a9e; text-decoration:underline; } #preis a:link { color:#005a9e; text-decoration:underline; } .row a:link { color:#005a9e; text-decoration:underline; } .row2 a:link { color:#005a9e; text-decoration:underline; } a:visited { color:#000; text-decoration:none; } #contentFt a:visited { color:#004171; text-decoration:underline; } .preis a:visited { color:#004171; text-decoration:underline; } #preis a:visited { color:#004171; text-decoration:underline; } p a:visited { color:#004171; text-decoration:underline; } .row a:visited { color:#004171; text-decoration:underline; } .row2 a:visited { color:#004171; text-decoration:underline; } a:hover,a:active { color:#c80e45; text-decoration:none; } h1, .h1_SEO { color:#000; font-size:14px; font-weight:bold; letter-spacing:1px; padding:5px 0 8px 0; margin:0 0 12px 0; background:url(../images/headlineBG.gif) bottom left repeat-x; } h2 { font-size:11px; color:#000; background:none; } /* kommt wegen SEO nur in den Produktdetails, sowie in der Produktlistenansicht vor! Für Textformatierung -und Strukturierung

nehmen. */ h3 { font-size:11px; margin:0 0 8px 0; } .TXLB3 { font-size:24px; font-weight:bold; color:#005a9e; } .TXLB2 { font-size:18px; font-weight:bold; color:#c80e45; } .TLB2 { font-size:16px; font-weight:bold; color:#c80e45; } .TMB1 { font-size:11px; font-weight:bold; color:#005a9e; } .TMB2 { font-size:11px; font-weight:normal; color:#005a9e; } .TSN1 { font-size:11px; font-weight:normal; color:#000!important; } .TSN2 { font-size:11px; font-weight:normal; color:#c80e45; } .TSB1 { font-size:11px; font-weight:bold; color:#000!important; } .TSB2 { font-size:11px; font-weight:bold; color:#c80e45!important; } .TXSB1 { font-size:10px; font-weight:bold; color:#000; } .TXSB2 { font-size:10px; font-weight:bold; color:#c80e45; } .TXSN1 { font-size:10px; 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:#c80c45; font-weight:bold; } .strike { background:url(../images/strike.gif) no-repeat center; } .alert { color:#c80c45; } /* TEXT-STYLES (Ende) */ /* TEMPLATES */ /* Breadcrumbs */ #breadcrumbs { position:absolute; top:0px; left:0px; right:500px; height:12px; padding:2px; overflow:hidden; font-size:10px; } #breadcrumbs span { color:#005a9e; } #breadcrumbs a { text-decoration:none; } /* Breadcrumbs */ /* "#header"-Elemente */ #header a { text-decoration:none; } #header div#flashSpacer { position:relative; top:18px; } #header div#flashSpacer img#logo { width:202px; height:158px; position:absolute; left:0px; top:0px; } #header div#flashSpacer div { width:518px; height:158px; position:absolute; left:202px; top:0px; } #shortcuts { height:17px; position:absolute; top:0px; right:192px; z-index:3; padding:2px; font-size:10px; } #shortcuts a { padding-left:8px; } /* "#header"-Elemente (Ende) */ /* "#linkeSpalte"-Elemente */ #PrSucheF { width:195px; height:135px; padding:2px 5px 5px 5px; background:url(../images/SucheBG.gif) top left no-repeat; } #PrSucheF .Hd { color:#A40B38; padding-bottom:20px; } #PrSucheF div { padding-bottom:4px; } #PrSucheF div div { margin-left:7px; } #PrSucheF input { width:136px; margin-left:7px; border:1px solid #c80d45; } #PrSucheF div > input { width:136px; } #PrSucheF button { margin:7px 0 5px 0; position:relative; left:7px; } #PrSucheF ul { padding:0 0 0 5px; } #PrSucheF a, #PrSucheF a:visited { text-decoration:none; font-weight:bold; } #WkKlein { height:190px; padding-bottom:10px; background:url(../images/warenkorb.gif) top left no-repeat; } #WkKlein .Hd { color:#A40B38; padding:20px 0 0 44px; } #WkKlein table { margin-top:20px; margin-left:36px; padding:3px 2px 0 0; } #line { border-bottom:1px solid #000; } #WkKlein a.button { width:110px; margin:6px 12px 0 36px; border-right:1px solid #C80D45; } #altText { text-align:center; font-weight:bold; padding:30px 15px 10px 30px; } /* "#linkeSpalte"-Elemente (Ende) */ /* Anweisungen fuer die Navigationen in "#linkeSpalte" */ .navi { width:172px; } .navi .Hd { background:url(../images/naviHdBG.gif) no-repeat 0px 0px; height:28px; padding:4px 0 0 7px; } .navi ul { padding:8px 0 10px 0; } .navi li { padding:0; background:none; } .navi a { padding:4px 0 4px 12px; height:1%; display:block; text-decoration:none; } .navi li > a { height:auto; min-height:13px; } .navi a:hover { color:#000; background:url(../images/naviAktivBG.gif) no-repeat 0px 0px #f2f4f6; } .navi a:visited { color:#000; } #naviAktiv { height:23px; font-weight:bold; letter-spacing:-1px; padding:4px 0 0 12px; background:url(../images/naviAktivBG.gif) no-repeat 0px 0px #f2f4f6; } #naviAktiv:hover { } .navi ul ul { height:1%; background:url(../images/naviUlUlBG.gif) repeat-y; } .navi li li a { padding-left:14px; background:url(../images/GPfeilLi2.gif) no-repeat 8px 10px; } .navi li li a:hover { font-weight:normal; letter-spacing:0px; color:#a40b38; background:url(../images/GPfeilLi2.gif) no-repeat 8px 10px; } /* Anweisungen fuer die Navigationen in "#linkeSpalte" und (Ende)*/ /* Anweisungen fuer die Navigationen in "#rechteSpalte" */ .naviR { width:192px; background:url(../images/rechteSpalteBG.gif) repeat-y 29px 0px #e3f3f9; } .naviR .Hd { margin-left:30px; margin-top:-2px; padding:2px 0 0 3px; border-bottom:1px solid #005a9e; } .naviR ul { padding:8px 0 10px 24px; } .naviR li { padding:0 0 10px 0; background:none; } .naviR a { padding-left:12px; height:1%; display:block; text-decoration:none; } .naviR li > a { height:auto; min-height:13px; } .naviR a:hover { color:#c80e45; } .naviR a:visited { color:#000; } #naviRAktiv { height:23px; font-weight:bold; letter-spacing:-1px; padding:4px 0 0 12px; background:url(../images/naviAktivBG.gif) no-repeat 0px 0px #f2f4f6; } #naviRAktiv:hover {} .naviR ul ul {} .naviR li li a { padding-left:14px; background:url(../images/GPfeilLi2.gif) no-repeat 8px 5px; } .naviR li li a:hover { color:#a40b38; } .HdKontaktBox { margin-left:29px; padding:0 0 0 3px; border-bottom:1px solid #005a9e; color:#000; font-size:14px; letter-spacing:0px; font-weight:bold; background:url(../images/rechteSpalteBG.gif) repeat-y; } #BoxBonus { padding:0 0 10px 30px; background:url(../images/rechteSpalteBG.gif) repeat-y 29px 0px #e3f3f9; } #BoxBonus div { text-indent:-3000px; } #logoDimdi { margin-left:20px; padding-bottom:20px; } #logoDimdi a { display:block; position:relative; width:140px; margin:0px auto; } #logoDimdi #dimdi1 { z-index:1; } #logoDimdi #dimdi2 { position:absolute; top:0px; left:0px; z-index:100; } /* Anweisungen fuer die Navigationen in "#rechteSpalte" (Ende)*/ /* Kundenlogin */ .HdKLogin { margin-left:29px; padding:0 0 0 3px; border-bottom:1px solid #005a9e; color:#000; font-size:14px; letter-spacing:1px; font-weight:bold; background:url(../images/rechteSpalteBG.gif) repeat-y; } #KLoginF { margin-left:29px; padding:3px 5px 0 2px; background:url(../images/rechteSpalteBG.gif) repeat-y #e3f3f9; } #KLoginF a { text-decoration:none; } #KLoginF div { padding-bottom:3px; } #KLoginF span { padding-left:5px; } #KLoginF input { width:136px; margin-left:5px; } #KLoginF div > input { width:137px; } #KLoginF button { margin:0 0 10px 5px; } #KLoginF ul { padding:0 0 10px 3px; } #KLoginF ul#on { padding:5px 0 10px 0; } #KLoginF ul#on li { padding-bottom:5px; background:url(../images/GPfeilLi2.gif) no-repeat 5px 5px; } /* Kundenlogin (Ende) */ /* Angebotsbox */ .A { width:180px; height:112px; float:left; position:relative; margin:12px 10px 8px 0; padding:4px; border:2px solid #fff; background:#ffddaa; text-align:center; } .A .name { height:60px; font-weight:bold; padding:2px 0 0 70px; text-decoration:none; } .A .angebotsboxBild { width:83px; height:83px; position:absolute; top:-12px; left:-11px; background:url(../images/schatten2.gif) 4px 0px no-repeat; } .A .menge { font-size:10px; font-weight:normal; line-height:24px; } .A .aPreis { width:190px; position:absolute; top:65px; left:-4px; } .A a.button { width:140px; position:absolute; bottom:3px; left:30px; } /* Angebotsbox (Ende) */ /* Aktionen */ .aktionBox { height:138px; margin:5px 0; background-color:#B9E1F7; border:2px solid #fff; } .aktionsBlock .A { margin-left:3px; margin-right:5px; margin-bottom:0px; } .aktionBildL { width:188px; height:138px; float:left; position:relative; margin-right:10px; border-right:2px solid #fff; } .aktionBildR { width:190px; height:138px; float:left; position:relative; border-left:2px solid #fff; } .aktionBildL img, .aktionBildR img { display:block; } /* Aktionen (Ende) */ /* Startseite */ #aktionen { height:259px; padding:0px; background:url(../images/BoxHintergrund.jpg) center center no-repeat; } #bannerDHL { width:468px; height:60px; margin:0px auto; border:2px solid #fff; } #banner1 { width:605px; height:240px; margin:auto; } #banner1 .einzeln { position:relative; float:left; height:222px; margin:3px; } #banner2 { width:605px; height:140px; margin:auto; } #banner2 .einzeln { position:relative; float:left; width:192px; height:122px; margin:3px; } .textbox { margin:25px 0; padding:0 0 20px 0; color:#005a9e; font-size:11px; line-height:16px; } .textbox h2 { padding-left:0px; margin:10px 0 8px 0; border:0px; } .textbox p { padding:10px 0; } .textbox p#infoLinkBox { height:10px; } .textbox a:link, .textbox a:visited { color:#c80e45; text-decoration:underline; } .textbox a:hover, .textbox a:active { } #pseudoA { position:relative; width:144px; height:198px; float:left; margin:0 4px 4px 0; background:url(../images/Angebotsbox.gif) no-repeat; } #pseudoA p { position:relative; top:7px; color:#fff; font-weight:bold; padding:4px; } #pseudoA a { width:126px; position:relative; top:105px; left:7px; } /* Startseite (Ende)*/ /* Footer der den Inhalt abschliesst */ #contentFt { padding:30px 0 20px 0; } #contentFtNav { border-top:2px solid #888; } #contentFt ul { text-align:center; } #contentFt a { text-decoration:none; } #contentFt li { display:inline; padding:0 5px 0 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; } #footerLS { width:202px; height:22px; position:absolute; left:0px; bottom:0px; background:url(../images/footer.gif) bottom repeat-x; } #footerRS { width:192px; height:22px; position:absolute; right:0px; bottom:0px; background:url(../images/footer.gif) bottom repeat-x; } #footerCT { width:100%; height:22px; position:absolute; margin-left:-396px; left:0px; right:0px; bottom:0px; background:url(../images/footer.gif) bottom repeat-x; } #content > #footerCT { margin-left:0; right:0px; } /* Footer der den Inhalt abschliesst (Ende) */ /* Unterkategorie-Menue */ .ukatsMitte { border:2px solid #fff; background:#c7e7f7; } .ukatsMitte ul { padding:15px 0 10px 300px; } .ukatsMitte li { padding:0 0 10px 10px; background:url(../images/GPfeilLi2.gif) no-repeat 0px 5px; } .ukatsMitte a { text-decoration:none; } .ukatsMitte#koerper { background:url(../images/KKoerperpflege.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#abnehmen { background:url(../images/KAbnehmen.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#mund { background:url(../images/KMundZahnpflege.jpg) no-repeat top left #c7e7f7; } .ukatsMitte#kosmetik { background:url(../images/KKosmetik.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#mutter { background:url(../images/KMutterUndKind.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#sani { background:url(../images/KSanitaetsprodukte.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#hund { background:url(../images/KHundKatzeCo.jpg) no-repeat bottom left #c7e7f7; height:140px; } .ukatsMitte#bonbons { background:url(../images/KBonbons.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#urlaub { background:url(../images/KUrlaub.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#erstehilfe { background:url(../images/KErsteHilfe.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#diabetes { background:url(../images/KDiabetes.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#fit { background:url(../images/KFitUndVital.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#frau { background:url(../images/KRundUmDieFrau.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#abwehr { background:url(../images/KAbwehrkraefte.jpg) no-repeat bottom left #c7e7f7; height:190px; } .ukatsMitte#erkaeltung { background:url(../images/KErkaeltung.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#schmerzen { background:url(../images/KSchmerz.jpg) no-repeat bottom left #c7e7f7; height:220px; } .ukatsMitte#venen { background:url(../images/KVenen.jpg) no-repeat top left #c7e7f7; height:190px; } .ukatsMitte#mann { background:url(../images/KRundUmDenMann.jpg) no-repeat bottom left #c7e7f7; height:190px; } .ukatsMitte#haut { background:url(../images/KHautHaareNaegel.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#lust { background:url(../images/KLustUndLiebe.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#allergien { background:url(../images/KAllergien.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#schlaf { background:url(../images/KSchlafUndNerven.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#auge { background:url(../images/KAugeUndOhr.jpg) no-repeat top left #c7e7f7; height:220px; } .ukatsMitte#herz { background:url(../images/KHerzKreislaufBlut.jpg) no-repeat top left #c7e7f7; } .ukatsMitte#niere { background:url(../images/KNiereBlaseProstata.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#magen { background:url(../images/KMagenDarm.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#gesicht { background:url(../images/KGesichtspflege.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#haar { background:url(../images/KHaarpflege.jpg) no-repeat center left #c7e7f7; } .ukatsMitte#kranken { background:url(../images/KKrankenpflegeartikel.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#homoeopathie { background:url(../images/KHomoeopathie.jpg) no-repeat bottom left #c7e7f7; height:160px; } .ukatsMitte#schlafkissen { background:url(../images/KTempurSchlafkissen.jpg) no-repeat bottom left #c7e7f7; } .ukatsMitte#spezialkissen { background:url(../images/KTempurSpezialkissen.jpg) no-repeat left #c7e7f7; } /* Unterkategorie-Menue (Ende) */ /* Auswal der Rezeptart */ .RzArt { position:relative; width:222px; height:44px; z-index:1; } .RzArt div { width:105px; height:14px; float:left; font-size:9px; background:#a4dfb1; border:1px solid #fff; padding:3px 0 3px 3px; margin:0; } .marked div { width:101px; height:14px; background:url(../images/rezeptFehler.gif) repeat-x; color:#fff; } .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) */ /* Suchergebnisse */ .pl .Hd { height:23px; background:url(../images/PLHdBG.gif) repeat-x top left #d0ebf9; padding:1px 10px 0 10px; border-left:2px solid #fff; border-right:2px solid #fff; border-top:2px solid #fff; letter-spacing:0px; } .hitF { border-left:2px solid #fff; border-right:2px solid #fff; background:#d0ebf9; } .hit { height:130px; position:relative; border-bottom:2px solid #fff; } form > .hit { height:auto; min-height:130px; } .aktiv { background:#ffeed5; } .hitF .aktiv .bild { width:85px; height:83px; position:absolute; top:5px; left:5px; text-align:center; background:url(../images/schatten3.gif) 4px 0px no-repeat; } .hit .content { margin:5px 145px 4px 95px; } .hit .info { height:76px; } .hit .content > .info { height:auto; min-height:76px; } .hit .info h1, .hit .info h2 { margin:0 0 2px 0; border:0px; background:none; font-size:11px; letter-spacing:0px; padding:4px 0; } .hit .info .bg { background:#ffcd82; } .hit .preis { position:absolute; top:5px; right:5px; text-align:right; } .hit .preis { font-size:11px; font-weight:bold; color:#c80e45; } .hit .preis .zahl { font-size:18px!important; } .hit .preis .spacer { height:3px; } .hit .preis img { position:relative; top:-80px; right:94px; } .hit button { position:absolute; top:104px; right:5px; z-index:1; } .hit .bild { width:85px; height:83px; position:absolute; top:5px; left:5px; text-align:center; background:url(../images/schatten1.gif) 5px 0px no-repeat; } .hit .bild div { font-size:9px; padding:5px 0; } .hit .bild .button4 { position:absolute; left:5px; } #moreHits { padding:10px 0 40px 0; text-align:center; font-weight:bold; } #moreHits span { font-weight:bold; text-decoration:underline; color:#c80e45; } #moreHits .spacer { height:2px; } #GL { position:relative; top:8px; right:8px; } #GR { position:relative; top:8px; left:8px; } /* Suchergebnisse (Ende) */ /* Liste fuer Produktgruppe */ #PrGruppe a, #PrGruppe a:visited { font-weight:bold; font-size:11px; } /* Liste fuer Prduktgruppe (Ende) */ /* Recorder */ .recorder { border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #fff; background:#d2ebf8; } .recorder fieldset h3 { height:20px; font-size:11px; letter-spacing:0px; background:url(../images/recorderH3BG.gif) repeat-x top left; padding:3px 0 0 5px; margin:0; border-top:2px solid #fff; } .recorder fieldset ul { margin:0; padding:4px 0; } .recorder fieldset .spacer { height:3px; } /* Recorder (Ende) */ /* Ansicht fuer Produktdetails */ #prDetails { border:2px solid #fff; } #prTitel { height:100px; position:relative; padding:8px 180px 0 5px; background:#a0d5f3; } #prDetails > #prTitel { height:auto; min-height:100px; } #prTitel h1 { background:none; } #prTitel table h2 { margin:0; font-weight:normal; border:0px; } #prTitel #preis { width:160px; position:absolute; top:8px; right:5px; text-align:right; } #prTitel #preis img { position:absolute; left:0px; top:0px; } #prTitel #preis .TXSN1 { padding-bottom:3px; } #prTitel #preis .spacer { height:5px; /*fuer den IE >>> */ width:10px; } #prTitel #hinweise { padding:5px 0 0 3px; } #prTitel #hinweise div { margin-bottom:5px; } #prInfos { height:44px; position:relative; padding:5px 230px 5px 2px; background:#c7e7f7; } #prDetails > #prInfos { height:auto; min-height:44px; } #prInfos .RzArt { position:absolute; top:5px; left:5px; } #prInfos #knopf { width:220px; position:absolute; top:16px; right:5px; text-align:right; } #prInfos #knopf input { width:17px; padding-right:3px; font-weight:bold; } #prInfos #knopf input.button { width:140px; } #prInfos #knopf > input { position:relative; top:1px; } #prInfos #knopf span { font-weight:bold; position:relative; top:-2px; left:2px; } #prInfos #knopf > span { top:0px; left:4px; } #prBeschreibung { height:1%; padding:0px; background:url(../images/prDetailsBildBG.gif) repeat-y left #fff2df; } #prBeschreibung .text { padding:20px 5px 5px 280px; } #prBeschreibung #bild { width:252px; float:left; margin:5px 2px 10px 8px; } #prBeschreibung a, #prBeschreibung a:visited { color:#c50300; font-weight:bold; font-size:11px; } #prBeschreibung h6 { font-size:11px; margin:10px 0 3px 0; } #prBeschreibung ul li { background:url(../images/GPfeilLi2.gif) no-repeat 4px 5px; } #prBeschreibung .text .Bg1 { background:#ffe7c3; } #prBeschreibung .text .Bg2 { background:#ffdfb0; } #prBeschreibung .text table { font-size:10px; } #prBeschreibung .text table a { font-size:10px; } #weitereInfos { padding:0 0 10px 0; background:#c7e7f7; } #weitereInfos h3 { height:20px; font-size:11px; letter-spacing:0px; background:url(../images/recorderH3BG.gif) repeat-x top left; padding:3px 0 0 5px; margin-bottom:7px; } #weitereInfos .links { height:45px; position:relative; } #weitereInfos .links a { position:absolute; top:0px; left:30px; color:#000; font-weight:bold; } #weitereInfos .links a img { position:absolute; top:0px; left:-30px; } #weitereInfos .links form { position:absolute; top:0px; right:0px; } #weitereInfos .links button, #weitereInfos .links button:hover { width:160px; height:20px; padding:0; background:none!important; border:none; color:#c00; font-weight:normal; text-decoration:underline; text-align:left; } #weitereInfos .adobeText { position:relative; top:-1px; left:5px; } /* Ansicht fuer Produktdetails (Ende) */ /* Druckansicht der Produktdetails */ #logoPr_print { float:left; padding-top:30px; } #printHd { height:80px; } .printAdresse { float:left; margin:30px 0 0 20px; font-size:10px; } .printFooterBox { float:left; margin:5px 20px 0 0; font-size:10px; } #printer { text-align:right; padding:5px; } #printer img { border:0px; } #printer .link { position:relative; bottom:1px; right:5px; } #print_produktdetails { font-size:12px; line-height:140%; 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 0 4px 10px; margin:10px 0; } #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)*/ /* Profisuche */ #profisuche { background:url(../images/eSucheBG.jpg) no-repeat top left #d0eBf9; border:2px solid #fff; padding:20px 0 10px 280px; } #profisuche #preisspanne { height:30px; } #profisuche #preisspanne span { padding-right:36px; } #profisuche .minmax { width:30px; } #profisuche input.radio { position:relative; top:3px; } #profisuche div > input.radio { position:relative; top:4px; } #profisuche label { font-weight:normal; position:relative; top:0px; left:0px; } #profisuche form .row { height:30px; width:310px; position:relative; } #profisuche form .row input { width:230px; position:absolute; top:0px; right:0px; } #profisuche form .row button, form .row select { position:absolute; top:0px; left:76px; } #profisuche form .row > button, form .row > select { left:76px; } .sucheWeitere { height:70px; margin:0 0 15px 0; padding:8px 0 15px 105px; border:2px solid #fff; font-size:11px; color:#000; } #content > .sucheWeitere { height:auto; min-height:70px; } .sucheWeitere p { padding:0 0 3px 0; margin:0; font-weight:bold; font-size:12px; color:#218546; } .sucheWeitere#SHersteller { background:url(../images/SHersteller.gif) 15px 15px no-repeat #baeece; } .sucheWeitere#SOberkategorie { background:url(../images/SOKategorie.gif) 15px 15px no-repeat #baeece; } .sucheWeitere#SUnterkategorie { background:url(../images/SUKategorie.gif) 15px 15px no-repeat #baeece; } .sucheWeitere li { background:url(../images/GPfeilLi2.gif) no-repeat 0 5px; } .sucheWeitere li a { padding:3px 0 0 0; } #suchmeldung { margin:0 0 15px 0; padding:15px 0 23px 105px; background:url(../images/SArtikel.gif) 15px 4px no-repeat #ffe0b5; border:2px solid #fff; font-weight:bold; font-size:12px; color:#c80d45; } /* Profisuche (Ende) */ /* Kontakt */ #emailFormular { background:url(../images/kontaktBG.jpg) no-repeat bottom left #d0eBf9; border:2px solid #fff; padding:20px 0 10px 280px; } #emailFormular form .row button, form .row select { position:absolute; top:0px; left:93px; } #freiumschlaege { background:url(../images/freiumschlaege.jpg) no-repeat bottom left #d0eBf9; border:2px solid #fff; padding:20px 10px 10px 280px; } #freiumschlaege form .row button, form .row select { position:absolute; top:0px; left:50px; } #freundschaftswerbung { background:url(../images/freundschaftswerbungBG.jpg) no-repeat bottom left #d0eBf9; border:2px solid #fff; padding:20px 0 10px 280px; } #freundschaftswerbung form .row button, freundschaftswerbung form .row select { position:absolute; top:0px; left:93px; } #freundschaftswerbung_NoOrder { height:180px; background:url(../images/freundschaftswerbungBG2.jpg) no-repeat bottom left #d0eBf9; border:2px solid #fff; padding:0 0 0 280px; } #profisuche #preisspanne { height:30px; } #profisuche #preisspanne span { padding-right:36px; } #profisuche .minmax { width:30px; } #profisuche input.radio { position:relative; top:3px; } #profisuche div > input.radio { position:relative; top:4px; } #profisuche label { font-weight:normal; position:relative; top:0px; left:0px; } #profisuche form .row { height:30px; width:310px; position:relative; } #profisuche form .row input { width:230px; position:absolute; top:0px; right:0px; } #profisuche form .row button, form .row select { position:absolute; top:0px; left:76px; } #profisuche form .row > button, form .row > select { left:76px; } /* Kontakt (Ende) */ /* Newsletter */ .newsletter { background:url(../images/newsletterBG.jpg) no-repeat center left #d0eBf9; border:2px solid #fff; padding:20px 10px 20px 280px; } .newsletter .intro { font-weight:bold; font-size:11px; padding:0 0 10px 2px; color:#005a9e; } .newsletter .row input.mittel { width:180px; position:absolute; right:0px; } .newsletter .row select { position:absolute; top:0px; left:116px; } .newsletter td { font-weight:bold; } .newsletter .row input.singleCheckbox { position:absolute; top:0px; right:168px; } .newsletter .row > input.singleCheckbox { right:167px; } .newsletter .row span.singleCheckboxText, form .row div.singleCheckboxText { width:170px; position:absolute; top:3px; right:0px; color:#000; } .newsletter .row span.singleCheckboxText span, form .row div.singleCheckboxText span { position:static; } .newsletter .row .hinweis { left:116px; } .newsletter .hinweisHoeheXL { height:88px; } /* Newsletter (Ende) */ /* Einstellungen */ .borderA .Hd { height:20px; font-size:11px; letter-spacing:0px; background:url(../images/recorderH3BG.gif) repeat-x top left; padding:3px 0 0 5px; margin:0; } /* Einstellungen (Ende) */ /* Warnmeldung [z.B. bei Kundenanmeldung] */ #warnung { height:40px; padding:20px 20px 12px 76px; background:url(../images/GFehler3.gif) 10px 10px no-repeat #ffe0b5; border:2px solid #fff; margin:40px 0; } div > #warnung { height:auto; min-height:40px; } #warnung span { position:relative; top:-5px; } #warnung a { color:#c80c45; } #warnung ul { padding:0px; } #warnung li { background:transparent; color:#c80c45; } /* Warnmeldung (Ende) */ /* Passwort vergessen */ #passwortVergessen { background:url(../images/passwortVergessenBG.jpg) no-repeat center left #d0eBf9; border:2px solid #fff; padding:20px 10px 20px 280px; } /* Passwort vergessen (Ende) */ /* Bestaetigungs-Meldung */ #confirm { height:40px; padding:20px 20px 12px 76px; margin:40px 0; font-size:13px; font-weight:bold; color:#218546; letter-spacing:1px; border:2px solid #fff; background:url(../images/GRichtig3.gif) 10px 10px no-repeat #baeece; } div > #confirm { height:auto; min-height:40px; } /* Bestaetigungs-Meldung (Ende) */ /* Container fuer Formular-Buttons und Zurueck-Links */ #BT { padding:0 8px 12px 2px; } #BB { padding:12px 8px 0 2px; } #BT button, #BB button, #BB input.button { float:right; } #BB .CEGHinweis { background:#f00; padding:10px 10px 10px 0; } /* Container fuer Formular-Buttons und Zurueck-Links (Ende) */ /* Kundenanmeldung */ #PwLink { color:#c80c45; font-weight:bold; padding:10px; background:#d0ebf9; } #PwLink a { width:140px; float:right; font-style:normal; margin-left:10px; } #loginC { height:55px; padding:10px 0 10px 10px; background:#ffeed5; } #loginC div { font-weight:bold; width:430px; } #loginC img { position:relative; top:0px; padding-right:5px; } #loginC #neukundeLand { width:250px; position:relative; left:296px; top:-10px; } #loginC #neukundeLand a { position:relative; left:7px; top:-4px; width:140px; } #loginC #neukundeLand input { width:30px; border:0px; position:relative; top:3px; } #loginC #neukundeLand > input { width:17px; } #loginC #neukundeLand span { position:relative; top:0px; } #loginC #neukunde { width:300px; } #neukundeKeinBT { border:2px solid #fff; } #neukundeKeinBT .Hd { height:20px; font-size:11px; letter-spacing:0px; background:url(../images/recorderH3BG.gif) repeat-x top left; padding:3px 0 0 5px; margin:0; } #neukundeKeinBT .row { width:340px; } #neukundeKeinBT .row { height:30px; width:340px; position:relative; } #neukundeKeinBT .row input.mittel { width:120px; position:absolute; right:10px; } #neukundeKeinBT .row input.ort { width:143px; } #neukundeKeinBT .row input.strasse { width:150px; position:absolute; right:50px; } #neukundeKeinBT .row input.nr { width:38px; } #neukundeKeinBT .row input.plz { width:46px; position:absolute; top:0px; right:154px; } #neukundeKeinBT .row input.ort { width:143px; } #neukundeKeinBT .row input.tag { width:16px; position:absolute; top:0px; right:185px; } #neukundeKeinBT .row input.monat { width:16px; position:absolute; top:0px; right:157px; } #neukundeKeinBT .row input.jahr { width:40px; position:absolute; top:0px; right:102px; } #neukundeKeinBT .row input.frau { position:absolute; top:0px; right:190px; } #neukundeKeinBT .row input.herr { position:absolute; top:0px; right:126px; } #neukundeKeinBT .row input.vorname { width:80px; position:absolute; top:0px; right:120px; } #neukundeKeinBT .row input.nachname { width:110px; } #neukundeKeinBT .row input.singleCheckbox { position:absolute; top:0px; right:188px; } #neukundeKeinBT .row > input.singleCheckbox { right:188px; } #neukundeKeinBT .row textarea { width:200px; height:120px; position:absolute; top:0px; right:0px; font:13px sans-serif; } #neukundeKeinBT .row span { position:absolute; top:0px; right:-12px; color:#c80c45; } #neukundeKeinBT .row span.pflichtMittel { position:absolute; top:0px; right:88px; } #neukundeKeinBT .row span.frau { position:absolute; top:3px; right:164px; color:#000; } #neukundeKeinBT .row span.herr { position:absolute; top:3px; right:100px; color:#000; } #neukundeKeinBT .row span.hinweis { position:absolute; top:21px; left:136px; color:#005a9e; font-size:9px; } #neukundeKeinBT .row span.singleCheckboxText, form .row div.singleCheckboxText { width:170px; position:absolute; top:3px; right:0px; color:#000; } #neukundeKeinBT .row span.singleCheckboxText span, form .row div.singleCheckboxText span { position:static; left:20px; width:190px; } #neukundeKeinBT .hinweisHoehe { height:40px; } #neukundeKeinBT .hinweisHoeheXL { height:80px; } /* Kundenanmeldung (Ende) */ /* Bestelltunnel */ .bestelltunnel { border:2px solid #fff; background:url(../images/hilfeBG.gif) repeat-y left #d0ebf9; padding:0px; } .fertig { height:260px; } .bestelltunnel .BtGuide { width:189px; height:248px; float:left; position:relative; top:0px; left:0px; } .bestelltunnel #BtInhalt { margin:10px 10px 10px 200px; } .bestelltunnel #BtInhalt .Hd { height:16px; font-size:11px; color:#005A9e; letter-spacing:0px; padding:3px 0 0 5px; margin:0; border-bottom:1px solid #005A9e; } .bestelltunnel #BtInhalt .Hd2 { height:20px; font-size:11px; font-weight:bold; color:#005A9e; letter-spacing:0px; padding:3px 0 0 5px; margin:0; border-bottom:1px solid #005A9e; } #BtInhalt .row { height:30px; width:340px; position:relative; } #BtInhalt .row input.mittel { width:120px; position:absolute; right:10px; } #BtInhalt .row input.ort { width:143px; } #BtInhalt .row input.strasse { width:150px; position:absolute; right:50px; } #BtInhalt .row input.nr { width:38px; } #BtInhalt .row input.plz { width:46px; position:absolute; top:0px; right:154px; } #BtInhalt .row input.ort { width:143px; } #BtInhalt .row input.tag { width:16px; position:absolute; top:0px; right:185px; } #BtInhalt .row input.monat { width:16px; position:absolute; top:0px; right:157px; } #BtInhalt .row input.jahr { width:40px; position:absolute; top:0px; right:102px; } #BtInhalt .row input.frau { position:absolute; top:0px; right:190px; } #BtInhalt .row input.herr { position:absolute; top:0px; right:126px; } #BtInhalt .row input.vorname { width:80px; position:absolute; top:0px; right:120px; } #BtInhalt .row input.nachname { width:110px; } #BtInhalt .row input.singleCheckbox { position:absolute; top:0px; right:188px; } #BtInhalt .row > input.singleCheckbox { right:188px; } #BtInhalt .row select { position:relative; left:136px; } #BtInhalt .row textarea { width:200px; height:120px; position:absolute; top:0px; right:0px; font:13px sans-serif; } #BtInhalt .row span { position:absolute; top:0px; right:-12px; color:#c80c45; } #BtInhalt .row span.pflichtMittel { position:absolute; top:0px; right:88px; } #BtInhalt .row span.frau { position:absolute; top:3px; right:164px; color:#000; } #BtInhalt .row span.herr { position:absolute; top:3px; right:100px; color:#000; } #BtInhalt .row span.hinweis { position:absolute; top:21px; left:136px; color:#005a9e; font-size:9px; } #BtInhalt .row span.singleCheckboxText, form .row div.singleCheckboxText { width:210px; position:absolute; top:3px; right:0px; color:#000; } #BtInhalt .row span.singleCheckboxText span, form .row div.singleCheckboxText span { position:static; left:20px; width:190px; } #BtInhalt .hinweisHoehe { height:40px; } #BtInhalt .hinweisHoeheXL { height:80px; } /* Bestelltunnel (Ende) */ /* Auswahl der Bezahlart */ #payF input.radio { position:relative; top:3px; left:-1px; } #payF .BdFloat { width:140px; height:65px; float:right; text-align:right; } #teiler { height:16px; padding:4px 0 0 5px; font-weight:bold; background:#e5e9ed; } #payF .Bg3 input.floatLeft, #payF .Bg4 input.floatLeft { position:relative; top:20px; left:5px; } #payF .Bg3 table.floatLeft, #payF .Bg4 table.floatLeft { margin-left:10px; } #payF #selectCreditCard { margin:0 0 25px 0; } #payF #selectCreditCard img { position:relative; top:10px; } /* Auswahl der Bezahlart (Ende) */ /* Bestelluebersicht */ #check button { float:right; } #check a.button { float:right; } #check input { position:relative; left:90px; width:110px; } #check th { border-bottom:1px solid #005A9e; } #check .right { text-align:right; padding-right:6px; } #ckeckTab { background:#ffeed5; } /* Bestelluebersicht (Ende) */ /* Anzeige des Warenkobinhalts */ #WkInhalt { border:2px solid #fff; background:#d0ebf9; } #WkInhalt td .bild { width:85px; height:83px; background:url(../images/schatten1.gif) 4px 0px no-repeat; } #WkInhalt th { height:23px; font-size:10px; letter-spacing:0px; background:url(../images/PLHdBG.gif) repeat-x top left; padding:0 0 0 5px; margin:0; } #WkInhalt input { width:15px; text-align:right; padding:0 2px; } #WkInhalt select { margin-top:8px; font-size:9px; } #WkInhalt .td { vertical-align:bottom; text-align:center; padding-top:10px; } #refresh { height:30px; background:#b4def5; border-bottom:1px solid #fff; } #WkInhalt td { padding:1px 0; } #WkInhalt .Bg2 { background:url(../images/WKSummeBG.gif) repeat-x bottom left #fb5; } #WkInhalt .Bg2 .TLB2 { padding:10px 0; } /* Anzeige des Warenkobinhalts (Ende) */ /* Rezepthinweis unter dem Warenkorb */ #notice { margin-top:30px; border:2px solid #fff; } #notice .Hd { background:url(../images/PLHdBG.gif) repeat-x top left #d0ebf9; font-size:11px; height:23px; } #notice .Bd { height:86px; padding:5px 10px 0 95px; background:url(../images/GInfoRezept.gif) no-repeat 5px 0px #d0ebf9; } #noticeLS { margin:-3px 28px 0 0; border:2px solid #fff; background:#fb5; } #noticeLS .Hd { background:url(../images/PLHdBG2.gif) repeat-x top left #fb5; font-size:11px; height:23px; } #noticeLS p { padding:5px; } /* Rezepthinweis unter dem Warenkorb (Ende) */ /* Hilfeseiten */ .hilfe { height:300px; border:2px solid #fff; background:url(../images/hilfeBG2.gif) repeat-y left #d0ebf9; padding-bottom:80px; } div > .hilfe { height:auto; min-height:300px; padding:0 0 80px 0; border:2px solid #fff; background:url(../images/hilfeBG.gif) repeat-y left #d0ebf9; } .hilfe .foto { width:189px; height:306px; float:left; position:relative; top:0px; left:0px; } .hilfe p, .hilfe div.wieP { margin:0; padding:0 10px 15px 205px; line-height:130%; } .hilfe p.height1pro { padding-left:16px; } .hilfe > p.height1pro { padding-left:205px; } .hilfe h3 { margin:0; padding:15px 0 10px 205px; } .hilfe ul { padding-left:205px; } .hilfe ul li { background:url(../images/GPfeilLi2.gif) no-repeat 2px 5px; margin-bottom:5px; } .hilfe ol { padding-left:185px; } .versandHoch { position:relative; top:-47px; } /* Hilfeseiten (Ende) */ /* Zuzahlungsbefreiung */ #zuzahlF input.radio { position:relative; top:3px; left:0px; } #zuzahlF span.radioText { position:relative; left:0px; } #zuzahlF .row { margin-left:20px; } #zuzahlF .spacer { height:10px; } #zuzahlF textarea { position:absolute; top:5px; left:26px; } #zuzahlF div.fehler { width:7px; height:9px; float:left; position:relative; top:5px; left:0px; background:none; } /* Zuzahlungsbefreiung (Ende) */ /* Apotheken-Umschau */ #umschauBox { width:162px; padding-left:30px; background:url(../images/rechteSpalteBG.gif) repeat-y 29px 0px #e3f3f9; } #umschauBox p { margin:3px 0 0 6px; } #umschauBox img { margin:0; } #umschauBox.navi .Hd { height:36px; padding:0 0 0 3px; background:none; border-bottom:1px solid #005a9e; color:#000; font-size:14px; letter-spacing:1px; font-weight:bold; } /* Apotheken-Umschau (Ende) */ /* Markenshop */ .markenshopBox { width:185px; height:180px; float:left; position:relative; margin:12px 3px 8px 3px; text-align:center; border:2px solid #fff; background:#d0ebf9 } .markenshopBox > img { position:relative; width:185px; } .markenshopBox p { height:64px; padding:5px 3px; margin:0; } .markenshopBox a.button { width:140px; margin:auto; } /* Markenshop (Ende) */ /* Kundenbereich Meine Bestellungen / meine Merkzettel */ .kundenbereich th { height:23px; font-size:10px; letter-spacing:0px; background:url(../images/PLHdBG.gif) repeat-x top left; padding:0 0 0 5px; margin:0; } .kundenbereich tr.items { font-weight:bold; } .kundenbereich tr.def td { background:#d0ebf9; } .kundenbereich tr.verschickt td { background:#ffeed5; } .kundenbereich tr.rezeptFehlt td { background:#c80d45; } .kundenbereich td { padding:2px 0 2px 5px; background:#d0ebf9; } .kundenbereich .abschluss td { padding-bottom:8px; } .kundenbereich a.button { margin:auto; } .imgStatusDef { background:#ffeed5!important; } .imgStatusRezeptFehlt { background:#f8a356!important; } .kundenbereich #anmerkung { text-align:right; padding:10px; } .kundenbereich img { margin:5px; } .kundenbereich img.listenPfeil { margin:0 3px 0 0; position:relative; top:-1px; } #legende { height:87px; border:2px solid #fff; background:#ffeed5; margin:38px 0 10px 0; } #legende div { width:442px; margin:0 auto; } #legende img { float:left; padding:0 5px 0 5px; } #WkParken { border-top:1px solid #fff; } #WkParken div { padding:8px 0 0 8px; } #WkParken button { margin-bottom:8px; } /* Kundenbereich Meine Bestellungen / geparkte Warenkoerbe (Ende) */ /* Detailansicht fuer "Meine Bestellungen" */ #BgRezept { padding:0 0 0 75px; background:url(../images/GRezeptFehlt2.gif) 10px 10px no-repeat #c80d45; } #BgRezept p { margin:0; padding:8px 5px 8px 10px; background:#ffeed5; } #status { margin-bottom:20px; background:url(../images/HintergrundGrau.gif) repeat-y #d0ebf9; border:2px solid #fff; } #status .Hd { background:url(../images/PLHdBG.gif) repeat-x top left #d0ebf9; font-size:11px; letter-spacing:0px; height:16px; } #status p { height:40px; padding:20px 75px 10px 88px; margin:0;} #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) */ /* Gesundheitsfragebogen */ #GF p a { color:#c80e45; } #GF .Hd { height:20px; font-size:11px; letter-spacing:0px; background:url(../images/recorderH3BG.gif) repeat-x top left; padding:3px 0 0 5px; margin:0; border-top:1px solid #fff; } #GF .Bd { background:#d0ebf9; } #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 .sizeL { width:300px; } #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 0; } #GF th { vertical-align:top; padding-bottom:0; } #GF table input.pzn { width:52px; text-align:center; padding-left:0; } #GF table input { width:250px; } #GF table .radio { position:static; top:0px; left:0px; } #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) */ /* Bewertungfragebogen */ #fragebogen p { margin:0 5px 1px 5px; } #fragebogen .nummer { position:relative; top:27px; left:-5px; } #fragebogen .Hd { color:#000; font-size:10px; padding-left:30px; background:#d1d4d7; } #fragebogen .Bd { padding-left:70px; background:url(../images/Fragezeichen.gif) no-repeat 95% 100% #fde6d1; } #fragebogen .zahlen { padding-left:8px; } #fragebogen .zahlen span { padding-right:27px; } #fragebogen .zahlen > span { padding-right:26px; } #fragebogen .radio { margin-right:10px; } #fragebogen .sehr { position:relative; left:-2px; padding-right:143px; } #fragebogen .Bd div > .sehr { padding-right:138px; } #fragebogen .zufrieden { position:relative; left:-13px; padding-right:104px; } #fragebogen .Bd div > .zufrieden { padding-right:98px; } #fragebogen .nurZwei { margin-right:30px; } #fragebogen .ja { position:relative; left:6px; padding-right:43px; } #fragebogen textarea { width:300px; height:80px; } /* Bewertungfragebogen (Ende) */ /* Umfrage */ .umfrageHd { height:20px; font-size:11px; letter-spacing:0px; background:url(../images/recorderH3BG.gif) repeat-x left; padding:3px 0 0 0; margin:0; } .umfrageNr { color:#fff; font-weight:bold; padding:2px; background:#005a9e; } #umfrage { border:2px solid #fff; background:url(../images/umfrageBG.jpg) no-repeat 0px 18px #d0eBf9; } #umfrage .pad { padding:30px 20px 50px 270px; } #umfrage .spacer { height:12px; } #umfrage .runter { position:relative; top:1px; } #umfrage div > .runter { position:relative; top:4px; } #umfrage textarea { width:240px; height:200px; } #radioTabHd { padding-bottom:4px; } #oben { position:relative;left:12px; padding-left:89px; } #radioTabHd span > #oben { padding-left:80px; } #unten { position:relative;left:12px; padding-left:94px; } #radioTabHd span > #unten { padding-left:85px; } .radioTabRow { /* width:428px; */ padding-top:2px; } div > .radioTabRow { padding-bottom:2px; } .radioTabRow span { position:relative; top:3px; } .radioTabRow > span { position:relative; top:2px; } #umfrage .radioTabRow .radio { position:static; margin-right:12px; } #umfrage .bild { width:15px; height:13px; float:left; position:relative; top:7px; background:none; } .umfrageHd a { text-decoration:none; } #umfrage .row { width:310px; } #umfrage .row textarea { width:200px; height:100px; } #umfrage .row input.vorname { width:80px; position:absolute; top:0px; right:120px; } #umfrage .row input.tag { width:16px; position:absolute; top:0px; right:185px; } #umfrage .row input.monat { width:16px; position:absolute; top:0px; right:157px; } #umfrage .row input.jahr { width:40px; position:absolute; top:0px; right:102px; } #umfrage .row span.hinweis { position:absolute; top:21px; left:103px; color:#005a9e; font-size:9px; } /* Umfrage (Ende) */ /* Microsite */ .microC { padding:0 3px 0 3px; height:1%; line-height:130%; } #content > .microC { height:auto; } .microC div { padding:5px 0; } .microC #titles { float:left; } .microC #titles .title { font-size:14px; font-weight:bold; letter-spacing:1px; padding:5px 0 8px 0; margin:0 0 12px 0; background:url(../images/headlineBG.gif) bottom left repeat-x; } .microC #titles .subtitle { padding-top:20px; font-size:11px; font-weight:bold; color:#005a9e; } .microC .longHd { width:65%; } .microC .shortHd { width:45%; } .microC .bild { width:auto; height:auto; float:left; margin:5px; background:none; } .microC .bildRight { float:right; margin:5px; } .microC .boxtitle { font-size:11px; letter-spacing:1px; color:#005a9e; } .microC .A .angebotsboxBild { padding-top:0px; } /* Microsite (Ende) */ /* Praemien */ #praemienBox { padding:0 0 18px 36px; background:url(../images/rechteSpalteBG.gif) repeat-y 29px 0px; } /* Praemien (Ende) */ /* Layer */ #layer { position:absolute; width:75px; height:16px; z-index:10; left:50px; top:5px; border:none; visibility:visible; } #layer .close { position:relative; left:235px; top:2px; } /* Layer (Ende) */ /* Newsletter-Box rechte Spalte */ #newsletterBoxOben { width:162px; height:64px; padding-left:30px; background:url(../images/newsletterboxOben.gif) no-repeat 30px 0px; } #newsletterBoxOben div { width:156px; position:relative; top:25px; left:6px; font-size:9px; } #newsletterBoxUnten { width:162px; height:108px; padding-left:30px; background:url(../images/newsletterboxUnten.jpg) no-repeat 30px 0px; } #newsletterBoxUnten a { font-weight:bold; color:#005a9e; padding:0px; margin:0; } #newsletterBoxUnten span { position:relative; top:66px; padding-left:6px; display:block; } #newsletterBoxUnten input { width:120px; height:13px; position:relative; top:63px; left:5px; padding-top:2px; border:1px solid #C80E46; font-size:12px; } #newsletterBoxUnten button { width:25px; height:20px; padding:0px; margin:0; position:relative; top:64px; left:7px; background:none; } .naviR > #newsletterBoxUnten input { position:relative; top:60px; left:5px; } .naviR > #newsletterBoxUnten button { position:relative; top:64px; left:4px; } /* Newsletter-Box rechte Spalte (Ende) */ /* ABDA-Laieninfo */ #ALI { padding:12px 0 18px 0; background:#d0ebf9; } #ALI img { float:left; } #ALI h3 { background:#90cdf0; padding:3px 0 4px 52px; margin:10px 0; } #ALI div { padding:0 15px 0 50px; } #ALI table { border:1px solid #f58017; border-bottom:0px; } #ALI td { border-bottom:1px solid #f58017; } #ALI td.ALIfett { border-bottom:1px dashed #f58017; background:#fef2e8; } #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; background:#fef2e8; padding:3px 0 4px 10px; font-size:11px; 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) */ /* Wort und Bild */ .wortUndBild { position:relative; background:#ffddaa; border:2px solid #fff; } .wortUndBild td.space { padding:0 0 20px 0; } .wortUndBild input { border:1px solid #c80d45; } .wortUndBild input.wortUndBildSuche { width:280px; } /* Vorschau: */ .prev { width:188px; height:218px; } .prev .titel { padding:2px; margin:0 0 15px 0; background:#ffab36; font-size:x-small; } .prev .WUBBild img { float:left; margin:0 8px 8px 8px; } .prev .artikelLesen { position:absolute; left:8px; bottom:4px; } .prev .alleArtikel { position:absolute; left:100px; bottom:4px; } /* Uebersicht/Archiv: */ .uebersicht { height:104px; } #content > .uebersicht { height:auto; min-height:104px; } .uebersicht .WUBBild img { position:absolute; top:0px; left:0px; margin:5px; } .uebersicht .titel { padding:5px 10px 5px 100px; background:#ffab36; font-weight:bold; } .uebersicht .titel .zeit { float:right; font-size:x-small; color:#fff; } .uebersicht .inhalt { padding:5px 10px 5px 100px; } .uebersicht .inhalt .artikelLesen { position:absolute; left:100px; bottom:4px; } /* Detailansicht: */ .details { position:relative; height:650px; } #content > .details { height:auto; min-height:650px; } .details .inhalt { margin-right:230px; } .details .inhalt .titel { padding:5px 10px; background:#ffab36; font-weight:bold; } .details .inhalt .text { padding:10px; height:1%; } .details .inhalt .text img { float:right; margin:0 10px 5px 10px; } .details .angebotsboxen { position:absolute; top:0px; right:0px; width:220px; } /* Wort und Bild (Ende)*/ /* Landingpages */ .lp ul { padding: 0px; } .lp ul ul { padding: 3px; } /* Landingpages (Ende) */ /* TEMPLATES (Ende) */