/*Standards *************************************************/ *, div { margin:0; padding:0; } html { height:100%; } body { width:100%; margin: 0; padding: 0; color:#333; font-family: Arial, Helvetica, sans-serif, Georgia, Times New Roman ; font-size:14px;} /*Breite und Lage*/ #sitebody { width:988px; height:auto; display:block; overflow:hidden; margin:0 auto; } /*Header *************************************************/ #header { width:100%; height:140px; display:block; overflow:hidden; background: url(../images/header_bg.jpg); } /*Reiter*/ #head1 { width:100%; display:block; float:left; overflow:hidden; } #head1a { width:206px; display:block; overflow:hidden; margin-top:15px; float:left; margin-left:15px; } #head1b { width:190px; display:block; overflow:hidden; margin-top:15px; float:right;} #head1a p.topnav { display:block; } #head1a p.topnav a, #head1a p.topnav a:visited { height:17px; padding:0 5px; width:180px; display:block; float:none; } #head1a p.topnav a:hover { } /*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; } /*Links *************************************************/ #left_col { width:200px; height:auto display:block; float:left; overflow:hidden; margin-left:10px; margin-top:132px; } * html #left_col { margin-left:5px; } /*Boxen *************************************************/ .menuboxA_head { width:100%; height:36px; display:block; overflow:hidden; background: url(../images/menuboxR_header.png) no-repeat; } .menuboxA_body { width:100%; height:auto; padding:.7em 0; display:block; overflow:hidden; background: url(../images/menuboxR_body.png) repeat-y; } .menuboxA_body p { padding:0 .5em; } .menuboxA_footer { width:100%; height:23px; display:block; overflow:hidden; background: url(../images/menuboxR_footer.png) no-repeat; margin-bottom:1em; } .menuboxA_head h2 { line-height:36px; text-align:center; margin-top:6px; } /*IE6*/ *html .menuboxA_head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxR_header.png', sizingMethod='none'); background:none; } *html .menuboxA_body { width:200px; 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; } .menuboxC_head { width:100%; height:36px; 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_body p { padding:0 .5em; } .menuboxC_footer { width:100%; height:23px; display:block; overflow:hidden; background: url(../images/menuboxC_footer.png) no-repeat; margin-bottom:1em; } .menuboxC_head h2 { line-height:36px; text-align:center; margin-top:6px;} /*IE6*/ *html .menuboxC_head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menuboxC_header.png', sizingMethod='none'); background:none; } *html .menuboxC_body { width:190px; 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:170px; display:block; padding:0 .5em;} #left_col ul.nav { margin-left:3px; display:block; display:block; } #left_col ul.nav li { } #left_col ul.nav li a, #left_col ul.nav li a:visited { width:170px; height:21px; line-height:21px; display:block; overflow:hidden; color:#888; text-indent:10px; font-weight:bold; border-bottom:1px dotted #888; } #left_col ul.nav li a:hover { color:#000; border-bottom:1px solid #000; } #left_col ul.nav li a#active { color:#000; font-weight:bold; border-bottom:1px solid #000; } /**/ #left_col ul.nav ul { width:170px; display:inline-block; overflow:hidden; margin-left:0px; padding:0;} #left_col ul.nav ul li { } #left_col ul.nav ul li a, #left_col ul.nav ul li a:visited { width:170px; height:19px; line-height:19px; display:block; overflow:hidden; text-indent:15px; color:#888; font-weight:normal; } #left_col ul.nav ul li a:hover { width:170px; color:#000; } #left_col ul.nav ul li a.active { color:#000; } *html #left_col ul.nav ul { display:inline-block; } *html #left_col ul.nav ul li a, *html #left_col ul.nav ul li a:visited { height:19px; text-indent:15px; } *html #left_col ul.nav ul li a:hover { height:19px; text-indent:15px; } *html #left_col ul.nav li a.active {} /*Mitte******************************************************/ #middle_col { width:550px; height:auto; display:block; float:left; overflow:hidden; margin-left:5px; margin-top:132px; } * html #middle_col { margin-left:7px; } #middle_col .contentbox_blanko { width:550px; height:auto; display:block; overflow:hidden; } #middle_col .contentbox_head { width:550px; height:27px; display:block; overflow:hidden; background:#007cc3; } #middle_col .contentbox_head h2 { line-height:27px; text-align:center; } #middle_col .contentbox_body { width:550px; height:auto; display:block; overflow:hidden; } #middle_col .contentbox_footer { width:550px; height:14px; display:block; overflow:hidden; } /*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:27px; 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; } /*Artikelliste*/ #middle_col div.artliste { width:550px; display:block; overflow:hidden; margin-top:.5em;} #middle_col div.artliste div.row { width:550px; display:block; overflow:hidden; } #middle_col div.artliste div.col1 { width:0px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artliste div.col2 { width:400px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artliste div.col3 { width:150px; display:block; overflow:hidden; float:right; margin-bottom:.5em; } #middle_col div.artliste div.actions { width:550px; height:36px; display:block; overflow:hidden; margin-bottom:.5em; } #middle_col div.artliste ul {} #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:550px; display:block; overflow:hidden; margin-top:.5em; } #middle_col div.artdetails div.row { width:550px; display:block; overflow:hidden; } #middle_col div.artdetails div.col1 { width:0px; display:block; overflow:hidden; float:left; margin-bottom:.5em; } #middle_col div.artdetails div.col1 img {} #middle_col div.artdetails div.col2 { width:550px; 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; margin: 5px; } #middle_col div.artdetails ul li p { text-align:justify;} #middle_col div.artdetails a, #middle_col div.artdetails a:visited { } #middle_col div.artdetails 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; } /*Rechts******************************************************/ #right_col { width:200px; height:auto; display:block; float:right; overflow:hidden; margin-right:5px; } *html #right_col { margin-right:4px; } #zeitungsbox { width:175px; height:381px; float:left; display:block; overflow:hidden; margin-left:1px; background: url(../images/zeitungen.png) no-repeat; } #zeitungsbox p.zeitungnav { display:block; overflow:hidden; margin-top:55px;} #zeitungsbox p.zeitungnav a, #zeitungsbox p.zeitungnav a:visited { margin-left:25px; margin-bottom:63px; height:17px; padding:0 5px; width:150px; display:block; float:none; } #zeitungsbox p.zeitungnav a:hover { } *html #zeitungsbox { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zeitungen.png', sizingMethod='none'); background:none; margin-left:2px; } #right_col a { text-decoration:none; font-weight:normal; } #right_col p, #right_col ul { margin:0 5px; margin-left:11px; } /*Footer*****************************************************************/ #footer { width:988px; height:44px; display:block; overflow:hidden; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; margin:0 auto; } #footer p.infos { display:block; margin-top:15px; text-align:center; } #footer p.infos a { margin:0 0.5em; } .cls { clear: both; }