@charset "UTF-8"; /* # mussnoch gemacht werden */ /********************************************************* fixed layout -------------------------------------------------------- #author Tobias Bergmann #version 1.0 #lastmodified 06/07/2009 -------------------------------------------------------- table of contents -------------------------------------------------------- #01 reset #02 base layout #03 different layout variants #04 header #05 content #06 footer #07 different color variants #08 starterro #09 flash overlays #10 shop regform #11 geschenkoption cockie #12 miniOrder #13 lastschrift #14 lieferanschrift eingabe #15 registrierung #16 printAdresse-tabelle #17 zusammenfassung-tabelle #18 hidden / hinweis / error #19 tooltip #20 openAjax siehe css/themes/alphacube.css #21 label #22 iFrame #23 Formulare #24 btn plz land hndler search siehe SearchPLZ.php #25 QuickForm #26 tabelle_buchstaben #27 #28 flipflop #29 neuheiten (WYSIWYG-Editor) class siehe alphacube.css -------------------------------------------------------- font-size | basic (defined in -tag) -------------------------------------------------------- 10px = 1.0em 11px = 1.1em 12px = 1.2em (active) @ font-size of the parent element | 0.92em (11px) ------------------------------------------------- 13px: 13px/11px = 1.18em @ font-size of the parent element | 1.2em (12px) ------------------------------------------------- 10px: 10px/12px = 0.83em 11px: 11px/12px = 0.92em 12px: 12px/12px = 1.00em 13px: 13px/12px = 1.08em 14px: 14px/12px = 1.17em 16px: 16px/12px = 1.33em 18px: 18px/12px = 1.50em 20px: 20px/12px = 1.67em @ font-size of the parent element | 1.08em (13px) ------------------------------------------------- 11px: 11px/13px = 0.85em ________________________________________________________*/ /******************************************************************************************************************************************* #01 | reset __________________________________________________________________________________________________________________________________________*/ * { padding:0; margin:0; font-size:100.01%; } html { height:100%; font-size:62.5%; } img, fieldset { border:0; } ul, ol { list-style:none; } a { color:#00334d; /* blue */ text-decoration:none; } a:hover, a:active, a:focus { outline:none; } /******************************************************************************************************************************************* #02 | base layout __________________________________________________________________________________________________________________________________________*/ body { padding-top:40px; color:#00334d; /* blue */ background:#e6ece3 url(../../layoutImage/bg-body.jpg) 0 0 no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; } #logo { position:relative; display:block; width:163px; height:80px; margin:0 auto 0 auto; background:transparent url(../../layoutImage/logo-liebman.png) 0 0 no-repeat; text-indent:-5000px; } #container { position:relative; width:972px; height:608px; margin:0 auto; /*padding-left:1px;*/ background:transparent url(../../layoutImage/box-content.png) 0 0 no-repeat; text-align:left; } #header { position:relative; width:100%; height:75px; /* clearing */ overflow:hidden; } #primary, #secondary { position:relative; float:left; overflow:hidden; } #primary { background:transparent; } #secondary { background:transparent; } #footer { position:absolute; left:0; bottom:0; width:971px; /* IE6 nimmt keine 100% */ /* adjusts position of buttons */ height:69px; overflow:hidden; clear:both; } /* clearing <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ #footer:after, #footer .content:after { display:block; height:0; line-height:0em; font-size:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } /******************************************************************************************************************************************* #03 | different layout variants __________________________________________________________________________________________________________________________________________*/ /* col-1 layout <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.col-1 #primary { float:left; width:100%; } body.col-1 #secondary { display:none; } /* kategorie-uebersicht-seite */ body.col-1 #primary .content { padding:25px 12px 0 27px; /* clearing */ overflow:hidden; } /* col-2 layout <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.col-2 #primary { float:right; width:490px; } body.col-2 #secondary { float:left; width:480px; } /* produkt-detail-seite begin */ body.col-2 #primary .content { padding:10px 24px 0 0; /* clearing */ overflow:hidden; } body.col-2 #secondary .content { padding:10px 24px 0 23px; /* clearing */ overflow:hidden; } /* produkt-detail-seite end */ /* col-3 layout <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.col-3 #primary { float:right; width:780px; } body.col-3 #secondary { float:left; width:190px; } body.col-3 #primary .content { padding:5px 24px 0 0; /* clearing */ overflow:hidden; } body.col-3 #secondary .content { padding:7px 10px 0 28px; /* clearing */ overflow:hidden; } /******************************************************************************************************************************************* #04 | header __________________________________________________________________________________________________________________________________________*/ /* center the menu-top (nur liebman seiten) begin */ body.liebman .menu-top-wrap { position:relative; left:50%; float:left; padding-top:12px; margin-left:-1px; } body.liebman .menu-top { position:relative; left:-50%; /*float:left; nicht fuer FF2, aber fuer IE6 zwingend */ } /* center the menu-top (nur liebman seiten) end */ /* left-aligned menu-top (alle anderen seiten) begin */ .menu-top-wrap { position:relative; float:left; padding-top:12px; margin-left:-1px; padding-left:14px; } .menu-top { position:relative; } /* left-aligned menu-top (alle anderen seiten) end */ .menu-top li { float:left; } .menu-top li a { position:relative; display:block; text-indent:-5000px; } /* NEU R.B. */ .menu-top .produktlogo a { width:152px; height:61px; margin:-1px 1px 0 0; background:transparent url(../../layoutImage/btn-produkt-logo.png) 0 0 no-repeat; } .menu-top .produktinfo a { width:101px; height:55px; background:transparent url(../../layoutImage/btn-produkt-info.png) 0 0 no-repeat; } .menu-top .showroom a { width:95px; height:55px; background:transparent url(../../layoutImage/btn-showroom.png) 0 0 no-repeat; } .menu-top .maerkte a { width:102px; height:56px; background:transparent url(../../layoutImage/btn-maerkte.png) 0 0 no-repeat; } .menu-top .messetermine a { width:107px; height:56px; background:transparent url(../../layoutImage/btn-messetermine.png) 0 0 no-repeat; } .menu-top .shopanleitung a { width:95px; height:63px; margin-top:-7px; background:transparent url(../../layoutImage/btn-shopanleitung.png) 0 0 no-repeat; } .menu-top .login input { width:83px; height:55px; background:transparent url(../../layoutImage/btn-login.png) 0 0 no-repeat; cursor:pointer; text-indent:-50000px; /* hide value */ } /* r.b wird nun haendlerbewerbung .menu-top .registrierung a { width:104px; height:56px; background:transparent url(../../layoutImage/btn-registrierung.png) 0 0 no-repeat; } */ .menu-top .haendlerberwerbung a { width:98px; height:52px; background:transparent url(../../layoutImage/btn-haendlerberwerbung.png) 0 0 no-repeat; } .menu-top .warenkorb a { width:101px; height:56px; margin-top:-1px; background:transparent url(../../layoutImage/btn-warenkorb.png) 0 0 no-repeat; } .menu-top .haendlerlogout input { width:85px; height:57px; background:transparent url(../../layoutImage/btn-haendlerlogout.png) 0 0 no-repeat; cursor:pointer; text-indent:-50000px; /* hide value */ } .menu-top .warenkorb_gespeichert_aufrufen a { width:106px; height:59px; margin-top:-2px; background:transparent url(../../layoutImage/btn-warenkorb-gespeichert-aufrufen.png) 0 0 no-repeat; } /******************************************************************************************************************************************* #05 | content __________________________________________________________________________________________________________________________________________*/ .content { line-height:1.5; /* 18px */ } .content p, .content ul, .content ol, .content dl, .content form, .content table { margin-bottom:1.5em; /* 18px */ } .float-l { float:left; } .align-center { text-align:center; } .align-right { text-align:right; } .clear { clear:both; } /* headings <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ h1,h2,h3,h4,h5,h6 { margin-bottom:0.25em; /* 3px */ line-height:1em; font-weight:bold; } h1 { font-size:1.67em; /* 20px */ } h2 { font-size:1.5em; /* 18px */ } h3 { font-size:1.33em; /* 16px */ } /* tables <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ table { border-collapse:collapse; } th { /* im Opera werden th's ansonsten zentriert! */ text-align:left; } /* forms <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ input, textarea, button, select { font-family:Arial, Helvetica, sans-serif; } textarea { line-height:1.5; /* 18px */ } option { padding:0 1.00em 0 .33em; /* 1.00em=12px, 0.33em=4px */ } /* kategorie-uebersicht-seite <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ .kat-img { float:left; margin:0 12px 12px 0; } /* produkt-uebersicht-seite <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ .prod-img { float:left; margin:0 12px 12px 0; } /* produkt-detail-seite <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ .box-produktbild { width:454px; height:441px; background:transparent url(../../layoutImage/box-produkt-detail-bild.png) 0 0 no-repeat; text-align:center; } .box-produktbild img { margin-top:14px; } .box-produktbeschreibung { position:relative; width:423px; /* + padding = 463px */ height:284px; /* + padding = 324px */ margin-bottom:11px; padding:20px; background:transparent url(../../layoutImage/box-produkt-detail-beschreibung.png) 0 0 no-repeat; } .box-produktbeschreibung .varianten { position:absolute; bottom:83px; } .box-produktbeschreibung .varianten span { display:block; padding-bottom:5px; } .box-produktbeschreibung table { position:absolute; left:20px; bottom:18px; margin-bottom:0; } .box-produktbeschreibung th { padding:0 25px 0 0; } .box-produktbeschreibung td { padding:0; font-weight:bold; } .in-den-warenkorb, .endverbraucher { float:right; display:block; width:231px; height:105px; margin-right:3px; background:transparent url(../../layoutImage/btn-in-den-warenkorb.png) 0 0 no-repeat; text-indent:-5000px; } .endverbraucher { background-image:url(../../layoutImage/btn-endverbraucher.png); } /* liebman-design seiten <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.col-3 #primary .content form { /* clearing */ overflow:hidden; } .box-liebman-primary { position:relative; float:left; width:560px; /* + padding = 590px */ height:467px; /* + padding = 507px */ padding:20px 15px; background:transparent url(../../layoutImage/box-liebman-primary.png) 0 0 no-repeat; } .box-liebman-right { position:relative; float:left; padding:2px 0 0 5px; } /* buttons begin */ .warenkorb-big, .warenkorb-backLastVistisListe, .warenkorb-backLastMarke, .warenkorb-zurMarkenwelt, .warenkorb-aktualisieren, .warenkorb-loeschen, .warenkorb-ausdrucken, .warenkorb-weiter, .warenkorb-versandoption, .warenkorb-weiter-einkaufen, .warenkorb-zahlungsoption, .warenkorb-andere-zahlungsoption, .warenkorb-aendere-zahlungsoption, .warenkorb-bestaetige-zahlungsoption, .warenkorb-login, .bestellung-absenden, .kundendaten-korrektur, .warenkorb-aendern-versandoption, .warenkorb-aendern-geschenkoption, .warenkorb-aendern-rechnugsanschrift, .benutzerdaten-pruefen, .h_profil, .btn-profil-ansprechpartner, .btn-profil-lieferoption, .btn-profil-logindaten, .btn-profil-rechnungsanschrift, .btn-profil-zahlungsoption, .warenkorb-logout, .warenkorb-bestellung-absenden, .warenkorb-bankdaten-aendern, .warenkorb-bankdaten-vervollstaendigen, .warenkorb-mitteilung-eingeben, .warenkorb-liefertermin-eingeben, .warenkorb-logo-bamboo, .warenkorb-logo-barefoot, .warenkorb-logo-hickups, .warenkorb-logo-crochetine, .warenkorb-logo-ocw, .warenkorb-logo-lanka, .warenkorb-speichern, .warenkorb-gespeicherter-aufrufen, .zur-kasse { display:block; width:148px; height:45px; margin-bottom:8px; text-indent:-5000px; } .warenkorb-big { width:143px; height:76px; background:transparent url(../../layoutImage/btn-warenkorb-big.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-backLastVistisListe { background:transparent url(../../layoutImage/btn-warenkorb-backLastVistisList.png) 0 0 no-repeat; cursor:pointer; margin-top:8px; } .warenkorb-zurMarkenwelt { background:transparent url(../../layoutImage/btn-warenkorb-zurMarkenwelt.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-backLastMarke { background:transparent url(../../layoutImage/btn-warenkorb-backLastMarke.png) 0 0 no-repeat; cursor:pointer; } .warenkorb-aktualisieren { background:transparent url(../../layoutImage/btn-warenkorb-aktualisieren.png) 0 0 no-repeat; cursor:pointer; } .warenkorb-loeschen { background:transparent url(../../layoutImage/btn-warenkorb-loeschen.png) 0 0 no-repeat; } .warenkorb-ausdrucken { background:transparent url(../../layoutImage/btn-warenkorb-ausdrucken.png) 0 0 no-repeat; } /* NEU R.B. */ .warenkorb-weiter { background:transparent url(../../layoutImage/btn-warenkorb-weiter.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .btn-profil-ansprechpartner { background:transparent url(../../layoutImage/btn-profil-ansprechpartner.jpg) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .btn-profil-lieferoption { background:transparent url(../../layoutImage/btn-profil-lieferoption.jpg) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .btn-profil-logindaten { background:transparent url(../../layoutImage/btn-profil-logindaten.jpg) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .btn-profil-rechnungsanschrift { background:transparent url(../../layoutImage/btn-profil-rechnungsanschrift.jpg) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .btn-profil-zahlungsoption { background:transparent url(../../layoutImage/btn-profil-zahlungsoption.jpg) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-versandoption { background:transparent url(../../layoutImage/btn-warenkorb-versandoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-zahlungsoption { background:transparent url(../../layoutImage/btn-warenkorb-zahlungsoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-andere-zahlungsoption { background:transparent url(../../layoutImage/btn-warenkorb-andere-zahlungsoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-aendere-zahlungsoption { background:transparent url(../../layoutImage/btn-warenkorb-aendere-zahlungsoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-bestaetige-zahlungsoption { background:transparent url(../../layoutImage/btn-warenkorb-bestaetige-zahlungsoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-bestellung-absenden { background:transparent url(../../layoutImage/btn-warenkorb-bestellung-absenden.png) 0 0 no-repeat; cursor:pointer; height:150px; } /* NEU R.B. */ .warenkorb-login { background:transparent url(../../layoutImage/btn-warenkorb-login.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-weiter-einkaufen { background:transparent url(../../layoutImage/btn-warenkorb-weiter-einkaufen.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .kundendaten-korrektur { background:transparent url(../../layoutImage/btn-kundendaten-korrektur.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .benutzerdaten-pruefen { background:transparent url(../../layoutImage/btn-benutzerdaten-pruefen.png) 0 0 no-repeat; cursor:pointer; margin-top:8px; } /* NEU R.B. */ .h_profil { background:transparent url(../../layoutImage/btn-warenkorb-h_profil_aendern.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-logout { background:transparent url(../../layoutImage/btn-warenkorb-logout.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-aendern-versandoption { background:transparent url(../../layoutImage/btn-warenkorb-aendern-versandoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-aendern-rechnugsanschrift { background:transparent url(../../layoutImage/btn-warenkorb-aendern-rechnugsanschrift.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-aendern-geschenkoption { background:transparent url(../../layoutImage/btn-warenkorb-aendern-geschenkoption.png) 0 0 no-repeat; cursor:pointer; } .zur-kasse { background:transparent url(../../layoutImage/btn-zur-kasse.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-bestellung-absenden { background:transparent url(../../layoutImage/btn-warenkorb-bestellung-absenden.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-bankdaten-aendern { background:transparent url(../../layoutImage/btn-warenkorb-bankdaten-aendern.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-bankdaten-vervollstaendigen { background:transparent url(../../layoutImage/btn-warenkorb-bankdaten-vervollstaendigen.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-mitteilung-eingeben { background:transparent url(../../layoutImage/btn-warenkorb-mitteilung-eingeben.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-liefertermin-eingeben { background:transparent url(../../layoutImage/btn-warenkorb-liefertermin-eingeben.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-achtungDaten-unvollstaendig { display:block; width:148px; height:150px; margin-bottom:8px; text-indent:-5000px; background:transparent url(../../layoutImage/btn-warenkorb-achtungDaten-unvollstaendig.png) 0 0 no-repeat; cursor:pointer; } .Customer-FirstLogin-Zahlungsoption { display:block; width:148px; height:150px; margin-bottom:8px; text-indent:-5000px; background:transparent url(../../layoutImage/btn-Customer-FirstLogin-Zahlungsoption.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .profil-aendern { display:block; width:138px; height:36px; margin-bottom:8px; text-indent:-5000px; /* background:transparent url(../../layoutImage/btn-profil-aendern.png) 0 0 no-repeat;*/ background:transparent url(../../layoutImage/btn-profil-speichern.png) 0 0 no-repeat; cursor:pointer; } .btn-artikel-reservieren { display:block; width:236px; height:39px; margin-bottom:8px; text-indent:-5000px; background:transparent url(../../layoutImage/btn-artikel-reservieren.png) 0 0 no-repeat; cursor:pointer; } .Customer-FirstLogin { display:block; width:240px; height:40px; text-indent:-5000px; background:transparent url(../../layoutImage/btn-Customer-FirstLogin_daten-vervollstaundigen.png) 0 0 no-repeat; cursor:pointer; } .Customer-SSL-Lastschrfit { display:block; width:138px; height:120px; text-indent:-5000px; background:transparent url(../../layoutImage/btn-Customer-SSL-Lastschrfit.png) 0 0 no-repeat; cursor:pointer; } .Customer-Vorkasse { display:block; width:138px; height:120px; text-indent:-5000px; background:transparent url(../../layoutImage/btn-Customer-Vorkasse.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .btn-PasswortAnfordern { width:138px; height:35px; margin:15px 0 0 25px; background:transparent url(../../layoutImage/btn-PasswortAnfordern.png) 0 0 no-repeat; cursor:pointer; } .bg-PasswortAnfordern { width:470px; height:70px; background:transparent url(../../layoutImage/bg-PasswortAnfordern.png) 0 0 no-repeat; } .PasswortAnfordernInput { margin:15px 0 0 25px; width:200px } /* NEU R.B. Kontaktformular sihe im kontaktformular.tmpl*/ /* NEU R.B. */ .warenkorb-logo-bamboo { background:transparent url(../../layoutImage/btn-warenkorb-logo-bamboo.png) 0 0 no-repeat; cursor:pointer; height:50px; } /* NEU R.B. */ .warenkorb-logo-barefoot { background:transparent url(../../layoutImage/btn-warenkorb-logo-barefoot.png) 0 0 no-repeat; cursor:pointer; height:50px; } /* NEU R.B. */ .warenkorb-logo-crochetine { background:transparent url(../../layoutImage/btn-warenkorb-logo-crochetine.png) 0 0 no-repeat; cursor:pointer; height:50px; } /* NEU R.B. */ .warenkorb-logo-lanka { background:transparent url(../../layoutImage/btn-warenkorb-logo-lanka.png) 0 0 no-repeat; cursor:pointer; height:50px; } /* NEU R.B. */ .warenkorb-logo-ocw { background:transparent url(../../layoutImage/btn-warenkorb-logo-ocw.png) 0 0 no-repeat; cursor:pointer; height:50px; } /* NEU R.B. */ .warenkorb-logo-hickups { background:transparent url(../../layoutImage/btn-warenkorb-logo-hickups.png) 0 0 no-repeat; cursor:pointer; height:50px; } /* NEU R.B. */ .warenkorb-speichern { background:transparent url(../../layoutImage/btn-warenkorb-speichern.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. */ .warenkorb-gespeicherter-aufrufen { background:transparent url(../../layoutImage/btn-warenkorb-gespeicherter-aufrufen.png) 0 0 no-repeat; cursor:pointer; margin-top:8px; } /* buttons end */ /* warenkorb-tabelle begin */ table.warenkorb-tabelle { width:553px; width:520px; /* mit scroller */ } .warenkorb-tabelle th, .warenkorb-tabelle td { padding:0 5px; text-align:center; } .warenkorb-tabelle th { font-size:1.5em; /* 18px */ } .warenkorb-tabelle th.first, .warenkorb-tabelle td.first { text-align:left; } .warenkorb-tabelle th.last, .warenkorb-tabelle td.last { text-align:right; } .warenkorb-tabelle tbody .artikel td { /*line-height:45px;*/ padding-top:8px; padding-bottom:8px; vertical-align:top; } .warenkorb-tabelle tfoot th { padding-top:10px; text-align:right; } .warenkorb-tabelle thead .line { height:6px; padding:0; font-size:0; background:transparent url(../../layoutImage/linie-warenkorb-dick.png) 0 0 no-repeat; } /* NEU R.B. */ .warenkorb-tabelle tbody .line { height:6px; padding:0; font-size:0; background:transparent url(../../layoutImage/linie-warenkorb-dick.png) 0 0 no-repeat; } .warenkorb-tabelle tfoot { background:transparent url(../../layoutImage/linie-warenkorb-dick.png) 0 0 no-repeat; } /* table end */ /******************************************************************************************************************************************* #06 | footer __________________________________________________________________________________________________________________________________________*/ #footer .content { padding:0 14px; padding-top:5px; } /* search-box <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ #footer form { float:left; width:298px; height:48px; margin-top:4px; padding-top:7px; background:transparent url(../../layoutImage/bg-suchbox.png) 0 0 no-repeat; } #footer .input-text { float:left; width:183px; /* + padding = 200px */ height:23px; /* + padding = 32px */ margin-left:12px; padding:5px 4px 4px 12px; border:none; background:transparent url(../../layoutImage/suchfeld.png) 0 0 no-repeat; } #footer .submit { float:left; width:74px; height:28px; margin:1px 0 0 3px; border:none; background:transparent url(../../layoutImage/btn-suchen.png) 0 0 no-repeat; /*vertical-align:middle;*/ cursor:pointer; } /* search-box auf ergebnis seite <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ #searchSuchergbnis form { float:left; width:298px; height:48px; margin-top:0; padding-top:0; } #searchSuchergbnis .input-text { float:left; width:183px; /* + padding = 200px */ height:23px; /* + padding = 32px */ padding:5px 4px 4px 12px; border:none; background:transparent url(../../layoutImage/suchfeld.png) 0 0 no-repeat; } #searchSuchergbnis .submit { float:left; width:74px; height:28px; margin:1px 0 0 3px; border:none; background:transparent url(../../layoutImage/btn-suchen.png) 0 0 no-repeat; cursor:pointer; } /* NEU R.B. suchergebniss zurck zur letzten seite */ .zurletzteneseite { width:113px; height:52px; margin-top:3px; background-image:url(../../layoutImage/btn-zurueck.png); } /* bottom-menu <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ .menu-bottom { float:right; } .menu-bottom li { float:left; } .menu-bottom li a { display:block; text-indent:-5000px; /* alle footer-buttons bekommen die gleiche hoehe zugewiesen und werden mit * background:0 center; vertikal zentriert */ height:57px; background:transparent 0 center no-repeat; } .menu-bottom .kontakt a { width:102px; background-image:url(../../layoutImage/btn-kontakt.png); } .menu-bottom .impressum a { width:102px; margin-right:5px; background-image:url(../../layoutImage/btn-impressum.png); } .menu-bottom .versandinfo a { width:103px; /* margin-right:35px;*/ height:55px; background-image:url(../../layoutImage/btn-versandinfo.png); background-position:-3px 0; } .menu-bottom .markenuebersicht a { width:101px; background-image:url(../../layoutImage/btn-markenuebersicht.png); } /* NEU R.B. listviewnavigation */ .menu-bottom .zurueck a { width:113px; height:52px; margin-top:3px; background-image:url(../../layoutImage/btn-zurueck.png); } /* NEU R.B. listviewnavigation */ .menu-bottom .vor a { width:90px; height:52px; margin-top:2px; background-image:url(../../layoutImage/btn-vor.png); } /******************************************************************************************************************************************* #07 | different color variants __________________________________________________________________________________________________________________________________________*/ /* lanka blue (default) <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ /* barefoot green, class = .yellow <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.yellow, body.yellow a { color:#252c14; } body.yellow #container { background-position:-972px 0; } /* NEU R.B. */ body.yellow .menu-top .produktlogo a { background-position:-152px 0; } body.yellow .menu-top .produktinfo a { background-position:-101px 0; } body.yellow .menu-top .showroom a { background-position:-95px 0; } body.yellow .menu-top .maerkte a { background-position:-102px 0; } body.yellow .menu-top .messetermine a { background-position:-107px 0; } body.yellow .menu-top .shopanleitung a { background-position:-95px 0; } body.yellow .menu-top .login input { background-position:-83px 0; } /* body.yellow .menu-top .registrierung a { background-position:-104px 0; } */ body.yellow .menu-top .haendlerberwerbung a { background-position:-100px 0; } body.yellow .menu-top .warenkorb a { background-position:-101px 0; } body.yellow .menu-top .haendlerlogout input { background-position:-85px 0; } body.yellow .menu-top .warenkorb_gespeichert_aufrufen a { background-position:-106px 0; } body.yellow .menu-bottom .kontakt a { background-position:-102px 0; } body.yellow .menu-bottom .impressum a { background-position:-103px 0; } body.yellow .menu-bottom .versandinfo a { background-position:-110px 0; } body.yellow .menu-bottom .markenuebersicht a { background-position:-101px 0; } body.yellow .menu-bottom .zurueck a { background-position:-113px 0; } body.yellow .menu-bottom .vor a { background-position:-90px 0; /* 90 */ } body.yellow #footer form { background-position:-298px 0; } body.yellow #footer .input-text { background-position:-200px 0; } body.yellow #footer .submit { background-position:-74px 0; } body.yellow .box-produktbild { background-position:-454px 0; } body.yellow .box-produktbeschreibung { background-position:-463px 0; } body.yellow .in-den-warenkorb, body.yellow .endverbraucher { background-position:-231px 0; } /* one click wonders, class = .ocw /* neu januar 2011 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.ocw, body.ocw a { color:#4d132c; } body.ocw #container { background-position:-2916px 0; } /* NEU R.B. */ body.ocw .menu-top .produktlogo a { background-position:-456px 0; } body.ocw .menu-top .produktinfo a { background-position:-303px 0; } body.ocw .menu-top .showroom a { background-position:-285px 0; } body.ocw .menu-top .maerkte a { background-position:-306px 0; } body.ocw .menu-top .messetermine a { background-position:-321px 0; } body.ocw .menu-top .shopanleitung a { background-position:-285px 0; } body.ocw .menu-top .login input { background-position:-249px 0; } /* body.ocw .menu-top .registrierung a { background-position:-208px 0; } */ body.ocw .menu-top .haendlerberwerbung a { background-position:-298px 0; } body.ocw .menu-top .warenkorb a { background-position:-303px 0; } body.ocw .menu-top .haendlerlogout input { background-position:-255px 0; } body.ocw .menu-top .warenkorb_gespeichert_aufrufen a { background-position:-318px 0; } body.ocw .menu-bottom .kontakt a { background-position:-306px 0; } body.ocw .menu-bottom .impressum a { background-position:-310px 0; } body.ocw .menu-bottom .versandinfo a { background-position:-327px 0; } body.ocw .menu-bottom .markenuebersicht a { background-position:-303px 0; } body.ocw .menu-bottom .zurueck a { background-position:-339px 0; } body.ocw .menu-bottom .vor a { background-position:-182px 0; } body.ocw #footer form { background-position:-894px 0; } body.ocw #footer .input-text { background-position:-400px 0; } body.ocw #footer .submit { background-position:-148px 0; } body.ocw .box-produktbild { background-position:-1362px 0; } body.ocw .box-produktbeschreibung { background-position:-1389px 0; } body.ocw .in-den-warenkorb, body.ocw .endverbraucher { background-position:-693px 0; } /* class = .green <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.green, body.green a { color:#252c14; } body.green #container { background-position:-1942px 0; } /* NEU R.B. */ body.green .menu-top .produktlogo a { background-position:-304px 0; } body.green .menu-top .produktinfo a { background-position:-202px 0; } body.green .menu-top .showroom a { background-position:-190px 0; } body.green .menu-top .maerkte a { background-position:-204px 0; } body.green .menu-top .messetermine a { background-position:-214px 0; } body.green .menu-top .shopanleitung a { background-position:-190px 0; } body.green .menu-top .login input { background-position:-166px 0; } /* body.green .menu-top .registrierung a { background-position:-208px 0; } */ body.green .menu-top .haendlerberwerbung a { background-position:-208px 0; } body.green .menu-top .warenkorb a { background-position:-208px 0; } body.green .menu-bottom .kontakt a { background-position:-204px 0; } body.green .menu-bottom .impressum a { background-position:-206px 0; } body.green .menu-bottom .versandinfo a { background-position:-206px 0; } body.green .menu-bottom .markenuebersicht a { background-position:-202px 0; } body.green .menu-bottom .zurueck a { background-position:-226px 0; } body.green .menu-bottom .vor a { background-position:-180px 0; } body.green #footer form { background-position:-596px 0; } body.green #footer .input-text { background-position:-398px 0; } body.green #footer .submit { background-position:-148px 0; } body.green .box-produktbild { background-position:-904px 0; } body.green .box-produktbeschreibung { background-position:-924px 0; } body.green .in-den-warenkorb, body.green .endverbraucher { background-position:-462px 0; } /* hickups red, class = .pink hickups <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.pink, body.pink a { color:#4d132c; } body.pink #container { background-position:-1944px 0; } /* NEU R.B. */ body.pink .menu-top .produktlogo a { background-position:-304px 0; } body.pink .menu-top .produktinfo a { background-position:-202px 0; } body.pink .menu-top .showroom a { background-position:-190px 0; } body.pink .menu-top .maerkte a { background-position:-204px 0; } body.pink .menu-top .messetermine a { background-position:-214px 0; } body.pink .menu-top .shopanleitung a { background-position:-190px 0; } body.pink .menu-top .login input { background-position:-166px 0; } /* body.pink .menu-top .registrierung a { background-position:-208px 0; } */ body.pink .menu-top .haendlerberwerbung a { background-position:-199px 0; } body.pink .menu-top .warenkorb a { background-position:-202px 0; } body.pink .menu-top .haendlerlogout input { background-position:-170px 0; } body.pink .menu-top .warenkorb_gespeichert_aufrufen a { background-position:-212px 0; } body.pink .menu-bottom .kontakt a { background-position:-204px 0; } body.pink .menu-bottom .impressum a { background-position:-206px 0; } body.pink .menu-bottom .versandinfo a { background-position:-220px 0; } body.pink .menu-bottom .markenuebersicht a { background-position:-202px 0; } body.pink .menu-bottom .zurueck a { background-position:-226px 0; } body.pink .menu-bottom .vor a { background-position:-182px 0; } body.pink #footer form { background-position:-596px 0; } body.pink #footer .input-text { background-position:-400px 0; } body.pink #footer .submit { background-position:-148px 0; } body.pink .box-produktbild { background-position:-908px 0; } body.pink .box-produktbeschreibung { background-position:-926px 0; } body.pink .in-den-warenkorb, body.pink .endverbraucher { background-position:-462px 0; } /* liebman <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ body.liebman #container { background:transparent url(../../layoutImage/box-content-liebman.png) 0 0 no-repeat; } body.liebman #logo { /*background-position:-162px 0;*/ } /* NEU R.B.*/ .menu-top .haendlerSearch a { width:114px; height:52px; margin:1px 3px 0 0; background-image: url(../../layoutImage/btn-haendlerSearch.png); } .menu-top .neuheitenpdf a { width:104px; height:50px; margin:1px 3px 0 0; background-image: url(../../layoutImage/btn-neuheitenpdf.png); } body.liebman .menu-top .showroom a { background-position:-475px 0; } body.liebman .menu-top .messetermine a { background-position:-535px 0; } body.liebman .menu-top .maerkte a { background-position:-510px 0; } body.liebman .menu-top .warenkorb a { background-position:-505px 0; } /* buttons nur bei liebman im header (sonst footer) begin */ .menu-top .kontakt a { width:102px; height:55px; background-image:url(../../layoutImage/btn-kontakt.png); background-position:-510px 0; } .menu-top .impressum a { width:103px; height:55px; background-image:url(../../layoutImage/btn-impressum.png); background-position:-515px 0; } /* buttons nur bei liebman im header (sonst footer) end */ /* buttons nur bei liebman vorhanden begin */ .menu-top .zahlungsarten a { width:113px; height:53px; background:transparent url(../../layoutImage/btn-zahlungsarten.png) 0 0 no-repeat; } .menu-top .agb a { width:84px; height:51px; background:transparent url(../../layoutImage/btn-agb.png) 0 0 no-repeat; } /* buttons nur bei liebman vorhanden end */ /******************************************************************************************************************************************* #08 | start __________________________________________________________________________________________________________________________________________*/ .col-1 { /* margin:auto; border: 2px solid red; width: 90%; height: 90%; */ } /******************************************************************************************************************************************* #09 | flash overlays __________________________________________________________________________________________________________________________________________*/ object, embed { position:relative; z-index:1; } .overlay_alphacube { z-index:2 !important; } .dialog { z-index:3 !important; } /******************************************************************************************************************************************* #10 | shop regform __________________________________________________________________________________________________________________________________________*/ .box-liebman-primary fieldset.login { padding: 5px; margin: 5px 0 5px 0; padding-left:0; border: 0; } .box-liebman-primary legend { color: #333333; font-weight: bold; /* border: 1px solid #dce6f2 ! important;*/ border:0; } .box-liebman-primary .line { height:6px; margin-bottom:0 !important; padding:10px 0; background:transparent url(../../layoutImage/linie-warenkorb-dick.png) left center no-repeat; width:100%; font-size:0; line-height:0; } /* r.b siehe auch service_openAjax */ .box-liebman-primary .line-under-headline { height:6px; margin-bottom:0 !important; padding:0 0 10px 0; background:transparent url(../../layoutImage/linie-warenkorb-dick.png) 0 0 no-repeat; width:100%; font-size:0; line-height:0; } /* wird auch von login ev ohne reg weiter verwednet */ .box-liebman-primary .login .login-box { position:relative; left:50%; width:417px; height:66px; padding:22px 0 0 50px; margin-left:-208px; /* halbe breite */ margin-bottom:9px; background:transparent url(../../layoutImage/box-login-login.png) 0 0 no-repeat; } .box-liebman-primary .login label { float:left; display:block; width:80px; text-align:right; padding-right:10px; color:#333333; } .box-liebman-primary .login input { float:left; margin-bottom:6px; } .box-liebman-primary .login-login { width:67px; height:47px; margin-left:18px; background:transparent url(../../layoutImage/btn-login-login.png) 0 0 no-repeat; cursor:pointer; } .box-liebman-primary .login-kennwort-vergessen, .box-liebman-primary .login-registrieren, .box-liebman-primary .login-Customer-bewerbung, .box-liebman-primary .login-Customer-login-vergessen, .box-liebman-primary .login-ohne-registrierung-weiter, .box-liebman-primary .login-Customer-produktuebersicht { position:relative; left:50%; display:block; width:236px; height:39px; margin-left:-118px; /* halbe breite */ margin-bottom:8px; text-indent:-5000px; cursor:pointer; } .box-liebman-primary .login-kennwort-vergessen { background:transparent url(../../layoutImage/btn-login-kennwort-vergessen.png) 0 0 no-repeat; } .box-liebman-primary .login-registrieren { background:transparent url(../../layoutImage/btn-login-registrieren.png) 0 0 no-repeat; } .box-liebman-primary .login-Customer-login-vergessen { background:transparent url(../../layoutImage/btn-Customer-login-vergessen.png) 0 0 no-repeat; } .box-liebman-primary .login-Customer-bewerbung { background:transparent url(../../layoutImage/btn-Customer-bewerbung.png) 0 0 no-repeat; } .box-liebman-primary .login-ohne-registrierung-weiter { background:transparent url(../../layoutImage/btn-login-ohne-registrierung-weiter.png) 0 0 no-repeat; } .box-liebman-primary .login-Customer-produktuebersicht { background:transparent url(../../layoutImage/btn-Customer-login-produktuebersicht.png) 0 0 no-repeat; } /******************************************************************************************************************************************* #11 | geschenkoption cockie __________________________________________________________________________________________________________________________________________*/ fieldset.geschenkoption { margin-bottom:1.5em; } .geschenk-textarea { width:100%; } fieldset.geschenkoption label, fieldset.cockie label { width:200px; } /******************************************************************************************************************************************* #12 | miniOrder __________________________________________________________________________________________________________________________________________*/ .miniOrder-tabelle { width:100%; width:520px; /* mit scroller */ } /* tabelle lieferanschrift + rechnungsanschrift */ .miniOrder-tabelle table { margin-bottom:0 !important; } .miniOrder-tabelle thead .line { padding:0 0 10px 0; background-position:0 0; } .miniOrder-tabelle .last { padding-right:10px; } /******************************************************************************************************************************************* #13 | lastschrift __________________________________________________________________________________________________________________________________________*/ .lastschrift label { float:left; display:block; width:80px; padding-right:10px; margin-bottom:6px; } .lastschrift input { float:left; } /******************************************************************************************************************************************* #14 | lieferanschrift eingabe __________________________________________________________________________________________________________________________________________*/ .lieferanschrift-tabelle { width:100%; } .lieferanschrift-tabelle th, .lieferanschrift-tabelle td { text-align:left; font-weight:normal; padding:0 0 5px 0; margin:0; line-height:15px; } .lieferanschrift-tabelle th { font-size:1em; /* 12px */ padding-right:25px; white-space:nowrap; } /******************************************************************************************************************************************* #15 | registrierung __________________________________________________________________________________________________________________________________________*/ .registrierung-tabelle th, .registrierung-tabelle td { text-align:left; font-weight:normal; padding:0 0 5px 0; margin:0; line-height:15px; } .registrierung-tabelle th { font-size:1em; /* 12px */ padding-right:25px; white-space:nowrap; } /******************************************************************************************************************************************* #16 | printAdresse-tabelle __________________________________________________________________________________________________________________________________________*/ /* NEU R.B. */ table.printAdresse-tabelle { float:left; width:49%; } .printAdresse-tabelle tbody th, .printAdresse-tabelle tbody td { text-align:left; font-weight:normal; padding:0 0 5px 0; margin:0; line-height:15px !important; height:10px; vertical-align:top; } .printAdresse-tabelle tbody th { font-size:1em; /* 12px */ padding-right:25px; white-space:nowrap; } /******************************************************************************************************************************************* #17 | zusammenfassung-tabelle __________________________________________________________________________________________________________________________________________*/ .zusammenfassung tbody td { line-height:25px; } .zusammenfassung .sub-headline { padding-top:10px; padding-bottom:5px; font-weight:bold; } .zusammenfassung .grusstext { padding-bottom:10px; line-height:1.5; /* 18px */ } /******************************************************************************************************************************************* #18 | hidden / hinweis / error __________________________________________________________________________________________________________________________________________*/ /* */ .hidden { display:none; } /* hinweise */ .warenkorb-tabelle tfoot .hinweis { font-size:0.9em; color: red; } /* error */ .error { font-size:0.9em; color: red; } /* bold */ .bold { font-weight:600; } /******************************************************************************************************************************************* #19 | Tooltip __________________________________________________________________________________________________________________________________________*/ #my_tt_barefoot { background:transparent url(../../layoutImage/tooltip-barefoot.png) 0 0 no-repeat; position:absolute; width: 240px; height:100px; left:-300px; visibility:hidden; z-index:100; border:0; padding: 20px; text-align:left; } #my_tt_lanka { background:transparent url(../../layoutImage/tooltip-lanka.png) 0 0 no-repeat; position:absolute; width: 240px; height:100px; left:-300px; visibility:hidden; z-index:100; border:0; padding: 20px; text-align:left; } #my_tt_hickups { background:transparent url(../../layoutImage/tooltip-hickups.png) 0 0 no-repeat; position:absolute; width: 240px; height:100px; left:-300px; visibility:hidden; z-index:100; border:0; padding: 20px; text-align:left; } #my_tt_ocw { background:transparent url(../../layoutImage/tooltip-hickups.png) 0 0 no-repeat; position:absolute; width: 240px; height:100px; left:-300px; visibility:hidden; z-index:100; border:0; padding: 20px; text-align:left; } #my_tt_warenkorb { position:absolute; width: 240px; height:100px; left:-300px; visibility:hidden; z-index:100; border:0; padding: 20px; text-align:left; } #my_tt_savewarenkorb { background:transparent url(../../layoutImage/tooltip_savewarenkorb.png) 0 0 no-repeat; position:absolute; width: 240px; height:100px; left:-300px; visibility:hidden; z-index:100; border:0; padding: 20px; text-align:left; } .tooltip { text-align:left; font-weight: bold; } .tooltip-SubTitle { font-weight: 400; } .tooltip-Code { font-weight: 400; } .tooltip-Price { font-weight: 400; } /******************************************************************************************************************************************* #20 | openAjax siehe css/themes/alphacube.css __________________________________________________________________________________________________________________________________________*/ /******************************************************************************************************************************************* #21 | label for __________________________________________________________________________________________________________________________________________*/ label { /* Alle Labels */ display: block; float: left; width: 100px; /* Breite.*/ } .labelInput { /* Alle Labels */ float: left; width: 300px; /* Breite.*/ } .accordion_content br {clear:left; } /******************************************************************************************************************************************* #22 | iframe __________________________________________________________________________________________________________________________________________*/ /******************************************************************************************************************************************* #23 | formulare __________________________________________________________________________________________________________________________________________*/ /* in der zusammenfassung Mitteilung */ .warenkorb-textarea{ width:400px; height:150px; } /******************************************************************************************************************************************* #24 | btn plz land hndler search siehe SearchPLZ.php __________________________________________________________________________________________________________________________________________*/ /******************************************************************************************************************************************* #25 | QuickForm __________________________________________________________________________________________________________________________________________*/ .quickform b { padding-right: 10px; } /******************************************************************************************************************************************* #26 | tabelle_buchstaben __________________________________________________________________________________________________________________________________________*/ div .tabelle_buchstaben { padding: 80px 0 0 40px; } .buchstaben-warenkorb-tabelle tbody td { padding:5px 0 0 5px; } .buchstaben-warenkorb-tabelle thead th { padding:5px 0 0 5px; } /******************************************************************************************************************************************* #27 | saferpay button a:link __________________________________________________________________________________________________________________________________________*/ a.saferpaybutton { width:200px; height:1.3em; padding:3px; text-align:center; font-weight:bold; text-decoration:none; } a.saferpaybutton:link, a.saferpaybutton:visited { color:#000; background-color:#ccc; border-left:2px solid #fff; border-top:2px solid #fff; border-right:2px solid #000; border-bottom:2px solid #000; } a.saferpaybutton:hover { color:#000; background-color:#bbb; padding:4px 2px 2px 4px; border-left:2px solid #666; border-top:2px solid #666; border-right:2px solid #ccc; border-bottom:2px solid #ccc; } a.saferpaybutton:active { color:#fff; background-color:#999; border-left:2px solid #000; border-top:2px solid #000; } /******************************************************************************************************************************************* #28 | flipflop __________________________________________________________________________________________________________________________________________*/ .flipflopStart_col1 { } .flipflopStart_col2 { padding-top:20px; font-weight:bold } .flipflopBestellschein_h a { } .flipflopBestellschein_ev { }