*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

body{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:70%;
background-color:#fff;
}

body { behavior: url("csshover3.htc"); } 

a{
text-decoration:none;
}

a span{
display:none;
}

p{
font-size:2em;
}

#wrap, #header, #content, #footer{
width:920px;
}

#wrap{
display:block;
margin:0 auto;
position:relative;
padding:0px 2px 0 0;
}

#wrap:after{content:"";}

#header{
position:relative;
height:90px;
background:url(images/bg_header.jpg) left top no-repeat;
}

	#logo{
	position:absolute;
	top:0;
	left:3px;
	display:block;
	width:236px;
	height:90px;
	}
	
		#logo img{
		border:none;
		}
		
	#topnavi {
	position:absolute;
	right:13px;
	top:3px;
	font-size:11px;
	}
	
		#topnavi li{
		float:left;
		}
	
		#topnavi li a {
		display:block;
		float:left;
		text-decoration:none;
		color: #7d7d7d;
		padding: 2px 2px 2px 9px;
		height:12px;
		background: url(images/topnavi_trenner.gif) no-repeat 3px 1px;
		}
		
		#topnavi li a.first {
		padding-left: 0px;
		background: none;
		}

			#topnavi li a.variant{
			background: url(images/topnavi_trenner.gif) no-repeat 2px 1px;
			}
		
		#topnavi li a:hover {
		text-decoration: underline;
		}

	#mainnavi {
	position:absolute;
	bottom:0px;
	left:239px;
	width:677px;
	background:url(images/bg_mainnavi.png) left bottom repeat-x;
	}

	#mainnavi li {
	position: relative;
	float: left;
	height: 26px;
	padding: 10px 9px 0px 14px;
	background: url(images/mainnav_trenner.gif) no-repeat 2px 0px;
	}
	
		#mainnavi li.spacer {
		padding-left:15px;
		background: url(images/mainnav_trenner.gif) no-repeat 3px 0px;
		}
		
		#mainnavi li.variant{
		background: url(images/mainnav_trenner.gif) no-repeat 2px 0px;
		}
	
	#mainnavi li.first {
	background: none;
	padding-left:12px;
	}

	#mainnavi li.last{
	padding-right:0px;
	}
	
	#mainnavi li a {
	float: left;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	}
	
	#mainnavi a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
	
	#mainnavi li ul {
	position: absolute;
	top: 36px;
	left: 5px;
	display: none;
	background: #D7D7D7;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	padding-bottom:0px;
	}
	
		#mainnavi li ul.onlineservices {
		left: -89px;
		}
	
		#mainnavi li ul.ueberuns{
		width:130px;
		}
		
		*html ul.ueberuns, *html ul.finanzierung, *html ul.kontokarte { width:90px;}
			
	#mainnavi li:hover ul {
	display: block;
	}
	
	#mainnavi li ul li {
	float: left;
	height: 15px;
	padding: 5px 0px 4px 0px;
	background: none;
	border-bottom: 1px solid #FFFFFF;
	}

	#mainnavi li ul li a {
	float: left;
	padding: 0px 25px 0px 25px;
	background: url(images/pfeil_schwarz_ost.gif) no-repeat 15px 5px;
	}

	#mainnavi li ul.ueberuns li a {width: 94px;}
	#mainnavi li ul.finanzierung li a {width: 146px;}
	#mainnavi li ul.kontokarte li a {width: 94px;}
	#mainnavi li ul.sparenanlegen li a {width: 72px;}
	#mainnavi li ul.geldanlage li a {width: 188px;}
	#mainnavi li ul.fonds li a {width: 128px;}
	#mainnavi li ul.vorsorgeversicherung li a {width: 178px;}
	#mainnavi li ul.onlineservices li a {width: 156px;}
	
	#mainnavi li ul li a:hover {
	background: url(images/pfeil_rot_ost.gif) no-repeat 15px 5px;
	}

