
/** 
* ../generals/reset.css 
*/ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th {text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after {content:''; }
abbr,acronym { border:0; }
#page .clear {
clear:both;
float:none;
font-size:0;
height:0px;
line-height:0;
margin:0;
padding:0;
width:0px;
}

/** 
* ../generals/layout.css 
*/ 
html, body {
height: 100%;
}
body {
background:#d5d5d5;
background-image:url(../../images/generals/site_background.png);
background-repeat:repeat-x;
text-align:center;
font-family: Arial;
font-size: 12px;
color:#0f2353;
}
#visual-container { 
margin: 0;
margin-right: auto;
margin-left: auto; 
min-height: 100%;
text-align: left;
}
#page {
width: 970px;
margin: 0;
margin-right: auto;
margin-left: auto;
height: auto !important;
height:100%;
min-height: 100%;
text-align: left;
}
#header {
height: 110px;
position:relative;
z-index:5;
}
#header .logo{
margin-top:0px;
}
#header .meta-navigation-helper{
position:absolute;
left: 794px;
top: 0;
width: 177px;
}
#header .meta-navigation{
background: url(../../images/generals/meta_navigation_background.png);
background-repeat: no-repeat;
width: 177px;
height: 95px;
position:relative;
z-index:4;
}
#header .meta-navigation a{
text-indent: -9000px;
display: block;
outline:0px;
}
#header .meta-navigation .search{
position:absolute;
top:11px;
left:13px;
}
#header .meta-navigation .search input{
border: 0;
width: 130px;
height: 17px;
padding-left: 5px;
font-family:Arial;
font-size: 12px;
color:#777777;
}
#header .meta-navigation .search a{
position:absolute;
height:20px;
width:20px;
top:-1px;
left: 132px;
}
#header .meta-navigation .webmail{
position:absolute;
top:40px;
left:10px;
}
#header .meta-navigation .webmail a{
height: 17px;
width: 160px;
}
#header .meta-navigation .servicelinks {
position:absolute;
top:66px;
left:0px;
}
#header .meta-navigation .servicelinks a{
height: 17px;
width: 160px;
}
#header .meta-navigation-footer{
background: url(../../images/generals/quicknavi_footer.png);
background-repeat: no-repeat;
height:7px;
line-height:7px;
font-size:7px;
width:177px;
left:794px;
position:absolute;
top:88px;
}
#header .meta-navigation .quicklinks{
width:179px;
z-index:7;
}
#header .meta-navigation .quicklinks li{
background: url(../../images/generals/quicknavi_background.png);
background-repeat: repeat-y;
}
#header .meta-navigation .quicklinks a{
text-indent:0;
height: auto;
padding-top:10px;
padding-bottom:11px;
padding-left:13px;
}
#header .meta-navigation .quicklinks .footer {
background-image: url(../../images/generals/quicknavi_footer.png);
background-repeat:no-repeat;
height:7px;
line-height:7px;
font-size:7px;
}
#header .main-navigation{
height: 90px;
position:absolute;
top:0px;
left:204px;
}
#header .main-navigation li{
display: block;
float: left;
height:87px;
background: url(../../images/generals/navigation_trenner.png);
background-repeat: no-repeat;
}
#header .main-navigation li a{
padding-left:30px;
padding-right:30px;
padding-top:40px;
}
#header .main-navigation li a img{
margin-top:40px;
}
#header #breadcrumbs {
clear:both;
color:#777777;
font-size:10px;
padding-top:10px;
}
#header #breadcrumbs span {
float:left;
margin-right:7px;
}
#header #breadcrumbs li {
float:left;
margin-right:5px;
}
#header #breadcrumbs li.arrow {
background:transparent url('../../images/generals/breadcrumb_arrow.png') no-repeat 0 4px;
padding-left:6px;
}
#tv-radio-area #header #breadcrumbs li.arrow {
background-position:0 -5px;
}
#header #breadcrumbs li a:link,
#header #breadcrumbs li a:visited {
color:#777777;
text-decoration:none;
}
#header #breadcrumbs li a:hover,
#header #breadcrumbs li a:active {
text-decoration:underline;
}
#tv-radio-area #header #breadcrumbs { 
color:#fff;
}
#tv-radio-area #header #breadcrumbs li a:link,
#tv-radio-area #header #breadcrumbs li a:visited {
color:#fff;
text-decoration:none;
}
#tv-radio-area #header #breadcrumbs li a:hover,
#tv-radio-area #header #breadcrumbs li a:active {
text-decoration:underline;
}
#column-container {
padding-bottom:40px;
padding-top:35px;
margin-top:-20px;
z-index:1;
}
#navigation-column {
width:180px;
float:left;
}
#content {
width: 760px;
float:right;
position:static;
}
#footer {
width:100%;
height:27px;
background:url(../../images/generals/footer_background.png);
margin-top:-27px;
}
#footer .footer-navigation {
margin-left:auto;
margin-right:auto;
height:27px;
width: 970px;
position:relative;
}
#footer .footer-navigation li{
float:left;
}
#footer .company-navigation {
background:url(../../images/generals/footer_company_navi_background.png);
height:27px;
width: 563px;
position:absolute;
left:0;
}
#footer .company-navigation a{
display:block;
text-indent: -9000px;
height:27px;
}
#footer .company-navigation .company-customer a{
width:130px;
}
#footer .company-navigation .reseller a{
width:130px;
}
#footer .company-navigation .company a{
width:130px;
}
#footer .company-navigation .career a{
width: 80px;
}
#footer .company-navigation .press a{
width: 90px;
}
#footer .info-navigation {
position:absolute;
top: 5px;
left:589px;
}
#footer .info-navigation a,
#footer .info-navigation span.no-link {
color:#535353;
padding-right:6px;
padding-left:6px;
background:url(../../images/generals/footer_info_navigation_trenner.gif);
background-repeat:no-repeat;
background-position:left;
font-size: 10px;
text-decoration:none;
}
#footer .info-navigation .first a,
#footer .info-navigation .first span.no-link {
background:none;
}
#tv-radio-area {
background:#0166ac url(../../images/generals/tv_bg.png) repeat-x;
color:#ffffff;
}
#tv-radio-area h1, #tv-radio-area h2 {
color:#ffffff;
}
#tv-radio-area .product-content-container h2 {
color:#525252;
}
.confirm-box{
position:absolute;
width:400px;
z-index:500;
font-family: Arial;
font-size:12px;
text-align:left;
zoom:1;
}
.confirm-box .header{
background: url(../../images/generals/dialog_header.gif) no-repeat;
height: 17px;
width:390px;
padding:7px 10px;
font-weight:bold;
}
.confirm-box .content {
border-left: 1px #b9b9b9 solid;
border-right: 1px #b9b9b9 solid;
margin-top: -2px;
background:#fff;
padding:7px 10px;
width:377px;
}
.confirm-box .footer{
border: 1px #b9b9b9 solid;
background:#fff;
padding:3px;
height:25px;
width:391px;
}
.confirm-box .footer .button{
display:block;
text-indent:-9000px;
outline:0;
}
.confirm-box .footer .cancel{
background:url("../../images/products_rebrush/mobile_voice_cancel.gif") no-repeat scroll 0 0 transparent;
width:104px;
height:24px;
float:right;
margin-right:3px;
}
.confirm-box .footer .ok{
background:url(../../images/products_rebrush/mobile_voice_save.gif);
background-repeat:no-repeat;
width: 100px;
height:24px;
float:right;
}
#content .orange:link, 
#content .orange:visited,
#content .orange {
color:#EF690A;
text-decoration:none;
}
#content .strong{
font-weight:bold;
}

/** 
* ../generals/layers.css 
*/ 

