/* ----- Level 1-4 Hintergrund Produkte ----- */
#nav-sub {
	float:left;
	position:relative;
	width:150px;
}

/* ----- Login-Box  ----- */
#nav-sub .login   {margin:10px 0px 10px 0px; background-color: #ffffff; width:150px;}
#nav-sub .login * {font:normal 11px/14px verdana, arial, helvetica, sans-serif;}
#nav-sub .login a {color:#1144CC !important; border:0px; display:inline; line-height:14px; padding:0px;}
#nav-sub .login .index {background:#FFFCF2 url(../img/bg-top150.gif) no-repeat top left; border-width:0px; font-weight:bold; line-height:23px; margin:0; overflow:hidden; padding: 1px 8px 0px 8px;}
#nav-sub .login .index .help {float:right; padding: 3px 0px 0px 0px; } /* wird derzeit nicht verwendet */
#nav-sub .login .box {background:url(../img/bg-bottom150.gif) no-repeat bottom left; padding: 0px 1px 5px 1px;}
#nav-sub .login .box div      {margin:5px 7px;}
#nav-sub .login .box form     {background-color:#FFFCF2; margin:0; padding:5px 7px 5px;}
#nav-sub .login .box form div {margin:0 0 5px;}
#nav-sub .login .box form .error {padding:0px; color:#FF0000;}
#nav-sub .login .box .form-control a {line-height:18px;}
#nav-sub .login .box label {display:block;}
#nav-sub .login .box input {margin:0 0 5px;}
#nav-sub .login .box input.field {width:130px; font:normal 11px verdana, arial, helvetica, sans-serif; }
#nav-sub .login .box input.action {float:right; font-size:11px !important; line-height:12px; margin:0; padding:0; text-align:center;}
#nav-sub .login .box input.field {width:130px;}
* html #nav-sub .login .box input.field { width:133px; width/**/: /**/130px;}
#nav-sub .login .box input.field {width:133px#} /* for Safari*/

/* ----- Channels (Zusatznavigation links)  ----- */
#nav-sub .channels      {border-top:1px solid #D8DFE5; margin-top:0px;}
#nav-sub .channels span {border-bottom:1px solid #D8DFE5;  background:#FEFFFF url(../img/navi/bg-channels.gif); display:block;font-weight:bold; line-height:23px; padding-bottom:1px; padding-left:5px;}
#nav-sub .channels li  {background:#F6F8FA url(../produkte/img/navi/bg-channels.gif); border-bottom:1px solid #D8DFE5; height:26px;}
#nav-sub .channels li a     {border-bottom:0px solid #D8DFE5; font-weight:normal; line-height:25px; padding:0 0 1px 5px;}
#nav-sub .channels .l2      {border-top:0px solid #D8DFE5; margin-top:0px;}
#nav-sub .channels .l2 img  {float:left; height:16px; margin:5px; width:16px;}
#nav-sub .channels .end     {background:#F6F8FA;}

/* ----- Content ----- */
#content .last {margin-bottom:0px !important;}

/* ----- Content Module Verlaufsboxen ----- */
#content .startheader 	{width:630px; height:210px; margin:0px; padding:0px; background:url(../img/head_produkte_x8.jpg);}
#content .startteaser {width:630px; margin:0px; margin-bottom:10px; }
#content .startteaser .spreaderXL {float:left; width:10px;height:255px;}
#content .startteaser .spreaderXS {float:left; width:10px;height:140px;}
/* Teaser XL - LARGE */
#content .startteaser .startteaserXL {width:310px; float:left;}
#content .startteaser .startteaserXL .hl_XL {width:310px;height:24px;}
#content .startteaser .startteaserXL .hl_XL {w\idth:303px;he\ight:19px; }
#content .startteaser .startteaserXL .hl_XL {padding:3px 0px 2px 7px; line-height:19px; margin:0px; font-size:11px; }
#content .startteaser .startteaserXL .hl_blogXL {background:url(../img/start/bg-head-blog-x4.gif);}
#content .startteaser .startteaserXL .hl_fmXL {background:url(../img/start/bg-head-fm-x4.gif);}
#content .startteaser .startteaserXL .hl_pcsdXL {background:url(../img/start/bg-head-pc-x4.gif);}
#content .startteaser .startteaserXL .hl_mdhXL {background:url(../img/start/bg-head-mdh-x4.gif);}
#content .startteaser .startteaserXL .hl_clubXL {background:url(../img/start/bg-head-club-x4.gif);}
#content .startteaser .startteaserXL .hl_dslXL {background:url(../img/start/bg-head-dsl-x4.gif);}
#content .startteaser .startteaserXL .hl_smurfXL {background:url(../img/start/bg-head-smurf-x4.gif);}
#content .startteaser .startteaserXL .hl_pocketXL {background:url(../img/start/bg-head-pocket-x4.gif);}

