/* ============ kreditrechner startseite ============= */

#kreditrechner {
	position:			relative;
	width:				930px;
	height:				370px;
	background-image:	url('../img/kreditrechner-start-back.jpg');
}

#kreditrechner h1 {
	margin:				0 0 10px 20px;
	padding:			20px 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
}


#kreditrechner h2 {
	margin:				0 0 10px 20px;
	padding:			20px 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#fff;
}

#kreditrechner p {
	margin:				0 20px 10px 20px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#fff;
}

#kreditrecherStartSelBox {
	position:			absolute;
	top:				90px;
	left:				15px;
	width:				280px;
	height:				260px;
	/*background-image:	url('../img/kreditrechner-start-selback.jpg');*/
	background-image:	url('../img/autokreditrechner-textback.jpg');
}

#kreditrecherStartSelBox ul {
	margin:				0;
	padding:			11px 0 0 11px;
	list-style:			none;
	height:				240px;
	overflow:			hidden;
}

#kreditrecherStartSelBox ul li {
	width:				258px;
	margin:				0 0 5px 0;
	padding:			0;
}

#kreditrecherStartSelBox ul li a {
	display:			block;
	margin:				0;
	/*height:				28px;
	padding:			7px 0 0 10px;*/
	height:				35px;
	line-height:		35px;
	padding:			0 0 0 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	background-image:	url('../img/kredit-select-back.png');
	overflow:			hidden;
}

#kreditrecherStartSelBox ul li a:hover, #kreditrecherStartSelBox ul li.activeListElement a {
	text-decoration:	none;
	background-image:	url('../img/kredit-select-back-hi.png');
}

#kreditrecherStartSelDatBox {
	position:			absolute;
	top:				90px;
	left:				310px;
	width:				310px;
	height:				260px;
	/*background-image:	url('../img/kreditrechner-start-sel2bk.jpg');*/
	background-image:	url('../img/select-box-back.png');
}

#kreditrecherStartSelDatBox h2 {
	margin:				11px 0 5px 16px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#474747;
}

#kreditrecherStartSelDatBox p {
	margin:				0 20px 10px 16px;
	padding:			0;
	height:				70px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#474747;
}

#kreditrStartSelDatBoxFields {
	position:			relative;
	padding:			0 0 0 15px;
	margin:				0;
}

#kreditrStartSelDatBoxFields h3 {
	margin:				0 0 6px 0;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		normal;
	color:				#002f6e;
}

.kreditrStartSelDatBoxField {
	float:				left;
	margin:				0 0 10px 0;
	width:				160px;
	height:				16px;
	border-left:		0px;
	border-right:		0px;
	border-top:			0px;
  	border-bottom:		1px solid #56677e;
  	font-family: 		arial,sans-serif;
	font-size:			12px;
  	padding:     		2px;
}

#buttonJetztVergleichen {
	position:			absolute;
	top:				113px;
	left:				137px;
	cursor:				pointer;
}

#kreditrecherStartUSBBox {
	position:			absolute;
	top:				270px;
	left:				635px;
	width:				280px;
	height:				80px;
	/*background-image:	url('../img/kreditrechner-start-usbback.jpg');*/
	background-image:	url('../img/usp-box-back.png');
}


/* kreditrechner small */

#kreditrecherSmall {
	width:				300px;
	height:				260px;
	position:			relative;
	background-image:	url('../img/kreditrechner-small-back.jpg');
}

#kreditrecherSmallFields {
	padding:			0 0 0 15px;
	position:			absolute;
	top:				113px;
	left:				1px;
}

#kreditrecherSmallFields h3 {
	margin:				0 0 6px 0;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		normal;
	color:				#fff;
}

.kreditrecherSmallField {
	float:				left;
	margin:				0 0 10px 0;
	width:				160px;
	height:				16px;
	border-left:		0px;
	border-right:		0px;
	border-top:			0px;
  	border-bottom:		1px solid #f86b24;
  	font-family: 		arial,sans-serif;
	font-size:			12px;
  	padding:     		2px;
}

#buttonJetztVergleichen2 {
	position:			absolute;
	top:				113px;
	left:				128px;
}


/* =========== kreditrechner für die einzelnen kreditartnen ==== */

.kredittyp1 {
	
}

.kredittyp2 {
	background-image:	url('../img/autokreditrechner-back.jpg') !important;
}

.kredittyp2 h1, .kredittyp2 p {
	color:				#244a87 !important;
}

.kredittyp3 {
	background-image:	url('../img/ratenkredit-back.jpg') !important;
}

.kredittyp3 h1 {
	color:			#fff !important;
	margin:				0 0 10px 20px;
	padding:			20px 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
}

.kredittyp4 {
	background-image:	url('../img/sofortkredit-back.jpg') !important;
}
.kredittyp4 h1, .kredittyp4 p {
	color:				#244a87 !important;
}

.kredittyp5 {
	background-image:	url('../img/privatkredit-back.jpg') !important;
}
.kredittyp5 h1, .kredittyp5 p {
	color:				#244a87 !important;
}

