/********************* Default-Werte fuer diverse Komponenten **********************/ body { text-align:center; background-color: white; font-family: Verdana, Arial, Helvetica; font-size:12px; color:#5f5c65; } #pagemargins { text-align:left; position:relative; width:1000; margin:auto; } /*#page { position:relative; }*/ /** unsortiert */ .textsmall { margin:0; padding:0; font-family: Verdana, Arial, Helvetica; font-size: 11px; } /** Std. Ueberschriften */ h1 { margin:0px; margin-bottom:10px; color:#398f74; font-size:14px; } h2 { margin:0px; margin-bottom:5px; padding:0px; color:#398f74; font-size:14px; } h3 { margin:0px; margin-bottom:5px; padding:0px; color:#398f74; font-size:12px; } h5 { margin:0px; padding:0px; font-weight:normal; font-size:12px; } /** Std-Links */ a:link, a:visited, a:hover, a:active, a.pagelink:link, a.pagelink:visited, a.pagelink:hover, a.pagelink:active { font-family: Verdana, Arial, Helvetica; color:#398f74; text-decoration: underline; } div.pagelink { margin-bottom:10px; } /** Cross-Browser HR nach: http://www.homepage-total.de/css/hr-linie.php */ hr { margin-bottom:10px; border:0px; border-top: 1px solid #dedede; border-bottom: 1px solid #ffffff; } /********************* allgemeine Seitenkomponenten ************************/ #headpane { position:absolute; left:0px; top:0px; width:1000px; height:120px; background-color:#ffffff; } #mainpane { position:relative; width:1000px; top:160px; padding-bottom:5px; } #footpane { position:relative; width:1002px; top:170px; } #footpane div.footer { padding-top:4px; border-top:1px solid #5f5c65; font-size:11px; } #footpane div.l { float:left; } #footpane div.r { float:right; } #footpane a:link, #footpane a:visited, #footpane a:active, #footpane a:hover { color:#5f5c65; font-family: Verdana, Arial, Helvetica; font-size: 11px; text-decoration:underline; } /******************* Kopf-Elemente *****************/ #headpane #logo { position:absolute; left:0px; top:15px; } /** Das Hauptmenu komplett, also inkl. gruenem Balken */ #mainmenu { position:absolute; left:0px; top: 89px; width:1000px; height:32px; margin:0px; padding:0px; background-color:#779f87; line-height: 0px; } #mainmenu #first { position:absolute; left:5px; top:4px; } #mainmenu #second { position:absolute; left:200px; top:4px; } #mainmenu ul { float:left; display:inline; margin:0; padding:0; margin-left: 0px; } #mainmenu ul li { float:left; display:inline; margin:0; padding-left:1px; padding-right:1px; font-size:12px; line-height:1em; list-style-type:none; } #mainmenu ul li a {display:block; width:auto; font-size:12px; font-weight:bold; background:transparent; text-decoration:none; color:#ffffff; margin:0; padding:6px 1em;} #mainmenu ul li a:focus, #mainmenu ul li a:hover, #mainmenu ul li a:active {color: #ffffff;text-decoration: none; background: transparent; } #mainmenu ul li#active { padding:0px; margin-top:1px; padding-bottom:1px; background-color:#ffffff; color:#5f5c65; border: 1px solid #5f5c65; border-bottom:1px solid white; } #mainmenu ul li#active a, #mainmenu ul li#active a:focus, #mainmenu ul li#active a:hover, #mainmenu ul li#active a:active {color:#5f5c65; background:transparent; text-decoration:none;} /** Warenkorb-Box, der Rest liegt allgemein in div.menubox */ #cartmenu { position:absolute; left:848px; top:25px; width:150px; } /** Kundenmenue Styles */ #customermenu { white-space:nowrap; position: absolute; left:0px; width:1000px; top:0px; height:20px; padding-right:2px; padding-top:4px; font-family: Verdana, Arial, Helvetica; font-size:11px; color:#5f5c65; text-align:right; } #customermenu span { padding-left:10px; padding-right:10px; } #customermenu a:link, #customermenu a:visited { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#5f5c65; text-decoration:none; } #customermenu a:active, #customermenu a:hover { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#5f5c65; text-decoration:underline; } #customermenu a.active:link, #customermenu a.active:visited, #customermenu a.active:active, #customermenu a.active:hover { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#5f5c65; text-decoration:none; font-weight:bold; } /** Brotkrumen-Pfad */ #waybackpane { position: absolute; left:0px; top:122px; height:20px; width:100%; background-color:white; border-bottom:1px solid #5f5c65; } #waybackpane #wayback { position: absolute; left:210px; top:0px; } #waybackpane strong { color: #a6a1b1; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight:normal; } #waybackpane span.deeper { color: #5f5c65; font-family: Verdana, Arial, Helvetica; font-size: 10px; } #waybackpane a.deeper:link, #waybackpane a.deeper:visited, #waybackpane a.deeper:active, #waybackpane a.deeper:hover { color:#5f5c65; font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration:underline; } #waybackpane a.top:link, #waybackpane a.top:visited { color:#5f5c65; font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration:none; } #waybackpane a.top:active, #waybackpane a.top:hover { color:#5f5c65; font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration:underline; } /******************** Inhaltselemente ***************/ /** * Basislayout-Definitionen * z.B. zuerst die Inhaltsspalte rendern um Breitenspruenge zu verhindern */ #basecol1 { float:left; width:194px; } #basecol2 { margin-left:206px;/* width:790px;*/ } /** ehem 788px */ #basecol1 {z-index: 3} #basecol2 {z-index: 1} #basecol1_content {z-index: 4} #basecol2_content {z-index: 2} #basecol1_content, #basecol2_content { position:relative; } /** Layout der Seitendefinition aphrodite2col */ div.page2col div.colright { float:right; width:204px; } div.page2col div.colleft { margin-right:225px; } div.pagecart div.colright { float:right; width:215px; } div.pagecart div.colleft { margin-right:235px; } /** Layout der 1spaltigen Seitendef */ div.page1col { width:100%; } /*width:600px;*/ div.mainsubpart { margin-top:10px; } div.mainsubpart div.colleft { margin-right:278px; } div.mainsubpart div.colright { float:right; width:253; } div.prodsubpart { margin-top:10px; } div.prodsubpart div.colleft { margin-right:210px; } div.prodsubpart div.colright { float:right; width:210px; } /****** Submenu-Styles *****/ ul.submenu { font-size:12px; width: 100%; overflow: hidden; margin: 0px 0px 15px 0px; list-style-type: none; border-top: 1px #8a9386 solid; border-bottom: 1px #8a9386 solid; } ul.submenu ul { list-style-type: none; margin:0; padding: 0; } ul.submenu li { float:left; width: 100%; margin:0; padding: 2 0 2 0; line-height:13px; text-align: left; } ul.submenu a, ul.submenu strong { display:block; width: 95%; padding: 2px 0px 2px 5%; text-decoration: none; color: #fff; font-size:12px; } ul.submenu li#title { width: 95%; padding: 4px 0px 4px 5%; font-weight: bold; color: #fff; background-color: #abc7b5; } /* 1. Ebene */ /** allgemeine Strongs nicht weiter hervorheben (d.h. selektierte Oberpunkte) */ ul.submenu li strong { width: 100%; padding: 0px; font-weight:normal; color: #398f74; background-color:#fff; } /** den wirklich aktiven Eintrag wieder fett machen */ ul.submenu li#active strong a { font-size:12px; font-weight:bold; background-color:#f2f6f3; color: #398f74; } ul.submenu li a, ul.submenu li span { font-size:12px; text-decoration:none; width: 95%; padding-left: 5%; background-color:#fff; color: #5f5c65; } ul.submenu li span { color:#dddddd; } /*{ font-size:12px; text-decoration:none; width: 95%; padding-left: 5%; background-color:#ffffff; color: #dddddd; }*/ ul.submenu li strong a { font-size:12px; background-color:#ffffff; color: #5f5c65; } ul.submenu li a:visited { font-size:12px; text-decoration:none; background-color:#fff; color: #5f5c65; } ul.submenu li a:focus, ul.submenu li a:hover, ul.submenu li a:active { font-size:12px; text-decoration:none; background-color:#fff; color: #398f74; } /* #f2f6f3;*/ /** den Titellink explizit setzen */ ul.submenu li#title a { width: 95%; padding-left:0px; color: #fff; background-color:#abc7b5;} ul.submenu li#title a:focus, ul.submenu li#title a:hover, ul.submenu li#title a:active { color: #fff; } /* 2. Ebene */ ul.submenu li ul { font-size:11px; } ul.submenu li ul li#active, ul.submenu li ul li strong { font-size:11px; width:100%; padding:0; background-color:#f2f6f3; color: #398f74; } ul.submenu li ul li#active strong a { font-size:11px; } ul.submenu li ul li { line-height:11px; } ul.submenu li ul li a, ul.submenu li ul li span { font-size:11px; background-color:#f2f6f3; color: #398f74; width: 90%; padding-left: 10%; } ul.submenu li ul li span { color:#dddddd; } ul.submenu li ul li a, ul.submenu li ul li a:visited { font-size:11px; background-color:#fff; color: #5f5c65; } ul.submenu li ul li strong a { font-size:11px; background-color:#f2f6f3; color: #398f74; } ul.submenu li ul li a:focus, ul.submenu li ul li a:hover, ul.submenu li ul li a:active { font-size:11px; background-color:#fff; color: #398f74; } /* #f2f6f3; */ div.newsentry { margin-bottom:10px; } div.newsentry h6 { margin:0; padding:0; font-weight:bold; font-size:12px; } div.newsentry div.dash { float:left; width:10px; } div.newsentry div.content { margin-left: 15px; } /******************************/ /** aufklappbarer Text, gehoert zu den webwidgets. */ div.inflatable_link { background-color:white; } div.inflatable_link a:link, div.inflatable_link a:visited, div.inflatable_link a:active, div.inflatable_link a:hover, a.inflatable_link:link, a.inflatable_link:visited, a.inflatable_link:active, a.inflatable_link:hover { text-decoration:underline; color:#398f74; } /** Produkt- und Seriendetails allgemein*/ .productdetails , .seriesdetails { color: #5f5c65; font-family: Verdana, Arial, Helvetica; font-size:12px; } .productdetails h1, .seriesdetails h1 { margin:0px; margin-bottom:10px; color:#398f74; font-size:14px; } .productdetails h2, .seriesdetails h2 { margin:0px; margin-bottom:5px; padding:0px; color:#398f74; font-size:14px; } .productdetails h3, .seriesdetails h3 { margin:0px; margin-bottom:5px; padding:0px; color:#398f74; font-size:12px; } .productdetails h5, .seriesdetails h5 { margin:0px; padding:0px; font-weight:normal; font-size:12px; } /** Backlink Style fuer Produkt- und Seriendetails */ .productdetails div.pageback, .seriesdetails div.pageback { padding:3px; padding-bottom:4px; padding-top:2px; background-color:#f3f3f3; margin-bottom:10px; } div.pageback span { padding-right:10px; padding-left:5px; } .productdetails div.pageback a:link, .productdetails div.pageback a:visited, .productdetails div.pageback a:active, .productdetails div.pageback a:hover, .seriesdetails div.pageback a:link, .seriesdetails div.pageback a:visited, .seriesdetails div.pageback a:active, .seriesdetails div.pageback a:hover { text-decoration:underline; color:#398f74; } /** "vorheriges / naechstes Produkt"-Links */ div.prodcycle { width:280px; } div.prodcycle div.prev { float:left;width:130px;text-align:right; } div.prodcycle div.next { float:right; width:120px; margin-right:0px; white-space:nowrap; } div.prodcycle div.spacer { margin-left:130px; margin-right:120px;text-align:center; } div.prodcycle div.prev span { padding-left: 0px; padding-right:10px; } div.prodcycle div.next span { padding-left:10px; padding-right: 0px; } /** Seriendetails-Spalten-Styles */ .seriesdetails div.col3 h1 { margin-left:5px; } .seriesdetails div.col3 { float:right; width:212px; } .seriesdetails div.colbig { margin-right:225px; } /*width:565px;*/ .seriesdetails div.seriesbigpic { margin-bottom:10px; } .seriesdetails p.seriestext { margin-bottom:30px; } .seriesdetails div.seriesfarben { margin-bottom:30px; } .seriesdetails div.seriesfarben div.row { margin-bottom:2px; } .seriesdetails div.seriesfarben div.row div.th { float:left; width:100px; } /** Produktdetails-Spalten-Styles */ .productdetails div.col3 { float:right; width:212px; } .productdetails div.colbig { margin-right:225px; } /** width:565px; beim setzen von width kommt es zum springen des Prod-Info-Reiters im Layout, warum auch immer */ .productdetails div.pcol1 { float:left; width:202px; height:332px; } .productdetails div.pcol2 { margin-left:218px; height:332px; } .productdetails div.producer { height:33px; } .productdetails div.headlines { margin-top:5px; margin-bottom:15px; height:38px; } .productdetails div.footertext { margin-top:10px; margin-bottom:20px; font-size:11px; } .productdetails div.productdescription { width:335px; height:70px; margin-top:15px; margin-bottom:15px; overflow:hidden; } div.productdescoverlay { text-align:left; background-color:white; position:absolute; } /** rechte Spalte, Produkte der Serie */ .productdetails div.col3 h1 { margin-left:5px; } .productdetails div.col3 h2 { margin-left:5px; } div.prodbox { padding:5px; margin-bottom:15px; } div.prodboxhl { background-color:#f3f3f3; } div.prodbox div.img { float:left; width:90px; } div.prodbox div.content { margin-left:95px; font-size:11px; } div.prodbox a:link, div.prodbox a:visited, div.prodbox a:active { text-decoration:none; color:#5f5c65; } div.prodbox a:hover { text-decoration:underline; color:#5f5c65; } /** Graue Box der Produktdetails mit Preis, Farben und Groessenauswahl */ div.colorsizes { background-color: #f3f3f3; height:125px; margin-top:15px; padding:0px; text-align:left; } div.colorsizes div.pad { padding:10px; } div.colorsizes div.row1 { margin-bottom:15px; } div.colorsizes div.row2 { margin-top:15px; margin-bottom:15px; } div.colorsizes div.row3 { margin-top:15px; } div.colorsizes div.padf { padding:10px; padding-top:6px; padding-bottom:6px; } div.colorsizes div.rowf1 { margin-bottom:5px; } div.colorsizes div.rowf2 { margin-top:2px; margin-bottom:2px; } div.colorsizes div.rowf3 { margin-top:5px; } div.colorsizes div.th { float:left; width:60px; font-weight:bold; } div.colorsizes div.td { margin-left:75px; } div.colorsizes div.td span.img { padding-right:5px; } div.colorsizes span.preis { font-weight:bold; } div.colorsizes div.proddisclaimer { display:inline; font-size:9px; } /** Graue Box der Produktdetails mit Preis für die For-Sale-Anzeige */ div.forsalepreis { background-color: #f3f3f3; margin-top:80px; padding:0px; } div.forsalepreis div.pad { padding:15px; } div.forsalepreis div.row1 { margin-bottom:0px; } div.forsalepreis div.th { float:left; width:70px; font-weight:bold; } div.forsalepreis div.td { margin-left:85px; } div.forsalepreis div.td span.img { padding-right:5px; } div.forsalepreis span.preis { font-weight:bold; } /** Produktbilder, optional mit Tabs */ img.bigproductpic { border: 1px solid #dedede; background-color:white; } .productdetails a.pictabshow div { margin-right:10px; padding:1px; border: 1px solid #398f74; cursor:pointer; } .productdetails a.pictabhide div { margin-right:10px; padding:1px; border: 1px solid #dedede; cursor:pointer; } .productdetails div.farbname { font-size:11px; margin-top:5px; } /** Produktspezifikationen Tab-Widget. */ .productspecs { margin-top:20px; } .productspecs ul { display:inline; margin:0px; padding:0px; } .productspecs ul li { display:inline; margin:0px; padding:0px; list-style-type:none; } .productspecs ul li a.active:link, .productspecs ul li a.active:active, .productspecs ul li a.active:hover, .productspecs ul li a.active:visited { font-family: Verdana, Arial, Helvetica; font-size:11px; text-decoration:none; padding:5px; padding-left:6px; padding-right:6px; border-top:1px solid #dedede; background-color:#f3f3f3; color:#398f74; } .productspecs ul li a.inactive:link, .productspecs ul li a.inactive:active, .productspecs ul li a.inactive:hover, .productspecs ul li a.inactive:visited { font-family: Verdana, Arial, Helvetica; font-size:11px; text-decoration:none; padding:5px; border:1px solid #dedede; border-bottom:0; background-color:#ffffff; color:#5f5c65; } .productspecs .tabcontent { padding:0px; margin:0px; border-top: 1px solid #dedede; margin-top:3px; border-bottom: 1px solid #dedede; } .productspecs .tabcontent .rowt1 { padding:4px; padding-left:6px; background-color: #f3f3f3; font-size:11px; } .productspecs .tabcontent .rowt2 { padding:4px; padding-left:6px; background-color: #ffffff; font-size:11px; } .productspecs .tabcontent .th { float:left; width:100px; font-size:11px; } /* Menuboxen oben im Kopf z.B. Warenkorbbox*/ div.menubox { height:50px; width:100%; border-top: 1px solid #8a9386; border-bottom: 1px solid #8a9386; background-color:#f2f6f3; } div.menubox div.boxtopdiv { padding-left:5px; padding-right:5px; } div.menubox div.boximg { padding-top:8px; padding-bottom:5px; float:left; vertical-align:middle; } div.menubox div.boxcontent { padding-top:5px; padding-bottom:5px; margin-left:35px; } div.menubox a.head:link, div.menubox a.head:active, div.menubox a.head:hover, div.menubox a.head:visited { font-family:Arial, Helvetica; font-size:12px; color:#5f5c65; text-decoration:none; font-weight:bold; } div.menubox a.text:link, div.menubox a.text:active, div.menubox a.text:hover, div.menubox a.text:visited { font-family:Arial, Helvetica; font-size:11px; color:#5f5c65; text-decoration:none; } /* mehrfach verwendete Styles in popupboxen */ div.popupbox { position:relative; border:1px solid #dedede; border-right:2px solid #8a9386; border-bottom:2px solid #8a9386; background-color:#f3f3f3; } div.popupbox #title { padding:1px 10px 1px 10px; font-weight:bold; color:#5f5c65; } div.popupbox #title a { cursor:pointer; } div.popupbox #title #closer { float:right; } /* Bild-Popup fuer Einzelbilder */ div.bigpicpopupsingle { width:395px; } div.bigpicpopupsingle #content { padding:10px; } div.bigpicpopupsingle div.piccol { width:369px; height:552px; } div.bigpicpopupsingle img { width:369px; height:552px; } div.bigpicpopupsingle a.popup_closebox { cursor:pointer; } /* Bild-Collection Popup */ div.bigpicpopup { width:600px; } div.bigpicpopup div.piccol { float:left; width:369px; height:552px;} div.bigpicpopup div.farbname { margin-left:379px; } div.bigpicpopup a.pictabshow div { float:left; margin-right:5px; margin-bottom:5px; padding:1px; border: 1px solid #398f74; cursor:pointer; } div.bigpicpopup a.pictabhide div { float:left; margin-right:5px; margin-bottom:5px; padding:1px; border: 1px solid #dedede; cursor:pointer; } div.bigpicpopup div.tabdiv { position:absolute; left:389px; width:210px; } div.bigpicpopup a.popup_closebox { cursor:pointer; } div.bigpicpopup #content { padding:10px; } /* Groessenpopup */ #productsizespopup { left:190px; width:550px; text-align:left; } #productsizespopup #sizepopupcontent { padding:5px 10px 10px 10px; } #productsizespopup #sizepopupcontent img { width:33px; height:20px; } #productsizespopup div.disclaimer { font-size:9px; margin-top:3px; } #productsizespreselect { width:550px; margin-left:10px; text-align:left; } #productsizespreselect #sizepopupcontentpreselect { padding:5px 10px 10px 10px; } #productsizespreselect #sizepopupcontentpreselect img { width:33px; height:20px; } #productsizespreselect div.disclaimer { font-size:9px; margin-top:3px; } table.productsizespopup { background-color:#ffffff; border-collapse:collapse; border:1px solid #f3f3f3; width:530px; } table.productsizespopup td { color:#5f5c65; padding:2px; border-collapse:collapse; border:1px solid #f3f3f3; font-size:12px; } table.productsizespopup td.lieferbarkeit div.rabatttext { padding:1px; color:#ffffff; background-color:#b0161e; font-weight:bold; } table.productsizespopup td.colorname {} table.productsizespopup td.lieferbarkeit {} table.productsizespopup td.preis {} table.productsizespopup td.preis .stdpreis {} table.productsizespopup td.preis .rabattpreis { color:#b0161e; } table.productsizespopup td.preis .rabattpreis .stdpreis { display: none; } /* table.productsizespopup td.preis .rabattpreis .stdpreis { text-decoration:line-through; } */ td.bestellung { text-align:center; } td.bestellung input { padding-bottom:0px;padding-top:0px; } /* Liste der Größen/Farben im Angebot befindlichen For-Sale-Artikel */ #productsizesforsale { left:190px; width:565px; margin-top:15px } #productsizesforsale #forsalebox { border:1px solid #dedede; background-color:#f3f3f3; } #productsizesforsale #title { padding:5px 5px 0px 15px; font-weight:bold; color:#5f5c65; } #productsizesforsale #content { padding: 15px 15px 10px 15px; } #productsizesforsale #successinfo {text-align:right; color:#b0161e; padding-bottom:5px; padding-right:20px} #productsizesforsale #content img { width:33px; height:20px; } table.productsizesforsale { background-color:#ffffff; border-collapse:collapse; border:1px solid #f3f3f3; width:530px; } table.productsizesforsale td { color:#5f5c65; padding:2px; border-collapse:collapse; border:1px solid #f3f3f3; font-size:12px; } td.bestellung { text-align:center; } td.bestellung input { padding-bottom:0px;padding-top:0px; } td.tblhead {font-weight:bold} /** Serienuebersicht der Markenseiten, d.h. Serien untereinander gelistet */ div.markenserie { margin-bottom:20px; border-bottom:1px solid #dedede; color:black; text-align:justify;} div.markenserie div.markenbild { width:345px; float:left; padding-right:10px; } div.markenserie div.markentext { padding-bottom:2px; margin-left:355px; color:#5f5c65; } div.markenserie h1 { margin-bottom:10px; color:#398f74; } div.markenserie a:link, div.markenserie a:visited, div.markenserie a:active, div.markenserie a:hover { text-decoration:underline; color: #398f74;} /** Übersicht Markenseiten im For-Sale-Bereich */ div.forsalemarken { margin-bottom:20px; border-bottom:1px solid #DEDEDE; color:black; text-align:justify;} div.forsalemarken div.markenbild { width:145px; float:left; padding-right:10px; } div.forsalemarken div.markentext { padding-bottom:2px; margin-left:160px; } div.forsalemarken h1 { margin-bottom:5px; color:#398f74; } div.forsalemarken a:link, div.forsalemarken a:visited, div.forsalemarken a:active, div.forsalemarken a:hover { text-decoration:underline; color: #398f74; } /** Übersicht der Serienseiten im For-Sale-Bereich */ div.forsaleserien { width:565px; margin-bottom:20px; border-bottom:1px solid #DEDEDE; color:#5f5c65; text-align:justify;} div.forsaleserien div.serienhead { width:565px; padding-right:10px; } div.forsaleserien div.serienbild { width:345px; float:left; padding-right:10px; } div.forsaleserien div.serientext { width:205px; padding-bottom:2px; margin-left:355px; } div.forsaleserien h1 { margin-bottom:5px; color:#398f74; } div.forsaleserien a:link, div.forsaleserien a:visited, div.forsaleserien a:active, div.forsaleserien a:hover { text-decoration:underline; color: #398f74; } /** Artikel-Liste der Serie im For-Sale-Bereich */ div.forsaleartikelliste { width:565px; margin-bottom:20px; border-bottom:1px solid #DEDEDE; color:#5f5c65; text-align:justify;} div.forsaleartikelliste div.serienhead { width:565px; padding-right:10px;} div.forsaleartikelliste div.serienbild { width:100px; float:left; padding-right:10px; padding-top:8px} /* div.forsaleartikelliste div.serientext { width:400px; padding-bottom:2px; margin-left:100px; background-color:#c0c0c0} */ div.forsaleartikelliste div.serienwertrowright {width:200px; float: right; padding-bottom:2px; } div.forsaleartikelliste div.serienwertrowleft { width:200px; padding-bottom:2px;} div.forsaleartikelliste div.serienfooterright {width:200px; padding-bottom:5px;padding-top:7px } div.forsaleartikelliste div.serienfooterleft { width:190px; float: right; padding-bottom:5px;padding-top:7px} div.forsaleartikelliste h5 { margin-bottom:5px; color:#5f5c65; } div.forsaleartikelliste a:link, div.forsaleartikelliste a:visited, div.forsaleartikelliste a:active, div.forsaleartikelliste a:hover { text-decoration:underline; color: #398f74; } /** Topseller */ /* mozilla - IE hat eigene Def. */ div.topseller { margin-left:-18px; margin-right:-20px; } div.topseller div.element { float:left; width:182px; height:390px; margin-left:19px; margin-top:0px; overflow:hidden; } div.topseller div.image { width:182px; height:272px; } div.topseller div.image div { border:1px solid #dedede; } div.topseller div.image img { width:180px; height:270px; } div.topseller div.colors { height:22px; border-bottom:1px solid #dedede; text-align:center; margin-top:2px; } div.topseller div.details { margin-bottom:5px; } div.topseller div.details h4 { font-size:12px; margin:0px; } div.topseller div.preis { border-top:1px solid #dedede; } div.topseller div.hersteller { float:right; } div.topseller div.rabattpreis { padding:1px; } div.topseller div.rabattpreis #sale { float:left; } div.topseller div.rabattpreis #sale span { padding:1px; background-color:#b0161e; color:white; font-weight:bold; } div.topseller #preis { text-align:right; } div.topseller #preis #prozent { color:#b0161e; font-weight:bold; } div.topseller #preis #new { font-weight:bold; } /** Versandkosten-Tabelle */ div.shopversandmatrix { line-height: 18px; margin-top:10px; margin-bottom:10px; } table.shopversandmatrix { border-collapse:collapse; width:100%; table-layout:fixed; } table.shopversandmatrix th { padding:2px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; background-color:#f3f3f3;} table.shopversandmatrix td { padding:2px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; } table.shopsizematrix { border-collapse:collapse; width:100%; margin-top:10px; margin-bottom:20px;} table.shopsizematrix th { padding:2px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; background-color:#f3f3f3; text-align:center; } table.shopsizematrix td { padding:2px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; text-align:center; } table.shopgutscheinmatrix { border-collapse:collapse; width:100%; margin-top:10px; margin-bottom:20px;} table.shopgutscheinmatrix th { padding:2px; padding-left:10px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; background-color:#f3f3f3; } table.shopgutscheinmatrix td { padding:10px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; } /** Produktlisten (vom Filter)*/ .productlistpage .productlist { float:left; width:565px; } /*margin-right:210px; */ .productlistpage .productlist div.pager { padding:3px; background-color:#f3f3f3; margin-bottom:10px; padding-right:20px; padding-left:10px; } .productlistpage .productlist div.pager a:link, .productlistpage .productlist div.pager a:visited, .productlistpage .productlist div.pager a:active, .productlistpage .productlist div.pager a:hover { text-decoration:underline; color:#398f74; } .productlistpage .productlist div.nothing { margin-top:50px; } /** Filter-Ergebnisliste */ .resultproductrow { margin-bottom:20px; } .resultproductrow .rabattpreis #new { color: #b0161e; } .resultproductrow .rabattpreis #old { text-decoration:line-through; } .resultproductrow .rabattinfo { font-size:12px; color:#b0161e; } .resultproductrow div.image { float:left; } .resultproductrow div.preis { float:right; width:100px; font-size:12px; } .resultproductrow div.proddata { margin-right:110px; } .resultproductrow p { font-size:12px; } /** Kategorien rechts */ .productlistpage .productlistright { margin-left:580px; } /* spezielle IE Werte */ .productlistright p.textsmall { padding-left:5px; } /* spezielle IE Werte */ .productfilter { padding:10px; background-color:#f2f6f3; border-top: 1px solid #8a9386; border-bottom:1px solid #8a9386; margin-bottom:20px; } .productdetails div.col3 .productfilter h2 { margin-left:0px; } .productfilter select { margin-bottom:10px; } .productlistright .productfilter,.productdetails .productfilter { margin-left:5px; } a.prodlistlink:link, a.prodlistlink:active, a.prodlistlink:hover, a.prodlistlink:visited, a.prodlistlinkactive:link, a.prodlistlinkactive:active, a.prodlistlinkactive:visited, a.prodlistlinkactive:hover { color:#5f5c65; } /** Pointer Cursor fuer den Filter Senden-Button erzwingen*/ #produktfiltersubmit { cursor:pointer; } td.produktfiltererror { font-size:11px; color:#990000; } /** Produkt-Uebersicht */ .productoverview .main { float:left; width:565px; } .productoverview .right { margin-left:585px; } .productoverview ul { margin:0px; padding:0px; } .productoverview ul li { font-family: Verdana, Arial, Helvetica; font-size:12px; margin:0px; padding:0px; list-style-type:none; margin-top:10px;} .productoverview ul li a:link, .productoverview ul li a:active, .productoverview ul li a:visited { text-decoration:none; color:#398f74; } .productoverview ul li a:hover { text-decoration:underline; } .productoverview ul li ul { margin:0px; padding:0px; margin-left:10px; } .productoverview ul li ul li { font-family: Verdana, Arial, Helvetica; font-size:12px; margin:0px; padding:0px; list-style-type:none; } .productoverview ul li ul li a:link, .productoverview ul li ul li a:active, .productoverview ul li ul li a:visited { text-decoration:none; color:#5f5c65; } .productoverview ul li ul li a:hover { text-decoration:underline; } .productoverview .sizestable td { padding:5px; text-align:right; font-size:11px; } .productoverview .sizestable td.b { border-top:1px dashed #5f5c65; } .productoverview .sizestable a:link, .productoverview .sizestable a:active, .productoverview .sizestable a:visited, .productoverview .sizestable a:hover { font-size:11px; color:#5f5c65; } /** Partner-Links, d.h. Linktausch */ ul.partner { margin:0px; } ul.partner li { list-style-type:none; margin:0px; } ul.partner a:active, ul.partner a:hover, ul.partner a:link, ul.partner a:visited { font-size:11px; color:#5f5c65; } table.impressum td, table.anfrage td, table.gutschein td { font-size:12px; color:#5f5c65; } table.anfrage td.small, table.gutschein td.small, table.gutschein span.small { font-size:11px; } /** Warenkorb-Zeugs */ table.formelement { border-collapse:collapse; width:563px; margin-top:10px; margin-bottom:25px;} table.formelement th { padding:2px; padding-left:10px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; background-color:#f3f3f3; } table.formelement td.content { padding:10px; text-align:left; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5f5c65; border: 1px solid #dedede; } td.wktextsmall { font-family: Verdana, Arial, Helvetica; font-size: 11px; color:#5F5C65; } td.wktextnormal { font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5F5C65;padding:2px} td.wktexthead { font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; margin:0px;color:#5F5C65;padding:2px} table.rewffwd { border-collapse:collapse; margin-top:10px;} table.rewffwd th { padding:3px 8px 3px 8px; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#FFFFFF; border: 0px solid #dedede; background-color:#ABC7B5; } table.rewffwd a:link { text-decoration:none; color:#FFFFFF} table.rewffwd a:hover { text-decoration:none; color:#FFFFFF} table.rewffwd a:visited { text-decoration:none; color:#FFFFFF} table.rewffwd a:active { text-decoration:none; color:#FFFFFF} table.tblvcode { border-collapse:collapse; margin-top:45px;margin-bottom:27px} table.tblvcode th.head { width:150px; padding:5px 10px 5px 10px; font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5F5C65; background-color:#F3F3F3; } /** der Rest */ td.pagefooter { font-family: Verdana, Arial, Helvetica; font-size:10px; color:#c99e32; } td.goldborderhoriz { background-color: #c99e32; height:1px; } td.goldbordervert { background-color: #c99e32; width:1px; } div.pageheader { position:absolute; top: 0px; left:0px; width:999px; height:47px; z-index:1;} div.pageheadermenu { position:absolute; top:47px; left:0px; width:131px; height:20px;} div.topmenu { position:absolute; top:47px; left:131px; width:868px; height:20px;} div.somelinks { position:absolute; top:27px; left:0px; width:990px; height:20px; z-index:2; } td.serietopic {background-color:#F3F3F3;color:#5F5C65} td.serieelement {font-family: Verdana, Arial, Helvetica; font-size:12px;background-color:#F8F1E0;color:#C99E32;} td.seriecollagetext {font-family: Verdana, Arial, Helvetica; font-size:12px;color:#999999;} td.artikelvorschauhead {font-family: Verdana, Arial, Helvetica; font-size:11px;color:#787878;font-weight:bold;} td.artikelvorschautext {font-family: Verdana, Arial, Helvetica; font-size:11px;color:#C99E32;} td.pageheadline { font-family: Verdana, Arial, Helvetica; font-size:12px; background-color:#eadcba; color:#c99e32; font-weight:bold; padding:3px;} div.pagepic { margin-bottom:17px; } td.tablehead { font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; padding:0px; margin:0px;color:#C99E32} td.tableheadgrey { font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; padding:0px; margin:0px;color:#787878} td.tabletext { font-family:Verdana, Arial, Helvetica; font-size:12px; padding:0px; margin:0px;color:#787878} a.prodlink:link { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#C99E32; text-decoration: underline; } a.prodlink:visited { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#C99E32; text-decoration: underline; } a.prodlink:hover { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#C99E32; text-decoration: underline; } a.prodlink:active { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#C99E32; text-decoration: underline; } select { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#5F5C65; } input {font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5F5C65;} textarea {font-family: Verdana, Arial, Helvetica; font-size: 12px; color:#5F5C65;} td.wkmenumain { background-color:#EADCBA; padding-left:6px;padding-top:3px;padding-bottom:3px;} span.wknolink { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#5F5C65; text-decoration: none; } a.wkmenumain:link { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#C99E32; text-decoration: underline;} a.wkmenumain:visited { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#C99E32; text-decoration: underline;} a.wkmenumain:hover { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#C99E32; text-decoration: underline;} a.wkmenumain:active { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#C99E32; text-decoration: none;} a.wkmenumainactive:link { font-family: Verdana, Arial, Helvetica; font-size:12px; color: #C99E32; text-decoration: none;} a.wkmenumainactive:visited { font-family: Verdana, Arial, Helvetica; font-size:12px; color: #C99E32; text-decoration: none;} a.wkmenumainactive:hover { font-family: Verdana, Arial, Helvetica; font-size:12px; color: #C99E32; text-decoration: none;} a.wkmenumainactive:active { font-family: Verdana, Arial, Helvetica; font-size:12px; color: #C99E32; text-decoration: none;} td.formerror { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#FF3232;padding-top:5px;font-weight:bold} td.textsmall { font-family: Verdana, Arial, Helvetica; font-size: 11px; color:#787878; } td.orangeborder {background-color: #C99E32; height:1px;} td.suchfilterhead {font-family: Verdana, Arial, Helvetica; font-size: 11px; color:#787878; font-weight:bold} td.suchfilterheadline { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#c99e32; font-weight:bold; padding:3px;} td.suchlistingbig {font-family: Verdana, Arial, Helvetica; font-size:13px; color:#b59c63;font-weight:bold} td.suchlistingsmall {font-family: Verdana, Arial, Helvetica; font-size:11px; color:#b59c63;} td.textorange {font-family: Verdana, Arial, Helvetica; font-size:12px;color:#C99E32} span.forsalepreis {font-family: Verdana, Arial, Helvetica; font-size:12px;color:#b0161e} td.grau99 { font-family: Verdana, Arial, Helvetica; font-size:11px; color:#999999; text-decoration:none; } a.produktmenuforsalesubactive:link { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#c99e32; text-decoration:underline; } a.produktmenuforsalesubactive:visited { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#c99e32; text-decoration:underline; } a.produktmenuforsalesubactive:hover { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#c99e32; text-decoration:underline; } a.produktmenuforsalesubactive:active { font-family: Verdana, Arial, Helvetica; font-size:12px; color:#c99e32; text-decoration:underline; } span.preissuffixsmall {font-family: Arial, Helvetica; font-size:9px; border-style:solid;border-width:0px;text-align:left;padding:0px} span.preissuffixnormal {font-family: Verdana , Arial, Helvetica; font-size:10px; text-align:left;padding:0px;font-weight:normal} td.wktemplatehead { padding: 1px 0px 1px 5%; font-weight: bold; color: #fff; background-color: #abc7b5; } al {font-family: Verdana , Arial, Helvetica; font-size:10px; text-align:left;padding:0px;font-weight:normal} td.wktemplatehead { padding: 1px 0px 1px 5%; font-weight: bold; color: #fff; background-color: #abc7b5; } al {font-family: Verdana , Arial, Helvetica; font-size:10px; text-align:left;padding:0px;font-weight:normal} td.wktemplatehead { padding: 1px 0px 1px 5%; font-weight: bold; color: #fff; background-color: #abc7b5; }