#col-content .hl {
	position:				relative;
	margin:					0 0 15px 0px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				15px;
	line-height:			20px;
	font-weight:			100;
	text-decoration:		none;
	color:					#165085;
	display:				block;
}

/* PREISBOX ---------------------------------------------------------------------------- */

.preisbox {
	position:				relative;
	width:					210px;
	height:					230px;
	margin:					-20px -17px 10px 20px;
	background-image:		url(../../bilder/tarife/preisbox2/back.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					right;
}

.preisbox .finder {
	position:				absolute;
	z-index:				1;
	width:					190px;
	height:					32px;
	top:					162px;
	left:					38px;
}

.preisbox .down {
	position:				absolute;
	z-index:				2;
	width:					26px;
	height:					52px;
	top:					162px;
	left:					9px;
}

.preisbox .up {
	position:				absolute;
	z-index:				2;
	width:					26px;
	height:					52px;
	top:					162px;
	left:					175px;
}

.preisbox .preis1-txt, .preisbox3 .preis1-txt {
	position:				absolute;
	z-index:				4;
	width:					70px;
	height:					22px;
	top:					47px;
	left:					17px;
	font-size:				11px;
	line-height:			14px;
	font-weight:			bold;
	color:					#165085;
}

.preisbox .preis1-preis, .preisbox3 .preis1-preis {
	position:				absolute;
	z-index:				5;
	width:					110px;
	height:					40px;
	top:					39px;
	left:					83px;
}

.preisbox .preis1-sub, .preisbox3 .preis1-sub  {
	position:				absolute;
	z-index:				6;
	width:					176px;
	height:					14px;
	top:					82px;
	left:					17px;
	font-size:				10px;
	line-height:			12px;
	color:					#404040;
}

.preisbox .preis2-txt {
	position:				absolute;
	z-index:				7;
	width:					70px;
	height:					22px;
	top:					108px;
	left:					17px;
	font-size:				10px;
	line-height:			12px;
	color:					#616367;
}

.preisbox .preis2-preis {
	position:				absolute;
	z-index:				8;
	width:					60px;
	height:					25px;
	top:					109px;
	left:					134px;
}

.preisbox .preis2-sub {
	position:				absolute;
	z-index:				9;
	width:					176px;
	height:					14px;
	top:					138px;
	left:					17px;
	font-size:				10px;
	line-height:			12px;
	color:					#616367;
}

.preisbox .uebersicht {
	position:				absolute;
	z-index:				10;
	width:					86px;
	height:					12px;
	top:					203px;
	left:					62px;
}


/** Tarife Individual **/

.preisbox3 {
	position:				relative;
	width:					210px;
	height:					132px;
	margin:					-5px -17px 10px 20px;
	background-image:		url(../../bilder/tarife/preisbox3/back.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					right;
}

.preisbox3 .uebersicht {
	position:				absolute;
	z-index:				10;
	width:					86px;
	height:					12px;
	top:					103px;
	left:					62px;
}

/* TAB CONTENT ---------------------------------------------------------------------------- */

#tabs .tablinks {
	border-bottom:			0px;	
}

.tab-icon-group  {
	position:				relative;
	width:					676px;
	float:					left;
	clear:					both;
}

.tab-icon-group-trenner  {
	position:				relative;
	width:					676px;
	height:					10px;
	float:					left;
}

.tab-icon-group .icon {
	position:				absolute;
	margin:					0;
	width:					95px;
	float:					left;
	clear:					both;
	/* background-color: 		#FFeeFF; */
}

.tab-icon-group .copy {
	position:				relative;
	margin:					0;
	width:					576px;
	text-align:				left;
	float:					right;
	clear:					both;
	/* background-color: 		#EEFFFF; */
}

.tab-icon-group .copy .hl {
	position:				relative;
	margin:					0 0 0 0;
	height:					20px;
	font-size: 				12px;
	line-height:			15px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#2377b8;
	text-transform:			uppercase;
	float:					left;
	clear:					both;
}

.tab-icon-group .copy .bulletbox {
	position:				relative;
	width:					576px;
	background-image:		url(../../bilder/tarife/arrow-back.png);
	background-position:	bottom right;
	background-repeat:		no-repeat;
	font-size: 				12px;
	line-height:			18px;
	text-decoration:		none;
	float:					left;
	clear:					both;
}

.tab-icon-group .copy .bulletbox p {
	position:				relative;
	width:					526px;
	margin:					0 0 0 0;
	padding:				4px 30px 2px 20px;
	background-image:		url(../../bilder/tarife/bullet.gif);
	background-position:	0px 7px;
	background-repeat:		no-repeat;
	float:					left;
}

.tab-icon-group .copy .link {
	position:				relative;
	width:					526px;
	margin:					0 0 0 0;
	padding:				4px 30px 2px 20px;
	background-image:		url(../../bilder/tarife/bullet.gif);
	background-position:	left center;
	background-repeat:		no-repeat;
	float:					left;
}

.tab-icon-group .copy .link a {
	border-bottom:			1px dotted #2377b8;
}

.tab-icon-group .copy .link a:hover {
	color:					#000000;
	border-bottom:			1px solid #000000;
}

.addonheadline {
	clear:					both;
	font-weight:			bold;
	margin-bottom:			10px;
	margin-top:				20px;
	display:				block;
}

.addon {
	position:				relative;
	width:					656px;
	padding:				0px 0px 0px 20px;
	background-image:		url(../../bilder/tarife/cross.png);
	background-position:	0px 3px;
	background-repeat:		no-repeat;	
	float:					left;
	clear:					both;
}

.addon .copy {
	position:				relative;
	margin:					0 0 0 0;
	width:					506px;
	float:					left;
}

.addon .copy a {
	border-bottom:			1px dotted #2377b8;
}

.addon .copy a:hover {
	color:					#000000;
	border-bottom:			1px solid #000000;
}

.head a {
	border-bottom:			1px dotted #2377b8;
	font-weight:			normal;
}

.head a:hover {
	color:					#000000;
	border-bottom:			1px solid #000000;
	font-weight:			normal;
}

.addon .preis {
	position:				relative;
	width:					140px;
	text-align:				right;
	float:					right;
}

.addon .preis .sub {
	position:				relative;
	margin-top:				-5px;
	font-size:				9px;
	color:					#616367;
	text-align:				right;
	float:					right;
}

.tab-darker {
	position:				relative;
	width:					100%;
	background-image:		url(../../bilder/tabs/darker.png);
	background-position:	top left;
	background-repeat:		repeat;	
	margin:					0px -12px 0px -12px;
	padding:				0px 12px 0px 12px;
	float:					left;
	clear:					both;
}

.tarif-puzzle  {
	position:				relative;
	float:					right;
	margin:					-20px 12px 0px 0px;
}

.tablebox-wide {
	position:				relative;
	width:					680px;
	margin:					0px -11px 0px -11px;
	text-align:				left;
	float:					left;
	clear:					both;
}

.downloadbox  {
	position:				relative;
	width:					660px;
	float:					left;
	clear:					both;
}

.downloadbox .icon {
	position:				relative;
	width:					100px;
	float:					left;
}

.downloadbox .link {
	position:				relative;
	width:					560px;
	text-align:				left;
	float:					right;
}

/* TARIFVERGLEICH ---------------------------------------------------------------------------- */

.tarifvergleich {
	position:				relative;
	width:					712px;
	margin:					0px -6px 10px -6px;
	float:					left;
}

.tarifvergleich .box {
	position:				relative;
	width:					176px;
	margin:					0px 1px 0px 1px;
	float:					left;
}

.tarifvergleich .box .head {
	position:				relative;
	width:					176px;
	height:					118px;
	background-image:		url(../../bilder/tarife/vergleichsbox/head-back.png);
	background-position:	top left;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich .box .head a {
	text-decoration:		none;
	border-bottom:			0px;
}

.tarifvergleich .box .body {
	position:				relative;
	width:					144px;
	height:					auto;
	padding:				0px 16px 5px 16px;
	background-image:		url(../../bilder/tarife/vergleichsbox/body-back.png);
	background-position:	top left;
	background-repeat:		repeat-y;	
	float:					left;
}

.tarifvergleich .box .body p{
	position:				relative;
	width:					132px;
	height:					auto;	
	margin:					0;
	padding:				0px 0px 1px 12px;
	background-image:		url(../../bilder/tarife/vergleichsbox/bullet.png);
	background-position:	0px 5px;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich .box .footer {
	position:				relative;
	width:					176px;
	height:					62px;
	background-image:		url(../../bilder/tarife/vergleichsbox/footer-back.png);
	background-position:	top left;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich .box .footer .btn-buchen {
	position:				relative;
	margin:					5px 16px 0px 16px;
	width:					144px;
	height:					25px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-buchen-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich .box .footer .btn-buchen:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-buchen-on.png);
}

.tarifvergleich .box .footer .btn-anfrage {
	position:				relative;
	margin:					5px 16px 0px 16px;
	width:					144px;
	height:					25px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-anfrage-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich .box .footer .btn-anfrage:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-anfrage-on.png);
}

.tarifvergleich .box .footer .btn-infos {
	position:				relative;
	margin:					5px 53px 0px 53px;
	width:					70px;
	height:					14px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-infos-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich .box .footer .btn-infos:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-infos-on.png);
}

/** Tarifvergleich Individual **/

.tarifvergleich-individual {
	position:				relative;
	width:					712px;
	margin:					0px -6px 10px -6px;
	float:					left;
}

.tarifvergleich-individual .box {
	position:				relative;
	width:					235px;
	margin:					0px 1px 0px 1px;
	float:					left;
}

.tarifvergleich-individual .box .head {
	position:				relative;
	width:					235px;
	height:					118px;
	background-image:		url(../../bilder/tarife/vergleichsbox2/head-back.png);
	background-position:	top left;
	background-repeat:		no-repeat;	
}

.tarifvergleich-individual .box .head a {
	text-decoration:		none;
	border-bottom:			0px;
}

.tarifvergleich-individual .box .body {
	position:				relative;
	width:					204px;
	height:					auto;
	padding:				0px 16px 5px 16px;
	background-image:		url(../../bilder/tarife/vergleichsbox2/body-back.png);
	background-position:	top left;
	background-repeat:		repeat-y;	
	float:					left;
}

.tarifvergleich-individual .box .body p{
	position:				relative;
	width:					192px;
	height:					auto;	
	margin:					0;
	padding:				0px 0px 1px 12px;
	background-image:		url(../../bilder/tarife/vergleichsbox/bullet.png);
	background-position:	0px 5px;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich-individual .box .footer {
	position:				relative;
	width:					235px;
	height:					62px;
	background-image:		url(../../bilder/tarife/vergleichsbox2/footer-back.png);
	background-position:	top left;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich-individual .box .footer .btn-anfrage {
	position:				relative;
	margin:					5px 16px 0px 51px;
	width:					144px;
	height:					25px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-anfrage-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich-individual .box .footer .btn-anfrage:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-anfrage-on.png);
}

.tarifvergleich-individual .box .footer .btn-infos {
	position:				relative;
	margin:					5px 53px 0px 87px;
	width:					70px;
	height:					14px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-infos-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
	float:					left;
}

.tarifvergleich-individual .box .footer .btn-infos:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-infos-on.png);
}