#content .content-layer .product-content-container {
background:transparent url(../../images/products/layer-content-background.jpg) repeat-y left top;
float:left;
margin:0;
padding:0;
width:554px;
}
#content .content-layer .product-footer-button {
background:none;
height:30px;
}
#content .content-layer .sky-footer {
height:45px;
}
#content .content-layer .product-footer-content {
padding:0 10px 0 10px;
}
#content .content-layer .product-row {
background:transparent url(../../images/products/layer-element-background.jpg) repeat-y left top;
clear:both;
color:#00466D;
margin-top:0;
margin-bottom:0;
position:relative;
width:554px;
}
#content .content-layer .product-row .product-item-left {
float:left;
margin:0;
position:relative;
min-height:350px;
width:410px;
}
#content .content-layer .product-content-container .product-row .product-item-left-small {
height:170px;
min-height:170px;
}
#content .content-layer .product-row .product-item-left .item-inner {
clear:both;
padding:2px 10px 8px 10px;
width:auto;
}
#content .layer-no-header .product-close-button-container {
background:url("../../images/products/form-layer-header.png") no-repeat scroll left top transparent;
}
#content .layer-no-header .product-content-container {
background:none;
}
#content .layer-no-header .product-footer-button {
background:url("../../images/products/layer-content-background.jpg") repeat-y scroll left top transparent;
height:20px;
}
#content .layer-no-header .product-footer {
background:url("../../images/products/form-layer-footer.png") no-repeat scroll left top transparent;
clear:both;
height:10px;
width:554px;
}
#content .content-layer .product-close-button-container {
display:block;
height:30px;
width:554px;
}
#content .content-layer .product-close-button-container .item-inner,
#content .info-layer-container .product-close-button-container .item-inner {
padding:8px 8px 0 8px;
width:auto;
}
#content .content-layer .product-row .product-item-right {
display:inline-block;
float:right;
height:100%;
position:static;
right:0;
}
#content .content-layer .product-row .product-item-right .form-row {
left:420px;
}
#content .content-layer .product-row .product-item-right img {
display:block;
}
#content .divide {
border-top:1px solid #7a9ec0;
display:block;
clear:both;
width:auto;
}
#content .content-layer .product-item-right .button-field {
background:none;
bottom:2px;
border:0;
left:10px;
position:absolute;
width:auto;
}
#content .content-layer .product-item-right .action-teaser {
bottom:32px;
left:10px;
position:absolute;
width:auto;
}
#content .content-layer .product-item-right .button-top {
top:9px;
left:10px;
position:absolute;
width:auto;
}
#content .content-layer .product-item-right .product-tariff-box-blue {
bottom:40px;
left:10px;
position:absolute;
background:transparent url(../../images/products/price-box.gif) no-repeat left top;
height:42px;
width:124px;
color: #fff;
}
#content .content-layer .product-content-container h2 {
font-size:14px;
font-weight:bold;
margin-bottom:25px;
}
#content .content-layer .product-content-container .layer-headline {
font-weight:bold;
margin-bottom:5px;
}
#content .content-layer .product-content-container .layer-headline-1 {
font-weight:bold;
font-size:24px;
margin-bottom:5px;
}
#content .content-layer .product-content-container .layer-headline-topspace {
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
}
#content .content-layer .product-content-container .layer-subline {
font-size:12px;
font-weight:normal;
margin-bottom:5px;
} 
#content .content-layer .product-content-container strong {
font-weight:bold;
}
#content .content-layer .product-content-container .description-text {
clear:both;
color:#5C636A;
font-size:10px;
margin-bottom:5px;
}
#content .content-layer .product-content-container .hint-text {
clear:both;
margin-bottom:15px;
}
#content .content-layer .product-content-container .layer-top {
margin-bottom:10px;
}
#content .content-layer .product-content-container a:link, #content .content-layer .product-content-container a:visited {
color:#00466D;
text-decoration:underline;
}
#content .content-layer .product-content-container a:hover, #content .content-layer .product-content-container a:active {
text-decoration:none;
}
#content .content-layer .product-content-container .product-close-button-container a:link, 
#content .content-layer .product-content-container .product-close-button-container a:active,
#content .content-layer .product-content-container .product-close-button-container a:visited,
#content .content-layer .product-content-container .product-close-button-container a:hover {
text-decoration:none;
}
#content .content-layer .product-content-container .product-footer-content a.arrow-left-button:link,
#content .content-layer .product-content-container .product-footer-content a.arrow-left-button:active,
#content .content-layer .product-content-container .product-footer-content a.arrow-left-button:visited,
#content .content-layer .product-content-container .product-footer-content a.arrow-left-button:hover {
text-decoration:none;
}
#content .content-layer .spacer-small {
height:20px;
}
#content .content-layer .spacer-middle {
height:50px;
}
#content .content-layer .spacer-large {
height:75px;
}
#content .content-layer .provider-icon {
margin: 10px 0 10px 0;
}
#content .hint-text-radio {
margin:0 0 15px 18px;
}
#content .hint-text-radiohead {
margin:0 0 5px 0;
}
#content .content-layer .product-content-container .space-to-dropdown {
margin:0 0 10px 0;
}
#content .cost-overview {
margin-bottom:14px;
margin-left:1px;
width:409px;
}
#content .cost-overview thead th {
background-color:#f3f3f5;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
color:#5c636b;
font-size:10px;
padding:4px 8px;
vertical-align:top;
}
#content .cost-overview thead .product {
background-color:#cce0eb;
}
#content .cost-overview thead th span {
display:block;
text-align:center;
width:auto;
}
#content .cost-overview thead th .onetime{
display:block;
float:left;
text-align:right;
width:59px;
}
#content .cost-overview thead th .monthly{
display:block;
float:right;
text-align:right;
width:59px;
}
#content .cost-overview .term {
background-color:#d9d9d9;
padding:4px 8px;
text-align:left;
width:74px;
}
#content .cost-overview tbody th {
background-color:#cce0eb;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
font-weight:bold;
font-size:11px;
padding:4px 8px;
width:150px;
}
#content .cost-overview tbody td {
background-color:#f3f3f5;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
color:#5c636b;
font-size:10px;
padding:4px 8px;
text-align:right;
width:59px;
}
#content .cost-overview tbody tr th,
#content .cost-overview tbody tr td {
vertical-align:top;
}
#content .cost-overview tbody .underline {
text-decoration:underline;
}
#content .cost-overview tfoot th {
border-top:2px solid #15527e;
color:#000;
font-size:14px;
font-weight:bold;
padding:4px 8px;
width:150px;
}
#content .cost-overview tfoot .term {
background-color:#fff;
border-bottom:0;
border-left:0;
padding:4px 8px;
text-align:left;
width:74px;
}
#content .cost-overview tfoot td {
color:#000;
border-bottom:0;
border-left:0;
border-top:2px solid #15527e;
font-size:14px;
font-weight:bold;
padding:4px 8px;
text-align:right;
width:59px;
}
#content .content-layer .toggle-container {
display:none;
clear: both;
padding-left:18px;
}
#content .receiver-overview {
margin-bottom:14px;
margin-left:1px;
font-size:10px;
}
#content .receiver-overview thead th {
background-color:#f2f2f2;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
padding:4px 8px;
}
#content .receiver-overview tbody .odd td {
background-color:#f9f9f9;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
color:#5C636B;
padding:4px 8px;
text-align:left;
}
#content .receiver-overview tbody .even td {
background-color:#f2f2f2;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
color:#5C636B;
padding:4px 8px;
text-align:left;
}
#content .receiver-overview thead th.light-blue {
background-color: #CCE0EB;
color: #5C636B;
}
#content .receiver-overview tbody td.light-blue {
color: #00466D;
background-color: #CCE0EB;
font-weight: bold;
}
#content .receiver-overview thead th.dark-grey, 
#content .receiver-overview tbody td.dark-grey {
background-color: #D9D9D9;
color: #5C636B;
}
#content .content-layer .benefits {
padding:0 8px;
margin-left:10px;
width:390px;
}
#content .content-layer .benefits thead th {
border-bottom:1px solid #7a9ec0;
font-weight:bold;
padding:4px 0;
}
#content .content-layer .benefits tfoot th {
border-bottom:1px solid #7a9ec0;
border-top:1px solid #7a9ec0;
font-weight:bold;
padding:4px 0;
}
#content .content-layer .benefits tfoot td {
border-bottom:1px solid #7a9ec0;
border-top:1px solid #7a9ec0;
font-weight:bold;
padding:4px 0;
}
#content .content-layer .benefits tfoot .onetime{
padding:0 8px 4px 8px;
text-align:right;
width:59px;
}
#content .content-layer .benefits tbody th {
width:249px;
}
#content .content-layer .benefits tbody td {
padding:0 0 4px;
text-align:right;
}
#content .content-layer .benefits tbody .onetime {
padding:0 8px 4px 8px;
width:59px;
}
#content .content-layer .cost-overview-gray {
border:0;
color:#ffffff;
margin:5px 0 10px 0;
width:325px;
}
#content .content-layer .cost-overview-gray th,
#content .content-layer .cost-overview-gray td {
padding:5px;
}
#content .content-layer .cost-overview-gray thead td,
#content .content-layer .cost-overview-gray tfoot td { 
background:#9cb6cf;
}
#content .content-layer .cost-overview-gray thead td {
border-bottom:1px solid #ffffff;
text-align:right;
}
#content .content-layer .cost-overview-gray tfoot td {
border-top:1px solid #ffffff;
text-align:right;
}
#content .content-layer .cost-overview-gray tfoot .download span {
color:#00466D;
}
#content .content-layer .cost-overview-gray tfoot .download a {
color:#ffffff;
font-size:10px;
}
#content .content-layer .cost-overview-gray tbody td,
#content .content-layer .cost-overview-gray tbody th {
background:#7a9ec0;
border-bottom:1px solid #5885a4;
}
#content .content-layer .cost-overview-gray tbody td {
text-align:right;
}
#content .content-layer .cost-overview-gray tbody .last td,
#content .content-layer .cost-overview-gray tbody .last th {
border-bottom:0;
}
#content .content-layer #zusatzoptionen.product-item-actions {
background:url(../../images/products/layers/zusatzoptionen.jpg) no-repeat;
}
#content .content-layer .product-row .item-inner ul.hook-orange li,
ul.hook-orange li {
background:url(../../images/products/hook-orange.png) no-repeat;
padding: 0 0 5px 25px;
position:relative;
}
#content .content-layer .product-row .item-inner ul.hook-blue li {
background:url(../../images/buttons/rebrush/hook_blue.gif) 0 3px no-repeat;
padding: 0 0 5px 13px;
position:relative;
}
#content .tarifwechsel-teaser .footer {
background:url(../../images/products/weissebox_unten.png) no-repeat;
width:776px;
}
#content ul.standardbullet {
padding: 0 0 0 15px;
list-style-type:disc;
}
#content ul.list-small-blue li{
background:transparent url(../../images/list-small-blue.gif) no-repeat 0 5px;
padding-left:8px;
padding-bottom:5px;
}
#content .form-layer .product-content-container {
background:none;
}
#content .form-layer .product-close-button-container {
background:transparent url(../../images/products/form-layer-header.png) no-repeat left top;
}
#content .form-layer .product-footer-button {
background:transparent url(../../images/products/layer-content-background.jpg) repeat-y left top;
height:20px;
}
#content .form-layer .product-footer {
background:transparent url(../../images/products/form-layer-footer.png) no-repeat left top;
clear:both;
height:10px;
width:554px;
}
#content .product-row .product-img {
height:167px;
}
.productbox-img {
position:absolute;
}
#content .product-footer-radio {
display:block;
color:#01466D;
line-height:12px;
margin:-2px auto 0 110px;
position:relative;
width:265px;
}
#content .product-footer-radio input {
float:left;
height:14px;
margin-top:7px;
width:14px;
}
#content .product-footer-radio label {
margin-top:8px;
float:left;
}
#content .product-footer-leftchoice label{
margin-right:5px;
}
#content .product-footer-rightchoice label{
margin-left:5px;
}
#content .arrow-else{
background:transparent url(../../images/products/layers/pfeile_oder.png) no-repeat left top;
width:82px;
float:left;
text-align:center;
padding:8px 0 9px 0;
}
.product-footer-campaign{
float:right;
width:92px;
}
#content .item-inner ul.form-row .rent-item {
display:block;
background:transparent url(../../images/buttons/rent-button-white.png) no-repeat 0 2px;
float:left;
width:40px;
padding-left:5px;
line-height:14px;
}
#content .item-inner ul.form-row .buy-item {
display:block;
background:transparent url(../../images/buttons/buy-button-white.png) no-repeat 0 2px;
float:left;
width:40px;
padding-left:5px;
line-height:14px;
}
#content .content-layer .text-field .link-column {
float:right;
}
#content .content-layer .text-field .link-column a {
background:url(../../images/arrow-blue.gif) no-repeat left 4px;
color:#00466D;
float:right;
font-weight:bold;
padding-left:10px;
}
#content .content-layer .product-content-container a.close-button:link,
#content .content-layer .product-content-container a.close-button:visited,
#content .content-layer .product-content-container a.close-button:active,
#content .content-layer .product-content-container a.close-button:hover,
#content .info-layer-container .product-close-button-container a.close-button,
#content .content-layer .product-content-container a.layer-close-button:link,
#content .content-layer .product-content-container a.layer-close-button:visited,
#content .content-layer .product-content-container a.layer-close-button:active,
#content .content-layer .product-content-container a.layer-close-button:hover,
#content .info-layer-container .product-close-button-container a.layer-close-button {
background:url(../../images/buttons/productlayer-close-button.png) no-repeat right top;
color:#fff;
display:block;
float:right;
padding-right:20px;
text-decoration:none;
}
#content .content-layer a.dialog-button:link, 
#content .content-layer a.dialog-button:visited, 
#content .content-layer a.dialog-button:active, 
#content .content-layer a.dialog-button:hover {
background:url(../../images/arrow-blue.gif) no-repeat left 4px;
display:block;
color:#00466D;
float:left;
padding-left:10px;
margin-top:8px;
width:auto;
}
#content .content-layer .text-bold {
font-weight:bold;
}
#content .content-layer .text-small, 
#content .content-layer .form-row .text-small{
font-weight:normal;
}
.network-overview img {
margin:8px 8px 0 0;
}
#info-container {
display:none;
}
.infolayer {
display:block;
position:absolute;
top:277px;
left:700px;
z-index:200;
}
.infolayer .layer-close {
background:transparent url(../../images/infolayer/infolayer-close-button.png) no-repeat left top;
display:block;
height:16px;
position:absolute;
right:12px;
text-indent:-99999px;
width:17px;
}
.infolayer h2 {
font-size: 15px;
font-weight:bold;
margin-bottom:10px;
}
.layer-arrow {
display:block;
height:18px;
line-height:1px;
font-size:1px;
position:absolute;
width:18px;
}
.infolayer .arrow-left {
background:transparent url(../../images/infolayer/infolayer-arrow-left.png) no-repeat right top;
height:35px;
left:1px;
top:40px;
width:18px;
}
.infolayer .arrow-right {
background:transparent url(../../images/infolayer/infolayer-arrow-right.png) no-repeat left top;
height:35px;
right:1px;
top:40px;
width:18px;
}
.infolayer .arrow-top {
background:transparent url(../../images/infolayer/infolayer-arrow-top.png) no-repeat left bottom;
display:block;
height:19px;
left:40px;
top:0;
width:35px;
}
.layer-l {
padding:19px 12px 0 18px;
}
.layer-l .layer-header {
background:transparent url(../../images/infolayer/infolayer-l-header.png) no-repeat left top;
display:block;
line-height:1px;
font-size:1px;
height:8px;
width:356px;
} 
.layer-l .layer-content {
background:transparent url(../../images/infolayer/infolayer-l-content.png) repeat-y left top;
display:block;
text-align:left;
width:356px;
}
.layer-l .layer-footer {
background:transparent url(../../images/infolayer/infolayer-l-footer.png) no-repeat left bottom;
display:block;
line-height:1px;
font-size:1px;
height:12px;
width:356px;
}
.layer-s {
padding:19px 12px 0 18px;
}
.layer-s .layer-header {
background:transparent url(../../images/infolayer/infolayer-s-header.png) no-repeat left top;
display:block;
line-height:1px;
font-size:1px;
height:8px;
width:213px;
} 
.layer-s .layer-content {
background:transparent url(../../images/infolayer/infolayer-s-content.png) repeat-y left top;
display:block;
text-align:left;
width:213px;
}
.layer-s .layer-footer {
background:transparent url(../../images/infolayer/infolayer-s-footer.png) no-repeat left bottom;
display:block;
line-height:1px;
font-size:1px;
height:12px;
width:213px;
}
.layer-l .layer-content-inner, 
.layer-s .layer-content-inner{
padding:0 10px;
position:relative;
width:auto;
}
.fussnotenLayer {
left:225px;
position:absolute;
top:65px;
display:none;
width:546px;
z-index:9999;
}
.fussnotenLayer .flyout-header {
background:url(../../images/fussnotenlayer_bg_header.png) no-repeat;
height:25px;
position:relative;
width:546px;
}
.fussnotenLayer .flyout-header .flyout-closeLabel {
height:16px;
position:absolute;
right:11px;
top:5px;
width:17px;
}
.fussnotenLayer .flyout-header .flyout-closeLabel a {
background:url(../../images/fussnotenlayer_close.gif) no-repeat;
cursor: pointer;
display:block;
height:16px;
position:relative;
width:17px;
}
.fussnotenLayer .flyout-closeLabel {
height:16px;
position:relative;
left:518px;
top:22px;
width:17px;
z-index:99999;
}
.fussnotenLayer .flyout-closeLabel a {
background:url(../../images/fussnotenlayer_close.gif) no-repeat;
cursor:pointer;
display:block;
height:16px;
position:relative;
width:17px;
}
.fussnotenLayer .flyout-content {
background:url(../../images/fussnotenlayer_bg_content.png) repeat-y;
color:#818183;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:0 15px;
position:relative;
width:516px;
}
.fussnotenLayer .flyout-content strong {
font-weight:bold;
}
.fussnotenLayer .flyout-footer {
background:url(../../images/fussnotenlayer_bg_footer.png) no-repeat;
height:25px;
position:relative;
width:546px;
}
.fussnotenLayer .flyout-content-wrapper {
height:500px;
overflow: auto;
}
.footnote-container .footnote-content a {
cursor:pointer;
}
.noscript-info {
background:#FDE7ED;
border:1px solid #E60F46;
position:absolute;
width:100%;
z-index:20;
left:0;
}
.noscript-info p {
background:url(../../images/icon_red_attention.png) no-repeat 0 center;
color:#E60F46;
font-size:12px;
font-weight:bold;
margin-right:auto;
margin-left:auto;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
text-align:left;
width:950px;
}
.page-layer-loader {
display:block;
color:#00466D;
background:url(../../images/loader-bg.gif) no-repeat;
font-weight:bold;
height:102px;
position:absolute;
text-align:center;
width:170px;
left:50%;
top:50%;
}
.page-layer-loader .loader-icon {
display:block;
background:#fff url(../../images/layer_loader.gif) no-repeat;
margin:10px auto;
height:32px;
width:32px;
}
#content #swfcontent .no-flash {
background:#fff;
padding:2em;
width:auto;
}
#content #swfcontent .no-flash h2 {
font-weight:bold;
font-size:14px;
}
#content #swfcontent .no-flash a {
text-decoration:underline;
}
/** 
* ../generals/layout_extension.css 
*/ 
#column-container {
background:url(../../images/generals/bg_content.png) no-repeat;
}
#tv-radio-area #column-container {
background:url(../../images/generals/bg_content_tv.png) no-repeat;
}
#navigation-column .consulting-box {
margin:0 0 0 5px;
width:151px;
}
#navigation-column .consulting-box .header {
background:url(../../images/box_grau-head.gif) 0 0 no-repeat;
height:5px;
overflow:hidden;
}
#navigation-column .consulting-box .content {
background:url(../../images/box_grau-content.gif) 0 0 repeat-y;
}
#navigation-column .consulting-box .content h3 {
font-weight:bold;
margin:0 2px 0 4px;
}
#navigation-column .consulting-box .content p {
margin:2px 2px 2px 4px;
}
#navigation-column .consulting-box .content a,
a.arrow-blue {
background:url(../../images/arrow-blue.gif) 0 center no-repeat;
margin:6px 2px 0 4px;
padding-left:7px;
text-decoration:underline;
}
#navigation-column .consulting-box .content a:hover {
text-decoration:none;
}
#navigation-column .consulting-box .content .float-left {
float:left;
margin-left:2px;
}
#navigation-column .consulting-box .content .float-right {
float:right;
margin-right:2px;
}
#navigation-column .consulting-box .footer {
background:url(../../images/box_grau-footer.gif) 0 0 no-repeat;
height:4px;
overflow:hidden;
width:151px;
}
#navigation-column .consulting-box .content select {
font-size:11px;
float:left;
margin-left:5px;
width:110px;
}
#navigation-column .consulting-box .content .button {
margin:0;
padding:0;
}
#content .list-white-hook li {
background: url("../../images/buttons/hook_white.png") no-repeat 0 2px;
line-height:13px;
margin:0 0 6px 0;
padding:0 0 0 18px;
}
#content .list-blue-hook li {
background: url("../../images/hook_blue.png") no-repeat 0 2px;
line-height:13px;
margin:0 0 6px 0;
padding:0 0 0 18px;
}
.list-darkblue-hook li {
background: url("../../images/hook_dark_blue.png") no-repeat 0 2px;
line-height:13px;
margin:0 0 6px 0;
padding:0 0 0 18px;
}
#content ul li.no-style {
background:none;
}
#content ul li.padding-top {
padding-top:10px;
}
#content ul li.padding-top-small {
padding-top:4px;
}
.blue-plus li {
background:url("../../images/buttons/rebrush/icon_plus_blue.gif") no-repeat scroll 0 5px transparent;
color:#003077;
padding-bottom:5px;
padding-left:13px;
}
.grey-plus li {
background:url("../../images/buttons/rebrush/icon_plus_grey.gif") no-repeat scroll 0 5px transparent;
color:#525252;
padding-bottom:5px;
padding-left:13px;
}
h1 {
color:#003077;
font-family:Arial;
font-size:40px;
font-weight:bold;
padding-bottom:3px;
}
h2 {
color:#EF690A;
font-size:19px;
font-weight:bold; 
}
h3 {
color:#EF690A;
font-size:15px;
font-weight:bold;
}
#content .title-standard {
font-weight:bold;
}
#content .title-normal {
font-weight:normal;
}
#content .color-white,
#content .color-white:link,
#content .color-white:visited {
color:#fff;
}
#content .color-blue {
color:#004483;
}
#content .color-grey {
color:#5C636A;
}
#content .color-orange {
color:#eb690b;
}
#content a.underline,
#content a.underline:link,
#content a.underline:visited {
text-decoration: underline;
}
#content .one-column {
width:100%;
}
#content .two-column {
width:48%;
}
#content .three-column {
width:33%;
}
#content .center-column {
margin:0 auto;
width:auto;
}
#content .font-largest {
font-size:30px;
line-height:25px;
}
#content .font-large {
font-size:24px;
line-height:28px;
}
#content .font-middle {
font-size:20px;
line-height:24px;
}
#content .font-normal {
font-size:12px;
line-height:13px;
}
#content .font-small {
font-size:11px;
line-height:13px;
}
#content .font-smallest {
font-size:10px;
line-height:13px;
}
#content .float-left {
float:left;
}
#content .float-right {
float:right;
}
#content .float-left .item-inner {
margin-right:15px;
}
#content .float-right .item-inner {
margin-left:15px;
}
#content .font-size-small {
font-size:11px;
}
#content .font-size-normal {
font-size:12px;
}
#content .font-size-middle {
font-size:13px;
}
#content .font-size-big {
font-size:24px;
}
#content .text-aling-right {
text-align:right;
}
#content .text-aling-left {
text-align:left;
}
#content .spacer-micro {
clear:both;
height:5px;
font-size:0;
line-height:0px;
}
#content .spacer-small,
.spacer-small {
clear:both;
height:10px;
}
#content .spacer-middle,
.spacer-middle {
clear:both;
height:25px;
}
#content .spacer-large {
clear:both;
height:50px;
}
#content .wechsel-vorteile .item-inner {
background:url("../../images/wechsel-vorteile-icon.png") no-repeat 0 0;
padding-left:40px;
}
#content .produkt-vorteile .item-inner {
background:url("../../images/produkt-vorteile-icon.png") no-repeat 0 0;
padding-left:40px;
}
#content .clever-starter {
background:url("../../images/clever-starter.png") no-repeat 0 0;
height:237px;
margin-right:20px;
position:relative;
width:198px;
}
#content .clever-25 {
background:url("../../images/clever-25.png") no-repeat 0 0;
height:237px;
margin-right:20px;
position:relative;
width:198px;
}
#content .clever-50 {
background:url("../../images/clever-50.png") no-repeat 0 0;
height:237px;
position:relative;
width:198px;
}
#content .wechsel-headline {
background:url("../../images/custom-headline-bg.png") no-repeat 0 0;
width:auto;
padding:22px 0;
}
#content .wechsel-headline h1 {
font-size:30px;
text-transform:uppercase;
}
#content .clever-starter a,
#content .clever-25 a,
#content .clever-50 a {
display:block;
height:18px;
position:relative;
text-indent:-50000px;
width:53px;
z-index: 1000;
zoom:1;
}
#content .clever-starter div,
#content .clever-25 div,
#content .clever-50 div {
bottom:7px;
left:10px;
height:18px;
position:absolute;
width:53px;
}
#content .einfach-wechseln-container {
background:url("../../images/dsl_wechslerservice_bg_produktbox.png") no-repeat 0 0;
color:#003452;
height:500px;
width:auto;
}
#content .einfach-wechseln-container .item-inner {
padding:20px 20px 10px 15px;
}
#content .einfach-wechseln-container .three-column {
margin-left:15px;
}
#content .einfach-wechseln-container .three-column .item-inner {
padding-top:10px;
}
#content .einfach-wechseln-container a:link, #content .einfach-wechseln-container a:visited,
#content .einfach-wechseln-container a:hover, #content .einfach-wechseln-container a:active{
color:#407492;
}
#content .erinnerungsservice {
color:#004483;
width:620px;
}
#content .hint-container-large {
color:#004483;
width:734px;
}
#content .hint-container-large .hint-top {
background:transparent url(../../images/hintbox-larg-top.png) no-repeat 0 0;
height:7px;
margin:0;
padding:0;
width:auto;
}
#content .hint-container-large .hint-content {
background:transparent url(../../images/hintbox-larg-bg.png) repeat-y 0 0;
margin:0;
padding:0;
width:auto;
}
#content .hint-container-large .hint-content .item-inner {
padding:0 15px;
min-height:30px;
width:auto;
}
#content .hint-container-large .hint-bottom {
background:transparent url(../../images/hintbox-larg-bottom.png) no-repeat 0 0;
height:10px;
margin:0;
padding:0;
width:auto;
}
#content .hint-container-large a {
color:#407492;
text-decoration:underline;
}
#content .light-blue-container {
background-color:#bfd0e0;
padding:10px 0 10px 13px;
width:auto;
}
#content .hint-container-large .hint-content .spacer-nr-one {
background:transparent url(../../images/round-nr-one.png) no-repeat 10px 0;
padding-left:50px;
}
#content .hint-container-large .hint-content .spacer-nr-two {
background:transparent url(../../images/round-nr-two.png) no-repeat 10px 0;
padding-left:50px;
}
#content .hint-container-large .hint-content .spacer-nr-three {
background:transparent url(../../images/round-nr-three.png) no-repeat 10px 0;
padding-left:50px;
}
#content .spacer-left-small {
padding-left:50px;
padding-right:13px;
}
.customize-fancy-close {
background:url(../../images/fancybox/close.png) no-repeat 0 0;
display:block;
cursor:pointer;
height:16px;
position:absolute;
text-indent:-50000px;
width:17px;
top:15px;
right:15px;
z-index:1300;
}
.noscript-info {
background:#FDE7ED;
border:1px solid #E60F46;
position:absolute;
width:100%;
z-index:20;
left:0;
}
.noscript-info p {
background:url(../../images/icon_red_attention.png) no-repeat 0 center;
color:#E60F46;
font-size:12px;
font-weight:bold;
margin-right:auto;
margin-left:auto;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
text-align:left;

width:480px;
}
#content a:link, 
#content a:visited {
color:#535353;
text-decoration:underline;
}
#content a:hover, 
#content a:active {
color:#535353;
}
#content .footnote-container {
font-size:10px;
padding:10px 0 0 0;
}
#content .footnote-header, #content .footnote-content, #content .footnote-footer {
color:#535353;
background:none;
margin:0;
padding:0;
}
#content .footnote-content a {
background:none;
}
#content .fussnotenLayer a:link, 
#content .fussnotenLayer a:visited {
color:#535353;
text-decoration:underline;
}
#content .fussnotenLayer a:hover, 
#content .fussnotenLayer a:active {
color:#535353;
}
#content .one-column {
width:100%;
}
#content .rq-column {
width:64.66%;
margin-right:2.55%;
}
#content .rq-column-r {
width:64.66%;
margin-right:0;
}
#content .two-column {
width:48%;
margin-right:2.55%;
}
#content .two-column-r {
width:48%;
margin-right:0;
}
#content .three-column {
width:31.33%;
margin-right:2.55%;
}
#content .three-column-r {
width:31.33%;
margin-right:0;
}
#content .four-column {
width:23%;
margin-right:2.22%;
}
#content .four-column-r {
width:23%;
margin-right:0;
}
#tv-radio-area #content .footnote-container .footnote-content {
color:#ffffff;
}
#tv-radio-area #content .footnote-container .footnote-content a {
color:#EF690A;
text-decoration:none;
}
#tv-radio-area #content .footnote-container .footnote-content a:hover {
text-decoration:underline;
}
.arrow-orange,
.arrow-onrage:link {
color:#525252;
background:url(../../images/kundenservice/forms/icon_arrow_orange.png) no-repeat left 3px;
padding-left:12px;
text-decoration:none;
}
.nobreak {
white-space: nowrap;
}
/** 
* ../generals/subnavigation.css 
*/ 
#navigation-column {
background:none;
border:0;
}
#navigation-column .selected a,
#navigation-column .selected ul .selected a,
#navigation-column .selected ul .selected ul .selected a {
color:#ed7507;
}
#navigation-column .selected ul a,
#navigation-column .selected ul .selected ul a {
color:#525252;
}
#navigation-column a:hover,
#navigation-column a:active,
#navigation-column a:focus {
color:#ed7507;
}
#navigation-column li ul li a:hover,
#navigation-column li ul li a:active,
#navigation-column li ul li a:focus {
color:#ed7507;
}
#navigation-column a {
font-family:Arial;
position:relative;
}
.subnavigation {
margin:-1px 0 0 0;
}
.subnavigation li {
padding:0 0 5px 0;
}
.subnavigation li a {
color:#525252;
font-size:135%;
font-weight:600; 
text-decoration:none;
}
.subnavigation ul {
padding:1px 0 0 6px;
margin:0 0 -1px 0;
}
.subnavigation ul li {
background:url(../../images/generals/icon_subnavi.gif) no-repeat;
padding:2px 0 1px 7px;
font-size:12px;
}
.subnavigation ul .sub-last {
background:url(../../images/generals/icon_subnavi_last.gif) no-repeat;
}
.subnavigation li ul li a {
color:#525252;
font-size:12px;
font-weight:normal;
}
#tv-radio-area .subnavigation ul li {
background:url(../../images/generals/icon_subnavi_tv.gif) no-repeat;
}
#tv-radio-area .subnavigation ul .sub-last {
background:url(../../images/generals/icon_subnavi_last_tv.gif) no-repeat;
}
#tv-radio-area .subnavigation li a,
#tv-radio-area .subnavigation li ul li a {
color:#ffffff;
}
#tv-radio-area .subnavigation li a:hover,
#tv-radio-area .subnavigation .selected ul a:hover {
color:#EF690A;
}
#tv-radio-area .subnavigation .selected a,
#tv-radio-area .subnavigation .selected ul .selected a {
color:#EF690A;
}
#tv-radio-area .subnavigation .selected ul a {
color:#ffffff;
}
#navigation-column .online-beratung {
font-size:0;
height:auto;
}
#navigation-column .online-beratung span {
font-size:0;
position:relative;
}
#navigation-column .online-beratung span a {
display:block;
height:134px;
left:-6px;
margin-bottom:5px;
position:relative;
width:196px;
}
#navigation-column .online-beratung span a img {
}
#navigation-column .sim-karte-akt-box {
background:url(../../images/generals/sim_akt.png) no-repeat;
height:82px;
left:-10px;
position:relative;
width:161px;
}
#navigation-column .sim-karte-akt-box a {
background:url(../../images/buttons/rebrush/arrow_blue.gif) no-repeat 0 center;
bottom:17px;
color:#003077;
display:block;
font-size:15px;
font-weight:bold;
padding-left:7px;
position:absolute;
right:14px;
text-decoration:none;
}
.testsiegel {
background: url(../../images/generals/testsiegel.png) no-repeat;
display:block;
height:177px;
margin-top:7px;
left:-6px;
position:relative;
width:123px;
}

