/* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Allgemeine Definitionen */ body { margin:0; padding:0; font-size:9pt; background-color:#FFFFFF; font-size:9pt; font-family:Arial,Verdana,Helvetica,sans-serif; color:#000000; } body.popup { background-color:#FFFFFF; margin:15px; } .min-width { width:986px; height:1px; margin-bottom:-1px; } /* Text */ p { margin:5pt 0 5pt 0; } h1 { font-size:11pt; font-weight:bold; color:#E60F19; border-bottom:2px solid #004388; padding:0px; margin:0 0 20px 0; width:} h2 { font-size:1em; font-weight:bold; color:#E60F19; margin:15pt 0 3pt 0; } h3 { font-size:1em; font-weight:normal; padding:0; margin:0 0 5pt 0; color:#E60F19;} h4 { font-size:1em; margin:0 0 1pt 0; padding:0; font-weight:bold; color:#000000; } h5 { font-size:1em; margin:0 0 1pt 0; padding:0; font-weight:bold; color:#000000; } .Title1 { font-size:11pt; font-weight:bold; color:#E60F19 !important; border-bottom:2px solid #004388; padding:0px; margin:0 0 20px 0;} .Title2, .Title2 a { font-size:1em; font-weight:bold; color:#E60F19 !important; margin:20pt 0 3pt 0; } .Title3, .Title3 a { font-size:1em; font-weight:normal; padding:0; margin:0 0 1pt 0; color:#E60F19 !important; } .Title4, .Title4 a{ font-size:1em; margin:0 0 1pt 0; padding:0; font-weight:bold; color:#000000; } .Title5, .Title5 a { font-size:9pt; font-weight:bold; color:#E60F19 !important; margin:0 0 0.3em 0; } sup { font-size:70%; margin:-10px 0 0 0; padding:0;} .clear { clear:both; } .Klein { font-size:0.9em; margin:0 0 3pt 0; color:#666; } .mark1 {color:#E60F19; font-weight:bold;} .mark2 {color:#E60F19; font-weight:normal;} .Bildunterschrift {font-size:7pt; color:#333333; overflow:visible !important; } /* für Bildunterschriften auf Produktseite*/ .Bildunterschrift span { display:block; 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; } /* 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.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.2em 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;} hr {width:100%; background-color:#004388; height:1px; margin:3px 0 3px 0; text-align:right; border:0; clear:both; } .Abschnitt {clear:both; position:relative; z-index:0; zoom:1; } table.table { width:100%; } table.table th { background:#E3EFFB; text-align:right; padding:3px; } table.table td { background:#E3EFFB; padding:5px; } /* Hyperlink */ a { outline:none; } a:link { color:#00376D; text-decoration:none; } a:visited { color:#00376D; text-decoration:none; } a:hover { color:#0063C4; text-decoration:none; } a:active { color:#00376D; text-decoration:none; } h1 a { color:#E60F19; } a.Button { display:block; width:auto; font-weight:bold; height:20px; padding:0 10px 0 24px; overflow:hidden; font-size:8pt; text-align:left; margin:0; font-size:8pt; line-height:20px; float:right; text-align:center; background:url(/images/Allgemein/Buttons/Button-Warenkorb.gif) no-repeat; border-right:1px solid #0060AA; } a.Warenkorb-drucken { background:url(/images/Allgemein/Warenkorb-drucken.gif) no-repeat; width:127px; } a.Angebot-hinzufuegen { background:url(/images/Allgemein/Angebot-hinzufuegen.gif) no-repeat; width:127px; } input.button { display:block; width:auto; font-weight:bold; height:20px; padding:0 10px 0 24px; overflow:hidden; font-size:8pt; text-align:left; margin:0; font-size:8pt; line-height:20px; float:right; text-align:center; background:url(/images/Allgemein/Angebot-hinzufuegen.gif) no-repeat; } form { margin:0; } select, option, input { font-size:8pt; } /*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-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px; } #lightbox-container-image-data { padding:0 10px; color:#000; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; margin-left:0; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; } #lightbox-secNav-btnClose { width:92px; float:right; padding-bottom:0.7em; margin-right:0; } /* Head ===================================================*/ /* Header mit S-Kurve im Hintergrund .Head { height:135px; background-image:url(images/Allgemein/HeadBgRechts.gif); background-repeat:repeat-x; position:relative; top:0; left:0; font-size:8pt; } .HeadLinks { width:305px; height:135px; background-image:url(images/Allgemein/HeadBgLinks.gif); background-repeat:repeat-x; position:absolute; top:0; left:0; } div.Header-Uebergang { width:47px; height:135px; float:right; background-image:url(images/Header/Header-Uebergang.gif); background-repeat:no-repeat; } */ .Head { height:135px; position:relative; top:0; left:0; font-size:8pt; background-color:#EAF5FF; } .HeadLinks { width:280px; height:135px; position:absolute; top:0; left:0; } .Head p { margin:0; padding:0; } .Logo { position:absolute; top:10px; left:5px; } .Claim { position:absolute; bottom:-2px; left:0; } img.HeadProdukte { position:absolute; right:0; top:0; } div.Header-Uebergang { width:47px; height:135px; float:right; display:none; } /* Hotline */ .Hotline { width:190px; text-align:left; position:absolute; top:10px; left:753px; background-image:url(images/Header/Telefon.gif); background-repeat:no-repeat; padding-left:30px; font-size:14pt; font-weight:bold; color:#E60F19; } .Hotline span { font-size:7pt; font-weight:normal; display:block; } /* Navi Top */ p.NaviTop { position:absolute; top:10px; left:260px; white-space:nowrap; margin:0; zoom:1; } p.NaviTop a { margin:0 18px 0 18px; zoom:1; } /*Header-Teaser */ .Header-Teaser { width:166px; height:81px; position:absolute; bottom:0; left:280px; padding:5px; display:none; } .Header-Teaser img { position:absolute; top:0; left:0; z-index:0; } .Header-Teaser .Title5 { position:relative; z-index:1; } .Header-Teaser p { position:relative; z-index:1; } .Header-Teaser-Erste-Hilfe { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-Erste-Hilfe img { position:absolute; top:20px; right:5px; z-index:0; } .Header-Teaser-Erste-Hilfe .Title5 { position:absolute; left:0; z-index:1; } .Header-Teaser-Erste-Hilfe p.PfeilLink { position:absolute; top:25px; left:0; width:75px; line-height:1.2em; text-indent:-9px; padding-left:9px; } .Header-Teaser-Schlagloecher { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-Schlagloecher img { position:absolute; top:10px; right:0; z-index:0; } .Header-Teaser-Schlagloecher .Title5 { position:absolute; left:0; z-index:1; } .Header-Teaser-Schlagloecher p.PfeilLink { position:absolute; top:25px; left:0; width:95px; line-height:1.2em; text-indent:-9px; padding-left:9px; } .Header-Teaser-Top-Praemie { width:176px; height:91px; position:absolute; bottom:0; left:280px; background-image:url(images/Header/Header-Teaser_Top-Praemie.jpg); background-position:bottom; background-repeat:no-repeat; } .Header-Teaser-Top-Praemie .Title5 { width:100px; position:absolute; left:49px; } .Header-Teaser-Top-Praemie p { position:absolute; top:64px; left:49px; } .Header-Teaser-SIFATipp-Messe-Guide { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-SIFATipp-Messe-Guide img { position:absolute; top:0; left:0; } .Header-Teaser-SIFATipp-Messe-Guide p.PfeilLink { position:absolute; top:60px; left:97px; width:80px; line-height:1.2em; text-indent:-9px; padding-left:9px; } .Header-Teaser-SIFATipp-Messe-Guide a { color:#FFF; } .Header-Teaser-SIFATipp-Messe-Guide a:hover { color:#FFF; } .Header-Teaser-Online-Umfrage { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-Online-Umfrage img { position:absolute; top:0; left:0; } .Header-Teaser-Online-Umfrage p.PfeilLink { position:absolute; top:25px; left:80px; width:80px; line-height:1.2em; text-indent:-9px; padding-left:9px; } .Header-Teaser-Schweinegrippe { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-Schweinegrippe img { position:absolute; top:0; left:0; } .Header-Teaser-Schweinegrippe p.PfeilLink { position:absolute; top:50px; left:80px; width:90px; line-height:1.2em; text-indent:-9px; padding-left:9px; } .Header-Teaser-Schilder-Rauchverbot { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-Schilder-Rauchverbot img { position:absolute; top:0; left:0; z-index:0; } .Header-Teaser-Rauchverbot-Ratgeber { width:176px; height:91px; position:absolute; bottom:0; left:280px; } .Header-Teaser-Rauchverbot-Ratgeber img { position:absolute; top:0; left:0; z-index:0; } .Header-Teaser-Apfelbaum-Gewinnspiel .Title5 { position:relative; top:12px; } .Header-Teaser-Apfelbaum-Gewinnspiel .PfeilLink { position:relative; top:15px; left:9px; height:50px; width:90px; } .Header-Teaser-Flagge .Title5 { position:relative; top:12px; } .Header-Teaser-Flagge p { position:relative; top:15px; height:50px; width:110px; color:#FFF; } /*Artikelsuche */ .Artikelsuche { width:130px; position:absolute; left:530px; top:40px; } img.Lupe { margin-left:5px; } .Suchformular { margin:0; padding:0; position:relative; } .SucheEingabefeld { width:130px; position:absolute; border:1px solid #004388; padding:4px 0 5px 0; height:14px !important; } .suggestLayer { margin-top:5px; } .SuchButton { border:0; background:transparent; color:#00376D; font-weight:bold; position:absolute; left:136px; } .SuchButton:hover { color:#0063C4; } .Artikelsuche p { position:relative; top:26px; } /* Direktbestellung */ .Direktbestellung { width:130px; position:absolute; left:530px; top:108px; } /* Warenkorb */ .MeinWarenkorb { width:190px; height:50px; position:absolute; top:63px; left:753px; background-image:url(images/Header/Warenkorb.gif); background-repeat:no-repeat; padding-left:30px; } .MeinWarenkorb dl { margin:0 0 2px 0; padding:4px 0 4px 0; border-top:1px solid #004388; border-bottom:1px solid #004388; } .MeinWarenkorb dt { width:60px; float:left; margin:0; padding:0; } .MeinWarenkorb dd { width:75px; margin:0 0 0 60px; padding:0; } /* WK-REMINDER ALS ÜERLAGERNDES ANIMATED GIF IM WARENKORB HEADER-TEASER */ a.WKReminder { position:absolute !important; top:7px; left:30px; display:block; } /* .MeinWarenkorb p { position:relative; top:5px; } */ .Warenkorb-Reminder { background:#00478C; width:490px; padding:5px; position:absolute; top:40px; left:50%; margin-left:-250px; z-index:1000; display:none; } .Warenkorb-Reminder .Title1 { color:#FFF !important; font-size:1.9em; font-weight:normal; margin:10px 0; } .Warenkorb-Reminder a.Fenster-schliessen { font-weight:bold; width:20px; height:20px; overflow:hidden; text-align:center; margin:0; background:url(/images/Warenkorb/Warenkorb-Reminder/Fenster-schliessen.gif) no-repeat; line-height:20px; display:block; position:absolute; top:5px; right:5px; } .Warenkorb-Reminder .Warenkorb-Reminder-Content { background:#EAF5FF url(/images/Warenkorb/Warenkorb-Reminder/Artikel-im-Warenkorb.jpg) no-repeat; background-position:right bottom; padding:50px 230px 20px 3px; font-size:1.2em; height:319px; text-align:center; } .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; } .Warenkorb-Reminder a.Bestellung-abschliessen { font-weight:bold; width:201px; height:27px; padding-left:27px; overflow:hidden; text-align:center; margin:0; background:url(/images/Warenkorb/Warenkorb-Reminder/Bestellung-abschliessen.gif) no-repeat; line-height:27px; display:block; margin:40px 0 0 10px; font-size:1.1em; } /* Hauptnavigation ===================================================*/ .Navi { width:100%; background:#00478C; position:relative; } #topnav { display:block; height:40px; width:auto; list-style-type:none; padding:0 0 0 1px; margin:0; position:relative; background:#EAF5FF; } #topnav li { height:40px; float:left; padding:0; margin:0 1px 0 0; } #topnav li a { color:#FFF; display:block; width:182px; height:33px; padding:4px 7px 6px 7px; background:#00478C; font-weight:normal; font-size:1.1em; border-top:1px solid #00478C; } #topnav li a:hover { color:#00376d; background:#B3D2F0; } #topnav li.topnavActive a { background:#F4F9FE; color:#00376d; border-bottom:0; } #topnav li.topnavActive a:hover { background:#B3D2F0; color:#00376d; } #topnav li.topnavHover a { background:#B3D2F0; color:#00376d; padding-bottom:10px; } ul#topnav li:hover a, ul#topnav li a:hover { background-position:left bottom; } ul#topnav li .sub { position:absolute; top:45px; z-index:99999; background:#FFF; border:1px solid #B3D2F0; border-top:5px solid #B3D2F0; padding:8px 0 8px 0; display:none; font-size:0.9em; } ul#topnav li#topnav1 .sub { width:391px !important; left:1px; } ul#topnav li#topnav4 .sub { width:391px !important; left:198px; } ul#topnav li#topnav7 .sub { width:588px !important; left:198px; } ul#topnav li#topnav32 .sub { width:982px !important; left:1px; } ul#topnav li#topnav10 .sub { width:982px !important; left:1px; } ul#topnav li .row { clear:both; float:left; width:100%; margin-bottom:10px; } ul#topnav li .col { width:187px; float:left; margin:0 0 0 8px; } * html ul#topnav li .col { width:187px; float:left; margin:0 0 0 5px; } ul#topnav li .sub ul { list-style:none; margin:0 0 10px 0; padding:0; float:left; width:100%; } ul#topnav li .sub ul li { width:100%; height:auto; padding:0; margin:0; } ul#topnav li .sub ul li a { height:auto; padding:0 0 5px 8px; background:transparent url(images/Allgemein/Link-Pfeil.gif) no-repeat 0 5px; border:0; color:#00376d; font-weight:normal; } ul#topnav li .sub ul li a:hover { color:#0063C4; background:url(images/Allgemein/Link-Pfeil-aktiv.gif) no-repeat 0 5px; border:0; } ul#topnav li .sub ul li h2 { padding:0 0 5px 0; margin:0; } ul#topnav li .sub ul li h2 a { padding:0; font-weight:bold; background:none; font-size:1.1em; } ul#topnav li .sub ul li h2 a:hover { background:none; } /*Content ===================================================*/ .Contentbereich { background:#F4F9FE; padding:10px; z-index:1; } /* Artikelseite ===================================================*/ 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;} table .Produkttabelle {font-size:8pt;} .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; } .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;} div.scrollButtons a {width:20px; height:20px; } a.imageScrollAktiv:hover {background-position:0 -20px !important; } a.imageScrollInaktiv {background-position:0 -40px !important; } a#imageScrollBegin { float:left; margin-right:3px; background:url(/images/Allgemein/Pfeil_AnAnfang.gif); } a#imageScrollPrev { float:left; background:url(/images/Allgemein/Pfeil_Zurueck.gif); } a#imageScrollNext { float:right; background:url(/images/Allgemein/Pfeil_Weiter.gif); } a#imageScrollEnd { float:right; margin-left:3px; background:url(/images/Allgemein/Pfeil_AnEnde.gif); } 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%;} .pdf { background:url(/images/Allgemein/pdficon_small.gif) no-repeat 0px 0px; padding:0px 0px 0px 28px; display:block; width:auto; } .Artikelseite .Icons { position:relative !important; height:auto; width:100%; } .Artikelseite .Icons .Icons-Topseller { width:82px; height:47px; float:left; background:url(/images/Artikelseite/Topseller.gif) no-repeat top left; text-indent:-999999px; margin-right:5px; } .Artikelseite .Icons .Icons-Neu { width:82px; height:50px; float:left; background:url(/images/Artikelseite/Neu.gif) no-repeat top left; text-indent:-999999px; margin-right:5px; } .Artikelseite .Icons .Icons-Angebot-der-Woche { width:148px; height:86px; float:left; background:none; background:url(/images/Artikelseite/Angebot-der-Woche.gif) no-repeat top left; text-indent:-999999px; margin-right:5px; } .Artikelseite .Icons .Icons-Spar-Angebot { width:148px; height:86px; float:left; background:url(/images/Artikelseite/Spar-Angebot.gif) no-repeat top left; text-indent:-999999px; margin-right:5px; zoom:1; } a.Hauptbild { float:left; display:inline; } a.Hauptbild img { margin-right:3px; border:1px solid #333; } p.Bildunterschrift { margin-top:0; } .Bildunterschrift a { display:block; } .WeiterfuehrendeProduktinfosContainer { width:100%; background:#ECF5FE; } table.Produkttabelle { border-top:2px solid #000; border-bottom:1px solid #000; width:100%; } table.Produkttabelle tr.Tabellenkopf { background:#ECF5FE; } table.Produkttabelle td { padding:2px 5px; } table.Produkttabelle td.Preis { border-top:1px solid #000000; font-size:8pt; width:60px; white-space:nowrap !important; text-align:right !important; } .tab00right { vertical-align:top; font-size:9pt; padding:3px 10px 3px 10px; font-weight:bold; text-align:right !important; width:60px; } .Seitenkasten-RecEngine .Title1 { font-size:10pt !important; } .Seitenkasten-RecEngine ul { margin:10px 0 0 0 !important; padding:0 !important; } .Seitenkasten-RecEngine li { margin:0 0 15px 0 !important; padding:0 !important; } .Seitenkasten-RecEngine p { margin-top:0; } .Seitenkasten-Sicher-bestellen img { margin-top:5px; float:left; } .Seitenkasten-Sicher-bestellen img.Adressdatenschutz { float:right; } /* Designcode-Artikelauswahl ===================================================*/ .Designcode-Artikelauswahl .col-left { float:left; width:270px; margin-right:-285px; position:relative; z-index:2; } .Designcode-Artikelauswahl .col-right { float:left; padding-left:285px; position:relative; z-index:1; } .Designcode-Artikelauswahl .col-right-1 { float:left; margin-bottom:10px; width:230px; } .Designcode-Artikelauswahl .col-right-2 { float:right; margin-bottom:20px; width:380px; } .Designcode-Artikelauswahl .label { margin:0 0 0.5em 0; } .Designcode-Artikelauswahl .Produktbild { width:250px; padding:10px; margin-bottom:10px; } .Designcode-Artikelauswahl #hauptbild { max-width:250px; max-height:400px; width: expression(this.width > 250 ? "250px" : true); height: expression(this.height > 400 ? "400px" : true); } .Designcode-Artikelauswahl .Produktbild span.Bildunterschrift { display:block; margin:10px 0 0 -10px; } .Designcode-Artikelauswahl #Videos { clear:both; width:100%; margin-bottom:20px; } .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 #Anwendungsbilder ul li a:hover { width:85px; height:85px; } .Designcode-Artikelauswahl #Anwendungsbilder ul li a:hover img { width:85px; } */ .Designcode-Artikelauswahl #Wischer { float:left; width:40%; margin-bottom:10px; } .Designcode-Artikelauswahl #Wischer img { float:left; margin:0 3px 3px 0; } .Designcode-Artikelauswahl #Wischer img.Spar-Angebot { position:absolute; top:-15px; left:-25px; } .Designcode-Artikelauswahl #Wischer img.Angebot-der-Woche { position:absolute; top:-15px; left:-25px; } /* Crosseller */ .Designcode-Artikelauswahl .aehnliche-Artikel { clear:both; } .Designcode-Artikelauswahl .aehnliche-Artikel #Crosslink { margin-bottom:25px; } .Designcode-Artikelauswahl .aehnliche-Artikel #Crosslink p.label { border-bottom:1px solid #CCC; line-height:1.5em; font-size:1em; font-weight:bold; } .Designcode-Artikelauswahl .aehnliche-Artikel #AehnlicheArtikel { margin-bottom:25px; } .Designcode-Artikelauswahl .aehnliche-Artikel #AehnlicheArtikel p.label { border-bottom:1px solid #CCC; line-height:1.5em; font-size:1em; font-weight:bold; } .Designcode-Artikelauswahl .aehnliche-Artikel #WeitereArtikel { margin-bottom:25px; } .Designcode-Artikelauswahl .aehnliche-Artikel #WeitereArtikel p.label { border-bottom:1px solid #CCC; line-height:1.5em; font-size:1em; font-weight:bold; } .Designcode-Artikelauswahl .aehnliche-Artikel #Recengine { margin-bottom:25px; } .Designcode-Artikelauswahl .aehnliche-Artikel #Recengine p.label { border-bottom:1px solid #CCC; line-height:1.5em; font-size:1em; font-weight:bold; } .jcarousel-skin-tango .jcarousel-container { background:#FFF; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:270; padding:0; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:270px; height:140px; } .jcarousel-skin-tango .jcarousel-item { width:80px; height:140px; margin-right:15px; font-size:0.9em; text-align:center;} .jcarousel-skin-tango .jcarousel-item a { display:block; width:80px; height:80px; overflow:hidden; margin-bottom:3px; } .jcarousel-skin-tango .jcarousel-item p { text-align:center; margin:0; } .jcarousel-skin-tango .jcarousel-item p a { height:auto; margin:0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; right:25px; top:-30px; width:20px; height:20px; cursor:pointer; background:transparent url(/images/Allgemein/Pfeil_Zurueck.gif) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:0 -20px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:0 -20px; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:0 -40px; } .jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; right:0; top:-30px; width:20px; height:20px; cursor:pointer; background:transparent url(/images/Allgemein/Pfeil_Weiter.gif) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:0 -20px; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:0 -20px; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:0 -40px; } /* Crosseller bei Deaktivierung von JavaScript */ ul.jcarousel-skin-tango { list-style-type:none; padding:0; margin:0; width:285px; white-space:nowrap; } ul.jcarousel-skin-tango li { float:left; margin:0 15px 15px 0; padding:0; width:80px; height:135px; font-size:0.9em; } ul.jcarousel-skin-tango li a { display:block; width:80px; height:80px; overflow:hidden; margin-bottom:3px; } ul.jcarousel-skin-tango li p { text-align:center; margin:0; } ul.jcarousel-skin-tango li p a { height:auto; margin:0; } .Designcode-Artikelauswahl .Produktdaten h1 { border:0 none; color:#000000; margin:0 0 10px; font-size:11pt; } .Designcode-Artikelauswahl .Produktdaten .Produktbeschreibung { height:60px; overflow-y:auto; overflow-x:auto; width:621px; margin-bottom:10px; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns { width:225px; margin-bottom:10px; margin-right:10px; background:#FFF; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns a { text-decoration:underline; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns .produkt-details { border:1px solid #CCC; margin-bottom:10px; } .Designcode-Artikelauswahl .Produktdaten .Dropdowns span { display:block; } .Designcode-Artikelauswahl .Produktdaten .Kundenwunsch { } .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; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisbox .zzgl-MwSt { font-size:0.8em; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox { margin-bottom:20px; position:relative; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox .Menge { width:60px; position:relative; float:right; margin-right:10px; } .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 input.In-den-Warenkorb-legen { width:auto; font-size:1.7em; padding:0; float:right; position:relative; top:15px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Bestellbox #Fehlertext { width:100%; padding:5px 0; /*position:absolute; bottom:0;*/ text-align:center; background:#D4E4F3; margin-top:10px; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table { border-collapse:collapse; text-align:right; font-size:0.9em; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel th { background:#f4faff; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; vertical-align:top; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel td { border-bottom:1px solid #7f7f7f; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table.Preisstaffel-Start { width:101px; float:left; } .Designcode-Artikelauswahl .Produktdaten .Produktergebnis .Preisstaffel table.Staffeleinheit { width:100%; } .preissstaffel-jcarousel-skin-tango .jcarousel-container { float:left; height:60px; width:279px; } .preissstaffel-jcarousel-skin-tango .jcarousel-container-horizontal { width:279px !important; } .preissstaffel-jcarousel-skin-tango .jcarousel-clip-horizontal { width:279px; height:60px; } .preissstaffel-jcarousel-skin-tango .jcarousel-item { width:93px; height:60px; } .preissstaffel-jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; right:25px; top:-23px; width:20px; height:20px; cursor:pointer; background:transparent url(/images/Allgemein/Pfeil_Zurueck.gif) no-repeat 0 0; } .preissstaffel-jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:0 -20px; } .preissstaffel-jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:0 -20px; } .preissstaffel-jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .preissstaffel-jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .preissstaffel-jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:0 -40px; } .preissstaffel-jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; right:0; top:-23px; width:20px; height:20px; cursor:pointer; background:transparent url(/images/Allgemein/Pfeil_Weiter.gif) no-repeat 0 0; } .preissstaffel-jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:0 -20px; } .preissstaffel-jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:0 -20px; } .preissstaffel-jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .preissstaffel-jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .preissstaffel-jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:0 -40px; } /* 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; } .Designcode-Artikelauswahl .Produktdaten #Zuschlaege table { width:100%; border-collapse:collapse; text-align:left; } .Designcode-Artikelauswahl .Produktdaten #Zuschlaege th { background:#f4faff; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; padding-right:5px; white-space:nowrap; vertical-align:top; } .Designcode-Artikelauswahl .Produktdaten #Zuschlaege td { border-bottom:1px solid #7f7f7f; padding-right:5px; } .Designcode-Artikelauswahl .Produktdaten #Zuschlaege td hr { display:none; } /* Kopfnummerninfos */ .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos { border:1px solid #CCC; margin-bottom:10px; padding:10px; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs { padding:0; margin:0; list-style-type:none; position:relative; zoom:1; height:23px; width:100%; vertical-align:top; } .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:#CCC; text-decoration:none; text-align:center; font-weight:normal; zoom:1; display:block; padding:0 10px; vertical-align:top; line-height:23px; } * html .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs a { display:inline; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs ul.Tabs a:hover { } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos ul.Tabs { display:none; } .Designcode-Artikelauswahl .Produktdaten .Kopfnummerninfos-Tabs .Tabs-Content { border:1px solid #CCC; padding:10px; margin-bottom:10px; } .Designcode-Artikelauswahl .Produktdaten .Tabs-Content h2 { color:#000; margin-top: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 { background:#EAF5FF; padding:5px; margin-bottom:5px; } .Designcode-Artikelauswahl .Produktdaten .produkt-liste table { } .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 Quittung ===================================================*/ a.Button-gross { font-weight:bold; width:201px; height:27px; padding-left:27px; overflow:hidden; text-align:center; margin:0; line-height:27px; display:block; font-size:1.1em; } .Designcode-Artikelauswahl-Quittung a.Button-gross-zurueck-zur-Artikelseite { float:left; font-size:1.3em; background:url(/images/Buttons/Button-gross-Artikelseite.gif) no-repeat; border-right:1px solid #4C7399; } .Designcode-Artikelauswahl-Quittung a.Button-gross-Bestellung-abschliessen { float:right; font-size:1.3em; background:url(/images/Buttons/Button-gross-Warenkorb.gif) no-repeat; border-right:1px solid #4C7399; } 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; } /* Warenkorb ===================================================*/ table.Warenkorb-Tabelle { width:100%; } table.Warenkorb-Tabelle th { border-top:2px solid #000; text-align:left; padding:0 3px; } table.Warenkorb-Tabelle td { border-top:1px solid #000; padding:3px 5px; } table.Warenkorb-Tabelle .no-border { border:0; } table.Warenkorb-Tabelle .inactive { color:#888; } table.Warenkorb-Tabelle #Rabatt { display:none; color:#F00; } .Datei-Anhang { background-color:#ECF5FE; float:left; width:430px; padding:5px; margin-top:20px; } .Vorteilsnummer { float:right; width:430px; padding:5px; padding-bottom:0; margin-top:20px; overflow:hidden; border-top:1px solid #000; } .Vorteilsnummer p.Hinweis { color:#F00; margin:0 0 1em 0; } .Vorteils-Nummer-Eingabe { position:relative; height:30px; } #Vorteilsnummer { width:110px; position:absolute; top:6px; left:0; } #Vorteilsnummerabschicken { position:absolute; top:6px; left:125px; } #Rec-Engine h2 { 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; } /* Breadcrumbs ===================================================*/ .bcr { font-size:10px; margin:0px 0px 5px 0px;} /* Footer ===================================================*/ /* Reduzierter, einzeiliger Footer .Footer { text-align:center; background-image:url(images/Allgemein/HeadBgMenu.gif); background-position:bottom; background-repeat:repeat-x; background-color:#D5E4F3 !important; padding:5px 0; } .Footer ul { padding:5px 0; list-style-type:none; width:100%; text-align:center; height:15px; margin:0; } .Footer li { padding:0 10px; border-right:1px solid #00376D; display:inline; } .Footer li.last { border:0; } .Link-SETON-de { text-align:center; font-size:0.9em; margin-top:5px; } */ /* Footer mit Blöcken .Footer .Block { width:185px; float:left; margin-right:10px; } .Footer .last { margin:0; } .Footer .Block .Title4 { color:#666; margin-bottom:0.2em; } .Footer .Block ul { padding:0; margin:0; list-style-type:none; } .Footer .Block li { margin:0 0 0.1em 0; } */ .Footer { background-image:url(images/Allgemein/HeadBgMenu.gif); background-position:bottom; background-repeat:repeat-x; background-color:#D5E4F3 !important; padding:10px; } .Footer table { margin:auto; } .Footer td { padding:0 25px; vertical-align:top; } .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; } .Link-SETON-de { text-align:center; font-size:0.9em; margin-top:5px; } /* Inhaltsblöcke ===================================================*/ .col-set { width:710px; overflow:hidden; } .left { float:left; margin:0 10px 0 0; } .right { float:right; margin:0; } .col-2 { width:350px; overflow:hidden; } .col-3 { width:230px; overflow:hidden; } .col-4 { width:170px; overflow:hidden; } .col-5 { width:134px; overflow:hidden; } .col-6 { width:110px; overflow:hidden; font-size:0.9em; } /* Seitenkasten ===================================================*/ .Seitenkasten { clear:both; margin:20px 10px 20px 0; width:193px; position:relative; font-size:8pt; } .Seitenkasten .Title1 { font-size:11pt; font-weight:bold; margin:0 !important; color:#E60F19; border-bottom:2px solid #004388; } .Seitenkasten .Title1 a { color:#E60F19; } .SeitenkastenRechts { clear:both; margin:20px 0 10px 10px; width:193px; position:relative; z-index:1; font-size:8pt; } .SeitenkastenRechts .Title1 { font-size:11pt; font-weight:bold; margin:0 !important; color:#E60F19; border-bottom:2px solid #004388; } .SeitenkastenRechts .Title1 a { color:#E60F19; } .Seitenkasten ul{ margin:0; padding:5pt 5pt 5pt 0; list-style-type:none; font-weight:bold;} .Seitenkasten li{ padding:0px; margin:0 0 5px 8px; font-size:8pt;} .SeitenkastenRechts ul{ margin:0; padding:5pt 5pt 5pt 0; list-style-type:none;} .SeitenkastenRechts li{ padding:0px; margin:0 0 5px 8px; font-size:8pt;} h1.Seitennavi {margin:0 0 0 0;} h1 a:link { color:#E60F19; text-decoration:none; } h1 a:visited { color:#E60F19; text-decoration:none; } h1 a:hover { color:#E60F19; text-decoration:none; } h1 a:active { color:#E60F19; text-decoration:none; } .Rot {color:#E60F19;} /* verlinkte Ueberschriften der Seitennav*/ /*Katalog-Teaser*/ .Katalog-Teaser img.Katalog { margin:10px 0 -10px 15px; } #okatcontent { margin-top:5px; text-align:center; } .Seitenkasten-Adresse { color:#808080; margin-bottom:0; } /* Content und Contentrahmen ===================================================*/ td.ContentInhalt { background-color:#FFFFFF; width:auto; } td.ContentRandO { height:20px; background-image:url(images/Allgemein/Rand_O.gif); background-repeat:repeat-x; margin:0px; padding:0px;} td.ContentRandU { height:20px; background-image:url(images/Allgemein/Rand_U.gif); background-repeat:repeat-x; margin:0px; padding:0px;} td.ContentRandL { width:30px; background-image:url(images/Allgemein/Rand_L.gif); background-repeat:repeat-y; margin:0px; padding:0px;} td.ContentRandR { width:30px; background-image:url(images/Allgemein/Rand_R.gif); background-repeat:repeat-y; margin:0px; padding:0px;} td.ContentEckeOL { width:30px; height:20px; background-image:url(images/Allgemein/Ecke_OL.gif); background-position:top; margin:0px; padding:0px;} td.ContentEckeOR { width:30px; height:20px; background-image:url(images/Allgemein/Ecke_OR.gif); background-position:top;} td.ContentEckeUL { width:30px; height:20px; background-image:url(images/Allgemein/Ecke_UL.gif); background-position:bottom;} td.ContentEckeUR { width:30px; height:20px; background-image:url(images/Allgemein/Ecke_UR.gif); background-position:bottom;} td.Content-Rand-O { background:url(images/Allgemein/Rand_O.gif) repeat-x top; } td.Content-Rand-U { background:url(images/Allgemein/Rand_U.gif) repeat-x bottom; } td.Content-Rand-L { background:url(images/Allgemein/Rand_L.gif) repeat-y left; } td.Content-Rand-R { background:url(images/Allgemein/Rand_R.gif) repeat-y right; } td.Content-Ecke-OL { width:27px; height:20px; background:url(images/Allgemein/Ecke_OL.gif) top left; } td.Content-Ecke-OR { width:27px; background:url(images/Allgemein/Ecke_OR.gif) top right; } td.Content-Ecke-UL { height:20px; background:url(images/Allgemein/Ecke_UL.gif) bottom left;} td.Content-Ecke-UR { background:url(images/Allgemein/Ecke_UR.gif) bottom right;} /*Artikelsuche ===================================================*/ /* Header */ div.suggestContainer { position:relative; top:19px; } 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:#00376D; cursor:pointer; padding:0;} /*kompletter 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:#00376D; padding:1px 5px 1px 5px; } .suggestContent{ color:#E60F19; font-weight:bold; } /*Subnavigation*/ .Subnavigation { clear:both; margin:20px 10px 10px 0; width:193px; position:relative; } .Subnavigation .Title1 { height:18px; font-size:11pt; font-weight:bold; margin:0; color:#E60F19 !important; border-bottom:2px solid #004388; } .Subnavigation .Title1 a { color:#E60F19 !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 { position:absolute; left:0; top:0; z-index:0; white-space:nowrap; margin-bottom:10px; } .Seitenanzahl span { font-size:1.2em; font-weight:bold; } .Seiteanzeige { position:absolute; right:0; top:0; z-index:0; margin-bottom:10px; } .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; } .Ergebnis .Icons .Icons-Angebot-der-Woche { position:absolute; bottom:0; right:0; background:url(/images/Artikelsuche/Artikelsuche_Angebot-der-Woche.gif) no-repeat top left; text-indent:-999999px; width:151px; height:88px; } .Ergebnis .Icons .Icons-Spar-Angebot { position:absolute; bottom:0; right:0; background:url(/images/Artikelsuche/Artikelsuche_Spar-Angebot.gif) no-repeat top left; text-indent:-999999px; width:151px; height:88px; } .ErgebnisAGP {width:202px; height:220px; float:left; margin:0 15px 15px 0; background-color:#F0F7FD; border:1px solid #335F8A; position:relative; top:0px; left:0px; padding:30px 7px 7px 7px; text-align:center; } .ErgebnisAGP a { cursor:pointer; } .ErgebnisAGP .ErgebnisBild { border:1px solid #333333; background-color:#FFF; position:relative; left:0; top:0; } .ErgebnisAGP p.ErgebnisText { width:100%; overflow:hidden; position:absolute; top:190px; left:0; height:30px; overflow:hidden; } .ErgebnisAGP p.Jetzt-bestellen { font-weight:bold; width:89px; height:20px; padding-left:21px; overflow:hidden; font-size:8pt; text-align:left; margin:0; position:absolute; bottom:7px; right:7px; background-image:url(/images/Allgemein/Jetzt-bestellen.gif); background-repeat:no-repeat; font-size:8pt; line-height:20px; } .ErgebnisAGP .Icons { position:absolute; top:0; left:0; color:#F00; font-weight:bold; font-size:2em; line-height:1em; width:auto; } .ErgebnisAGP .Icons img { position:absolute; top:0; left:0; } .ErgebnisAGP .Icons .Icons-Angebot-der-Woche { position:absolute; top:0; left:0; background:url(/images/Artikelsuche/Angebotsplattform_Angebot-der-Woche.gif) no-repeat top left; text-indent:-999999px; width:151px; height:88px; } .ErgebnisAGP .Rabattwert { position:absolute; bottom:5px; left:7px; color:#F00; font-weight:bold; font-size:2.5em; line-height:1em; } .ErgebnisAGP .Rabattart { display:none; } .Ergebnis-Schildersuche {width:202px; height:240px; float:left; margin:0 15px 15px 0; background-color:#F0F7FD; border:1px solid #335F8A; position:relative; top:0px; left:0px; padding:30px 7px 7px 7px; text-align:center; } .Ergebnis-Schildersuche a { cursor:pointer; } .Ergebnis-Schildersuche .ErgebnisBild { border:1px solid #333333; position:relative; left:0; top:0; } .Ergebnis-Schildersuche p.ErgebnisText { width:100%; overflow:hidden; position:absolute; top:190px; left:0; height:55px; overflow:hidden; font-size:0.9em; } .Ergebnis-Schildersuche p.Jetzt-bestellen { font-weight:bold; width:89px; height:20px; padding-left:21px; overflow:hidden; font-size:8pt; text-align:left; margin:0; position:absolute; bottom:7px; right:7px; background-image:url(/images/Allgemein/Jetzt-bestellen.gif); background-repeat:no-repeat; font-size:8pt; line-height:20px; } .Ergebnis-Schildersuche .Icons { position:absolute; top:0; left:0; color:#F00; font-weight:bold; font-size:2em; line-height:1em; width:auto; } .Ergebnis-Schildersuche .Icons img { position:absolute; top:0; left:0; } .Ergebnis-Schildersuche .Icons .Icons-Angebot-der-Woche { position:absolute; top:0; left:0; background:url(/images/Artikelsuche/Angebotsplattform_Angebot-der-Woche.gif) no-repeat top left; text-indent:-999999px; width:151px; height:88px; } .ErgebnisZusatzHandschuhe { position:absolute; top:75px; left:100px; width:120px; font-size:90%;} .ErgebnisHandschuhsymbole { position:absolute; top:75px; left:210px;} .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; } /* Tabellenfelder für Shop (td)*/ .tab00 {vertical-align:top; font-size:9pt; padding:3px; font-weight:bold;} /* Shoptabellen */ .tab01 {vertical-align:middle; font-size:9pt; line-height:9pt; padding:3px; white-space:nowrap;} /* Shoptabellen Dunkelgrau (Anzahl, Preise) */ .tab02 {vertical-align:middle; font-size:9pt; line-height:9pt; padding:3px;} /* Shoptabellen Hellgrau (Artikeleigenschaften) */ .tab03 {text-align:left; vertical-align:middle; font-size:8pt; line-height:9pt; padding:3px;} /* Shoptabellen Hellblau zentriert (Eingabefelder,Buttons - Userinteraktion) */ .tab04 {vertical-align:middle; font-size:9pt; line-height:9pt; padding:3px;} /* Shoptabellen Hellblau normal (Eingabefelder,Buttons - Userinteraktion) */ .tab05 {vertical-align:middle; font-size:9pt; padding:3px;} /* Shoptabellen neutral (Beschriftungen "ausserhalb" Tabelle, siehe Warenkorb) */ /* Tabellenfelder für Infos (td, u.ä.) */ .tab10 {vertical-align:middle; font-size:8pt; font-weight:bold;} /* Infotabellen Überschriften dunkelgrau */ .tab11 {vertical-align:middle; font-size:8pt; line-height:9pt;} /* Infotabellen Dunkelgrau */ .tab12 {vertical-align:middle; font-size:8pt; line-height:9pt;} /* Infotabellen Hellgrau */ /* Tabellenfelder für Contentseiten allgemein (Formulare u.ä.) */ .tab20 {background-color:#A0B4C8;} /* Tabellen für Content-Seiten Überschriften Dunkelblau */ .tab21 {background-color:#E3EFFB;} /* Tabellen für Content-Seiten Hellblau */ .tab22 {background-color:#E3EFFB;} /* Tabellen für Content-Seiten - noch helleres Hellblau*/ .tab23 {background-color:#DDDDDD;} /* Tabellen für Content-Seiten - dunkelgrau*/ .tab24 {background-color:#EEEEEE;} /* Tabellen für Content-Seiten - hellgrau*/ /*Homepage ===================================================*/ .SuchbegriffSize1 {font-size:8pt;} .SuchbegriffSize2 {font-size:8pt; font-weight:bold} .SuchbegriffSize3 {font-size:10pt; font-weight:bold} .SuchbegriffSize4 {font-size:14pt;} .HPTeaserkastenHaelfte {border:dashed 1px #335F8A;} .HPTeaserkastenHead {background-image:url(/images/Allgemein/MenuBg.gif); background-repeat:x-repeat; padding:5px; font-size:11pt; font-weight:bold;} .HPTeaserkastenContent {margin:0 5px 0 5px;} #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; } .HP-Teaser { position:relative; height:200px; margin-bottom:10px; } .Teaser-images { position:absolute; z-index:1; } .Teaser-images a { position:absolute; top:0; left:0; width:500px; height:170px; } /*Qietschgelbe Nav .nav { margin:0; padding:0; position:absolute; top:171px; z-index:100; width:500px; height:25px; background-color:#fde63f;} #nav a, #s7 strong { margin:0 1px 0 0; padding:4px 5px; text-decoration:none; line-height:25px; background-color:#fde63f; width:220px;} #nav a:hover { border; } #nav a.activeSlide { background-color:#fde63f; padding-top:10px; padding-bottom:10px; position:relative; top:-7px; border:1px solid #FFF; border-bottom:0; } #nav a:focus { outline:none; } #output { text-align:left; } #nav { text-align:left } */ .nav { margin:0; padding:0; position:absolute; top:170px; z-index:100; width:498px; height:25px; } #nav a, #s7 strong { margin:0 0 0 -1px; border:1px solid #FFF; padding:0 5px; text-decoration:none; line-height:25px; height:25px; background-image:url(/images/Homepage/Teaser/background-nav.gif); background-color:#FDC605; background-repeat:repeat-x; display:block; float:left; } #nav a:hover { border; } #nav a.activeSlide { background-image:url(/images/Homepage/Teaser/background-nav-active.gif); background-color:#FDC605; background-repeat:repeat-x; padding-top:6px; padding-bottom:6px; position:relative; top:-12px; } #nav a:focus { outline:none; } #output { text-align:left; } #nav { text-align:left } /* SETON Spezialbereiche*/ ul.SETON-Spezialbereiche { list-style-type:none; font-size:8pt; margin:0; padding:0; width:500px; } .SETON-Spezialbereiche li { width:124px; height:130px; float:left; margin:0 0 20px 0; text-align:center; padding:0; border-right:1px solid #999999; } .SETON-Spezialbereiche li.Viertes { margin-right:0 !important; border:0 !important; } .SETON-Spezialbereiche li img { margin:5px 0 0 0; } .SETON-Spezialbereiche li p { text-align:left; margin:0 5px 0 5px; } .SETON-Spezialbereiche li a { cursor:pointer; } .SETON-Spezialbereich-Schilder { font-size:1.5em; margin:0 0 20px 0; text-align:center; } /*NEU-Topseller-Teaser */ .NEU-Topseller-Teaser { width:240px; height:280px; margin-top:20px; float:left; border:solid 1px #335F8A; position:relative; } .NEU-Topseller-Teaser .Title { height:22px; background-image:url(/images/Allgemein/MenuBg.gif); background-repeat:x-repeat; padding:5px; font-size:13pt; font-weight:bold; } .NEU-Topseller-Teaser .Title img { position:absolute; top:-10px; right:5px; z-index:100; } .NEU-Topseller-Teaser .Scroll-Next { position:absolute; top:236px; left:30px; z-index:100; } .NEU-Topseller-Teaser .Scroll-Prev { position:absolute; top:236px; left:5px; z-index:100; } .NEU-Topseller-Teaser .Alle-ansehen { width:200px; height:20px; position:absolute; top:260px; left:5px; z-index:100; } .NEU-Topseller-Teaser .Alle-ansehen p.PfeilLink { margin-top:3px; font-size:8pt !important; line-height:12px; } .NEU-Topseller-Teaser .Scrollfenster { overflow:hidden; width:230px; height:220px; position:absolute; top:40px; left:5px; } .NEU-Topseller-Teaser td { width:230px; position:relative; } .NEU-Topseller-Teaser td .Produkteinheit { width:230px; height:300px; position:relative; } .NEU-Topseller-Teaser p.Produkttitle { width:230px; height:30px; font-size:8pt; overflow:hidden; margin-bottom:0; position:absolute; top:150px; left:0; } .NEU-Topseller-Teaser a { cursor:pointer; } .NEU-Topseller-Teaser .Produkteinheit p.Jetzt-bestellen { font-weight:bold; width:114px; height:20px; padding-left:21px; overflow:hidden; font-size:8pt; text-align:left; margin:0; position:absolute; top:196px; left:119px; background-image:url(/images/Allgemein/Jetzt-bestellen.gif); background-repeat:no-repeat; font-size:8pt; line-height:20px; } /*Angebot der Woche*/ /*.Angebot-der-Woche { border:1px solid #B8D1EB; background-color:#FFFFFF; height:237px; } .Angebot-der-Woche .Produkteinheit { width:190px; height:220px; position:relative; top:17px; text-align:center; } .Angebot-der-Woche .Produkteinheit p { width:180px; height:30px; font-size:8pt; overflow:hidden; margin-bottom:0; position:absolute; top:150px; left:0; margin-left:5px; } .Angebot-der-Woche .Produkteinheit a { cursor:pointer; } .Angebot-der-Woche .Produkteinheit .Buttons { height:20px; position:absolute; top:196px; left:4px; } .Angebot-der-Woche .Produkteinheit .Buttons a { height:20px; width:16px; float:left; padding-top:3px; margin-right:4px; background-image:url(/images/Allgemein/Button-blanko.gif); background-repeat:no-repeat; font-weight:bold; text-align:center; } .Angebot-der-Woche .Produkteinheit .Buttons a.active { background-image:url(/images/Allgemein/Button-blanko-active.gif); } .Angebot-der-Woche .Produkteinheit p.Jetzt-bestellen { font-weight:bold; width:60px; height:20px; padding-left:23px; overflow:hidden; font-size:8pt; text-align:left; margin:0; position:absolute; top:196px; left:102px; background-image:url(/images/Allgemein/Jetzt-bestellen_kurz.gif); background-repeat:no-repeat; font-size:8pt; line-height:20px; } */ .HPTeaser-Online-Umfrage { position:relative; } .HPTeaser-Online-Umfrage img { position:absolute; top:0; left:0; } .HPTeaser-Online-Umfrage p.PfeilLink { position:absolute; top:25px; left:80px; width:80px; line-height:1.2em; text-indent:-9px; padding-left:9px; } /*Fokus-Thema-Teaser*/ .Fokus-Thema-Teaser { position:relative; width:193px; height:48px; margin-top:10px; z-index:10; } .Fokus-Thema-Teaser a { cursor:pointer; display:block; } .Fokus-Thema-Teaser img { position:absolute; top:-28px; left:0; z-index:-1; } .Fokus-Thema-Teaser p { font-size:10pt; margin:0; padding:3px 70px 0 3px; font-weight:bold; line-height:1.2em; color:#FFF; } /* ScreenshotsPopUp ===================================================*/ body.ScreenshotsPopUp { background-color:#FFFFFF; margin:15px; } body.ScreenshotsPopUp .scrollButtons { position:absolute; top:550px; width:252px; display:block; margin:0 0 0 164px; } /* Allgemeine Content-Elemente ===================================================*/ .block-half-left { width:345px; float:left; position:relative; } .block-half-right { width:345px; float:right; position:relative; } /*Nichtraucherschutz ===================================================*/ .Nichtraucherschutz { background-color:#E6F3FF; padding:10px; } .Nichtraucherschutz h2 { margin-top:0; } .Nichtraucherschutz h3 { margin:0 0 15px 0; } .Nichtraucherschutz ul { margin-top:10px; } .Nichtraucherschutz li { padding:0; margin:0; } /*Bestellablauf ===================================================*/ .BestellablaufBilder {margin:0 0 10px 0;} /*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 ===================================================*/ table.Normen { background-color:#EAF5FF; float:left; table-layout:fixed; } table.Normen td { padding:8px 0 8px 0; } /*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 { background-image:url(/images/Allgemein/FlaecheHell_CS_14.gif); 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 { background-image:url(/images/Allgemein/FlaecheHell_CS_15.gif); 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;} /*Mindestbestellwert Unterschritten*/ .Mindestb { width:700px; } .MindestbBereich04 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich05 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich06 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich09 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich12 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich15 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich16 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich18 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich20 { margin:5px; width:330px; height:145px; float:left; border:1px solid #00478C; position:relative; top:0px; left:0px;} .MindestbBereich04 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich05 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich06 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich09 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich12 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich15 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich16 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich18 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbBereich20 h2 { font-size:9pt; font-weight:bold; background-color:#DFEFFF; margin:5px; padding:0 0 0 2px; } .MindestbProduktbild { float:left; margin:0 5px 5px 5px; border:1px solid #333333; background-color:#FFFFFF; } .Mindestb p {float:right; width:225px; font-size:8pt; margin:0 5px 3px 0;} div.MindestbPreis { font-weight:bold; position:absolute; top:128px; left:100px; } img.MindestbWK { position:absolute; top:120px; left:295px; } img.NEU { margin:-2px 0 2px 0; } /*Pressemitteilungen*/ .PM {position:relative; top:0; left:0; padding-right:240px; } .PM img { float:left; margin:0 10px 10px 0; } .Download { width:210px; position:absolute; top:0; right:0; } /* Newsletter-Anmeldung */ .Newsletter-Anmeldung .Formular { margin:30px 0;} .Newsletter-Anmeldung table { border-collapse:collapse; zoom:1; } .Newsletter-Anmeldung td { vertical-align:top; padding:5px 15px 5px 0; } .Newsletter-Anmeldung-Gewinn { width:200px; float:right; } .Newsletter-Quittung table { border-collapse:collapse; border:0; } .Newsletter-Quittung td { padding:5px 15px 5px 0; font-weight:normal !important; } .Newsletter-Quittung th { padding:5px 15px 5px 0; font-weight:normal; white-space:nowrap; text-align:left; } .Newsletter-Quittung hr { margin:20px 0; background:none; } .Newsletter-Quittung a.Twitter { display:block; width:138px; float:left; margin:0 10px 0 0; padding:0 0 0 39px; background:url(/images/Newsletter-Anmeldung/Twitter.gif) no-repeat; height:31px; } .Newsletter-Quittung a.Facebook { display:block; width:138px; float:left; margin:0 10px 0 0; padding:0 0 0 39px; background:url(/images/Newsletter-Anmeldung/Facebook.gif) no-repeat; height:31px; } .Newsletter-Quittung a span { display:block; color:#000; } /* Muster-Anforderung */ .Muster-Quittung table { width:100%; } .Muster-Quittung td { background-color:#E3EFFB; padding:2px; margin:2px; } .Muster-Quittung th { background-color:#E3EFFB; padding:2px; margin:2px; font-weight:normal; white-space:nowrap; } .DOI-Hinweis p { font-size:0.9em; color:#666; } /* 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;} /*Für Highscortabelle und Formular*/ .tabKreativWettbewerbHell { background-color:#fefce5;} /*Für Highscortabelle und Formular*/ .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; } h1.SchilderRaetsel { color:#2A48A2; border-bottom:2px solid #2A48A2; margin:0pt; } 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*/ h1.Apfelbaum { color:#EFA500; border-bottom:2px solid #EFA500; margin:0pt; } h2.Apfelbaum { color:#EFA500; font-weight:bold; margin:20pt 0 3pt 0;} .FieldsetJubilaumsSpiel {padding:0; border:0; } /* Fokus-Themen ===================================================*/ /*Allgemein*/ .FokusBilderreihe { background-color:#FFFFFF; overflow:hidden; width:100%; border:6px solid #ECF5FE; padding:0 0 10px 0; } .FokusBild { width:174px; height:220px; float:left; margin:10px 0 0 0; border-right:1px solid #999999; position:relative; text-align:center; } .FokusBild4 { width:174px; height:220px; float:left; margin:10px 0 0 0; position:relative; text-align:center; } .FokusBild p.Produkttitel, .FokusBild4 p.Produkttitel { width:164px; position:absolute; top:150px; left:0; cursor:pointer; padding:0 5px; } .FokusBild p.Details, .FokusBild4 p.Details { font-size:90%; width:50px; position:absolute; top:200px; right:7px; cursor:pointer; text-align:right; } p.MehrProdukte { font-size:90%; text-align:left; position:absolute; top:200px; left:7px; cursor:pointer; } .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; } img.FokusFluchtwegmann { position:absolute; bottom:0; left:20px; } img.Kalender { position:absolute; top:-10px; left:20px; } img.TeaserBild { position:absolute; top:5px; right:5px; } div.TeaserText { width:360px; position:absolute; left:170px; top:10px; } .Teaser h2 { color:#FFF; font-size:13pt; margin-top:0; } .Teaser h3 { font-weight:bold; color:#000; } .Teaser p { color:#FFF; font-weight:bold; } div.FokusAbschnittBlau { background-color:#ECF5FE; position:relative; top:0; left:0; padding:5px; margin-bottom:15px; } .FokusAbschnittBlau h3 { font-weight:bold; color:#000; } /*ErsteHilfe*/ 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 p { font-size:8pt; } .ArbeitsstaettenVerordnung h4 { font-size:8pt; } .FieldsetJubilaumsSpiel {padding:0; border:0; } /*Prüfkennzeichnung*/ table.Lieferformen { width:100%; margin-top:5px; 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*/ .ContentInternationalerVersand { background-color:#FFFFFF; position:relative; top:0; left:0; } td.ContentInternationalerVersand .Teaser { background-color:#ff6602; position:relative; top:0; left:0; height:165px; padding:0px; margin-bottom:25px; } img.FokusFluchtwegmann { position:absolute; bottom:0; left:20px; } img.TeaserBild { position:absolute; top:1px; right:1px; } div.TeaserText { width:330px; position:absolute; left:170px; top:10px; } .Teaser h2 { color:#FFF; font-size:13pt; margin-top:0; } .Teaser h3 { font-weight:bold; color:#000; } .Teaser p { color:#FFF; font-weight:bold; } div.FokusAbschnittBlau { background-color:#ECF5FE; position:relative; top:0; left:0; padding:5px; margin-bottom:15px; } .FokusAbschnittBlau h3 { font-weight:bold; color:#000; } dl.UnterschiedlicheKlassen { margin:5pt 0 5pt 0; } dl.UnterschiedlicheKlassen dt { float:left; width:85px; font-weight:bold; border:1px solid #ECF5FE; } dl.UnterschiedlicheKlassen dd { margin:0 0 0 85px; border:1px solid #ECF5FE; } 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*/ .ContentBarrierefrei { background-color:#FFFFFF; position:relative; top:0; left:0; } td.ContentBarrierefrei .Teaser { background-color:#008000; position:relative; top:0; left:0; height:175px; padding:0px; margin-bottom:25px; } /*Reinigung im Unternehmen*/ .ContentReinigungImUnternehmen { background-color:#FFFFFF; position:relative; top:0; left:0; } td.ContentReinigungImUnternehmen .Teaser { background-color:#cbc600; position:relative; top:0; left:0; height:155px; padding:0px; margin-bottom:25px; } .ContentReinigungImUnternehmen div.FokusTextabschnitt { background-color:#ECF5FE; position:relative; top:0; left:0; width:100%; border:6px solid #ECF5FE; } /*Sicherheit am Arbeitsplatz*/ .ContentSicherheitAmArbeitsplatz { background-color:#FFFFFF; position:relative; top:0; left:0; } td.ContentSicherheitAmArbeitsplatz .Teaser { background-color:#0061a1; position:relative; top:0; left:0; height:125px; padding:0px; margin-bottom:25px; } .ContentSicherheitAmArbeitsplatz div.FokusTextabschnitt { background-color:#ECF5FE; position:relative; top:0; left:0; width:100%; border:6px solid #ECF5FE; } .ContentSicherheitAmArbeitsplatz img.TeaserBild { position:absolute; top:4px; right:5px; } /*Reparaturen und Beschilderung im Außenbereich*/ .ContentReparaturenUndBeschilderungImAussenbereich { background-color:#FFFFFF; position:relative; top:0; left:0; } td.ContentReparaturenUndBeschilderungImAussenbereich .Teaser { background-color:#4cc105; position:relative; top:0; left:0; height:155px; padding:0px; margin-bottom:25px; } .ContentReparaturenUndBeschilderungImAussenbereich div.FokusTextabschnitt { background-color:#ECF5FE; position:relative; top:0; left:0; width:100%; border:6px solid #ECF5FE; } .ContentReparaturenUndBeschilderungImAussenbereich img.TeaserBild { position:absolute; top:0px; right:5px; } /*Recycling und Umweltschutz*/ .ContentRecyclingUndUmweltschutz { background-color:#FFFFFF; position:relative; top:0; left:0; } td.ContentRecyclingUndUmweltschutz .Teaser { background-color:#99cc00; position:relative; top:0; left:0; height:137px; padding:0px; margin-bottom:25px; } .ContentRecyclingUndUmweltschutz .Kalender { position:absolute; top:-8px; left:20px; } .ContentRecyclingUndUmweltschutz div.FokusTextabschnitt { background-color:#ECF5FE; position:relative; top:0; left:0; width:100%; border:6px solid #ECF5FE; } .ContentRecyclingUndUmweltschutz img.TeaserBild { position:absolute; top:-18px; right:0; } /*Beschilderung und Sicherheit für Ihre Produktion*/ div.Teaser_gross {width:700px; height:200px; margin-bottom:15px;} /*WC-Schilder und Zubehör für Toiletten*/ .WC-Schilder-und-Zubehoer-fuer-Toiletten { background-color:#FFFFFF; position:relative; top:0; left:0; } .WC-Schilder-und-Zubehoer-fuer-Toiletten .Teaser { position:relative; width:700px; height:253px; background-image:url(/images/Fokus-Themen/WC-Schilder-und-Zubehoer-fuer-Toiletten/WC-Schilder-und-Zubehoer-fuer-Toiletten.jpg); background-repeat:no-repeat; } .WC-Schilder-und-Zubehoer-fuer-Toiletten .Teaser h2 { position:absolute; top:6px; left:10px; color:#fff; } /*Verkehrssicherheit auf Ihrem Betriebsgelände verbessern*/ .Verkehrssicherheit-auf-Ihrem-Betriebsgelaende-verbessern { background-color:#FFFFFF; position:relative; top:0; left:0; } .Verkehrssicherheit-auf-Ihrem-Betriebsgelaende-verbessern .Teaser { position:relative; width:700px; height:253px; background-image:url(/images/Fokus-Themen/Verkehrssicherheit-auf-Ihrem-Betriebsgelaende/Verkehrssicherheit-auf-Ihrem-Betriebsgelaende.jpg); background-repeat:no-repeat; } .Verkehrssicherheit-auf-Ihrem-Betriebsgelaende-verbessern .Teaser h2 { position:absolute; top:6px; left:10px; color:#fff; } /*Sicherheit vor Einbruch und Diebstahl*/ .Sicherheit-vor-Diebstahl-und-Einbruch { background-color:#FFFFFF; position:relative; top:0; left:0; } .Sicherheit-vor-Diebstahl-und-Einbruch .Teaser { position:relative; width:700px; height:253px; background-image:url(/images/Fokus-Themen/Sicherheit-vor-Einbruch-und-Diebstahl/Sicherheit-vor-Diebstahl-und-Einbruch.jpg); background-repeat:no-repeat; } .Sicherheit-vor-Diebstahl-und-Einbruch .Teaser h2 { width:245px; position:absolute; top:48px; right:30px; color:#fff; font-size:1.7em; } .Sicherheit-vor-Diebstahl-und-Einbruch .Teaser 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*/ .Winterdienst-im-Betrieb { background-color:#FFFFFF; position:relative; top:0; left:0; } .Winterdienst-im-Betrieb .Teaser { position:relative; width:700px; height:253px; background-image:url(/images/Fokus-Themen/Winterdienst-im-Betrieb/Winterdienst-im-Betrieb.jpg); background-repeat:no-repeat; } .Winterdienst-im-Betrieb .Teaser h2 { width:245px; position:absolute; top:27px; right:33px; text-align:center; font-size:1.5em; color:#FFF; } /*Im Notfall gut vorbereitet – Notfallausrüstung, Brandschutz, Fluchtweg-Kennzeichnung*/ .Notfallausruestung-und-Kennzeichnung { background-color:#FFFFFF; position:relative; top:0; left:0; } .Notfallausruestung-und-Kennzeichnung .Teaser { position:relative; width:700px; height:253px; background-image:url(/images/Fokus-Themen/Notfallausruestung-und-Kennzeichnung/Notfallausruestung-und-Kennzeichnung.jpg); background-repeat:no-repeat; } .Notfallausruestung-und-Kennzeichnung .Teaser h2 { position:absolute; top:6px; left:10px; color:#fff; } /*Arbeitsunfälle und Gefährdungen*/ .Arbeitsunfaelle-und-Gefaehrdung { background-color:#FFFFFF; position:relative; top:0; left:0; } .Arbeitsunfaelle-und-Gefaehrdung .Teaser { position:relative; width:700px; height:482px; background-image:url(/images/Fokus-Themen/Arbeitsunfaelle-und-Gefaehrdung/Arbeitsunfaelle-und-Gefaehrdung.jpg); background-repeat:no-repeat; } .Arbeitsunfaelle-und-Gefaehrdung .Teaser h2 { position:absolute; top:26px; left:40px; color:#fff; } .Arbeitsunfaelle-und-Gefaehrdung .Teaser h2 span { font-size:0.8em; } .Arbeitsunfaelle-und-Gefaehrdung .Teaser p { position:absolute; font-size:1.4em; margin:0; } .Arbeitsunfaelle-und-Gefaehrdung .Kopfschutz { top:115px; left:85px; } .Arbeitsunfaelle-und-Gefaehrdung .Gehoerschutz { top:115px; left:495px; } .Arbeitsunfaelle-und-Gefaehrdung .Augenschutz { top:215px; left:85px; } .Arbeitsunfaelle-und-Gefaehrdung .Atemschutz { top:215px; left:495px; } .Arbeitsunfaelle-und-Gefaehrdung .Warnschutzkleidung { top:315px; left:85px; } .Arbeitsunfaelle-und-Gefaehrdung .Schutzkleidung { top:315px; left:495px; } .Arbeitsunfaelle-und-Gefaehrdung .Handschutz { top:415px; left:85px; } .Arbeitsunfaelle-und-Gefaehrdung .Sicherheitsschuhe { top:415px; left:495px; } /*Gefahrgut-Kennzeichnung*/ .Gefahrgut-Kennzeichnung { background-color:#FFFFFF; position:relative; top:0; left:0; } .Gefahrgut-Kennzeichnung .Teaser { position:relative; width:700px; height:244px; background-image:url(/images/Fokus-Themen/Gefahrgut-Kennzeichnung/Gefahrgut-Kennzeichnung.jpg); background-repeat:no-repeat; } .Gefahrgut-Kennzeichnung .Teaser h2 { text-align:center; color:#fff; font-size:1.7em; position:absolute; top:7px; width:100%; } .Gefahrgut-Kennzeichnung table.Gefahrgutklassen-nach-ADR { float:right; width:330px; } .Gefahrgut-Kennzeichnung table.Gefahrgutklassen-nach-ADR th { white-space:nowrap; text-align:left; } /*Sturzgefahr*/ .Sturzgefahr { background-color:#FFFFFF; position:relative; top:0; left:0; } .Sturzgefahr .Teaser { position:relative; width:700px; height:244px; background-image:url(/images/Fokus-Themen/Sturzgefahr/Sturzgefahr.jpg); background-repeat:no-repeat; } .Sturzgefahr .Teaser h2 { text-align:center; color:#c2221b; font-size:1.7em; position:absolute; top:30px; left:7px; width:450px; } .Sturzgefahr table.Gefahrgutklassen-nach-ADR { float:right; width:330px; } .Sturzgefahr table.Gefahrgutklassen-nach-ADR th { white-space:nowrap; text-align:left; } /*Rund-um-den-Parkplatz*/ .Rund-um-den-Parkplatz { background-color:#FFFFFF; position:relative; top:0; left:0; } .Rund-um-den-Parkplatz .Teaser { position:relative; width:700px; height:244px; background-image:url(/images/Fokus-Themen/Rund-um-den-Parkplatz/Rund-um-den-Parkplatz.jpg); background-repeat:no-repeat; } .Rund-um-den-Parkplatz .Teaser h2 { text-align:right; color:#FFF; font-size:2.2em; position:absolute; top:20px; right:7px; width:450px; } .Rund-um-den-Parkplatz .FokusBild p.Produkttitel_oben, .FokusBild4 p.Produkttitel_oben { width:164px; left:0; cursor:pointer; padding:0 5px; font-weight:bold;} .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; } .Rund-um-den-Parkplatz .FokusBild4 { width:174px; height:230px; float:left; margin:10px 0 0 0; position:relative; text-align:center; } .Rund-um-den-Parkplatz .Auf-Nummer-sicher {float:right; margin:10px 0 -10px 35px; width:175px; clear:right;} .Rund-um-den-Parkplatz .Auf-Nummer-sicher p {background-color:#00478C; padding:5px; color:#FFF;} .Rund-um-den-Parkplatz p.MehrProdukte-Parkplatz { font-size:90%; text-align:left; position:relative; left:7px; cursor:pointer; margin:8px 0;} .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; } /* Kundenumfrage zu Inventaretiketten ===================================================*/ .UmfrageInventaretiketten { width:366px; height:190px; background-image:url(/images/Homepage/Umfrage-Inventaretiketten_bg.gif); background-repeat:no-repeat; position:absolute; margin-left:230px; margin-top:-110px; z-index:5000; } .UmfrageInventaretiketten p { color:#FFFFFF; text-align:center; } .AntwortInventaretiketten { width:337px; height:65px; background-color:#FFFFFF; position:absolute; left:10px; bottom:30px; } .AntwortInventaretiketten p.Ja { width:150px; position:absolute; left:2px; top:10px; cursor:pointer; color:#000000; font-weight:normal; text-align:left; margin:0; } .AntwortInventaretiketten p.Nein { width:150px; position:absolute; right:2px; top:10px; cursor:pointer; color:#000000; font-weight:normal; text-align:left; margin:0; } .AntwortInventaretiketten span { font-weight:bold; font-size:11pt; } .AntwortInventaretiketten img { float:left; margin:0 5px 0 0; } /* Service & Beratung ===================================================*/ .Service-Beratung-Kasten { width:235px; height:300px; background-color:#E3EFFB; padding:10px 100px 10px 10px; float:left; position:relative; background-repeat:no-repeat; } .Service-Beratung-Kasten h2 { margin-top:0; } .Service-Beratung-Kasten p.PfeilLink { margin-top:10px; margin-bottom:0; font-size:9pt; } .Service-Beratung-Kasten p { margin-top:0; margin-bottom:0; margin-left:9px; font-size:8pt; } .Service-Beratung-Kasten .Kundenwunsch-Materialmuster { width:85px; height:100px; position:absolute; bottom:30px; right:5px; } .Service-Beratung-Kasten .Kundenwunsch-Materialmuster p { color:#FF0000; font-size:8pt; margin:10px 0 10px 0; text-align:center; } .Produkte { margin:0 10px 10px 0; } .Produkte img.Katalog { position:absolute; right:15px; bottom:15px; } .Service { margin:0 0 10px 0; background-image:url(/images/Service-Beratung/Service.jpg); background-position:bottom right; } .Aktuelle-Themen { margin:0 10px 0 0; background-position:bottom right; background-image:url(/images/Service-Beratung/Aktuelle-Themen.jpg); } .Downloads { background-image:url(/images/Service-Beratung/Downloads.jpg); background-position:bottom right; } /*Aktuelle Informationen ===================================================*/ .Aktuell h2 { margin-top:0; } .Aktuell hr { margin:20px 0; } .Aktuell p.Datum { color:#666666; font-size:8pt; margin-top:0; } .Aktuell img { float:right; margin:0 0 20px 20px; } .Bildblock { width:250px; float:right; margin:0 0 20px 20px; font-size:0.8em; color:#454545; overflow:hidden; } .Bildblock p { margin-top:0; } .Bildblock img { float:none; margin:0; } .Bildblock ul.Legende { margin:0; padding:0; list-style-type:none; } .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; } /*Sitemap ===================================================*/ #Katalogkategorien .Title3, #Kategorien .Title3 { margin-bottom:10px !important; } .Sitemap .Block { width:210px; float:left; margin-right:20px; } .Sitemap .Block-Unternehmen { width:210px; float:left; margin-right:20px; } .Sitemap .Block-Service-Beratung { width:670px; float:left; } .Sitemap .Block-Service-Beratung ul { margin-bottom:15px; } .Sitemap .Letztes { margin-right:0 !important; } .Sitemap .Block .Title2 { margin-top:15px; } .Sitemap .Block .Title2 a { color:#E60F19 !important; } .Sitemap .Block p { font-size:8pt; margin:0; } .Sitemap li { text-indent:-9px; margin:0 0 0 9px; font-size:0.9em;} .Sitemap ul { list-style-type:none; margin:0 0 10pt 0; padding:0; } .Sitemap ul.tabs { display:block; height:25px; margin-bottom:-4px; margin-top:8px; } .Sitemap 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 .Alphabet .Block { width:440px; } .Sitemap .tab_block ul.Alphabet { margin-top:7px; padding:0; } .Sitemap .col-set-3-cols { width:100%; } .Sitemap .col-set-3-cols .col { width:288px !important; float:left; margin-right:20px; } .Sitemap .col-set-4-cols { width:100%; } .Sitemap .col-set-4-cols .col { width:210px !important; float:left; margin-right:20px; } .col-last { margin:0 !important; } .Sitemap .col ul { padding:0; } .Sitemap .col li { margin:0; padding:0; text-indent:0; line-height:1.3em; } .Sitemap .col li a { display:block; } .Sitemap .col ul.Ordnung-01 { margin:0 0 25px 0; } .Sitemap .col ul.Ordnung-01 li { font-weight:bold; font-size:1em; } .Sitemap .col ul.Ordnung-01 li a { border-bottom:1px solid #00376d; } .Sitemap .col ul.Ordnung-02 { margin:0; } .Sitemap .col ul.Ordnung-02 li { font-weight:bold; font-size:0.9em; margin:5pt 0; zoom:1; } .Sitemap .col 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 .col ul.Ordnung-03 { margin:0; } .Sitemap .col ul.Ordnung-03 li { font-weight:normal; margin:0; font-size:1em; } .Sitemap .col 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; } /*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 { background-color:#FFFFFF; position:relative !important; top:0; left:0; overflow:visible !important; } .Pruefplaketten img.Topseller { float:left; position:relative; top:-10px; left:-15px; margin:0 -10px -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; } .Textabschnitt-blau { background-color:#ECF5FE; position:relative; top:0; left:0; width:100%; border:6px solid #ECF5FE; } .Pruefplaketten .Ergebnis img { border:0; background-color:transparent; } .Pruefplaketten .ErgebnisText { height:115px; } .Pruefplaketten .ErgebnisText h3 { color:#000; font-weight:bold; } .ErgebnisText table { margin:3px 0 3px 0; } .ErgebnisText th { vertical-align:top; padding:0; margin:0; font-weight:bold; text-align:left; font-size:0.9em; } .ErgebnisText td { vertical-align:top; padding:0; margin:0; font-size:0.9em; } .ErgebnisText p { margin:0; font-weight:bold; } .ErgebnisText .Groessenauswahl { position:absolute; bottom:0; } .ErgebnisText ul { list-style-type:none; padding:0; margin:0; } .ErgebnisText li { float:left; padding:0; margin-right:10px; } img.Pruefplaketten { float:right; margin-left:10px; } .col-set-Materialmerkmale img { margin-bottom:5px; } .col-set-Materialeigenschaften { font-size:0.9em; } .col-set-Materialeigenschaften img { margin-bottom:5px; } .col-set-Lieferformen { margin-bottom:10px; } .col-set-Lieferformen .col-4 { font-size:0.9em; text-align:center; } /*Kantenschutz ===================================================*/ .Right { float:right; margin-right:0; } .Kantenschutzprofile-Kantenschutz ul.Kantenschutz { list-style-type:none; padding:0; margin:0; } .Kantenschutzprofile-Kantenschutz ul.Kantenschutz li { background:url(/images/Kantenschutz/Bullet-Haekchen.gif) no-repeat 0 2px; padding:0 0 0 15px; margin:0.5em 0; } .Kantenschutzprofile-Kantenschutz .Ergebnis { height:230px; width:340px; margin-right:0; border:1px solid #0BA50A; background:#FFF; } .Kantenschutzprofile-Kantenschutz .Ergebnis-Ueber-Ganze-Breite { height:230px; width:698px; border:1px solid #0BA50A; background:#FFF; } .Kantenschutzprofile-Kantenschutz .Ergebnis-Ueber-Ganze-Breite p.ErgebnisText { width:550px; } .Kantenschutzprofile-Kantenschutz img.ErgebnisBild { border:0; } .Kantenschutzprofile-Kantenschutz .Ergebnis-Ueber-Ganze-Breite .ErgebnisText { width:580px; } .Kantenschutzprofile-Kantenschutz .ErgebnisText h3 { color:#000; font-weight:bold; margin:0 0 3px 0; } .Kantenschutzprofile-Kantenschutz .ErgebnisText p { margin:0; font-size:0.9em; font-weight:normal; } .Kantenschutzprofile-Kantenschutz .ErgebnisText td { margin:0; padding:0 5px 0; } .Kantenschutzprofile-Kantenschutz .Auswahl { position:absolute; left:7px; top:105px; font-size:0.9em; } .Kantenschutzprofile-Kantenschutz .Auswahl b { display:block; position:absolute; top:0; left:0; width:300px; } .Kantenschutzprofile-Kantenschutz .Auswahl a { width:81px; float:left; overflow:hidden; font-size:0.9em; letter-spacing:-0.1em; margin-top:5px; text-align:center; line-height:1.1em; margin-top:20px; } .Kantenschutzprofile-Kantenschutz .Auswahl a img { /*border:1px solid #00376d;*/ 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 { clear:both; display:block; margin:0; padding:0; position:relative; list-style-type:none; width:100%; } .Kantenschutzprofile-Kantenschutz table.tabs td { /*background:url(/images/Kantenschutz/Reiter-bg.jpg) repeat-x top #88b2de; background-position:top left;*/ padding:5px 10px 3px 4px; font-size:0.9em; 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; background-image:url(/images/Kantenschutz/Reiter-Streifen-gruen.gif); background-repeat:repeat-x; background-position:top left; } .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-top:10px; } .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; } /*Schilder ===================================================*/ .Schilder-Suche-Teaser { width:680px; 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 h2 { color:#FFF; font-size:1.2em; margin:0; } .Schilder-Suche-Teaser h3 { color:#eaf4ff; font-size:1.1em; margin:0; } .Schilder-Suche-Teaser ul { color:#eaf4ff; padding:0; margin:20px 0 0 0; list-style-type:none; } .Schilder-Suche-Teaser li { color:#eaf4ff; background:url(/images/Schilder-Suche/Bullet-Haekchen.gif) no-repeat 0 2px; padding:0 0 0 15px; margin:0.5em 0; } .Schilder-Suche { position:absolute; top:75px; left:410px; z-index:3; } .Schilder-Suche .suggestLayer-Schildersuche { position:absolute; display:none; top:24px !important; left:0 !important; padding:0; margin:0; background-color:white; background:transparent; opacity:.9; filter:alpha(opacity=90); z-index:10000; border:1px solid #000; } .Schilder-LP-Link { font-size:1.2em; margin-bottom:20px; } .Schilder-Rubrik { width:225px; height:215px; float:left; border:1px solid #335F8A; margin:0 10px 10px 0; text-align:center; } .Schilder-Rubrik h5 { height:28px; padding:5px; background:url(/images/Schilder/Schilder-Rubrik-Ueberschrift.gif) repeat-x #D5E4F3; background-position:bottom; text-align:left; } .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 { width:225px; height:215px; float:left; border:1px solid #bf0d18; margin:0 10px 10px 0; text-align:center; } .Schilder-Info h5 { height:28px; padding:5px; background:url(/images/Schilder/Schilder-Info-Ueberschrift.gif) repeat-x #bf0d18; background-position:bottom; text-align:left; } .Schilder-Info h5 a { color:#FFF } .Schilder-Info img { margin:5px 0 0 0; } .Schilder-Info p { margin:5px 5px 0 5px; text-align:left; font-size:0.9em; } .Content-Schilder .last { width:224px; float:right; margin-right:0; } /* Direktverkauf ===================================================*/ .Content-Direktverkauf .col-left { float:left; width:600px; margin-right:-620px; position:relative; z-index:2; } .Content-Direktverkauf .col-right { float:left; padding-left:620px; position:relative; z-index:1; } /* col-left */ .Content-Direktverkauf img.Richtige-Adresse { position:absolute; top:5px; left:5px; z-index:1; } .Content-Direktverkauf .Einleitung { width:320px; position:absolute; top:0; right:0; font-weight:bold; z-index:1; } .Content-Direktverkauf .Einleitung ul.Vorteile li { background-image:url("images/Allgemein/Haekchen-rot.gif"); } .Content-Direktverkauf img.Einkaufswagen { margin-bottom:-80px; position:relative; z-index:0; } .Content-Direktverkauf .Anfahrt { position:relative; z-index:1; } .Content-Direktverkauf .Anfahrt p.Anschrift { font-weight:bold; font-size:1.3em; text-align:right; padding:14px 0 0 0; position:relative; width:100%; } .Content-Direktverkauf .Anfahrt p.Anschrift img.Ihr-SETON-Direktverkauf { position:absolute; top:0; left:0; } .Content-Direktverkauf .Anfahrt p.Anschrift span { color:#E60F19; } /* col-right */ .Content-Direktverkauf .col-right p.Anschrift { } .Content-Direktverkauf .col-right p.Anschrift img.Ihr-SETON-Direktverkauf { float:left; margin-right:5px; } .Content-Direktverkauf img.SETON-Direktverkauf-Egelsbach { margin-bottom:-25px; } .Content-Direktverkauf .Eroeffnungsgeschenk p { text-align:right; } .Content-Direktverkauf .Online-Shopping { margin-top:210px; } /* 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/FaxAngebot/Ihre-Vorteile-als-Fax-Abonnent.gif) no-repeat; width:252px; 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; } /* Banneraktion ===================================================*/ div.PopUp-Banneraktion { width:420px; height:375px; position:relative; background-repeat:no-repeat; } div.Technische-Details { width:380px; height:80px; position:absolute; top:290px; left:20px; } div.Technische-Details p, div.Technische-Details ul { margin:0.2em 0 0.2em 0; font-size:7pt; } div.Technische-Details ul { list-style-type:none; padding:0; } div.Technische-Details li { padding:0 0 0 7px; background-image:url(/images/Aktionsbanner/Bullet.gif); background-repeat:no-repeat; background-position:0 4px; font-size:7pt; } /* Ajax Loading Animation ===================================================*/ .loading-indicator { height:80px; width:80px; background:url( '/images/Icons/loading.gif' ); background-repeat:no-repeat; background-position:center center; } .loading-indicator-overlay { background-color:#FFFFFF; opacity:0.6; filter:alpha(opacity = 60); }