#content .startteaser .startteaserXL .imgXL {width:301px; height:100px; margin:0px;}
#content .startteaser .startteaserXL .textXL {width:310px;height:126px;}
#content .startteaser .startteaserXL .textXL {w\idth:294px;height:126px;}
#content .startteaser .startteaserXL .textXL {padding-left: 7px; padding-top:5px; padding-right:7px; margin:0px; border-left:1px solid #CED4DA; border-right:1px solid #CED4DA;}
#content .startteaser .startteaserXL .footerXX {width:310px; height:5px; margin:0px;}
#content .startteaser .startteaserXL .textXL h3 {margin-top:0;}

#content .startteaser .startteaserXL .textXL ul {list-style:none; padding-left:15px;padding-bottom:5px;}
#content .startteaser .startteaserXL .textXL li {list-style:disc;margin:2px;} 

/* Teaser XS - SMALL */
#content .startteaser .startteaserXS {float:left; width:310px; height:145px;}

#content .startteaser .startteaserXS .hl_XS {width:310px; height:24px;}
#content .startteaser .startteaserXS .hl_XS {w\idth:303px; he\ight:19px; }

#content .startteaser .startteaserXS .hl_XS {padding:3px 0px 2px 7px; line-height:19px; margin:0px; font-size:11px; background:url(../img/bg-head-x4.gif);}
#content .startteaser .startteaserXS .contentXS {width:310px; height:116px; overflow:hidden;}
#content .startteaser .startteaserXS .contentXS {w\idth:308px; he\ight:116px;}
#content .startteaser .startteaserXS .contentXS {border-left:1px solid #CED4DA; border-right:1px solid #CED4DA;}
#content .startteaser .startteaserXS .contentXS .imgXS { float:left; width:100px; padding-left:7px; padding-top:5px; margin:0 10px 0 0; }
* html #content .startteaser .startteaserXS .contentXS .imgXS { float:left; width:100px; padding-left:7px; padding-top:5px; margin:0 7px 0 0; }

/*#content .startteaser .startteaserXS .contentXS .textXS {width:180px; }
#content .startteaser .startteaserXS .contentXS .textXS {w\idth:180px; }*/
#content .startteaser .startteaserXS .contentXS .textXS h3 {margin-top:0;}
#content .startteaser .startteaserXS .contentXS .textXS { /*float:right;*/ padding-top:5px; padding-left:7px;padding-right:7px;}
#content .startteaser .startteaserXS .footerXX { width:310px; height:5px; margin:0px;}


/* klasse für höhergestellte Zeichen*/
.fuss {position: relative; top: -3px; font-size: 9px; padding: 0px;}
.hinweis {font:normal 11px/13px verdana, arial, helvetica, sans-serif; padding: 0px; color:#888888;}

#content img.marker {position:absolute; margin-top:2px; margin-left:5px;}
* html #content img.marker {margin-top:-1px;}

#content .hl_XS span {position:static !important; top: 0px !important; left:0px !important;}
#content .hl_XS span img {position:absolute; margin-top:2px; margin-left:5px;}
* html #content .hl_XS span img {margin-top:-1px;}