@import "layers.css";
@import "layer_form_elements.css";
/*
 *	Tarifwechsel
 */
#navigation-column {
	width:179px;
}

#content .hl-tarifwechsel {
	background:url("../../images/tarifwechsel_headline.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:36px;
	height:51px;
	line-height:40px;
	margin:7px 0 23px -1px;
	padding-left:70px;
	text-indent:-5000px;
}

#content .tarifwechsel-step-list {
	margin-bottom:8px;	
}

#content .tarifwechsel-step-list li {
	background: url(../../images/buttons/checkmark-bg-blue.png) no-repeat;	
	height:43px;	
	padding-left:34px;
}
#content .tarifwechsel-step-list li p {
    float:left;
    width:495px;
    line-height:5px;
}
 
#content .tarifwechsel-step-list li h3 {
    color:#ffffff;
    float:left;
    margin-top:3px;
    width:215px;
}

#content .tipp-text {
    font-size:12px;
    padding:5px;
}

#content .tipp-text .float-right {
    display:block;
    float:left;
    line-height:5px;
    margin:0;
    width:705px;
}

#content .tipp-text .float-left {
    display:block;
    float:left;
    margin:0 10px 0 0;
}

#content .tipp-text span {
    font-weight:bold;
}

#content .spacer-middle {
    clear:both;
    height:16px;
}

#content .spacer-large {
	clear:both;
	height:50px;
}

#content .tarifwechsel-teaser {
	margin-top:12px;
	position:relative;
}

#content .tarifwechsel-teaser .nav-content {
	position:absolute;
	width:590px;
}

#content .tarifwechsel-teaser .header {
	background:url(../../images/weisse_box_bg_header_large.png) no-repeat;	
	height:7px;
	overflow:hidden;
	width:786px;
}

#content .tarifwechsel-teaser .content {
	background:url(../../images/weisse_box_bg_content_large.png) repeat-y;
	color:#00466D;
	width:786px;	
}

#content .tarifwechsel-teaser .tarif-top-navigation {	
	margin:7px 0 11px 0;
}

#content .tarifwechsel-teaser .tarif-top-navigation li {
	border-right:1px solid #00466D;
	float:left;
}

#content .tarifwechsel-teaser .tarif-top-navigation li a {
	font-size:12px;
	font-weight:bold;	
	letter-spacing:1px;
	margin:0 15px 0 15px;
}

#content .tarifwechsel-teaser .tarif-top-navigation li.active a {
	color:#E84E0F;	
}

#content .tarifwechsel-teaser .tarif-top-navigation li.last {
	border-right:0;
	float:none;	
}

#content .tarifwechsel-teaser .content .left-content {	
	float:left;
	width:493px;	
}

#content .tarifwechsel-teaser .content .right-content {
	float:left;	
	width:255px;
	padding-left:10px;
}

#content .tarifwechsel-teaser .content .right-content .btn-tarifwechsel {
	float:right;		
	margin:2px 0 7px 0;
	position:relative;
}

#content .tarifwechsel-teaser .content .right-content h3 {
	font-size:11px;	
}

#content .tarifwechsel-teaser .tarif-price-teaser {
	margin-left:15px;	
	margin:0 0 6px 15px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .header {
	background:url(../../images/orangene_box_oben.png) no-repeat;
	height:7px;
	overflow:hidden;
	width:478px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .content {
	background:#f7810f url(../../images/orangene_box_verlauf.png) repeat-x;
	min-height:271px;
	position:relative;	
	width:468px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .content .telefon {
	background: url(../../images/teaser/tarif_teaser_telefon.png) no-repeat;
	height:181px;		
	margin:57px 27px 0 15px;	
	position:absolute;
	width:189px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .content .internet {
	background: url(../../images/teaser/tarif_teaser_internet.png) no-repeat;
	right:30px;	
	height:181px;	
	margin:57px 0 0 15px;
	position:absolute;	
	width:189px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .content .single-flat {
	background: url(../../images/teaser/tarif_teaser_single-flat.jpg) no-repeat;
	height:178px;
	left:10px;
	position:relative;
	top:35px;
	width:447px;
}


#content .tarifwechsel-teaser .tarif-price-teaser .content .doppel-flat {
	background: url(../../images/teaser/tarif_teaser_doppel-flat.jpg) no-repeat;
	left:10px;
	height:136px;	
	position:relative;
	top:70px;
	width:447px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .content .triple-flat {
	background: url(../../images/teaser/tarif_teaser_triple-flat.jpg) no-repeat;
	left:10px;
	height:515px;	
	top:10px;
	width:447px;
}

#content .tarifwechsel-teaser .tarif-price-teaser .content .triple-flat-sky {
	background: url(../../images/teaser/tarif_teaser_triple-flat-sky.jpg) no-repeat;
	height:529px;	
	width:468px;
}

#content .tarifwechsel-teaser strong {
	font-weight:bold;
}

#content .tarifwechsel-teaser .pointed-list {
	margin-bottom:15px;
}

#content .tarifwechsel-teaser .pointed-list li {
	background: url(../../images/blue-point.png) no-repeat 0 6px;
	padding-left:7px;
}

#content .tarifwechsel-teaser .pointed-list li ul.pointed-list,
#content .tarifwechsel-teaser ul li ul.pointed-list {
	margin-bottom:0;
}

#content .tarifwechsel-teaser .no-bullet-list {
	margin-bottom:15px;
}

#content .tarifwechsel-teaser .text-decoration {
	font-size:10px;	
}

#content .tarifwechsel-teaser .right-content .text-decoration {
	padding-top:7px;	
}

#content .tarifwechsel-teaser .tarif-price-teaser .footer {
	background:url(../../images/orangene_box_unten.png) no-repeat;
	height:7px;
	width:478px;
}

#content .tarifwechsel-teaser .footer {
	background:url(../../images/weisse_box_bg_footer_large.png) no-repeat;
	height:16px;
	width:786px;	
}

#content .teaser-content-inner {
	padding:15px 12px 15px 8px;
	width:auto;
}

#content .teaser-content-inner .option-box {
	display:block;
	height:127px;
	margin-bottom:15px;
	position:relative;
	width:376px;
}

#content .teaser-content-inner .option-box .item-inner {
	width:auto;
	padding:60px 20px 0 54px;
}

#content .teaser-content-inner .option-box  .info-link {
	bottom:16px;
	position:absolute;
	right:18px;
}

#content .teaser-content-inner .option-box .info-link a {
	text-decoration:underline;
}
#content .teaser-content-inner .option-box .info-link a:hover {
	text-decoration:none;
}

#content .teaser-content-inner .float-left {
	float:left;
}
#content .teaser-content-inner .float-right {
	float:right;
}

#content .teaser-content-inner .speed-option {
	background:url(../../images/teaser/tarifwechselSpeedBoxBg.gif) no-repeat 0 0;	
}

#content .teaser-content-inner .anrufbeanworter {
	background:url(../../images/teaser/tarifwechselAnrufbeantworterBoxBg.gif) no-repeat 0 0;	
}

#content .teaser-content-inner .international-flat {
	background:url(../../images/teaser/tarifwechselInternationalFlatBoxBg.gif) no-repeat 0 0;	
}

#content .teaser-content-inner .isdn {
	background:url(../../images/teaser/tarifwechselIsdnBoxBg.gif) no-repeat 0 0;	
}

#content .teaser-content-inner .easytomobile {
	background:url(../../images/teaser/tarifwechselEasy2MobileBoxBg.gif) no-repeat 0 0;	
}

#content .teaser-content-inner .sicherheitspaket {
	background:url(../../images/teaser/tarifwechselSicherheitspaketBoxBg.gif) no-repeat 0 0;	
}

#content .teaser-content-inner .wlan-router {
	background:url(../../images/teaser/tarifwechselWlanBoxBg.gif) no-repeat 0 0;	
}
#content .teaser-content-inner .wlan-router .item-inner {
	padding-left:110px;
}
#content .teaser-content-inner .wlan-stick {
	background:url(../../images/teaser/tarifwechselWStickBoxBg.gif) no-repeat 0 0;	
}
#content .teaser-content-inner .wlan-stick .item-inner {
	padding-left:125px;
}
#content .teaser-content-inner .schnurlos-telefon {
	background:url(../../images/teaser/tarifwechselDectBoxBg.gif) no-repeat 0 0;	
}
#content .teaser-content-inner .schnurlos-telefon .item-inner {
	padding-left:75px;
}

/**
 * Layer in Tarifwechsel
 */
/* ------------------------------------------------------------------------------- */
/**
 * Produkt Headerbereich
 */
#content .product-header {
	background:transparent url(../../images/products/product-header.png) no-repeat left top;
	height:56px;
	width:554px;
} 

/**
 * Content container fuer Produktheader
 */
#content .product-header-content {
	padding:4px 0 4px 10px;
	width:auto;
}
#content .product-header-content .left-content {
	float:left;
	width:400px;
}
#content .product-footer-content .left-content {
	float:left;
	width:400px;
}
#content .product-footer-content .left-content .float-left {
	float:left;
	margin-right:5px;
}
#content .product-header-content .left-content h1 {
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
}
#content .product-header-content .left-content p {
	font-size:12px;
}
#content .content-layer .dialog-button {
	width:auto;
}
#content .product-footer {
	background:url("../../images/products/product-footer.png") no-repeat scroll left top transparent;
	clear:both;
	height:10px;
	width:554px;
}
#content .product-row .form-row li {
	display:block;
	float:left;
	padding-bottom:6px;
	text-align:left;
}

#content div.content-layer .rate-group .title-column {
	font-weight:bold;
	width:80px;
}
#content div.content-layer .product-row h4 {
	font-weight:bold;
	padding-bottom:5px;
}