/** 
* ../generals/footnote.css 
*/ 

#content .footnote-container { 
clear:both;
display:block;
margin-bottom:8px;
position:relative;
width:554px;
}
#content .footnote-header {
display:block;
width:554px;
}
#content .footnote-footer {
display:block;
width:554px;
}
#content .footnote-content {
color:#525252;
height:100%;
padding:0 8px;
width:538px;
}
#content .footnote-content strong {
font-weight:bold;
}
#content .footnote-container .footnote-content a:hover {
text-decoration:underline;
}
#content .footnote-container .footnote-content a {
text-decoration:none;
} 
#content .footnote-content a:link,
#content .footnote-content a:visited,
#content .footnote-content a:active,
#content .footnote-content a:hover {
color:#EF690A;
}
#content .footnote-content .toggle-container {
display:none;
padding:12px 0 0;
}
#content .footnote-content p {
padding-bottom:8px;
}
#content .footnote-content .footnote-block {
padding-bottom:7px;
}
#content .footnote-content .footnote-block .footnote-ziffer {
float:left;
font-weight:bold;
font-size:12px;
}
#content .footnote-content .footnote-block .footnote-text {
float:right;
width:97.2%;
}
#content .footnote-content .footnote-block .footnote-text h3 {
font-size:12px;
font-weight:bold;
padding-bottom:4px;
}
#tv-radio-area #content .footnote-content .footnote-block .footnote-text h3,
#tv-radio-area #content .footnote-content,
#tv-radio-area #content .footnote-content p{
color:#fff;
}
/** 
* ../generals/buttons.css 
*/ 

