#artikel_startseite { width:169px; border:1px solid #a5c0a6; float:left; margin:10px 0px 0px 9px; } #artikel_startseite .line { height:1px; background-color:#a5c0a6; clear:both; font-size:0px; } #artikel_startseite .artname { padding: 3px 10px 0px 10px; height:46px; background-color:#e3e3e3; } #artikel_startseite .price { padding: 3px 10px 0px 10px; height:32px; background-image:url(/images/frontend/layout/back_angebot.gif); } #artikel_startseite .sonderangebot { float:left; margin: -10px 0px 0px 0px; position:absolute; z-index:1000; } #artikel_liste { width:530px; margin-left:10px; } #artikel_liste .line { height:1px; width:530px; background-color:#a5c0a6; clear:both; font-size:0px; } #artikel_liste .img { border:1px solid #a5c0a6; padding:2px; } #artikel_liste .artikel { margin:6px 0px 6px 0px; float:left; } #artikel_liste .description { float:left; margin: 0px 0px 0px 10px; width:300px; color:#222222; } #artikel_liste .fl { float:left; } #artikel_liste .pricebox { width:115px; float:right; color:#222222; } #artikel_liste .martop { margin-top:8px; } #artikel_liste .warenkorbico { margin-left:10px; } #artikel_liste .sortby { float:left; padding:16px 0px 0px 0px; } #artikel_liste .pagewitch_left { float:left; margin: 5px 0px 0px 0px; font-weight:bold; } #artikel_liste .pagewitch_right { float:right; margin: 5px 0px 0px 0px; font-weight:bold; } #artikel_details { } #artikel_details .img { border:1px solid #a5c0a6; padding:2px; } #artikel_details .leftpart { float:left; width:167px; } #artikel_details .rightpart { float:left; margin-left:20px; width:340px; color:#000000; } #artikel_details .risikenbox { margin-top:20px; } #artikel_details .detailimg { margin-top:5px; } #artikel_details .top10 { margin-top:10px; } #artikel_details .pricebox { float:right; margin:20px 00px 0px 0px; width:330px; text-align:right; background-color:#F0F0F0; padding:5px; } #artikel_details .sonderangebot { float:left; margin: -20px 0px 0px 0px; position:relative; } #warenkorb { width:530px; margin-left:10px; } #warenkorb .line { height:1px; width:530px; background-color:#a5c0a6; clear:both; font-size:0px; } #warenkorb .img { border:1px solid #a5c0a6; } #warenkorb .artikel { margin:6px 0px 6px 0px; float:left; } #warenkorb .description { float:left; margin: 0px 0px 0px 10px; width:250px; color:#222222; } #warenkorb .fl { float:left; } #warenkorb .fr { float:right; } #warenkorb .pricestrike { text-decoration:line-through; font-style:italic; color:#666666; } #warenkorb .pricebox1 { width:80px; float:left; color:#222222; } #warenkorb .pricebox2 { width:80px; float:right; color:#222222; margin-left:5px; } #warenkorb .martop { margin-top:8px; } #warenkorb .pagewitch_left { float:left; margin: 5px 0px 5px 0px; font-weight:bold; } #warenkorb .pagewitch_right { float:right; margin: 5px 0px 5px 0px; font-weight:bold; } #warenkorb .left15 { margin-left:15px; } #warenkorb .deleteicon { margin: 5px 0px 0px 0px; } #warenkorb .menge { margin-left:10px; width:40px; float:left; } #warenkorb .anzfield { width:28px; height:14px; font-size:11px; font-weight:bold; text-align:right; padding:2px; border:1px solid #a5c0a6; } #warenkorb .introbar { height:24px; clear:both; } #warenkorb .introbari1 { float:left; padding: 5px 0px 0px 60px; } #warenkorb .introbari2 { float:left; padding: 5px 0px 0px 13px; } #warenkorb .introbari3 { float:left; padding: 5px 0px 0px 180px; } #warenkorb .introbari4 { float:left; padding: 5px 0px 0px 25px; } #warenkorb .loginblockleft { width:250px; float:left; background-color:#e8efe9; padding:5px; height:48px; } #warenkorb .loginblockright { width:250px; float:right; background-color:#e8efe9; padding:5px; height:48px; }#formular { } #formular .namefield { width:320px; border:solid 1px #999999; font-size:12px; padding:2px; } #formular .textfield { width:320px; border:solid 1px #999999; font-size:12px; padding:2px; height:60px; } #formular .medi60 { width:60px; border:solid 1px #999999; font-size:12px; padding:2px; } #formular .medi200 { width:200px; border:solid 1px #999999; font-size:12px; padding:2px; } #formular .medi94 { width:94px; border:solid 1px #999999; font-size:12px; padding:2px; } #formular .namefield_err { width:318px; border:solid 2px #CC0000; font-size:12px; padding:2px; background-color:#f2d9dc; } #formular .textfield_err { width:318px; border:solid 2px #CC0000; font-size:12px; padding:2px; height:58px; background-color:#f2d9dc; } #formular .medi60_err { width:58px; border:solid 2px #CC0000; font-size:12px; padding:2px; background-color:#f2d9dc; } #formular .medi200_err { width:198px; border:solid 2px #CC0000; font-size:12px; padding:2px; background-color:#f2d9dc; } #formular .medi94_err { width:92px; border:solid 2px #CC0000; font-size:12px; padding:2px; background-color:#f2d9dc; } #formular .tableback { background-color:#e8efe9; clear:both; } #formular .tablebacklight { background-color:#F2F7F3; clear:both; } #formular .color_dark { background-color:#e8efe9; } #formular .color_light { background-color:#F2F7F3; } #lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #lightbox a img { border: none; } #outerImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin: 0 auto; } #imageContainer { padding:10px; } #loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index: 10; } #imageContainer>#hoverNav { left:0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width:49%; height:100%; background:transparent url(/images/lightbox/blank.gif) no-repeat; display:block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow: auto; width: 100% } #imageData { padding:0 10px; color:#666; } #imageData #imageDetails { width:70%; float:left; text-align:left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; } #imageData #bottomNavClose { width:66px; float:right; padding-bottom:0.7em; } #overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }/* TOP NAVIGATION */ #menu_main { float:left; margin-top:6px; font-size:12px; font-weight:bold; height:38px; } #menu_main ul { margin:0; padding:10px 10px 0px 0px; list-style:none; } #menu_main li { display:inline; margin:0; padding:0; } #menu_main a { float:left; background:url(/images/frontend/layout/menu_main_left.gif) no-repeat left top; margin:0; padding:0 0 0 12px; text-decoration:none; font-weight:bold; } #menu_main a span { float:left; display:block; background:url(/images/frontend/layout/menu_main_right.gif) no-repeat right top; padding:5px 12px 8px 0px; margin-right:2px; color:#FFFFFF; } /* hide rule from IE5-Mac \*/ #menu_main a span { float:none; } /* End IE5-Mac hack */ #menu_main a:hover span { color:#FFFF66; } #menu_main a:hover { background-position:0% -40px; } #menu_main a:hover span { background-position:100% -40px; } #menu_main .down { background-position:0% -80px; } #menu_main .downspan { background-position:100% -80px; } /* LEFT NAVIGATION */ #menu_left { width:190px; } #menu_left a { font-weight:bold; display:block; text-decoration:none; border-bottom: solid 1px #ffffff; } #menu_left a:hover { color:#FFFF66; text-decoration:none; background:url(); background-color:#4b814d; } #menu_left .level1 { padding: 2px 0px 2px 15px; background-color:#e8efe9; } #menu_left .level2 { padding: 2px 0px 2px 20px; background-color:#dde3e0; color:#e05000; background:url(/images/frontend/navigation/lev_2.gif); } #menu_left .level3 { padding: 2px 0px 2px 25px; background-color:#d4dbd8; color:#ca4800; background:url(/images/frontend/navigation/lev_3.gif); } #menu_left .level4 { padding: 2px 0px 2px 30px; background-color:#ccd2d1; color:#b64100; background:url(/images/frontend/navigation/lev_4.gif); } #menu_left .level1down { padding: 2px 0px 2px 15px; color:#FFFFFF; background-color:#4a7a4b; background:url(/images/frontend/layout/left_menu_over1.gif); } #menu_left .level2down { padding: 2px 0px 2px 20px; color:#FFFFFF; background-color:#4a7a4b; background:url(/images/frontend/layout/left_menu_over1.gif); } #menu_left .level3down { padding: 2px 0px 2px 25px; color:#FFFFFF; background-color:#4a7a4b; background:url(/images/frontend/layout/left_menu_over1.gif); } #menu_left .level4down { padding: 2px 0px 2px 30px; color:#FFFFFF; background-color:#4a7a4b; background:url(/images/frontend/layout/left_menu_over1.gif); } /* ARTIKELSORTIERUNG */ #artikel_sort { float:right; font-size:11px; font-weight:bold; height:36px; } #artikel_sort ul { margin:0; padding:10px 10px 0px 0px; list-style:none; } #artikel_sort li { display:inline; margin:0; padding:0; } #artikel_sort a { float:left; background:url(/images/frontend/layout/menu_main_left.gif) no-repeat left top; margin:0; padding:0 0 0 12px; text-decoration:none; font-weight:bold; } #artikel_sort a span { float:left; display:block; background:url(/images/frontend/layout/menu_main_right.gif) no-repeat right top; padding:5px 12px 8px 0px; margin-right:2px; color:#FFFFFF; } /* hide rule from IE5-Mac \*/ #artikel_sort a span { float:none; } /* End IE5-Mac hack */ #artikel_sort a:hover span { color:#FFFF66; } #artikel_sort a:hover { background-position:0% -40px; } #artikel_sort a:hover span { background-position:100% -40px; } #artikel_sort .down { background-position:0% -80px; } #artikel_sort .downspan { background-position:100% -80px; } #content_menu { padding:10px; width:155px; float:left; } #content_menu a { font-weight:bold; display:block; } /* reset */ :link,:visited { text-decoration:none; } ul,ol { list-style:none; } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none; padding:0px; margin:0px; } /* global styles */ body { text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#416c42; } h1 { font-size:16px; } h2 { font-size:15px; } h3 { font-size:13px; } a, a:visited { color:#ee5500; font-weight: bold; } a:hover { text-decoration:underline; font-weight: bold; } .text10 { font-size: 10px; } .text11boldred { font-size: 11px; color:#900; font-weight:bold; } .text12 { font-size: 12px; } .text12boldred { font-size: 12px; color:#900; font-weight:bold; } .text12list { font-size: 12px; width:280px; display:block; } .text13bold { font-size: 13px; font-weight:bold; } .text14bold { font-size: 14px; font-weight:bold; } .error { color:#CC0000; font-weight:bold; } .redmark { color:#8a1c1c; font-weight:bold; } .categorypage { float:left; margin:0px 0px 10px 10px; width:145px; height:32px; padding:10px; border:1px #4c814d solid; background-color:#e8efe9; text-align:center; font-size:13px; } .padding10 { padding:10px; } .white { color:#FFFFFF; } .grey { color:#222222; } .greyline { height:1px; background-color:#D7D7D7; } .col_lightgreen { background-color:#e8efe9; } .col_white { background-color:#ffffff; } .listsonderangebot { float:left; margin: -10px 0px 0px -5px; position:absolute; z-index:1000; } #line530 { height:1px; width:530px; background-color:#a5c0a6; clear:both; font-size:0px; } #linepad10 { border-bottom:1px solid #a5c0a6; clear:both; font-size:0px; margin:0px 10px 0px 10px; } #clear1 { clear:both; height:1px; } #clear5 { clear:both; height:1px; } #clear10 { clear:both; height:10px; } #clear20 { clear:both; height:20px; } #clearfooter { clear:both; height:40px; background-image:url(/images/frontend/layout/footer.gif); background-repeat:repeat-x; } #container { margin: 0 auto; width: 960px; text-align: left; background-image:url(/images/frontend/layout/background.gif); background-repeat:repeat-x; } #container_left { width:190px; height:auto; float:left; } #container_right { width:190px; height:auto; float:left; margin-left:15px; } #container_center { width:550px; float:left; margin-left:15px; } #bottom { width: 750px; margin:0 0 25px 200px; } #bottom a, a:visited { color:#ee5500; font-weight:normal; } #bottom a:hover { text-decoration:underline; } #element_headline_190 { background-image:url(/images/frontend/layout/head_190.gif); background-repeat:no-repeat; width:190px; height:29px; clear:both; background-color:#FFFFFF; } #element_headline_190 .inside { color:#FFFFFF; font-weight:bold; padding:6px 0px 0px 15px; } #element_headline_550 { background-image:url(/images/frontend/layout/head_550.gif); background-repeat:no-repeat; width:550px; height:29px; clear:both; background-color:#FFFFFF; } #element_headline_550 .inside { color:#FFFFFF; font-weight:bold; padding:6px 0px 0px 15px; } #element_headline_550_error { background-image:url(/images/frontend/layout/head_550_error.gif); background-repeat:no-repeat; width:550px; height:29px; clear:both; background-color:#FFFFFF; } #element_headline_550_error .inside { color:#FFFFFF; font-weight:bold; font-size:12px; padding:6px 0px 0px 15px; } #element_search { background-image:url(/images/frontend/layout/suchen.gif); background-repeat:no-repeat; width:550px; height:39px; clear:both; background-color:#FFFFFF; } #element_search .input { border:1px solid #ffffff; font-size:14px; float:left; font-weight:bold; margin:8px 0px 0px 150px; height:17px; width:250px;} #element_alternativbestell { background-image:url(/images/frontend/layout/alt_background.gif); line-height:20px; padding-left:10px; } #element_alternativbestell a, a:visited { color:#ee5500; font-weight:bold; } #element_anmelden { background-color:#e8efe9; line-height:20px; padding-left:10px; } #element_anmelden .field { height:15px; width:162px; font-size:11px; color:#666666; display:inline; border:1px solid #4b814d; background-image:url(/images/frontend/layout/anmelden_shadow.gif); padding-left:5px; } #element_anmelden_2 { background-color:#e8efe9; line-height:20px; padding-left:10px; margin-top:1px; background-image:url(/images/frontend/layout/alt_background.gif); } #element_sondernagebot { } #element_sondernagebot .element { background-color:#e8efe9; width:180px; display:inline-table; border-bottom:1px solid #ffffff; padding:5px 5px 5px 5px; } #element_sondernagebot .img { float:left; margin: 0px 10px 0px 0px; } #element_sondernagebot .pad { margin:5px 5px 0px 0px; min-height:41px; } #element_sondernagebot img { border:1px solid #a5c0a6; } #element_sondernagebot .img_rss { padding:5px 0px 0px 5px; border:0px; } #element_sondernagebot .element_rss { height:26px; } #element_sondernagebot .price { font-weight:bold; font-size:14px; } #content_details { padding:10px;} #content_details ul { margin-left:10px; } #content_details li { margin-left:20px; list-style:disc; } /* SUGGEST */ #ausgabe { position:absolute; margin:-5px 0px 0px 140px; z-index:100000; background-color:#FFF; float:none; clear:both; display:block; visibility: hidden; width:360px; border:3px solid #333; } .ergebnis a { color:#ed5500; text-decoration:none; background-color:#e8efe9; display:block; padding:3px; font-size:12px; border-bottom:1px solid #FFF; } .ergebnis a:hover { color:#ffff66; text-decoration:none; background-color:#4b814d; display:block; } .sugsmall { font-size:11px; font-weight:normal; }