#content{
position:absolute;
top:90px;
padding-bottom:0;
background:url(images/bg_content.gif) repeat-y #fff;
}

	#rightcolumn{
	width:682px;
	padding:205px 0 0 0;
	float:right;
	}
	
		.tagesgeld{background:url(images/tagesgeld_header.jpg) 1px 1px no-repeat;}
		
		.kreditkarten{background:url(images/kreditkarten_header.jpg) 1px 1px no-repeat;}
		
		.visa{background:url(images/visa_header.jpg) 1px 1px no-repeat;}
		
		.mastercard{background:url(images/mastercard_header.jpg) 1px 1px no-repeat;}
		
		.kredit{background:url(images/kredit_header.jpg) 1px 1px no-repeat;}
	
		#text{
		position:relative;
		float:left;
		width:418px;
		padding:28px 42px 30px 28px;
		line-height:15px;
		}
		
			#rightcolumn.kreditkarten #text, #rightcolumn.visa #text, #rightcolumn.mastercard #text{
			padding:33px 42px 30px 28px;
			}
			
			#rightcolumn.kredit #text{
			padding:26px 42px 30px 28px;
			}
		
			#text p{
			clear:both;
			}
		
			h1 {
			margin: 0px 0px 15px 0px;
			font-size: 139%;
			font-weight:bold;
			line-height:20px;
			}
			
			h2{
			font-size:110%;
			margin: 0px 0px 10px 0px;
			}
			
				#text h2 a{
				padding:0;
				background:none;
				}
			
			#text p {
			width: 416px;
			margin: 0px 0px 10px 0px;
			font-size: 100%; 
			}
			
			#text a {
			display:block;
			padding-left:13px;
			background:url(images/pfeil_rot_ost.gif) left 5px no-repeat;
			color:#FF0000;
			font-weight:bold;
			text-decoration:none;
			}
			
			#text a:hover {
			text-decoration:underline;
			}
			
			#text .infobox {
			clear: both;
			background: #ededed;
			width: 400px;
			padding: 8px 0px 8px 11px;
			margin-bottom: 10px;
			}
			
				#text .infobox img.headline { 
				margin-bottom: 6px;
				}
				
				.infobox a{
				padding-left:13px;
				background:url(images/pfeil_rot_ost.gif) left no-repeat;
				color:#FF0000;
				font-weight:bold;
				text-decoration:none;
				}
				
				.infobox a:hover{
				text-decoration:underline;
				}
				
				.textteaser{
				margin:20px 0 10px 0;
				padding-bottom:5px;
				background:url(images/shadow_sidebar.png) bottom repeat-x;
				}
				
					.textteaser img{
					margin-bottom:6px;
					}
					
					.textteaser .teaserbox{
					padding:10px 10px 10px 10px;
					background:url(images/bg_sidebarbox.jpg) top repeat-x;
					}
					
					.textteaser a{
					line-height:17px;
					}
					
				img#bonitaet{
				margin-top:30px;
				}
				
				#breadcrumb{
				position:absolute;
				left:29px;
				top:-3px;
				color:#868686;
				line-height:15px;
				font-size:10px;
				}
				
					#rightcolumn.kreditkarten #breadcrumb, #rightcolumn.visa #breadcrumb, #rightcolumn.mastercard #breadcrumb{
					position:absolute;
					left:29px;
					top:3px;
					}
					
					#rightcolumn.kredit #breadcrumb{
					top:-4px;
					}

					#text #breadcrumb a{
					display:inline;
					font-weight:normal;
					padding:0;
					background:none;
					color:#868686;
					text-decoration:none;
					font-size:9px;
					}
					
					#text #breadcrumb a:hover{
					text-decoration:underline;
					}
					
				#text #buttonbestellen{
				position:absolute;
				right:-190px;
				top:-60px;
				display:block;
				width:190px;
				height:41px;
				padding:0;
				background:none;
				}
		
		#sidebar{
		position:absolute;
		top:236px;
		right:4px;
		width:190px;
		padding:0 0 0 0;
		}
		
			.kredit #sidebar{
			position:absolute;
			top:230px;
			}
		
			a#kontobutton{
			display:block;
			margin-bottom:22px;
			}
		
			#topbox{
			width:181px;
			padding-left:8px;
			margin-bottom:42px;
			font-size:11px;
			}
						
				.sidebarbox{
				position:relative;
				width:168px;
				padding:6px 11px 23px 11px;
				margin-bottom:20px;
				font-size:11px;
				color:#000;
				background:url(images/bg_sidebarbox.jpg) left top repeat-x #fefefe;
				}
				
					.inhaberservice{
					margin-top:6px;
					}
				
					.sidebarbox p{
					font-size:11px;
					margin-bottom:8px;
					}
					
						.sidebarbox p.kartenkontakt{
						margin-bottom:0px;
						}
					
						.sidebarbox span{
						display:block;
						padding:0 11px 0 10px;
						color:#777;
						font-size:10px;
						line-height:12px;
						}
						
							.sidebarbox span.kartenkontakt{
							line-height:11.5px;
							}
						
						.sidebarbox img.shadow{
						position:absolute;
						bottom:0px;
						left:0px;
						}
						
					.sidebarbox a{
					display:block;
					color:#ff0000;
					text-decoration:none;
					padding-left:15px;
					background:url(images/pfeil_rot_ost.gif) left 6px no-repeat;
					}
					
						.sidebarbox a.kartenkontakt{
						margin-bottom:22px;
						}
						
					.sidebarbox a:hover{
					text-decoration:underline;
					}
				
					.boxheadline{
					display:block;
					padding:0 0 4px 0;
					}
					
						.boxheadline img{
						width:170px;
						}
					
	#leftcolumn{
	width:235px;
	padding-left:3px;
	float:left;
	}
	
		ul#leftnav {
		padding: 23px 0px 37px 0px;
		background:url(images/bg_leftnav.jpg) left top repeat-x #F0F0F0;
		border-bottom:1px solid #DFDFDF;
		font-size: 11px;
		line-height:15px;
		}
			
		ul#leftnav li {
		padding: 2px 0px 3px 35px;
		font-weight:bold;
		}
		
			ul#leftnav li.spacer{
			padding-top:1px;
			}

			ul#leftnav li.leftnavheadline{
			padding:0 0 14px 17px;
			}
			
				ul#leftnav li.leftnavheadline img{
				width:212px;
				}
		
			ul#leftnav li.first {
			padding-left:17px;
			}

				ul#leftnav li ul{
				padding:2px 0 0 0;
				margin-bottom:-3px;
				background:none;
				}				
			
					ul#leftnav li li {
					padding-left: 12px;
					}
					
					ul#leftnav li li.hoch{
					padding-top:3px;
					}
			
			ul#leftnav li.unterunterpunkt {
			padding-left: 42px;
			height:19px;
			}
		
		ul#leftnav li a {
		padding: 0px 0px 0px 12px;
		color: #000000;
		font-size: 11px;
		font-weight: bold;
		background: url(images/bg_subnavi_a.gif) no-repeat 0px 5px; 
		}
		
			ul#leftnav li a.variant{
			background: url(images/bg_subnavi_a.gif) no-repeat 0px 6px;
			}
		
			ul#leftnav li a.first{
			background: url(images/bg_subnavi_a.gif) no-repeat 1px 5px; 
			}

			ul#leftnav li li a{
			background: url(images/bg_subnavi_a.gif) no-repeat 0px 6px; 
			}
			
				ul#leftnav li li a.variant2{
				background: url(images/bg_subnavi_a.gif) no-repeat 0px 5px;
				}
				
				ul#leftnav li li a.variant2:hover{
				background: url(images/pfeil_rot_ost.gif) no-repeat 0px 5px;
				}

			ul#leftnav li li a:hover{
			background: url(images/pfeil_rot_ost.gif) no-repeat 0px 6px; 
			}

			ul#leftnav li.leftnavheadline a{
			height:19px;
			background:0;
			padding:0;
			}
		
		ul#leftnav li a:hover {
		color: #FF0000;
		text-decoration: underline;
		background: url(images/pfeil_rot_ost.gif) no-repeat 0px 5px; 
		}
		
			ul#leftnav li a.first:hover {
			background: url(images/pfeil_rot_ost.gif) no-repeat 1px 5px; 
			}
			
			ul#leftnav li a.variant:hover {
			background: url(images/pfeil_rot_ost.gif) no-repeat 0px 6px; 
			}
		
		#fontscale{
		height:26px;
		padding:7px 0 0 0;
		background:url(images/bg_fontscale.gif) left bottom repeat-x #ededed;
		font-size:10px;
		color:#868686;
		}

			#fontscale span{
			float:left;
			padding:0 4px 0 10px;
			font-weight:bold;
			}

			#fontscale a{
			padding:1px 0 0 8px;
			background:url(images/trenner_fontscale.gif) 2px 4px no-repeat;
			font-size:9px;
			color:#868686;
			text-decoration:none;
			display:inline;
			}

				#fontscale a.first{
				background:none;
				}
				
				#fontscale a.last{
				padding:1px 0 0 7px;
				background:url(images/trenner_fontscale.gif) 1px 4px no-repeat;
				}

			#fontscale a:hover{
			text-decoration:underline;
			}
		
			#scaleLeft{
			width:70px;
			float:left;
			}
		
			#scaleRight{
			float:right;
			width:100px;
			}
			
				#scaleRight a img{
				float:right;
				margin-left:4px;
				}

		#left_box {
		float: left;
		padding: 10px 10px 10px 10px;
		}
		
			#left_box img{
			margin-bottom:10px;
			}
			
				.boxlinks{
				padding:5px 5px 4px 10px;
				background-color:#EDEDED;
				color:#000;
				line-height:15px;
				font-size:11px;
				margin-bottom:10px;
				}
				
					.boxlinks p{
					margin-bottom:3px;
					font-size:11px;
					}
					
					#left_box .boxlinks img{
					margin-bottom:0px;
					margin-top:0px;
					}
					
					.boxlinks a.pfeil{
					padding-left:10px;
					background:url(images/pfeil_schwarz_ost.gif) left 5px no-repeat;
					color:#000;
					text-decoration:none;
					}
					
						.boxlinks a.pfeil:hover{
						text-decoration:underline;
						}
						
					.boxlinks .grey{
					color: #777777;
					}
					
					.boxlinks .infobutton{
					display:block;
					margin-top:10px;
					}
	
	#footer{
	height:64px;
	clear:both;
	width: 920px;
	height: 85px;
	background: url(images/bg_footer.gif) no-repeat #fff;
	}
	
		#copyright{
		float:left;
		padding:6px 0 0 20px;
		color:#FF0000;
		font-size:10px;
		}

		#bottomnavi {
		float: left;
		height: 24px;
		padding: 2px 0px 0px 0;
		margin-left:-2px;
		}
		
			#bottomnavi li{
			float:left;
			}
			
			#bottomnavi li a {
			float: left;
			font-size: 10px;
			color: #777777;
			padding: 4px 0px 0px 11px;
			background: url(images/bg_bottomnavi_a.jpg) no-repeat 5px 5px;
			}
		
				#bottomnavi li a:hover {
				color: #FF0000;
				text-decoration: underline;
				}
				
				#bottomnavi li a.first {
				background: none;
				}
		
		#footernavi {
		float: right;
		height: 24px;
		padding: 2px 16px 0px 0;
		}
		
			#footernavi li{
			float:left;
			padding: 4px 0px 0px 11px;
			background: url(images/bg_bottomnavi_a.jpg) no-repeat 5px 5px;
			}
			
				#footernavi li.first{
				background:none;
				}
			
			#footernavi li a {
			float: left;
			font-size: 10px;
			color: #777777;
			}
		
				#footernavi li a:hover {
				color: #FF0000;
				text-decoration: underline;
				}
				
			#oben{background:url(images/icon_toplink.gif) 2px 1px no-repeat;padding-left:10px;}
			#oben:hover{background:url(images/icon_toplink_hover.gif) 2px 1px no-repeat }
			
			#print{background:url(images/icon_print.gif) 0 1px no-repeat;padding-left:10px;}
			#print:hover{background:url(images/icon_print_hover.gif) 0 1px no-repeat;padding-left:10px;}
			
			#tellafriend{background:url(images/icon_tellafriend.gif) 0 0px no-repeat;padding-left:12px;}
			#tellafriend:hover{background:url(images/icon_tellafriend_hover.gif) 0 0px no-repeat;padding-left:12px;}
		
		.static{
		position:static;
		}
		
		#information {
		position:absolute;
		bottom:0;
		width: 913px;
		height: 45px;
		padding: 13px 0px 0px 0px;
		text-align: center;
		}
		
		#information li {
		float: none;
		display: inline;
		}
		
		#information li a {
		padding: 0px 0px 0px 11px;
		color: #777777;
		font-size: 11px;
		background: url(images/bg_bottomnavi_a.jpg) no-repeat 3px 1px;
		}
		
		#information li a.first {
		padding: 0px 0px 0px 0px;
		background: none;
		}
		
		#information li a:hover {
		color: #000000;
		text-decoration: underline;
		}
	
/********************************** Formulare ****************************/

#text form#bestcredit{
position:relative;
width: 425px;
height:102px;
margin-bottom:20px;
margin-top:20px;
background:url(images/bg_form.jpg) left top no-repeat;
}

.txtKaufpreisLang {
position:absolute;
left:258px;
top:16px;
float: left;
width: 146px;
height: 13px;
border-top: 2px solid #848484;
padding: 1px 0px 2px 1px;
margin:0;
}

.selLaufzeitLang {
position:absolute;
left:258px;
top:41px;
width: 91px;
height: 20px;
border-top: 2px solid #848484;
padding: 1px 0px 0px 0px;
}

.berechnung{
position:absolute;
left:237px;
top:71px;
width:186px;
height:28px;
background:none;
}

.searchterm, .selLaufzeit, .selLaufzeitLang, .txtKaufpreis, .txtKaufpreisLang {
font-family: Arial, sans-serif;
font-size: 11px;
}

	
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */