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

#nav-sub .product strong     { background:#E1EBF6; }
#nav-sub .product .l2 a { background:url(../../img/navi/smartsurfer/pfeil.gif) 5px 9px no-repeat;}

#nav-sub .product .l2 strong.open2 {padding-left:5px; background:#E1EBF6;} /*Sonderfall, Level 2 aktiv und verlinkt */
#nav-sub .product .l2 strong.open2 a { background:#EEF3F7; 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:#E1EBF6;}
#nav-sub .product .l3 strong { background:url(../../img/navi/smartsurfer/pfeil.gif) 5px 9px no-repeat; }
#nav-sub .product .l3 a.open,
#nav-sub .product .l3 strong.open { background:url(../../img/navi/smartsurfer/pfeil_open.gif) 5px 9px no-repeat; }
#nav-sub .product .l4 {xpadding:0px;}
#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:#E1EBF6; }
#nav-sub .product .l4 #focus { background:#E1EBF6 !important;}
#nav-sub .product .l5 a,
#nav-sub .product .l5 strong { background:url(../../img/navi/smartsurfer/punkt.gif) 20px 9px no-repeat !important; } 
#nav-sub .product .l5 #focus { background:#E1EBF6 !important;}

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

/* ----- Content ----- */
#content_center {float:left; width:470px; margin:0px; padding:0px;}
#content_right  {width:150px; margin-bottom:10px; padding:0px; float/* */:right;} /* IE 5.0 Hack */
#content .last  {margin-bottom:0px !important;}


/* ----- Content Module Verlaufsboxen ----- */

.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;}
.box-content h3 {padding:0px 0px 5px 0px; margin:0px; font:bold 12px/16px verdana, arial, helvetica, sans-serif;}
.box-content .btn {margin:20px 0px 0px 0px; display:block; float:left; width:232px;}

#service_1 {width:100px;border:1px solid red;float:left;	font-size:11px;}
#service_2 {width:30px;border:1px solid red;}

/* ----- Content Unterseiten ----- */
/* Unterseiten */
#content .intro 		{margin:0px; padding:0px;}
#content .intro .img 	{float:left; margin:0px; padding:0px;}

#content h2,
#content h1.headline {
    clear:left; 
    color:#2C5E77; 
    font:bold 14px/18px verdana, arial, helvetica, sans-serif;  
    margin:0px 0px 10px 0px; 
    padding:0px 0px 2px 0px; 
    overflow:hidden;
}

#content h2 {
    border-bottom:1px solid #DCE5EB; 
}

#content .article {margin:0px; margin-bottom:20px; padding:0px; font:normal 12px/16px verdana, arial, helvetica, sans-serif; }

.article-img-1          {float:left; margin:0px; width:110px;}
.article-img-3          {float:left; margin:0px; width:130px;}
.article-img-2          {float:left; margin:0px; width: 60px;}
.article-img-130 	    {float:left; text-align:left; width:130px; margin:0px;}
.article-img-200 	    {float:left; text-align:left; width:200px; margin:0px;}
.article-img-405 	    {float:left; text-align:center; width:405px; margin-left:40px;margin-top:10px;margin-bottom:10px;}
.article-img-630	    {float:left; text-align:center; width:630px; margin-left:0px;margin-top:10px;margin-bottom:10px;}
* html .article-img-1   {margin-right:-3px;} /* fixes IE 3px-Bug */
* html .article-img-2   {margin-right:-3px;} /* fixes IE 3px-Bug */
* html .article-img-130 {margin-right:-3px;} /* fixes IE 3px-Bug */
* html .article-img-200 {margin-right:-3px;} /* fixes IE 3px-Bug */
* html .article-img-405 {margin-left:17px;}  /* fixes IE 3px-Bug */

.article-txt          {margin-left:120px;}
.article-txt-3          {margin-left:140px;}
.article-txt-2        {margin-left: 70px;}
.article-txt-340      {margin-left:140px;}
.article-txt-430         {margin-left: 210px;}
.article-txt-470      {margin-left: 10px;}
* html .article-txt     {height:1%; margin-left:117px;} /* fixes IE 3px-Bug */
* html .article-txt-3     {height:1%; margin-left:137px;} /* fixes IE 3px-Bug */
* html .article-txt-2   {height:1%; margin-left: 67px;} /* fixes IE 3px-Bug */
* html .article-txt-340 {height:1%; margin-left:137px;} /* fixes IE 3px-Bug */
* html .article-txt-430         {height:1%; margin-left:  207px;}   /* fixes IE 3px-Bug */
* html .article-txt-470 {height:1%; margin-left:  7px;}   /* fixes IE 3px-Bug */

.btndownload {height:20px; padding:5px 0 10px 155px; }
.btndownload .majorlink {float:left;}

.sizebox {width:130px;background-color:#EAF2F9;text-align:right;}
.article-img-200 .sizebox {width:200px; background-color:#EAF2F9; text-align:right;}
* html .sizebox {margin-top:-2px;}
* html .article-img-200 .sizebox {margin-top:-2px;}

#content .contentNav {width:470px; height:20px; padding-bottom:5px; padding-top:5px;}
#content .contentNav630 {width:630px; height:20px; padding-bottom:5px; padding-top:5px;}
#content .contentNav .back2index {float:right; width:330px; text-align:center; font-size:bold; }
#content .contentNav630 .back2index {float:right; width:490px; text-align:center; font-size:bold;}
#content .contentNav .prev {float:right; width:66px;}
#content .contentNav .back {float:right; width:70px;}
#content .contentNav .lastpageback {float:left; width:70px;}
#content .contentNav630 .prev {float:right; width:66px;}
#content .contentNav630 .back {float:right; width:70px;}


.toolbox   {margin:0px; margin-bottom:10px; width:150px;}
* html .toolbox   {margin-left /**/: /**/7px;} /* IE 5.0 Hack */
.toolbox * {font:normal 11px/14px verdana, arial, helvetica, sans-serif;}
.toolbox .index {color:#2C5E77; background:transparent url(../img/bg-top150.gif) no-repeat top left; border-width:0px; font-weight:bold; line-height:23px; margin:0; overflow:hidden; padding: 1px 4px 0px 8px;}
.toolbox .box { background:transparent url(../img/bg-bottom150.gif) no-repeat bottom left; padding: 0px 1px 5px 1px;}
.toolbox .box .tb_img  {float:right; width:34px; background:transparent; padding-top:5px;}
.toolbox .box .tb_img2  {float:right; width:30px; background:transparent; padding-top:4px;}
.toolbox .box .tb_text {font-size:11px; padding: 5px 0px 5px 7px; background-color: #ffffff; }
.toolbox .box .tb_btn  {height:20px; text-align:center; padding:5px 0 5px 30px;}
.toolbox .box .tb_btn .majorlink {float:left;}
.toolbox .box .tb_box2 {padding-top:0px; padding-left:7px; padding-right:7px; padding-bottom:2px;}


/* fuer aktuelle online-Startseite noch noetig, nach online-Gang der neuen version loeschen */
.article_470-btn 	{margin-top:0px; width:470px; text-align:center; display:block;}
.toolbox .box .tb_btn  {height:20px; text-align:center; padding:5px;}
.toolbox .box .tb_btn .majorlink {margin-left:25px;}
/* loeschen ENDE */


.majorlink
 {
    position:       relative; 
    display:        inline; 
    float:          right;   
    width:          auto;
    height:         20px;
    margin-bottom:  0;
    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; }


#content #smurf {width:470px; height:241px; background:url(../img/bg_smurf.gif) no-repeat right top;}

#content .article p.article-txt-470-2 { margin-left:0px; margin-bottom:10px;}
#content .article p.mb0 {margin-bottom:0px;}

/* Smartsurfer FAQ */
#content .textleft {text-align:left; margin-top:0px;}
.gotop      {border-bottom:1px solid #D0D0D0; text-align:right;} 
.gotop-last {text-align:right;}
.gotop img  {margin-bottom:3px !important;}


/* Smartsurfer Anbieter-Info */
.even {background-color:#f7f8fc;}

#content .hinweis {font-size:11px;color:#888888;}
#pad_1 .pad {width:150px; height:0px;}
.hl_blue {color:#0037D1; margin-left: 35px; font: bold 18px/20px arial, verdana,  helvetica, sans-serif; }
/* klasse für höhergestellte Zeichen*/
.fuss {position: relative; top: -3px; font-size: 9px; padding: 0px;}

/*.fl{float:left;}*/
/*.fr{float:right;}*/
.brd{border:1px solid red;}


/* ----- Fehlermeldung ----- */
.marked  {color:red;}
div.hint {float:left; width:470px; margin-bottom:10px;}
div.hint .error     {background:url(../img/bg-top-error-x6.gif) top left no-repeat;}
div.hint .error div {background:url(../img/bg-bottom-error-x6.gif) bottom left no-repeat; height:5px; font-size:1px;}
div.hint .error p   {font-size:12px; font-weight:bold; list-style-type:none; padding:15px 10px 11px 62px; margin:0px;}


/* ----- Tabellen ----- */
#content .table {margin-bottom:10px; text-align:center;}
#content .table .x6 {margin-left:auto; margin-right:auto;} /* Zentrierung in allen Browser */
* html #content .table .x6 {margin-left:0; margin-right:0;} /* fehlerhafte Zentr. im IE bei gefloat. rueckgaengig machen */
#content .table .x6 div {background:transparent url(../img/bg-bottom-x6.gif) no-repeat bottom left; padding-bottom:5px;}
#content .table .x6 div div {background:transparent url(none); padding-bottom:0px;}
#content .table .x6 {background:transparent url(../img/bg-head-x6.gif) no-repeat top left;}
#content .table table {border:1px solid #CED4DA; border-width:0px 1px; width:100%;}
#content .table th, 
#content .table td {font:normal 12px/16px verdana, arial, helvetica, sans-serif; padding:3px 6px 4px 8px; text-align:left;}
#content .table th.alt {background:#F8F9FB;}
#content .table th {font-weight: bold;}
#content .table tr     {background:#FFF;}
#content .table tr.alt {background:#F8F9FB;}
#content .table h2 {border-bottom:1px solid #DCE5EB; color:#000; font:bold 11px/21px verdana, arial, helvetica, sans-serif; padding:2px 0 0; margin:0 8px; overflow:hidden; text-align:left;}


/* ----- Formulare ----- */
#content form        {background:url(../img/bg-head2-x6.gif) no-repeat top left; margin-bottom:10px;}
#content .x6 h2.form {color:#000; font:bold 11px/21px verdana, arial, helvetica, sans-serif; padding:2px 0 0; margin:0 8px; overflow:hidden; text-align:left;}
#content .x6 div.form   {background:#f3f7fb url(../img/bg-bottom-x6.gif) no-repeat left bottom; padding-bottom:10px;}
#content .form fieldset {border:0px solid; padding:8px;}
#content .form fieldset input {font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif; padding:1px;}
#content .form h3       {margin-top:0px; margin-bottom:3px;}
#content .form label    {margin-bottom:2px;}
#content .form .col1    {width:240px; float:left; }
#content .form .col2    {width:210px; float:left; }
#content .submit {text-align:right; padding-bottom:10px;}
#content .note   {font-size:11px; color:#999; margin-top:5px; margin-bottom:0px;}


/* ----- Navigationslinks ----- */
.inpagenav  { padding:0px; margin:0px; float:right;}
.inpagenav .forwardlink {
	font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	background: url(../../img/navi/smartsurfer/pfeil.gif) no-repeat 0px 6px;
	float:      right;
	padding-left: 10px;
	padding-top:   1px;
}


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

/* Fix the IE/Win Disappearing List-Background Bug: */
* html #content ul { height:1px; overflow:visible; margin:0px; }
*+html #content ul { height:1%; }

/* ----- Linkliste ----- */
#content ul.related    {margin:0 0 20px 0;}
#content ul.related li {background:url(../../img/navi/smartsurfer/pfeil.gif) no-repeat 0px 6px; list-style:none; padding-left:10px; margin:5px 0; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
#content ul.related p  {font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;}



/* ----- Intro Seiten ----- */
.intro #main { background:url(../img/main_bg_intro.gif) repeat-y;} 
.x10 { width: 790px;}
.x10 .module { background:url(../img/bg-top-x10.gif) top left; padding-top:5px; margin-bottom:10px;}
.x10 .module .modulecontent {background:url(../img/bg-bottom-x10.gif) bottom left; padding-bottom:10px;}
.x10 .module.important, 
.x10 .module.important .modulecontent {background-color:#EFF7FF};

.intro h1 {margin:0px 17px 10px;}
.intro p  {margin:0px 17px 10px;}
.intro h3 {margin:0px 17px 10px;}
.intro ul {margin:0px 17px 10px;}
.intro ul li {margin:0px 0px 10px;}

.intro h1.intro14 { margin-top:20px;}
.intro p.intro14  { margin:0px 345px 10px 17px;}
.intro h3.intro14 { margin:20px 345px 10px 17px;}

/* Bulletliste */
.module ul.intro14 { margin:0px 240px 10px 17px;}
.module ul, .module ul * { list-style:none; line-height:16px; }
.module ul li { background:url(../img/intro/haken.gif) no-repeat 0px 0px; display:block; padding-left:34px; margin:0 0 10px; min-height:24px;}
* html .module ul li {height:24px; overflow:visible;}
/* Fix the IE/Win Disappearing List-Background Bug: */
* html .module ul { height:1px; overflow:visible; }
*+html .module ul { height:1%; }



/* neue Seite - 080221*/

/* Hilfe-Box */
#nav-sub .toolbox {
    margin-top: 10px;
}
#nav-sub .toolbox .index {
    padding: 1px 4px 0px 8px;
}
#nav-sub .toolbox .box { 
    padding: 0px 1px 5px 1px;
}
#nav-sub .toolbox .box .tb_text {
    padding: 5px 0px 0px 7px;
}
#nav-sub .toolbox .box .tb_text a {
    border-bottom: 0px;
    color:#14C;
    display: inline;
    line-height: 14px;
    margin:0px;
    padding:0px;
    text-decoration:none;
}
#nav-sub .toolbox .box .tb_text a:visited {
    color:#57F;
}
#nav-sub .toolbox .box .tb_text a:hover { 
    text-decoration: underline;
}
#nav-sub .toolbox .box .tb_text a:active {
    text-decoration: none;
}

