/* ----- Level 1-4 Hintergrund Produkte + Fallback ----- */
#nav-sub .l2 { border-top:1px solid #D8DFE5; margin-top:4px; }

#nav-sub .product strong     { background:#FFF5DE; }
#nav-sub .product .l2 a { background:url(../../img/navi/club/pfeil.gif) 5px 9px no-repeat;}
#nav-sub .product .l2 a.open { background:none; }
#nav-sub .product .l2 strong,
#nav-sub .product .l3 #focus { background:#FFF5DE; }
#nav-sub .product .l3 strong { background:url(../../img/navi/club/pfeil.gif) 5px 9px no-repeat; }
#nav-sub .product .l3 a.open,
#nav-sub .product .l3 strong.open { background:url(../../img/navi/club/pfeil.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:#FFF5DE; }
#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:#FF0000 !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:#FFFBF0 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:#FFFBF0; 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 Module Verlaufsboxen ----- */
/* Box 630  */
#content .box-bg {width:630px;}
#content .box-bg .box-bg-header {float:left; width:375; margin:0;}
#content .box-bg .box-bg-header-menu {float:right; width:255;margin:0;}
#content .box-bg .box-bg-header-menu a: {text-decoration:none;}

/* hier btn interaktion */
#content .box-bg .box-bg-header-menu ul {list-style:none; margin:0px; padding:0px;}
#content .box-bg .box-bg-header-menu li {width:255px; height:56px;padding:0px; margin:0px;line-height:0; #margin-bottom: -2px;}
#content .box-bg .box-bg-header-menu li a {width:255px; height:56px;padding:0px; margin:0px;display:block;}
#content .box-bg .box-bg-header-menu li a span {display:none;}

#content .box-bg .box-bg-header-menu .box-bg-header-menu-email a{background-image:url(../img/btn_email_inakt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-email a:hover {background-image:url(../img/btn_email_akt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-email-act  {background-image:url(../img/btn_email_akt.gif)}

#content .box-bg .box-bg-header-menu .box-bg-header-menu-sicherheit a {background-image:url(../img/btn_sicherheit_inakt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-sicherheit a:hover {background-image:url(../img/btn_sicherheit_akt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-sicherheit-act  {background-image:url(../img/btn_sicherheit_akt.gif)}

#content .box-bg .box-bg-header-menu .box-bg-header-menu-internet a {background-image:url(../img/bt_meinInternet_inakt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-internet a:hover {background-image:url(../img/bt_meinInternet_akt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-internet-act  {background-image:url(../img/bt_meinInternet_akt.gif)}

#content .box-bg .box-bg-header-menu .box-bg-header-menu-mobile a {background-image:url(../img/btn_mobile_inakt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-mobile a:hover {background-image:url(../img/btn_mobile_akt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-mobile-act  {background-image:url(../img/btn_mobile_akt.gif)}

#content .box-bg .box-bg-header-menu .box-bg-header-menu-premium a {background-image:url(../img/btn_premiumStatus_inakt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-premium a:hover {background-image:url(../img/btn_premiumStatus_akt.gif)}
#content .box-bg .box-bg-header-menu .box-bg-header-menu-premium-act  {background-image:url(../img/btn_premiumStatus_akt.gif)}

/* ende btn interaktion */

#content .box-bg .box-bg-content {padding: 10px; width:auto; background: #fff; border:1px solid #777; border-bottom:0px;clear:both;}
#content .box-bg .box-bg-content span {padding: 0px;}


#content .box-bg-footer {width:630px;}
#content .box-bg-footer .box-bg-footcontent {width:610px; height:136px; background:url(../img/untereVerlaufBox.gif) no-repeat 0 0; margin-bottom:10px; padding:10px;}

#content .box-bg-footer .box-bg-footcontent table {height:136px; width:610px; font:normal 12px/16px verdana, arial, helvetica, sans-serif;}
#content .box-bg-footer .box-bg-footcontent .td-button {width:6%;text-align:center;}
#content .box-bg-footer .box-bg-footcontent .td-text {width:44%; font:normal 12px/16px verdana, arial, helvetica, sans-serif;}

#content .box-bg .box-header-menu ul {list-style:none; margin:0px; padding:0px;}
#content .box-bg .box-header-menu li {padding:0px; margin:0px;line-height:0;}

* html #content .box-bg {margin-left:10px;} /* IE-hack */
* html #content .box-bg-footer {margin-left:10px;} /* IE-hack */
* html #content .box-bg-content {margin-top:-2px;} /* IE-hack */