.kredittyp6 {
	background-image:	url('../img/onlinekredit-back.jpg') !important;
}

.kredittyp6 h1, .kredittyp6 p {
	color:				#244a87 !important;
}

.kredittyp7 {
	background-image:	url('../img/selbstaendigenkredit-back.jpg') !important;
}

#kreditrechnerVorlage {
	position:			relative;
	width:				930px;
	height:				370px;
	/*background-image:	url('../img/privatkredit-back.jpg');*/
	/*background-image:	url('../img/ratenkredit-back.jpg');*/
	/*background-image:	url('../img/onlinekredit-back.jpg');*/
	/*background-image:	url('../img/selbstaendigenkredit-back.jpg');*/
	background-image:	url('../img/sofortkredit-back.jpg');
}

#kreditrechnerVorlage h1 {
	margin:				0 0 10px 20px;
	padding:			20px 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#2b5394;
}

#kreditrechnerVorlage p {
	margin:				10px 20px 10px 20px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#2b5394;
}

#kreditrechnerVorlageSelBox {
	position:			absolute;
	top:				90px;
	left:				15px;
	width:				280px;
	height:				260px;
	background-image:	url('../img/autokreditrechner-textback.jpg');

}

#kreditrechnerVorlageSelBox p {
	margin:				10px 20px 10px 15px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#2b5394;

}

#kreditrechnerVorlageSelBox ul {
	margin:				0;
	padding:			11px 0 0 11px;
	list-style:			none;
}

#kreditrechnerVorlageSelBox ul li {
	width:				258px;
	margin:				0 0 5px 0;
	padding:			0;
}

#kreditrechnerVorlageSelBox ul li a {
	display:			block;
	margin:				0;
	height:				28px;
	padding:			7px 0 0 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	background-image:	url('../img/kredit-select-back.png');
}

#kreditrechnerVorlageSelBox ul li a:hover {
	text-decoration:	none;
	background-image:	url('../img/kredit-select-back-hi.png');
}

#kreditrechnerVorlageSelDatBox {
	position:			absolute;
	top:				90px;
	left:				310px;
	width:				308px;
	height:				258px;
	border:				1px solid #fff;
	background-image:	url('../img/select-box-back.png');
}

#kreditrechnerVorlageSelDatBox h2 {
	margin:				11px 0 5px 16px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#474747;
}

#kreditrechnerVorlageSelDatBox p {
	margin:				0 20px 10px 16px;
	padding:			0;
	height:				70px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#474747;
}

#kreditrechnerVorlageSelDatBoxFields {
	position:			relative;
	padding:			0 0 0 15px;
}

#kreditrechnerVorlageSelDatBoxFields h3 {
	margin:				0 0 6px 0;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		normal;
	color:				#002f6e;
}

.kreditrechnerVorlageSelDatBoxField {
	float:				left;
	margin:				0 0 10px 0;
	width:				160px;
	height:				16px;
	border-left:		0px;
	border-right:		0px;
	border-top:			0px;
  	border-bottom:		1px solid #56677e;
  	font-family: 		arial,sans-serif;
	font-size:			12px;
  	padding:     		2px;
}

#buttonJetztVergleichen {
	position:			absolute;
	top:				113px;
	left:				137px;
}

#kreditrechnerVorlageUSBBox {
	position:			absolute;
	top:				250px;
	left:				635px;
	width:				280px;
	height:				99px;
	border-top:			1px solid #fff;
	background-image:	url('../img/usp-box-back.png');
}


/* ============ autokreditrechner ============= */

#autokreditrechner {
	position:			relative;
	width:				930px;
	height:				370px;
	background-image:	url('../img/autokreditrechner-back.jpg');
}

#autokreditrechner h1 {
	margin:				0 0 10px 20px;
	padding:			20px 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#2b5394;
}

#autokreditrechner p {
	margin:				10px 20px 10px 20px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#2b5394;
}

#autokreditrechnerSelBox {
	position:			absolute;
	top:				90px;
	left:				15px;
	width:				280px;
	height:				260px;
	background-image:	url('../img/autokreditrechner-textback.jpg');

}

#autokreditrechnerSelBox p {
	margin:				10px 20px 10px 15px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	color:				#2b5394;

}

#autokreditrechnerSelBox ul {
	margin:				0;
	padding:			11px 0 0 11px;
	list-style:			none;
}

#autokreditrechnerSelBox ul li {
	width:				258px;
	margin:				0 0 5px 0;
	padding:			0;
}

#autokreditrechnerSelBox ul li a {
	display:			block;
	margin:				0;
	height:				28px;
	padding:			7px 0 0 10px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
	background-image:	url('../img/kredit-select-back.png');
}

#autokreditrechnerSelBox ul li a:hover {
	text-decoration:	none;
	background-image:	url('../img/kredit-select-back-hi.png');
}

#autokreditrechnerSelDatBox {
	position:			absolute;
	top:				90px;
	left:				310px;
	width:				310px;
	height:				260px;
	background-image:	url('../img/autokreditrechner-selback.jpg');
}

