@charset utf-8;/* CSS Document */*html{margin:0;padding:0;}html{height:100%;}body{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#525252;line-height:13px;background:transparent url(../images/bg_body.gif) repeat top left;margin:0;padding:0;height:100%;}h1{margin:0;padding:0;}p{margin:0;padding:0;}ul{margin:0;padding:0;}a img{border:none;}.clear{clear:both;float:none;margin:0;padding:0;line-height:0;}#site{background:transparent url(../images/bg_site.gif) repeat-x top left;margin:0;padding:0;min-height:100%;height:auto!important;/* für moderne Browser */height:100%;/*für den IE */position:relative;}/*wrapper*/#wrapper{width:900px;margin:0 auto;}/*header*/#header{width:900px;float:left;}/*logo*/#logo{width:173px;float:left;margin:8px 0 10px 35px;}#logo h1{display:block;width:173px;height:38px;background:transparent url(../images/logo_digitalpayment.gif) no-repeat top left;}#logo h1 span{display:none;}/*language*/#language{width:155px;height:21px;color:#494949;background:transparent;float:right;margin:12px 15px 10px 0;padding:5px;}#language form{display:inline;color:#878787;margin:0 0 0 5px;padding:0;}#language select{font-size:11px;height:19px;width:100px;background-color:#fff;border:1px solid #979699;color:#333;margin:0;padding:1px;}/*content*/#paygateContentBox{width:900px;min-height:100%;height:auto!important;/* für moderne Browser */height:100%;/*für den IE */}.contentBox{width:472px;float:left;margin:0 0 100px 30px;position:relative;z-index:100;background:transparent;}.contentBoxTop{width:472px;height:10px;float:left;background:transparent url(../images/bg_content_top.gif) no-repeat top left;}.contentBoxMiddle{width:472px;float:left;background:transparent url(../images/bg_content_middle.png) repeat-y top left;}.contentBoxBottom{width:472px;height:10px;float:left;background:transparent url(../images/bg_content_bottom.gif) no-repeat top left;}/*countdown*/.countdownBox{width:415px;padding:0 38px 0 19px;text-align:center;position:relative;background:none;}#countdown{margin:12px 10px 0;height:115px;}#countdown p{font-size:20px;line-height:24px;font-weight:700;}#countdown span.sec{font-size:40px;}#countdown input#sec{font-size:40px;font-weight:700;border:none;display:inline;width:50px;height:41px;color:#525252;text-align:right;margin:0 5px 0 0;padding:0;}#countdown span.domain{color:#83a900;display:block;}/*countdownInfo*/#countdownInfo{margin:12px 10px 0;height:106px;padding:9px 0 0;}#countdownInfo h3{display:block;width:410px;height:30px;margin:0 0 9px;padding:0;background:transparent url(../images/img_countdown_info.gif) no-repeat top left;}#countdownInfo h3 span{display:none;}#countdownInfo p.info{font-size:20px;font-weight:700;margin:0 0 9px;}#countdownInfo span.domain{color:#83a900;display:block;font-size:20px;line-height:24px;font-weight:700;}/*generalInfoBox*/.generalInfoBox{width:394px;position:absolute;top:0;right:-388px;text-align:left;float:left;}.generalInfoBoxTop{width:394px;height:12px;background:transparent url(../images/bg_general_info_top.png) no-repeat top left;float:left;}.generalInfoBoxMiddle{width:394px;background:transparent url(../images/bg_general_info_middle.png) repeat-y top left;float:left;}.generalInfoBoxBottom{width:394px;height:9px;background:transparent url(../images/bg_general_info_bottom.png) no-repeat top left;float:left;}.generalInfoBox p{font-size:11px;line-height:13px;margin:0 24px 5px;}.generalInfoBox a{text-decoration:underline;}/*userName*/.userName{width:347px;padding:20px 65px 25px 60px;position:relative;background:none;}.userName label{font-size:14px;}.userName input{width:323px;height:36px;background-color:#fff;border:#757575 1px solid;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#b2b2b2;margin:5px 0 0;padding:5px 11px;}.userName input#username{display:inline!important;}.userName input.active{background-color:#ebff7f;}.userName input.error{background-color:#ac0041;color:#fff;}.usernameInfoBox{width:394px;height:95px;position:absolute;top:10px;right:-388px;}/*email*/.email{width:347px;padding:10px 65px 25px 60px;position:relative;background:none;}.email label{font-size:14px;}.email input{width:323px;height:36px;background-color:#fff;border:#757575 1px solid;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#b2b2b2;margin:5px 0 0;padding:5px 11px;}.email input.active{background-color:#ebff7f;}.email input.error{background-color:#ac0041;color:#fff;}.emailInfoBox{width:394px;height:97px;position:absolute;top:5px;right:-388px;z-index:290;}/*submitPwd*/.submitPwd{width:347px;padding:7px 60px 35px;text-align:center;background:none;}.submitPwd button{width:260px;height:44px;border:none;font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:22px;color:#666;margin:5px 0 0;padding:8px 0;text-align:center;background:transparent url(../images/btn_submit_pwd.gif) no-repeat center center;cursor:pointer;}.submitPwd button.active{width:260px;height:44px;border:none;font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:700;color:#666;margin:5px 0 0;padding:8px 0;text-align:center;background:transparent url(../images/btn_submit_pwd_active.gif) no-repeat center center;cursor:pointer;}/*safetyBox*/.safetyBox{width:450px;margin:0 11px;padding:12px 0 0;border-top:#c4c4c4 1px solid;background:none;}.safetyLeft{width:225px;margin:0 0 0 7px;float:left;}.safetyLeft img{float:left;margin:0 10px 0 0;}.safetyLeft p.heading{text-transform:uppercase;font-size:12px;font-weight:700;margin:0 0 2px;}.safetyLeft p{font-size:10px;font-weight:400;}.safetyMiddle{width:80px;margin:0 0 0 18px;float:left;}.safetyRight{width:110px;margin:0 3px 0 0;float:right;}/*footer*/#footer{width:100%;margin:0;padding:1px 0 0;border-top:#e0e0e0 1px solid;position:absolute;bottom:0;left:0;z-index:320;}.footerBox{width:100%;height:100%;float:left;background:#e0e0e0;}.footerContentBox{width:900px;margin:0 auto;background:#e0e0e0;position:relative;}.footerInfoBox{position:absolute;width:370px;height:250px;right:0;bottom:79px;z-index:300;}.footerContent p.info{float:left;margin:30px 0 20px 84px;}.footerContent ul{float:right;margin:23px 2px 20px 0;padding:0;list-style-type:none;}.footerContent ul li{float:left;margin:0 0 0 6px;}.footerContent ul li a{background:#F4F4F4 url(../images/icon_footer_nav.gif) no-repeat scroll 12px 8px;border:1px dotted #878787;display:block;float:right;font-size:11px;line-height:normal;margin-left:10px;padding:5px 15px 5px 30px;text-decoration:none;color:#818181;float:left;}.footerContent ul li a.support{background-image:url(../images/icon_footer_nav_support.gif)!important;}/*general styles*//*---------- Stil fuer deaktiviertes Javascript ----------*/.noscriptAlert{color:red;font-size:13px;font-weight:700;margin:10px 0 10px 34px;}/*rote Box fuer Fehlermeldungen*/.box_error{background:transparent url(../images/bg_error_box.jpg) repeat-x top left;margin:0 5px;padding:19px 54px;height:52px;}.box_error .headline{color:#fff;font-size:15px;font-weight:700;padding:4px 5px 4px 16px;background:transparent url(../images/icon_arrow_error.gif) no-repeat center left;}.box_error ul{margin:8px 10px 10px 16px;list-style-type:none;}.box_error li{color:#fff;font-weight:700;}/*---------- Tooltip Hinweis - 2 ----------*/#desc{position:absolute;top:0;/*TBD mit Javascript*/left:0;/*TBD mit Javascript*/width:178px;background:url(../images/tooltip_arrow_left.gif) 0 80px no-repeat;padding:0 0 0 22px;color:#000;z-index:200;display:none;}#desc.top{background:url(../images/tooltip_arrow_bottom.gif) 8px bottom no-repeat;padding:0 0 22px;}#desc.bottom{background:url(../images/tooltip_arrow_top.gif) 8px top no-repeat;padding:22px 0 0;}#desc.left{background:url(../images/tooltip_arrow_right.gif) right 80px no-repeat;padding:0 22px 0 0;}#desc_border{border-right:2px solid #d6d6d6;border-bottom:2px solid #d6d6d6;position:relative;}#desc_iframe{position:absolute;border:0;}#desc_head{color:#000;background-color:#a0de25;padding:5px 5px 5px 10px;font-weight:700;}#desc_head img{float:right;position:relative;}#desc_text{color:#FFF;background-color:#858585;padding:5px 10px;min-height:60px;height:auto!important;height:60px;}#desc_text p{color:#FFF;margin:0 0 5px;padding:0;}#desc_text span{color:#FFF;}#desc_text div{color:#FFF;}#desc_text a{color:#FFF;}/*---------- Tooltip kurz - 1 ----------*/#descshort{position:absolute;top:0;/*TBD mit Javascript*/left:0;/*TBD mit Javascript*/width:178px;background:url(../images/tooltip_arrow_left.gif) 0 8px no-repeat;padding:0 0 0 22px;z-index:200;display:none;}#descshort.top{background:url(../images/tooltip_arrow_bottom.gif) 8px bottom no-repeat;padding:0 0 22px;}#descshort.bottom{background:url(../images/tooltip_arrow_top.gif) 8px top no-repeat;padding:22px 0 0;}#descshort.left{background:url(../images/tooltip_arrow_right.gif) right 8px no-repeat;padding:0 22px 0 0;}#descshort_border{border-right:2px solid #d6d6d6;border-bottom:2px solid #d6d6d6;background-color:#bcbcbc;position:relative;}#descshort_iframe{position:absolute;border:0;}#descshort p{color:#FFF;padding:3px 5px;margin:0;min-height:15px;height:auto!important;height:15px;}#descshort span{color:#FFF;}#descshort div{color:#FFF;}#descshort a{color:#FFF;}/*---------- Tooltip gross - 3 ----------*/#desclong{position:absolute;top:0;/*TBD mit Javascript*/left:0;/*TBD mit Javascript*/width:330px;background:url(../images/tooltip_arrow_left.gif) 0 8px no-repeat;padding:0 0 0 22px;color:#000;z-index:200;display:none;}#desclong.top{background:url(../images/tooltip_arrow_bottom.gif) 8px bottom no-repeat;padding:0 0 22px;}#desclong.bottom{background:url(../images/tooltip_arrow_top.gif) 8px top no-repeat;padding:22px 0 0;}#desclong.left{background:url(../images/tooltip_arrow_right.gif) right 8px no-repeat;padding:0 22px 0 0;}#desclong_border{border-right:2px solid #d6d6d6;border-bottom:2px solid #d6d6d6;position:relative;}#desclong_iframe{position:absolute;border:0;}#desclong_head{color:#fff;background-color:#bcbcbc;padding:5px 5px 5px 10px;font-weight:700;}#desclong_head img{float:right;position:relative;}#desclong_text{color:#FFF;background-color:#858585;padding:5px 10px;height:144px;overflow:auto;overflow-x:hidden;overflow-y:scroll;}#desclong_text p{color:#FFF;margin:0 0 5px;padding:0;}#desclong_text span{color:#FFF;}#desclong_text a{color:#FFF;}#desclong_text div{color:#FFF;}/*Step 2*/.paymodeBox{width:410px;margin:0 auto 25px;color:#525252;min-height:420px;height:auto!important;/* für moderne Browser */height:420px;/*für den IE */}/*paymode box*/.paymodeItemBox{width:400px;margin:30px auto 0;min-height:355px;height:auto!important;/* für moderne Browser */height:355px;/*für den IE */position:relative;}.paymodeItemBox h3{font-size:20px;font-weight:400;margin:0 0 10px;line-height:22px;}.paymodeItemBox h3.int{font-size:20px;font-weight:400;margin:0 0 120px;line-height:22px;}.paymodeItemBox p{font-size:13px;line-height:16px;}.paymodeItemBox .showItem{display:block;}.paymodeItemBox .hideItem{display:none;}.paymodeItemBox .tariffV1{position:absolute;top:117px;right:-444px;width:394px;z-index:500;}.paymodeItemBox .tariffV1 label{color:#000;font-size:12px;margin:0 5px 0 0;}.paymodeItemBox .tariffV1 select{width:203px;height:20px;border:#dadada 1px solid;color:#878787;}.paymodeItemBox .tariffV2{position:absolute;top:35px;left:35px;width:329px;height:88px;background:transparent url(../images/bg_input_abrechnungsintervall.jpg) no-repeat top left;padding:22px 0 0 60px;}.paymodeItemBox .tariffV2 label{display:none;}.paymodeItemBox .tariffV2 select{width:203px;height:20px;border:#dadada 1px solid;color:#878787;}ul#paymode{margin:25px 0 0!important;}/*paymode1*/ul#paymode.paymode1{width:372px;margin:0;padding:0;list-style-type:none;}ul#paymode.paymode1 li{margin:0 0 18px;}ul#paymode.paymode1 li.last{margin-bottom:0!important;}ul#paymode.paymode1 li a{width:372px;height:102px;display:block;position:relative;}ul#paymode.paymode1 li a span{top:0;left:0;height:100%;width:100%;z-index:100;display:block;position:absolute;}ul#paymode.paymode1 li a span:hover{cursor:pointer;}/*btnBankeinzug*/ul#paymode.paymode1 li a.btnDD{background:transparent url(../images/bg_bankeinzug.jpg) scroll top left;}ul#paymode.paymode1 li a.btnDD span{background:transparent url(../images/bg_bankeinzug.jpg) scroll top left;background-position:0 102px;}/*btnKreditkarte*/ul#paymode.paymode1 li a.btnCC{background:transparent url(../images/bg_kreditkarte.jpg) scroll top left;}ul#paymode.paymode1 li a.btnCC span{background:transparent url(../images/bg_kreditkarte.jpg) scroll top left;background-position:0 102px;}/*btnClickandbuy*/ul#paymode.paymode1 li a.btnEC{background:transparent url(../images/bg_clickandbuy.jpg) scroll top left;}ul#paymode.paymode1 li a.btnEC span{background:transparent url(../images/bg_clickandbuy.jpg) scroll top left;background-position:0 102px;}/*btnTelekom*/ul#paymode.paymode1 li a.btnTB{background:transparent url(../images/bg_telekom.jpg) scroll top left;}ul#paymode.paymode1 li a.btnTB span{background:transparent url(../images/bg_telekom.jpg) scroll top left;background-position:0 102px;}/*btnTelefonpwd*/ul#paymode.paymode1 li a.btnFA{background:transparent url(../images/bg_telefonpwd.jpg) scroll top left;}ul#paymode.paymode1 li a.btnFA span{background:transparent url(../images/bg_telefonpwd.jpg) scroll top left;background-position:0 102px;}/*paymode2*/ul#paymode.paymode2{width:418px;margin:0;padding:0;list-style-type:none;float:left;}ul#paymode.paymode2 li{margin:0 25px 30px 0;float:left;width:113px;}ul#paymode.paymode2 li.last{margin-bottom:0!important;}ul#paymode.paymode2 li a{width:113px;height:144px;display:block;position:relative;}ul#paymode.paymode2 li a span{top:0;left:0;height:100%;width:100%;z-index:100;display:block;position:absolute;}ul#paymode.paymode2 li a span:hover{cursor:pointer;}/*btnBankeinzug*/ul#paymode.paymode2 li a.btnDD{background:transparent url(../images/bankeinzug.jpg) scroll top left;}ul#paymode.paymode2 li a.btnDD span{background:transparent url(../images/bankeinzug.jpg) scroll top left;background-position:0 144px;}/*btnKreditkarte*/ul#paymode.paymode2 li a.btnCC{background:transparent url(../images/kreditkarte.jpg) scroll top left;}ul#paymode.paymode2 li a.btnCC span{background:transparent url(../images/kreditkarte.jpg) scroll top left;background-position:0 144px;}/*btnClickandbuy*/ul#paymode.paymode2 li a.btnEC{background:transparent url(../images/clickandbuy.jpg) scroll top left;}ul#paymode.paymode2 li a.btnEC span{background:transparent url(../images/clickandbuy.jpg) scroll top left;background-position:0 144px;}/*btnTelekom*/ul#paymode.paymode2 li a.btnTB{background:transparent url(../images/telekom.jpg) scroll top left;}ul#paymode.paymode2 li a.btnTB span{background:transparent url(../images/telekom.jpg) scroll top left;background-position:0 144px;}/*btnTelefonpwd*/ul#paymode.paymode2 li a.btnFA{background:transparent url(../images/telpasswort.jpg) scroll top left;}ul#paymode.paymode2 li a.btnFA span{background:transparent url(../images/telpasswort.jpg) scroll top left;background-position:0 144px;}/*step2safetyBox*/.step2safetyBox .generalInfoBox{top:10px;right:-388px;}/*safetyBox*/.safetyBox2{width:390px;margin:0;padding:0;background:none;}.safetyLeft2{width:180px;margin:5px 0 0 13px;float:left;}.safetyLeft2 img{float:left;margin:5px 10px 10px 0;}.safetyLeft2 p.heading{text-transform:uppercase;font-size:12px;font-weight:700;margin:0 0 2px;}.safetyLeft2 p{font-size:9px;font-weight:400;}.safetyMiddle2{width:73px;margin:15px 0 0;float:left;}.safetyRight2{width:110px;margin:15px 12px 0 0;float:right;}/*tariffselectionBox*/.tariffselectionBox .generalInfoBox{top:110px;right:-388px;}.tariffselection{padding:10px 15px 0 20px;}.tariffselection label{color:#000;font-size:12px;margin:0 11px 0 0;}.tariffselection select{width:203px;height:20px;border:#dadada 1px solid;color:#878787;}.paymodeItemBox input.btnNoscript{width:169px;height:29px;border:none;text-align:center;background:transparent url(../images/btn_noscript.gif) no-repeat top left;font-family:Arial, Helvetica, sans-serif;color:#666;font-size:12px;font-weight:700;cursor:pointer;}.tariffselection input.btnNoscriptSmall{width:101px;height:23px;border:none;text-align:center;background:transparent url(../images/btn_noscript_small.gif) no-repeat top left;font-family:Arial, Helvetica, sans-serif;color:#666;font-size:12px;cursor:pointer;}.abrechnungsintervall{position:absolute;top:112px;right:-424px;width:394px;}.chooseIntervall{padding:10px 15px 10px 20px;}.chooseIntervall label{color:#000;font-size:12px;margin:0 5px 0 0;}.chooseIntervall .tariffInfo1{margin:20px 0 0;}.chooseIntervall .tariffInfo1 p{font-size:11px;line-height:13px;color:#525252;}.chooseIntervall .tariffInfo1 p a{text-decoration:underline;}.chooseIntervall .tariffInfo2{margin:0;}.chooseIntervall .tariffInfo2 p{font-size:11px;line-height:13px;color:#525252;}.chooseIntervall .tariffInfo2 p a{text-decoration:underline;}.chooseIntervall select{width:203px;height:20px;border:#dadada 1px solid;color:#878787;}/*customerInfo*/.customerInfo .generalInfoBox{top:305px;right:-388px;}.customerInfo.v2 .generalInfoBox{top:285px;right:-388px;}.customerInfo .generalInfoBox .customer{width:350px;margin:20px 0 20px 23px;color:#005db4;}.customerInfo .generalInfoBox .customer img{float:left;margin:0 20px 20px 0;}.customerInfo .generalInfoBox .customer p{font-size:14px;font-weight:700;line-height:20px;color:#005db4;}.customerInfo .generalInfoBox .customer p.name{font-size:12px;font-weight:400;float:right;}/*----// VIDEOBOX //----*/.contentVideoBox{width:830px;float:left;margin:32px 0 0;}.contentVideoBox #videoBox{width:245px;float:left;}.contentVideoBox #loginBox{width:580px;float:right;}.contentVideoBox .loginBoxForm{width:580px;height:324px;float:left;position:relative;}.contentVideoBox .loginBoxFormTop{width:580px;height:85px;float:left;background:transparent url(../images/bg_login_box_top.jpg) no-repeat top left;}.contentVideoBox .loginBoxFormTop h2{margin:0;padding:0;}.contentVideoBox .loginBoxFormTop h2 span{display:none;}.contentVideoBox .loginBoxFormMiddle{width:580px;float:left;background:transparent url(../images/bg_login_box_middle.jpg) no-repeat top left;margin:-1px 0 0;}.contentVideoBox .loginBoxFormBottom{width:580px;height:84px;float:left;background:transparent url(../images/bg_login_box_bottom.jpg) no-repeat top left;}/*generalInfoBox*/.contentVideoBox .loginInfoBox .generalInfoBox{top:auto;left:43px;width:491px;position:absolute;}.contentVideoBox .loginInfoBox .generalInfoBoxTop{width:491px;height:11px;background:transparent url(../images/bg_login_info_top.jpg) no-repeat top left;float:left;}.contentVideoBox .loginInfoBox .generalInfoBoxMiddle{width:491px;background:#e7e7e7;float:left;}.contentVideoBox .loginInfoBox .generalInfoBoxBottom{width:491px;height:7px;background:transparent url(../images/bg_login_info_bottom.jpg) no-repeat top left;float:left;}.contentVideoBox .generalInfoBox p{font-size:11px;line-height:13px;margin:0 24px 5px;}.contentVideoBox .generalInfoBox a{text-decoration:underline;color:#525252;}/*userName*/.contentVideoBox .formBox{width:460px;padding:14px 45px 0 35px;position:relative;background:none;}.contentVideoBox .formBox ul{margin:0 0 0 1px;padding:0;list-style-type:none;}.contentVideoBox .formBox ul li{height:51px;margin:0 0 20px;}.contentVideoBox .formBox ul li.last{margin:0;}.contentVideoBox .formBox ul li.break{height:0;margin:0;clear:both;float:none;line-height:0;font-size:0;}.contentVideoBox .formBox ul li.fl{float:left;width:173px;}.contentVideoBox .formBox ul li.fr{float:right;width:284px;}.contentVideoBox .formBox ul li label{font-size:18px;color:#5c5c5c;display:block;margin:20px 0 0;}.contentVideoBox .formBox ul li input{width:327px;height:51px;border:none;background:transparent url(../images/img_input.jpg) no-repeat top left;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#7f7f7f;margin:0;padding:0 0 0 18px;}.contentVideoBox .formBox ul li input.active{background:transparent url(../images/img_input_active.jpg) no-repeat top left;color:#647736!important;font-size:22px;}.contentVideoBox .formBox ul li input.std{color:#b2b2b2!important;font-style:italic;}.contentVideoBox .formBox ul li input.error{background:transparent url(../images/img_input_error.jpg) no-repeat top left;color:#fff;font-size:22px;}/*submitPwd*/.contentVideoBox .submitPwd{width:535px;padding:0 45px 0 0;background:none;}.contentVideoBox .submitPwd button{width:214px;height:44px;border:none;font-family:Arial, Helvetica, sans-serif;font-size:0;line-height:0;color:#000;margin:8px 0 0;padding:0;text-align:right;background:transparent url(../images/btn_submit.jpg) no-repeat center center;cursor:pointer;display:block;float:right;}