#content .button,
.content .button {
border:0;
cursor:pointer;
display:block;
float:left;
height:18px;
line-height:0;
outline:none;
text-indent:-9999px;
width:68px;
}
#content .right-button-column .button {
margin-left:5px;
}
#content .left-button-column .button {
margin-right:5px;
}
#content .save {
background:url(../../images/buttons/save-button.png) no-repeat left top;
}
#content .save:hover {
background:url(../../images/buttons/save-button-hover.png) no-repeat left top;
}
#content .save-disable,
#content .save-disable:hover {
background:url(../../images/buttons/save-button-disable.png) no-repeat left top;
cursor:default;
}
#content .save-big {
background:url(../../images/buttons/save-big-button.png) no-repeat left top;
height:22px;
width:124px;
}
#content .save-big:hover {
background:url(../../images/buttons/save-big-button-hover.png) no-repeat left top;
}
#content .save-big-disable,
#content .save-big-disable:hover {
background:url(../../images/buttons/save-big-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:124px;
}
#content .next {
background:url(../../images/buttons/next-button.png) no-repeat left top;
height:22px;
width:102px;
}
#content .next:hover {
background:url(../../images/buttons/next-button-hover.png) no-repeat left top;
}
#content .next-disable,
#content .next-disable:hover {
background:url(../../images/buttons/next-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .next-big {
background:url(../../images/buttons/next-button-big.png) no-repeat left top;
height:22px;
width:124px;
}
#content .next-big:hover {
background:url(../../images/buttons/next-button-big-hover.png) no-repeat left top;
}
#content .next-big-disable,
#content .next-big-disable:hover {
background:url(../../images/buttons/next-button-big.png) no-repeat left top;
cursor:default;
height:22px;
width:124px;
}
#content .edit {
background:url(../../images/buttons/edit-button.png) no-repeat left top;
}
#content .edit:hover {
background:url(../../images/buttons/edit-button-hover.png) no-repeat left top;
}
#content .edit-disable,
#content .edit-disable:hover {
background:url(../../images/buttons/edit-button-disable.png) no-repeat left top;
cursor:default;
}
#content .edit-arrow {
background:url(../../images/buttons/edit-arrow-button.png) no-repeat left top;
width:78px;
}
#content .edit-arrow:hover {
background:url(../../images/buttons/edit-arrow-button-hover.png) no-repeat left top;
}
#content .edit-arrow-disable,
#content .edit-arrow-disable:hover {
background:url(../../images/buttons/edit-arrow-button-disable.png) no-repeat left top;
width:78px;
cursor:default;
}
#content .cancle {
background:url(../../images/buttons/cancle-button.png) no-repeat left top;
}
#content .cancle:hover {
background:url(../../images/buttons/cancle-button-hover.png) no-repeat left top;
}
#content .cancle-disable,
#content .cancle-disable:hover {
background:url(../../images/buttons/cancle-button-disable.png) no-repeat left top;
cursor:default;
}
#content .show {
background:url(../../images/buttons/show-button.png) no-repeat left top;
width:78px;
}
#content .show:hover {
background:url(../../images/buttons/show-button-hover.png) no-repeat left top;
}
#content .show-disable,
#content .show-disable:hover {
background:url(../../images/buttons/show-button-disable.png) no-repeat left top;
cursor:default;
width:78px;
}
#content .close {
background:url(../../images/buttons/close-button.png) no-repeat left top;
}
#content .close:hover {
background:url(../../images/buttons/close-button-hover.png) no-repeat left top;
}
#content .close-disable,
#content .close-disable:hover {
background:url(../../images/buttons/close-button-disable.png) no-repeat left top;
cursor:default;
}
#content .back {
background:url(../../images/buttons/back-button.png) no-repeat left top;
height:22px;
width:102px;
}
#content .back:hover {
background:url(../../images/buttons/back-button-hover.png) no-repeat left top;
}
#content .back-disable,
#content .back-disable:hover {
background:url(../../images/buttons/back-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .submit {
background:url(../../images/buttons/submit-button.png) no-repeat left top;
height:22px;
width:102px;
}
#content .submit:hover {
background:url(../../images/buttons/submit-button-hover.png) no-repeat left top;
}
#content .submit-disable,
#content .submit-disable:hover {
background:url(../../images/buttons/submit-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .submit-yellow {
background:url(../../images/buttons/submit-button-yellow.png) no-repeat left top;
height:20px;
width:70px;
}
#content .submit-yellow:hover {
background:url(../../images/buttons/submit-button-yellow-hover.png) no-repeat left top;
}
#content .submit-yellow-disable,
#content .submit-yellow-disable:hover {
background:url(../../images/buttons/submit-button-yellow-hover.png) no-repeat left top;
cursor:default;
height:20px;
width:70px;
}
#content .submit-small {
background:url(../../images/buttons/submit-button-small.png) no-repeat left top;
}
#content .submit-small:hover {
background:url(../../images/buttons/submit-button-small-hover.png) no-repeat left top;
}
#content .submit-small-disable,
#content .submit-small-disable:hover {
background:url(../../images/buttons/submit-button-small-disable.png) no-repeat left top;
cursor:default;
}
#content .info-button {
background:url(../../images/buttons/info-button.png) no-repeat left top;
display:block;
height:17px;
outline:none;
text-indent:-9999px;
width:16px;
}
#content .info-button:hover {
background-position: 0 -17px;
}
#content .hook-button {
background:url(../../images/buttons/hook-button.png) no-repeat left top;
padding-left:13px;
}
#content .toggle-link a{
background:url(../../images/buttons/link-arrow.png) no-repeat left 4px;
padding-left:12px;
text-decoration:underline;
}
#content .toggle-link a.active {
background-position:left -8px;
}
#content a.custom-link{
background:url(../../images/buttons/link-arrow.png) no-repeat left 4px;
padding-left:12px;
text-decoration:underline;
}
#content .order-button {
background:url(../../images/buttons/order-button.png) no-repeat left top;
height:22px;
width:124px;
}
#content .order-button:hover {
background:url(../../images/buttons/order-button-hover.png) no-repeat left top;
}
#content .order-button-disable,
#content .order-button-disable:hover {
background:url(../../images/buttons/order-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:124px;
}
#content .order-button-small {
background:url(../../images/buttons/Button_bestellen.png) no-repeat left top;
height:20px;
width:84px;
}
#content .order-button-small:hover {
background:url(../../images/buttons/Button_bestellen.png) no-repeat left top;
}
#content .order-button-small-disable,
#content .order-button-small-disable:hover {
background:url(../../images/buttons/Button_bestellen.png) no-repeat left top;
cursor:default;
height:20px;
width:84px;
}
#content .check-button {
background:url(../../images/buttons/orange-arrow-button.png) no-repeat left top;
height:20px;
width:24px;
}
#content .check-button:hover {
background:url(../../images/buttons/orange-arrow-button-hover.png) no-repeat left top;
}
#content .check-button-disable,
#content .check-button-disable:hover {
background:url(../../images/buttons/orange-arrow-button-disable.png) no-repeat left top;
cursor:default;
height:20px;
width:24px;
}
#content .login-button {
background:url(../../images/buttons/login-button.png) no-repeat left top;
height:22px;
width:124px;
}
#content .availability-check {
background:url(../../images/buttons/availability-check-button.png) no-repeat left top;
height:22px;
width:124px;
}
#content .availability-check:hover {
background:url(../../images/buttons/availability-check-button-hover.png) no-repeat left top;
}
#content .availability-check-disable,
#content .availability-check-disable:hover {
background:url(../../images/buttons/availability-check-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:124px;
}
#content .acknowledge {
background:url(../../images/buttons/acknowledge.png) no-repeat left top;
height:22px;
width:124px;
}
#content .acknowledge:hover {
background:url(../../images/buttons/acknowledge-hover.png) no-repeat left top;
}
#content .acknowledge-disable,
#content .acknowledge-disable:hover {
background:url(../../images/buttons/acknowledge-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:124px;
}
#content .back-big {
background:url(../../images/buttons/back-button-big.png) no-repeat left top;
height:22px;
width:124px;
}
#content .back-big:hover {
background:url(../../images/buttons/back-button-big-hover.png) no-repeat left top;
}
#content .back-big-disable,
#content .back-big-disable:hover {
background:url(../../images/buttons/back-button-big-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .trailershow-big {
background:url(../../images/buttons/trailershow.png) no-repeat left top;
height:22px;
width:124px;
}
#content .trailershow-big:hover {
background:url(../../images/buttons/trailershow-hover.png) no-repeat left top;
}
#content .trailershow-big-disable,
#content .trailershow-big-disable:hover {
background:url(../../images/buttons/trailershow-hover-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:124px;
}
#content .trailershow-small {
background:url(../../images/buttons/trailershow-small.png) no-repeat right top;
height:19px;
width:73px;
}
#content .trailershow-small:hover {
background:url(../../images/buttons/trailershow-small-hover.png) no-repeat right top;
}
#content .trailershow-small-disable,
#content .trailershow-small-disable:hover {
background:url(../../images/buttons/trailershow-small-disable.png) no-repeat right top;
cursor:default;
height:19px;
width:73px;
}
#content .callback-button {
background:url(../../images/buttons/callback.png) no-repeat left top;
width:99px;
}
#content .callback-button:hover {
background:url(../../images/buttons/callback-hover.png) no-repeat left top;
}
#content .callback-button-disable,
#content .callback-button-disable:hover {
background:url(../../images/buttons/callback-disable.png) no-repeat left top;
cursor:default;
width:99px;
}
#content .dialog-button {
background:url(../../images/buttons/dialog.png) no-repeat left top;
width:99px;
}
#content .dialog-button:hover {
background:url(../../images/buttons/dialog-hover.png) no-repeat left top;
}
#content .dialog-button-disable,
#content .dialog-button-disable:hover {
background:url(../../images/buttons/dialog-disable.png) no-repeat left top;
cursor:default;
width:99px;
}
#content .open-button {
background:url(../../images/buttons/open-button.png) no-repeat left top;
}
#content .open-button:hover {
background:url(../../images/buttons/open-button-hover.png) no-repeat left top;
}
#content .open-button-disable,
#content .open-button-disable:hover {
background:url(../../images/buttons/open-button-disable.png) no-repeat left top;
cursor:default;
}
#content .leave-request {
background:url(../../images/buttons/leave-request.png) no-repeat left top;
height:22px;
width:141px;
}
#content .leave-request:hover {
background:url(../../images/buttons/leave-request-hover.png) no-repeat left top;
}
#content .leave-request-disable,
#content .leave-request-disable:hover {
background:url(../../images/buttons/leave-request-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:141px;
}
#content .continue-order {
background:url(../../images/buttons/continue-order.png) no-repeat left top;
height:22px;
width:141px;
}
#content .continue-order:hover {
background:url(../../images/buttons/continue-order-hover.png) no-repeat left top;
}
#content .continue-order-disable,
#content .continue-order-disable:hover {
background:url(../../images/buttons/continue-order-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:141px;
}
#content .go-to-meintv {
background:url(../../images/buttons/weiter_zu_meintv.gif) no-repeat left top;
height:32px;
width:124px;
}
#content .go-to-meintv:hover {
background:url(../../images/buttons/weiter_zu_meintv_over.gif) no-repeat left top;
}
#content .add-to,
#content .show-conflict-warning {
background:url(../../images/buttons/rebrush/add-to.png) no-repeat left top;
height:29px;
width:116px;
}
#content .add-to:hover,
#content .show-conflict-warning:hover {
background:url(../../images/buttons/rebrush/add-to.png) no-repeat left top;
}
#content .add-to-disable,
#content .add-to-disable:hover,
#content .show-conflict-warning-disable,
#content .show-conflict-warning-disable:hover {
background:url(../../images/buttons/add-to-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .refresh {
background:url(../../images/buttons/rebrush/refresh.png) no-repeat left top;
width:127px;
}
#content .refresh:hover {
background:url(../../images/buttons/rebrush/refresh.png) no-repeat left top;
width:127px;
}
#content .save-button {
background:url(../../images/buttons/save-button.png) no-repeat left top;
height:22px;
width:124px;
}
#content .save-button:hover {
background:url(../../images/buttons/save-button-hover.png) no-repeat left top;
}
#content .save-button-disable,
#content .save-button-disable:hover {
background:url(../../images/buttons/save-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .login-button {
background:url(../../images/buttons/login-button.png) no-repeat left top;
height:22px;
width:124px;
}
#content .login-button:hover {
background:url(../../images/buttons/login-button-hover.png) no-repeat left top;
}
#content .login-button-disable,
#content .login-button-disable:hover {
background:url(../../images/buttons/login-button-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content .left-content .arrow-left-button {
background:url(../../images/products/arrow-left.gif) no-repeat left top;
padding-left:16px;
}
#content .left-content a.arrow-left-button:link,
#content .left-content a.arrow-left-button:visited,
#content .left-content a.arrow-left-button:active,
#content .left-content a.arrow-left-button:hover {
font-weight:bold;
color:#00466D;
text-decoration:none;
display:block;
margin-top:7px;
}
#content .product-footer-button .right-content .arrow-right-button {
background:url(../../images/products/arrow-right.gif) no-repeat right top;
padding-right:20px;
}
#content .product-footer-button .right-content a.arrow-right-button:link,
#content .product-footer-button .right-content a.arrow-right-button:visited,
#content .product-footer-button .right-content a.arrow-right-button:active,
#content .product-footer-button .right-content a.arrow-right-button:hover {
color:#00466D;
font-weight:bold;
text-decoration:none;
display:block;
margin-top:8px;
margin-right:2px;
text-align:right;
}
#content .btn-tarifwechsel {
background: url(../../images/buttons/charge-change.png) no-repeat;
height:22px;
width:124px;
}
#content .btn-tarifwechsel:hover {
background: url(../../images/buttons/charge-change-hover.png) no-repeat;
}
#content .btn-tarifwechsel-disable,
#content .btn-tarifwechsel-disable:hover {
background: url(../../images/buttons/charge-change-disable.png) no-repeat;
}
#content .big-blue-arrow {
background:url("../../images/buttons/arrow_blue.png") no-repeat scroll 0 center transparent;
color:#004483;
padding-left:15px;
position:relative;
text-decoration:underline;
}
#content .small-blue-arrow {
background:url("../../images/arrow-blue.gif") no-repeat scroll 0 center transparent;
color:#004483;
padding-left:10px;
text-decoration:underline;
}
#content .submit-small-grey,
#navigation-column .consulting-box .content .submit-small-grey {
background:url(../../images/buttons/submit-small.png) no-repeat left top;
height:18px;
width:23px;
}
#content .submit-small-grey:hover,
#navigation-column .consulting-box .content .submit-small-grey:hover {
background:url(../../images/buttons/submit-small-hover.png) no-repeat left top;
}
#content .submit-small-grey-disable,
#content .submit-small-grey-disable:hover,
#navigation-column .consulting-box .content .submit-small-grey-disable,
#navigation-column .consulting-box .content .submit-small-grey-disable:hover {
background:url(../../images/buttons/submit-small-disable.png) no-repeat left top;
cursor:default;
height:18px;
width:23px;
}
#content .arrow-white {
background:url("../../images/arrow-white.gif") no-repeat 0 3px;
color:#fff;
text-decoration:underline;
padding:0 0 0 8px;
}
#content .remove {
background:url(../../images/buttons/remove.png) no-repeat left top;
height:22px;
width:124px;
}
#content .remove:hover {
background:url(../../images/buttons/remove-hover.png) no-repeat left top;
}
#content .remove-disable,
#content .remove-disable:hover {
background:url(../../images/buttons/remove-disable.png) no-repeat left top;
cursor:default;
height:22px;
width:102px;
}
#content a.big-orange-arrow {
background:url("../../images/buttons/rebrush/hook_big_orange.gif") no-repeat scroll 0 center transparent;
color:#004483;
padding-left:15px;
position:relative;
text-decoration:none;
}
#content abig-orange-arrow:hover {
text-decoration:underline;
}
#content a.small-orange-arrow {
background:url("../../images/buttons/rebrush/hook_orange.gif") no-repeat scroll 0 center transparent;
color:#525252;
cursor:pointer;
font-size:12px;
padding-left:10px;
text-decoration:none;
}
#content a.small-orange-arrow:hover {
text-decoration:underline;
}
#content a.more-info {
background:url(../../images/buttons/rebrush/btn_more_details.png) no-repeat;
display:block;
cursor:pointer;
height:24px;
position:relative;
text-indent:-8000px;
width:88px;
}
#content .highlights {
background:url(../../images/buttons/rebrush/highlights.png) no-repeat left top;
height:24px;
width:90px;
}
#content .watch-tutorial {
background:url(../../images/buttons/rebrush/watch-tutorial.png) no-repeat left top;
height:24px;
width:121px;
}
#content .to-configurator {
background:url(../../images/buttons/rebrush/to-configurator.png) no-repeat left top;
height:24px;
width:126px;
}
#content .recommended-charges {
background:url(../../images/buttons/rebrush/recommended-charges.png) no-repeat left top;
height:24px;
width:125px;
}
#content .recommended-receivers {
background:url(../../images/buttons/rebrush/recommended-receivers.png) no-repeat left top;
height:24px;
width:140px;
}
#content .close-grey {
background:url(../../images/buttons/rebrush/close.png) no-repeat left top;
height:24px;
width:92px;
}
#content .video-close:visited,
#content .video-close {
background:url("../../images/buttons/rebrush/productlayer-close-button.png") no-repeat scroll right center transparent;
float:right;
padding-right:25px;
padding-top:6px;
line-height:8px;
text-decoration:none;
}
#content .more-info-grey {
background:url(../../images/buttons/rebrush/btn_more_details_grey.png) no-repeat left top;
height:24px;
width:84px;
}
#content .buttons .close-grey,
#content .buttons .more-info-grey {
float: right;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#content .big-send {
background:url(../../images/kundenservice/buttons/send.png) no-repeat left top;
height:29px;
width:115px;
float:right;
}
/** 
* layout_extension.css 
*/ 