/** Ende **/

.kleingedrucktes {
	position:				relative;
	width:					666px;
	margin:					0px 12px 10px 12px;
	padding-left:			10px;
	background-image:		url(../../bilder/tarife/vergleichsbox/sternchen.gif);
	background-position:	top left;
	background-repeat:		no-repeat;	
	font-size:				10px;
	line-height:			15px;
	color:					#616367;
	float:					left;
}

.indibox {
	position:				relative;
	width:					710px;
	height:					127px;
	background-image:		url(../../bilder/tarife/vergleichsbox/indibox.png);
	background-position:	top left;
	background-repeat:		no-repeat;	
	margin:					-15px -5px 0px -5px;
	float:					left;
}

.indibox .btn-konfigurator {
	position:				absolute;
	z-index:				1;
	top:					70px;
	left:					550px;
	width:					144px;
	height:					25px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-konfigurator-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
}

.indibox .btn-konfigurator:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-konfigurator-on.png);
}

.indibox .btn-anfrage {
	position:				absolute;
	z-index:				1;
	top:					70px;
	left:					550px;
	width:					144px;
	height:					25px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-anfrage-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
}

.indibox .btn-anfrage:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-anfrage-on.png);
}

.indibox .btn-infos {
	position:				absolute;
	z-index:				2;
	top:					100px;
	left:					587px;
	width:					70px;
	height:					14px;
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-infos-off.png);
	background-position:	center center;
	background-repeat:		no-repeat;	
}

.indibox .btn-infos:hover {
	background-image:		url(../../bilder/tarife/vergleichsbox/btn-infos-on.png);
}

.indibox .txt {
	position:				absolute;
	z-index:				3;
	top:					75px;
	left:					195px;
	width:					340px;
	height:					34px;
	overflow:				hidden;
}

.indibox .icon {
	position:				absolute;
	z-index:				4;
	top:					-20px;
	left:					25px;
	width:					150px;
	height:					150px;
}

.tabbox-content td {
	text-align:				center;	
}