/* ----- Level 1-4 Hintergrund Browser ----- */
#nav-sub .l2 { border-top:1px solid #D8DFE5; margin-top:4px; }
#nav-sub .product strong { background:#DFEDF1; }
#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:#DFEDF1;} /*Sonderfall, Level 2 aktiv und verlinkt */
#nav-sub .product .l2 strong.open2 a { background:#DFEDF1; 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:#DFEDF1;}
#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:#DFEDF1; }
#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:#DFEDF1 !important;}

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


/* ----- 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(//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(//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	 {width:630px; margin:0px; padding:0px; overflow:hidden;}
#content .msgdetails {xfloat:left; width:330px; padding:130px 0px 0px 20px; margin:0px;}
#content .msgdetails li { margin-bottom:5px;}
* html #content .msgdetails { width /**/:350px; }
#content .msgbutton  {clear:left; width:308px; height:30px; padding-left:70px; padding-top:15px; }
#content .msgdetails .infotext {margin-top:15px;}


/* --------- Liste ------------*/
#content ul.lp-list-blue {font-size: 12px; list-style: none;  padding:1px 0px;}
#content ul.lp-list-blue li {background: url(../img/browser_bullet.jpg) no-repeat; padding-left:23px;
margin-left: 0px; padding-bottom:17px; padding-top:0px; }
#content ul.lp-list-blue.nobg li {background-image:none; padding-left: 49px; }


/* --------- Link ------------*/
.majorlink  { position: relative; display: inline; float: left; width: auto; height: 20px; margin-bottom:  0px;     background: url(../img/bg-btn-left.gif) no-repeat left top; white-space: nowrap;}
.majorlink a { color: #000; position: relative; display: inline; float: left;  /* Would have used display:block, but IE then expands width */  width: auto; padding-left: 18px; padding-right:  10px; background: url(../img/bg-btn-right.gif) no-repeat right top; height: 20px; font-size: 11px; line-height: 19px; color: #000000; }
.back .majorlink {background-image:url(../img/bg-btn-rwd.gif);}
.majorlink a,
.majorlink a:hover,
.majorlink a:visited,
.majorlink a:hover {color:#000;}
.majorlink a:hover {text-decoration:underline; }


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

#content .msgteaser .teaserXS {float:left; width:310px;}
#content .msgteaser .teaserXS .hl_XS {margin:0px; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; background:url(../img/boxen/bg-head-x4.gif) no-repeat top left; height:24px; width:310px; }
#content .msgteaser .teaserXS .hl_XS strong {margin:0px 7px; height:21px; padding-top:2px; border-bottom:1px solid #CED4DA; display:block; line-height:21px; }

#content .msgteaser .teaserXS .contentXS {width:308px; height:150px; overflow:hidden; border-left:1px solid #CED4DA; border-right:1px solid #CED4DA;}
* html #content .msgteaser .teaserXS .contentXS { width /**/:310px; }
#content .msgteaser .teaserXS .contentXS .imgXS { float:left; width:107px; height:75px; margin:0 7px 0 0; }
#content .msgteaser .teaserXS .contentXS .imgXS-fullsize { width:308px; height:75px; margin:0px; }
#content .msgteaser .teaserXS .contentXS .textXS { padding:5px 7px 0px; heigth:75px;}
#content .msgteaser .teaserXS .contentXS .textXS-fullsize { padding:0px 7px 0px; }
#content .msgteaser .teaserXS .footerXX { width:310px; height:5px; margin:0px;}

#content .msgteaser.y1 .teaserXS .contentXS { height:180px; }
#content .msgteaser.y2 .teaserXS .contentXS { height:197px; }
#content .msgteaser.y3 .teaserXS .contentXS { height:165px; }
#content .msgteaser.y4 .teaserXS .contentXS { height:182px; }
#content .msgteaser.y5 .teaserXS .contentXS { height:150px; }
#content .msgteaser.y1 .spreaderXS { height:160px; }
#content .msgteaser.y2 .spreaderXS { height:197px; }
#content .msgteaser.y3 .spreaderXS { height:165px; }
#content .msgteaser.y4 .spreaderXS { height:182px; }
#content .msgteaser.y5 .spreaderXS { height:150px; }


#content .msgteaser .teaserXL {width:630px;}
#content .msgteaser .teaserXL .hl_XL {margin:0px; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; background:url(../img/boxen/bg-head-x8.gif) no-repeat top left; height:24px; width:630px; }
#content .msgteaser .teaserXL .hl_XL strong {margin:0px 7px; height:21px; padding-top:2px; border-bottom:1px solid #CED4DA; display:block; line-height:21px; }

#content .msgteaser .teaserXL .contentXL {width:628px; height:150px; overflow:hidden; border-left:1px solid #CED4DA; border-right:1px solid #CED4DA; padding-top: 7px;}
* html #content .msgteaser .teaserXL .contentXL { width /**/:630px; }
#content .msgteaser .teaserXL .contentXL .imgXL { float:left; xwidth:107px; xheight:75px; margin:0 9px 0 14px; }
#content .msgteaser .teaserXL .contentXL .textXL { padding:13px 7px 0px; xheigth:75px;}

#content .msgteaser.y6 .teaserXL .contentXL { height:134px; }

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

.link64bit {margin: 0; padding: 0; padding-left: 80px; padding-bottom: 5px;}
.link64bit a {font:normal 11px/13px verdana, arial, helvetica, sans-serif;}

/* Messagebox */
.message { margin-bottom: 10px; }
.message .success                { background: url(//img.ui-portal.de/global/img/mod/message-success-top.gif)    0px   0% no-repeat; }
.message .success .modulecontent { background: url(//img.ui-portal.de/global/img/mod/message-success-bottom.gif) 0px 100% no-repeat; }

.x12 .message .success { background-position: -5280px 0%; }
.x10 .message .success { background-position: -3600px 0%; }
.x8  .message .success { background-position: -2240px 0%; }
.x7  .message .success { background-position: -1680px 0%; } /* Ausnahme DSL*/
.x6  .message .success { background-position: -1200px 0%; }
.x4  .message .success { background-position:  -480px 0%; }

.x12 .message .modulecontent { background-position: -5280px 100%; }
.x10 .message .modulecontent { background-position: -3600px 100%; }
.x8  .message .modulecontent { background-position: -2240px 100%; }
.x7  .message .modulecontent { background-position: -1680px 100%; } /* Ausnahme DSL */
.x6  .message .modulecontent { background-position: -1200px 100%; }
.x4  .message .modulecontent { background-position:  -480px 100%; }

.message .modulecontent {
    line-height: 16px;
    padding: 16px 16px 16px 63px;
}

.message p {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    min-height: 32px;
}

* html .message p {
    height: 32px;
    overflow: visible;
}

.message .error span { 
    color: #FF0000; 
}
/* Silverlight Box */
.silverlight-installed #box-silverlight {
    display: none;
}

.jsActive .systemreqs {
    display: none;
}
.systemreqs {
    padding: 10px 0;
}