body {
background:url("../../images/mobil/site_background.png") repeat-x 0 0 #D5D5D5;
}
#mobil-header {
background:url(../../images/mobil/mobil_header.png) repeat-x;
height:89px;
}
#mobil-page { 
height:auto !important;
margin:-89px auto 0 auto;
height:100%;
min-height:100%;
text-align:left;
width:1200px;
}
#mobil-page #navigation-column {
width:153px;
}
#mobil-page #content { 
width:817px;
}
#navigation-column .consulting-box {
margin:0 0 0 5px;
width:151px;
}
#navigation-column .consulting-box .header {
background:url(../../images/box_grau-head.gif) 0 0 no-repeat;
height:5px;
overflow:hidden;
}
#navigation-column .consulting-box .content {
background:url(../../images/box_grau-content.gif) 0 0 repeat-y;
}
#navigation-column .consulting-box .content h3 {
font-weight:bold;
margin:0 2px 0 4px;
}
#navigation-column .consulting-box .content p {
margin:2px 2px 2px 4px;
}
#navigation-column .consulting-box .content a,
a.arrow-blue {
background:url(../../images/arrow-blue.gif) 0 center no-repeat;
margin:6px 2px 0 4px;
padding-left:7px;
text-decoration:underline;
}
#navigation-column .consulting-box .content a:hover {
text-decoration:none;
}
#navigation-column .consulting-box .content .float-left {
float:left;
margin-left:2px;
}
#navigation-column .consulting-box .content .float-right {
float:right;
margin-right:2px;
}
#navigation-column .consulting-box .footer {
background:url(../../images/box_grau-footer.gif) 0 0 no-repeat;
height:4px;
overflow:hidden;
width:151px;
}
#navigation-column .consulting-box .content select {
font-size:11px;
float:left;
margin-left:5px;
width:110px;
}
#navigation-column .consulting-box .content .button {
margin:0;
padding:0;
}
#navigation-column .navigation-box .box-content {
height:865px;
}
/** 
* ../products/product_price.css 
*/ 

