/* Global */ * { padding:0px; margin:0px; font-family:Arial, Helvetica, serif; vertical-align:top; } .seite { top:50%; left:50%; width:1000px; height:484px; margin:-242px 0 0 -474px;} #showlayernav,#rand,#hintergrund,.farbboxlinks,#inhalt,.navigation,.kopf,.aurelius, .seite { position:absolute; } .clr { clear:both; } /* laufband */ .laufband {position: relative; padding: 520px 0 0 67px; width: 880px; height:30px;} .bildruhr {position: relative; padding: 520px 0 0 67px; width: 880px; height:30px;} /* Farben */ ul.shop li a, #spaltelinks *, #spaltemitte th, #spaltemitte td, #spalterechts li, #spalterechts div td, #spalterechts div th, #spalterechts p, #spaltemitte p, #spaltemitte td { color:#ffffff; } #randmenue li a, .untermenue li a, .navigation li a { color:#ffffff; } #spalterechts h1, #spalterechts h2, #spalterechts h3, #shop ul.shop_untermenue li a, #shop ul.shop_untermenue li a:hover, #shop ul.shop_untermenue li a.aktiv, ul.shop li a:hover, ul.shop li a.aktiv, #spaltemitte h1, #randmenue li a.aktiv, #randmenue li a:hover, .untermenue li a:hover, .untermenue li a.aktiv, .navigation li a.aktiv, #spaltemitte h3, .navigation li a:hover { color:#ffffff;} #spaltelinks h1, #spaltelinks h2, #spaltelinks h3, #spaltemitte h2 { color:#13235B;} #spaltemitte a { color:#ffffff; } #spalterechts a { color:#ffffff; } #spaltelinks ul li a.aktiv, #spaltelinks ul li ul li a.aktiv, #spaltelinks a:active, #spaltelinks div ul li a.aktiv, #spaltelinks a.aktiv, #spaltelinks a:hover { color:#F7B200; } #spaltelinks div ul li a { color:#13235B; } #spalterechts a:hover { color:#13235B; } #spaltemitte div div a:hover { color:#13235B; } #spalterechts div div a:hover { color:#13235B; } #spaltemitte div div a, #spaltemitte a:hover { color:#13235B; } #showlayernav a { color:#ffffff; } #spaltelinks table td a.aktiv img, #spaltelinks table td a:hover img { border:1px solid #ffffff; } html { width:100%; height:100%; overflow:hidden; } body { background:#13235B url(hintergrund_sommer2010.jpg) repeat-y center; height:100%; overflow:hidden; border:5px solid white; border-bottom:none; } div.rahmen { position:absolute; bottom:0px; width:100%; height:5px; background:#fff; overflow:hidden; } * html div.rahmen { bottom:-1px; } #showlayernav a { border:1px solid #13235B; } #spalterechts, #spaltemitte, #spaltemitte, .navigation li a, #zurueck a, #showlayernav a, #randmenue li a, .untermenue li a, { background:#F7B200; color: #ffffff;} .farbboxlinks { background:#13235B;} #spaltemitte ul.werbung li, #rand { border:1px solid #13235B; } #randflash { border-bottom:1px solid #13235B; background:#F7B200; } #randflash object { background:#4c4c4c; } .untermenue { border:1px solid #13235B; border-top:0; background:#F7B200; } #spaltemitte div h1, #spalterechts h1, #spaltemitte h1 { border-bottom:1px solid #13235B; } #randmenue li a.aktiv, #randmenue li a:hover, .untermenue li a.aktiv, .untermenue li a:hover, .navigation li a.aktiv, .navigation li a:hover { background:#13235B; } #spaltemitte div h1, #spalterechts h1, #spaltemitte h1, #hintergrund, #kopf1, #rand, .flash, #randflash { background:#13235B; } #kopf2 { background:#13235B; filter:Alpha(opacity=80, finishopacity=80, style=0); opacity:80%; -moz-opacity: 0.80; opacity: 0.80;} .farbboxlinks { background:#13235B; filter:Alpha(opacity=80, finishopacity=80, style=0); opacity:80%; -moz-opacity: 0.80; opacity: 0.80;} #spalterechts div img, #spaltelinks table td a img, #spalterechts div td { border:1px solid #13235B; } /* Navigation */ .kopf { top:0px; left:0px; width:948px; height:67px; z-index:2;} #kopf2 { width:308px; height:67px; float:left;} .navigation { top:58px; left:135px; width:740px; height:18px; z-index:3; background:#F7B200; color:#ffffff;} .navigation li { list-style-type:none; float:left; text-align:center; } .navigation li a { width:148px; height:16px; padding:2px 0 0 0; display:block; font-size:11px; font-weight:bold; letter-spacing:1px; text-decoration:none; } /* .navigation li a { width:123px; height:16px; padding:2px 0 0 0; display:block; font-size:11px; font-weight:bold; letter-spacing:1px; text-decoration:none; } */ .untermenue { font-size:12px; text-align:center; background:#F7B200; } .untermenue li { list-style-type:none; line-height:18px; background:#F7B200; } .untermenue li a { width:100%; height:18px; line-height:18px; display:block; text-decoration:none; background:#F7B200; } #randmenue { font-size:12px; text-align:left; background:#F7B200; } #randmenue li { list-style-type:none; line-height:18px; } #randmenue li a { width:127px; height:18px; padding:0 3px; line-height:18px; display:block; text-decoration:none; } #rand { top:103px; left:0px; width:133px; z-index:10; } #randflash { width:133px; height:133px; } .flash { width:133px; height:133px; } /* Inhalt */ #inhalt { top:103px; left:166px; width:709px; height:364px; font-size:12px; z-index:5 } #spaltemitte { position:relative; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:6; background: #546BB9; } #spaltemitte h1 { font-size:16px; padding:1px 7px 0 7px; margin-bottom:7px; } #spaltemitte h2 { font-size:12px; margin:0 7px; line-height:20px; } #spaltemitte h3 { font-size:12px; margin:0 7px; line-height:20px; } #spaltemitte p { margin:0 7px 11px 7px; line-height:20px; font-size:12px; } #spaltemitte div { height:360px; width:100%; } #spaltemitte table { margin:0 7px; } #spaltemitte th { text-align:left; } #spaltemitte div td { padding-bottom:11px; line-height:20px; } #spaltemitte td { padding-bottom:11px; line-height:20px; } #spaltemitte th { padding-bottom:11px; line-height:20px; } #spaltemitte .formular { display:block; float:left; width:340px; height:180px;} #spaltemitte .inputleft { display:block; width:100px; float:left; margin-top: 8px; } #spaltemitte .inputright { display:block; width:200px; float:left; margin-top: 8px; } #spaltemitte .inputfield { display:block; width:200px; border:1px solid black; } #spaltelinks { position:relative; line-height:20px; float:left; width:321px; height:364px; z-index:6; } #spaltelinks h2 { font-size:13px; padding:1px 0 0 0; margin-bottom:3px; line-height:20px; } #spaltelinks ul { margin:0 0 15px 0; font-size:12px; line-height:20px; } #spaltelinks ul li { margin:0 0 15px 0; list-style-type:none; } #spaltelinks ul li a { font-weight:bold; } #spaltelinks div ul li, #spaltelinks ul li ul li { list-style-type:none; margin:0px; } #spaltelinks div ul li a, #spaltelinks ul li ul li a { background:url(listout.gif) no-repeat left center; padding-left:10px; font-weight:normal; } #spaltelinks div ul li a:hover, #spaltelinks ul li ul li a:hover { background:url(listover.gif) no-repeat left center; padding-left:10px; font-weight:normal; } #spaltelinks div ul li a.aktiv, #spaltelinks ul li ul li a.aktiv { background:url(listover.gif) no-repeat left center; padding-left:10px; font-weight:normal; } #spaltelinks table td { padding:0 5px 5px 0; } #sublist * { margin:0px; } #sublist li { margin:0px; list-style-type:none; line-height:20px; font-size:12px; } #sublist li a { background:url(listout.gif) no-repeat left center; padding-left:10px; font-weight:normal; } #sublist li a:hover, #sublist li a.aktiv { background:url(listover.gif) no-repeat left center; padding-left:10px; font-weight:normal; } #spalterechts { position:relative; float:right; width:388px; height:364px; overflow:hidden; z-index:6; background: #546BB9; } #spalterechts h1 { font-size:16px; padding:1px 7px 0 7px; margin-bottom:7px; } #spalterechts h3 { font-size:12px; margin:0 7px; line-height:20px; } #spalterechts li { list-style-type:none; background:url(list.gif) no-repeat left 8px; line-height:20px; padding:0 0 0 10px; } #spalterechts h2, #spalterechts ul, #spalterechts p { margin:0 7px 11px 7px; line-height:20px; font-size:12px; } #spalterechts div { height:360px; width:100%; } #spalterechts div div { height:auto; } #spalterechts div table { margin:0 7px; border-collapse:collapse; } #spalterechts div td { padding:3px 5px; text-align:center; } #spalterechts div th { padding:3px 5px; text-align:left; } #spalterechts ul.marken { float:left; margin:0 7px; } #spalterechts ul.marken li { list-style-type:none; background:none; background-image:url(); line-height:20px; padding:0px; display:block; width:165px; } #showlayernav { top:340px; height:15px; z-index:20; display:block; line-height:15px; overflow:hidden; } *+html #showlayernav { left:0px } #showlayernav a { width:50px; height:15px; text-decoration:none; display:block; text-align:center; margin:0 7px; } #zurueck { top:340px; height:15px; z-index:20; } #zurueck a { width:50px; height:15px; line-height:15px; text-decoration:none; display:block; text-align:center; } #spalterechts .spezialshoplinks img{ width:388px; height:195px; border:none; } #spalterechts .spezialshoprechts { width:388px; clear:both; } #spalterechts .kontaktdaten { overflow:hidden; } #spalterechts .kontaktdaten h1 { margin-bottom:0px; } #spalterechts .kontaktdaten div, #spalterechts .kontaktdaten div img{ float:left; width:350px; height:220px; } #spalterechts .kontaktdaten div ul { float:left;margin-top:19px; } #spalterechts .kontaktdaten ul { float:left; margin-top:123px; } #spalterechts .kontaktdaten li { list-style-type:none; background:none; } #hintergrund { top:67px; left:67px; width:881px; height:434px; z-index:2; background-color: #fff; filter:Alpha(opacity=40, finishopacity=40, style=0); opacity:40%; -moz-opacity: 0.40; opacity: 0.40; } #spaltemitte table.geschichte td { padding-bottom:5px; } .farbboxlinks { top:67px; left:0px; width:67px; height:150px; } .aurelius { top:67px; left:67px; width:881px; height:500px; z-index:3; text-align:right;} .aurelius a { text-decoration:none; color:#ffffff; font-size:12px;} .aurelius a:hover { text-decoration:underline; color:#c1c1c1; font-size:12px;} /* Werbung */ #spaltemitte ul.werbung li { background:none; list-style-type:none; width:167px; height:330px; display:block; float:left; margin:0 11px 0 0; } #spaltemitte ul.werbung li a { text-decoration:none; border:none; display:block; float:left; } #spaltemitte ul.werbung li a img { width:167px; height:250px; border:none; } #spaltemitte ul.werbung li p { color:#000000; text-align:center; background:#cccccc; margin:0; font-weight:bold; line-height:16px; } #spaltemitte ul.werbung li p.produkt{ font-size:16px; line-height:20px; } #spaltemitte ul.werbung li p.marke { font-size:12px; margin:0 0 10px 0; } *+html #spaltemitte ul.werbung li p.marke { margin:0; } * html #spaltemitte ul.werbung li p.marke { margin:0; } #spaltemitte ul.werbung li p.preis { text-align:right; color:#cccccc; background:none; font-size:27px; padding:8px 6px 0 0; } *+html #spaltemitte ul.werbung li p.preis { line-height:30px; } #spaltemitte ul.werbung li p.statt { display:block; float:left; font-size:11px; color:#555555; font-weight:bold; margin:-5px 0 0 5px; padding:1px 2px; background:url(strike.gif) no-repeat center right; } *+html #spaltemitte ul.werbung li p.statt { margin:5px 0 0 3px; } * html #spaltemitte ul.werbung li p.statt { margin:5px 0 0 3px; } #spalterechts p.preis { text-align:right; font-size:30px; color:#cccccc; font-weight:bold; } #spalterechts p.statt { display:block; text-align:right; font-size:11px; color:#555555; font-weight:bold; margin-bottom:8px; padding:1px 2px; background:url(strike.gif) no-repeat center right; } *+html #spalterechts p.statt { margin-bottom:0; } * html #spalterechts p.statt { margin-bottom:0; } #shop { position:absolute; top:-10px; left:-166px; padding:10px; width:865px; height:388px; background:#000000; } #shop h1 { font-size:13px; color:#ffffff; } #shop ul.shop { margin:0 0 15px 0; font-size:12px; line-height:16px; float:left; } #shop ul.shop li { list-style-type:none; margin:0px; } #shop ul.shop li a { background:url(listout.gif) no-repeat left center; padding-left:10px; font-weight:normal; text-decoration:none; cursor:pointer; } #shop ul.shop li a:hover { background:url(listover.gif) no-repeat left center; text-decoration:underline; } #shop ul.shop li a.aktiv { background:url(listover.gif) no-repeat left center; text-decoration:underline; } #shop ul.shop_untermenue { margin:4px 0 15px 15px; font-size:11px; line-height:13px; float:left; height:358px; border-left:1px solid #ffffff; } #shop ul.shop_untermenue li { list-style-type:disc; margin:0px; } #shop ul.shop_untermenue li a { padding-left:10px; font-weight:normal; text-decoration:none; } #shop ul.shop_untermenue li a:hover { text-decoration:underline; } #shop ul.shop_untermenue li a.aktiv { font-weight:bold; text-decoration:underline; } #shop div.uebersicht { position:absolute; top:10px; left:278px; background:#ffffff; width:597px; height:340px; } #shop div.detailansicht { position:absolute; top:10px; left:278px; background:#ffffff; width:597px; height:370px; } #shop div.artikel { width:100%; height:318px; overflow-y:auto; } #shop div.suche { position:absolute; top:352px; left:273px; width:602px;; height:50px; } #shop div.suche ul * { vertical-align:top; } #shop div.suche li { list-style-type:none; display:block; float:left; text-align:center; font-weight:bold; } #shop div.suche li a { color:#000000; text-decoration:none; padding:0 5px; display:block; } #shop div.suche li a:hover { text-decoration:underline; } #shop div.detailansicht h1, #shop div.uebersicht h1 { font-size:16px; padding:1px 7px 0 7px; margin-bottom:0px; border-bottom:1px solid #ffffff; background:#000000; } #shop div.detailansicht p { padding:10px; color:#919191; } #shop div.detailansicht hr { height:1px; margin:20px 0 5px 10px; border:none; border-top:1px solid white; } #shop div.detailansicht p.preis { padding-top:0px; } #shop div.detailansicht span.preis_text { color:#ffffff; margin-top:8px; font-weight:bold; display:block; float:left; } * html #shop div.detailansicht span.preis_text { color:#ffffff; margin-top:6px; font-weight:bold; display:block; float:left; } *+html #shop div.detailansicht span.preis_text { color:#ffffff; margin-top:6px; font-weight:bold; display:block; float:left; } #shop div.detailansicht span.preis { color:#ffffff; font-size:20px; font-weight:bold; } #shop div.detailansicht span.klein { font-size:10px; } #shop div.detailansicht img { border:1px solid #919191; float:right; margin:10px 10px 20px 20px; } #shop div.warenkorb { } #shop div.artikel table { margin:10px; table-layout:fixed; } #shop div.artikel table td.vertikal { width:10px; overflow:hidden; } #shop div.artikel table td.horizontal { height:10px; overflow:hidden; line-height:10px; } #shop div.artikel table td.text { width:120px; padding:5px 5px 8px 5px; text-align:center; background:#555555; color:#ffffff; font-size:10px; } #shop div.artikel table td.text b { font-size:15px; color:#ffffff; line-height:20px; display:block; } #shop div.artikel table td.bild, #shop div.artikel table td.bild * { vertical-align:middle; } #shop div.artikel table td.bild { width:130px; background:#ffffff; } #shop div.artikel table td.bild img { width:130px; } #shop div.artikel table td.bild a img { border:none; } #shop div.artikel table td.text a.titel { color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none; display:block; min-height:43px; } * html #shop div.artikel table td.text a.titel { height:43px; } #shop div.artikel table td.text a.titel:hover { color:#ffffff; font-size:11px; font-weight:bold; text-decoration:underline } #shop div.artikel table td.text a { font-size:10px; color:#ffffff; } #shop div.artikel table td.text a:hover { color:#ffffff; } #shop div.artikel table td.text a.zoom { background:url(zoom.gif) no-repeat left 0px; padding-left:13px; } #shop div.artikel table td.text a.zoom:hover { background:url(zoom.gif) no-repeat left -14px; } #shop div.artikel table td.text a.details { background:url(details.gif) no-repeat left 0px; padding-left:12px; } #shop div.artikel table td.text a.details:hover { background:url(details.gif) no-repeat left -14px; } #shop form.suche { width:113px; height:17px; overflow:hidden; display:block; font-size:11px; border-bottom:1px solid #919191; float:right; margin-left:7px; } #shop form.suche input { display:block; height:14px; width:88px; float:right; font-size:11px; } #shop form.sortieren { width:113px; height:17px; overflow:hidden; display:block; font-size:11px; border-bottom:1px solid #919191; border-right:1px solid #919191; float:right; } #shop form.sortieren select { display:block; width:115px; height:18px; font-size:11px; } #shop form.sortieren option { font-size:11px; } #shop div.warenkorb { position:absolute; top:12px; left:754px; z-index:200; } * html #shop div.warenkorb { top:11px; left:754px; width:270px; } *+html #shop div.warenkorb { top:11px; } #shop div.warenkorb a { color:#ffffff; width:auto; padding:0 5px; background:#ff0000; font-weight:bold; height:15px; border:1px solid #919191; text-decoration:none; display:block; text-align:center; } #shop div.warenkorb a:hover { background:#000000; } #showlayernav a.warenkorb { float:left; width:auto; padding:0 5px; margin-right:0; background:#ff0000; font-weight:bold; } #showlayernav a.warenkorb:hover { float:left; width:auto; padding:0 5px; margin-right:0; background:#000000; }