/* Boxen 310/310 -- middle, middle */
#content .box-mm {width:630px; background:url(../img/start_boxen_1px.gif) repeat-y 0 0;}
/*middle*/
#content .box-m {float:left; width:310px; background:url(../img/start_boxen_1px.gif) repeat-y 0 0;}
#content .box-m .box-header {background:url(../img/start_boxen_header.gif) no-repeat 0 0; padding-left: 5px; font:bold 12px/25px verdana, arial, helvetica, sans-serif;}
#content .box-m .box-header .redHeader {color: #FF0000}
#content .box-m .box-content {padding: 10px 5px 5px 5px;}
#content .box-m .box-content img {float:left; padding: 0px 10px 0px 0px; margin: 0px 10px 20px 0px;}
#content .box-m .box-content span {padding: 0px; margin: 5px 0 0 0;}
#content .box-m .box-content div.header {margin: 0px 0 5px 0;}

/*#content .box-m .box-content strong {margin: 0 0 150px 0;}*/

#content .box-mm-footer {width:630px;}
#content .box-mm-footer .box-m {float:left; background:url(../img/start_boxen_unten.gif) no-repeat 0 0; height:5px; width:310px;}

.box-content ul {list-style:none; margin:0px; padding:0px; font:normal 12px/16px verdana, arial, helvetica, sans-serif;}
.box-content li {color:#ffffff; background: url(../img/bullet_pfeil_trans.gif) no-repeat 0px 0px; padding-left:11px; margin:0px;}

#content .box-mm-area {margin-bottom:10px;}
* html #content .box-mm-area {margin-left:10px; margin-bottom:0px;} /* IE-hack */

#content .bereich-unten {width:630px;}
* html #content .bereich-unten {margin-left:10px;} /* IE-hack */
.bereich-unten td {font:normal 12px/16px verdana, arial, helvetica, sans-serif;}

/* ----- Content Unterseiten ----- */
/* Unterseiten */
#content .intro 		{width:630px; margin:0px; padding:0px;}
#content .intro-left 	{float:left; width:390px; height:216px;}
#content .intro-bg 		{float:left; width:390px; height:151px;}
#content .intro p 		{color:#FFFFFF; font:normal 12px/16px verdana, arial, helvetica, sans-serif;}
#content .intro .img 	{float:left; margin:0px; padding:0px;}

#content h2 			{clear:left; border-bottom:1px solid #DCE5EB; color:#2C5E77; font:bold 14px/18px verdana, arial, helvetica, sans-serif;  margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; width:630px; }
#content .article {width:630px; margin: 0px; margin-bottom:20px; padding: 0px; font:normal 12px/16px verdana, arial, helvetica, sans-serif; }

#content .article-img 	     {float:left; text-align:center; width:160px; margin:0px;}
* html #content .article-img {margin-right:-3px;} /* fixes IE 3px-Bug */

#content .article p.article-txt        {margin-left:160px;}
* html #content .article p.article-txt {height:1%; margin-left:157px;} /* fixes IE 3px-Bug */

#content .article2 .article-img 	     {float:left; text-align:center; width:75px;}
* html #content .article2 .article-img 	 {margin-right:-3px;} /* fixes IE 3px-Bug */

#content .article2 .article p.article-txt        {margin-left:75px;}
* html #content .article2 .article p.article-txt {height:1%; margin-left:72px;} /* fixes IE 3px-Bug */

#content .article3 {width:630px; margin: 0px; margin-bottom:20px; padding: 0px; font:normal 12px/16px verdana, arial, helvetica, sans-serif; }
#content .article3 p.article-txt {margin-right:160px;}
.article3 p.article-txt textarea {width:467px; height: 112px; margin: 0px; margin-top: 10px;}
* html .article3 p.article-txt textarea {width:463px;}
#content .article-box {float:right; width:150px; margin:0px;}
#content .article-box .box-s {float:left; width:150px; margin-bottom: 10px;}
#content .article-box .box-s .box-header {background:url(../img/boxHeader_s.gif) no-repeat 0 0; padding-left: 5px; font:bold 12px/25px verdana, arial, helvetica, sans-serif;}
#content .article-box .box-s .box-content {padding: 10px 5px 5px 5px; border: solid #DCE5EB; border-width: 0px 1px 0px 1px; }
#content .article-box .box-s .box-footer {float:left; background:url(../img/boxFooter_s.gif) no-repeat 0 0; height:5px; width:150px; overflow: hidden;}

#content .article3 .article-btn {text-align: center; margin-top:20px; display:block; width: 470px;}

#content .article-btn 	{float:left; margin-top:20px; display:block;}
#content .article ul { font:normal 12px/16px verdana, arial, helvetica, sans-serif; list-style: none; margin: 0px; padding: 0px;}
#content .article li {background: url(../img/bullet.gif) no-repeat top left; padding-left: 25px; margin-bottom: 4px;}


/* Loginbox */
#content .login 		{float:left; width:630px; margin:0px; padding:0px; margin-bottom:10px;}
#content .login p 		{color:#FFFFFF; font:normal 12px/16px verdana, arial, helvetica, sans-serif;margin-left:15px;margin-top:115px;}
#content .login ul { font-size: 12px; list-style: none; margin: 0px; padding: 0px;}
#content .login li {color:#ffffff; background: url(../img/aufzaehlung.gif) no-repeat top left; padding-left: 22px; margin-left:12px; margin-bottom: 4px;}

#content .loginbox {width:630px; background:url(../img/boxBg_f.gif) repeat-y 0 0;}
#content .loginbox .box-header {background:url(../img/login_head.gif) no-repeat 0 0; padding-left: 5px; font:bold 12px/24px verdana, arial, helvetica, sans-serif;}
#content .loginbox .box-header .help {float:right; padding-right:5px; font:normal 12px/24px verdana, arial, helvetica, sans-serif;}
#content .loginbox .box-content {padding: 5px 5px 5px 5px;}
#content .loginbox .box-content a {float:left;}
#content .loginbox .box-content-col {background:#F2F5F7; border-left:1px solid #DCE5EB;border-right:1px solid #DCE5EB;}
#content .loginbox .box-content-col form {padding: 5px 5px 5px 5px;}
#content .loginbox .box-content-col .label {margin:0px; padding:0px;}
#content .loginbox .box-content-col input {width:175px; margin-right:5px;}
#content .loginbox .box-content-col input.submitButton {width:50px;}
#content .loginbox .box-content span {padding: 0px;}
#content .loginbox-footer {float:left; background:url(../img/boxFooter_f.gif) no-repeat 0 0; height:5px; width:630px;}

/* klasse für höhergestellte Zeichen*/
.fuss {position: relative; top: -3px; font-size: 9px; padding: 0px;}

/* ----- Fehlermeldung ----- */
.marked  {color:red;}
#content div.hint p   {font-size:12px; list-style-type:none; padding:15px 10px 11px 62px; margin:0px;}
#content div.hint .error .marked  {color:red;}
#content div.hint .success .marked,
#content div.hint .info .marked {color:#000;}

#content div.hint {float:left; width:630px; padding-bottom:10px;}
#content div.hint .error    {background:url(../img/bg-top-error-x8.gif) top left no-repeat;}
#content div.hint .error div {background:url(../img/bg-bottom-error-x8.gif) bottom left no-repeat; height:5px; font-size:1px;}

/* Tesstsiege */
table.tabTestsiege       {border:1px solid #7C7C7C; border-width:0px 1px;}
table.tabTestsiege td    {border-bottom:1px solid #7C7C7C; padding:10px 10px 2px; vertical-align:top;}
table.tabTestsiege td h3 {margin-top:0px;}
table.tabTestsiege .last td {padding-bottom:0px; border-bottom:0px solid #7C7C7C;}
table.tabTestsiege td img   {padding:0px 4px;}
table.tabTestsiege td p b   {white-space:nowrap;}

ul.related li { 
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:12px;
	background:url(../img/dreieck.gif) no-repeat 0px -2px;
}



/* Umfrage */

#umfrage_header {
    background: url(../img/umfrage/bg_seite_1.jpg) 0px 0px no-repeat;
    width: 630px; 
    height: 148px;
}
#umfrage_headertext {
    display: block;
    padding: 75px 250px 0 14px;
}
.umfrage_fragetext {
    display: block;
    clear: both;
    margin-left:13px;
    padding-top: 15px;
}
.umfrage_fragetext2 {
    display: block;
    clear: both;
    margin-left: 13px;
    padding-top: 29px;
}
* html .umfrage_fragetext2 {
    padding-top: 3px;
}
*+html .umfrage_fragetext2 {
    padding-top: 4px;
}
.umfrage_antwort {
    margin-top: 16px;
    margin-left: 14px;
}
*+html .umfrage_antwort {
    float: none;
    overflow: visible;
}

.umfrage_antwort input {
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}
* html .umfrage_antwort input {
    margin-top: -1px;
    margin-right: 3px;
}
*+html .umfrage_antwort input {
    margin-top: -1px;
    margin-right: 3px;
}
.umfrage_antwort label {
    display: block;
    float: left;
    margin-right: 7px;
    width: 120px;
}
.umfrage_antwort input#speicherplatz2,
.umfrage_antwort input#mailanhang2,
.umfrage_antwort input#speicherung2 {
    margin-left: 20px;
}
#umfrage_senden {
    padding-top: 58px;
    padding-left: 502px;
}
* html #umfrage_senden {
    padding-top: 66px;
}
*+html #umfrage_senden {
    padding-top: 66px;
}


