/* ----- Level 1-4 Hintergrund Messenger ----- */
#nav-sub .l2 { border-top:1px solid #D8DFE5; margin-top:4px; }
#nav-sub .product strong { background:#F3F8DD; }
#nav-sub .product .l2 a  { background:url(../../img/navi/messenger/pfeil.gif) 5px 9px no-repeat;}

#nav-sub .product .l2 strong.open2 {padding-left:5px; background:#F3F8DD;} /*Sonderfall, Level 2 aktiv und verlinkt */
#nav-sub .product .l2 strong.open2 a { background:#F3F8DD; background-image:none; padding-left:0px; border-bottom:0px solid #D8DFE5;} /*Sonderfall, Level 2 aktiv und verlinkt */

#nav-sub .product .l2 strong,
#nav-sub .product .l3 #focus { background:#F3F8DD;}
#nav-sub .product .l3 strong { background:url(../../img/navi/messenger/pfeil.gif) 5px 9px no-repeat; }
#nav-sub .product .l3 a.open,
#nav-sub .product .l3 strong.open { background:url(../../img/navi/messenger/pfeil_open.gif) 5px 9px no-repeat; }
#nav-sub .product .l4 #focus { background:#FFF !important; }
#nav-sub .product .l4 a,
#nav-sub .product .l4 a.open { background:none !important; } 
#nav-sub .product .l4 strong,
#nav-sub .product .l4 strong.open { background:#F3F8DD; }
#nav-sub .product .l5 a,
#nav-sub .product .l5 strong { background:url(../../img/navi/punkt.gif) 20px 9px no-repeat !important; } 
#nav-sub .product .l5 #focus { background:#F3F8DD !important;}

#nav-sub-bin div.teaser {margin-top:6px;margin-bottom:4px;}
#nav-sub-bin div.spacer {background-color:#FFFFFF;} 

a#service {
	display:none;
}

/* ----- 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:#F9FcEF url(http://img.web.de/v/produkte/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 optional nicht verwendet */
#nav-sub .login .box {background:url(http://img.web.de/v/produkte/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:#F9FcEF; 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*/

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

/* ----- Content Module Verlaufsboxen ----- */
#content .msg { background: #FFFFFF url(../img/070601/visual.jpg) no-repeat top left;  width:630px; padding:0px; margin:0px 0px 13px; position:relative; }
#content .msg .msgdetails             {margin:0px; padding:90px 13px 0px; width:320px; }
#content .msg .msgdetails .msgbutton  {width:132px; padding:36px 0px 0px 404px; }
#content .msg .msgdetails .msgtext p  {margin:0px; padding:0px 25px 0px 0px;}
#content .msg .msgdetails .msgtext h3 {margin:0px; padding-bottom:10px;}
#content .msg .msgdetails .infotext   {padding:0px; width:600px; padding-top:37px; }
#content .msg .jabber     {display:block; padding-left: 60px; height:20px; background: url(../img/logo-jabber.gif) no-repeat top left; line-height:20px; margin-top:10px;}

#content .msg .msgdetails2             {margin:0px; padding:56px 0px 0px 302px; width:320px; }
#content .msg .msgdetails2 ul .bullet1       {background: url(../img/bullet_1.gif) no-repeat 0px 0px;list-style:none;padding-left:27px;}
#content .msg .msgdetails2 ul .bullet2       {background: url(../img/bullet_2.gif) no-repeat 0px 0px;list-style:none;padding-left:27px;}
#content .msg .msgdetails2 ul .bullet3       {background: url(../img/bullet_3.gif) no-repeat 0px 0px;list-style:none;padding-left:27px;}



/* Teaserboxen unten */
#content .msgteaser {width:630px; margin:0px; margin-bottom:10px; }
#content .msgteaser .spreaderXL {float:left; width:10px;height:255px;}
#content .msgteaser .spreaderXS {float:left; width:10px;}

#content .msgteaser .teaserXS {float:left; width:310px;}
#content .msgteaser .teaserXS .hl_XS {padding-left:7px; margin:0px; font-size:11px; background:url(../img/bg-head-x4.gif) no-repeat top left; position:relative; }
#content .msgteaser .teaserXS .hl_XS {width:310px; height:24px; line-height:24px;}
#content .msgteaser .teaserXS .hl_XS {w\idth:303px; he\ight:24px; }

