/*Standards *************************************************/ *, div { margin:0; padding:0; } html { height:100%; } body { width:100%; margin: 0; padding: 0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #e0f2e3 url(../images/body_bg.jpg) repeat-x; } input {position:relative;} a {position:relative;} textarea {position:relative;} /*Breite und Lage*/ #sitebody { width:990px; height:auto; display:block; overflow:hidden; margin:0 auto; } /*Header *************************************************/ #header { width:100%; height:163px; display:block; overflow:hidden; background: url(../images/header_bg.jpg); } /*Reiter*/ #head1 { width:100%; height:27px; display:block; float:left; overflow:hidden; } #head1 p.topnav { display:block; float:right; margin-right:15px; line-height:38px; } #head1 p.topnav a, #head1 p.topnav a:visited { height:38px; padding:0 5px; } #head1 p.topnav a:hover { } #to_home { position:relative;top:10px;left:50%; } #inner_to_home { position:absolute;left:-480px;background-color:transparent;width:660px;height:150px;cursor:pointer } /*IE6*/ *html #head1 p.topnav { margin-right:7px;} *html #head1 a, *html #head1 a:visited { } /*Suche und Warenkorb*/ #head2 { width:100%; height:27px; float:left; display:block; overflow:hidden; margin-top:52px; } *html #head2 { } /**/ #head3 { } *html #head3 { } /*Breadcrumb*/ #head3 p.pathway { line-height:21px; width:600px; float:left; } #head3 p.pathway span.here { margin-right:1em; } #head3 p.pathway span.path { } form#login {} form#search { border:none; border:0px; margin:0px; padding:0; margin-top:0px; margin-right:18px; float:right; } form#login input, form#search input { margin-bottom:5px; } input#searchbox { width:155px; margin-right:9px; height:27px; background:none; border:0; padding-top:.5em; } input#searchbutton { width:64px; height:25px; background:none; border:0px; font-weight:bold; color:#fff; } input#username { } input#passwort { } form#search p { float:left; line-height:27px; } form#search input { } *html form#search { margin-right:9px; } /*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/sitebodyheader_bg.jpg) no-repeat; } #contentbody_header div.tabse { margin-top:4px; margin-left:15px; width:100%; height:140px; display:block; overflow:hidden; } a#cat1, a#cat1:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat1.jpg) no-repeat; float:left; margin-right:7px; } a#cat1:hover { background: url(../images/cat1_hover.jpg) no-repeat; } a#cat2, a#cat2:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat2.jpg) no-repeat; float:left; margin-right:7px;} a#cat2:hover { background: url(../images/cat2_hover.jpg) no-repeat; } a#cat3, a#cat3:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat3.jpg) no-repeat; float:left; margin-right:7px;} a#cat3:hover { background: url(../images/cat3_hover.jpg) no-repeat; } a#cat4, a#cat4:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat4.jpg) no-repeat; float:left; margin-right:7px;} a#cat4:hover { background: url(../images/cat4_hover.jpg) no-repeat; } a#cat5, a#cat5:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat5.jpg) no-repeat; float:left; margin-right:7px;} a#cat5:hover { background: url(../images/cat5_hover.jpg) no-repeat; } a#cat6, a#cat6:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat6.jpg) no-repeat; float:left; margin-right:7px;} a#cat6:hover { background: url(../images/cat6_hover.jpg) no-repeat; } a#cat7, a#cat7:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat7.jpg) no-repeat; float:left; margin-right:7px;} a#cat7:hover { background: url(../images/cat7_hover.jpg) no-repeat; } a#cat8, a#cat8:visited { width:114px; height:140px; display:block; overflow:hidden; background: url(../images/cat8.jpg) no-repeat; float:left; margin-right:7px;} a#cat8:hover { background: url(../images/cat8_hover.jpg) no-repeat; } /*Links *************************************************/ #left_col { width:182px; height:auto display:block; float:left; overflow:hidden; margin-left:10px; margin-top:1em; } * html #left_col { margin-left:6px; } /*Boxen *************************************************/ .menuboxA_head { width:100%; height:34px; display:block; overflow:hidden; background: url(../images/menuboxR_header.png) no-repeat; } .menuboxA_body { width:100%; height:auto; padding:.5em 0; display:block; overflow:hidden; background: url(../images/menuboxR_body.png) repeat-y; } .menuboxA_footer { width:100%; height:9px; display:block; overflow:hidden; background: url(../images/menuboxR_footer.png) no-repeat; margin-bottom:1em; } .menuboxA_head h2 { line-height:34px; margin-left:11px; } /*IE6*/ *html .menuboxA_header { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_header.png', sizingMethod='none'); background:none; } *html .menuboxA_body { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_body.png', sizingMethod='scale'); background:none; } *html .menuboxA_footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_footer.png', sizingMethod='none'); background:none; } .menuboxB_head { width:100%; height:34px; display:block; overflow:hidden; background: url(../images/menuboxL_header.png) no-repeat; } .menuboxB_body { width:100%; height:auto; padding:.5em 0; display:block; overflow:hidden; background: url(../images/menuboxL_body.png) repeat-y; } .menuboxB_footer { width:100%; height:9px; display:block; overflow:hidden; background: url(../images/menuboxL_footer.png) no-repeat; margin-bottom:1em; } .menuboxB_head h2 { line-height:34px; margin-left:11px; } /*IE6*/ *html .menuboxB_header { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxL_header.png', sizingMethod='none'); background:none; } *html .menuboxB_body { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxL_body.png', sizingMethod='scale'); background:none; } *html .menuboxB_footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxL_footer.png', sizingMethod='none'); background:none; } .menuboxC_head { width:100%; height:34px; display:block; overflow:hidden; background: url(../images/menuboxC_header.png) no-repeat; } .menuboxC_body { width:100%; height:auto; padding:.5em 0; display:block; overflow:hidden; background: url(../images/menuboxC_body.png) repeat-y; } .menuboxC_footer { width:100%; height:9px; display:block; overflow:hidden; background: url(../images/menuboxC_footer.png) no-repeat; margin-bottom:1em; } .menuboxC_head h2 { line-height:34px; margin-left:11px; } /*IE6*/ *html .menuboxC_header { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxC_header.png', sizingMethod='none'); background:none; } *html .menuboxC_body { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxC_body.png', sizingMethod='scale'); background:none; } *html .menuboxC_footer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxC_footer.png', sizingMethod='none'); background:none; } #left_col a { text-decoration:none; font-weight:normal; } #left_col p, #left_col ul { width:177px; display:block; overflow:hidden; margin:0 5px; margin-left:10px; display:block; overflow:hidden; } #left_col ul.nav { margin-left:3px;} #left_col ul.nav li { height:21px; line-height:21px; } #left_col ul.nav li a, #left_col ul.nav li a:visited { width:177px; display:block; background:#4ba72c; color:#fff; text-indent:10px; font-weight:bold; } #left_col ul.nav li a:hover { background:#387d21; color:#c6ff00; } #left_col ul.nav li a#active { background:#387d21; color:#c6ff00; font-weight:bold; border-top:1px solid #000; } /**/ #left_col ul.nav ul { width:177px; display:block; overflow:hidden; margin-left:0px; border-bottom:1px solid #c6ff00; background:#387d21;} #left_col ul.nav ul li { } #left_col ul.nav ul li a, #left_col ul.nav ul li a:visited { width:177px; display:block; text-indent:20px; color:#fff; background:#387d21 url(../images/arrow.png) 5px no-repeat; font-weight:normal; } #left_col ul.nav ul li ul li a, #left_col ul.nav ul li ul li a:visited { width:166px; display:block; text-indent:20px; color:#fff; background:#387d21 url(../images/arrow.png) 5px no-repeat; font-weight:normal; } #left_col ul.nav ul li ul li a:hover { width:166px; color:#c6ff00; background: #387d21 url(../images/arrow_hover.png) 5px no-repeat; } #left_col ul.nav ul li a:hover { width:177px; color:#c6ff00; background: #387d21 url(../images/arrow_hover.png) 5px no-repeat; } #left_col ul.nav ul li a.active { } *html #left_col ul.nav ul li a, *html #left_col ul.nav ul li a:visited { display:inline-block; text-indent:15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow.png', sizingMethod='crop'); background:none; } *html #left_col ul.nav ul li a:hover { display:inline-block; text-indent:15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow_hover.png', sizingMethod='crop'); background:none; } *html #left_col ul.nav li a.active { background:#387d21; } /*Mitte******************************************************/ #middle_col { width:588px; height:auto; display:block; float:left; overflow:hidden; margin-left:5px; margin-top:1em; } * html #middle_col { margin-left:7px; } #middle_col .contentbox_blanko { width:588px; height:auto; display:block; overflow:hidden; } #middle_col .contentbox_head { width:588px; height:31px; display:block; overflow:hidden; background-image: url(../images/contentbox_head.png); background-repeat: no-repeat; } #middle_col .contentbox_body { width:568px; 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:588px; height:14px; 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:33px; text-align:center; } #middle_col .contentbox_head h1 { line-height:33px; 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:588px; display:block; overflow:hidden; margin-bottom:1em; } #middle_col div.artoffer div.artbox { width:285px; height:auto; display:block; overflow:hidden; float:left; } #middle_col div.artoffer div.artboxhead { width:285px; height:33px; display:block; overflow:hidden; float:left; } #middle_col div.artoffer div.artboxbody { width:285px; height:auto; display:block; overflow:hidden; float:left;} #middle_col div.artoffer div.artboxfoot { width:285px; height:auto; display:block; overflow:hidden; float:left; } *html #middle_col div.artoffer div.artbox { margin:0; } #middle_col div.artoffer div.artboxhead h3 { line-height:33px; text-align:left; } #middle_col div.artoffer div.artboxbody img { margin:.2em 5px; float:none; } #middle_col div.artoffer div.artboxbody p { text-align:left; margin:.2em 5px; } #middle_col div.artoffer div.artboxfoot p { text-align:left; line-height:23px;} #middle_col div.artoffer div.artboxfoot ul { margin-top:1em; } #middle_col div.artoffer div.artboxfoot li a.btn_mehr, #middle_col div.artoffer div.artboxfoot li a.btn_mehr:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_mehr.png ) no-repeat; } #middle_col div.artoffer div.artboxfoot li a.btn_mehr:hover { } *html #middle_col div.artoffer div.artboxfoot li a.btn_mehr, *html #middle_col div.artoffer div.artboxfoot li a.btn_mehr:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_mehr.png', sizingMethod='scale'); background:none; } #middle_col div.artoffer div.artboxfoot li a.btn_merkzettel, #middle_col div.artoffer div.artboxfoot li a.btn_merkzettel:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_merkzettel.png) no-repeat; } #middle_col div.artoffer div.artboxfoot li a.btn_merkzettel:hover { } *html #middle_col div.artoffer div.artboxfoot li a.btn_merkzettel, *html #middle_col div.artoffer div.artboxfoot li a.btn_merkzettel:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_merkzettel.png', sizingMethod='scale'); background:none; } #middle_col div.artoffer div.artboxfoot li a.btn_warenkorb, #middle_col div.artoffer div.artboxfoot li a.btn_warenkorb:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_warenkorb.png) no-repeat; } #middle_col div.artoffer div.artboxfoot li a.btn_warenkorb:hover { } *html #middle_col div.artoffer div.artboxfoot li a.btn_warenkorb, *html #middle_col div.artoffer div.artboxfoot li a.btn_warenkorb:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_merkzettel.png', sizingMethod='scale'); background:none; } /*Artikelliste*/ #middle_col .cut { height:31px; } #middle_col div.catimage { width:588px; height:auto; display:block; overflow:hidden; background-image: url(../images/contentbox_body.png); background-repeat: repeat-y; padding:0 } #middle_col div.catimage p { padding:10px; } #middle_col div.artliste { width:568px; display:block; overflow:hidden; margin-top:.5em;} #middle_col div.artliste div.row { width:562px; display:block; overflow:hidden; } #middle_col div.artliste div.col1 { width:100px; display:block; overflow:hidden; float:left; margin-bottom:.5em; margin-right:.5em; } #middle_col div.artliste div.col1 img { margin:.2em 5px; float:none; } #middle_col div.artliste div.col2 { width:285px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artliste div.col3 { width:151px; display:block; overflow:hidden; float:right; margin-bottom:.5em; } #middle_col div.artliste div.actions { width:560px; height:29px; display:block; overflow:hidden; margin-bottom:.5em; } div.actions a.btn_mehr, div.actions a.btn_mehr:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_mehr.png ) no-repeat; float:left; margin-right:5px; } div.actions a.btn_mehr:hover { } *html div.actions a.btn_mehr, *html div.actions a.btn_mehr:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_mehr.png', sizingMethod='scale'); background:none; } div.actions a.btn_merkzettel, div.actions a.btn_merkzettel:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_merkzettel.png) no-repeat; float:left; margin-right:5px; } div.actions a.btn_merkzettel:hover { } *html div.actions a.btn_merkzettel, *html div.actions a.btn_merkzettel:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_merkzettel.png', sizingMethod='scale'); background:none; } div.actions a.btn_warenkorb, div.actions a.btn_warenkorb:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_warenkorb.png) no-repeat; float:left; margin-right:5px; } div.actions a.btn_warenkorb:hover { } *html div.actions a.btn_warenkorb, *html div.actions a.btn_warenkorb:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_warenkorb.png', sizingMethod='scale'); background:none; } div.actions a.btn_back, div.actions a.btn_back:visited { width:148px; height:29px; display:block; overflow:hidden; background: url(../images/btn_back.png) no-repeat; float:left; margin-right:5px; } div.actions a.btn_back:hover { } *html div.actions a.btn_back, *html div.actions a.btn_back:visited { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_back.png', sizingMethod='scale'); background:none; } #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 hr { display:block; overflow:hidden; background:#fff; height:1px; border: 0px; border-bottom:1px solid #999; margin:1em 0; } #middle_col div.artliste a.readon { } /*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:255px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artdetails div.col1 img { margin:.2em 5px; float:none; } #middle_col div.artdetails div.col2 { width:305px; display:block; overflow:hidden; float:right; margin-bottom:.5em; } #middle_col div.artdetails ul { margin: 5px; } #middle_col div.artdetails ul li { padding:1px 0; } #middle_col div.artdetails div.col2 h3 { margin-bottom:.2em; } #middle_col div.artdetails a, #middle_col div.artdetails a:visited { } #middle_col div.artdetails ul li a, #middle_col div.artdetails ul li a:visited { height:23px; line-height:23px; width:90px; padding:0 5px; text-align:center; margin:5px 0; color:#387D21; font-weight:bold; text-decoration:none; } #middle_col div.artdetails ul li a:hover { } #middle_col div.artdetails div.actions { width:560px; height:29px; display:block; overflow:hidden; margin-bottom:.5em; } /*Rechts******************************************************/ #right_col { width:182px; height:auto; display:block; float:right; overflow:hidden; margin-right:10px; margin-top:1em; } *html #right_col { margin-right:6px; } #right_col a { text-decoration:none; font-weight:normal; } #right_col p, #right_col ul { margin:0 5px; margin-left:11px; } /*Footer*****************************************************************/ #footer { width:990px; height:55px; display:block; overflow:hidden; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; margin:0 auto; } #footer p.infos { margin-top:24px; text-align:center; } #footer p.infos a { margin:0 0.5em; } .cls { clear: both; } .selectboxfehler{ background-color:#6CD03C; border: 1px solid #2D7C19; } .textboxfehler{ background-color:#6CD03C; border: 1px solid #2D7C19; } a.prodinfo {background:#BBD3B3;color:#387D21;padding:5px 3px;display:block;width:170px;text-align:center;text-decoration:none;border:1px solid transparent;} a.prodinfo:hover {background:#BBD3B3;color:#000000;padding:5px 3px;display:block;width:170px;text-align:center;text-decoration:none;border:1px dotted black;} a.socialNetwork { background:url("../images/twitter.png") no-repeat scroll 0 0 transparent;display:block;height:46px;line-height:46px;margin-left:20px;padding-left:50px;font-size:15px }