body { margin:0; padding:0; font-size: 80%; font-family: Verdana,Arial,Helvetica; background-color: #FFFFFF; color: #6B6B6B; border:0; }

form, fieldset { border:0; margin:0; padding:0; }
img { border:0; }

.visDiv { display:block; }
.invDiv { display:block; visibility:hidden; }
.hidDiv { display:none; }

#outer { width: 935px; padding:15px 0; position: relative; top: 0; margin: 0 auto; }
#headr { height: 157px; margin:0; padding:0; color: #FFFFFF; background-repeat: no-repeat; background-position: bottom left; }
#mnav { color: #7E4E1F; font-size: 80%; margin:0; padding:0; text-align:right; width: 128px; position: absolute; top:15px; right: 18px; line-height: 150%; }

.bc { font-size: 80%; margin: 0 5px; padding:5px 0; }
.bc a, .bc a:link, .bc a:active, .bc a:visited { color: #6B6B6B; text-decoration: none; }
.bc a:hover { color: #6B6B6B; text-decoration: underline; }

#srch { position: absolute; top: 140px; right: 18px; font-size: 90%; width: 315px; height: 21px; }
#srch label { text-transform: uppercase; }
#srch input  { font-size: 100%; }
#srch select { font-size: 100%; width: 126px; margin: 0 4px; }

#mainnav { height: 46px; position: absolute; top: 82px; left:0; background-image: url(/img/page/mainnav_bg.gif); background-repeat: repeat-x; background-position: bottom left; }
#mainnav div.slogan { float:left; position:absolute; top:0; left:0; }
#mainnav ul { height: 46px; width: 619px; font-size: 100%; list-style-type: none; margin:0; padding: 0 0 0 316px; background-image: url(/img/page/mainnav_1.gif); background-repeat: no-repeat; background-position: bottom right; }
#mainnav ul li { float: left; width: 102px; margin:0; padding:25px 0 0 0; text-align: center; }

#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:active, #mainnav ul li a:visited, #mainnav ul li a:hover { color: #767676; text-decoration: none;}
#mainnav ul li.sel a, #mainnav ul li.sel a:link, #mainnav ul li.sel a:active, #mainnav ul li.sel a:visited, #mainnav ul li.sel a:hover { color: #FFFFFF; text-decoration: none;}


#content { margin:0; padding:0; background-image: url(/img/page/content_bg.gif); background-repeat: repeat-y; }

.ac { font-size:80%; }

#col1 { float:left; width: 192px; padding: 18px 15px 0 22px; font-size: 100%; }
#col1 ul { margin:0 0 20px 0; padding:0; list-style-type: none; }
#col1 ul li { margin:0; padding:0 0 1px 7px; font-weight: normal; }
#col1 ul li.sel { margin:0; padding:0 0 1px 7px; font-weight: bold; background-image: url(/img/page/col1_sel_bg.gif); background-repeat: no-repeat; }
#col1 ul li ul { margin:0; padding:0 0 1px 7px; }
#col1 h1 { margin:0 3px 10px 5px; padding:0; font-size: 110%; color: #7E4E1F; border-width: 0 0 1px 0; border-style: solid; border-color: #7E4E1F; font-weight: normal; }
#col1 p { font-size: 80%; margin:0; padding:0 0 0 6px; }
#col1 ol { font-size: 80%; margin: 0; padding:10px 0 0 32px; list-style: decimal-leading-zero; }
#col1 ol li { margin:0; padding:0 0 8px 0; font-weight: normal; }
#col1 ol li em { display:block; font-style: normal; font-weight: bold; color: #7E4E1F; text-align: right; padding:0 0 2px 0; margin:0; line-height: 100%; }

#col2 { float:left; width: 440px; margin:0; padding: 18px 0 18px 16px; height: 100%; }
#col2 h1 { color: #7E4E1F; font-size: 130%; margin:5px 0 0 15px; padding:0; line-height: 120%; }
#col2 p { line-height: 150%; }
#col2 h2 { color: #7E4E1F; font-size: 120%; margin:2px 0 2px 0; padding:0; line-height: 110%; }
#col2 h3 { color: #7E4E1F; font-size: 110%; margin:2px 0 2px 0; padding:0; line-height: 110%; font-weight: normal; }
#col2 h4 { color: #7E4E1F; font-size: 110%; margin:15px 0 2px 5px; padding:0; line-height: 110%; font-weight: bold; }
#col2 h5 { background-color: #7E4E1F; color:#FFFFFF; font-size: 110%; margin:5px 0 0 -5px; padding:5px 5px 5px 10px; line-height: 110%; font-weight: bold; }

#col2 ul { margin:0; padding:0 0 0 30px; font-size: 100%; }
#col2 ul li { margin:0; padding:2px 0; font-size: 100%; }


#col2 div.article h2 { margin-left: 15px; }
#col2 div.article h3 { margin-left: 15px; }
#col2 div.article p { margin-left: 15px; }
#col2 div.article { margin-bottom: 15px; }

#col3 { overflow: visible; float:right; padding:0 20px 0 0; margin:18px 0 0 0; width: 219px; height: 250px; }

#cart { font-size: 70%; overflow: visible; width: 216px; position: absolute; top:211px; left: 700px; padding:0 0 15px 0; margin:0; background-image: url(/img/page/cart_bg.gif); background-repeat: no-repeat; background-position: bottom left; z-index:1; }
#cart h1 { font-size: 170%; letter-spacing: -1px; text-transform: uppercase; padding: 48px 0 20px 20px; margin:0; width: 196px; background-image: url(/img/page/cart_h1_bg.gif); }
#cart table { margin: 0 8px; padding:0; width: 200px; }
#cart table td { padding: 0 0 0 15px; vertical-align: top; border-width: 0 0 1px 0; }
#cart table td.pr { font-weight: bold; vertical-align: top; text-align:right; padding: 0 13px 0 0; }
#cart table tr.sum { font-weight: bold; height: 29px; background-color: #EBEBEB; }
#cart table tr.sum td { vertical-align: middle; }
#cart table td.r { vertical-align: top; text-align:right; padding: 0 13px 15px 0; }

#cart hr { border-width: 0 0 1px 0; border-color: #EBEBEB; border-style: solid; height: 1px; }
#cart a.butt, #cart a.butt:active, #cart a.butt:visited, #cart a.butt:hover { width: 151px; height: 30px; margin: 5px 33px 10px 32px; text-align:center; font-size: 130%; font-weight: bold; line-height: 30px; display: block; background-image: url(/img/page/button_bg.gif); background-repeat: no-repeat; }

.box3 {  width: 179px; min-height: 195px; font-size: 80%; overflow: visible; padding:20px 20px 15px 20px; margin:0; background-image: url(/img/page/box_bg.gif); background-position: top right; background-repeat: no-repeat; }
.box3 h1 { font-size:120%; margin:0 0 10px 0; padding:0; }
.box3 p { margin:0; padding:0; }

#cnav { color: #7E4E1F; font-size: 80%; margin:0; padding:0; text-align:center; }

#footr { line-height: 120%; height: 30px; margin:0; padding: 30px 0 8px 0; background-image: url(/img/page/footr_bg.gif); background-repeat: no-repeat; text-align: center; font-size: 80%; color: #B5B5B5; }

a, a:link, a:active, a:visited { color: #6B6B6B; text-decoration: none; }
a:hover { color: #6B6B6B; text-decoration: underline; }

.cll { margin:0; padding:0; visibility: hidden; height: 0; width: 0; line-height: 0; font-size:0; clear: left;  }
.clr { margin:0; padding:0; visibility: hidden; height: 0; width: 0; line-height: 0; font-size:0; clear: right; }
.clb { margin:0; padding:0; visibility: hidden; height: 0; width: 0; line-height: 0; font-size:0; clear: both;  }

.lprod { float:left; width: 189px; margin: 14px 21px 0 0; padding: 0 0 10px 15px; }
.rprod { float:left; width: 189px; margin: 14px 0 0 0; padding: 0 0 10px 15px; }

.rprodl { height:1px; margin:10px 0 0 0; padding: 0; border-width: 0 0 1px 0; border-style: solid; border-color: #7E4E1F; line-height:0; }
.lprodl { height:1px; margin:10px 0 0 0; padding: 0; border-width: 0 0 1px 0; border-style: solid; border-color: #7E4E1F; line-height:0; }


.lprodl p, .lprod p, .rprodl p, .rprod p { line-height: 100%; margin: 3px 0 0 0; height: 68px; }
.lprodl img, .lprod img, .rprodl img, .rprod img { float:left; margin: 8px 8px 8px 0; }

.err { font-weight: bold; color: #FC0000; }

.mi { line-height: 150%; padding: 2px 0 3px 20px; color: #7E4E1F; font-size: 120%; }
a.mi, a.mi:link, a.mi:active, a.mi:visited, a.mi:hover { color: #7E4E1F; text-decoration: none; font-size:100%; background-image: url(/img/page/i_0.gif); background-repeat: no-repeat; }

p.mi { float:right; white-space: nowrap; margin-top: 10px; }
p.mi img { padding: 0 3px 0 0; }

.med { margin:0 0 0 15px; padding: 0 0 0 0; }
.medl { float:left; margin: 0 0 0 15px; padding: 0 10px 5px 0; }
.medr { float:right; margin: 0; padding: 0 0 5px 10px; }

.med p, .medl p, .medr p { font-size: 80%; color: #FFFFFF; padding: 2px 2px 0 2px; margin:0; }
.med img, .medl img, .medr img { padding:0; line-height: 0; margin: 15px 0 0 0; }

.med a, .med a:link, .med a:active, .med a:visited { text-decoration: none; }
.medl a, .medl a:link, .medl a:active, .medl a:visited { text-decoration: none; }
.medr a, .medr a:link, .medr a:active, .medr a:visited { text-decoration: none; }

.thm { float:left; margin: 0 0 0 15px; padding: 0 10px 5px 0; }

.prodz .lcol { width: 220px; float:left; line-height: 150%; }
.prodz .rcol { width: 205px; float:left; margin: 15px 0 0 15px; line-height: 150%; }

.prodz .lcol p { margin: 0 0 0 15px; }

.gr { background-color: #F6F6F6; margin: 15px 0 0 0; padding: 5px 15px 15px 0; font-size: 90%; }
.sld { float:right; margin: 0 0 5px 4px; }

.gr p { font-size: 120%; padding-top: 8px; }

address { font-style:normal; }

.prodz table { margin: 5px 0 0 15px; }
.prodz table.addr td { vertical-align: top; }

#subscribe #j_Name, #subscribe #j_Email { font-size: 90%; width: 105px; background-color: #B9B9B9; border:0; color: #484848; margin: 0 3px 2px 0; padding: 2px 2px 2px 5px; }
#subscribe fieldset { padding: 5px 0 10px 5px; }

#login fieldset  { padding: 5px 3px 10px 5px; }
#login label { width: 50px; float:left; margin: 2px 0; font-size: 80%; padding: 2px 0; }
#login #UserID, #login #Passwd { width: 100px; float:right; font-size: 90%; background-color: #B9B9B9; border:0; color: #484848;  padding: 2px 2px 2px 5px; }

input.but { font-size: 80%; border:0; padding: 2px; color: #FFFFFF; }

input.mng { width: 30px; padding: 1px 4px 1px 0; font-size: 11px; border: 1px solid #727272; text-align: right; }
#p_add label { font-weight: bold; }

#warenliste table { font-size:90%; }
#warenliste td { padding: 0 3px; vertical-align: top; }
#warenliste th { padding: 3px; text-align: left; }

#registrieren label { clear:left; width: 200px; display:block; float:left; }
#registrieren input, select { float:left; }
#registrieren input.t { width: 198px; padding-left:2px; }
#registrieren select.t { width: 204px; }
#registrieren #submit { clear:left; }
#registrieren p { padding: 6px 5px; }

#feedback { margin-left: 15px; }
#feedback p { padding: 5px 0; margin:0;}
#feedback input { width: 300px; }
#feedback textarea { width: 300px; height:160px; }
#feedback input.but { margin:0px; }

#pfeature label { clear:left; width: 180px; display:block; float:left; }
#pfeature { margin-left: 15px; }
#pfeature p { padding: 5px 0; margin:0;}
#pfeature input { width: 200px; }
#pfeature textarea { width: 380px; height:100px; }
#pfeature input.but { margin:0px; }

#subscribe_main, #forgot_password { margin-left: 15px; }



.progress img { float:left; }

optgroup { padding: 0; margin: 10px 0 5px 0; font-style: normal; background-color: #C0C0C0; }
optgroup option { padding:0 0 0 10px; background-color: #FFFFFF; }

.nlt { margin: 15px 10px 5px 0; float:left; }

.nlarticle { font-size: 90%; }

.promo_o { width: 226px; height: 170px; }
.promo_i1 { padding: 40px 11px 5px 0; text-align:right; background-image: url(/img/page/promo_frame_top.gif); background-position: top; background-repeat: no-repeat; }
.promo_i2 { background-position: top; background-repeat: no-repeat; width: 226px; height: 91px; overflow:hidden; }

.promo_i1 { color: #7E4E1F; font-size: 80%; }
.promo_i1 a, .promo_i1 a:link, .promo_i1 a:active, .promo_i1 a:visited { color: #7E4E1F; text-decoration: none; }
.promo_i1 a:hover { color: #7E4E1F; text-decoration: underline; }