#content .msgteaser .teaserXS .contentXS {width:310px; overflow:hidden;}
#content .msgteaser .teaserXS .contentXS {w\idth:308px;}
#content .msgteaser .teaserXS .contentXS {border-left:1px solid #ced4da; border-right:1px solid #ced4da;}
#content .msgteaser .teaserXS .contentXS .imgXS { float:left; width:32px; padding:20px 0px 20px 7px; margin:0 7px 0 0; }

#content .msgteaser .teaserXS .contentXS .textXS { /*float:right;*/ padding-top:6px; padding-left:7px;padding-right:7px;}
#content .msgteaser .teaserXS .footerXX { width:310px; height:5px; margin:0px;}


#content .msgteaser .teaserL {float:left; width:630px;}
#content .msgteaser .teaserL .hl {padding-left:7px; margin:0px; font-size:11px; background:url(../img/bg-head-x8.gif) no-repeat top left; }
#content .msgteaser .teaserL .hl {width:630px; line-height: 24px;}
#content .msgteaser .teaserL .hl {w\idth:623px; }

#content .msgteaser .teaserL .content { width:630px; overflow:hidden;}
#content .msgteaser .teaserL .content { w\idth:628px;}
#content .msgteaser .teaserL .content { border-left:1px solid #ced4da; border-right:1px solid #ced4da; background:url(../img/bg-verlauf-628.gif) no-repeat bottom left;}
#content .msgteaser .neu strong { background:url(../../img/marker-neu.gif) no-repeat top right; padding-right:28px; }
#content .msgteaser .tipp strong { background:url(../../img/marker-tipp.gif) no-repeat top right; padding-right:28px; }

/* ------ Listen, Links etc.------ */
#content .note { font-size:11px; color:#888; }

#content .liste {width:314px; padding: 10px 8px 0px 8px; margin:0px; float:left}
#content .liste {w\idth:298px;}

#content .liste ul    { 
    margin-bottom: 0px;
	zoom: 1; 
}

#content .liste ul li,
#content .liste ul.bullet ul li {
    background:    url(../img/icons/bullet-point.gif) no-repeat 1px 7px;
    margin-top: 5px;
	padding-bottom:0px;
    padding-left:  12px;
	list-style:none;
}

#content .liste ul.bullet li {
    background:    url(../img/icons/bullet.gif) no-repeat 0px 0px;
    padding:       0px 0px 9px 21px;
}

#content .liste ul.bullet ul li {margin:4px 0px}
#content .liste ul.bullet ul  {margin-top:9px}

#content .liste ul.related li {
    background:   url(../img/icons/arrow-fwd.gif) no-repeat 1px 6px;
}

/* msg_lp von jelt*/
#content #msg_lp {width:630px; height:450px;}
#content #msg_lp .msg_lp_header {width:630px; height:250px; background-image:url(../img/headdergrafik.jpg);float: right;}
#content #msg_lp .msg_lp_text {width:630px; height:125px; background:url(../img/bg_footer.gif); background-repeat:repeat-y;float:right;}
#content #msg_lp .msg_lp_text .text_links {width:275px; height:125px; float:left; vertical-align: top; padding: 0 30px 0 20px;}
#content #msg_lp .msg_lp_text .text_rechts {width:255px; height:125px; float:right; vertical-align: top; padding: 0 30px 0 10px;}
#content #msg_lp .msg_buttons {width:630px; height:75px; background-image:url(../img/footer.jpg); float:right;}
*html #content #msg_lp .text_links {width:325px;}
*html #content #msg_lp .text_rechts {width:305px;}
#content #msg_lp .msg_buttons .button_links {width:184px; height:20px; vertical-align: bottom; float:left; padding: 20px 65px 0 76px}
#content #msg_lp .msg_buttons .button_rechts {width:121px; height:20px; float:right; padding: 20px 100px 0 84px}
#content #msg_lp #msg_fussnote {float:left; width:237px; padding: 10px 38px 0 50px}
*html #content #msg_lp #msg_fussnote {width:325px;}
#content #msg_lp #msg_systemvoraussetzungen {width:630px; height:120px;}


#content h2 {
border-bottom:1px solid #DCE5EB;
clear:left;
color:#6e8400;
font-family:verdana,arial,helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin:0px 0px 10px;
overflow:hidden;
padding:0px 0px 2px;
}


#content ul li {
background:transparent url(../img/bullet-point.gif) no-repeat scroll 0px 7px;
display:block;
margin:0pt 0pt 5px !important;
padding-left:10px;
}
#content ul, #content ul * {
line-height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/* 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;}
.hinweis .footer_indent {margin-left:9px;}