/* Ergebnisseite */

#ergebnis_header {
    background: url(../img/umfrage/bg_seite_2.jpg) 0px 0px no-repeat;
    width: 630px; 
    height: 267px;
}
#ergebnis_headertext {
    display: block;
    margin-left: 13px;
    padding-top: 54px;
}

#ergebnis_headerlist {
    list-style-type: none;
    margin-left: 13px;
    padding-top: 10px;
}
#ergebnis_headerlist li {
    background: url(../img/umfrage/bullet_mini.gif) 0px 0px no-repeat;
    padding-left: 20px;
    margin-bottom: 7px;
}
.ergebnis_note {
    font-size: 11px;
    line-height: 14px;
    color: #A7A7A7;
    padding-top: 14px;
    padding-bottom: 22px;
}

#ergebnis_loginform td, #ergebnis_loginform_zusatz td, #ergebnis_table td {
 font-size: 12px;
}




#content .box-bg .box-bg-header-neu {
    background: url(../img/090202/keyvisual.jpg) 0px 0px no-repeat;
    width:630px;
    height: 291px;
}

#content .box-bg .box-bg-header-neu ul {
    padding-top: 102px;
    margin-left: 56px;
    list-style-type: none;
}

#content .box-bg .box-bg-content-neu {
    background: url(../img/090202/verlauf-testsieger.gif) 0px 0px no-repeat;
    width:630px;
    xheight: 291px;
}
#content .box-bg .box-bg-content2-neu {
    margin-top: 18px;
}

