/* Allgemeine Angaben */
body { background-color:#FFFFFF; margin:0; }
table, td, div, p, span, form { padding:0; margin:0; border:none; vertical-align:top; text-align:left; }
img { padding:0; margin:0; border:none; }
table { border-spacing:0; border-collapse:collapse; }
ul, ol, li { padding:0; margin:0; }

body, input, select, textarea, td, p, div, span { font:normal 12px Arial, sans-serif; color:#000000; line-height:15px; }

sup { vertical-align:top; margin:0; font-size:8px }

/****************************************************/
/* Ausrichtungen */
.right { text-align:right; }
.bottom { vertical-align:bottom; }

/* Groessen */
/*.contentWidth { width:855px; }*/
.contentWidth { width:775px; }
.space3 { height:3px; overflow:hidden; }
.space5 { height:5px; overflow:hidden; }
.space10 { height:10px; overflow:hidden; }
.space15 { height:15px; overflow:hidden; }
.space20 { height:20px; overflow:hidden; }

/* Text */
.subhead { font-weight:bold; }
span.sup { font-size:8px; vertical-align:top; }
.extraHeadline { font-weight:bold; font-size:14px; margin:5px 0 15px 0; }
span.nobr { white-space:nowrap; }
b span.nobr { font-weight:bold; }

.strikeout { white-space:nowrap; background: url(../_img/dot_black.gif) 0 9px repeat-x;}

/* Textfarben */
.black { color:#000000; }
.white { color:#FFFFFF; }
.magenta { color:#E20074; }
a { color:#E20074; }

/* Hintergrundfarben */
.bgLightGrey { background-color:#CCCCCC; }
.bgWhite { background-color:#FFFFFF; }
/****************************************************/
/*** Haupt-Seitenelemente ***/

/*#main { width:795px; height:100%; } */
#main { width:775px; height:100%; }
/* Aufteilung in Content links sowie rechts die Teaserspalte */
#content { float:left; margin:0 0 20px 0; }
#teaserCol { width:115px; float:right; margin:0 0 0 7px; }

/* Leiste mit Logo unf Metanavigation */
#logoContainer { height:88px; margin:0 0 30px 0; background-color:#000000; }
#metaNav { margin:8px 0 0 790px; }
#metaNav a { font-size:10px; color:#FFFFFF; text-decoration:none; }
.firstDigitline {  width:45px; height:30px; float:left; margin:6px 0 0 0; background: url(../_img/digit.gif) 9px 14px repeat-x; }
.logo { width:934px; height:30px; float:left; margin:6px 0 0 0px; background: url(../_img/digit.gif) 18px 14px repeat-x;  }

/* Reiter-Navigation im Content */
#navContent { height:28px; margin:6px 0 0 0; }

.navContent ul, .navContent li { list-style:none; }
.navContent ul li { float:left; }
.navContent a  { font-weight:bold; color:#FFFFFF; text-decoration:none; padding:4px 8px 4px 7px; display:block; background-color:#999999; }/*und s. common_ie6.css*/
.navContent a:hover { background-color:#e20074; }
.navContent a.high { background-color:#e20074; }

#navContent .left  { float:left; }
#navContent .left ul li { margin:0px 4px 0 0; }
#navContent .right { float:right; }
#navContent .right ul li { margin:0px 0 0 4px; }

/* Link mit :: (z.B. ":: Detail-Info") */
a.navExtra { text-decoration:none; font-weight:bold; color:#000000; }

/* Fussnoten */
#footer { margin:16px 0 0 0; font-size:9px; color:#3D3D3D; } /* vergleich */
#footer span { font-size:9px; color:#3D3D3D; } 
/*#footer span.sup { font-size:8px; }*/
#footer span.nobr { font-size:9px; color:#3D3D3D;  }
#footer #note1, #note2, #note3, #note4, #note5, #note6 { font-size:9px; color:#3D3D3D; }

/****************************************************/

/****************************************************/
/* Links mit Info-Icon */
img.iconInfo { margin:0 0 1px 3px; vertical-align:bottom; }
img.iconInfoAtHead { vertical-align:top; margin:0 0 0 8px; }

/* Info-Layer, die ueber die Info-Icons aufgerufen werden */
#iconLayer { display:none; overflow:hidden; position:absolute; z-index:100; }
/*.innerLayerContent { background:url(../_img/infolayer_middle.gif) 0 0 repeat-y; padding:18px 10px 10px 10px; }*/
.innerLayerContent { background-color:#FFFFFF; border-left:2px solid #E20074; border-right:2px solid #E20074; padding:18px 10px 10px 10px; }
.innerLayerContent ul { margin:0 0 0 15px; }
.innerLayerContent ol { margin:0 0 0 18px; }/*und s. common_ie6.css*/

/*#iconLayerTop { height:13px; overflow:hidden; background:url(../_img/infolayer_top.png) 0 0 no-repeat; }und s. common_ie6.css*/
#iconLayerTopLeft { width:12px; height:13px; background:url(../_img/infolayer_topleft.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
#iconLayerTopMiddle { height:13px; background:url(../_img/infolayer_topmiddle.png) 0 0 repeat-x; }/*und s. common_ie6.css*/
#iconLayerTopRight { width:12px; height:13px; background:url(../_img/infolayer_topright.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
/*#iconLayerBottom { height:12px; overflow:hidden; background:url(../_img/infolayer_bottom.png) 0 0 no-repeat; }*//*und s. common_ie6.css*/
#iconLayerBotLeft { width:12px; height:12px; background:url(../_img/infolayer_botleft.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
#iconLayerBotMiddle { height:12px; background:url(../_img/infolayer_botmiddle.png) 0 0 repeat-x; }/*und s. common_ie6.css*/
#iconLayerBotRight { width:12px; height:12px; background:url(../_img/infolayer_botright.png) 0 0 no-repeat; }/*und s. common_ie6.css*/

#corner { display:block; position:absolute; z-index:120; width:30px; height:36px; }
.cornerlefttop { background:url(../_img/infolayer_corner_left_top.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
.cornerleftbot { background:url(../_img/infolayer_corner_left_bot.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
.cornerrighttop { background:url(../_img/infolayer_corner_right_top.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
.cornerrightbot { background:url(../_img/infolayer_corner_right_bot.png) 0 0 no-repeat; }/*und s. common_ie6.css*/

#icon1Content, #icon1_2Content, #icon2Content, #icon3Content, #icon4Content, #icon4_2Content, #icon5Content, #icon6Content, #icon7Content, #icon8Content, #icon81Content, #icon9Content, #icon91Content, #icon10Content, #icon11Content, #icon12Content { display:none; }
#extraForBBLimited, #extraForBK1, #extraForBK2, #extraForBereitstellungpreis, #extraForBasicRechnung, #extraForSurfer, #extraForTelefonierer { display:none; }
#iconRechnungContent, #iconHotSpotContent, #iconTNETContent, #iconTISDNContent, #iconTNETISDNContent, #iconEMailPaketContent, #iconSicherheitsPaketContent { display:none; }
#iconInstServContent, #iconBereitstellungContent, #iconMonatlRechnContent, #iconBestellinfosContent, #iconFilmpaketContent, #iconMotorolaContent, #iconMotorolaTeaserContent { display:none; }

#closeLayerContent { position:absolute; z-index:200; display:none; }
.closeLayerContent { text-align:right; }
.closeLayerContent a { font-size:10px; color:#000000; text-decoration:none; margin:0 16px 0 0; }
.closeLayerContent img { margin:0 0 3px 6px; vertical-align:bottom; }

/* Sonderfall */
#rechnung { display:none; position:absolute; background-color:#FFFFFF; border:2px solid #E20074; }
#rechnung .closeLayerContent { background:none; margin:12px 0 0 0; }

/* Tabelle in iconlayer */
.iconCompare td { padding:3px; border:1px solid #999999; }
.iconCompHeadline td { vertical-align:top; text-align:center; }
.iconCompdescript { width:205px; vertical-align:top; text-align:left; }
.iconCompCheck { width:120px; vertical-align:middle; text-align:center; }

/****************************************************/
/* Teaser rechte Spalte */
#teaserCol p, #teaserCol div { font-size:10px; line-height:12px; }
#teaserCol b { font-size:10px; font-weight:600; line-height:12px; }
#teaserCol .head { padding:3px 4px 4px 4px; font-weight:bold; font-size:12px; line-height:14px; color:#FFFFFF; background-color:#000000; }
#teaserCol .box { border:1px solid #999999; border-top:none; padding:6px 3px 6px 3px; background-color:#FFFFFF; }
.box span { font-size:10px; padding-left:1px; line-height:11px; }
/*.box span.sup { font-size:7px; vertical-align:top; }*/
.box .bold { font-weight:bolder; }
.box .link { text-align:right; padding:2px 2px 0 0; }
#teaserCol .box  a.boxLinkImage { text-decoration:none; }
/* Teaser und Stoerer im Content */
/*.contentTeaser { float:right; padding:0 39px 0 0; text-align:right; } */
.contentTeaser { float:right; padding:0 14px 0 0; text-align:right; }
.contentStoerer { position:absolute; left:634px; top:10px; width:112px; height:110px; }
.contentStoererPlus { position:absolute; left:714px; top:172px; width:112px; height:110px; }

#teaserCol .box  a.white { color:#FFFFFF; text-decoration:none; }

/****************************************************/
/* Basic, Comfort, Comfort Plus background:url(../_img/box_top_big.gif) 0 0 no-repeat;  */
.boxBigTop { height:7px; overflow:hidden; clear:both; background:url(../_img/box_top_big.gif) 0 0 no-repeat; }
.boxBigMiddle { background:url(../_img/box_middle_big.gif) 0 0 repeat-y; }
.boxBigBottom { height:7px; overflow:hidden; clear:both; background:url(../_img/box_bottom_big.gif) 0 0 no-repeat; }

/*.imgMainHl { width:600px; margin:3px 0 0 30px; }*/
/*.imgSubHl { width:650px; height:18px; overflow:hidden; margin:11px 0 0 30px; }und s. common_ie6.css*/
.imgMainHl { width:600px; margin:3px 0 0 15px; }
.imgSubHl { width:650px; height:18px; overflow:hidden; margin:11px 0 0 15px; }/*und s. common_ie6.css*/
/* Information ueber Leistungen */
.allInfoFields .subhead, .extraHeadline { color:#FFFFFF; }
/*.allInfoFields .subhead2 { padding:11px 0 4px 30px; color:#FFFFFF; font:bold 13px Arial, sans-serif; }*/
.allInfoFields .subhead2 { padding:11px 0 4px 15px; color:#FFFFFF; font:bold 13px Arial, sans-serif; }
/*.infoField { width:230px; margin:11px 0 0 30px; }*/
.infoField { width:220px; margin:11px 0 0 15px; }
.infoField .image { width:46px; float:left; margin:3px 8px 15px 0; }
/*.infoField .text { width:156px; float:right; padding:0 0 6px 0; color:#FFFFFF; }*/
.infoField .text { width:141px; float:right; padding:0 0 6px 0; color:#FFFFFF; }
.infoField span.nobr { white-space:nowrap; color:#FFFFFF; }

/*.infoFieldMed { width:260px; margin:11px 0 0 30px; }*/
.infoFieldMed { width:230px; margin:11px 0 0 15px; }
.infoFieldMed .image { width:46px; float:left; margin:3px 8px 15px 0; }
/*.infoFieldMed .text { width:206px; float:right; padding:0 0 6px 0; color:#FFFFFF; }*/
.infoFieldMed .text { width:171px; float:right; padding:0 0 6px 0; color:#FFFFFF; }
.infoFieldMed span.nobr { white-space:nowrap; color:#FFFFFF; }

/*.infoFieldBig { width:290px; margin:11px 0 0 25px; }*/
.infoFieldBig { width:290px; margin:11px 0 0 10px; }
.infoFieldBig .image { width:46px; float:left; margin:3px 8px 15px 0; }
.infoFieldBig .text { width:236px; float:right; padding:0 0 6px 0; color:#FFFFFF; }
.infoFieldBig ul { margin:5px 0 5px 16px; color:#FFFFFF; }
.infoFieldBig li.img { margin:3px 0 0 -13px; list-style-type:none; }
.infoFieldBig span.nobr { white-space:nowrap; color:#FFFFFF; }

.contentExtraTeaser { margin:42px 0 0 0;height:102px; overflow:hidden; }
.contentExtraTeaserStart { margin:27px 0 0 0;height:102px; overflow:hidden; }

.clearFloat { height:1px; clear:both; overflow:hidden; }

.whiteLine { width:210px; height:1px; overflow:hidden; background-color:#FFFFFF; }
.blackLine { height:1px; overflow:hidden; background-color:#000000; }

.tipp { display:block; width:831px; margin:5px 0 5px 0px; text-align:right; }

/* Formulare (Basic, Comfort, Comfort Plus) */
/* div für dynm. Anzeige */
#formContainer, #anschlussAuswahl, #paketHead, #keinePapierRechnDiv, #message, #messageFailed { display:none; }

.formHead { height:35px; margin:20px 0 10px 32px; }
.formHead .img { float:left; }

#dslCheckDiv { margin:12px 0 0 0; }
#dslCheckDiv .dslCheckDivContent{ width:853px; border:1px solid #999999; }/*und s. common_ie6.css*/
#dslCheckDiv .imgMain{ margin:4px 0 8px 30px; }
#dslCheckDiv .lineBot { border-bottom:1px solid #999999; }
#dslCheckDiv .headBox { width:821px; margin:0 0 0 30px; padding:7px 0 6px 0; }
#dslCheckForm { margin:0 0 0 30px;  }
table.customerData { width:817px; }
table.customerData td { padding:10px 5px 5px 0; font-size:9px; }
table.customerData td.errorImg { width:250px; padding:0; text-align:right; }  
table.customerData div { font-size:9px; line-height:14px; }
#dslCheckDiv div.headBoxSmall { width:422px; border:1px solid #999999; }
#dslCheckDiv p.headBoxSmall { padding:7px 30px 6px 30px; }

#message { margin:15px 0 0 0; text-align:right; }
#msgContent { background-color:#E20074; margin:0 0 6px 0; padding:6px 30px 8px 30px; }
#msgContent .head { font-size:17px; font-weight:bold; color:#FFFFFF; }
#msgContent .text { color:#FFFFFF; padding:6px 0 0 0; }

/*Ergebnis DSL-Check nicht erfolgreich*/
#msgImage { margin:5px 0 5px 30px; }
#messageFailed .frame { border:2px solid #E20074; padding:0 30px 0 28px; }
#msgContentFailed { margin:18px 0 0 0; }
#msgContentFailed .magenta { font-weight:bold; color:#E20074; }
.msgBtn { width:792px; margin:20px 0 20px 0; }
.backToCheck { }
.backToCheck a { height:16px; display:block; font-weight:bold; color:#000000; text-decoration:none; background:url(../_img/icon_pfeil_links.gif) top left no-repeat; padding:0 0 0 25px; }
#followup { text-align:right }
#followup a { height:16px; display:block; font-weight:bold; color:#000000; text-decoration:none; background:url(../_img/icon_pfeil_rechts.gif) top right no-repeat; padding:0 25px 0 0; }

.formContainer { width:853px; margin:0 0 0 0px; border:1px solid #999999; }/*und s. common_ie6.css*/
.formContainer .bgLightGrey { border-top:1px solid #999999; border-bottom:1px solid #999999; }
.formContainer .subhead { width:853px; margin:0 0 0 0; padding:4px 6px 4px 30px; }
.textContainer { width:826px; margin:6px 0 0 0; }
.textContainer p { padding:6px 0 0px 30px; }

div.formFields { margin:0 0 0 20px; }
table.formFields { width:828px; }
table.formFields input { height:21px; }
table.formFields .space { height:3px; }
table.formFields .textTd { width:310px; padding:6px 10px 5px 0; }/*und s. common_ie.css*/
.textTdWide { width:775px; padding:3px 0px 5px 2px; }/*und s. common_ie.css*/
table.formFields .rightTd { padding:6px 0 0 0; }/*und s. common_ie.css*/
table.formFields .smallField { width:25px; text-align:center; padding:0 0 0 1px; }

#kundendatenContainer { display:none; }
#kundeMitSpeedport { display:none; }
#kundeMitSpeedportSpacer { display:none; }

table.formFieldsCheckbox { width:800px; margin:7px 2px 10px 26px; }

.formBtn { width:853px; }
td.cancelBtn { padding:14px 0 0 30px; }
td.orderBtn { padding:14px 27px 0 0; text-align:right; }
#waitLayer { position:absolute; display:none; width:260px; background-color:#E20074; }
#waitLayer p { padding:5px; color:#FFFFFF; }

/* Fehlermeldung */
#errorKundendaten, #errorAnschluss, #errorPaket, #errorRouter, #errorBBLimited { border:2px solid #FFFFFF; padding:2px 0 2px 0;  }
.errorImg { width:126px; vertical-align:middle; }  
#errorImgKundendaten, #errorImgAnschluss, #errorImgPaket, #errorImgRouter, #errorImgBBLimited { display:block; visibility:hidden; width:123px; height:27px; margin:0px 3px 3px 0; background:url(../_img/error_message.gif) 0 0 no-repeat; text-align:right; }

/****************************************************/
/* Tabelle im Content fuer Vergleich */
#compare { margin:0; background:url(../_img/vis_compare.jpg) 0 0 no-repeat; }
#compare td { width:198px; vertical-align:bottom; }
#compare td.wide { width:240px; }
#compare td div p { font-size:11px; }
#compare .boxTop { height:6px; overflow:hidden; background:url(../_img/box_top.png) 0 0 no-repeat; }
#compare .boxTopMed { height:6px; overflow:hidden; background:url(../_img/box_top_med.png) 0 0 no-repeat; }
#compare .boxMiddle { background:url(../_img/box_middle.gif) 0 0 repeat-y; }
#compare .boxBottom td { height:6px; background:url(../_img/box_bottom.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
#compare .wide .boxMiddle { background:url(../_img/box_middle_med.gif) 0 0 repeat-y; }
#compare td.wideBoxBottom { height:6px; background:url(../_img/box_bottom_med.png) 0 0 no-repeat; }/*und s. common_ie6.css*/
/*Abstaende zwischen den Spalten*/
#compare td.leftTd { background:none; }
#compare td.middleTd { background:none; }
#compare td.rightTd { background:none; }
#compare td.leftTd p { width:6px; }
#compare td.middleTd p { width:3px; }
#compare td.rightTd p { width:6px; }

#compare .headline  { margin:15px 0 8px 14px; }
#compare .catchline { margin:2px 0 20px 15px; }

#flashcontent { margin:0 0 0 12px; width:220px; height:126px; overflow:hidden; }

#compare .propList div { width:198px; display:block; }
#compare .propList .icon { float:left; margin:2px 0 0 15px; }/*und s. common_ie6.css*/
#compare .propList .text { float:right; width:145px; margin:0 5px 0 0; }/*und s. common_ie6.css*/
#compare .propList .wide div { width:240px; display:block; }
#compare .propList .wide .text { float:right; width:187px; margin:0 5px 0 0; }/*und s. common_ie6.css*/
#compare span.nobr { font-size:11px; }

#compare .price td { background:url(../_img/box_middle.gif) 0 0 repeat-y; }
#compare .price img { margin:6px 0 0 47px;  }

#compare .order td { background:url(../_img/box_middle.gif) 0 0 repeat-y; }
#compare .order img { margin:4px 0 6px 47px; }


#compare .credit td div { float:right; margin:5px 8px 0 0; }/*und s. common_ie6.css*/


.stoererCompare_04_11 { position:absolute; left:607px; top:567px; width:104px; height:104px; background:url() 0 0 no-repeat; background-image:url(../_img/stoerer_bis_04_11_small.png); }/*und s. common_ie6.css*/
.stoererCompare_15_12 { position:absolute; left:615px; top:417px; width:89px; height:89px; background:url() 0 0 no-repeat; background-image:url(../_img/stoerer_small_bis_13_01.png); }
.stoererCompare_31_03 { position:absolute; left:615px; top:417px; width:89px; height:89px; background:url() 0 0 no-repeat; background-image:url(../_img/vergl_stoerer_CSComfortPlus.png); }

#basicPlaceholder { width:198px; height:377px; }
#basicPlaceholder2 { width:198px; height:377px; }
#flashBasic { position:absolute; left:207px; top:147px; width:198px; height:377px; z-index:50; }/*und s. common_ie.css*/
#stoererNeueinsteiger { position:absolute; left:500px; top:10px; width:130px; height:128px; background:url() 0 0 no-repeat; background-image:url(../_img/vergl_stoerer_70.png); }

/* Zusaetzlich fuer cus_compare_lp.php */
#compare .boxTop_lp { height:50px; overflow:hidden; background:url(../_img/box_top_lp.png) 0 0 no-repeat; }
#compare .headline_lp  { margin:2px 0 8px 14px; }
#compare .catchline_lp { margin:2px 0 15px 15px; }
#compare .dist_lp td { height:3px; }/*und s. common_ie6.css*/
#compare .credit_lp td div { float:right; margin:2px 8px 0 0; }/*und s. common_ie6.css*/
#compare .order_lp td { background:url(../_img/box_middle.gif) 0 0 repeat-y; }
#compare .order_lp img { margin:0 0 6px 47px; }
#flashBasic_lp { position:absolute; left:213px; top:305px; width:198px; height:377px; z-index:50; }/*und s. common_ie.css*/

/**/

#compare td.extraDist { padding:0 0 0 53px; background:url(../_img/box_middle_med.gif) 0 0 repeat-y; }

#stoererEfellows { background:url() 0 0 no-repeat; background-image:url(../_img/efellows/stoerer_efellows_14.png); }/*und s. common_ie.css*/
#stoererEfellowsVerfuegbar { left:450px; top:520px; background:url() 0 0 no-repeat; background-image:url(../_img/efellows/stoerer_efellows_verfuegbar_071113.png); }/*und s. common_ie.css*/
.stoererCPBlauDate_04_11 { position:absolute; width:104px; height:104px; left:607px; top:520px; background:url() 0 0 no-repeat; background-image:url(../_img/efellows/stoerer_blau_bis_04_11.png); }/*und s. common_ie.css*/
.stoererCPBlauDate_15_12 { position:absolute; width:104px; height:104px; left:607px; top:520px; background:url() 0 0 no-repeat; background-image:url(../_img/efellows/stoerer_blau_bis_15_12.png); }/*und s. common_ie.css*/

#stoererSchalke { position:absolute; left:6px; top:175px; width:400px; height:135px; z-index:5; overflow:hidden; background:url() 0 0 no-repeat; background-image:url(../_img/schalke/bg_layer_schalke.png); }/*und s. common_ie.css*/
#stoererTextSchalke { position:absolute; left:20px; top:185px; width:350px;  height:135px; z-index:50; }

/****************************************************/
#teaserMotorolaTop { width:115px; height:7px; overflow:hidden; background:url('../_img/motorola/teaser_motorola_top.png') 0 0 no-repeat; margin:0;} /*und s. common_ie.css*/
#teaserMotorolaBot { width:115px; height:8px; background:url('../_img/motorola/teaser_motorola_bottom.png') 0 0 no-repeat; margin:0; } /*und s. common_ie.css*/

#teaserMotorolaPhone { width:76px; height:96px; background:url('../_img/motorola/teaser_motorola_phone_small.gif') 20px 10px no-repeat; margin:3px 0 0 0; padding:10px 0 0 0; } /*und s. common_ie.css*/
#teaserMotorolaPhoneBig { width:107px; height:159px; background:url('../_img/motorola/teaser_motorola_phone_big.gif') 15px 0 no-repeat; margin:0; } /*und s. common_ie.css*/

#iconMotorolaBig { float:right; width:13px; margin:16px 11px 0 0; } /*und s. common_ie.css*/

/****************************************************/
/* Zusaetzlich comfort-plus */
#extraRouter { color:#E20074; display:none; }
#extraRouter a { color:#000000;  }

/****************************************************/