/*Standards *************************************************/ *, div { margin:0; padding:0; } html { height:100%; } body { width:100%; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #fff;} /*png fix f�r Links*/ a, a:visited, a:hover, input { position:relative; } /*Breite und Lage*/ #sitebody { width:984px; height:auto; display:block; overflow:hidden; margin:0 auto; } /*Header *************************************************/ #header { width:100%; height:159px; display:block; overflow:hidden; background: url(../images/header_bg.jpg); } /*Reiter*/ #hlogo {float:left;overflow:hidden;padding-top:11px;padding-left:10px} #head1 { width:780px; height:36px; display:block; overflow:hidden; float:left; margin-top:55px; } #head1 p.topnav { display:block; float:right; padding-right:35px; line-height:38px; } #head1 p.topnav a, #head1 p.topnav a:visited { height:38px; padding:0 15px; display:block; float:left; border-left:1px solid #cfcfcf; } #head1 p.topnav a:hover { background: url(../images/topnav_hover.jpg); } /*IE6*/ *html #head1 a, *html #head1 a:visited { } /*Suche und Warenkorb*/ #head2 { width:780px; height:63px; float:left; display:block; overflow:hidden; margin-top:17px; } *html #head2 { } /*Catpic*/ #head2 p.catpic { width:685px; height:63px; line-height:63px; display:block; overflow:hidden; float:right; background:#efefef;margin-right:5px; } *html #head2 p.catpic { width:685px; height:63px; line-height:63px; display:block; overflow:hidden; float:right; background:#efefef;margin-right:3px; } #head2 p.catpic span.catname { margin-left:50px; } /*Suche und Warenkorb*/ #head3 { width:100%; height:21px; float:left; display:block; overflow:hidden; margin-top:6px; margin-left:15px;} *html #head3 { } /*Breadcrumb*/ p.pathway { height:40px; line-height:40px; } p.pathway span.here { margin-right:1em; } p.pathway span.path { } form#search { border:none; border:0px; margin:0px; padding:0; margin-top:0px; margin-left:110px; float:left; } form#login input, form#search input { margin-bottom:5px; } input#searchbox { background:none; width:285px; margin-right:15px; height:24px; border:0; padding-top:.8em;} input#searchbutton { background:none; width:62px; height:40px; border:0px;margin-left:110px; } input#filter1 { width:14px; height:14px; display:block; overflow:hidden; float:left; margin:0px; padding:0px; margin-right:5px; } label#filter1l { width:70px; height:14px; display:block; overflow:hidden; float:left; } input#filter2 { width:14px; height:14px; display:block; overflow:hidden; float:left; margin-right:5px;} label#filter2l { width:70px; height:14px; display:block; overflow:hidden; float:left; } form#search p { float:left; line-height:32px; } form#search ul.checkboxen { width:90px; height:40px; display:block; float:left; margin-right:15px; } form#search ul.checkboxen li { width:90px; height:20px; display:block; overflow:hidden; line-height:16px; } form#search input { } *html form#search { margin-left:155px; } form#login { border:none; border:0px; margin:0px; padding:0; margin-top:0px; margin-left:5px; float:left; } input#username { background:none; border:1px solid #5d573e; } input#password { background:none; border:1px solid #5d573e; } /*Warenkorb*/ #head2b { width:400px; height:27px; display:block; float:left; overflow:hidden; } *html #head2b { width:400px; height:27px; display:block; float:left; overflow:hidden; } #basketlabel { width:70px; float:left; margin-right:15px; line-height:21px; } #basketitems { width:220px; float:left; line-height:21px; } #basketitems a { width:220px; display:block; } #contentbody { width:100%; height:auto; display:block; float:left; overflow:hidden; background: url(../images/sitebody_bg.jpg) repeat-y; } #contentbody_header { width:100%; height:auto; display:block; float:left; overflow:hidden; background: url(../images/contentbody_header.jpg) no-repeat top; } /*Links *************************************************/ #left_col { width:187px; height:auto display:block; float:left; overflow:hidden; margin-left:12px; } * html #left_col { margin-left:6px; } .spacerL { width:100%; height:40px; display:block; overflow:hidden; } .menuboxL_head { width:100%; height:36px; display:block; overflow:hidden; background: url(../images/menuboxL_header.png) no-repeat; } .menuboxL_body { width:100%; display:block; overflow:hidden; background: url(../images/menuboxL_body.png) repeat-y; } .menuboxL_footer { width:100%; height:12px; display:block; overflow:hidden; background: url(../images/menuboxL_footer.png) no-repeat; margin-bottom:1em; } .menuboxL_head h2 { line-height:36px; margin-left:11px; } /*IE6*/ *html .menuboxL_head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxL_header.png', sizingMethod='none'); background:none; } *html .menuboxL_body { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxL_body.png', sizingMethod='scale'); background:none; } *html .menuboxL_footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxL_footer.png', sizingMethod='none'); background:none; } #left_col a { text-decoration:none; font-weight:normal; } #left_col p, #left_col ul { margin:0 5px; margin-left:11px; } #left_col ul.nav { margin-left:2px; } #left_col ul.nav li { } #left_col ul.nav li a, #left_col ul.nav li a:visited { width:185px; height:21px; line-height:21px; margin-bottom:1px; text-indent:10px; display:block; overflow:hidden; } #left_col ul.nav li a:hover { } #left_col ul.nav li a.active { } /**/ #left_col ul.nav ul { margin-left:0px; } #left_col ul.nav ul li { } #left_col ul.nav ul li a, #left_col ul.nav ul li a:visited { width:185px; height:21px; line-height:21px; margin-bottom:1px; text-indent:20px; display:block; overflow:hidden; } #left_col ul.nav ul li a:hover { } #left_col ul.nav ul li a.active { } /*Mitte******************************************************/ #middle_col { width:566px; height:auto; display:block; float:left; overflow:hidden; margin-left:10px; } * html #middle_col { } #middle_col .contentbox_blanko { width:566px; height:auto; display:block; overflow:hidden; } #middle_col .contentbox_head { width:566px; height:36px; display:block; overflow:hidden; background-image: url(../images/contentbox_head.png); background-repeat: no-repeat; } #middle_col .contentbox_body { width:546px; height:auto; display:block; overflow:hidden; background-image: url(../images/contentbox_body.png); background-repeat: repeat-y; padding:0 10px; } #middle_col .contentbox_footer { width:566px; height:36px; display:block; overflow:hidden; background-image: url(../images/contentbox_footer.png); background-repeat: no-repeat; margin-bottom:1em; } #middle_col .contentbox_head h2 { line-height:36px; text-align:center; } *html #middle_col .contentbox_head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbox_head.png', sizingMethod='scale'); background:none; } *html #middle_col .contentbox_body { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbox_body.png', sizingMethod='scale'); background:none; } *html #middle_col .contentbox_footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbox_footer.png', sizingMethod='scale'); background:none; } /*Angebote*/ #middle_col div.artoffer { width:582px; display:block; overflow:hidden; margin-bottom:1em; } #middle_col div.artoffer div.artbox { width:191px; height:auto; display:block; overflow:hidden; float:left; } #middle_col div.artoffer div.artboxhead { width:183px; height:36px; display:block; overflow:hidden; float:left; background: url(../images/offerbox_head.png) no-repeat center; } #middle_col div.artoffer div.artboxbody { width:183px; height:auto; display:block; overflow:hidden; float:left; background: url(../images/offerbox_body.png) repeat-y center; } #middle_col div.artoffer div.artboxfoot { width:183px; height:36px; display:block; overflow:hidden; float:left; background: url(../images/offerbox_footer.png) no-repeat center; } *html #middle_col div.artoffer div.artbox { margin:0; } *html #middle_col div.artoffer div.artboxhead { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/offerbox_head.png', sizingMethod='none'); background:none; } *html #middle_col div.artoffer div.artboxbody { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/offerbox_body.png', sizingMethod='scale'); background:none; } *html #middle_col div.artoffer div.artboxfoot { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/offerbox_footer.png', sizingMethod='none'); background:none; } #middle_col div.artoffer div.artboxhead h3 { line-height:39px; text-align:center; } #middle_col div.artoffer div.artboxbody p { text-align:center; margin:.2em 5px; } #middle_col div.artoffer div.artboxfoot p { text-align:center; line-height:27px; } #middle_col div.artoffer div.artboxfoot p a { margin:0 1em; font-weight:bold; text-decoration:none;} /*Artikelliste*/ #middle_col div.artliste { width:562px; display:block; overflow:hidden; margin-top:.5em;} #middle_col div.artliste div.row { width:562px; display:block; overflow:hidden; } #middle_col div.artliste div.row { width:535px; display:block; overflow:hidden; } #middle_col div.artliste div.col1 { width:170px; display:block; overflow:hidden; float:left; } #middle_col div.artliste div.col2 { width:350px; display:block; overflow:hidden; float:right; } #middle_col div.artliste div.actions { width:360px; height:27px; display:block; overflow:hidden; margin-bottom:.5em; } #middle_col div.artliste div.actions P { line-height:23px; } #middle_col div.artliste div.actions span.actions_left { float:left; } #middle_col div.artliste div.actions span.actions_right { float:right; margin-right:1em; } #middle_col div.artliste div.actions span.actions_left a, #middle_col div.artliste div.actions span.actions_left a:visited { display:block; padding:0 .5em; text-align:center; margin:0; float:left; margin-right:1em; } #middle_col div.artliste div.actions span.actions_right a, #middle_col div.artliste div.actions span.actions_right a:visited { display:block; padding:0 .5em; text-align:center; margin:0; } #middle_col div.artliste div.actions span.actions_right a:hover { } #middle_col div.artliste ul { margin: 0 5px; } #middle_col div.artliste ul li { padding:2px 0; } #middle_col div.artliste h3 { margin-bottom:.2em; } #middle_col div.artliste a, #middle_col div.artliste a:visited { margin:0 1em; } #middle_col div.artliste a.readon, #middle_col div.artliste a.readon:visited { } #middle_col div.artliste hr { display:block; overflow:hidden; height:1px; border: 0px; border-bottom:1px solid #999; margin:1em 0; } /*Artikeldetails*/ #middle_col div.artdetails { width:562px; display:block; overflow:hidden; margin-top:.5em; } #middle_col div.artdetails div.row { width:562px; display:block; overflow:hidden; } #middle_col div.artdetails div.col1 { width:230px; display:block; overflow:hidden; float:left; } #middle_col div.artdetails div.col2 { width:330px; display:block; overflow:hidden; float:right; } #middle_col div.artdetails ul { margin: 5px; } #middle_col div.artdetails ul li { padding:1px 0; } #middle_col div.artdetails a, #middle_col div.artdetails a:visited { margin:0; } #middle_col div.artdetails ul li a, #middle_col div.artdetails ul li a:visited { height:23px; line-height:23px; width:130px; display:block; padding:0 .5em; text-align:center; text-decoration:none; } #middle_col div.artdetails ul li a:hover { } /*Rechts******************************************************/ #right_col { width:177px; height:auto; display:block; float:right; overflow:hidden; margin-right:11px; } *html #right_col { margin-right:5px; } .menuboxR_head { width:100%; height:36px; display:block; overflow:hidden; background: url(../images/menuboxR_header.png) no-repeat; } .menuboxR_body { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/menuboxR_body.png) repeat-y; } .menuboxR_footer { width:100%; height:11px; display:block; overflow:hidden; background: url(../images/menuboxR_footer.png) no-repeat; margin-bottom:1em; } .menuboxR_head h2 { line-height:36px; margin-left:11px; } /*IE6*/ *html .menuboxR_head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_header.png', sizingMethod='none'); background:none; } *html .menuboxR_body { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_body.png', sizingMethod='scale'); background:none; } *html .menuboxR_footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_footer.png', sizingMethod='none'); background:none; } #right_col a { text-decoration:none; font-weight:normal; } #right_col p, #right_col ul { margin:0 5px; margin-left:11px; } /*Icons *****************************************************************/ .myshop { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_myshop.jpg) 20px 0 no-repeat; } .basket { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_basket.jpg) 20px 0 no-repeat; } .rezept { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_rezept.jpg) 20px 0 no-repeat; } .katalog { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_katalog.jpg) 20px 0 no-repeat; } .bonus { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_bonus.jpg) 20px 0 no-repeat; } .service { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_service.jpg) 20px 0 no-repeat; } .hotline { width:100%; height:auto; display:block; overflow:hidden; background: url(../images/icon_hotline.jpg) 20px 0 no-repeat; } /*Footer*****************************************************************/ #footer { width:984px; height:43px; display:block; overflow:hidden; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; margin:0 auto; } #footer p.infos { margin-top:20px; text-align:center; } #footer p.infos a { margin:0 0.5em; } .cls { clear: both; } .button { background-color:#B5A773; border:1px solid #95A2B0; color:#ffffff; cursor:pointer; font-size:11px; margin:0; padding:2px 3px; font-weight:bold; } .button:hover { background-color:#999999; color:#fff; border:1px solid #95A2B0; } .button:focus { border:1px solid #ffffff; } .borange { background-color:#B5A773; } .borange:hover { background-color:#B5A773; } .text { background-color:#fff; border:1px solid #CCD7E2; color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; height:120px; padding:7px 0 0 5px; width:400px; } .text:hover { border:1px solid #95A2B0; } .text:focus { border:1px solid #B5A773; } .selectbox { background-color:#fff; border:1px solid #CCD7E2; color:#000; font-size:11px; padding:4px; } .selectbox:hover { border:1px solid #95A2B0; } .selectbox:focus { border:1px solid #B5A773; } .textbox { background-color:#fff; border:1px solid #CCD7E2; color:#000; font-size:11px; height:18px; padding:5px 0 0 5px; } .textbox:hover { border:1px solid #95A2B0; } .textbox:focus { border:1px solid #B5A773; } .fehler { background-color:#DF1B1B; border:1px solid #C3C4C0; color:#000; font-size:11px; } .textfehler { border:1px solid #FF0000; padding:5px; } .textfehler ul li{ margin-left:30px; list-style-type:disc; } .textok { border:1px solid #80929D; padding:5px; } .sternchen { color:#DF1B1B; padding-left:1px; } label { cursor:pointer; font-weight:bold; } #search-results { background:#7c185a ; border:0px solid; position:absolute; margin-top:22px; text-align:left; margin-left:53px; width:250px; color:#000; } #ls { background:#FFF; border:1px solid; width:250px; } #li_ls_1 { background-color:#999999; color:#fff; list-style-image:none; list-style-type:none; } #li_ls_2 { background-color:#FFF; list-style-image:none; list-style-type:none; } #li_ls_2 a{ text-decoration:none; } #ls_highlight { background-color:#999999; color:#fff; list-style-image:none; list-style-type:none; } #middle_col a.prodinfo { background-color:#B5A773; color:#fff; display:block; padding:5px 3px; text-align:center; text-decoration:none; width:160px; border:1pt solid #C3C4C0; } #middle_col a.prodinfo:hover { background-color:#999999; color:#fff; display:block; padding:5px 3px; text-align:center; text-decoration:none; width:160px; font-weight:bold; border:1px solid #C3C4C0; } .artliste_pager { line-height:2em; text-align:right; padding:0; } .artliste_pager a, .artliste_pager a:visited { background-color:#B5A773 ; height:2em; color:#fff; margin-left:1px; padding:0 1em; display:inline-block; text-decoration:none; border:1px solid #C3C4C0; } .artliste_pager b { background-color:#999999 ; height:2em; margin-left:1px; padding:0 1em; display:inline-block; color:#fff; border:1px solid #000; } .artliste_pager a:hover { background-color:#999999; font-weight:bold; color:#fff; border:1px solid #000 ; } .box_content_register { border-left:1px solid #E9E9EA; border-right:1px solid #E9E9EA; background:#F1F1F1; } .box .r3_register{ margin: 0 2px; background:#F1F1F1; } .box .top .r4_register, .box .bottom .r4_register{ margin: 0 1px; height: 2px; background:#F1F1F1; } .bestellschritt_aktiv{ text-align:center; font-weight:bold; } .bestellschritt{ text-align:center; } /*Rechts unten******************************************************/ #right_col_bottom { width:177px; height:auto; position:relative; overflow:hidden; margin-right:11px;left:793px;bottom:35px;} *html #right_col_bottom { margin-right:5px; } /*Links unten******************************************************/ #right_col_bottom2 { width:177px; height:auto; position:relative; overflow:hidden; margin-right:11px;right:-90px;bottom:50px;} *html #right_col_bottom { margin-right:5px; }