#autokreditrechnerSelDatBox h2 {
	margin:				11px 0 5px 16px;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#474747;
}

#autokreditrechnerSelDatBox p {
	margin:				0 20px 10px 16px;
	padding:			0;
	height:				70px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#474747;
}

#autokreditrechnerSelDatBoxFields {
	position:			relative;
	padding:			0 0 0 15px;
}

#autokreditrechnerSelDatBoxFields h3 {
	margin:				10px 0 6px 0;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		normal;
	color:				#002f6e;
}

.autokreditrechnerSelDatBoxField {
	float:				left;
	margin:				0 0 0 0;
	width:				160px;
	height:				16px;
	border-left:		0px;
	border-right:		0px;
	border-top:			0px;
  	border-bottom:		1px solid #56677e;
  	font-family: 		arial,sans-serif;
	font-size:			12px;
  	padding:     		2px;
}

#buttonJetztVergleichenFollow {
	position:			absolute;
	top:				215px;
	left:				137px;
}

#autokreditrechnerUSBBox {
	position:			absolute;
	top:				250px;
	left:				635px;
	width:				280px;
	height:				100px;
	background-image:	url('../img/autokreditrechner-usbback.jpg');
}

.autoKreditRadioPos {
	position:			absolute; 
	top:				110px; 
	left:				165px;
}

.listUSBBox {
	margin: 			8px 10px 4px 10px;
	padding:			0px 0px 0px 0px;
	list-style: 		none;
}

.listUSBBox li {
	padding: 			0 0 5px 22px;
	background:			url('../img/bullet_arrow_news.gif') no-repeat;
	background-position:0px 2px;
	color:				#56677e;
	font-weight:		bold;
	font-size:			11px;
	line-height: 		16px;
}

#kreditAnfrageNavi {
	margin:				0 0 0 0;
	/*background-image:	url('../img/mainnavi_back.jpg');*/
}

#kreditAnfrageNavi ul {
	height:				26px;
	margin:				0;
	padding:			0;
	list-style:			none;
}

#kreditAnfrageNavi li {
	float:				left;
	margin:				0 1px 0 0;
	padding:			0;
}

#kreditAnfrageNavi a {
	display:			block;
	margin:				0;
	padding:			6px 36px 5px 36px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	/*border-right:		1px solid #fff;*/
	color:				#fff;
	text-decoration:	none;
	background-color:	#3161ad;
}

#kreditAnfrageNavi a:hover, #kreditAnfrageNavi li.activeListElement a {
	color:				#e85e1a;
	text-decoration:	none;
	background-color:	#fff;
}

#kreditAnfrageNavi li.lastListElement {
	margin:				0;
}

#kreditAnfrageNavi li.lastListElement a {
	padding:			6px 40px 5px 39px;
}

.cellKreditwaehler {
	background-color:	#f3eed6;
}


/* Kreditliste */

.creditinfolist {
	font-family:		arial;
	font-size:			12px;
	border-collapse:	separate;
	border-spacing:		1px;
	/*width:			850px !important;*/
}
.creditinfolist tr .header_Logo {
	width:				160px;
}
.creditinfolist tr .header_Info {
	width:				30px;
}
.creditinfolist tr .header_InterestRate {
	width:				140px;
}
.creditinfolist tr .header_Rate {
	width:				120px;
}
.creditinfolist tr .header_Cost {
	width:				140px;
}
.creditinfolist tr .header_url {
	/*width:			170px;*/
}
.creditinfolist tr {
}
.creditinfolist td {
	background-color:	#f4eed6;
	padding:			5px;
}
.creditinfolist th {
	text-align:			left;
	padding:			0 5px;
}
.creditinfolist tr .info {
	padding:			0 0 0 10px;
}
.creditinfolist td a {
	width:				120px;
	display:			block;
	margin:				0 auto;
}
.creditinfolist td a img {
	border:				0;
}
a {
	font-family:		arial;
	font-size:			12px;
	color:				#e85e1a;
	text-decoration:	none;
}


/* Bubble Kreditwähler */

.bubbleWrapper {
	position:			absolute;
	bottom:				18px;
	left:				-3px;
	width:				230px;
	display:			none;
	z-index:			999;
}

.bubbleHead {
	width:				231px; 
	height:				15px;
	background:			url(../img/bubble-head.gif) no-repeat;
}

.bubbleContent {
	padding:			0 10px 0 10px; 
	/*width:				208px; 
	border-left:		1px solid #000; 
 	border-right:		1px solid #000;
 	background-color:	#023882;*/
 	width:				211px;
 	background-image:	url(../img/bubble-back.gif);
}

.bubbleContentHead {
	padding:			5px 0 10px 0; 
	margin:				0;
	font-size:			14px;
	font-weight:		bold;
	color:				#ff8347;
}

.bubbleContent p {
	padding:			0; 
	margin:				0;
	font-size:			12px;
	color:				#fff;
}

.bubbleBottom {
	width:				231px; 
	height:				45px;
	font-size:			0;
	background:			url(../img/bubble-bottom.gif) no-repeat;
}