html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; font-size: 0px; line-height: 0px; visibility: hidden; }
.clearfix {display: inline-block;} /* for IE/Mac */
body,html { text-align: center; background:url("../images/78.gif") repeat scroll 0 0 #003E22; color:#FFFFFF; font-family:Verdana,Tahoma,Arial,sans-serif; font-size:10px; margin:0; padding:0; }
.clear { clear: both; font-size: 0px; height: 0px }
a { text-decoration: none}
#main { margin: auto; width: 788px; overflow: hidden; padding: 0 4px 0 3px; position: relative; background: url(../images/new_bg.png) repeat-y }
#top { width: 788px; height: 105px; position: relative; background: url(../images/new_top.jpg) no-repeat }
#logo { position: absolute; top: 0px; left: 1px }
#logo img { display: block }
#suchen { position: absolute; right: 10px; top: 29px; width: 105px; font-size: 10px }
#suchen label { width: 75px; text-align: center; color: #e0c38d; float: left; text-transform: uppercase; font-weight: bold; padding-bottom: 5px}
#suchen input { border: 0; background: transparent }
#suchen .inp { width: 70px; padding: 0 5px 0 5px; float: left; color: #000; font-size: 11px }
#suchen .sub { width: 25px; padding-top: 8px; float: right; height: 25px; margin-top: -6px; cursor: pointer}
#menu1 { right: 160px; top: 50px; color: #e0c38d }
#menu1 a { color: #e0c38d }
#menu1 a:hover { color: #fff }
#menu2 { right:10px; top: 72px; color: #5ccb99 }
#menu2 a { color: #5ccb99 }
#menu2 .korb a { background: url(../images/korb.gif) no-repeat right; padding-right: 25px }
#path { left: 12px; top: 92px; color: #5ccb99 }
#path a { color: #5ccb99 }
.menu { position: absolute; }
.menu li { display: inline; }
.menu li a { display: inline; padding-right: 6px; text-transform: uppercase; }
.menu li a:hover { color: #ffffff }
.menu li img { margin: 0 4px 0 2px }
#middle { width: 774px; float: left; position: relative; border-left: 2px solid #168553; border-right: 2px solid #168553; background: url(../images/hin101.jpg) repeat-x}
#middle.bg { background: url(../images/background.jpg) no-repeat }
#produkte { width: 774px; height: 280px; padding: 10px 0 10px 0; position: relative }
#produkte .seg { width: 300px ;width: 250px; float: left }
/* #produkte .prod { width: 232px; color: #002213; font-family: Tahoma; line-height: 10px; overflow: hidden; font-sieze: 9px; text-transpform: uppercase; height: 90px; background: #f1f1f1; margin: 10px 10px 10px 10px; float: left; display: inline; }*/
#produkte .prod { width: 232px; color: #002213; font-family: Tahoma; line-height: 10px; overflow: hidden; font-sieze: 9px; text-transpform: uppercase; height: 90px; background: url(../images/produkte_bg.png) no-repeat; margin: 10px 10px 10px 10px; float: left; display: inline; }
#produkte .r { float: left; width: 110px; height: 70px; padding: 10px 0 10px 5px; text-align: left; background: #f1f1f1 url(../images/hin_ver2.gif) no-repeat left; }
#produkte .prod img { padding: 5px; float: left }
#produkte h4, #produkte h3, #produkte a { width: 130px }
#produkte h4, #produkte h3 { margin-bottom: 3px }
#produkte h4 { font-weight: normal; }
#produkte ul { width: 130px; height:10px; padding: 5px 0 6px 0 }
#produkte .price { font-weight: bold }
#produkte li { float: left; width: 8px; height: 10px; margin-right: 6px }
#produkte .prod a { color: #002213; font-size: 9px }
#produkte #left, #produkte #right { float: left; width: 20px; height: 290px; background: #138150 }
#in_prod { float: left; display: inline; position: relative; overflow: hidden; width: 770px; height: 210px }
#in_prod.p2 { width: 510px; position: relative; }
#inin_prod.p2 { width: 510px; position: absolute }
#inin_prod { width: 770px; height: 3000px; position: absolute; left: 10px; top: 0px }
#simple { width: 764px; height: 293px; padding: 7px 0 0 10px; overflow: hidden }
#big_img { float: left; display: inline; height: 281px; width: 347px; margin-bottom: 10px; border: 3px solid #338f66; overflow: hidden; position: relative; } //width: 347px;
#big_img img { position: absolute; top:0px; left: 0px; display: none }
#img_list { float: left; margin-left: 10px; position: relative; display: inline; height: 265px; width: 40px; padding: 20px 0 0px 0; overflow: hidden; }
#img_list ul { margin-top: 0px; position: absolute; top: 0px; left: 0px; }
#img_list li { border: 3px solid #338f66; display: block; width: 35px; position: relative; height: 35px; margin-bottom: 12px; overflow: hidden; cursor: pointer }
#img_list li img { position: absolute; left: 0px; top: 0px }
#img_list li:hover , #img_list li.selected { border-color:#71cca0 }
#right { margin-left: 30px; display: inline; float: left; width: 328px; height: 295px; overflow: hidden; }
#pane1 { line-height: 15px; text-align: left; width: 318px; padding-right: 10px; height: 194px; overflow: hidden; left: 0px; top: 0px }
#pane1 p { margin-bottom: 15px }
#info { line-height: 15px; text-align: left; float: left; display: inline; width: 328px; padding-top: 4px; margin-top: 10px; height: 92px; overflow: hidden; background: url(../images/right_flash_bg.png) no-repeat }
#short { width:310px; height: 45px; overflow: hidden; color: #E0C38D }
#short li { display: none }
#short li p { height: 45px; display: block }
#price { width:320px; height: 21px; margin-top: 13px; color: #E0C38D; line-height: 20px }
#price ul { float: left; height: 20px; width: 60px; margin-top: 2px }
#price ul li { display: none }
#price .inp { float: left; margin-top: 3px; font-weight: normal; display: inline; margin-left: 10px; border: 1px solid #bccfb1; background: #357859; font-size: 10px; color: #E0C38D; width: 35px; height: 14px; padding: 0px 2px 2px 2px; }
#price .sub { float: right; display: inline; margin-top: 0px; background: url(../images/flash_submit.jpg) no-repeat 0px 4px; cursor: pointer; width: 155px; height: 20px; border: 0px }
#price label { margin-left: 5px; margin-top: 2px; float: left; display: inline; height: 20px; font-weight: bold }
#pane2 { width: 774px; height: 290px; padding: 10px 0 0 0; overflow: hidden; left: 0px; top: 0px }
#pane4 { width: 754px; padding: 10px; overflow: hidden; left: 0px; top: 0px; text-align: left; }
#pane2 .text { width: 734px; padding: 0 15px 0 15px }
#pane5 { width: 774px; height: 290px; padding: 10px 0 0 0; overflow: hidden; left: 0px; top: 0px}
#pane5 .text { width: 480px; height: 285px; padding: 0 15px 0 15px }
.text { line-height: 15px; text-align: left}
.text p { margin-bottom: 15px }
.text .left { float: left; display: inline; margin: 5px 15px 10px 0; }
.text a { color: #5CCB99 }
.text a:hover { color: #fff }
.text ul { padding-left: 15px; }
.text li { list-style-type: square; margin-bottom: 3px }
.text address { text-align: center; font-style: normal;}
.text .pfeedback { width: 170px; float: left; display: inline; margin: 0 15px 20px 15px; }
.text .pfeedback.pl { clear: left }
.form { width: 170px }
.form ul { width: 168px }
.form li { width: 168px; }
.form h5 { text-align: left; margin-bottom: 15px }
.form label { display: block; padding: 0 0 2px 5px; display: block; width: 163px; text-align: left}
.inp, .form select, .form textarea { color:#033720; font-weight: bold; font-size: 9px; }
.inp { background: #fff; border: 0; color:#033720; padding: 1px 2px 1px 2px; width: 156px; margin-bottom: 6px; background: url(../images/f_feed_1.gif) }
select { background: #fff; border: 0; color:#033720; padding: 0 0 0 0px; width: 160px; margin-bottom: 6px; background: #fff url(../images/f_feed_1.gif); font-size: 9px; height: 16px }
.form .rad { width: 168px; margin-bottom: 6px }
.form .rad .chk { float: left; display: inline; margin-right: 9px; clear: left; }
.form .rad label { display: block; width: 122px; line-height: 14px; padding-top: 2px; }
.sub { color:#033720; font-size:9px; padding: 2px 2px 1px 2px; width: 160px; text-align: center; background: #fff; border: 0px; cursor: pointer; margin-top: 10px }
.form textarea { height:62px; width:156px; background: #fff; padding: 2px; border: 0px; margin-bottom: 5px; font-size: 10px}
.kontakt { height: 280px }
.slim { width: 302px; display: inline; padding: 10px; height: 280px; }
.sepv { float: left; height: 275px; margin-top: 10px; width: 1px; background: url(../images/dotted.gif) repeat-y }
.big { width: 430px; display: inline; padding: 10px; height: 280px; overflow: hidden; }
.big .form { }
.left {float: left; display: inline }
.right { float: right; display: inline }
.pane { top: 0px; left: 0px }
.big.autoH { height: auto }
.slim.autoH { height: auto }
.form.kontakt { margin-right: 60px; }
.warenkorb { text-align: left }
.warenkorb td, .warenkorb th { padding: 2px 4px 2px 4px }
.warenkorb .inp { width: 30px }
.warenkorb .sub { margin: 10px 0 10px 0; width: 100px; border: 1px solid #000 }
.warenkorb.w2 .inp { width: 156px }
.warenkorb.w2 .inp.plz { width: 58px }
.warenkorb.w2 .inp.ort { width: 90px }
.warenkorb.w2 .sub { margin-left: 70px }
.warenkorb.w2 .spacing td, .warenkorb.w2 .spacing th { padding: 5px 8px 5px 4px}
.warenkorb .cc { width: 100px }
#middle2 { width: 778px; float: left; background: url(../images/new_middle2_bg.jpg) repeat-y; position: relative; }
#zuruck { position: absolute; left: 0px; top: 0px; width:444px; z-index: 500; clear: both}
.aimg { width: 560px; height: 82px; overflow: hidden; padding-top: 15px; margin-left: 2px; text-align: left; float: left; display: inline; position: relative; z-index: 5; }
.aimg a { display: inline; float: left }
.aimg a img { display: inline }
.list { width: 554px; float: left; display: inline; text-align: left; position: relative; z-index: 5; padding: 0 0 10px 10px }
.list h3 { width: 550px; color: #e0c38d; padding: 0px 0 4px 0; background: url(../images/linie.gif) no-repeat bottom left }
.list ul { float: left; display: inline; margin: 6px 4px 0px 0px; width: 106px; text-align: left }
.list li { display: inline; line-height: 12px; padding-bottom: 2px; float: left; display: inline; width: 106px; font-size: 9px; font-family: Tahoma, Arial }
.list a { color: #b2f2dc; text-transform: uppercase; }
.list a:hover { color: #000 }
.list a.selected {color: #e0c38d; font-weight: bold; }
.fededback { float: right; display: inline; width: 208px; margin: 40px 2px 30px 0; position: relative; z-index: 4; }
.fededback_in {min-height: 150px; background: transparent url(../images/middle_corner.png) repeat-y; width: 208px; margin-top: -10px }
.fededback h4 { padding: 0 0 3px 3px; border-bottom: 1px solid #bccfc7; width: 175px; margin-bottom: 7px; text-align: left; position: relative}
.fededback h4 img { position: absolute; right: 0px; top: -2px }
.fededback .top { position: absolute; top: -37px; left: 0px; z-index: 5 }
.fededback .bottom { position: absolute; bottom: -22px; left: 0px; z-index: 5 }
.fededback .text { width: 180px; font-family: Tahoma; line-height: 11px; margin: -5px 0 0 15px; clear: both; color: #4c4c4c; position: relative; z-index: 10; text-align: left; font-size: 9px }
.fededback .text p { margin:0px }
.fededback li { display: block; margin-bottom: 2px; position: relative }
.fededback .text .go { position: absolute; right: -3px; bottom: 3px; height: 19px; margin:0 }
.fededback li p { position: relative; padding: 4px 30px 4px 0; border-bottom: 1px solid #bccfc7; }
.fededback li p.ks { border: 0; text-align: right; height: 19px; padding: 5px 30px 0 0 }
.fededback .text a { color: #4c4c4c; margin-bottom: 12px; }
.fededback .text a:hover, .fededback .text a.selected { color: #58974a }
.fededback .text ul { padding-left: 1px; }
#paggination { padding: 5px 0 10px 0; text-align: center; width: 774px; width: 100%; float: left; position: absolute; bottom: 0px; left: 0px }
#paggination li { display: inline; }
#paggination li a { display: inline; margin: 0 3px 0 3px; color: #CEFFE6; cursor: pointer; }
#paggination li a:hover, #paggination li a.selected { color: #fff; font-weight: bold }
#paggination a.left { margin-right: -2px }
.big #paggination { padding: 5px 0 10px 0; width: 430px; position: relative }
#bottom { width: 785px; float: left; height: 40px; background: url(../images/new_bottom_bg.jpg) no-repeat -4px 0px }
#bottom li { display: inline }
#bottom li a { margin: 0px; margin-left: -1px; padding: 0px 16px 0 16px; background: url(../images/tren_unten.gif) no-repeat right; height: 30px; float: left; display: inline }
#bottom .last a { background: transparet; padding-right: 0px }
#bottom .first a { background: transparet; padding-left: 3px }
#bottom a img { float: left }
#footter { width: 778px; margin: auto; text-align: left; color: #58947A; font-size: 9px; font-family: Tahoma; padding: 5px 0 50px 0 }
#footter p { width: 230px; float: left; }
#footter .menu { width: 540px; float: right; position: relative; text-align: right }
#footter a { color: #E0C38D }
.tbox_mid {background: #fff }
.tbox_mid table { width: 430px; color: #fff; font-size: 12px; margin:auto; text-align: left; vertical-align: top}
.tbox_mid table.product { margin-top: 10px; width: 700px; color: #000; font-size: 9px; margin:auto; text-align: left; vertical-align: top}
.tbox_mid td { border-bottom: 1px dashed #9dc7b4; color: #000; font-size: 9px; line-height: 17px; vertical-align: top; padding: 0px 3px 0px 0px }
.tbox_mid table h4 { font-size: 9px; font-weight: normal; }
.tbox_mid td.strong { width: 123px; background: #e5f2ec; border-left: 1px dashed #9dc7b4 }
.tbox_mid td.img { width: 52px; padding-left: 35px; }
.tbox_mid td.img img { border: 1px solid #000 }
.tbox_mid td.long { width: 360px; padding: 4px 0 0 0 }
.tbox_mid td.long h4 a { color: #000;}
.tbox_mid td td { border: 0 }
.tbox_mid td.strong { font-family: Arial; width: 173px; font-weight: bold; color: #000; text-align: right; line-height: 21px}
.tbox_mid td .stuck { font-size: 11px; }
.tbox_mid td .pr { font-size: 16px; margin-top: 7px; color: #054c2c }
.tbox_mid td .in { color: #168553; font-size: 9px; font-family: "Myrinda Pro"; }
.tbox_mid { color: #000; }
.tbox_mid hr { color: #fff; }
.tbox_mid label { color: #000; }
.tbox_mid .cust_login_form a, .tbox_mid .cust_login_form a:hover { color: #9DC7B4; }
.tbox_mid a, .tbox_mid a:hover { color: #000; }
.tbox_mid td { padding-right: 5px; vertical-align: middle; }
.tbox_mid td input { width: 22px; height: 12px; margin-bottom: 3px; font-size: 10px; vertical-align:middle; margin-right: 5px; text-align: center; border: 1px solid #d8d8d8 }
.tbox_mid td.wpr span { padding-left: 5px; padding-right: 12px; }
.warenkorb_ext td input { margin-left: 10px }
.warenkorb_ext td input.min_up, .warenkorb_ext td input.min_down, .warenkorb_ext td input.yes, .warenkorb_ext td input.no { margin-left: 0px }
.tbox_mid td input.min_up { background: url(../images/min_up.png) no-repeat; width: 17px; height: 17px; border: 0px; cursor:pointer; margin: 0px}
.tbox_mid td input.min_down { background: url(../images/min_down.png) no-repeat; width: 17px; height: 17px; border: 0px; cursor:pointer; margin: 0px}
.tbox_mid td input.yes { background: url(../images/yes.png) no-repeat; width: 17px; height: 17px; border: 0px; cursor:pointer; margin: 0px}
.tbox_mid td input.no { background: url(../images/no.png) no-repeat; width: 17px; height: 17px; border: 0px; cursor:pointer; margin: 0px}
.tbox_mid .sum { text-align:right; width: 364px; margin: auto 37px auto auto }
.tbox_mid .sum td { color: #054c2c }
.tbox_mid .sum .stuc { font-size: 10px }
.tbox_mid .sectiontableheader th { color:#000; padding-right: 10px; padding-bottom: 10px }
.steps { height: 26px; margin: 0 0 10px 0; clear:both; width: 752px; padding: 0px 0px 0px 22px; background: #054c2c; border-bottom: 1px solid #cddbd5 }
.steps li { display: inline}
.steps a { background: url(../images/circle_brown.png) no-repeat 0 1px; font-weight: bold; text-transform: uppercase; float: left; display: inline; margin: 5px; line-height: 16px; padding: 0px 12px 2px 0; font-size: 11px; color: #9dc7b4 }
.steps a span { font-weight: bold; color: #e0c38d; float: left; display: inline; width: 20px; height: 20px; text-align: left; font-family: Arial; padding: 1px 3px 3px 5px}
.steps a.selected { background: url(../images/circle_green.png) no-repeat 0 1px; color: #fff }
.steps a.selected span { color: #003e21; }
.steps a.complete span { background: url(../images/complete.png) no-repeat 3px 3px; }
.waren_next_prev { width: 770px; background: #fff; padding: 20px 0 0px 0 }
.waren_next_prev a { margin: 0 35px -1px 35px; line-height: 19px; height: 19px; display: inline; color: #e0c38d; font-weight: bold }
.waren_next_prev .zuruck { float: left; background: url(../images/button_bg.png) repeat-x; border-right: 1px solid #6c9683; padding-right: 10px }
.waren_next_prev .zuruck img { float: left }
.waren_next_prev .next { float: right; background: url(../images/button_bg.png) repeat-x; border-left: 1px solid #6c9683; padding-left : 10px }
.waren_next_prev .next img { float: right }
#shadow { height: 19px; width: 19px; background: url(../images/zoom_icon.png); position: absolute; top: 262px; left: 155px; z-index: 100 }
#acc_orders_list .inputbox { width: 200px; height: 16px; }
#acc_orders_list .button { width: 100px; height: 20px; }
#tbox_mid_no_border td { border: none; }
#final_conf_basket table { width: 630px; }
#final_conf_basket td { border: none; }
#final_conf_basket .fc_p { width: 60px; text-align: right; padding-right: 15px;}