.price {
color:#fff;
clear:both;
display:block;
font-size:1em;
font-weight:bold;
height:1em;
line-height:1em;
}
.price span{
display:block;
float:left;
vertical-align:top;
}
.price-large .euro {
font-size:57px;
line-height:57px;
}
.price-large .cent {
font-size:30px;
line-height:30px;
margin-top:5px;
}
.price-large .text {
font-size:10px;
line-height:10px;
margin-left:-38px;
margin-top:31px;
}
.price-large .footnote {
font-size:10px;
font-weight:normal;
line-height:10px;
margin-top:5px;
}
.price-middle {
font-size:41px;
line-height:41px;
}
.price-middle .cent {
font-size:22px;
line-height:22px;
margin-top:4px;
}
.price-middle .text {
font-size:8px;
line-height:8px;
margin-top:23px;
margin-left:-28px;
}
.price-middle .footnote {
font-size:8px;
line-height:8px;
margin-top:4px;
}
.price-small {
font-size:30px;
line-height:30px;
}
.price-small .cent {
font-size:16px;
line-height:16px;
margin-top:2px;
}
.price-small .text {
font-size:7px;
line-height:7px;
margin-top:17px;
margin-left:-23px;
}
.price-small .footnote {
font-size:7px;
line-height:7px;
margin-top:2px;
}
.product-tariff-box-blue .price-single {
margin:4px 0 0 30px;
}
.product-tariff-box-blue .price-double {
margin:4px 0 0 18px;
}
.product-tariff-box-blue .price-triple {
margin:4px 0 0 2px;
}
.right-content .price-box .price-single {
top:4px;
left:30px;
position:absolute;
}
.right-content .price-box .price-double {
top:4px;
left:18px;
position:absolute;
}
.right-content .price-box .price-triple {
top:4px;
left:2px;
position:absolute;
}
/** 
* product_table.css 
*/ 
.shadow-box-middle-head-flat {
background:url("../../images/mobil/bg_gray_top_flat.png") no-repeat scroll 0 0 transparent;
height:14px;
}
.shadow-box-bigger-head-flat {
background:url("../../images/mobil/bg_gray_bigger_top_flat.png") no-repeat scroll 0 0 transparent;
height:14px;
}
.shadow-box-middle-head-flat-ausland {
background:url("../../images/mobil/bg_gray_top_falt_ausland.png") no-repeat scroll 0 0 transparent;
height:14px;
}
.shadow-box-bigger-head-flat-ausland {
background:url("../../images/mobil/bg_gray_bigger_top_falt_ausland.png") no-repeat scroll 0 0 transparent;
height:14px;
}
.shadow-box-middle-content-flat {
background:url("../../images/mobil/bg_gray_middle_flat.png") repeat-y scroll 0 0 transparent;
margin-top:-6px;
position:static;
}
.shadow-box-middle-content-flat-ausland {
background:url("../../images/mobil/bg_gray_middle_flat_ausland.png") repeat-y scroll 0 0 transparent;
margin-top:-6px;
position:static;
}
.shadow-box-bigger-content-flat-ausland {
background:url("../../images/mobil/bg_gray_bigger_flat_ausland.png") repeat-y scroll 0 0 transparent;
margin-top:-6px;
position:static;
}
.shadow-box-middle-content-flat table {
width:auto;
}
.shadow-box-middle-foot-flat {
background:url("../../images/mobil/bg_gray_bottom_flat.png") no-repeat scroll 1px 0 transparent;
height:10px;
margin-top:-1px;
}
.shadow-box-middle-foot-flat-ausland {
background:url("../../images/mobil/bg_gray_bottom_flat_ausland.png") no-repeat scroll 1px 0 transparent;
height:10px;
margin-top:-1px;
}
.shadow-box-bigger-foot-flat-ausland {
background:url("../../images/mobil/bg_gray_bigger_bottom_falt_ausland.png") no-repeat scroll 1px 0 transparent;
height:10px;
margin-top:-1px;
}
.shadow-box-small-head-flat {
background:url("../../images/mobil/bg_gray_top_flat_small.png") no-repeat scroll 0 0 transparent;
height:14px;
}
.shadow-box-small-content-flat {
background:url("../../images/mobil/bg_gray_middle_flat_small.png") repeat-y scroll 0 0 transparent;
margin-top:-6px;
position:static;
}
.shadow-box-small-content-flat table {
width:auto;
}
.shadow-box-small-foot-flat {
background:url("../../images/mobil/bg_gray_bottom_flat_small.png") no-repeat scroll 1px 0 transparent;
height:10px;
margin-top:-1px;
}
.shadow-box-bigger-head-flat {
background:url("../../images/mobil/bg_gray_top_flat_bigger.png") no-repeat scroll 0 0 transparent;
height:14px;
}
.shadow-box-bigger-content-flat {
background:url("../../images/mobil/bg_gray_middle_flat_bigger.png") repeat-y scroll 0 0 transparent;
margin-top:-6px;
position:static;
}
.shadow-box-bigger-content-flat table {
width:auto;
}
.shadow-box-bigger-foot-flat {
background:url("../../images/mobil/bg_gray_bottom_flat_bigger.png") no-repeat scroll 1px 0 transparent;
height:10px;
margin-top:-1px;
}
table.table-overview {
clear:both;
margin:0 0 0 8px;
width:auto; 
}
table.table-overview tr th {
background:url(../../images/mobil/blue_menue_verlauf.png) repeat-x;
border-bottom:3px solid #E2E2E2;
border-right:3px solid #e2e2e2;
color:#ffffff;
font-size:12px;
font-weight:bold;
height:58px;
text-align:center;
vertical-align:middle;
}
table.table-overview .normal {
font-weight:normal;
}
table.table-overview tr th.last-cell {
border-right:0;
}
table.table-overview tr td {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:3px solid #e2e2e2;
border-right:3px solid #e2e2e2;
color:#003077;
font-size:12px;
padding:8px 3px;
text-align:center;
}
table.table-overview tr .last-cell {
border-right:0px solid #ffffff;
}
table.table-overview tr.orderArea td {
background:none;
border-bottom:0 none;
border-right:1px solid transparent;
color:transparent;
padding:0 0 0 0;
}
table.table-overview tr.orderArea td .blue-space {
background:#18517E;
height:20px;
margin:0 0 0 0;
padding:0 0 8px 0;
}
table.table-overview tr .corner-title {
border-bottom:0;
}
table.table-overview tr .corner-title span {
display:block;
color:#003077;
padding:0px 0 0 10px;
}
table.table-overview tr .middle {
text-align:center;
}
table.table-overview tr th.noGap,
table.table-overview tr td.noGap,
table.table-overview tr.orderArea td.noGap,
table.table-overview tr.priceArea td.noGap {
background:none repeat scroll 0 0 transparent;
border:0 none;
padding:0;
text-align:left;
}
table.table-overview tr td.curveTop {
background:#e2e2e2;
border:0 none;
}
table.table-overview tr.table-price td {
background:none repeat scroll 0 0 #DEE5EB;
}
table.table-overview tr td.title-left,
table.table-overview tr.table-price td.title-left {
background:#0c2352 url(../../images/mobil/blue_menue_verlauf_1_zeilen.png) repeat-x;
color:#FFFFFF;
padding-left:10px;
text-align:left;
}
table.table-overview tr td.two-cell {
background:#0c2352 url(../../images/mobil/blue_menue_verlauf_2_zeilen.png) repeat-x;
}
table.table-overview tr td.three-cell {
background:#0c2352 url(../../images/mobil/blue_menue_verlauf_3_zeilen.png) repeat-x;
}
table.table-overview tr.priceArea td.title-left {
background:#EB690B url(../../images/mobil/bg_orange_verlauf.png) repeat-x;
border-right:0;
}
#content table .orange-cell {
background:#EB690B url(../../images/mobil/bg_orange_verlauf.png) repeat-x;
}
table.table-overview tr.priceArea td {
background:#EB690B url(../../images/mobil/bg_orange_verlauf.png) repeat-x;
border-bottom:3px solid #ffffff;
border-right:0;
color:#FFFFFF;
padding-bottom:7px;
padding-top:4px;
}
table.table-overview tr.priceArea td.whiteBG {
background:none repeat scroll 0 0 #FFFFFF;
color:#00466D;
}
table.table-overview tr.priceArea td.curveBottom {
background:url(../../images/mobil/blue_menue_unten_lang.gif) no-repeat 0 bottom;
border:0 none;
}
table.table-overview tr.areaWhite td {
background:#ffffff;
color:#00466D;
}
table.table-overview tr.last-col td {
border-bottom:3px solid #ffffff;
}
table.table-overview .events td {
font-weight:bold;
vertical-align:top;
}
table.table-overview tr.detail-first-row td {
border-top:3px solid #ffffff;
}
table.table-overview a.moreInfo,
div.uebersicht-footer a.moreInfo {
background:url(../../images/mobil/icon_arrow_orange.png) no-repeat 0 center;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
padding-left:10px;
text-decoration:underline;
}
table.table-overview a.moreInfo:hover,
div.uebersicht-footer a.moreInfo:hover {
text-decoration: underline;
}
table.table-overview a.bestellen {
background:url(/kabelbw/export/sites/default/resources/images/buttons/rebrush/btn_orange_order.png) no-repeat;
display:block;
height:29px;
margin:7px auto 0;
position:relative;
text-indent:-8000px;
text-decoration:none;
width:105px;
}
table.table-overview tr td.moreDetails div {
background:url(../../images/mobil/blue_menue_verlauf_1_zeilen.png) repeat-x;
height:32px;
margin:0 0 0 22px;
padding:6px 0 0;
width:123px;
}
#content table.table-overview tr td.moreDetails div a {
background:url(../../images/mobil/icon_pfeil_hoch.gif) no-repeat 0 9px;
color:#FFFFFF;
margin-left:10px;
padding-left:18px;
text-decoration:underline;
}
table.table-overview .last-col-details td {
border-bottom:0;
}
.price-large .text {
margin-left:-38px;
}

