/* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ html { margin:0; padding:0; } /* Allgemeine Definitionen */ body { margin:0; padding:0; font-size:9pt; background-color:#FFFFFF; font-family:Arial,Verdana,Helvetica,sans-serif; color:#3e3e3e; } /* Text */ p { margin:0.5em 0 0.5em 0; } h1, h1 a, .Title1, .Title1 a { font-size:1.2em; font-weight:bold; color:#3a3a3a; margin:0 0 20px 0; } h2, h2 a, .Title2, .Title2 a { font-size:1.1em; font-weight:bold; color:#3a3a3a; margin:20pt 0 3pt 0; } h3, h3 a, .Title3, .Title3 a { font-size:1em; font-weight:bold; padding:0; margin:1em 0 0 0; color:#3a3a3a; } h4, h4 a, .Title4, .Title4 a { font-size:1em; margin:0 0 1pt 0; padding:0; font-weight:bold; color:#3a3a3a; } h5, h5 a, .Title5, .Title5 a { font-size:9pt; font-weight:bold; color:#3a3a3a; margin:0 0 0.3em 0; } .Titel-in-grauem-Balken { background:#f8f8f8; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0 0 10px 0; height:32px !important; } .Titel-in-grauem-Balken span { font-weight:bold; margin-left:10px; } sup { font-size:70%; margin:-10px 0 0 0; padding:0;} .Trenner { height:1px; margin:20px 0; background:#DDEAF6; clear:both; line-height:0; font-size:0; overflow:hidden; } .clear { clear:both; } .floatbox { display:table; width:100%; border-collapse:separate !important; } .Link-Mehr-Infos { display:none; } .small { font-size:0.9em; } .Klein { font-size:0.9em; margin:0 0 3pt 0; color:#666; } .mark1 { font-weight:bold;} .mark2 { font-weight:bold; } .Bildunterschrift {font-size:7pt; color:#333333; overflow:visible !important; } /* für Bildunterschriften auf Produktseite*/ .Bildunterschrift span { padding:1px 0; margin:2px 0; overflow:visible !important; } .Bildunterschrift2 {font-size:8pt; color:#333333; } /* für sonstige Bildunterschriften */ p.PfeilLink { text-indent:-9px; padding-left:9px; } p.Info { background:url("images/Allgemein/Info.gif") no-repeat 4px 0; padding-left:35px; height:25px; line-height:25px; } div.Vertikale-Zentrierung-1 { display:table; height:100px; #position:relative; width:100%; } div.Vertikale-Zentrierung-2 { #position:absolute; #top:50%;display:table-cell; vertical-align:middle; } div.Vertikale-Zentrierung-3 { #position:relative; #top:-50%; display:block; } div.Vertikale-Zentrierung-3 img { vertical-align:middle; } /* Bilder */ img { border:0px} img.Bildkontur { border:1px solid #333333 !important; background-color:#FFFFFF;} img.Top { float:right; margin:10px 0 10px 0; } /* Listen */ ul, ul.marginhalf { margin:5pt 0 5pt 15px; padding:0; list-style-type:disc; } li, ul.marginhalf li { padding:0; } ul.Bullet-Haekchen, ul.Bullet-Haekchen-weiss, ul.Bullet-Checkbox { list-style-type:none; padding:0; margin:0; } ul.Bullet-Haekchen li, ul.Bullet-Haekchen-weiss li, ul.Bullet-Checkbox li { position:relative; padding:0 0 0 20px; margin:0 0 5px 0;} span.Bullet { background:url(/images/Allgemein/Icons-Symbole.png) no-repeat; width:11px; height:11px; display:block; position:absolute; left:0; overflow:hidden; } * html span.Bullet { left:-20px; } ul.Bullet-Haekchen li span.Bullet { background-position:-33px -130px; } ul.Bullet-Haekchen-weiss li span.Bullet { background-position:-22px -130px; } ul.Bullet-Checkbox li span.Bullet { background-position:0 -130px; } ul.Bullet-Checkbox li.active span.Bullet { background-position:-11px -130px; } ul.Vorteile { list-style-type:none; padding:0; margin:0; } ul.Vorteile li { background-image:url("images/Allgemein/Haekchen-schwarz.gif"); background-position:0 2px; background-repeat:no-repeat; margin:0.5em 0; padding-left:15px; } ul.BulletPointBereich { margin:0; padding:0; list-style-type:none;} ul.BulletPointBereich li {padding:0 0 0 25px; background-repeat:no-repeat; background-position:0 4px;} dl { padding:0; margin:0; } dl dt { float:left; width:150px; margin-right:0 10px 10px 0; padding:0; font-weight:bold; clear:both; } dl dd { padding:0 0 0 160px; margin:0 0 10px 0; } /* Tabellen */ .Content table { width:100%; border-spacing:1px; margin:0.5em 0 0.5em 0; border-collapse:collapse; font-size:9pt; } .Content th { text-align:left; padding:3px 5px; vertical-align:center; } .Content td { padding:3px 5px; vertical-align:top; } table.SETON-Adressen { font-size:0.9em; color:#666; border-top:1px solid #CCC; margin-top:30px !important; width:100%; } table.SETON-Adressen td { padding-top:10px !important; vertical-align:top; } /* Produkttabelle */ table.Produkttabelle { width:100%; border-spacing:1px; margin:0.5em 0 0.5em 0; border-collapse:collapse; font-size:9pt; } table.Produkttabelle th { background:#f7f7f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; white-space:nowrap; font-weight:normal; text-align:left; padding:3px 5px; vertical-align:center; } table.Produkttabelle td { border-bottom:1px solid #eaeaea; padding:3px 5px !important; vertical-align:top; } table.Produkttabelle hr { display:none; } table.Produkttabelle .no-border { border:0; } table.Produkttabelle .inactive { color:#888; } table.Produkttabelle th.Artikel { font-weight:bold; } table.Produkttabelle th.Einzelpreis-abzgl-Rabatt, table.Produkttabelle th.Einzelpreis { white-space:nowrap; padding-right:15px !important; width:10px; text-align:right !important; } table.Produkttabelle th.Summe { white-space:nowrap; width:10px; text-align:right !important; } table.Produkttabelle td.Position { width:50px !important; zoom:1; } table.Produkttabelle td.Bild { text-align:center; } table.Produkttabelle td.Bild img { width: expression(this.width > 80 ? "80px" : true); height: expression(this.height > 80 ? "80px" : true); max-width:80px; max-height:80px; } table.Produkttabelle td.Produktinfo { font-size:0.9em; } table.Produkttabelle td.Produktinfo p { width:150px; overflow:hidden; } table.Produkttabelle td.Produktinfo .Artikelnummer { font-weight:bold; } table.Produkttabelle td.Produktinfo p { margin:0; } table.Produkttabelle td.Produktinfo p.Datei-Upload { margin:0.3em 0; } table.Produkttabelle td.Produktinfo .Datei-Uploads { margin:0.3em 0; } table.Produkttabelle td.Anzahl-JS div { width:74px; height:21px; position:relative; } table.Produkttabelle td.Anzahl-JS input.Eingabefeld { width:50px; position:absolute; top:0 !important; left:0; margin:0; } table.Produkttabelle td.Anzahl-JS img { margin:0; float:right; position:absolute; top:0; right:3px; } table.Produkttabelle td.Anzahl-JS a {font-size:0.9em; font-weight:bold; } table.Produkttabelle td.Anzahl div { width:74px; } table.Produkttabelle td.Anzahl input.Eingabefeld { width:50px; } table.Produkttabelle td.Anzahl a {font-size:0.9em; font-weight:bold; } table.Produkttabelle td.Einzelpreis-abzgl-Rabatt { white-space:nowrap; text-align:right; padding-right:15px !important; } table.Produkttabelle td.Einzelpreis { text-align:right; white-space:nowrap; padding-right:15px !important; } table.Produkttabelle td.Summe { text-align:right; white-space:nowrap; } table.Produkttabelle tr#warenkorbItems { display:none; } table.Produkttabelle tr.Geschenke-in-leerem-WK td { line-height:0; font-size:0; height:3px; overflow:hidden; padding:0 !important; } table.Produkttabelle input.Eingabefeld, input.file, table.Produkttabelle textarea, table.Produkttabelle select { letter-spacing:-0.01em; background:url(/images/Allgemein/input-bg.gif) no-repeat; border:1px solid #DDD; padding:3px; } table.Produkttabelle input.Eingabefeld:hover, input.file:hover, table.Produkttabelle textarea:hover, table.Produkttabelle select:hover { border:1px solid #BBB; } /* Formulartabelle */ table.Adresseingabe { border-collapse:collapse; font-size:0.9em; } table.Adresseingabe th { text-align:left; font-weight:normal !important; vertical-align:top; padding:4px 6px 4px 0 !important; white-space:nowrap; width:100px; } table.Adresseingabe td { vertical-align:top; padding:4px 0 !important; margin:0; } table.Adresseingabe td.Eingabe { width:200px; padding:4px 6px 4px 0 !important; } table.Adresseingabe tr.Gewerbe td.Hinweis p { width:150px; } table.Adresseingabe td.Checkox-Gewerbe p { width:350px; } table.Adresseingabe input.Eingabefeld, table.Adresseingabe textarea, table.Adresseingabe select { width:170px; } table.Adresseingabe input.Eingabefeld-PLZ { width:100px !important; } table.Adresseingabe select.Pulldown-Land { width:50px !important; } table.Adresseingabe .Newsletter { font-size:0.9em; margin-top:10px; } table.Adresseingabe .Faxangebot { font-size:0.9em; margin-top:10px; } .Checkbox input { float:left; } .Checkbox p { padding-left:25px; margin:0; } .Checkbox h4 { padding-left:25px; margin:0; line-height:19px; } .Hinweis p { margin:0; } body.Checkout-Adresseingabe .Hinweis p { margin:0; position:absolute; } .Hinweis p.Hinweistext { color:#666; display:none; } .Hinweis p.Fehlertext { color:#F00; } p.valid, p.LV_valid { color:#19B201; } p.LV_invalid { color:#F00; } p.invalid { color:#F00; } .Hinweis p.Fehlermeldung, .Hinweis p.FehlermeldungNoJS { color:#F00; } .Hinweis .valid-Newsletter-DOI { color:#666; } .Hinweis-NL-Pflichtfelder { display:none; } tr.Checkox-Gewerbe p.FehlermeldungNoJS { width:150px; } .Editieren { background:url(/images/Checkout/Eingabe-bearbeiten.gif) no-repeat; width:15px; height:15px; overflow:hidden; margin-left:2px; cursor:pointer; display:none; } .Editieren-Disabled { background:url(/images/Checkout/Eingabe-bearbeiten-disabled.gif) no-repeat; width:15px; height:15px; overflow:hidden; margin-left:2px; cursor:pointer; display:none; } .Speichern { background:url(/images/Checkout/Eingabe-speichern.gif) no-repeat; width:15px; height:15px; overflow:hidden; margin-left:2px; cursor:pointer; display:none; } .In-Adresseingabe-editieren { display:block; background:url(/images/Checkout/Eingabe-bearbeiten.gif) no-repeat; width:15px; height:15px; overflow:hidden; margin-left:2px; cursor:pointer; } /* Links */ a { outline:none; font-weight:normal; } a:link { color:#0061a0; text-decoration:none; } a:visited { color:#0061a0; text-decoration:none; } a:hover { color:#0061a0; text-decoration:underline; } a:active { color:#0061a0; text-decoration:none; } a.Twitter { display:block; width:138px; float:left; margin:0 10px 0 0; padding:0 0 0 39px; background:url(/images/Allgemein/Twitter.gif) no-repeat; height:31px; } a.Facebook { display:block; width:138px; float:left; margin:0 10px 0 0; padding:0 0 0 39px; background:url(/images/Allgemein/Facebook.gif) no-repeat; height:31px; } /* Formulare */ form { margin:0; } select, option, input { font-size:8pt; } /* Sonstiges */ hr {width:100%; background-color:#CCC; height:1px; margin:30px 0 15px 0; text-align:right; border:0; } .Abschnitt {clear:both; position:relative; z-index:0; zoom:1; } .Content-Box { background-color:#ECF5FE; margin-bottom:15px; } .left { float:left; margin:0 10px 0 0; } .right { float:right; margin:0 0 0 10px; } #SEO-Footer, #Footer_Bereichstext { padding:5px; } .SEO-Text h3 { display:inline; float:left; margin:0 3px 0 0; font-size:1em; } .SEO-Text p { margin:0 0 1em 0; } /* Preise */ .preisvorher { margin-right:3px; text-decoration:line-through; color:#777 !important; font-weight:normal !important; } /* für Preisnachlässe */ .preisnachher { color:#F00; } /* für Preisnachlässe */ .Vorrat {color:#888; font-size:8pt; text-align:right; } /* Buttons ------------------------------------------------------------------*/ .Button-gross-gruen a, .Button-gross-blau a, .Button-gross-grau a { display:inline-block; text-decoration:none; font-size:12px; color:#000; font-family:Arial; margin:0; padding:0; width:100%; height:51px; position:absolute; top:0; left:0; text-align:center; z-index:2; text-indent:-1000px; overflow:hidden; } .Button-klein-gruen a, .Button-klein-blau a, .Button-klein-grau a { display:inline-block; text-decoration:none; font-size:12px; color:#000; font-family:Arial; margin:0; padding:0; width:100%; height:43px; position:absolute; top:0; left:0; text-align:center; z-index:2; text-indent:-1000px; overflow:hidden; } * html .Button-gross-gruen a, * html .Button-gross-blau a, * html .Button-gross-grau a, * html .Button-klein-gruen a, * html .Button-klein-blau a, * html .Button-klein-grau a { display:block; } .Button-gross-gruen input, .Button-gross-blau input, .Button-gross-grau input { background:transparent; border:0; font-size:0; color:#000; font-family:Arial; overflow:visible; margin:0; padding:0; width:100%; height:51px; position:absolute; top:0; left:0; cursor:pointer; z-index:2; text-indent:-1000px; overflow:hidden; line-height:0; zoom:1; } .Button-klein-gruen input, .Button-klein-blau input, .Button-klein-grau input { background:transparent; border:0; font-size:0; color:#000; font-family:Arial; overflow:visible; margin:0; padding:0; width:100%; height:43px; position:absolute; top:0; left:0; cursor:pointer; z-index:2; text-indent:-1000px; overflow:hidden; line-height:0; zoom:1; } .Button-gross-gruen, .Button-gross-blau, .Button-gross-grau { height:51px; position:relative; margin:-9px; } .Button-klein-gruen, .Button-klein-blau, .Button-klein-grau { height:43px; position:relative; margin:-9px; } .Button-L { position:absolute; left:0; top:0; z-index:0; background-repeat:no-repeat; } .Button-gross-gruen .Button-L { width:29px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -55px 0; } .Button-gross-blau .Button-L { width:29px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -55px -306px; } .Button-gross-grau .Button-L { width:29px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -55px -153px; } .Button-gross-gruen-I-WK .Button-L { width:55px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) 0 0; } .Button-gross-blau-I-WK .Button-L { width:55px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) 0 -306px; } .Button-gross-grau-I-WK .Button-L { width:55px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) 0 -153px; } .Button-klein-gruen .Button-L { width:18px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -55px -459px; } .Button-klein-blau .Button-L { width:18px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -55px -717px; } .Button-klein-grau .Button-L { width:18px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -55px -588px; } .Button-klein-gruen-I-WK .Button-L { width:38px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) 0 -459px; } .Button-klein-blau-I-WK .Button-L { width:38px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) 0 -717px; } .Button-klein-grau-I-WK .Button-L { width:38px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) 0 -588px; } .Button-R { position:absolute; right:0; top:0; z-index:0; background-repeat:no-repeat; } * html .Button-gross-gruen-Pfeil .Button-R, * html .Button-gross-blau-Pfeil .Button-R, * html .Button-gross-grau-Pfeil .Button-R { right:-1px; } .Button-gross-gruen .Button-R { width:29px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -594px 0; } .Button-gross-blau .Button-R { width:29px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -594px -306px; } .Button-gross-grau .Button-R { width:29px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -594px -153px; } .Button-gross-gruen-Pfeil .Button-R { width:46px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -623px 0; } .Button-gross-blau-Pfeil .Button-R { width:46px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -623px -306px; } .Button-gross-grau-Pfeil .Button-R { width:46px; height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -623px -153px; } .Button-klein-gruen .Button-R { width:18px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -605px -459px; } .Button-klein-blau .Button-R { width:18px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -605px -717px; } .Button-klein-grau .Button-R { width:18px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -605px -588px; } .Button-klein-gruen-Pfeil .Button-R { width:28px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -641px -459px; } .Button-klein-blau-Pfeil .Button-R { width:28px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -641px -717px; } .Button-klein-grau-Pfeil .Button-R { width:28px; height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -641px -588px; } .Button-M { position:absolute; background-repeat:no-repeat; } .Button-gross-gruen .Button-M { height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px 0; left:29px; } .Button-gross-blau .Button-M { height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -306px; left:29px; } .Button-gross-grau .Button-M { height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -153px; left:29px; } .Button-gross-gruen-I-WK .Button-M { height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px 0; left:55px; } .Button-gross-blau-I-WK .Button-M { height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -306px; left:55px; } .Button-gross-grau-I-WK .Button-M { height:51px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -153px; left:55px; } .Button-klein-gruen .Button-M { height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -459px; left:18px; } .Button-klein-blau .Button-M { height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -717px; left:18px; } .Button-klein-grau .Button-M { height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -588px; left:18px; } .Button-klein-gruen-I-WK .Button-M { height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -459px; left:38px; } .Button-klein-blau-I-WK .Button-M { height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -717px; left:38px; } .Button-klein-grau-I-WK .Button-M { height:43px; background:url(/images/Allgemein/Buttons/Buttons.png) -110px -588px; left:38px; } .Button-Text { background:no-repeat center center; height:100%; z-index:1; position:relative; } .Button-gross-gruen .Button-Text, .Button-gross-blau .Button-Text, .Button-gross-grau .Button-Text { margin:0 29px 0 29px; height:17px; top:17px; } .Button-gross-gruen-I-WK .Button-Text, .Button-gross-blau-I-WK .Button-Text, .Button-gross-grau-I-WK .Button-Text { margin-left:55px; } .Button-gross-gruen-Pfeil .Button-Text, .Button-gross-blau-Pfeil .Button-Text, .Button-gross-grau-Pfeil .Button-Text { margin-right:46px; } .Button-klein-gruen .Button-Text, .Button-klein-blau .Button-Text, .Button-klein-grau .Button-Text { margin:0 18px 0 18px; height:14px; top:15px; } .Button-klein-gruen-I-WK .Button-Text, .Button-klein-blau-I-WK .Button-Text, .Button-klein-grau-I-WK .Button-Text { margin-left:38px; } .Button-klein-gruen-Pfeil .Button-Text, .Button-klein-blau-Pfeil .Button-Text, .Button-klein-grau-Pfeil .Button-Text { margin-right:28px; } /* Hover */ .Button-gross-gruen:hover .Button-M { background-position:-110px -51px; } .Button-gross-blau:hover .Button-M { background-position:-110px -357px; } .Button-gross-grau:hover .Button-M { background-position:-110px -204px; } .Button-klein-gruen:hover .Button-M { background-position:-110px -502px; } .Button-klein-blau:hover .Button-M { background-position:-110px -760px; } .Button-klein-grau:hover .Button-M { background-position:-110px -631px; } .Button-gross-gruen:hover .Button-L { background-position:-55px -51px; } .Button-gross-blau:hover .Button-L { background-position:-55px -357px; } .Button-gross-grau:hover .Button-L { background-position:-55px -204px; } .Button-gross-gruen-I-WK:hover .Button-L { background-position:0 -51px; } .Button-gross-blau-I-WK:hover .Button-L { background-position:0 -357px; } .Button-gross-grau-I-WK:hover .Button-L { background-position:0 -204px; } .Button-klein-gruen:hover .Button-L { background-position:-55px -502px; } .Button-klein-blau:hover .Button-L { background-position:-55px -760px; } .Button-klein-grau:hover .Button-L { background-position:-55px -631px; } .Button-klein-gruen-I-WK:hover .Button-L { background-position:0 -502px; } .Button-klein-blau-I-WK:hover .Button-L { background-position:0 -760px; } .Button-klein-grau-I-WK:hover .Button-L { background-position:0 -631px; } .Button-gross-gruen:hover .Button-R { background-position:-594px -51px; } .Button-gross-blau:hover .Button-R { background-position:-594px -357px; } .Button-gross-grau:hover .Button-R { background-position:-594px -204px; } .Button-gross-gruen-Pfeil:hover .Button-R { background-position:-623px -51px; } .Button-gross-blau-Pfeil:hover .Button-R { background-position:-623px -357px; } .Button-gross-grau-Pfeil:hover .Button-R { background-position:-623px -204px; } .Button-klein-gruen:hover .Button-R { background-position:-605px -502px; } .Button-klein-blau:hover .Button-R { background-position:-605px -760px; } .Button-klein-grau:hover .Button-R { background-position:-605px -631px; } .Button-klein-gruen-Pfeil:hover .Button-R { background-position:-641px -502px; } .Button-klein-blau-Pfeil:hover .Button-R { background-position:-641px -760px; } .Button-klein-grau-Pfeil:hover .Button-R { background-position:-641px -631px; } /* Active */ .Button-gross-gruen:active .Button-M { background-position:-110px -102px; } .Button-gross-blau:active .Button-M { background-position:-110px -408px; } .Button-gross-grau:active .Button-M { background-position:-110px -255px; } .Button-klein-gruen:active .Button-M { background-position:-110px -545px; } .Button-klein-blau:active .Button-M { background-position:-110px -803px; } .Button-klein-grau:active .Button-M { background-position:-110px -674px; } .Button-gross-gruen:active .Button-L { background-position:-55px -102px; } .Button-gross-blau:active .Button-L { background-position:-55px -408px; } .Button-gross-grau:active .Button-L { background-position:-55px -255px; } .Button-gross-gruen-I-WK:active .Button-L { background-position:0 -102px; } .Button-gross-blau-I-WK:active .Button-L { background-position:0 -408px; } .Button-gross-grau-I-WK:active .Button-L { background-position:0 -255px; } .Button-klein-gruen:active .Button-L { background-position:-55px -545px; } .Button-klein-blau:active .Button-L { background-position:-55px -803px; } .Button-klein-grau:active .Button-L { background-position:-55px -674px; } .Button-klein-gruen-I-WK:active .Button-L { background-position:0 -545px; } .Button-klein-blau-I-WK:active .Button-L { background-position:0 -803px; } .Button-klein-grau-I-WK:active .Button-L { background-position:0 -674px; } .Button-gross-gruen:active .Button-R { background-position:-594px -102px; } .Button-gross-blau:active .Button-R { background-position:-594px -408px; } .Button-gross-grau:active .Button-R { background-position:-594px -255px; } .Button-gross-gruen-Pfeil:active .Button-R { background-position:-623px -102px; } .Button-gross-blau-Pfeil:active .Button-R { background-position:-623px -408px; } .Button-gross-grau-Pfeil:active .Button-R { background-position:-623px -255px; } .Button-klein-gruen:active .Button-R { background-position:-605px -545px; } .Button-klein-blau:active .Button-R { background-position:-605px -803px; } .Button-klein-grau:active .Button-R { background-position:-605px -674px; } .Button-klein-gruen-Pfeil:active .Button-R { background-position:-641px -545px; } .Button-klein-blau-Pfeil:active .Button-R { background-position:-641px -803px; } .Button-klein-grau-Pfeil:active .Button-R { background-position:-641px -674px; } /* Button klein nur Pfeil */ .Button-klein-T { width:40px; } .Button-klein-T .Button-L { width:17px; } .Button-klein-T .Button-R { width:23px; } .Button-klein-T .Button-M { width:0; } /* Button gross "Zum Warenkorb" z.B. Designcodeartikelseite Quittung */ .Button-gross-T-Zum-Warenkorb { width:241px; } .Button-gross-T-Zum-Warenkorb .Button-M { width:140px; } .Button-gross-T-Zum-Warenkorb .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -900px; } /* Button gross "Zur Kasse gehen" z.B. Warenkorb */ .Button-gross-T-Zur-Kasse-gehen { width:241px; } .Button-gross-T-Zur-Kasse-gehen .Button-M { width:140px; } .Button-gross-T-Zur-Kasse-gehen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -940px; } /* Button gross "In Direktbestellung übernehmen" */ .Button-gross-T-In-Direktbestellung-uebernehmen { width:306px; } .Button-gross-T-In-Direktbestellung-uebernehmen .Button-M { width:231px; } .Button-gross-T-In-Direktbestellung-uebernehmen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -920px; } /* Button gross "In den Warenkorb legen" z.B. Produktseite*/ .Button-gross-T-In-den-Warenkorb-legen { width:295px; } .Button-gross-T-In-den-Warenkorb-legen .Button-M { width:194px; } .Button-gross-T-In-den-Warenkorb-legen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -1000px; } /* Button gross "Weiter" z.B. Checkout / Adresseingabe */ .Button-gross-T-Weiter { width:155px; } .Button-gross-T-Weiter .Button-M { width:54px; } .Button-gross-T-Weiter .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -960px; } /* Button gross "Bestellung abschicken" z.B. Daten check and send */ .Button-gross-T-Bestellung-abschicken { width:283px; } .Button-gross-T-Bestellung-abschicken .Button-M { width:182px; } .Button-gross-T-Bestellung-abschicken .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -980px; } /* Button gross "Bestellung abschließen" z.B. Layer Warenkorb-Reminder */ .Button-gross-T-Bestellung-abschliessen { width:290px; } .Button-gross-T-Bestellung-abschliessen .Button-M { width:189px; } .Button-gross-T-Bestellung-abschliessen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) 0 -1060px; } /* Button klein "Hinzufügen" z.B. Warenkorb / Vorteilsnummer */ .Button-klein-T-Hinzufuegen { width:106px; } .Button-klein-T-Hinzufuegen .Button-M { width:70px; } .Button-klein-T-Hinzufuegen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -1100px; } /* Button klein "Daten ändern" z.B. Newsletter-Abbestellung */ .Button-klein-T-Daten-aendern { width:120px; } .Button-klein-T-Daten-aendern .Button-M { width:84px; } .Button-klein-T-Daten-aendern .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -940px; } /* Button klein "Newsletter abbestellen" z.B. Newsletter-Abbestellung */ .Button-klein-T-Newsletter-abbestellen { width:176px; } .Button-klein-T-Newsletter-abbestellen .Button-M { width:140px; } .Button-klein-T-Newsletter-abbestellen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -920px; } /* Button klein "Finden" z.B. Header / Artikelsuche */ .Button-klein-T-Finden { width:79px; } .Button-klein-T-Finden .Button-M { width:43px; } .Button-klein-T-Finden .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -1060px; } /* Button klein "Absenden" z.B. Kontakt */ .Button-klein-T-Absenden { width:99px; } .Button-klein-T-Absenden .Button-M { width:63px; } .Button-klein-T-Absenden .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -1040px; } /* Button klein "Anhängen" z.B. Warenkorb / Dateiupload */ .Button-klein-T-Anhaengen { width:100px; } .Button-klein-T-Anhaengen .Button-M { width:64px; } .Button-klein-T-Anhaengen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -1020px; } /* Button klein "Einkauf fortsetzen" z.B. Designcodeartikelseite Quittung */ .Button-klein-T-Einkauf-fortsetzen { width:146px; } .Button-klein-T-Einkauf-fortsetzen .Button-M { width:110px; } .Button-klein-T-Einkauf-fortsetzen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -900px; } /* Button klein "Suchen" z.B. PUES / Kategorie 1 / Schildersuche */ .Button-klein-T-Suchen { width:82px; } .Button-klein-T-Suchen .Button-M { width:46px; } .Button-klein-T-Suchen .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -980px; } /* Button klein "Jetzt kostenlos abonnieren" z.B. Newsletter-Anforderung */ .Button-klein-T-Jetzt-kostenlos-abonnieren { width:202px; } .Button-klein-T-Jetzt-kostenlos-abonnieren .Button-M { width:166px; } .Button-klein-T-Jetzt-kostenlos-abonnieren .Button-Text { background:url(/images/Allgemein/Buttons/Buttons.png) -400px -960px; } /* Hinweise zum Anlegen neuer Buttons */ /* .Button-Größe-T-Beispiel { width:[Gesamtbreite aus Rändern, Abständen zum Text, ggf. Icon und Pfeil]; } .Button-Größe-T-Beispiel .Button-M { width:[Breite des Textbildes]; } Button gross Rand links: 14px Icon: 26px Abstand: 15px Pfeil: 17px Rand rechts: 14px Höhe 51px Button klein Rand links: 13px Icon: 20px Abstand: 5px Pfeil: 10px Rand rechts: 13px */ span.ui-button-text { font-weight:bold; } a.ui-dialog-titlebar-close { height:25px !important; width:25px !important; right:0 !important; top:10px !important; } span.ui-icon-closethick { background:url(/images/Admin/controls.png) -25px 0 !important; height:25px !important; width:25px !important; } .ui-dialog-buttonpane { border:0 !important; } .ui-state-focus, .ui-state-active { border:0; } /* Trusted Shop Kundenbewertungen ------------------------------------------------------------------*/ .Trusted-Shop-Kundenbewertung { width:100%; text-align:center; padding:5px 0; } .Trusted-Shop-Kundenbewertung span { font-size:9px; white-space:nowrap; } .Trusted-Shop-Kundenbewertung img.bewertung { width:143px; } .Teaser-Vorteile-bei-SETON-bvh .Trusted-Shop-Kundenbewertung img.bewertung { margin:10px 0 0 0; } /* Dropdowns (Einsatz in PÜS) ------------------------------------------------------------------*/ dl.dropdown { position:relative; width:180px; margin:0; padding:0; display:none; } .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:100; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:#404040 !important; text-decoration:none; outline:none; } .dropdown dt { position:relative; width:180px; background:#f7f7f7; } .dropdown dt .dropdown-bg-left { position:absolute; left:0; height:20px; background:url(/images/Allgemein/Dropdown-Rahmen.gif) no-repeat left top; z-index:0; width:90%; } .dropdown dt .dropdown-bg-right { position:absolute; right:0; width:12%; height:20px; background:url(/images/Allgemein/Dropdown-Rahmen.gif) no-repeat right top; z-index:1; } .dropdown dt a {background:url(images/Allgemein/arrow.gif) no-repeat scroll right center; display:block; padding-right:20px; position:relative; z-index:3; } .dropdown dt a span {cursor:pointer; display:block; padding:2px 2px 2px 5px; font-weight:normal !important; margin:0 !important; } .dropdown dd ul { background:#f7f7f7 none repeat scroll 0 0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; color:#3e3e3e; display:none; left:0px; padding:0; position:absolute; top:0; width:100%; min-width:168px; list-style:none;} .dropdown span.value { display:none; } .dropdown dd ul li { padding:0; margin:0; zoom:1; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; } .dropdown dd ul li a { padding:2px 5px; display:block; zoom:1; } .dropdown dd ul li a:hover { background-color:#FFF;} /*Lightbox ------------------------------------------------------------------*/ #jquery-overlay { position:absolute; top:0; left:0; z-index:10001; width:100%; height:500px; } #jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:10002; text-align:center; line-height:0; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; } #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif; background:#FFF; margin:0 auto; line-height:1.4em; overflow:auto; padding:0 10px; position:relative; overflow:hidden; } #lightbox-container-image-data { padding:0 0; color:#000; position:relative; overflow:hidden; } #lightbox-container-image-data #lightbox-image-details { float:left; margin-left:0; text-align:left; background:#FFF; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; } #lightbox-secNav { float:right; padding:0 0 10px 0; } /* Ajax Loading Animation ------------------------------------------------------------------*/ .loading-indicator { height:80px; width:80px; background:url( '/images/Allgemein/loadinfo_48x48.gif' ); background-repeat:no-repeat; background-position:center center; } .loading-indicator-overlay { background-color:#FFFFFF; opacity:0.6; filter:alpha(opacity = 60); } /* Color Box ------------------------------------------------------------------*/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:11000; overflow:hidden; } #cboxOverlay{ position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft{ clear:left; } #cboxContent{ position:relative; overflow:hidden; } #cboxLoadedContent{ overflow:auto; height:100%; margin-top:40px; } #cboxLoadedContent iframe{ display:block; width:100%; height:95%; border:0; } #cboxTitle{ margin:5px 0 0 0; } #cboxLoadingOverlay, #cboxLoadingGraphic{ position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor:pointer; } /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{ } #colorBox{ } #cboxTopLeft{ width:25px; height:25px; background:url(/images/Admin/border1.png) 0 0 no-repeat; } #cboxTopCenter{ height:25px; background:url(/images/Admin/border1.png) 0 -50px repeat-x; } #cboxTopRight{ width:25px; height:25px; background:url(/images/Admin/border1.png) -25px 0 no-repeat; } #cboxBottomLeft{ width:25px; height:25px; background:url(/images/Admin/border1.png) 0 -25px no-repeat; } #cboxBottomCenter{ height:25px; background:url(/images/Admin/border1.png) 0 -75px repeat-x; } #cboxBottomRight{ width:25px; height:25px; background:url(/images/Admin/border1.png) -25px -25px no-repeat; } #cboxMiddleLeft{ width:25px; background:url(/images/Admin/border2.png) 0 0 repeat-y; } #cboxMiddleRight{ width:25px; background:url(/images/Admin/border2.png) -25px 0 repeat-y; } #cboxContent{ background:#fff; } #cboxLoadedContent{ margin-bottom:20px; } #cboxTitle{ position:absolute; top:0px; left:0; text-align:center; width:100%; color:#999; } #cboxCurrent{ position:absolute; bottom:0px; left:100px; color:#999; } #cboxSlideshow{ position:absolute; bottom:0px; right:42px; color:#444; } #cboxPrevious{ position:absolute; bottom:0px; left:0; color:#444; } #cboxNext{ position:absolute; bottom:0px; left:63px; color:#444; } #cboxLoadingOverlay{ background:url(/images/Admin/loading_background.png) center center no-repeat; } #cboxLoadingGraphic{ background:url(/images/Allgemein/loadinfo_48x48.gif) center center no-repeat; } #cboxClose{ position:absolute; top:0; right:0; background-image:url(/images/Admin/controls.png); background-position:-25px 0px; background-repeat:no-repeat; width:25px; height:25px; text-indent:-9999px; } #cboxClose.hover{ background-position:-25px -25px; } /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxClose{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/close.png, sizingMethod='scale'); } .cboxIE #cboxTopLeft{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderTopLeft.png, sizingMethod='scale'); } .cboxIE #cboxTopLeft{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderTopLeft.png, sizingMethod='scale'); } .cboxIE #cboxTopCenter{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderTopCenter.png, sizingMethod='scale'); } .cboxIE #cboxTopRight{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderTopRight.png, sizingMethod='scale'); } .cboxIE #cboxBottomLeft{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderBottomLeft.png, sizingMethod='scale'); } .cboxIE #cboxBottomCenter{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderBottomCenter.png, sizingMethod='scale'); } .cboxIE #cboxBottomRight{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderBottomRight.png, sizingMethod='scale'); } .cboxIE #cboxMiddleLeft{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderMiddleLeft.png, sizingMethod='scale'); } .cboxIE #cboxMiddleRight{ background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/Admin/internet_explorer/borderMiddleRight.png, sizingMethod='scale'); } /* jQuery UI CSS Framework 1.8.10 ===================================================*/ /* * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues */ .ui-state-disabled { cursor: default !important; } /* Icons */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals */ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,Verdana,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ffffff&bgTextureHeader=01_flat.png&bgImgOpacityHeader=75&borderColorHeader=ffffff&fcHeader=e60f19&iconColorHeader=00376d&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=a1a1a1&fcContent=000000&iconColorContent=00376d&bgColorDefault=ffffff&bgTextureDefault=01_flat.png&bgImgOpacityDefault=0&borderColorDefault=ffffff&fcDefault=00376d&iconColorDefault=a2c3e3&bgColorHover=ffffff&bgTextureHover=01_flat.png&bgImgOpacityHover=0&borderColorHover=ffffff&fcHover=0063c4&iconColorHover=00376d&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=ffffff&fcActive=0063c4&iconColorActive=00376d&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=01_flat.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=ffffff&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=100&opacityOverlay=70&bgColorShadow=7a7a7a&bgTextureShadow=01_flat.png&bgImgOpacityShadow=100&opacityShadow=30&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=8px */ /* Component containers */ .ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Verdana,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #a1a1a1; background: #ffffff; color: #000000; } /* .ui-widget-content { border: 1px solid #a1a1a1; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; } */ .ui-widget-content a { color: #000000; } /* .ui-widget-header { border: 1px solid #ffffff; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #e60f19; font-weight: bold; } */ .ui-widget-header { border: 1px solid #ffffff; background: #ffffff; color: #e60f19; font-weight: bold; } .ui-widget-header a { color: #e60f19; } /* Interaction states */ /* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ffffff; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #00376d; } */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ffffff; background: #ffffff; font-weight: normal; color: #00376d; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #00376d; text-decoration: none; } /* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffffff; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #0063c4; } */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffffff; background: #ffffff; font-weight: normal; color: #0063c4; } .ui-state-hover a, .ui-state-hover a:hover { color: #0063c4; text-decoration: none; } /* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #0063c4; } */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background: #ffffff; font-weight: normal; color: #0063c4; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #0063c4; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_flat_95_fef1ec_40x100.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons */ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_00376d_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_00376d_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_00376d_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_a2c3e3_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_00376d_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_00376d_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals */ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ /* .ui-widget-overlay { background: #ffffff url(images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; opacity: .70;filter:Alpha(Opacity=70); } */ .ui-widget-overlay { opacity: .70; background: #ffffff; filter:Alpha(Opacity=70); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #7a7a7a url(images/ui-bg_flat_100_7a7a7a_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.10 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* Wrapper ===================================================*/ table#Wrapper { width:100%; border-collapse:collapse; position:relative; padding:0; border-spacing:0; left:-3px; } table#Wrapper td { padding:0; margin:0; vertical-align:top; } table#Wrapper td.Wrapper-left { background:url(/images/Allgemein/Schatten-links.png) repeat-y right; width:50%; overflow:hidden; } table#Wrapper td.Wrapper-right { background:url(/images/Allgemein/Schatten-rechts.png) repeat-y left; width:50%; overflow:hidden; } table#Wrapper td.Schatten-unten { background:url(/images/Allgemein/Schatten.png) no-repeat center bottom; } table#Wrapper td.Schatten-unten-links { background:url(/images/Allgemein/Schatten-unten-links.png) no-repeat top right; } table#Wrapper td.Schatten-unten-rechts { background:url(/images/Allgemein/Schatten-unten-rechts.png) no-repeat top left; } /* Skyscraper ===================================================*/ td.Wrapper-right { overflow:visible !important; } td.Wrapper-right div.Skyscraper { position:relative !important; } div.Skyscraper img { position:absolute; top:200px !important; left:15px !important; } /* Spalten-Layout ===================================================*/ /* Clearfix-Hack */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-table; display:block; } * html .clearfix {height:1%;} /* Float-Container */ .Sidebar-left { width:212px; zoom:1; float:left; margin-right:-212px; z-index:1; position:relative; } .Sidebar-right { width:212px; zoom:1; float:right; margin-left:-212px; z-index:1; position:relative; } .Content { position:relative; zoom:1; margin-bottom:10px; width:auto; z-index:0; } .Drei-Spalter .Content { padding:0 210px; } .Zwei-Spalter-Sidebar-left .Sidebar-right { display:none; } .Zwei-Spalter-Sidebar-left .Content { padding:0 5px 0 210px !important; } .Zwei-Spalter-Sidebar-right .Sidebar-left { display:none; } .Zwei-Spalter-Sidebar-right .Content { padding:0 210px 0 5px !important; } /* Rahmen ===================================================*/ .Rahmen { padding:13px; overflow:hidden !important; zoom:1; margin:0 0 5px 0; position:relative; } * html .Rahmen { padding:13px 11px 13px 12px; } .Rahmen-oben-links { width:5000px; height:3px; position:absolute; top:0; left:0; background:url(/images/Allgemein/Rahmen-Verlauf.gif) no-repeat top left; z-index:1; overflow:hidden; } .Rahmen-oben-rechts { width:3px; height:3px; position:absolute; top:0; right:0; background:url(/images/Allgemein/Rahmen-Verlauf.gif) no-repeat top right; z-index:1; overflow:hidden; } .Rahmen-unten-links { width:5000px; height:50000px; position:absolute; bottom:0; left:0; background:url(/images/Allgemein/Rahmen-Verlauf.gif) no-repeat bottom left; z-index:0; } .Rahmen-unten-rechts { width:5px; height:50000px; position:absolute; bottom:0; right:0; background:url(/images/Allgemein/Rahmen-Verlauf.gif) no-repeat bottom right; z-index:0; } .Rahmen .Rahmen-Inhalt { z-index:2; position:relative; } .Content .Rahmen-oben-links, .Content .Rahmen-oben-rechts, .Content .Rahmen-unten-links, .Content .Rahmen-unten-rechts { background-image:url(/images/Allgemein/Rahmen.gif); } .Kein-Rahmen { position:relative; } .Ein-Spalter .Kein-Rahmen { padding:0 12px; } .Zwei-Spalter-Sidebar-left .Kein-Rahmen, .Zwei-Spalter-Sidebar-right .Kein-Rahmen { padding:0 13px; } .Drei-Spalter .Kein-Rahmen { padding:0 11px; } /* * html .Zwei-Spalter-Sidebar-left .Kein-Rahmen, * html .Zwei-Spalter-Sidebar-right .Kein-Rahmen { padding:0 11px 0 12px; } * html .Drei-Spalter .Kein-Rahmen { padding:0 8px; } */ .Kein-Rahmen h1 { border-bottom:1px solid #ebebeb; padding:0 0 3px 0; margin:0 0 25px 0; } .Content .Kein-Rahmen h1 { margin-top:10px; } /* Grid-System für Contentbereich in Abhängigkeit von Spalten-Layouts =======================================================================*/ /* Allgemein */ .Grid-System { zoom:1; display:table; width:100%; } .Grid-System .Grid1, .Grid-System .Grid2, .Grid-System .Grid3, .Grid-System .Grid4, .Grid-System .Grid5, .Grid-System .Grid6, .Grid-System .Grid7, .Grid-System .Grid8, .Grid-System .Grid9, .Grid-System .Grid10, .Grid-System .Grid11, .Grid-System .Grid12 { float:left; overflow:hidden; zoom:1; position:relative; } .Grid-System .Grid-last { margin-right:0 !important; zoom:1; position:relative; } .Grid-System .Grid-Content { padding:8px; position:relative; } /* Ein-Spalter */ .Ein-Spalter .Grid-System .Grid1 { width:34px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid2 { width:76px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid3 { width:118px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid4 { width:160px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid6 { width:244px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid8 { width:328px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid10 { width:412px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid12 { width:496px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid14 { width:580px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid16 { width:664px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid18 { width:748px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid20 { width:832px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid22 { width:916px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Ein-Spalter .Grid-System .Grid24 { width:1000px; margin:0 0 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } /* Zwei-Spalter */ .Zwei-Spalter-Sidebar-left .Grid-System .Grid1, .Zwei-Spalter-Sidebar-right .Grid-System .Grid1 { width:55px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid2, .Zwei-Spalter-Sidebar-right .Grid-System .Grid2 { width:121px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid3, .Zwei-Spalter-Sidebar-right .Grid-System .Grid3 { width:187px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid4, .Zwei-Spalter-Sidebar-right .Grid-System .Grid4 { width:253px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid5, .Zwei-Spalter-Sidebar-right .Grid-System .Grid5 { width:319px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid6, .Zwei-Spalter-Sidebar-right .Grid-System .Grid6 { width:385px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid7, .Zwei-Spalter-Sidebar-right .Grid-System .Grid7 { width:451px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid8, .Zwei-Spalter-Sidebar-right .Grid-System .Grid8 { width:517px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid9, .Zwei-Spalter-Sidebar-right .Grid-System .Grid9 { width:583px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid10, .Zwei-Spalter-Sidebar-right .Grid-System .Grid10 { width:649px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid11, .Zwei-Spalter-Sidebar-right .Grid-System .Grid11 { width:715px; margin:0 11px 11px 0; } .Zwei-Spalter-Sidebar-left .Grid-System .Grid12, .Zwei-Spalter-Sidebar-right .Grid-System .Grid12 { width:781px; margin:0 0 11px 0; } /* Drei-Spalter */ .Drei-Spalter .Grid-System .Grid1 { width:38px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid2 { width:87px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid3 { width:136px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid4 { width:185px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid5 { width:234px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid6 { width:283px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid7 { width:332px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid8 { width:381px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid9 { width:430px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid10 { width:479px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid11 { width:528px; margin:0 11px 11px 0; } .Drei-Spalter .Grid-System .Grid12 { width:577px; margin:0 0 11px 0; } /* Produktreihe */ .Produktreihe-Grid-System { background:#ECF5FE; border-collapse:separate; padding:4px; border-spacing:0; height:236px; width:auto; } .Produktreihe-Grid-System .Grid3 { width:193px !important; margin:0 !important; border-right:1px solid #999999; background:#FFF; text-align:center; font-size:0.9em; } .Produktreihe-Grid-System .Grid-last { border:0 !important; } .Produktreihe-Grid-System .Grid3 a.Link-Produkt { display:block; height:220px; z-index:0; position:relative; } .Produktreihe-Grid-System .Grid3 a.Link-Produkt span.Produkt-Titel { position:absolute; top:155px; display:block; width:100%; left:0; } .Produktreihe-Grid-System .Grid3 a.Link-Produkt span.Link-Produkt-Details { position:absolute; bottom:0; right:0; display:block; } .Produktreihe-Grid-System .Grid3 a.Link-Mehr-Produkte { position:absolute; z-index:1; bottom:8px; left:7px; } * html .Produktreihe-Grid-System .Grid3 a.Link-Mehr-Produkte { left:0; } /* Kontakt-Infos ===================================================*/ .Fax, .Hotline, .Mail, .Anschrift, .Online-Shop, .Warenkorb { text-align:left; position:relative; left:0; top:0; padding-left:30px; margin:0 0 15px 0; font-size:1.1em; background-repeat:no-repeat !important; color:#8A8A8A; } .Fax .Icon, .Hotline .Icon, .Mail .Icon, .Anschrift .Icon, .Online-Shop .Icon, .Warenkorb .Icon { position:absolute; top:0; left:0; background:url(images/Allgemein/Icons-Symbole.png) no-repeat; width:21px; height:21px; } .Fax .Icon { background-position:-21px -105px; } .Hotline .Icon { background-position:-42px -105px; } .Mail .Icon { background-position:-63px -105px; } .Anschrift .Icon { background-position:-84px -105px; } .Online-Shop .Icon, .Warenkorb .Icon { background-position:0 -105px; } .Fax span, .Hotline span, .Mail span a, .Anschrift span, .Online-Shop span a, .Warenkorb span a { font-size:1.1em; color:#8A8A8A !important; display:block; font-weight:bold; } /* Head ===================================================*/ #Header { width:1024px; height:115px; position:relative; } #Header .Logo { position:absolute; top:18px; left:23px; } /* Meta-Navi */ #Header .Meta-Navi { position:absolute; top:18px; left:308px; font-size:0.9em; } #Header .Meta-Navi ul { list-style-type:none; margin:0; padding:0; } #Header .Meta-Navi ul li { float:left; display:inline; margin:0; padding:0; border-right:1px solid #8a8a8a; } #Header .Meta-Navi ul li.last { border:0; } #Header .Meta-Navi ul li a { color:#8a8a8a; display:block; padding:0 21px; } #Header .Meta-Navi ul li.first a { padding-left:0; } #Header .Meta-Navi ul li.last a { padding-right:0; } /*Artikelsuche */ #Header .Artikelsuche { width:439px; position:absolute; top:45px; left:308px; background:#0160a0; height:35px; background:url(images/Header/Artikelsuche.gif) no-repeat; } #Header .Artikelsuche input.Eingabefeld { width:337px; border:0; padding:5px 5px 5px 20px; position:absolute; top:5px; left:5px; z-index:0; margin:0; background:transparent; } #Header .Artikelsuche .Button-klein-gruen { position:absolute; right:5px; top:5px; } #Header .Suchformular { margin:0; padding:0; position:relative; } #Header .suggestLayer { margin-top:5px; } div.suggestContainer { position:relative; top:34px; } div.suggestLayer { position:absolute; display:none; top:0; left:0; padding:0; margin:0; background-color:white; background:transparent; opacity:.9; filter:alpha(opacity=90); z-index:8000; } table.suggestLayer { font-size:9pt; width:130px; border:1px solid #000000; height:12px; background-color:#FFFFFF; color:#0061a0; cursor:pointer; padding:0;} /*komplette weiße Box*/ td.suggestHeader { color:#173553; font-weight:normal; font-size:9pt; padding:3px 5px 1px 5px; border-bottom:1px solid black; } tr.suggestEntry td { color:#0061a0; padding:1px 5px 1px 5px; } .suggestContent{ color:#E60F19; font-weight:bold; } /* Direktbestellung */ #Header .Direktbestellung { width:429px; position:absolute; left:308px; top:90px; display:none; } #Header .DirektbestellungInputGrey { color:#999; } /* Hotline */ #Header .Hotline { position:absolute; top:18px; left:820px; font-size:1.2em !important; color:#8A8A8A; font-weight:bold; } #Header .Hotline span { font-size:8pt; color:#8A8A8A; display:block; letter-spacing:0; font-weight:normal; } /* Warenkorb */ #Header .Warenkorb { position:absolute; top:60px; left:820px; color:#8a8a8a; font-size:0.9em; } #Header .Warenkorb b { font-size:1.1em; } /* Warenkorb-Reminder */ .Warenkorb-Reminder { background:#EAF5FF; border:5px solid #00478C; width:490px; position:absolute; top:40px; left:50%; margin-left:-250px; z-index:100000; } .Warenkorb-Reminder .Title1 { color:#FFF !important; font-size:1.9em; font-weight:normal; padding:10px 0; background:#00478C; width:100%; } .Warenkorb-Reminder img.Frau-Einkaufstuete { position:absolute; right:0; bottom:0; z-index:0; } .Warenkorb-Reminder a.Fenster-schliessen { font-weight:bold; width:10px; height:20px; overflow:hidden; margin:0; display:block; position:absolute; top:5px; right:5px; color:#FFF; } .Warenkorb-Reminder a.Fenster-schliessen:hover { text-decoration:none; } .Warenkorb-Reminder .Warenkorb-Reminder-Content { padding:50px 223px 20px 10px; font-size:1.1em; height:319px; text-align:center; z-index:0; position:relative; } .Warenkorb-Reminder .Warenkorb-Reminder-Content span { color:#E60F19; font-size:1.9em; display:block; margin:0.3em 0; } .Warenkorb-Reminder .Warenkorb-Reminder-Content .Klein { font-size:7pt; } .Warenkorb-Reminder .Warenkorb-Reminder-Content p.Fall-2 { font-size:1.2em; margin-top:40px; } .Warenkorb-Reminder img.Bestellung-abschliessen { text-align:center; } /* Hauptnavigation ===================================================*/ .Navi { width:100%; position:relative; background:url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 -51px; height:43px; padding:3px 0 4px 0; } .Navi ul#topnav { display:block; height:43px; width:auto; list-style-type:none; padding:0; margin:0; position:relative; background:#FFF; width:1024px; } .Navi ul#topnav li { float:left; padding:0; margin:0 1px 0 0; } .Navi ul#topnav li#topnav10 { margin:0; } .Navi ul#topnav li a { color:#FFF; display:block; width:188px; height:33px; padding:4px 8px 6px 8px; background:#0061a0; font-weight:normal; font-size:1.1em; } .Navi ul#topnav li a:hover { background:#bababa; } .Navi ul#topnav li.topnavActive a { background:#bababa; border-bottom:0; } .Navi ul#topnav li.topnavHover a { background:#bababa; padding-bottom:10px; } .Navi ul#topnav li:hover a, .Navi ul#topnav li a:hover { background-position:left bottom; } .Navi .sub { position:absolute; top:44px; background:#FFF; border-top:5px solid #bababa; padding:8px 0 8px 0; overflow:visible; zoom:1; display:none; font-size:0.9em; background:#FFF url(/images/Navi/sub-bg.gif) repeat-y left;} .Navi .Navi-Dropdown-Schatten-oben { width:100%; height:15px; background:url(/images/Allgemein/Schatten.png) no-repeat center top; position:absolute; left:0; top:-15px; } .Navi .Navi-Dropdown-Schatten-links { width:15px; height:100%; background:url(/images/Allgemein/Schatten.png) no-repeat left center; position:absolute; left:-15px; bottom:0; } .Navi .Navi-Dropdown-Schatten-rechts { width:15px; height:100%; background:url(/images/Allgemein/Schatten.png) no-repeat right center; position:absolute; right:-15px; bottom:0; } .Navi .Navi-Dropdown-Schatten-unten { width:100%; height:15px; background:url(/images/Allgemein/Schatten.png) no-repeat center bottom; position:absolute; bottom:-15px; left:0; } .Navi .Navi-Dropdown-Schatten-unten-links { width:15px; height:15px; background:url(/images/Allgemein/Schatten.png) no-repeat bottom left; position:absolute; left:-15px; bottom:-15px; } .Navi .Navi-Dropdown-Schatten-unten-rechts { width:15px; height:15px; background:url(/images/Allgemein/Schatten.png) no-repeat bottom right; position:absolute; right:-15px; bottom:-15px; } .Navi .Navi-Dropdown-Schatten-oben-links { width:15px; height:15px; background:url(/images/Allgemein/Schatten.png) no-repeat top left; position:absolute; left:-15px; top:-15px; } .Navi .Navi-Dropdown-Schatten-oben-rechts { width:15px; height:15px; background:url(/images/Allgemein/Schatten.png) no-repeat top right; position:absolute; right:-15px; top:-15px; } .Navi ul#topnav li .sub-Themen { background:#FFF url(/images/Navi/sub-bg.gif) repeat-y right; } .Navi ul#topnav li#topnav1 .sub { left:0; } .Navi ul#topnav li#topnav4 .sub { left:205px; } .Navi ul#topnav li#topnav7 .sub { left:205px; } .Navi ul#topnav li#topnav32 .sub { left:0; } .Navi ul#topnav li#topnav10 .sub { left:0; } .Navi ul#topnav li .row { clear:both; float:left; width:100%; margin-bottom:10px; } .Navi ul#topnav li .col { width:189px !important; float:left; margin:0; padding:8px; overflow:hidden; } .Navi ul#topnav li .last { width:188px !important } .Navi ul#topnav li .sub ul { list-style:none; margin:0 0 10px 0; padding:0; float:left; width:100%; } .Navi ul#topnav li .sub ul li { width:100%; height:auto; padding:0; margin:0; } .Navi ul#topnav li .sub ul li div.Subkategorie-Titel { padding:0 0 2px 0; margin:0 0 0.5em 0; } .Navi ul#topnav li .sub ul li div.Subkategorie-Titel a { padding:0; font-weight:bold; background:none; font-size:1.1em; } .Navi ul#topnav li .sub ul li div.Subkategorie-Titel a:hover { background:none; } .Navi ul#topnav li .sub a { height:auto; padding:0 0 5px 8px; background:transparent url(images/Allgemein/Link-Pfeil.gif) no-repeat 0 5px; border:0; color:#0061a0; font-weight:normal; } .Navi ul#topnav li .sub a:hover { color:#0061a0; background:url(images/Allgemein/Link-Pfeil-aktiv.gif) no-repeat 0 5px; border:0; } .Navi .col-Themen { font-size:1.1em; } .Navi .col-Themen h2 { margin:0 0 10px 0; } .Navi .Thema p.Thema-Name { font-weight:bold; margin:0; } .Navi .Thema p.Thema-Name a { background:none !important; padding:0 !important; font-weight:bold !important; color:#3E3E3E !important; font-size:1em !important; } .Navi .Thema p.Thema-Kurztext { margin:0; } .Navi .Thema p.PfeilLink { margin-top:0; margin-bottom:2em; } .Navi .Thema p.PfeilLink a { padding:0 !important; background:none !important; padding:0 !important; margin:0 !important; border:0 !important; } .Navi p.Themenheadline { margin:0 0 1em 0; font-weight:bold; } /* Breadcrumbs ===================================================*/ .Breadcrumbs { font-size:0.9em; margin:3px 6px 15px 6px; } .Homepage .Breadcrumbs { font-size:0.9em; margin:3px 6px 5px 14px; } /* Teaser ===================================================*/ /* Allgemein */ .Teaser { position:relative !important; font-size:1em; } .Teaser .Teaser-Title { display:block; border-bottom:1px solid #ebebeb; padding:0 0 3px 0; margin:0 0 5px 0; text-indent:-9999999px; background:no-repeat; height:16px; } .Teaser .Teaser-Title-zweizeilig { height:35px; } .Teaser li { margin:0.5em 0 0.5em 0; } .Teaser .Weiterfuehrender-Link { position:absolute; bottom:0; right:0; text-align:right; } .Teaser-klickbar span { display:block; } .Teaser-klickbar span.p { position:relative; z-index:1; } .Teaser-klickbar a { display:block; color:#3e3e3e; } .Teaser-klickbar a:hover { text-decoration:none; } .Teaser-klickbar a span.Weiterfuehrender-Link { color:#0061a0; } .Teaser-klickbar a:hover span.Weiterfuehrender-Link { color:#0061a0; text-decoration:underline; } .Sidebar-right .Teaser, .Sidebar-left .Teaser { padding-left:5px; padding-right:5px; } .Teaser .Rahmen .Teaser-Title { border:0; padding:0; z-index:1; position:relative; } .Teaser .Kein-Rahmen { padding:10px 0 15px 0; } /* Teaser Vorteile bei SETON */ .Teaser-Vorteile-bei-SETON .Rahmen-Inhalt { padding-bottom:20px; } .Teaser-Vorteile-bei-SETON .Teaser-Title, .Teaser-Vorteile-bei-SETON-bvh .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -80px; } .Teaser-Vorteile-bei-SETON-bvh td img { text-align:center; } .Teaser-Vorteile-bei-SETON-bvh .Weiterfuehrender-Link { position:relative; } /* Teaser Blätterkatalog */ .Teaser-Blaetterkatalog .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -120px; } .Teaser-Blaetterkatalog .Kein-Rahmen { height:170px; } /* Teaser Vorteilsnummer */ .Teaser-Vorteilsnummer .Button-klein-grau { margin-top:5px; } .Teaser-Vorteilsnummer .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -220px; } .Teaser-Vorteilsnummer #rabatt p, .Teaser-Vorteilsnummer #hinweis p { padding-bottom:20px; margin-bottom:0; } /* Teaser Blog */ .Teaser-Blog #result a { display:block; margin:0 0 0.5em 0; } .Sidebar-left #result a, .Sidebar-right #result a { font-size:0.9em; } .Teaser-Blog .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -60px; } /* Teaser Sicher bestellen */ .Teaser-Sicher-bestellen .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -200px; } /* Teaser Schilder-Rätsel */ .Teaser-Schilder-Raetsel .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -180px; } /* E-Cards & Bildschirmhintergründe */ .Teaser-E-Cards-und-Bildschirmhintergruende .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -140px; } /* Teaser Neu bei SETON? */ .Teaser-Neukunde-bei-SETON .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 0; } .Teaser-Neu-bei-SETON .Rahmen-Inhalt img { position:absolute; top:60px; left:20px; } /* Teaser Weihnachtsbaum-Gewinnspiel */ .Teaser-Weihnachtsbaum-Gewinnspiel .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -260px; } .Teaser-Weihnachtsbaum-Gewinnspiel .Rahmen-Inhalt { height:165px; } .Teaser-Weihnachtsbaum-Gewinnspiel .Rahmen-Inhalt img { position:absolute; top:-10px; left:-10px; z-index:0; } /* Teaser Kontakt */ .Teaser-SETON-Katalog .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -20px; } .Teaser-SETON-Katalog .Rahmen-Inhalt img { position:absolute; top:32px; left:5px; } /* Teaser Direktbestellung */ .Teaser-Direktbestellung .Direktbestellung-Eingabe { display:none; } .Teaser-Direktbestellung .Button-klein-grau { margin-top:5px; } .Teaser-Direktbestellung .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -240px; } /* Teaser Direkt mitbestellen */ .Teaser-Direkt-mitbestellen .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -100px; } /* Teaser Avail Direkt mitbestellen */ .Teaser-Avail-Direkt-mitbestellen .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -100px; } .Teaser-Avail-Direkt-mitbestellen .Button-klein-grau { display:block; } /* Teaser Newsletter */ .Teaser-Newsletter .Teaser-Title { background:url(/images/Allgemein/Texte.png) 0 -40px; } .Teaser-Newsletter .Rahmen-Inhalt { height:165px; } .Teaser-Newsletter img.at { position:absolute; top:0; left:30px; z-index:0; } .Teaser-Newsletter p { position:relative; z-index:1; } .Teaser-Newsletter form { width:100%; height:60px; position:absolute; bottom:0; z-index:1; } .Teaser-Newsletter input.Eingabefeld { width:175px; position:absolute; bottom:0; left:0; } .Teaser-Newsletter .Button-klein-grau { position:absolute; bottom:0; right:0; } .Teaser-Newsletter .LV_validation_message, .Teaser-Newsletter .Hinweistext { position:absolute; top:0; left:0; font-size:0.9em; } /* Teaser Kontakt */ .Teaser-Kontakt .Hotline, .Teaser-Kontakt .Fax, .Teaser-Kontakt .Mail, .Teaser-Kontakt .Hotline, .Teaser-Kontakt .Anschrift { font-size:1.4em; color:#06609f; font-weight:bold; } .Teaser-Kontakt .Hotline span, .Teaser-Kontakt .Fax span, .Teaser-Kontakt .Mail span, .Teaser-Kontakt .Anschrift span { font-size:0.65em; color:#8A8A8A; display:block; letter-spacing:0; font-weight:normal; } /* Top-Suchbegriffe */ .Top-Suchbegriffe { background-color:#F3F3F3; padding:8px; text-align:center; margin:30px 10px 10px 0; } .Top-Suchbegriffe span.SuchbegriffSize1 {font-size:8pt;} .Top-Suchbegriffe span.SuchbegriffSize2 {font-size:8pt; font-weight:bold} .Top-Suchbegriffe span.SuchbegriffSize3 {font-size:10pt; font-weight:bold} .Top-Suchbegriffe span.SuchbegriffSize4 {font-size:14pt;} /* jCarousel allgemein ===================================================*/ .jcarousel-skin-tango .jcarousel-container-horizontal { padding:0; width:100%; } .jcarousel-prev-horizontal { position:absolute; left:0; top:50%; width:11px; height:20px; cursor:pointer; background:transparent url(/images/Allgemein/Buttons/Buttons.png) no-repeat -669px -27px; margin:-10px 0 0 0; } .jcarousel-next-horizontal { position:absolute; right:0; top:50%; width:11px; height:20px; cursor:pointer; background:transparent url(/images/Allgemein/Buttons/Buttons.png) no-repeat -696px -27px; margin:-10px 0 0 0; } .jcarousel-prev-disabled-horizontal, .jcarousel-next-disabled-horizontal { display:none !important; } /* Avail-Slots und andere Crosseller ===================================================*/ .Avail { display:none; } #Crosslink, #WeitereArtikel, #Recengine, #AehnlicheArtikel { display:block; } /* Allgemeines Aussehen wie auf Homepage ( mit 100er Bildern, eine Zeile Produkttitel, eine Zeile für Preisangaben ) */ .Avail .jcarousel-clip-horizontal { width:100%; height:175px; } .Avail ul { list-style-type:none; padding:0; margin:0; white-space:nowrap; } .Avail ul li { float:left; font-size:0.9em; width:178px; height:145px; padding:10px; display:inline; border-right:1px solid #ebebeb; position:relative; text-align:center; margin:0 0 10px 0; } .Avail ul li a { display:block; } .Avail ul li img.Produktbild { max-width:100px; max-height:100px; width: expression(this.width > 100 ? "100px" : true); height: expression(this.height > 100 ? "100px" : true);margin:0 auto !important; display:block; } .Avail ul li a.Produkt-Titel { position:absolute; top:118px; left:0; width:100%; text-align:center; line-height:1.1em; display:block; overflow:hidden; height:24px; } .Avail ul li .Preise { position:absolute; top:132px; left:0; width:100%; text-align:center; line-height:1.1em; } .Avail ul li .Button-klein-grau { display:none; } .Avail .jcarousel-item-placeholder { background:#fff; color:#000; } .Avail .jcarousel-skin-tango .jcarousel-prev-horizontal { left:5px; top:50px; } .Avail .jcarousel-skin-tango .jcarousel-next-horizontal { right:5px; top:50px; } .Avail .Vertikale-Zentrierung-1 { height:34px !important; } /* Crosseller auf PDS */ .Designcode-Artikelauswahl #Crosseller .Avail .jcarousel-clip-horizontal { width:100%; height:140px; } .Designcode-Artikelauswahl #Crosseller .Avail ul li { width:88px !important; height:150px; padding:0; border:0; margin:0 1px; } .Designcode-Artikelauswahl #Crosseller .Avail ul li a { display:block; width:80px; height:80px; overflow:hidden; margin-bottom:3px; } .Designcode-Artikelauswahl #Crosseller .Avail ul li a.Produkt-Titel { top:83px; width:100%; height:24px; white-space:normal !important; } .Designcode-Artikelauswahl #Crosseller .Avail ul li img.Produktbild { max-width:80px; max-height:80px; width: expression(this.width > 80 ? "80px" : true); height: expression(this.height > 80 ? "80px" : true); } .Designcode-Artikelauswahl #Crosseller .Avail ul li .Preise { top:109px; } .Designcode-Artikelauswahl #Crosseller .Avail ul li span.preisnachher, .Designcode-Artikelauswahl #Crosseller .Avail ul li span.Rabatt-Preis { display:block; } .Designcode-Artikelauswahl #Crosseller .Avail .jcarousel-skin-tango .jcarousel-prev-horizontal { top:30px; left:-17px; margin:0; } .Designcode-Artikelauswahl #Crosseller .Avail .jcarousel-skin-tango .jcarousel-next-horizontal { top:30px; right:-17px; margin:0; } /* Avials und Crosseller in PÜS */ #Avail-Hauptkategorie-Topseller-2 { width:385px; float:right; height:248px; margin:0 0 0 10px; } #Avail-Hauptkategorie-Topseller-2 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:388px; height:185px; } #Avail-Hauptkategorie-Topseller-2 .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } #Avail-Hauptkategorie-Topseller-4 { height:248px; } #Avail-Hauptkategorie-Topseller-4 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:776px; height:185px; } #Avail-Hauptkategorie-Topseller-4 .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } #Avail-Hauptkategorie-Kunden-kauften-2 { width:385px; float:right; height:248px; margin:0 0 0 10px; } #Avail-Hauptkategorie-Kunden-kauften-2 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:388px; height:185px; } #Avail-Hauptkategorie-Kunden-kauften-2 .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } #Avail-Hauptkategorie-Kunden-kauften-4 { height:248px; } #Avail-Hauptkategorie-Kunden-kauften-4 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:776px; height:185px; } #Avail-Hauptkategorie-Kunden-kauften-4 .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } #Avail-Kategorie-Topseller-2 { width:385px; float:right; height:248px; margin:0 0 0 10px; } #Avail-Kategorie-Topseller-2 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:388px; height:185px; } #Avail-Kategorie-Topseller-2 .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } #Avail-Kategorie-Topseller-4 { height:248px; } #Avail-Kategorie-Topseller-4 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:776px; height:185px; } #Avail-Kategorie-Topseller-4 .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } #Avail-Artikelsuche-Kaufen-auch { height:248px; } #Avail-Artikelsuche-Kaufen-auch .jcarousel-skin-tango .jcarousel-clip-horizontal { width:776px; height:185px; } #Avail-Artikelsuche-Kaufen-auch-2 { height:248px; } #Avail-Artikelsuche-Kaufen-auch-2 .jcarousel-skin-tango .jcarousel-clip-horizontal { width:388px; height:185px; } /* Avails in Teaser mit Rahmen*/ .Teaser .Rahmen-Inhalt .jcarousel-skin-tango .jcarousel-clip-horizontal { width:176px; height:175px; } .Teaser .Rahmen-Inhalt .jcarousel-skin-tango .jcarousel-item { width:176px; height:175px; padding:10px 0; border:0; } .Teaser .Rahmen-Inhalt .jcarousel-skin-tango .jcarousel-clip-horizontal li .Button-klein-grau { margin-top:5px; display:block; position:absolute; top:135px; } /* Avails und Crosseller auf Homepage und PDS-Quittung*/ .Ein-Spalter .Avail .jcarousel-clip-horizontal { width:1002px; } .Ein-Spalter .Avail li.jcarousel-item { width:146px !important; } .Ein-Spalter .Avail li { width:145px; } /* ohne JS */ .Ein-Spalter .Avail .jcarousel-skin-tango .jcarousel-next-horizontal { right:2px; } /* Artikel-Editier-Seite ===================================================*/ body.Artikelseite h1 {width:100%; border:0; color:#000000; padding:1px 5px 1px 5px; margin:0 0 10px 0; background:#DFEFFF; } h2.Produktseite { font-size:9pt; font-weight:bold; color:#000000; margin:10pt 0 0pt 0; } .Produktseite .Icons { position:relative; height:80px; padding-left:140px; } .Produktseite .Icons img.Angebot-der-Woche { position:absolute; top:0; left:0; z-index:2; background-color:#FFF; } .Produktseite .Icons img.Spar-Angebot { position:absolute; top:0; left:0; z-index:1; background-color:#FFF; } .Produktaktion { font-size:1.5em; color:#F00; margin:0 0 15px 0;} .Produktinformationen {width:420px; height:300px; margin:10px 20px 0 0; overflow:auto; clear:both;} .subline {font-size:9pt; font-weight:bold;} .marginhalf {margin:5pt 0 5pt 0;} .preisvorher {color:#000000; margin-right:3px; text-decoration:line-through; /*display:none;*/ } /* für Preisnachlässe */ .preisnachher {color:#F00; } /* für Preisnachlässe */ .Vorrat {color:#888; font-size:8pt; text-align:right; } .WeiterfuehrendeProduktinfosContainer { width:100%; background:#f7f7f7; } .WeiterfuehrendeProduktinfos {float:left; height:75px; padding:2px 8px 2px 8px; border-right:2px solid #FFFFFF; text-align:center; font-size:8pt;} .WeiterfuehrendeProduktinfosIcon {margin-top:5px; height:15px;} .ProduktbilderWeitere {width:250px; overflow:auto; border:1px solid #999999; margin-top:2px;} .ProduktbilderWeitereBreit {width:500px; overflow:auto; border:1px solid #999999; margin-top:2px;} td.ProduktbilderWeitereEinzeln {padding:0px 5px 0px 5px; height:150px; border-right:1px solid #999999; vertical-align:top;} .ProduktbilderWeitereEinzeln2 {height:135px; margin-bottom:5px; width:115px;} .Scroll-Buttons { display:table; width:100%; border-collapse:separate; } .Scroll-Buttons a { background:url(/images/Allgemein/Buttons/Buttons.png) -750px 0; display:block; width:27px; height:27px; } .Scroll-Buttons a:hover, .Scroll-Buttons a:active { background-position:-723px 0; } .Scroll-Buttons a.Scroll-Begin, .Scroll-Buttons a.Scroll-Prev { float:left; } .Scroll-Buttons a.Scroll-End, .Scroll-Buttons a.Scroll-Next { float:right; } .Scroll-Buttons a span { background:url(/images/Allgemein/Buttons/Buttons.png); width:27px; height:27px; display:block; } .Scroll-Buttons a.Scroll-Begin span { background-position: -777px -27px; } .Scroll-Buttons a.Scroll-Prev span { background-position: -777px 0; } .Scroll-Buttons a.Scroll-Next span { background-position: -801px 0; } .Scroll-Buttons a.Scroll-End span { background-position: -801px -27px; } a#teaserScrollPrevNoFloat { display:block; width:20px; height:20px; background:url(/images/Allgemein/Pfeil_Zurueck.gif); } a#teaserScrollNextNoFloat { display:block; width:20px; height:20px; background:url(/images/Allgemein/Pfeil_Weiter.gif); } a#topsellerScrollPrevNoFloat { display:block; width:20px; height:20px; background:url(/images/Allgemein/Pfeil_Zurueck.gif); } a#topsellerScrollNextNoFloat { display:block; width:20px; height:20px; background:url(/images/Allgemein/Pfeil_Weiter.gif); } /* Grossbildansicht */ div.ProduktbilderWeitereEinzelnFloat {float:left; margin:10px; border:1px solid #ddd; padding:10px; overflow:hidden; height:150px; } div#bildLayer { display:none; position:absolute; top:0; left:0; z-index:10; width:100%; } div#mask { display:none; background-color:#fff; opacity:.9; filter:alpha(opacity=90); width:100%; position:absolute; top:0; left:0; } div#grossBildContainer { position:relative; margin:0 auto 0 auto; width:550px; background-color:#fff; border:1px solid #ccc; text-align:center; z-index:12; } img#grossBild { display:block; margin:20px auto; border:1px solid #fff; cursor:pointer; } a#grossBildSchliessen { color:#a00; font-weight:bold; position:absolute; top:2px; right:2px; z-index:14; font-size:90%;} .Artikel-Editier-Seite .Icons { position:relative !important; height:auto; width:100%; } .Artikel-Editier-Seite .Icons .Icons-Topseller { width:82px; height:47px; float:left; background:url(/images/Allgemein/Icons-Symbole.png) no-repeat -3px -82px; text-indent:-999999px; margin-right:5px; } .Artikel-Editier-Seite .Icons .Icons-Neu { width:82px; height:50px; float:left; background:url(/images/Allgemein/Icons-Symbole.png) no-repeat 0 0; text-indent:-999999px; margin-right:5px; } a.Hauptbild { float:left; display:inline; } a.Hauptbild img { margin-right:3px; } p.Bildunterschrift { margin-top:0; } .Bildunterschrift a { display:block; } .Artikel-Editier-Seite .Produkttabelle { font-size:0.9em; } .Artikel-Editier-Seite .Tabellenkopf td { background:#f7f7f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; white-space:nowrap; font-weight:normal; text-align:left; vertical-align:center; } .Teaser-Crosslink .Title1 { background:none; text-indent:0; } .Teaser-Crosslink ul { margin:10px 0 0 0; padding:0; } .Teaser-Crosslink li { margin:0 0 8px 0; padding:0; font-size:8pt; line-height:1.2em; } .Teaser-RecEngine .Title1 { background:none; text-indent:0; } .Teaser-RecEngine ul { margin:10px 0 0 0 !important; padding:0 !important; list-style-type:none; } .Teaser-RecEngine li { margin:0 0 15px 0 !important; padding:0 !important; font-size:8pt; line-height:1.2em; clear:both; } .Teaser-RecEngine li img { float:left; margin:0 10px 10px 0; max-width:40px; max-height:40px; width: expression(this.width > 40 ? "40px" : true); height: expression(this.height > 40 ? "40px" : true); } /* Designcode-Artikelauswahl ===================================================*/ .Designcode-Artikelauswahl .col-left { float:left; margin-right:-321px; width:306px; position:relative; z-index:10 !important; } .Designcode-Artikelauswahl .col-right { padding-left:321px; zoom:1; position:relative; z-index:1 !important; } .Designcode-Artikelauswahl .col-right-1 { float:left; margin:0 0 2% 0; width:32%; position:relative; z-index:2; overflow:visible; } .Designcode-Artikelauswahl .col-right-2 { float:right; margin-bottom:20px; width:65%; position:relative; z-index:1; } .Designcode-Artikelauswahl .col-right-2-D9 { margin-top:90px; } * html .Designcode-Artikelauswahl .col-right-2-D9 { margin-top:0; } .Designcode-Artikelauswahl .label { margin:0 0 0.5em 0; font-weight:bold; } .Designcode-Artikelauswahl select { font-size:0.9em; } .Designcode-Artikelauswahl #gallery { padding:0 17px; } .Designcode-Artikelauswahl #gallery .Produktbild { position:relative; margin-bottom:10px; line-height:1em; } .Designcode-Artikelauswahl #gallery .Produktbild .Produktbild-Rabatt-Wischer { position:relative; border:1px solid #ebebeb; padding:10px; margin:0 0 3px 0; } .Designcode-Artikelauswahl #gallery .Produktbild .Produktbild-Rabatt-Wischer img.Spar-Angebot, .Designcode-Artikelauswahl #gallery .Produktbild .Produktbild-Rabatt-Wischer img.Angebot-der-Woche { position:absolute; top:0; left:0; } .Designcode-Artikelauswahl #gallery #hauptbild { max-width:250px; max-height:400px; width: expression(this.width > 250 ? "250px" : true); height: expression(this.height > 400 ? "400px" : true); } .Designcode-Artikelauswahl #gallery #KeinHauptbild { font-size:8pt !important; padding:0 !important; display:block; margin:0 0 10px 0; } .Designcode-Artikelauswahl #gallery #KeinHauptbild p { font-size:8pt !important; padding:0 !important; display:block; margin:0; } .Designcode-Artikelauswahl #gallery .Produktbild span.Bildunterschrift { display:ininline; } .Designcode-Artikelauswahl #Videos { clear:both; margin-bottom:20px; padding:0 17px; } .Designcode-Artikelauswahl #Videos a { float:left; margin:0; } .Designcode-Artikelauswahl #Anwendungsbilder { float:left; width:60%; margin-bottom:10px; } .Designcode-Artikelauswahl #Anwendungsbilder ul { list-style-type:none; padding:0; margin:0; } .Designcode-Artikelauswahl #Anwendungsbilder ul li { float:left; margin:0 5px 5px 0; padding:0; width:40px; height:40px; position:relative; } .Designcode-Artikelauswahl #Anwendungsbilder ul li a { display:block; width:40px; height:40px; overflow:hidden; position:absolute; top:0; left:0; } .Designcode-Artikelauswahl #Anwendungsbilder ul li a img { width:40px; } .Designcode-Artikelauswahl #Wischer { float:left; width:40%; margin-bottom:10px; } .Designcode-Artikelauswahl #Wischer img { float:left; margin:0 3px 3px 0; } .Designcode-Artikelauswahl #Crosseller { clear:both; padding:0 19px 0 17px; } .Designcode-Artikelauswahl #Crosseller #Crosslink, .Designcode-Artikelauswahl #Crosseller #WeitereArtikel, .Designcode-Artikelauswahl #Crosseller #Recengine, .Designcode-Artikelauswahl #Crosseller #AehnlicheArtikel, .Designcode-Artikelauswahl #Crosseller #Avail-PDS-Kunden-kauften, .Designcode-Artikelauswahl #Crosseller #Avail-PDS-Aehnliche-Artikel { margin-bottom:25px; } .Designcode-Artikelauswahl #Crosseller #Crosslink p.label, .Designcode-Artikelauswahl #Crosseller #WeitereArtikel p.label, .Designcode-Artikelauswahl #Crosseller #AehnlicheArtikel p.label, .Designcode-Artikelauswahl #Crosseller #Recengine p.label, .Designcode-Artikelauswahl #Crosseller #Avail-PDS-Kunden-kauften p.label, .Designcode-Artikelauswahl #Crosseller #Avail-PDS-Aehnliche-Artikel p.label { border-bottom:1px solid #CCC; line-height:1.5em; font-size:1em; font-weight:bold; } .Designcode-Artikelauswahl .Produktdaten h1 { border:0 none; margin:0 0 10px; font-size:11pt; } .Designcode-Artikelauswahl .Produktdaten .Produktbeschreibung { height:60px; overflow-y:auto; overflow-x:auto; width:679px; margin-bottom:10px; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns { } .Designcode-Artikelauswahl .Produktdaten .Dropdowns .Dropdowns-item { font-weight:bold; padding:0 0 5px 0; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns a { text-decoration:underline; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns #produkt-details { margin:0 0 10px 0; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns #produkt-details table { border-collapse:collapse; background:#FFF; width:100%; padding:0; margin:0; border-spacing:0 !important; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns #produkt-details th { background:#FFF; font-weight:bold; text-align:left; vertical-align:top; padding:2px 3px 2px 0 !important; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns #produkt-details td { background:#FFF; vertical-align:top; padding:2px 0 !important; margin:0; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns span { display:block; } .Designcode-Artikelauswahl .Produktdaten #Kundenwunsch { } .Designcode-Artikelauswahl .Produktdaten #Kundenwunsch textarea { width:100%; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis { position:relative; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisbox { text-align:right; margin-bottom:10px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisbox .Preis { font-size:2.5em; font-weight:bold; display:block; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisbox .zzgl-MwSt { font-size:0.8em; margin:0; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisbox .Rabatt { font-size:1.2em; color:#f00; font-weight:bold; margin:0; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox { margin-bottom:20px; position:relative; height:50px; padding-left:20px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox .Menge { width:40px; margin-right:5px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox .Menge p { margin:0; height:15px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox .Menge input#Menge { height:23px !important; line-height:23px; padding:0 2px !important; overflow:hidden; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox #Fehlertext { width:100%; padding:5px 0; /*position:absolute; bottom:0;*/ text-align:center; background:#D4E4F3; margin-top:10px; } /* Preisstaffel */ .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel { padding:0 20px; font-size:0.9em; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table.Preisstaffel-Start { width:120px !important; float:left; margin:0 !important; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table.Staffeleinheit { width:100%; margin:0 !important; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table.Staffeleinheit th, .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table.Staffeleinheit td { text-align:right; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel .preissstaffel-jcarousel-skin-tango .jcarousel-container { float:left; height:60px; width:279px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel .preissstaffel-jcarousel-skin-tango .jcarousel-container-horizontal { width:279px !important; height:60px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel .preissstaffel-jcarousel-skin-tango .jcarousel-clip-horizontal { width:279px; height:60px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel .preissstaffel-jcarousel-skin-tango .jcarousel-item { width:93px; height:60px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel .preissstaffel-jcarousel-skin-tango .jcarousel-prev-horizontal { left:-140px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel .preissstaffel-jcarousel-skin-tango .jcarousel-next-horizontal { right:-20px; } /* Preisstaffel bei Deaktivierung von JavaScript */ ul.preissstaffel-jcarousel-skin-tango { list-style-type:none; padding:0; margin:0; width:279px; float:left; } ul.preissstaffel-jcarousel-skin-tango li { float:left; width:93px; height:60px; padding:0; margin:0; } .Designcode-Artikelauswahl .Produktdaten #Zuschlaege { margin-bottom:10px; font-size:0.9em; } /* Kopfnummerninfos */ .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs { margin:30px 0 10px 0; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos { border:1px solid #CCC; padding:10px; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs { padding:0; margin:0; list-style-type:none; position:relative; height:23px; width:100%; vertical-align:top; z-index:100; zoom:1; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs li { float:left; position:relative; margin:0 3px 0 0; height:1px; vertical-align:top; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs a { padding:0; background:url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 0; text-decoration:none; text-align:center; font-weight:normal; zoom:1; display:block; padding:0 10px; vertical-align:top; line-height:23px; border-bottom:0; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs li.active a { background-position:0 -24px; color:#FFF; } * html .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs a { display:inline; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos ul.Tabs { display:none; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs .Tabs-Content { padding:10px; border:1px solid #CCC; margin-bottom:10px; position:relative; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs .Tabs-Content #Kopfnummernbeschreibung table { width:auto !important; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs .Tabs-Content #Kopfnummernbeschreibung table td { padding:0; margin:0; } .Designcode-Artikelauswahl .Produktdaten .Tabs-Content .Weitere-Informationen-item { margin:0 0 15px 0; } .Designcode-Artikelauswahl .Produktdaten .Tabs-Content h2 { margin:0; } ul.Services-rund-ums-Produkt { list-style-type:none; padding:0; margin:0; font-size:0.9em; } ul.Services-rund-ums-Produkt li { float:left; text-align:center; margin:0 15px 15px 0; } ul.Services-rund-ums-Produkt li.Blaetterkatalog { width:135px; } ul.Services-rund-ums-Produkt li.Blaetterkatalog img { float:left; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste { border:1px solid #CCC; padding:10px; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste .Produktliste { padding:5px; margin-bottom:5px; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste .Produktliste table { font-size:0.9em; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste tr { cursor:pointer; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste th { text-align:left; padding-right:15px; white-space:nowrap; padding-right:5px; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste td { padding-right:5px; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste td.artnrliste { width:80px; } .Designcode-Artikelauswahl .addthis_toolbox { float:right; } /* Editiermodus */ .Editiermodus { background:#F5F5F5; padding:7px; } .Editiermodus h2 { margin:0 0 10px 0; } .Editiermodus select { width:auto; } .Editiermodus #merkmale-list { list-style: none; } .Editiermodus #merkmale-list li { display: block; width:40%; padding: 0 2px; margin-bottom: 3px; } .Editiermodus #merkmale-list li img.handle { margin-right: 20px; cursor: move; } .Editiermodus .merkmal-aktiv { font-weight:bold; background-color:#BDD9F2; } .Editiermodus .merkmal-inaktiv { font-weight:normal; background-color:#CFE8FF; } .Editiermodus .merkmal-inaktiv span { color:#E60F19; } .Editiermodus .merkmal-aktiv span { color:#088b02; } /* Produktübersichtsseite (PÜS) ===================================================*/ body.PUES .Content { padding-right:0 !important; } body.PUES .Kein-Rahmen { padding-right:0; } p.Factfinder-Copyright { display:none; } body.PUES p.Factfinder-Copyright { display:block !important; text-align:center; } .Produkt-Slider { overflow:hidden; } .Produkt-Slider ul { margin:0; padding:0; list-style-type:none; } .Produkt-Slider li { margin:0; padding:0 10px 0 10px; float:left; width:171px; height:200px; text-align:center; } .Produkt-Slider img.Topseller-Produktbild { display:block; width:100px; height:100px; background:#CCC; margin:0 auto; } .Produkt-Slider span.Topseller-Produktname { display:block; } .Produkt-Slider span.Topseller-Preis { color:#3f3f3f; font-weight:bold; display:block; } /* Subnavi */ .PUES-Subnavigation-Filter { z-index:100 !important; position:relative; margin-right:5px; } .PUES-Subnavigation-Filter .Filter, .PUES-Subnavigation-Filter .group { padding-left:5px; } .PUES-Subnavigation-Filter .PUES-Preis-Slider { display:none; z-index:1000 !important; position:relative; } .PUES-Subnavigation-Kategorien { margin:0 5px 26px 0; } .PUES-Subnavigation-Kategorien ul { padding:0 0 1px 0; margin:0; list-style-type:none; background:#FFF; } .PUES-Subnavigation-Kategorien li { padding:0; margin:0; background:#FFF; border-bottom:1px dashed #cfcfcf; } body.PUES-Hauptkategorie .PUES-Subnavigation-Subkategorien li { border-bottom:1px dashed #cfcfcf; } .PUES-Subnavigation-Subsubkategorien li { border:0; } .PUES-Subnavigation-Kategorien li a { padding:5px 5px; display:block; zoom:1; } .PUES-Subnavigation-Kategorien li a:hover { color:#0061a0; background:#EEE; } .PUES-Subnavigation-Kategorien li a.active { background:url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 -101px; height:31px; color:#FFF; font-weight:bold; padding:2px 5px; line-height:1.1em; color:#FFF; } .PUES-Subnavigation-Kategorien li:first-child { background:#FFF !important; } .PUES-Subnavigation-Subkategorien ul { padding:0; margin:0; list-style-type:none; background:#FFF; } .PUES-Subnavigation-Subkategorien li { padding:0; margin:0; background:#FFF; border-bottom:1px dashed #cfcfcf; } .PUES-Subnavigation-Subkategorien li a { padding:5px 5px; display:block; border:0; zoom:1; } .PUES-Subnavigation-Subkategorien li a:hover { color:#0061a0; background:#EEE; } .PUES-Subnavigation-Subkategorien li a.active { color:#0061a0; font-weight:bold; background:transparent; height:auto; padding:5px 5px; } .PUES-Subnavigation-Subsubkategorien ul { padding:0; margin:0; list-style-type:none; } .PUES-Subnavigation-Subsubkategorien li { padding:0 0 0 13px; margin:0; background:transparent; zoom:1; border:0; } .PUES-Subnavigation-Subsubkategorien li a { padding:2px 5px; } .PUES-Subnavigation-Subsubkategorien li a:hover { background:transparent; } .PUES-Subnavigation-Subsubkategorien li a.active { padding:2px 5px; background:#FFF; } div.Subnavigation-Titel { height:34px; background:url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 -101px; } div.Subnavigation-Titel span { color:#FFF; font-weight:bold; margin:0 5px; display:block; } div.Subnavigation-Titel span a { color:#FFF !important; } .Filter { position:relative; padding:0 0 20px 0; overflow:hidden; } p.Filterbezeichnung { font-weight:bold; color:#3f3f3f; } ul.Filterparameter { margin:0 0 10px 0; padding:0; list-style-type:none; } ul.Filterparameter li { line-height:12px; } a.Mehr-Filterparameter { position:absolute; bottom:0; right:0; color:#0061a0; background:#FFF; width:100%; display:block; text-align:right; display:none; cursor:pointer; } a.Mehr-Filterparameter:hover { color:#0063C4; } /* Hauptkategorie */ .Hauptkategorie-Text { margin:0; padding:0; width:100%; display:table; } body.PUES h1 { font-size:1.5em; margin:0; border:0; } .Produkt-Slider-Topseller { width:383px; float:right; margin-left:10px; height:248px; } ul.Auflistung-Unterkategorien { margin:0 0 20px 0; padding:0; list-style-type:none; position:relative; z-index:0; } ul.Auflistung-Unterkategorien li { margin:0; padding:10px 10px 10px 10px; width:246px; height:235px; float:left; background:url(/images/PUES/bg-Listeneintrag-Kategorie.gif) no-repeat 0 0; position:relative; } img.Subkategorie-Bild { border:0; background:#CCC; display:block; margin-bottom:10px; } p.Subkategorie-Link { position:absolute; bottom:10px; right:10px; margin:0; } input.Eingabefeld-Schildersuche { width:250px; color:#333; } .Eingabefeld-Schildersuche { width:250px; color:#333; } /* Artikelsuche */ p.Passende-Suchempfehlungen span { float:left; } p.Passende-Suchempfehlungen a { display:block; float:left; margin:0 0 0 20px; } .Produkt-Slider-RecEngine { height:190px; margin-top:20px; } .Produkt-Slider-RecEngine li { height:248px; background:transparent; } .Artikelsuche-Navi { height:32px !important; z-index:20; position:relative; } .Titel-in-grauem-Balken .Seiten-blaettern span { font-weight:normal; margin:0; } .Artikelsuche-Navi table { width:100%; border-collapse:collapse; } .Artikelsuche-Navi table table { width:auto; margin:0 !important; border-spacing:0; } .Artikelsuche-Navi .Suchergebnis-Sortierung { position:relative; padding-left:80px; height:18px; width:180px; } .Artikelsuche-Navi .Suchergebnis-Sortierung .Sortiert-nach { position:absolute; left:0; padding:2px 0; } ul.Auflistung-Produkte { margin:0 !important; padding:0 !important; list-style-type:none; } ul.Auflistung-Produkte li { margin:0 !important; padding:40px 10px 10px 10px !important; width:246px; height:250px; float:left; background:url(/images/PUES/bg-Listeneintrag.gif) no-repeat 0 0; position:relative; text-align:center; zoom:1; } ul.Auflistung-Unterkategorien h2 { margin:0 0 0.5em 0; } ul.Auflistung-Unterkategorien h2 a { font-weight:normal; margin:0; font-size:1em; } ul.Auflistung-Unterkategorien li.left, ul.Auflistung-Produkte li.left { background-position:-1px 0; margin:0 !important; } ul.Auflistung-Unterkategorien li.first-left, ul.Auflistung-Produkte li.first-left { background-position:-1px -1px; } ul.Auflistung-Unterkategorien li.first-middle, ul.Auflistung-Unterkategorien li.first-right, ul.Auflistung-Produkte li.first-middle, ul.Auflistung-Produkte li.first-right { background-position:0 -1px; } ul.Auflistung-Produkte li a { cursor:pointer; } ul.Auflistung-Produkte li a:hover span { text-decoration:underline; } ul.Auflistung-Produkte li .Produkt-Symbole { position:absolute; top:10px; left:10px; } ul.Auflistung-Produkte li .Produkt-Symbole img { float:left; margin:0 5px 0 0; } ul.Auflistung-Produkte li .Produkt-Symbole img.Angebot-der-Woche { position:absolute; top:-9px; left:-9px; display:none; } ul.Auflistung-Produkte li .Produkt-Symbole img.Spar-Angebot { position:absolute; top:-9px; left:-9px; } ul.Auflistung-Produkte li .Produkt-Symbole img.Sparen { position:absolute; top:-9px; left:-9px; } ul.Auflistung-Produkte li img.Produkt-Bild { display:block; margin:0 auto; width: expression(this.width > 150 ? "150px" : true); height: expression(this.height > 150 ? "150px" : true); max-width:150px; max-height:150px; } ul.Auflistung-Produkte .Edit-Info { display:none; } ul.Auflistung-Produkte .Edit-Info span { display:block; } span.Produkt-Name { display:block; position:absolute; top:200px; width:239px; left:10px; } div.Preis-Lieferbarkeit { display:block; position:absolute; bottom:10px; right:10px; text-align:right; } div.Preis-Lieferbarkeit span { display:block; } span.Preis { color:#3f3f3f; font-weight:bold; } span.Streich-Preis { color:#777; text-decoration:line-through; font-size:0.9em; } span.Rabatt-Preis { color:#F00; font-weight:bold; } div.Preis-Lieferbarkeit span.Lieferbarkeit { color:#777; font-size:0.9em; } div.product-list-item-left { display:block; position:absolute; bottom:10px; left:10px; text-align:left; width:150px; background:#FFF; z-index:100; } div.product-list-item-left .Artikelanzahl { color:#777; font-size:0.9em; } div.product-list-item-left .product-list-item-relevancy { color:#F00; float:left; font-size:0.9em; margin:0 10px 0 0; } div.product-list-item-left .product-list-item-edit { color:#F00; font-size:0.9em; } ul.Auflistung-Produkte li.Produkt-nicht-verfuegbar { } ul.Auflistung-Produkte li.Produkt-nicht-verfuegbar p.Text-Produkt-nicht-verfuegbar { position:absolute; margin:0; top:20px; left:10px; text-align:center; color:#666; width:239px; } ul.Auflistung-Produkte li.Produkt-nicht-verfuegbar .Bildsperre-Produkt-nicht-verfuegbar { background:#CCC; width:239px; height:150px; position:absolute; top:40px; left:10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* Spar-Angebote */ .PUES-Banner-Spar-Angebote { margin:10px 0; } /* Themen */ .Themen-Text img.Thema-Banner { margin:10px 0; } /* Schilder-Suche */ body.Schildersuche .PUES-Subnavigation-Kategorien .Title2 { display:none; } body.Schildersuche .PUES-Subnavigation-Kategorien li.Aufhebung a { font-weight:bold; } body.Schildersuche .Schilder-Banner { margin-right:10px; } body.Schildersuche .Anzahl-Artikel { display:none; } body.Schildersuche .Seitenanzeige { white-space:nowrap; } body.Schildersuche .pagingCurrent, body.Schildersuche .pagingLinks { margin:0 !important } .Schilder-Suche { position:relative; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; width:auto; top:0; left:0; padding:5px 0; margin:10px 0; vertical-align:center; height:23px; width:100%; z-index:10000; } .Schilder-Suche p { position:absolute; left:0; top:0; line-height:20px; font-weight:bold; font-size:1.1em; } .Schilder-Suche .Schilder-Sucheingabe { position:absolute; top:5px; left:280px; z-index:999999999999999; } .Schilder-Suche input { width:220px; float:left; margin:0 10px 0 0; color:#666; } .Schilder-Suche .Button-klein-T-Suchen { position:absolute; top:-1px; left:240px; } /*Schilder ===================================================*/ /* Schilder-Banner blau */ .Schilder-Banner { height:150px; padding:10px; position:relative; background:url(/images/Schilder-Suche/Schilder-Suche.jpg) no-repeat #004389; background-position:right bottom; margin-bottom:20px; z-index:1000; } .Schilder-Suche-Teaser-Content { width:460px; } .Schilder-Banner h2 { color:#FFF !important; font-size:1.2em; margin:0; } .Schilder-Banner h3 { color:#eaf4ff; font-size:1.1em; margin:0; } .Schilder-Banner ul { color:#eaf4ff; padding:0; margin:10px 0 0 0; list-style-type:none; } .Schilder-Banner li { color:#eaf4ff; margin:0.5em 0; } .Schilder-Banner .Schilder-Suchformular { position:absolute; top:75px; right:125px; z-index:3; width:165px; height:10px; } .Schilder-Banner #searchQuery { position:absolute; top:0; left:0; height:21px; width:130px; padding:0; line-height:21px; } .Schilder-Banner .SuchButton { position:absolute; top:0; right:0; } .suggestLayer-Schildersuche { position:absolute; display:none; top:19px !important; left:0 !important; padding:0; margin:0; background-color:white; background:transparent; opacity:.9; filter:alpha(opacity=90); z-index:999999999999 !important; zoom:1; } .suggestLayer-Schildersuche table { border:1px solid #000; margin:0; } .Schilder-LP-Link { font-size:1.2em; margin-bottom:20px; } .Schilder-Grid-System .Grid4 { width:251px !important; height:215px; border:1px solid #335F8A; text-align:center; } .Schilder-Grid-System .Grid4 h5 { height:28px; padding:5px; text-align:left; background:url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 -157px; } .Schilder-Grid-System .Grid4 img { margin:5px 0 0 0; } .Schilder-Grid-System .Grid4 p { margin:5px 5px 0 5px; text-align:left; font-size:0.9em; } .Schilder-Rubrik { width:225px; height:215px; float:left; border:1px solid #335F8A; margin:0 10px 10px 0; text-align:center; } .Schilder-Rubrik img { margin:5px 0 0 0; } .Schilder-Rubrik p { margin:5px 5px 0 5px; text-align:left; font-size:0.9em; } .Schilder-Info { border:1px solid #bf0d18 !important; } .Schilder-Info h5 { background:url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 -205px !important; } .Schilder-Info h5 a { color:#FFF !important; } .Content-Schilder .last { width:224px; float:right; margin-right:0; } /* Designcode-Artikelauswahl Quittung ===================================================*/ table.Produkt-Tabelle { width:100%; border-collapse:collapse; border-bottom:1px solid #000; } table.Produkt-Tabelle th { border-top:2px solid #000; text-align:left; padding:0 3px; background:#EAF5FF; } table.Produkt-Tabelle td { border-top:1px solid #000; padding:3px 5px; } table.Produkt-Tabelle .no-border { border:0; } table.Produkt-Tabelle .inactive { color:#888; } #Rec-Engine .Title2 { margin-bottom:10px; } #Rec-Engine ul { list-style-type:none; margin:0; padding:0; } #Rec-Engine li { display:inline; float:left; width:160px; text-align:center; margin:0 15px 0 0; padding:0; } /* Symbole ===================================================*/ #main { padding:10px; margin-left:10px; margin-right:10px; } .symbole { float:left; font-size:7pt; margin:2px 2px 0 0; text-align:center; padding:0; } /* Warenkorb ===================================================*/ .buttonAsLink{ color:#0061a0; background:none; padding:0; border-width:0; cursor:pointer; text-align:left; margin:0; font-size:0.9em; font-family:Arial; font-weight:bold; } table.Abrechnung { float:right; border-collapse:collapse; margin:10px 0; width:330px !important; } table.Abrechnung th { text-align:left; padding:3px 0; font-weight:normal; } table.Abrechnung td { text-align:right; padding:3px 0; } table.Abrechnung tr#Rabatt { color:#F00; } table.Abrechnung tr.Gesamtsumme { font-size:1.3em; font-weight:bold; border-bottom:1px solid #eaeaea; } table.Abrechnung tr.Gesamtsumme th { font-weight:bold } .Links { clear:both; width:220px; float:right; margin:-10px 0 20px 0; } .Links a { display:block; font-size:0.9em; } .Links a.Adobe-Reader { font-size:0.9em; } .Checkout-Check-and-Send .Links { clear:both; width:265px !important; float:right; margin:0; position:relative; top:-20px; } /* Direktbestellung */ body.Warenkorb-Direktbestellung { overflow-x:hidden; overflow-y:auto; width:96%; padding:0 2%; } input.Eingabefeld-Kopfnummer, input.Eingabefeld-Menge, input.Eingabefeld-Kopfnummer { width:100px; } body.Warenkorb-Direktbestellung input.Eingabefeld-Artikelnummer { width:50px; } body.Warenkorb-Direktbestellung input.Eingabefeld-Detailnummer { width:40px; } body.Warenkorb-Direktbestellung input.Eingabefeld-Menge { width:40px; } .Vorteilsnummer-Eingabe { display:none; } .Vorteilsnummer-Eingabe #hinweis { display:block; clear:both; } .Hinweis-Fehler { color:#F00; } /*Mitbestellen*/ .Mitbestellen-item { margin-top:10px; overflow:hidden; } .Mitbestellen-item img { float:left; margin-right:10px; } .Mitbestellen-item p { margin-top:0; padding-left:90px; } .Mitbestellen-item a.direktMitbestellenLink { font-weight:bold; } .Mitbestellen-item a.Button { float:none; border-right:1px solid #4F7395; } /* File-Upload */ .Datei-Uploads ul { list-style-type:none; margin:0; padding:0; } .Datei-Uploads ul li { margin:0 0 2px 0; padding:3px 3px 3px 20px; background:#F6F6F6 url(/images/Icons/Anhang.gif) no-repeat 3px 3px; } .Datei-Uploads ul li div { float:right; } body.FileUpload { overflow-x:hidden; overflow-y:auto; width:90%; padding:20px 5%; } body.FileUpload .Datei-Upload { margin:20px 0; position:relative; width:515px; } body.FileUpload .Datei-Uploads { margin:20px 0; } tr.vortn td { padding-top:4px !important; padding-bottom:4px !important; } tr.vortn td.Radio-Button { text-align:right; padding-right:8px !important; width:50px; } tr.vortn td.Radio-Button input { margin:0 !important; } tr#geschenke td { padding-top:10px !important; padding-bottom:4px !important; } tr#geschenke h3 { margin:0; } /* Checkout ===================================================*/ /* Allgemein -------------------------------------------------------------*/ /* Kopfnavigation */ .Kopfnavigation { width:100%; position:relative; height:50px; margin-bottom:20px; line-height:50px; } .Schritt-1-Adresseingabe { position:absolute; left:0; top:0; width:50%; height:50px; background:url(/images/Checkout/Kopfnavigation-bg-inactive.gif) repeat-x; color:#7f7f7f; } .Schritt-2-Bestellung-pruefen { position:absolute; right:0; top:0; width:50%; height:50px; background:url(/images/Checkout/Kopfnavigation-bg-inactive.gif) repeat-x; border-left:2px solid #FFF; color:#7f7f7f; } .Kopfnavigation div.Zahl { font-size:3em; color:#FFF; font-weight:bold; display:block; float:left; padding:0 10px 0 20px; } .Kopfnavigation div.Text { float:left; } .Kopfnavigation div.Haekchen { background:url(/images/Allgemein/Icons-Symbole.png) no-repeat -44px -126px; width:16px; height:15px; float:left; margin:18px 10px; display:none; } input.Eingabefeld, textarea { background:url(/images/Allgemein/input-bg.gif) no-repeat; border:0; border:1px solid #DDD; padding:3px; font-family:Arial; font-size:1em; } select { background:url(/images/Allgemein/input-bg.gif) no-repeat; border:0; border:1px solid #DDD; padding:0; font-family:Arial; font-size:1em; } input.Eingabefeld:hover, textarea:hover, select:hover { border:1px solid #BBB; } /* Adresseingabe -------------------------------------------------------------*/ body.Checkout-Adresseingabe {} /* Kopfnavigation */ .Checkout-Adresseingabe .Schritt-1-Adresseingabe { background:url(/images/Checkout/Kopfnavigation-bg-active.gif) repeat-x; color:#000; font-weight:bold; } /*Adresstabelle */ .Checkout-Adresseingabe table.Adresseingabe th { padding-right:10px; } .Checkout-Adresseingabe table.Adresseingabe td.Eingabe { width:250px; padding-right:10px; } .Checkout-Adresseingabe table.Adresseingabe td.Hinweis { width:350px; position:relative; } .Checkout-Adresseingabe table.Adresseingabe input.Eingabefeld, .Checkout-Adresseingabe table.Adresseingabe textarea { width:230px; } .Checkout-Adresseingabe p.editable_textarea { display:none; } .Button-Weiter { float:right; } /* Check and send -------------------------------------------------------------*/ .Checkout-Check-and-Send {} /* Kopfnavigation */ .Checkout-Check-and-Send .Schritt-1-Adresseingabe { background:url(/images/Checkout/Kopfnavigation-bg-active.gif) repeat-x; color:#000; } .Checkout-Check-and-Send .Schritt-1-Adresseingabe .Haekchen { display:block; } .Checkout-Check-and-Send .Schritt-2-Bestellung-pruefen { background:url(/images/Checkout/Kopfnavigation-bg-active.gif) repeat-x; color:#000; font-weight:bold; } .Button-Bestellung-abschicken { float:right; } /* Adresstabelle */ .Checkout-Check-and-Send table.Adresseingabe .Table-Head { width:93px; } .Checkout-Check-and-Send table.Adresseingabe .Kundenadresse { width:200px; } .Checkout-Check-and-Send table.Adresseingabe .Rechnungsadresse { width:200px; } .Checkout-Check-and-Send table.Adresseingabe .Lieferadresse { width:200px; } /* Breitenangaben verhindern ein Springen der Tabelleninhalte beim An- und Abwählen von Liefer- und Rechnungsadresse */ .Checkout-Check-and-Send table.Adresseingabe input.Eingabefeld[disabled] { background:#FFF; color:#000; border:0; padding:0; } .Checkout-Check-and-Send table.Adresseingabe input.input-disabled { background:#FFF; color:#000 !important; border:0; border:none; zoom:1; } .Checkout-Check-and-Send table.Adresseingabe textarea.Eingabefeld[disabled] { background:#FFF; color:#000; border:0; } .Checkout-Check-and-Send table.Adresseingabe select.Pulldown[disabled] { background:#FFF; color:#000; border:0; padding:0; } .Checkout-Check-and-Send .Links { width:227px; } /* Confirmation Page -------------------------------------------------------------*/ body.Checkout-Confirmation-Page {} /* Kopfnavigation */ .Checkout-Confirmation-Page .Schritt-1-Adresseingabe { background:url(/images/Checkout/Kopfnavigation-bg-active.gif) repeat-x; color:#000; } .Checkout-Confirmation-Page .Schritt-1-Adresseingabe .Haekchen { display:block; } .Checkout-Confirmation-Page .Schritt-2-Bestellung-pruefen { background:url(/images/Checkout/Kopfnavigation-bg-active.gif) repeat-x; color:#000; } .Checkout-Confirmation-Page .Schritt-2-Bestellung-pruefen .Haekchen { display:block; } /* Twitter & Facebook */ .Branche-Anzahl-Beschaeftigte { } .Treue { padding:10px; border:1px solid #CCC; margin:10px 0 0 0; display:none; } .Social-Network { border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:5px 0 10px 0; margin:20px 0; } .Twitter-Facebook { margin:10px 0 0 0; } /* Checkout Print -------------------------------------------------------------*/ body.Checkout-Print { position:relative; width:100%; } body.Checkout-Print .wrapper { width:750px; position:relative; left:50%; margin:10px 0 10px -375px; } body.Checkout-Print a { color:#3a3a3a; } body.Checkout-Print .Bestellmoeglichkeiten { margin-bottom:-70px; float:right; font-size:0.9em; width:250px; } body.Checkout-Print .Bestellmoeglichkeiten div { margin-bottom:10px; } body.Checkout-Print h1 { border:0; margin:10px 0; } body.Checkout-Print table { font-size:1em; } table.Checkout-Print td.Anzahl-JS div { width:auto !important; } body.Checkout-Print td.Anzahl-JS img { display:none; } body.Checkout-Print td.Anzahl input.buttonAsLink, body.Checkout-Print td.Anzahl a { display:none; } body.Checkout-Print input.Eingabefeld, body.Checkout-Print textarea, body.Checkout-Print select { border:0 !important; background:none; font-size:1em; letter-spacing:0; padding:0; margin:0; } body.Checkout-Print .Anzahl { } body.Checkout-Print .Anzahl-JS a { display:none; } body.Checkout-Print .Anzahl-JS input.updateLink { display:none; } body.Checkout-Print .Einzelpreis-abzgl-Rabatt-netto img { display:none; } body.Checkout-Print .Einzelpreis-abzgl-Rabatt-netto .buttonAsLink { display:none; } body.Checkout-Print .Einzelpreis-abzgl-Rabatt-netto .Datei-Upload { display:none; } body.Checkout-Print tr.vortn { display:none; } body.Checkout-Print tr.Dankeschoen-Geschenk { display:table-row; } * + html body.Checkout-Print tr.Dankeschoen-Geschenk { display:block; } /*IE 7*/ * html body.Checkout-Print tr.Dankeschoen-Geschenk { display:block; } /*IE 6*/ body.Checkout-Print tr.Dankeschoen-Geschenk input { display:none; } body.Checkout-Print table.Adresseingabe { font-size:0.9em; } body.Checkout-Print td.kundenadr_Bemerkung div { } /*Artikelsuche ===================================================*/ /*Subnavigation*/ .Subnavigation { margin:0 5px 26px 0; } .Subnavigation .Title1, .Subnavigation .Title1 a { height:18px; font-size:11pt; font-weight:bold; margin:0; color:#E60F19 !important; border-bottom:2px solid #004388; } .Subnavigation .Title2 { padding:5px; margin:15px 0 0 0; border-bottom:1px dashed #cfcfcf; } .Subnavigation ul { padding:0 0 1px 0; margin:0; list-style-type:none; } .Subnavigation li { padding:0; margin:0; border-bottom:1px dashed #cfcfcf; } .Subnavigation li a { padding:5px 5px; display:block; background:#FFF; zoom:1; } .Subnavigation li a:hover { color:#0061a0; background:#EEE; } .Subnavigation li a.active { font-weight:bold; color:#0061a0; } .Subnavigation li:first-child { background:#FFF !important; } /* .Subnavigation .Content { background-color:#E0EDF8; padding:8px; } .Subnavigation .Content .Title2 { margin:0.5em 0 0.2em 0; color:#000000 !important; font-weight:bold; font-size:0.9em; } .Subnavigation .Content ul { margin:0; padding:0 0 0 0; list-style-type:none; } .Subnavigation .Content ul.Kategorie { margin:0; } .Subnavigation .Content ul.Subkategorie { margin:0 0 0 10px; } .Subnavigation .Content ul.Subsubkategorie { margin:0 0 0 20px; } .Subnavigation .Content li { padding:0px; margin:0 0 5px 8px; font-size:8pt; font-weight:bold; } */ .Abschnitt-Darstellung-Suchergebnisse .Ansicht { position:relative; float:left; z-index:0; white-space:nowrap; margin-bottom:10px; } .Sortierung { position:relative; float:right; z-index:0; white-space:nowrap; margin-bottom:10px; } .Abschnitt-Darstellung-Suchergebnisse select { position:relative; z-index:0; width:200px; font-size:9px; zoom:0; } .Abschnitt-Darstellung-Suchergebnisse option { position:relative; z-index:0; zoom:0; } .Abschnitt-Seiten { height:30px; } .Seitenanzahl { z-index:0; white-space:nowrap; } .Seitenanzahl span { font-size:1.2em; font-weight:bold; } .Seiteanzeige { z-index:0; } .Ergebnis {width:330px; height:130px; float:left; margin:0 15px 15px 0; background-color:#F0F7FD; border:1px solid #335F8A; position:relative; top:0px; left:0px;} .Ergebnis a { cursor:pointer; } .ErgebnisBild { position:absolute; top:7px; left:7px; border:1px solid #333333; background-color:#FFF; } .ErgebnisText {width:225px; position:absolute; top:7px; left:100px; margin:0px;} .Icons { position:absolute; bottom:0; right:0; width:230px; height:50px; } .Icons img { float:left; margin-right:5px; } .Icons img.Spar-Angebot { position:absolute; bottom:0; right:0; width:auto; margin:0; float:none; z-index:1; background:#F0F7FD; } .Icons img.Angebot-der-Woche { position:absolute; bottom:0; right:0; width:auto; margin:0; float:none; z-index:2; background:#F0F7FD; } .Suchuntertitel {margin:10px 0 7px 0;} .SucheTitel2 {font-size:9pt; font-weight:normal; color:#000000; margin-top:1px; padding-bottom:2px;} a.EditArtikelsuche:visited { color:#666; font-weight:bold;} a.EditArtikelsuche:active { color:#0063C4; } a.EditArtikelsuche:hover { color:#0063C4; } body.Seite-Artikelsuche h1 {width:100%; border:0; color:#000000; padding:1px 5px 1px 5px; margin:0 0 10px 0; background:#DFEFFF; } body.Seite-Artikelsuche .Subnavigation a { font-weight:normal; } body.Seite-Artikelsuche .Subnavigation a:hover { font-weight:bold; } body.Seite-Artikelsuche .Subnavigation .Content li.Aufhebung a { font-weight:bold; margin:0; } body.Seite-Artikelsuche .Subnavigation .Content .Title2 { margin-top:5px; } .Bereichstext { background:#EAF5FF; margin-bottom:10px; padding:6px; } /*Homepage ===================================================*/ /*.Homepage .Content { padding:0 12px 15px 12px; } */ .Homepage-Grid-System .Grid1 { width:34px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid2 { width:76px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid3 { width:118px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid4 { width:160px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid6 { width:244px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid8 { width:328px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid10 { width:412px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid12 { width:496px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid14 { width:580px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid16 { width:664px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid18 { width:748px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid20 { width:832px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid22 { width:916px; margin:0 8px 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid24 { width:1000px; margin:0 0 8px 0; float:left; overflow:hidden; zoom:1; position:relative; } .Homepage-Grid-System .Grid-last { margin-right:0; } .Homepage .Content .Teaser .Rahmen { margin:0; } .Homepage .Content .Teaser .Rahmen-oben-links, .Homepage .Content .Teaser .Rahmen-oben-rechts, .Homepage .Content .Teaser .Rahmen-unten-links, .Homepage .Content .Teaser .Rahmen-unten-rechts { background-image:url(/images/Allgemein/Rahmen-Verlauf.gif); } .Homepage .Teaser-Neukunde-bei-SETON a, .Homepage .Teaser-SETON-Katalog a, .Homepage .Teaser-Blog .Rahmen-Inhalt { height:165px; } /* Teaser Top-Kategorien */ .Teaser-Top-Kategorien .Grid3 { width:124px !important; border-right:1px solid #d9d9d9; margin:0 0 8px 0 !important; text-align:center; font-size:0.9em; } .Teaser-Top-Kategorien .Grid-last { width:125px; border:0; } .Teaser-Top-Kategorien .Grid3 img { display:block; margin:0 auto 5px auto; } .Homepage .Teaser-Vorteile-bei-SETON-bvh .Rahmen-Inhalt { height:231px; } .Teaser-Vorteile-bei-SETON-bvh img.EHI { margin:15px 0; } .HP-Text h1 { border:0 !important; margin:15px 0 0 0; } /* Banner-Rotator */ .wt-rotator { font-family:Arial,Helvetica,sans-serif; font-size:12px; position:relative; width:744px; height:253px; overflow:hidden; padding:2px;} .wt-rotator a { outline:none; } .wt-rotator .screen { position:relative; top:0; left:0; overflow:hidden; } .wt-rotator #strip { display:block; position:absolute; top:0; left:0; z-index:0; overflow:hidden; } .wt-rotator .content-box { display:none; position:absolute; top:0; left:0; overflow:hidden; } .wt-rotator .main-img { display:none; position:absolute; top:0; left:0; z-index:0; border:0; padding:0 !important; } .wt-rotator .preloader { position:absolute; top:50%; left:50%; width:36px; height:36px; margin-top:-18px; margin-left:-18px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#000 url(../images/Allgemein/loadinfo_48x48.gif) center no-repeat; background:rgba(0,0,0,.7) url(../images/Allgemein/loadinfo_48x48.gif) center no-repeat; z-index:4; display:none; } .wt-rotator #timer { position:absolute; left:0; height:4px; background-color:#FFF; -moz-opacity:.5; filter:alpha(opacity=50); opacity:0.5; z-index:4; visibility:hidden; font-size:0; } .wt-rotator .desc { color:#000; position:absolute; color:#FFF; z-index:6; overflow:hidden; visibility:hidden; text-align:left; } .wt-rotator .inner-bg { position:relative; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity:.7; filter:alpha(opacity=70); opacity:.7; z-index:0; } .wt-rotator .inner-text { position:absolute; top:0; left:0; padding:10px; width:auto; height:auto; z-index:1; } .wt-rotator .c-panel { position:absolute; top:0; z-index:7; visibility:hidden; padding:6px; } .wt-rotator .outer-cp { position:absolute; left:0; width:100%; background:#333; background:-moz-linear-gradient(top, #999 0%, #333 50%, #000 51%, #111 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(50%,#333), color-stop(51%,#000), color-stop(100%,#111)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#111111',GradientType=0); border:1px solid #000; border-left:none; border-right:none; } .wt-rotator .thumbnails, .wt-rotator .buttons { display:inline; position:relative; float:left; overflow:hidden; } .wt-rotator .thumbnails ul { list-style:none; margin:0; padding:0; } .wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn { list-style:none; display:inline; float:left; margin-right:4px; overflow:hidden; width:24px; height:24px; line-height:24px; text-align:center; color:#FFF; cursor:pointer; font-weight:bold; } .wt-rotator .thumbnails li { background:url(../images/Allgemein/Buttons/Buttons.png) -750px 0 no-repeat; line-height:25px !important; } .wt-rotator .thumbnails li.thumb-over { color:#FFF; background-image:url(../images/Allgemein/Buttons/Buttons.png) -723px 0; } .wt-rotator .thumbnails li.curr-thumb { cursor:default; background:url(../images/Allgemein/Buttons/Buttons.png) -723px 0; } .wt-rotator .thumbnails li.image{ background-color:#000; } .wt-rotator .thumbnails li.image.curr-thumb, .wt-rotator .thumbnails li.image.thumb-over{ border-color:#06F; } .wt-rotator .thumbnails li.image a, .wt-rotator .thumbnails li.image img { display:block; border:0; } .wt-rotator .thumbnails li.image.curr-thumb img { -moz-opacity:.8; filter:alpha(opacity=80); opacity:0.8; cursor:default; } .wt-rotator .thumbnails li *{ display:none; } .wt-rotator .thumbnails li div { position:relative; color:#FFF; background-color:#000; width:auto; height:auto; } .wt-rotator .play-btn { background:url(../images/Allgemein/Buttons/Buttons.png) -669px 0 no-repeat; } .wt-rotator .pause{ background:url(../images/Allgemein/Buttons/Buttons.png) -696px 0 no-repeat; } .wt-rotator .prev-btn { background:url(../images/Allgemein/Buttons/Buttons.png) -777px 0 no-repeat; } .wt-rotator .next-btn { background:url(../images/Allgemein/Buttons/Buttons.png) -801px 0 no-repeat; } #rotator-tooltip { position:absolute; top:0; left:0; z-index:99999; display:none; } /* #rotator-tooltip.txt-up { margin-left:-10px; margin-bottom:5px; background:url(../images/assets/tail.png) no-repeat; background-position:10px bottom; background-position-x:10px; background-position-y:bottom; } #rotator-tooltip.txt-down { margin-left:-10px; margin-top:24px; background:url(../images/assets/rev_tail.png) no-repeat; background-position:10px top; background-position-x:10px; background-position-y:top; } #rotator-tooltip.img-up { background:url(../images/assets/tail.png) center bottom no-repeat; } #rotator-tooltip.img-down { background:url(../images/assets/rev_tail.png) center top no-repeat; } #rotator-tooltip .tt-txt { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#FFF; background-color:#000; max-width:300px; padding:4px; margin:8px 0; } #rotator-tooltip .tt-img { display:none; background-color:#000; padding:2px; margin:8px 0; } */ .wt-rotator .block, .wt-rotator .vpiece, .wt-rotator .hpiece { position:absolute; z-index:2; } /* ScreenshotsPopUp ===================================================*/ body.ScreenshotsPopUp { background-color:#FFFFFF; margin:15px; } body.ScreenshotsPopUp .scrollButtons { position:absolute; top:550px; width:252px; display:block; margin:0 0 0 164px; } /*Nichtraucherschutz ===================================================*/ .Nichtraucherschutz { } .Nichtraucherschutz h2 { margin-top:0; } .Nichtraucherschutz h3 { margin:0 0 15px 0; } .Nichtraucherschutz ul { margin-top:10px; } .Nichtraucherschutz li { padding:0; margin:0; } /*Schutzhandschuhe ===================================================*/ .Handschuh-Prgramm-Grid-System .Grid6 { border:1px solid #335F8A; background:#F0F7FD; width:383px !important; height:132px; } .Handschuh-Prgramm-Grid-System .Grid6 .Produktbild { position:absolute; top:6px; left:6px; } .Handschuh-Prgramm-Grid-System .Grid6 .Grid-Content { margin:0 0 0 90px; height:100px; } .Handschuh-Prgramm-Grid-System .Grid6 .Handschuh-Kategorie { position:absolute; top:87px; left:8px; width:120px; font-size:90%;} .Handschuh-Prgramm-Grid-System .Grid6 .Handschuh-Kategorie-Symbol { position:absolute; top:87px; left:110px;} /*Lagerräumung ===================================================*/ .LR-Artikel1 {margin:12px 6px 12px 6px ; padding:4px; border:solid 1px #335F8A; width:auto; background-color:#ffffff;} .Lagerraeumung {width:97%; color:#000000; padding:2px 5px 2px 5px; font-weight:bold;} .Prozent {text-align:center; font-weight:bold; color:#F2A500; margin:0;} /*Normen ===================================================*/ body.Normen-und-Vorschriften .Grid-System { margin-top:10px; } body.Normen-und-Vorschriften .Content-Box { background:#DFF1FB; } body.Normen-und-Vorschriften .Content-Box div { text-align:center; } table.Normen { background-color:#DFF1FB; } table.Normen td { padding:4px !important; } /*Etikettenübersicht ===================================================*/ table.Etiketten {width:830px;} table.Etiketten td { padding:8px 4px 8px 4px; border-bottom:1px solid #000; } table.Etiketten td.Seitenwand { border-right:1px solid #CCCCCC; } table.Etiketten td.tabhead { border-top:2px solid #000000; vertical-align:top; border-bottom:1px solid #000000; font-weight:bold; color:#000000; height:30px; } /*Prüfplaketten- und Siegelübersicht ===================================================*/ table.Plaketten { border-left:1px solid #000; border-top:2px solid #000000; } table.Plaketten td { padding:2px; border-bottom:1px solid #000; border-right:1px solid #000; } table.Plaketten td.tabhead { vertical-align:top; border-bottom:1px solid #000000; font-weight:bold; color:#000000; height:30px; } /*Etikettenberater ===================================================*/ PG-table{border:0;} .tabhead1{ border-top:2px solid #000000; vertical-align:top; border-bottom:1px solid #000000; font-weight:bold; background-color:#EAF5FF; color:#000000; height:30px; } .tabhead2{ font-weight:bold; background-color:#DDDDDD; border:1px solid #FFFFFF;} .tabcell{ background-color:#DDDDDD; border:1px solid #FFFFFF;} .ab{ background-color:#008000; color:#ffffff; border:1px solid #FFFFFF; } .ib{ background-color:#993300; color:#ffffff; border:1px solid #FFFFFF;} .ab-st{ background-color:#CCFFCC; border:1px solid #FFFFFF;} .ab-st-s{ background-color:#CCFFCC; font-size:9px; border:1px solid #FFFFFF;} .ab-st-c{ background-color:#CCFFCC; text-align:center; border:1px solid #FFFFFF;} .ab-sst{ background-color:#00FF00; border:1px solid #FFFFFF;} .ab-sst-s{ background-color:#00FF00; font-size:9px; border:1px solid #FFFFFF;} .ab-sst-c{ background-color:#00FF00; text-align:center; border:1px solid #FFFFFF; } .ib-st{ background-color:#FFFF99; border:1px solid #FFFFFF;} .ib-st-s{ background-color:#FFFF99; font-size:9px; border:1px solid #FFFFFF;} .ib-st-c{ background-color:#FFFF99; text-align:center; border:1px solid #FFFFFF;} .ib-sst{ background-color:#FFCC99; border:1px solid #FFFFFF;} .ib-sst-s{ background-color:#FFCC99; font-size:9px; border:1px solid #FFFFFF;} .ib-sst-c{ background-color:#FFCC99; text-align:center; border:1px solid #FFFFFF;} /* Inventarketiketten-Designer ===================================================*/ /*Pressemitteilungen ===================================================*/ .PM {position:relative; top:0; left:0; padding-right:240px; } .PM img { float:left; margin:0 10px 10px 0; } .PM img.right { float:right; margin:10px 0 10px 10px; } .Download { width:210px; position:absolute; top:0; right:0; } /* Newsletter-Anmeldung ===================================================*/ .Newsletter-Anforderung table.Adresseingabe td.Hinweis { width:350px; } .Newsletter-Anforderung table.Adresseingabe td.Eingabe input.Eingabefeld, .Newsletter-Anforderung table.Adresseingabe td.Eingabe select.Pulldown, .Newsletter-Anforderung table.Adresseingabe td.Eingabe textarea { width:230px; } .Newsletter-Anforderung table.Adresseingabe .Button-klein-T-Jetzt-kostenlos-abonnieren { right:5px; } .Newsletter-Anforderung table.Adresseingabe .Button-klein-T-Daten-aendern { right:5px; } .Newsletter-Anforderung table.Adresseingabe .Button-klein-T-Newsletter-abbestellen { right:10px; } /* 20 Jahre Seton ===================================================*/ /* Content JubiAngebote */ td.ContentInhalt_JubiAngebote { background-image:url(images/20Jahre/JubilaeumsAngebote/Content_JubiAngebote.gif);} td.ContentRandO_JubiAngebote { height:20px; background-image:url(images/20Jahre/JubilaeumsAngebote/Rand_O_JubiAngebote.gif); background-repeat:repeat-x; margin:0px; padding:0px;} td.ContentRandU_JubiAngebote { height:20px; background-image:url(images/20Jahre/JubilaeumsAngebote/Rand_U_JubiAngebote.gif); background-repeat:repeat-x; margin:0px; padding:0px;} td.ContentRandL_JubiAngebote { width:30px; background-image:url(images/20Jahre/JubilaeumsAngebote/Rand_L_JubiAngebote.gif); background-repeat:repeat-y; margin:0px; padding:0px;} td.ContentRandR_JubiAngebote { width:30px; background-image:url(images/20Jahre/JubilaeumsAngebote/Rand_R_JubiAngebote.gif); background-repeat:repeat-y; margin:0px; padding:0px;} td.ContentEckeOL_JubiAngebote { width:30px; height:20px; background-image:url(images/20Jahre/JubilaeumsAngebote/Ecke_OL_JubiAngebote.gif); background-position:top; margin:0px; padding:0px;} td.ContentEckeOR_JubiAngebote { width:30px; height:20px; background-image:url(images/20Jahre/JubilaeumsAngebote/Ecke_OR_JubiAngebote.gif); background-position:top;} td.ContentEckeUL_JubiAngebote { width:30px; height:20px; background-image:url(images/20Jahre/JubilaeumsAngebote/Ecke_UL_JubiAngebote.gif); background-position:bottom;} td.ContentEckeUR_JubiAngebote { width:30px; height:20px; background-image:url(images/20Jahre/JubilaeumsAngebote/Ecke_UR_JubiAngebote.gif); background-position:bottom;} /* Rating für Kreativ-Wettbewerb */ /* div.rating { width:140px; text-align:left; background-color:#FEFCE5; margin:0 0 10px 5px} div.ratingBase { position:relative; margin-left:4px; width:102px; height:20px; background-image:url(/images/20Jahre/kreativ-wettbewerb/rate-base.png); } div.ratingCurrent { position:absolute; top:0; left:0; height:20px; background-image:url(/images/20Jahre/kreativ-wettbewerb/rate-current.png); } div.ratingRate { position:absolute; top:0; left:0; width:102px; height:20px; background-image:url(/images/20Jahre/kreativ-wettbewerb/rate-hover.png); background-repeat:no-repeat; background-position:-100px 0; } div.ratingRate a { display:block; height:20px; width:20px; float:left; } div.ratingRate a:hover { background:transparent; } h1.KreativWettbewerb { color:#EB1E12; border-bottom:2px solid #ebb600; margin:0pt; } h2.KreativWettbewerb { color:#EB1E12; font-weight:bold; margin:20pt 0 3pt 0;} h2.KreativWettbewerb2 { color:#EB1E12; font-weight:normal; margin:20pt 0 3pt 0;} .tabKreativWettbewerbDunkel { background-color:#fcf7b2;} .tabKreativWettbewerbHell { background-color:#fefce5;} .Schild {width:156px; height:195px; float:left; background-color:#fefce5; margin:7px; border:1px solid #faf27f;} .SchildBild {margin:8px; } .SchildPlatzhalter { height:120px; } .Schild p { margin:0 10px 10px 10px;} .BereitsBewertet {height:15px; font-size:8pt; color:#666; margin:0 0 0 6px; } .BewertungAbgegeben {height:15px; font-size:8pt; color:#666; margin:0 0 0 6px; } */ /* SchilderRätsel */ .wqText { width:98px; height:98px; float:left; margin:7px; text-align:center; border:1px solid #606060; background:#fffadd; position:relative; cursor:pointer; } .wqImage { width:98px; height:98px; float:left; margin:7px; text-align:center; border:1px solid #606060; background:#fffadd; position:relative; cursor:pointer; } .wqText p { width:85px; height:85px; margin:6px 3px 0 3px; } .wqImage img { width:85px; height:85px; margin:6px 3px 0 3px;} .wqHover { border:1px solid #f60; } img.wqFehler { position:absolute; top:0; right:0; height:28px; width:28px; } .Schilder-Raetsel h1 img { float:left; margin-right:-5px; position:relative; top:0; left:-10px; } h2.SchilderRaetsel { color:#3f5aab; font-weight:bold; margin:20pt 0 3pt 0;} .tabSchilderRaetselDunkel { background-color:#BFD0E3;} /*Für Highscortabelle und Formular*/ .tabSchilderRaetselHell { background-color:#E9EFF6;} /*Für Highscortabelle und Formular*/ /*SETON Historie*/ h4.Zeitstrahl { font-size:11pt; padding:0 7px 0 0; margin:0 0 5px 0; color:#FFF; font-weight:bold; text-align:right; border-bottom:1px solid #000000; } .ZeitstrahlJahreszahl { background-image:url(/images/20Jahre/SETONHistorie/Zeitstrahl_Jahrespunkt.gif); background-repeat:no-repeat; background-position:158px 15px; margin:0 0 15px 0;} .ZeitstrahlJahreszahl p {font-size:8pt; margin:0pt;} .SeitenkastenContentZeitstrahl{ margin-right:20px; background-color:#E0EDF8; padding:8px; margin:0; background-image:url(/images/20Jahre/SETONHistorie/bg_Zeitstrahl.gif); background-repeat:repeat-y;} .ZeitstrahlJahreszahl img {float:left; margin:0 3px 5px 0;} .Jahreszahl { font-size:12pt; font-weight:bold; color:#779ccc; margin-right:6pt;} h2.Historie { border-bottom:1px solid #779ccc; padding:0 0 0 10px; margin:0;} .MeilensteinHeadline{ background-image:url(/images/20Jahre/SETONHistorie/Zeitstrahl_Jahrespunkt.gif); height:25px; background-repeat:no-repeat; background-position:0 15px; padding:0; margin:30px 0 5pt 0;} /*Jubilaeums-Angebote*/ .JubiAngebot {width:330px; height:115px; float:left; margin:0 15px 15px 0; background-color:#F0F7FD; border:1px solid #335F8A;} .JubiAngebotInhalt {width:277px; float:left; margin:7px; position:absolute;} .JubiAngebotBild {float:left;} .JubiAngebotText {width:178px; float:right;} .JubiAngebotLogo {width:50px; height:51px; float:right; position:relative; top:-9px; left:9px; background-image:url(/images/20Jahre/JubilaeumsAngebote/Logo_JubiAngebot.gif);} .JubiAngebotNummer{ margin:11px 0 0 8px;} /*Bilderdetektiv*/ h1.Bilderdetektiv { color:#65aa00; border-bottom:2px solid #65aa00; margin:0pt; } h2.Bilderdetektiv { color:#65aa00; font-weight:bold; margin:20pt 0 3pt 0;} h3.Bilderdetektiv { color:#00925B; font-weight:normal; } .FormularBilderdetektiv { border:0; padding:0; } .tabBilderdetektivDunkel { background-color:#daeab9;} /*Für Highscortabelle und Formular*/ .tabBilderdetektivHell { background-color:#f2f8e7;} /*Für Highscortabelle und Formular*/ /*Arbeitsschutz-Quiz*/ h1.ArbeitsschutzQuiz { color:#5593CC; border-bottom:2px solid #5593CC; margin:0pt; } h2.ArbeitsschutzQuiz { color:#5593CC; font-weight:bold; margin:20pt 0 3pt 0;} h3.ArbeitsschutzQuiz { color:#5593CC; font-weight:normal; } .tabArbeitsschutzQuizDunkel { background-color:#d1e5f6;} /*Für Highscortabelle und Formular*/ .tabArbeitsschutzQuizHell { background-color:#f0f6fc;} /*Für Highscortabelle und Formular*/ /*Apfelbaum Gewinnspiel*/ td.Apfelbaum-Gewinnspiel h1 { color:#EFA500; border-bottom:2px solid #EFA500; margin:0pt; } td.Apfelbaum-Gewinnspiel h1 img { float:left; margin-right:-65px; position:relative; top:-37px; left:-35px; } td.Apfelbaum-Gewinnspiel h2 { color:#EFA500; font-weight:bold; margin:20pt 0 3pt 0;} /*Weihnachtsbaum Gewinnspiel*/ .Weihnachtsbaum-Gewinnspiel h1 { padding:30px 0 0 0; } .Weihnachtsbaum-Gewinnspiel h1 img { float:left; position:relative; top:-40px; margin:0 0 -50px 0; } .FieldsetJubilaumsSpiel {padding:0; border:0; } /* Fokus-Themen ===================================================*/ /*Allgemein*/ .Fokus-Thema-Banner { background-repeat:no-repeat; background-position:top center; position:relative; height:244px; margin:0 0 15px 0; } .Fokus-Thema-Banner img { position:absolute; z-index:0; } .Fokus-Thema-Banner h2 { width:100%; text-align:center; margin:0; color:#FFF; position:absolute; top:3px; left:0; font-size:15pt; z-index:1; } .Fokus-Thema-Banner ul, .Fokus-Thema-Banner p { z-index:1; } .BilderRechts { float:right; margin-left:10px; position:relative; } .BilderRechts img { float:right; margin:0 0 10px 10px; } .BilderLinks { float:left; margin-right:10px; position:relative; } .BilderLinks img { float:left; margin:0 10px 10px 0; } /*Wintervorbereitung*/ .Fokus-Thema-Wintervorbereitung .Fokus-Thema-Banner { background-color:#06A3B6; height:155px; padding:5px 200px 0 200px; } .Fokus-Thema-Wintervorbereitung .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Wintervorbereitung .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Wintervorbereitung .Fokus-Thema-Banner-left { position:absolute; bottom:0; left:40px; } .Fokus-Thema-Wintervorbereitung .Fokus-Thema-Banner-right { position:absolute; bottom:0; right:0; } .Fokus-Thema-Wintervorbereitung .Grid3 { background-image:url(/images/Fokus-Themen/Katastrophenvorbeugung/border_Warnstreifen.gif); } .Fokus-Thema-Wintervorbereitung .Grid3 .Grid-Content { margin:5px; text-align:center; background:#FFF; } .Fokus-Thema-Wintervorbereitung .Grid3 .Grid-Content h2 { margin-top:0; text-align:left; } .Fokus-Thema-Wintervorbereitung .Grid3 .Grid-Content a { display:block; margin-bottom:10px; font-size:0.8em; } .Fokus-Thema-Wintervorbereitung .Grid3 .Grid-Content a img { margin:0 auto 5px auto; display:block; } .Fokus-Thema-Wintervorbereitung .Grid3 .Grid-Content a span { display:block; } /*Prüfkennzeichnung*/ .Fokus-Thema-Pruefkennzeichnung .Fokus-Thema-Banner { background-color:#0061A1; height:120px; padding:5px 200px 0 200px; } .Fokus-Thema-Pruefkennzeichnung .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Pruefkennzeichnung .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Pruefkennzeichnung .Fokus-Thema-Banner-left { position:absolute; top:-20px; left:40px; } .Fokus-Thema-Pruefkennzeichnung .Fokus-Thema-Banner-right { position:absolute; bottom:5px; right:50px; } /*Katastrophenvorbeugung*/ .Fokus-Thema-Katastrophenvorbeugung .Fokus-Thema-Banner { background-color:#00478c; height:185px; padding:5px 200px 0 200px; } .Fokus-Thema-Katastrophenvorbeugung .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Katastrophenvorbeugung .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Katastrophenvorbeugung .Fokus-Thema-Banner-left { position:absolute; top:15px; left:40px; } .Fokus-Thema-Katastrophenvorbeugung .Fokus-Thema-Banner-right { position:absolute; bottom:0; right:0; } .Fokus-Thema-Katastrophenvorbeugung .Grid3 { background-image:url(/images/Fokus-Themen/Katastrophenvorbeugung/border_Warnstreifen.gif); } .Fokus-Thema-Katastrophenvorbeugung .Grid3 .Grid-Content { margin:5px; text-align:center; background:#FFF; } .Fokus-Thema-Katastrophenvorbeugung .Grid3 .Grid-Content h2 { margin-top:0; text-align:left; } .Fokus-Thema-Katastrophenvorbeugung .Grid3 .Grid-Content a { display:block; margin-bottom:10px; font-size:0.8em; } .Fokus-Thema-Katastrophenvorbeugung .Grid3 .Grid-Content a img { margin:0 auto 5px auto; display:block; } .Fokus-Thema-Katastrophenvorbeugung .Grid3 .Grid-Content a span { display:block; } /*Erste Hilfe*/ .Fokus-Thema-Erste-Hilfe .Fokus-Thema-Banner { background-color:#ff0000; height:117px; padding:5px 200px 0 200px; } .Fokus-Thema-Erste-Hilfe .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Erste-Hilfe .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Erste-Hilfe .Fokus-Thema-Banner-left { position:absolute; top:-15px; left:20px; } .Fokus-Thema-Erste-Hilfe .Fokus-Thema-Banner-right { position:absolute; bottom:0; right:20px; } dl.ErsteHilfe { margin:0 0 15px 0; font-size:8pt; } dl.ErsteHilfe dt { clear:both; float:left; width:120px; margin-right:10px; text-align:right; font-size:8pt; } dl.ErsteHilfe dd { float:left; width:260px; text-align:left; margin:0; font-size:8pt; } .ArbeitsstaettenVerordnung { padding:5px; border:1px solid #CAAE6C; background-color:#FAF7F0; } .ArbeitsstaettenVerordnung p { font-size:8pt; } .ArbeitsstaettenVerordnung h4 { font-size:8pt; } .FieldsetJubilaumsSpiel {padding:0; border:0; } /*Prüfkennzeichnung*/ table.Lieferformen { width:100%; margin:5px 0 0 0; background-color:#FFF;} table.Lieferformen td { border-bottom:1px solid #000; white-space:nowrap; } table.Lieferformen tr.Head { height:25px; background-image:none; } table.Lieferformen tr.Head td { border-top:2px solid #000; background-color:#E5F1F7; } /*Internationaler Versand*/ .Fokus-Thema-Internationaler-Versand .Fokus-Thema-Banner { background-color:#ff6602; height:160px; padding:5px 200px 0 200px; } .Fokus-Thema-Internationaler-Versand .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Internationaler-Versand .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Internationaler-Versand .Fokus-Thema-Banner-left { position:absolute; bottom:0; left:20px; } .Fokus-Thema-Internationaler-Versand .Fokus-Thema-Banner-right { position:absolute; bottom:5px; right:5px; } dl.UnterschiedlicheKlassen { margin:5pt 0 5pt 0; } dl.UnterschiedlicheKlassen dt { float:left; width:85px; font-weight:bold; } dl.UnterschiedlicheKlassen dd { margin:0 0 0 85px; } dl.Exportkennzeichnung { padding:3px; margin:5pt 0 5pt 0; background-color:#FAF7F0; font-size:0.9em; border:1px solid #CAAE6C; } dl.Exportkennzeichnung dt { float:left; width:65px; font-weight:bold; border:1px solid #FAF7F0; } dl.Exportkennzeichnung dd { margin:0 0 0 65px; border:1px solid #FAF7F0; } /*Barrierefrei*/ .Fokus-Thema-Barrierefrei .Fokus-Thema-Banner { background-color:#008000; height:150px; padding:5px 200px 0 200px; } .Fokus-Thema-Barrierefrei .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Barrierefrei .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Barrierefrei .Fokus-Thema-Banner-left { position:absolute; bottom:0; left:20px; } .Fokus-Thema-Barrierefrei .Fokus-Thema-Banner-right { position:absolute; bottom:5px; right:5px; } /*Reinigung im Unternehmen*/ .Fokus-Thema-Reinigung .Fokus-Thema-Banner { background-color:#cbc600; height:150px; padding:5px 200px 0 200px; } .Fokus-Thema-Reinigung .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Reinigung .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Reinigung .Fokus-Thema-Banner-left { position:absolute; bottom:0; left:20px; } .Fokus-Thema-Reinigung .Fokus-Thema-Banner-right { position:absolute; bottom:0; right:0; } /*Sicherheit am Arbeitsplatz*/ .Fokus-Thema-Sicherheit-am-Arbeitsplatz .Fokus-Thema-Banner { background-color:#0061a1; height:120px; padding:5px 200px 0 200px; margin-bottom:40px; } .Fokus-Thema-Sicherheit-am-Arbeitsplatz .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Sicherheit-am-Arbeitsplatz .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Sicherheit-am-Arbeitsplatz .Fokus-Thema-Banner-left { position:absolute; top:-10px; left:20px; } .Fokus-Thema-Sicherheit-am-Arbeitsplatz .Fokus-Thema-Banner-right { position:absolute; top:4px; right:0; } /*Reparaturen und Beschilderung im Außenbereich*/ .Fokus-Thema-Reparaturen-Beschilderung-Aussenbereich .Fokus-Thema-Banner { background-color:#4cc105; height:150px; padding:5px 200px 0 200px; } .Fokus-Thema-Reparaturen-Beschilderung-Aussenbereich .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt; } .Fokus-Thema-Reparaturen-Beschilderung-Aussenbereich .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Reparaturen-Beschilderung-Aussenbereich .Fokus-Thema-Banner-left { position:absolute; bottom:0; left:20px; } .Fokus-Thema-Reparaturen-Beschilderung-Aussenbereich .Fokus-Thema-Banner-right { position:absolute; bottom:0; right:0; } /*Recycling und Umweltschutz*/ .Fokus-Thema-Recycling-Umweltschutz .Fokus-Thema-Banner { background-color:#99cc00; height:132px; margin-bottom:30px; padding:5px 200px 0 200px; } .Fokus-Thema-Recycling-Umweltschutz .Fokus-Thema-Banner h2 { position:relative; text-align:left; font-size:12pt;} .Fokus-Thema-Recycling-Umweltschutz .Fokus-Thema-Banner p { color:#FFF; font-weight:bold; } .Fokus-Thema-Recycling-Umweltschutz .Fokus-Thema-Banner-left { position:absolute; top:-8px; left:20px; } .Fokus-Thema-Recycling-Umweltschutz .Fokus-Thema-Banner-right { position:absolute; bottom:0; right:0; } /*Beschilderung und Sicherheit für Ihre Produktion*/ div.Teaser_gross {width:700px; height:200px; margin-bottom:15px;} /*Sicherheit vor Einbruch und Diebstahl*/ .Fokus-Thema-Sicherheit-vor-Diebstahl-und-Einbruch .Fokus-Thema-Banner h2 { width:245px; top:48px; left:460px; } .Fokus-Thema-Sicherheit-vor-Diebstahl-und-Einbruch .Fokus-Thema-Banner ul { width:245px; position:absolute; top:108px; right:30px; color:#004D73; list-style-type:disc; list-style-position:inside; padding:0; margin:0; font-size:1.3em; font-weight:bold; } /*Zeit für den Winterdienst im Betrieb*/ .Fokus-Thema-Winterdienst-im-Betrieb .Fokus-Thema-Banner h2 { position:absolute; width:245px; top:27px; left:458px ; } /*Arbeitsunfälle und Gefährdungen*/ .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Fokus-Thema-Banner { background-color:#DEDEDE; height:482px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Fokus-Thema-Banner h2 { top:26px; font-size:13pt; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Fokus-Thema-Banner h2 span { font-size:0.8em; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Fokus-Thema-Banner p { position:absolute; font-size:1.4em; margin:0; color:#FFF !important; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Kopfschutz { top:115px; left:120px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Gehoerschutz { top:115px; left:530px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Augenschutz { top:215px; left:120px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Atemschutz { top:215px; left:530px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Warnschutzkleidung { top:315px; left:120px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Schutzkleidung { top:315px; left:530px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Handschutz { top:415px; left:120px; } .Fokus-Thema-Arbeitsunfaelle-und-Gefaehrdung .Sicherheitsschuhe { top:415px; left:530px; } /*Gefahrgut-Kennzeichnung*/ .Fokus-Thema-Gefahrgut-Kennzeichnung .Fokus-Thema-Banner { background-color:#FF6600; } /*Sturzgefahr*/ .Fokus-Thema-Sturzgefahr .Fokus-Thema-Banner h2 { color:#c2221b; top:30px; left:7px; width:500px; } .Fokus-Thema-Sturzgefahr table.Gefahrgutklassen-nach-ADR { float:right; width:330px; } .Fokus-Thema-Sturzgefahr table.Gefahrgutklassen-nach-ADR th { white-space:nowrap; text-align:left; } /*Rund-um-den-Parkplatz*/ .Fokus-Thema-Rund-um-den-Parkplatz .Fokus-Thema-Banner h2 { text-align:right; top:20px; left:-10px; font-size:19pt; } .Fokus-Thema-Rund-um-den-Parkplatz .FokusBild p.Produkttitel_oben, .FokusBild4 p.Produkttitel_oben { width:164px; left:0; cursor:pointer; padding:0 5px; font-weight:bold;} .Fokus-Thema-Rund-um-den-Parkplatz .FokusBild { width:174px; height:230px; float:left; margin:10px 0 0 0; border-right:1px solid #999999; position:relative; text-align:center; } .Fokus-Thema-Rund-um-den-Parkplatz .FokusBild4 { width:174px; height:230px; float:left; margin:10px 0 0 0; position:relative; text-align:center; } .Fokus-Thema-Rund-um-den-Parkplatz .Auf-Nummer-sicher {float:right; margin:10px 0 -10px 35px; width:175px; clear:right;} .Fokus-Thema-Rund-um-den-Parkplatz .Auf-Nummer-sicher p {background-color:#00478C; padding:5px; color:#FFF;} .Fokus-Thema-Rund-um-den-Parkplatz p.MehrProdukte-Parkplatz { font-size:90%; text-align:left; position:relative; left:7px; cursor:pointer; margin:8px 0;} .Fokus-Thema-Rund-um-den-Parkplatz p.ZumProdukt { font-size:90%; text-align:left; position:relative; left:7px; cursor:pointer;} /*GHS ===================================================*/ /*GHS-Umfrage-PopUp*/ .GHSUmfrage { width:689px; height:689px; background-image:url(/images/GHS/Gefahrstoffkennzeichnung.gif); background-repeat:no-repeat; position:absolute; margin-left:5px; margin-top:-215px; z-index:5000; } .GHSUmfrage h1 { text-align:center; margin-bottom:5px; margin-top:150px; font-size:15pt; border:0; } .GHSUmfrage p { width:350px; margin:auto; text-align:center; margin-bottom:20px; font-size:9pt; } .GHSUmfrage table { width:350px; margin:auto; border:0; } .GHSUmfrage td { vertical-align:top; } .GHSUmfrage td.Antwort { text-align:center; } .GHSUmfrage td.Nummer { font-weight:bold; } .GHSUmfrage p.Schliessen { font-weight:bold; margin-top:10px; } .GHSUmfrage p.GHSDef { margin-top:0; margin-bottom:0; } .GHSUmfrage p.Vorschriften { font-size:10pt; margin-top:5px; font-weight:bold; } .GHSUmfrage p.Danke { font-size:90%; margin-top:5px; margin-bottom:0; } .GHSUmfrage form { margin-bottom:0; } /*GHS-Seite*/ .Kennzeichnungssymbol { width:125px; height:200px; float:left; margin-right:15px; text-align:center; } .Kennzeichnungssymbol img { margin-bottom:5px; } .Kennzeichnungssymbol h4 { font-size:0.9em; margin:0; } .Kennzeichnungssymbol p { font-size:0.9em; margin:0; } table.GHSAllgemeineUebersicht { width:100%; border:0; } table.GHSAllgemeineUebersicht tr { vertical-align:top; } table.GHSAllgemeineUebersicht td { margin:0; padding:2; } td.Freiraum { background-color:#FFFFFF; } td.Hellgrau { background-color:#EEEEEE; } td.Dunkelgrau { background-color:#DDDDDD; } table.GHSPiktogrammKombinationen { width:100%; border:0; } table.GHSPiktogrammKombinationen td { margin:0; padding:1; text-align:center; } /* Service & Beratung ===================================================*/ .Service-und-Beratung .Grid6 { height:320px; background-color:#E3EFFB; } .Service-und-Beratung .Grid6 .Grid-Content { margin-right:130px; } .Service-und-Beratung .Grid6 h2 { margin-top:0; } .Service-und-Beratung .Grid6 p.PfeilLink { margin:10px 0 0 0; font-size:9pt; } .Service-und-Beratung .Grid6 p { margin:0; font-size:8pt; } .Service-und-Beratung .Grid6 .Kundenwunsch-Materialmuster { width:85px; height:100px; position:absolute; bottom:30px; right:5px; } .Service-und-Beratung .Grid6 .Kundenwunsch-Materialmuster p { color:#FF0000; font-size:8pt; margin:10px 0 10px 0; text-align:center; } .Service-und-Beratung .Grid-Unsere-Produkte { margin:0 5% 5% 0; } .Service-und-Beratung .Grid-Unsere-Produkte img.Katalog { position:absolute; right:20px; bottom:15px; } .Service-und-Beratung .Grid-Service img.SETON-Service, .Service-und-Beratung .Grid-Aktuelle-Themen img.Aktuelle-Themen, .Service-und-Beratung .Grid-Downloads img.Downloads { position:absolute; bottom:0; right:0; } /*Aktuelle Informationen ===================================================*/ .Aktuell .Content h2 { margin-top:0; } .Aktuell .Content hr { margin:20px 0; } .Aktuell .Content p.Datum { color:#666666; font-size:8pt; margin-top:0; } .Aktuell .Content img { float:right; margin:0 0 20px 20px; } .Aktuell .Content .Bildblock { width:250px; float:right; margin:0 0 20px 20px; font-size:0.8em; color:#454545; overflow:hidden; } .Aktuell .Content .Bildblock p { margin-top:0; } .Aktuell .Content .Bildblock img { float:none; margin:0; } .Aktuell .Content .Bildblock ul.Legende { margin:0; padding:0; list-style-type:none; } .Aktuell .Content .Bildblock ul.Legende li { background-repeat:no-repeat; background-position:0 3px; padding-left:12px; } /* Top-Service - Top-Prämien ===================================================*/ .TopServiceTopPraemien { width:520px; height:440px; border:1px solid #E60F19; position:relative; } .TopService { width:260px; height:100%; float:left; background-color:#E60F19; position:relative; } .TopService h1 { font-size:14pt; color:#FFFFFF; border:0; margin:10px; } .TopService h2 { font-size:13pt; color:#FFFFFF; border-bottom:2px solid #FFFFFF; margin:0 10px 10px 10px; position:absolute; top:120px; } ul.TopServiceUl { width:240px; padding:0; list-style:none; margin:0 10px 0 10px; position:absolute; top:150px; } ul.TopServiceUl li { color:#FFFFFF; margin:0; padding:0 0 15px 20px; background-image:url(images/TopServiceTopPraemie/Bullet.gif); background-repeat:no-repeat; background-position:0 2px; } .TopPraemien { width:260px; height:100%; float:right; background-color:#FFFFFF; position:relative; background-image:url(images/TopServiceTopPraemie/TopPraemien.jpg); background-repeat:no-repeat; background-position:10px 5px; } .TopPraemien h2 { font-size:13pt; color:#E60F19; border:0; margin:0 10px 10px 10px; border-bottom:2px solid #E60F19; position:absolute; top:120px; } .TopPraemien p { width:240px; color:#E60F19; margin:0 10px 0 10px; position:absolute; top:150px; } img.Praemien { position:absolute; top:0; right:0; } img.Jeannie { position:absolute; bottom:0; right:0; } p.Anmelden { position:absolute; top:260px; } dl.NL_Bestelladresse { margin:3px 0 3px 0; } dl.NL_Bestelladresse dt { width:20px; float:left; margin:0; padding:0; text-align:center; } dl.NL_Bestelladresse dd { margin:0 0 5px 30px; padding:0; } /* Umweltschutz ===================================================*/ .right-Umweltschutz { float:right; margin:0 0 0 10px; } /*Sitemap ===================================================*/ .Sitemap .Content ul { list-style-type:none; margin:0 0 10pt 0; padding:0; } .Sitemap .Content ul li { font-size:0.9em; text-indent:0; line-height:1.3em; display:block; text-indent:-9px; padding:0 0 0 9px; } .Sitemap .Content ul li a { } .Sitemap .Content ul.tabs { display:block; height:25px; margin-bottom:-4px; margin-top:8px; } .Sitemap .Content ul.tabs li { float:left; margin:0 5px 0 0; text-indent:0; background-color:#EFEFEF; border:1px solid #CCC; padding:3px 6px; padding-bottom:4px; border-bottom:0; } .Sitemap .tab_block { display:block; border-top:1px solid #CCC; } .Sitemap .tab_block .Title3 { margin-top:10px; } .Sitemap .Content ul.Ordnung-01 { margin:0 0 25px 0; } .Sitemap .Content ul.Ordnung-01 li { font-weight:bold; font-size:1em; } .Sitemap .Content ul.Ordnung-01 li a { border-bottom:1px solid #0061a0; } .Sitemap .Content ul.Ordnung-02 { margin:0; } .Sitemap .Content ul.Ordnung-02 li { font-weight:bold; font-size:0.9em; margin:5pt 0; zoom:1; } .Sitemap .Content ul.Ordnung-02 li a { margin:0; padding:0 0 0 8px; background:url(images/Allgemein/Link-Pfeil.gif) no-repeat 0 5px; border:0; } .Sitemap .Content ul.Ordnung-03 { margin:0; } .Sitemap .Content ul.Ordnung-03 li { font-weight:normal; margin:0; font-size:1em; } .Sitemap .Content ul.Ordnung-03 li a { margin:0; padding:0 0 0 8px; background:url(images/Allgemein/Link-Pfeil.gif) no-repeat 0 5px; } /*Impressum ===================================================*/ .Impressum .table { margin-bottom:20px; } /* Kontaktformular ===================================================*/ /* Formularauswahl mittels JS-Dropdown */ .Kontaktformulare-Auswahl-JS { display:none; margin:0 0 10px 0 !important; } .Kontakt dl.dropdown { width:280px; } .Kontakt dl.dropdown dt { width:280px; } /* Formularauswahl mittels Links ohne JS */ ul.Kontaktformulare-Auswahl { list-style-type:none; margin:0 0 10px 0 !important; padding:0; } ul.Kontaktformulare-Auswahl li { margin:0; padding:0; } ul.Kontaktformulare-Auswahl a.active { font-weight:bold; } /* Kontaktformular */ .Kontaktformular table.Adresseingabe td.Hinweis { width:350px; } .Kontaktformular table.Adresseingabe td.Eingabe input.Eingabefeld, .Kontaktformular table.Adresseingabe td.Eingabe select.Pulldown, .Kontaktformular table.Adresseingabe td.Eingabe textarea { width:230px; } /* Kontaktdaten ändern */ .Kontaktdaten-aendern table.Adresseingabe td.Eingabe { width:100px; } .Kontaktdaten-aendern table.Adresseingabe td.Eingabe input.Eingabefeld, .Kontaktdaten-aendern table.Adresseingabe td.Eingabe select.Pulldown, .Kontaktdaten-aendern table.Adresseingabe td.Eingabe textarea { width:180px; } .Kontaktdaten-aendern table.Adresseingabe td.Hinweis { width:130px; } /* Angebotsanforderung */ .Angebotsanforderung table.Adresseingabe td.Hinweis { width:350px; } .Angebotsanforderung table.Adresseingabe td.Eingabe input.Eingabefeld, .Angebotsanforderung table.Adresseingabe td.Eingabe select.Pulldown, .Angebotsanforderung table.Adresseingabe td.Eingabe textarea { width:230px; } /* Kataloganforderung */ .Kataloganforderung table.Adresseingabe td.Hinweis { width:350px; } .Kataloganforderung table.Adresseingabe td.Eingabe input.Eingabefeld, .Kataloganforderung table.Adresseingabe td.Eingabe select.Pulldown, .Kataloganforderung table.Adresseingabe td.Eingabe textarea { width:230px; } /* Musteranforderung */ .Musteranforderung table.Adresseingabe td.Hinweis { width:350px; } .Musteranforderung table.Adresseingabe td.Eingabe input.Eingabefeld, .Musteranforderung table.Adresseingabe td.Eingabe select.Pulldown, .Musteranforderung table.Adresseingabe td.Eingabe textarea { width:230px; } /*SETON International ===================================================*/ .Weltkugel-SETON-International { position:relative; height:250px; text-align:center; margin:10px 0 20px 0; vertical-align:center; } .Weltkugel-SETON-International ul { height:250px; width:290px; position:absolute; top:0; overflow:hidden; list-style-type:none; padding:0; margin:0; } .Weltkugel-SETON-International ul.ul-right { right:0; text-align:left; } .Weltkugel-SETON-International ul.ul-left { left:0; text-align:right; } .Weltkugel-SETON-International ul.ul-right li { position:absolute; left:0; } .Weltkugel-SETON-International ul.ul-left li { position:absolute; right:0; } .Weltkugel-SETON-International .Position-01 { top:0; } .Weltkugel-SETON-International .Position-02 { top:16px; margin:0 23px; } .Weltkugel-SETON-International .Position-03 { top:32px; margin:0 38px; } .Weltkugel-SETON-International .Position-04 { top:48px; margin:0 49px; } .Weltkugel-SETON-International .Position-05 { top:64px; margin:0 59px; } .Weltkugel-SETON-International .Position-06 { top:80px; margin:0 66px; } .Weltkugel-SETON-International .Position-07 { top:96px; margin:0 68px; } .Weltkugel-SETON-International .Position-08 { top:112px; margin:0 68px; } .Weltkugel-SETON-International .Position-09 { top:128px; margin:0 68px; } .Weltkugel-SETON-International .Position-10 { top:144px; margin:0 66px; } .Weltkugel-SETON-International .Position-11 { top:160px; margin:0 59px; } .Weltkugel-SETON-International .Position-12 { top:176px; margin:0 49px; } .Weltkugel-SETON-International .Position-13 { top:192px; margin:0 38px; } .Weltkugel-SETON-International .Position-14 { top:208px; margin:0 23px; } .Weltkugel-SETON-International .Position-15 { top:224px; } /*Pruefplaketten ===================================================*/ .Pruefplaketten h1 { margin-bottom:40px; } .Pruefplaketten h1 img { float:left; position:relative; left:-10px; margin:0 -5px -10px 0; } .Pruefplaketten .image-box { width:247px; overflow:visible; float:right; position:relative; right:-19px; margin:0 0 0 -9px; } .Pruefplaketten .Lochzange { width:217px; background-color:#f0f7fd; border:1px solid #376092; padding:5px; margin-top:10px; margin-bottom:10px; cursor:pointer; } .Pruefplaketten .Lochzange img { float:right; margin:-15px 0 0 -10px; } .Pruefplaketten .Box { border:2px solid #376092; padding:5px; margin:20px 238px 20px 0; } .Pruefplaketten .Box h2 { margin:0; } .Pruefplaketten .Box ul { list-style-type:none; } .Pruefplaketten .Box li { background-image:url(images/Pruefplaketten/Bullet.gif); background-repeat:no-repeat; background-position:0 2px; padding-left:15px; margin:0.2em 0; } .Pruefplaketten-Grid-System .Grid6 { border:1px solid #335F8A; background:#F0F7FD; width:383px !important; } .Pruefplaketten-Grid-System .Grid6 img { position:absolute; top:6px; left:6px; } .Pruefplaketten-Grid-System .Grid6 .Grid-Content { margin:0 0 0 90px; height:100px; } .Pruefplaketten-Grid-System .Grid6 table { margin:3px 0 3px 0; } .Pruefplaketten-Grid-System .Grid6 th { vertical-align:top; padding:0; margin:0; font-weight:bold; text-align:left; font-size:0.9em; } .Pruefplaketten-Grid-System .Grid6 td { vertical-align:top; padding:0; margin:0; font-size:0.9em; } .Pruefplaketten-Grid-System .Grid6 p { margin:0; font-weight:bold; } .Pruefplaketten-Grid-System .Grid6 .Groessenauswahl { position:absolute; top:80px; } .Pruefplaketten-Grid-System .Grid6 ul { list-style-type:none; padding:0; margin:0; } .Pruefplaketten-Grid-System .Grid6 li { float:left; padding:0; margin-right:10px; } img.Pruefplaketten { float:right; margin-left:10px; } /* Plaketten-Übersicht ===================================================*/ .Plaketten-Uebersicht .Materialmerkmale-Grid-System { font-size:0.9em; } .Plaketten-Uebersicht .Einsatzbereiche-Grid-System img { margin-bottom:5px !important; } .Plaketten-Uebersicht .Einsatzbereiche-Grid-System { font-size:0.9em; } .Plaketten-Uebersicht .Materialeigenschaften-Grid-System img { margin-bottom:5px; } .Plaketten-Uebersicht .Lieferformen-Grid-System { font-size:0.9em; text-align:center; } /*Kantenschutz ===================================================*/ .Right { float:right; margin-right:0; } .Kantenschutzprofile-Kantenschutz .Grid6 { width:372px !important; height:240px; border:1px solid #0BA50A; background:#FFF; } .Kantenschutzprofile-Kantenschutz .Grid12 { width:757px !important; height:240px; border:1px solid #0BA50A; background:#FFF; } .Kantenschutzprofile-Kantenschutz .Produkt-Info { padding-left:100px; padding-bottom:0; position:relative; height:92px; } .Kantenschutzprofile-Kantenschutz .Produkt-Info img { position:absolute; left:6px; top:6px; } .Kantenschutzprofile-Kantenschutz .Produkt-Info h3 { margin:0 0 3px 0; } .Kantenschutzprofile-Kantenschutz .Produkt-Info p { margin:0; font-size:0.9em; font-weight:normal; } .Kantenschutzprofile-Kantenschutz .Produkt-Info td { margin:0; padding:0 5px 0; font-size:0.9em; } .Kantenschutzprofile-Kantenschutz .Produkt-Info th { text-align:left; font-size:0.9em; padding:0 5px 0 0; } .Kantenschutzprofile-Kantenschutz .Auswahl { clear:both; font-size:0.9em; } .Kantenschutzprofile-Kantenschutz .Auswahl b { display:block; margin:0 0 5px 0; } .Kantenschutzprofile-Kantenschutz .Auswahl a { width:81px; float:left; overflow:hidden; font-size:0.9em; letter-spacing:-0.1em; text-align:center; line-height:1.1em; } .Kantenschutzprofile-Kantenschutz .Auswahl a img { /*border:1px solid #0061a0;*/ display:block; margin:0 0 3px 8px; } .Kantenschutzprofile-Kantenschutz .Auswahl a:hover img { /*border:1px solid #0063c4;*/ } .Kantenschutzprofile-Kantenschutz .Mitbestellen { position:absolute; top:123px; right:5px; font-size:0.8em; letter-spacing:-0.1em; width:81px; text-align:center; line-height:1.1em; } .Kantenschutzprofile-Kantenschutz table.tabs { display:block; margin:0 !important; padding:0; position:relative; list-style-type:none; width:100%; border-spacing:0; top:1px; } .Kantenschutzprofile-Kantenschutz table.tabs td { padding:5px 10px 3px 4px !important; line-height:1.2em; border-bottom:2px solid #FFF; border-left:2px solid #FFF; } .Kantenschutzprofile-Kantenschutz table.tabs td.first { border-left:0; } .Kantenschutzprofile-Kantenschutz table.tabs td.active { border-bottom:0; } .Kantenschutzprofile-Kantenschutz .tab_Kantenschutz-fuer-90-Winkel { background:#85d284; } .Kantenschutzprofile-Kantenschutz .tab_Kantenschutz-zum-Aufstecken { background:#9ddb9d; } .Kantenschutzprofile-Kantenschutz .tab_Schutzprofiel-fuer-Ecken { background:#b5e4b5; } .Kantenschutzprofile-Kantenschutz .tab_Prallschutz-fuer-Flaechen { background:#ceedce; } .Kantenschutzprofile-Kantenschutz .tab_Rohr-und-Leitungsschutz { background:#e6f6e6; } .Kantenschutzprofile-Kantenschutz .tab_block { padding:11px; } .Kantenschutzprofile-Kantenschutz .tab_block .Title3 { margin-top:10px; } .Kantenschutzprofile-Kantenschutz #content_tab_Kantenschutz-fuer-90-Winkel { background:#85D284; } .Kantenschutzprofile-Kantenschutz #content_tab_Kantenschutz-zum-Aufstecken { background:#9DDB9D; } .Kantenschutzprofile-Kantenschutz #content_tab_Schutzprofiel-fuer-Ecken { background:#B5E4B5; } .Kantenschutzprofile-Kantenschutz #content_tab_Prallschutz-fuer-Flaechen { background:#CEEDCE; } .Kantenschutzprofile-Kantenschutz #content_tab_Rohr-und-Leitungsschutz { background:#E6F6E6; } /* Direktverkauf ===================================================*/ .Direktverkauf img.Richtige-Adresse { position:absolute; top:5px; left:5px; z-index:1; } .Direktverkauf .Einleitung { width:360px; position:absolute; top:0; right:0; font-weight:bold; z-index:1; } .Direktverkauf .Einleitung ul.Vorteile li { background-image:url("images/Allgemein/Haekchen-rot.gif"); } .Direktverkauf img.Einkaufswagen { margin-bottom:-80px; position:relative; z-index:0; } .Direktverkauf .Anfahrt { position:relative; z-index:1; } .Direktverkauf .Grid16 .Sitz { font-weight:bold; font-size:1.3em; position:relative; width:100%; line-height:50px; } .Direktverkauf .Grid16 .Sitz img.Ihr-SETON-Direktverkauf { float:left; margin:0 10px 0 0; vertical-align:top; } .Direktverkauf .Grid16 .Sitz span { color:#E60F19; } .Direktverkauf .Grid-last p.Sitz img.Ihr-SETON-Direktverkauf { float:left; margin-right:5px; } .Direktverkauf img.SETON-Direktverkauf-Egelsbach { margin-bottom:-25px; } .Direktverkauf .Eroeffnungsgeschenk p { text-align:right; } /* Seite-nicht-gefunden ===================================================*/ .Seite-nicht-gefunden .Kein-Rahmen { padding-top:50px; padding-bottom:50px; } /* Fax-Angebot ===================================================*/ .Vorteile-Fax-Abonnent { position:relative; top:0; left:0; width:663; height:214px; padding:10px 20px; margin:10px 0; } .Vorteile-Fax-Abonnent img.Praemien { position:absolute; top:0; left:0; z-index:0; } .Vorteile-Fax-Abonnent h3.Vorteile-Fax-Abonnent { text-indent:-99999px; background:url(/images/Allgemein/Texte.png) -290px 0; width:259px; height:19px; padding:0; } .Vorteile-Fax-Abonnent ul.Vorteile { position:relative; z-index:2; width:240px; } .Vorteile-Fax-Abonnent p { position:relative; z-index:2; width:240px; } .Vorteile-Fax-Abonnent p.Beispielgeschenke { position:absolute; right:200px; bottom:5px; width:auto; } /* Footer ===================================================*/ .Footer { background:#D9D9D9 url(/images/Allgemein/Hintergruende-horizontal.jpg) repeat-x 0 -253px; padding:40px 0 10px 0; } /* Zuletzt gesehene Produkte */ #lastSeenProducts { width:100%; position:relative; margin-top:-10px; margin:0 0 0 0; } .Footer-Zuletzt-gesehene-Produkte .Subnavigation-Titel { width:207px; } #lastSeenProducts .jcarousel-skin-tango { background:#FFF; padding:10px 0; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-clip-horizontal { width:908px; height:110px; margin:0 58px; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-item { width:80px; height:110px; padding:0 10px; display:inline; border-right:1px solid #ebebeb; position:relative; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-item .Vertikale-Zentrierung-2 { #left:50%;display:table-cell; text-align:center; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-item .Vertikale-Zentrierung-3 { #left:-50%; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-item img { max-width:80px; max-height:80px; width: expression(this.width > 80 ? "80px" : true); height: expression(this.height > 80 ? "80px" : true); } #lastSeenProducts .jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-prev-horizontal { left:5px; top:50px; } #lastSeenProducts .jcarousel-skin-tango .jcarousel-next-horizontal { right:5px; top:50px; } #lastSeenProducts .Produktinfos { background:url(/images/Footer/Produktinfos-bg.gif) no-repeat bottom left; padding:8px; display: none; position:absolute; z-index:10; width:134px; font-size:0.9em; } #lastSeenProducts .Produktinfos span { display:block; } #lastSeenProducts .Produktinfos-Zipfel { background:url(/images/Footer/Produktinfos-bg.gif) no-repeat top left; height:15px; position:absolute; top:-15px; left:0; width:150px; } /* Footer-Sitemap */ .Footer div.col { border-right:1px solid #dedede; width:168px; height:250px; padding:4px 18px 6px 18px; float:left; } .Footer div.last { border:0; } .Footer .Title4 { color:#333; margin-bottom:0.2em; } .Footer ul { padding:0; margin:0; list-style-type:none; } .Footer li { margin:0 0 0.1em 0; } a.Button-Twitter { display:block; width:113px; height:20px; text-indent:-1000px; overflow:hidden; background:url(/images/Allgemein/Buttons/Buttons.png) no-repeat -669px -54px; } a.Button-Twitter:hover { background-position: -669px -74px; } a.Link-SETON-de { display:block; width:410px; height:10px; text-align:center; background:url(/images/Allgemein/SETON-Online-Shop.gif) no-repeat; background-position:0 0; position:relative; left:50%; margin-left:-205px; } a.Link-SETON-de:hover { background-position:0 -10px; } #___plusone_0 { margin:2px 0 !important; } td.Disclaimer { padding-top:10px; } td.Disclaimer p.Klein { margin:0.5em 0; }