/*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:990px; height:auto; display:block; overflow:hidden; margin:0 auto; } /*Header *************************************************/ #topinfo { width:100%; height:24px; line-height:24px; display:block; float:left; overflow:hidden; text-align:right; } #topinfo p { } #topinfo p a, #topinfo p a:visited { margin: 0 5px; } #topinfo p a:hover { } #header { width:100%; height:120px; display:block; float:left; overflow:hidden; background: url(../images/header_bg.jpg); } /*Reiter*/ #head1 { width:846px; height:120px; display:block; float:left; overflow:hidden; } #head1 .toppic { width:850px; height:100px; display:block; float:left; overflow:hidden; margin-left:5px; } #head1 .topnav { width:100%; height:20px; display:block; float:left; overflow:hidden; margin-left:190px; line-height:20px; } #head1 .topnav a, #head1 .topnav a:visited { height:24px; padding:0 15px; display:block; float:left; border-left:1px solid #fff; } #head1 .topnav a#active, #head1 .topnav a:hover { background:#fff; } /*IE6*/ *html #head1 a, *html #head1 a:visited { } /*Suche und Warenkorb*/ #head2 { width:128px; height:120px; float:right; display:block; overflow:hidden; } *html #head2 { } #head2 .myshop { height:32px; display:block; overflow:hidden; text-align:right; margin-top:41px; } #head2 .basket p { height:20px; line-height:20px; display:block; overflow:hidden; text-align:right; margin-top:6px; } #head2 .basket a { height:20px; line-height:20px; float:right; margin-right:10px; } /*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:27px; line-height:27px; } p.pathway span.here { margin-right:1em; } p.pathway span.path { } form#search { width:180px; margin:0; padding:0; margin-left:10px; margin-bottom:10px; } form#inputForm { width:180px; margin:0; padding:0; margin-left:10px; margin-bottom:10px; } form#login input, form#search input { margin:0; padding:0; } form#inputForm input { margin:0; padding:0; } form#search p { width:170px; height:21px; display:block; overflow:hidden; background: url(../images/searchbox_bg.jpg); } form#inputForm p { width:170px; height:21px; display:block; overflow:hidden; background: url(../images/searchbox_bg.jpg); } input#searchbox { width:150px; height:21px; background:none; border:0px; } input#searchbutton { width:17px; height:21px; background:none; border:0px; } form#search p, form#inputForm p, form#search ul { margin:0; padding:0; } form#inputForm ul { margin:0; padding:0; } form#search input { } form#inputForm input { } select#filter1 { width:150px; height:21px; background:none; border:0px; margin-left:10px; background: url(../images/selectbox_bg.jpg) no-repeat; } select#filter2 { width:150px; height:21px; background:none; border:0px; margin-left:10px; background: url(../images/selectbox_bg.jpg) no-repeat; margin-top:5px; margin-bottom:10px; } *html form#search { margin-left:10px; } *html form#inputForm { margin-left:10px; } /*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; } #contentbody_header { width:100%; height:auto; display:block; float:left; overflow:hidden; } /*Links *************************************************/ #left_col { width:190px; height:auto display:block; float:left; overflow:hidden; margin-right:10px; } *html #left_col { } .sboxL_header { width:100%; height:5px; display:block; overflow:hidden; background:#96bd0d;} .sboxL_body { width:100%; display:block; overflow:hidden; background:#96bd0d; } .sboxL_footer { width:100%; height:5px; display:block; float:left; overflow:hidden; background:#fff; } #left_col ul.filter { width:170px; display:block; float:right; overflow:hidden; margin:0; padding:0; } #left_col ul.filter li { background:#96bd0d; } #left_col ul.themaL { width:190px; display:block; float:left; overflow:hidden; margin:0; padding:0; background:#fff; padding-top:10px; } #left_col ul.themaL li { height:21px; line-height:21px; margin-left:20px; } #left_col ul.themaL li a, #left_col ul.themaL li a:visited { width:170px; height:21px; display:block; overflow:hidden; background:#96bd0d; border-top:1px solid #fff; text-indent:10px; } #left_col ul.themaL li a:hover { background:#dfebb6; } .menuboxL_header { width:160px; margin-left:30px; display:block; overflow:hidden; } .menuboxL_body { width:170px; margin-left:20px; display:block; } .menuboxL_footer { width:170px; margin-left:20px; display:block; overflow:hidden; margin-bottom:10px; } #left_col h2 { margin-left:30px; } #left_col a { text-decoration:none; font-weight:normal; } #left_col p, #left_col ul { } #left_col ul.nav { } #left_col ul.nav li { background-color:#96BC0D } #left_col ul.nav li a, #left_col ul.nav li a:visited { font-weight:bold; width:170px; line-height:21px; border-bottom:1px solid #fff; text-indent:10px; display:block; overflow:hidden;color:#FFFFFF } #left_col ul.nav li a:hover { background-color:#DFEBB6;color:#0C6B2B } #left_col ul.nav li a.active { } /**/ #left_col ul.nav ul { margin-left:0px; } #left_col ul.nav ul li { background-color:#FFFFFF } #left_col ul.nav ul li a, #left_col ul.nav ul li a:visited { font-weight:normal; font-size:11px; width:155px; margin-left:10px; height:17px; line-height:17px; text-indent:10px; display:block; overflow:hidden; background: url(../images/arrow_n.jpg) bottom left no-repeat;color:#0C6B2B } #left_col ul.nav ul li a:hover { background: url(../images/arrow_o.jpg) bottom left no-repeat;color:#000000 } #left_col ul.nav ul li a.active { } #left_col .mboxaL_header { width:170px; height:0px; margin-left:20px; border-top:1px solid #96bd0d; display:block; overflow:hidden; } #left_col .mboxaL_body { width:158px; margin-left:20px; display:block; overflow:hidden; background:#dfebb6; border-left:1px solid #96bd0d; border-right:1px solid #96bd0d; padding:5px; } #left_col .mboxaL_footer { width:170px; height:0px; margin-left:20px; border-top:1px solid #96bd0d; display:block; overflow:hidden; margin-bottom:1em; } #left_col .mboxaL_body h2 { margin:0; margin-bottom:5px; color:#0c6a2b; } #left_col .mboxaL_body p { color:#0c6a2b; } #left_col .mboxaL_body ul { } #left_col .mboxaL_body a { } #left_col .mboxbL_header { width:170px; height:0px; margin-left:20px; border-top:1px solid #0c6a2b; display:block; overflow:hidden; } #left_col .mboxbL_body { width:158px; margin-left:20px; display:block; overflow:hidden; background:#fff; border-left:1px solid #0c6a2b; border-right:1px solid #0c6a2b; padding:5px; } #left_col .mboxbL_footer { width:170px; height:0px; margin-left:20px; border-top:1px solid #0c6a2b; display:block; overflow:hidden; margin-bottom:1em; } #left_col .mboxbL_body h2 { margin:0; margin-bottom:5px; } #left_col .mboxbL_body p { } #left_col .mboxbL_body ul { } #left_col .mboxbL_body a { } /*Mitte******************************************************/ #middle_col { width:643px; height:auto; display:block; float:left; overflow:hidden; } * html #middle_col { } #middle_col .contentbox_head { width:643px; height:21px; display:block; overflow:hidden; background: url(../images/contentbox_header.jpg); background-repeat: no-repeat; } #middle_col .contentbox_body { width:613px; height:auto; display:block; overflow:hidden; background: url(../images/contentbox_body.jpg); background-repeat: repeat-y; padding:10px; padding-left:20px; } #middle_col .contentbox_footer { width:643px; height:4px; display:block; overflow:hidden; background: url(../images/contentbox_footer.jpg); background-repeat: no-repeat; margin-bottom:1em; } #middle_col .contentbox_head h2 { margin-left:22px; line-height:21px; } /*Angebote*/ #middle_col div.artoffer { width:100%; display:block; overflow:hidden; margin-bottom:1em; } #middle_col div.artoffer div.artboxR { width:316px; height:auto; display:block; overflow:hidden; float:right; } #middle_col div.artoffer div.artboxL { width:316px; height:auto; display:block; overflow:hidden; float:left; } #middle_col div.artoffer div.artboxhead { width:316px; height:21px; display:block; overflow:hidden; float:left; background: url(../images/offerbox_header.jpg) no-repeat center; } #middle_col div.artoffer div.artboxbody { width:316px; height:auto; display:block; overflow:hidden; float:left; background: url(../images/offerbox_body.jpg) repeat-y center; } #middle_col div.artoffer div.artboxfoot { width:316px; height:4px; display:block; overflow:hidden; float:left; background: url(../images/offerbox_footer.jpg) no-repeat; } #middle_col div.artoffer div.artboxhead h3 { line-height:21px; text-align:left; margin-left:22px; } #middle_col div.artoffer div.artboxbody p { } #middle_col div.artoffer div.artboxbody ul { } #middle_col div.artoffer div.artboxbody a { } #middle_col div.artoffer div.row { width:286px; display:block; overflow:hidden; padding:10px 10px 0px 20px; } #middle_col div.artoffer div.col1 { width:120px; display:block; overflow:hidden; float:left; } #middle_col div.artoffer div.col2 { width:144px; display:block; overflow:hidden; float:right; } #middle_col div.artoffer div.actions { width:286px; height:21px; display:block; float:left; overflow:hidden; margin-top:.5em; } #middle_col div.artoffer div.actions span.actions_1 { float:left; } #middle_col div.artoffer div.actions span.actions_2 { float:left; margin:0 5px; } #middle_col div.artoffer div.actions span.actions_3 { float:right; margin-right:10px; } /*Artikelliste*/ #middle_col div.artliste { width:643px; display:block; overflow:hidden; padding:0px; } #middle_col div.artliste div.row { width:620px; display:block; overflow:hidden; } #middle_col div.artliste div.col1 { width:120px; display:block; overflow:hidden; float:left; margin-bottom:.5em; margin-right:.5em; } #middle_col div.artliste div.col2 { width:296px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artliste div.col3 { width:155px; display:block; overflow:hidden; float:right; margin-bottom:.5em;margin-right:20px; } #middle_col div.artliste div.actions { width:620px; height:21px; display:block; float:left; overflow:hidden; } #middle_col div.artliste div.actions span.actions_1 { float:left; } #middle_col div.artliste div.actions span.actions_2 { float:left; margin:0 5px; } #middle_col div.artliste div.actions span.actions_3 { float:right; margin-right:48px; } #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 { } #middle_col div.artliste a.readon, #middle_col div.artliste a.readon:visited { } #middle_col div.artliste hr { width:610px; display:block; float:left; overflow:hidden; height:1px; border: 0px; border-bottom:1px solid #96bd0d; margin:.5em 0; } /*Artikeldetails*/ #middle_col div.artdetails { width:643px; display:block; overflow:hidden; } #middle_col div.artdetails div.row { width:623px; 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:390px; 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 { } #middle_col div.artdetails div.actions { width:390px; height:21px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artdetails div.actions span.actions_1 { float:left; margin:0; margin-left:5px;} #middle_col div.artdetails div.actions span.actions_2 { float:left; } #middle_col div.artdetails div.actions span.actions_3 { float:right; margin-right:20px; } /*Rechts******************************************************/ #right_col { width:130px; height:auto; display:block; float:right; overflow:hidden; margin-top:2em; } *html #right_col { } .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:990px; height:21px; display:block; overflow:hidden; margin:0 auto; text-align:center; } #footer p { text-align:center; line-height:21px; } .cls { clear: both; }