/* =========== BODY - START =========== */
body { font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}
table {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}
acronym {cursor: help;}
p, blockquote {line-height: 12px;}

.b {FONT-WEIGHT: bold !important;}
.u {text-decoration: underline !important}
.nb {FONT-WEIGHT: normal !important}
.nu {TEXT-DECORATION: none !important}

.fl_r {FLOAT: right}
.fl_l {FLOAT: left}
.ov_h {overflow:hidden}

.f8 {FONT-SIZE: 8px !important}
.f9 {FONT-SIZE: 9px !important}
.f10 {FONT-SIZE: 10px !important}
.f11 {FONT-SIZE: 11px !important}
.f12 {FONT-SIZE: 12px !important}
.f13 {FONT-SIZE: 13px !important}
.f14 {FONT-SIZE: 14px !important}
.f16 {FONT-SIZE: 16px !important}
.f18 {FONT-SIZE: 18px !important}

.l12 {line-height: 12px !important}
.l13 {line-height: 13px !important}
.l14 {line-height: 14px !important}
.l15 {line-height: 15px !important}
.l16 {line-height: 16px !important}
.l17 {line-height: 17px !important}
.l18 {line-height: 18px !important}
.l20 {line-height: 20px !important}

.bg_cccccc {BACKGROUND-COLOR: #cccccc !important}

.p2  {PADDING: 2px !important}
.p3  {PADDING: 3px !important}
.p4  {PADDING: 4px !important}
.p5  {PADDING: 5px !important}
.p8  {PADDING: 8px !important}
.p10  {PADDING: 10px !important}

.p2b {PADDING-BOTTOM: 2px !important}
.p2l {PADDING-LEFT: 2px !important}
.p2t {PADDING-TOP: 2px !important}
.p2r {PADDING-RIGHT: 2px !important}
.p3b {PADDING-BOTTOM: 3px !important}
.p3l {PADDING-LEFT: 3px !important}
.p3t {PADDING-TOP: 3px !important}
.p3r {PADDING-RIGHT: 3px !important}
.p4b {PADDING-BOTTOM: 4px !important}
.p4l {PADDING-LEFT: 4px !important}
.p4t {PADDING-TOP: 4px !important}
.p4r {PADDING-RIGHT: 4px !important}
.p5l{padding-left:5px !important}
.p5b{padding-bottom:5px !important}
.p5r{padding-right:5px !important}
.p5t{padding-top:5px !important}
.p6t {padding-top: 6px !important}
.p6b {padding-bottom: 6px !important}
.p6l {padding-left: 6px !important}
.p6r {padding-right: 6px !important}
.p8t {padding-top: 8px !important}
.p8b {padding-bottom: 8px !important}
.p8l {padding-left: 8px !important}
.p8r {padding-right: 8px !important}
.p10l{padding-left:10px !important}
.p10b{padding-bottom:10px !important}
.p10r{padding-right:10px !important}
.p10t{padding-top:10px !important}
.p12l{padding-left:12px !important}
.p12b{padding-bottom:12px !important}
.p12r{padding-right:12px !important}
.p12t{padding-top:12px !important}
.p15l{padding-left:15px !important}
.p15b{padding-bottom:15px !important}
.p15r{padding-right:15px !important}
.p15t{padding-top:15px !important}
.p17t{padding-top:17px !important}
.p20l{padding-left:20px !important}
.p20b{padding-bottom:20px !important}
.p20r{padding-right:20px !important}
.p20t{padding-top:20px !important}
.p30l{padding-left:30px !important}

.m2  {MARGIN: 2px !important}
.m5  {MARGIN: 5px !important}
.m8  {MARGIN: 8px !important}
.m10  {MARGIN: 10px !important}

.m1b {MARGIN-BOTTOM: 1px !important}
.m2l {MARGIN-LEFT: 2px !important}
.m2r {MARGIN-RIGHT: 2px !important}
.m2t {MARGIN-TOP: 2px !important}
.m2b {MARGIN-BOTTOM: 2px !important}
.m3l {MARGIN-LEFT: 3px !important}
.m3r {MARGIN-RIGHT: 3px !important}
.m3t {MARGIN-TOP: 3px !important}
.m3b {MARGIN-BOTTOM: 3px !important}
.m5t {MARGIN-TOP: 5px !important}
.m5b {MARGIN-BOTTOM: 5px !important}
.m5l {MARGIN-LEFT: 5px !important}
.m5r {MARGIN-RIGHT: 5px !important}
.m6t {MARGIN-TOP: 6px !important}
.m6b {MARGIN-BOTTOM: 6px !important}
.m6l {MARGIN-LEFT: 6px !important}
.m6r {MARGIN-RIGHT: 6px !important}
.m10t {MARGIN-TOP: 10px !important}
.m10b {MARGIN-BOTTOM: 10px !important}
.m10l {MARGIN-LEFT: 10px !important}
.m10r {MARGIN-RIGHT: 10px !important}

.b_all {BORDER: #E1E1E1 1px solid;}
.b_all_red {BORDER: #FF0000 1px solid;}
.bt {BORDER-TOP: #E1E1E1 1px solid}
.bb {BORDER-BOTTOM: #E1E1E1 1px solid}
.bl {BORDER-LEFT: #E1E1E1 1px solid}
.br {BORDER-RIGHT: #E1E1E1 1px solid}
.bdt {BORDER-TOP: #aaaaaa 1px solid}
.bdb {BORDER-BOTTOM: #aaaaaa 1px solid}
.bdl {BORDER-LEFT: #aaaaaa 1px solid}
.bdr {BORDER-RIGHT: #aaaaaa 1px solid}
.bt3 {BORDER-TOP: #dddddd 3px solid}
.b_w {BORDER: #ffffff 1px solid}
.b0 {BORDER:0px}  
.b_all_hell {BORDER: #EEEEEE 1px solid;}
.b_all_mittelhell {BORDER: #DDDDDD 1px solid;}
.b_all_helldunkel {BORDER: #CCCCCC 1px solid;}

.design_color {background-color: #FF0000;}
.text_design {color: #FF0000;}
.error_bgcolor {background-color: #FFFF99;}
a img#ico, a:visited img#ico { background-color:#FF0000;}

form {margin-top:0px; margin-bottom:0px;}

/* =========== STARTSEITE - START =========== */
h1 {display: inline;font-size: 12px;font-weight: bold;color: #333333;}
h2 {display: inline;font-size: 11px;color: #333333;}
h3 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}
h4 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}
h5 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}
h6 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}
h7 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}
h8 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}

p5 {display: inline;font-size: 11px;color: #333333;font-weight: normal;}

.thema_trenner {background-image: url(../design/layout/trenner_back.gif);background-repeat: repeat-x;background-position: 0px 3px;height: 6px;}
.thema_trenner_color {background-image: url(../design/layout/trenner_color.gif);background-repeat: repeat-x;background-position: 0px 3px;height: 6px;}
.trenner_gruppen {background-image: url(../design/layout/trenner_color.gif);background-repeat: repeat-x;background-position: 0px 3px;height: 6px;}
.trenner_color {background-image: url(../design/layout/trenner_color.gif);background-repeat: repeat-x;background-position: 0px 3px;height: 6px;}
.trenner_gray {background-image: url(../design/layout/trenner_back.gif);background-repeat: repeat-x;background-position: 0px 3px;height: 6px;}
.trenner_vert {background-image: url(../design/layout/trenner_vert.gif);background-repeat: repeat-y;background-position: 0px 10px;widht: 4px;}


/* =========== LINK - START =========== */
A:link , A:visited , A:active { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline;}
a:hover {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline;}

A.ico:link , A.ico:visited , A.ico:active {COLOR: #ffffff;TEXT-DECORATION: none;font-family: Tahoma, Arial;font-size: 11px;text-transform: uppercase;background-image: url(../design/layout/back_ico_linkkkkk.gif);background-repeat: no-repeat;background-position: 0px 3px;padding-left: px;FONT-WEIGHT: bold;}
A.ico:hover {COLOR: #ffffff;TEXT-DECORATION: underline;line-height: normal;}

A.oben:link , A.oben:visited , A.oben:active {COLOR: #999999; TEXT-DECORATION: none; line-height: normal; font-size: 10px; padding: 0px 4px 0px 0px; border-right:#CCCCCC dotted 1px;}
A.oben:hover {COLOR: #ff0000; TEXT-DECORATION: underline; line-height: normal; font-size: 10px;  }

.navi  {padding:2px 0px 1px 17px;}
.navi_sub {padding: 0px 0px 0px 20px;}

a.navion:link , a.navion:visited , a.navion:active, a.navion:hover{BORDER-RIGHT: 0px solid #CCCCCC; BORDER-TOP: 1px solid #BBBBBB; BACKGROUND: #DDDDDD; BORDER-LEFT: 0px solid #CCCCCC; COLOR: #666666; BORDER-BOTTOM: 1px solid #CCCCCC; text-decoration: none; padding: 2px 0px 0px; text-indent: 8px; }

a.top:link , a.top:visited , a.top:active{  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height: normal; }
a.top:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline; line-height: normal;}

a.footer:link , a.footer:visited , a.footer:active{font-family: Tahoma, Arial, Helvetica, sans-serif;color:#999999;text-decoration: none;font-size: 9px;}
a.footer:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline;}

a.root:link , a.root:visited , a.root:active{font-family: Tahoma, Arial, Helvetica, sans-serif;color:#666666;font-size: 11px;}
a.root:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline;}

a.bodyTextLink:link {font-family: Tahoma, Arial, Helvetica, sans-serif;color: #0000FF;text-decoration: underline;}
a.bodyTextLink:visited {font-family: Tahoma, Arial, Helvetica, sans-serif;color: #0000FF;text-decoration: underline;}
a.bodyTextLink:active {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #0000FF;text-decoration: underline;}
a.bodyTextLink:hover {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #0000FF;text-decoration: underline;}

a.zoom:link , a.zoom:visited , a.zoom:active{background-color: #FFFFFF;}
a.zoom:hover { background-color: #FFCC99;}

a.nix:link , a.nix:visited , a.zoom:active{text-decoration: none;}
a.nix:hover {color: #333333;}

a.text:link , a.text:visited , a.text:active{text-decoration: none; color:#333333}
a.text:hover {color: #333333;}

a.sitenumber:link , a.sitenumber:visited , a.sitenumber:active{background-color: #EEEEEE; text-decoration:none; padding:2px 6px 2px 6px; border:#CCC solid 1px; FONT-WEIGHT: bold;}
a.sitenumber:hover {background-color: #FF0000;	color: #FFFFFF; border-color:#FF0000; text-decoration:underline;}
a.sitenumber_on:link , a.sitenumber_on:visited , a.sitenumber_on:active{background-color: #FF0000; color: #FFFFFF; padding:2px 6px 2px 6px; border:#FF0000 solid 1px; FONT-WEIGHT: bold;}
a.sitenumber:hover {background-color: #FF0000;	color: #FFFFFF; border-color:#FF0000;}

a img#border, a:visited img#border  {border: 1px solid #FFFFFF;}
a:hover img#border, a:active img#border	{border: 1px solid #FF0000;}

a img#img_ico, a:visited img#img_ico  {border: 1px solid #E1E1E1;}
a:hover img#img_ico, a:active img#img_ico	{border: 1px solid #FF0000;}

/* =========== ARTIKELBESCHREIBUNG =========== */
.tit_h1 {display: inline;font-size: 13px;color: #FF0000;}
.tit_h2 {display: inline; font-size: 11px; color: #333333;font-weight: normal;}

.tit_h1_hid {display: inline; font-size: 11px; color: #333333;font-weight: normal;}
.tit_h2_hid {display: inline; font-size: 11px; color: #333333;font-weight: normal;}
.tit_h3_hid {display: inline; font-size: 11px; color: #333333;font-weight: normal;}
.tit_h4_hid {display: inline; font-size: 11px; color: #333333;font-weight: normal;}
.tit_h5_hid {display: inline; font-size: 11px; color: #333333;font-weight: normal;}
.tit_hell {display: inline; font-size: 11px; color: #666666;font-weight: normal;}

.tit_h1_ukry {font-size: 11px;color: #333333;font-weight: normal;visibility: hidden;display: none;}
.tit_h2_ukry {font-size: 11px;color: #333333;font-weight: normal;visibility: hidden;display: none;}
.tit_h3_ukry {font-size: 11px;color: #333333;font-weight: normal;visibility: hidden;display: none;}

.icoteiler {width: 1px; background-image:url(../design/layout/ico_teiler_back.gif); background-repeat: repeat-y; height: 26px;}
.icoecke {background-image: url(../design/layout/ico_ecke.gif);background-repeat: no-repeat;background-position: 0px 0px;height: 22px;}
.icoecke_first {background-image: url(../design/layout/ico_ecke_first.gif);background-repeat: no-repeat;background-position: 0px 0px;height: 22px;}

.text_8  {font-size: 8px;}
.text_9  {font-size: 9px;}
.text_10 {font-size: 10px;}
.text_11 {font-size: 11px;}
.text_12 {font-size: 12px;}
.text_13 {font-size: 13px;}
.text_14 {font-size: 14px;}
.text_16 {font-size: 16px;}
.text_20 {font-size: 20px;}
.text_navi {color: #333333; text-decoration: none}
.text {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}
.text_2 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}
.text_2r {color: red;}
.text_hell {color: #666666;}
.text_dark {color: #333333;}
.text_s {color: #333333;}
.text_link {color: #333333;text-decoration: none;}
.text_s2 {font-size: 11px;color: #FFFFFF;}
.text_art_opt {font-size: 11px;color: #333333;}
.red {color: red;}
.cart_s {font-size: 11px;color: #333333;}
.cart_s_red {font-size: 10px;color: #FF0000;}
.menge_korb    {font-size: 10px;color: #666666;}
.menge_korb_on {font-size: 10px;color: #FFFFFF;}
.menge_navi {font-size: 9px;color: #999999;}

.noop {font-weight: normal;visibility: hidden;display: none;}
.button {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;border: 1px solid #FF0000;background-image: url(../design/buttons/button_back.gif);background-repeat: repeat-x;}
.button_fix_width {background-color: #CCCCCC;border-style: solid;border-width: 1px;border-color: #333333;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;width: 158px;height: 25px;}
.button_transp_order {background-color: #CCCCCC;border-style: solid;border-width: 1px;border-color: #333333;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;width: 120px;}
.button_transp {background-color: #CCCCCC;border-style: solid;border-width: 1px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}
.basket_input {background-color: #FFFFFF;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;border: 1px solid #999999;line-height: 13px;padding: 2px;}
.basket_input_marked {background-color: #FFFFFF;border-style: solid;border-width: 1px;border-color: #FE0000;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;padding: 2px;}
.border  {border: 0px solid #ff6600;}

.account_login {background-color: #FFFFFF;border-style: groove;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;width: 100px;}
.search { background-color:#ffffff; border-color:#DAD6CF; border-top-width:1px;  padding-left:5px; font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;}
/*.search {background-color: #FFFFFF;border-style: groove;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;width: 120px;} */
.drop_down {background-color: #FFFFFF;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;border: 1px solid #666666;}
.button_s {background-color: #c1c1c1;border-style: none;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}

.headline_1 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.headline_2 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.headline_3 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.headline_4 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.suche {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: #333333;line-height: normal;}

.titelbox {background-image: url(../design/layout/back_title.giff); background-repeat: no-repeat; background-position: 3px 10px;vertical-align: middle;color: #555555;height: 26px;text-indent: 10px;font-weight: bold;}

.titelboxright {background-image: url(../design/layout/back_title.gif); background-repeat: no-repeat; background-position: 3px 6px;line-height: normal;font-size: 11px;font-family: Tahoma, Arial;vertical-align: middle;color: #FFFFFF;height: 21px;background-color: #FF3300;text-indent: 17px;font-weight: bold;}

.detailtitle {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;line-height: normal;font-weight: bold;}
.detailprice {font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #333333;line-height: normal;font-weight: bold;}

.footer {font-family: Tahoma, Arial, Helvetica, sans-serif;color:#BBBBBB;text-decoration: none;font-size: 9px;}
li.backlink {text-indent: 0px;list-style-image: url(../design/layout/icon_kl.gif);padding-top: 2px;padding-bottom: 2px;}

/* =========== PRODUKTBILDVORSCHAU - START =========== */
#trailimageid { position:absolute; visibility: hidden; left:0; top:0; width:272px; height:1px; z-index:1000; padding:0px; color:#FFFFFF !important; }
.mousetrail {padding:10px;background: #FFFFFF; border-top:1px solid #999; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #999;  !important}
.vor_bild {background-image:url(../design/layout/loading.gif); padding-top: 0px; padding-bottom: 2px; background-repeat: no-repeat; background-position: 100px 0px;}
.vor_tit { margin:0px; padding:5px 0px 5px 0px; border-bottom:0px solid #CC0000 !important}
.prod_bild {display: block;padding: 0px;border: 0px solid #CC3300;cursor: pointer !important}

/* =========== PRODUKTTABS - START =========== */
.tabberlive .tabbertabhide { display:none; }
.tabber {}
.tabberlive { margin-top:5px;}
ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #ccc; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }
ul.tabbernav li a, li a:link ,li  a:visited ,li  a:active { padding: 3px 7px; margin-left: 0px; border-top: 1px solid #ccc; border-right: 1px solid #888; border-left: 1px solid #ccc; border-bottom: none; background: #DDD; color: #222; text-decoration:none;} /* Abstand zw. Tabs ------------ margin-left: 0px; */
ul.tabbernav li a:hover { color: #FF0000; background: #FFF; text-decoration: underline; padding-top:3px; border-top:2px solid #ccc; border-bottom: 1px solid #FFF;}

ul.tabbernav li.tabberactive a { FONT-WEIGHT: bold; background-color: #FFF; border-right:1px solid #888; border-top:3px solid #CCC; border-bottom: 1px solid #FFF; color:#FF0000; padding-top:6px; text-decoration: none;}
ul.tabbernav li.tabberactive a:hover { color: #FF0000; text-decoration:underline; background: #FFF; border-bottom: 1px solid #FFF;  padding-top:6px; }

.tabberlive .tabbertab { padding:7px; border:1px solid #CCC; border-right:1px solid #AAA; border-bottom:1px solid #AAA; border-top:0; }
.tabberlive .tabbertab p1 { display:none; }
.tabberlive .tabbertab p2 { display:none; }
.tabberlive .tabbertab p3 { display:none; }
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto;}

/* =========== FORMULARFELDER =========== */
INPUT.small {FONT-SIZE: 11px;COLOR: #333333;FONT-FAMILY: Tahoma, Arial;TEXT-DECORATION: none;background-color: #FFFFFF;border: 1px solid #999999;padding: 2px;}
TEXTAREA.small {FONT-SIZE: 11px;MARGIN: 0pt;COLOR: #333333;FONT-FAMILY: Tahoma, Arial;TEXT-DECORATION: none;background-color: #FFFFFF;border: 1px solid #999999;line-height: 13px;padding: 3px;}

SELECT.small {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Tahoma, Arial; TEXT-DECORATION: none; background: #FFFFFF; line-height: 13px;}
LI.small {font-family:Tahoma;font-size:11px;line-height: normal;list-style-image: url(../design/layout/pfeil_rechts.gif);}
LI {font-family:Tahoma; font-size:11px;	color:#444444; line-height: normal;}
ul.small {padding:0px 0px 0px 12px;position:relative; list-style-image: url(../design/layout/icon_kl.gif);}
textarea:focus, input:focus {background-image: url(../design/buttons/button_back_on.gif);background-repeat: repeat;}
select:focus {background-color: #FFEFCE;}