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

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

* {
	margin: 0px;
	padding: 0px;
}

img{
	border: 0;
	display:block;
}

a span{
display:none;
}

body {
background-color: #F2F2F2;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin:0;
padding:0;
}

#wrap{
position:relative;
width:984px;
height:auto;
margin:0 auto;
}

	#header{
	width:984px;
	height:159px;
	}
	
		#header img{
		float:left;
		}
	
	ul#navi {		
	padding: 0 0 0 312px;
	margin-top:5px;		
	float: left;	
	width: 672px;	
	height: 42px;
	list-style: none;
	}
		
		#navi li{
		float:left;
		}
		
		#navi a{	
		display:block;	
		width: 127px;
		height: 28px;
		margin-right: 5px;
		font-size: 14px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		padding:14px 0 0 34px;			
		}
		
		#navi a:hover{
		color:#DE0020;
		}
		
			a#rueckruf {
			background: url(images/bg_nav_rueckruf.gif) no-repeat;
			}
			
			a#beratung {
			background: url(images/bg_nav_beratung.gif) no-repeat;
			}
			
			a#ablauf {
			background: url(images/bg_nav_ablauf.gif) no-repeat;
			}
		
			a#sicherheit {
			background: url(images/bg_nav_sicherheit.gif) no-repeat;
			}
				
	#teaserbox{
	position:absolute;
	top:202px;
	left:0;
	width:984px;
	padding-right:2px;
	}
		
		#teaserimg{
		float:left;
		width:312px;
		}
		
		#rechner{
		float:left;
		width:670px;
		}
		
	#content{
	position:absolute;
	top:202px;
	left:0;
	width:982px;
	}
	
		#boxright{
		float:right;
		width:670px;
		padding:30px 0 30px 0;
		background:url(images/bg_top_rechner.gif) top no-repeat;
		}
		
			#text{
			width:607px;
			padding:28px 30px 35px 33px;
			line-height:18px;
			background:url(images/bg_bottom_rechner.gif) bottom left no-repeat #fff;
			}
		
				#text.rot{
				background:url(images/bg_bottom_rechner.gif) bottom left no-repeat #DE0028;
				color:#fff;
				}
				
			a#finanzbutton{
			display:block;
			width:300px;
			height:33px;
			margin-bottom:14px;
			}
			
				.red{
				background:url(images/button_rot.jpg) no-repeat;
				}
				
				.white{
				background:url(images/button_weiss.jpg) no-repeat;
				}
		
			#boxright a{
			color:#DE0020;
			text-decoration:underline;
			}
		
			h1{
			font-size:18px;
			font-weight:bold;
			margin-bottom:14px;
			color:#DB0028;
			}	
			
				#text.rot h1{
				color:#FFFFFF;
				}
			
			h2{
			font-size:12px;
			font-weight:bold;
			margin-bottom:14px;
			}
		
			p{
			margin-bottom:14px;
			}
			
			p#discl{
			color:#CCCCCC;
			margin-top:40px;
			font-size:11px;
			line-height:12px;
			}
			
				p#discl a{
				color:#CCCCCC;
				text-decoration:underline;
				}
				
				p#discl a:hover{
				color:#DE0020;
				text-decoration:underline;
				}
				
			ul#infos{
			list-style:none;
			line-height:12px;
			}
			
				#infos li{
				display:inline;
				}
				
				#infos a{
				font-size:11px;
				color:#CCCCCC;
				margin-right:5px;
				text-decoration:underline;
				}
				
				#infos a:hover{
				color:#DE0020;
				}
				
			.headline{
			margin:50px 0 10px 0;
			}
		
		#boxleft{
		position:relative;
		float:right;
		width:312px;
		}
		
			img#teaser{
			position:absolute;
			top:0;
			width:312px;
			height:254px;
			}
		
			#boxleft a#tuev{
			position:absolute;
			top:292px;
			left:15px;
			}
			
			#boxleft img#bab{
			position:absolute;
			top:296px;
			left:148px;
			}
			
	#footer{
	clear:both;
	width:940px;
	height:20px;
	padding:12px 22px 0 22px;
	background:url(images/bg_footer.gif) no-repeat;
	font-size:11px;
	}
	
		#footer #left{
		width:400px;
		float:left;
		}
		
		#footer #right{
		width:400px;
		float:right;
		text-align:right;
		}
		
	#footer a{
	color:#000000;
	text-decoration:underline;
	}
	
	#footer a:hover{
	color:#DE0020;
	}
		
		a#impr{
		margin-left:43px;
		}