#content .box-bg .box-bg-content-neu ul {
    padding-top: 26px;
    margin-left: 13px;
    list-style-type: none;
}
#content .box-bg .box-bg-content-neu ul li {
    background: url(../img/090202/bullet_haken_24x24.gif) 0px 3px no-repeat;
    margin-bottom: 21px;
    padding-left: 30px;
}
#content .box-bg .box-bg-content-neu ul li.last {
    margin-bottom: 0px;
}

#content .box-bg .box-bg-content-neu h2 {
    font: bold 14px/18px verdana, arial, helvetica, sans-serif;
    margin: 0px;
    padding: 27px 0px 0px 14px;
    width:603px;
    color: #000000;
    border: 0px;
}

#content .box-bg .box-bg-content2-neu .box-bg-content2-link-neu {
    float: left;
    width: 324px;
    margin-top: 23px;
}
#content .box-bg .box-bg-content2-neu .box-bg-content2-link-neu a {
    background: url(../img/090202/arrow-fwd.gif) 0px 5px no-repeat;
    padding-left: 10px;
    margin-left: 13px;
    font-weight: bold;
}

/* Vorteile */
#content .box-bg .box-bg-header-vorteile {
    background: url(../img/090202/contentheader-testsieger.jpg) 0px 0px no-repeat;
    width:630px;
    height: 170px;
}
#content .box-bg .box-bg-content-vorteile {
    width: 629px;
    padding-left: 0px;
    font-size: 11px;
    background: url(../img/090202/bg-module-bottom-x8.gif) left bottom no-repeat;
}
#content .box-bg .box-bg-content-vorteile .boxarticle .headline {
    width: 621px;
    height: 20px;
    background: url(../img/090202/verlauf.gif) 0px 0px repeat-x;
    border-top: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    padding-left: 7px;
    padding-top: 3px;
}

#content .box-bg .box-bg-content-vorteile .boxarticle .contentbox {
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    width: 628px;
}
#content .box-bg .box-bg-content-vorteile .boxarticle .headline span.boxlink {
    display: block;
    width: 602px;
    font-weight: bold;
    color: #000000;
    background: url(../img/090202/icon-close.gif) 0px 2px no-repeat;
    padding-left: 19px;
}
#content .box-bg .box-bg-content-vorteile .first .headline span.boxlink {
    margin-left: 1px;
}
#content .box-bg .box-bg-content-vorteile .boxarticle .headline span.boxlink:hover {
    text-decoration: underline;
    cursor: pointer;
}
#content .box-bg .box-bg-content-vorteile .first .headline  {
    background: url(../img/090202/bg-module-top-x8.gif) 0px 0px repeat-x;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 5px;
    width: 623px;
    height: 21px;
}