#nav-sub .toolbox .box .tb_text .pfeil {
    background: url(../../img/navi/smartsurfer/pfeil.gif) 2px 5px no-repeat;
    line-height: 18px;
    padding-left: 10px; 
}



/* Content */
#content .headline {
    border-bottom: 0px;
    margin: 0px 0px 3px;
}
#content .article p .pfeil {
    background: url(../../img/navi/smartsurfer/pfeil.gif) 1px 5px no-repeat;
    padding-left: 10px;
}
#content .border {
    border-bottom: 1px solid #DCE5EB;
    margin-bottom: 15px;
    padding-bottom: 11px;
}
#content .article_bg {
    background: url(../img/080221/70_prozent.jpg) 335px -4px no-repeat;
}
#content .article_bg .article p {
    padding-right:150px;
}
#content .x6 {
    width: 470px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#content .x6 .infobox { 
    background:#fff url(../img/bg-bottom-x6.gif) no-repeat left bottom;
    padding-bottom: 10px;
}

#content .x6 .infobox .moduleheader { 
    background:url(../img/bg-head-x6.gif) no-repeat top left;
    padding: 0px 8px;
}
#content .x6 .infobox .modulecontent { 
    padding: 5px 8px;
}
#content .x6 .infobox h2 {
    color: #000;
    font:bold 11px/21px verdana, arial, helvetica, sans-serif;
    padding:2px 0 0;
    margin-bottom: 0px;
}
#content .x6 .infobox .moduleheader b {
    color: #000;
    font:bold 11px/21px verdana, arial, helvetica, sans-serif;
    padding:2px 0 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #DCE5EB;
    display:block;
}