/* Mein Bausparvergleich - Style */











* {





margin: 0;





padding: 0;





}











body{
	background: url(images/bg-body.gif) repeat-x #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.005em;
	text-align:center;
}
#container {
	width:1017px;
	margin-left: auto;
	margin-right: auto;
}













#header{
	background:url(images/bg-header.png);
	width:1017px;
	margin-top: 41px;
	float: left;
	display: block;




}












#navi{
	width:1000px;
	height: 36px;
	padding: 10px 9px 0px 8px;
	float: left;





}











#button1{
	width:36px;
	float:left;
	height: 36px;





}











#button1 a{
	background: url(images/bg-index.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#323b4c;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;





}





/*button-roll-over-effekt */





#button1 a:link{ background: url(images/bg-index.png) no-repeat;  }





#button1 a:visited{ background: url(images/bg-index.png) no-repeat;  }





#button1 a:hover{ background: url(images/bg-index-over.png) no-repeat; text-decoration:none; color:#fff;}











#button1 p{
	background: url(images/bg-index-over.png);
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}











#button2{
	width:92px;
	float:left;
	height: 36px;





}











#button2 a{
	background: url(images/bg-bausparen.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#323b4c;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;





}





/*button-roll-over-effekt */





#button2 a:link{
	background: url(images/bg-bausparen.png) no-repeat;
}





#button2 a:visited{
	background: url(images/bg-bausparen.png) no-repeat;
}





#button2 a:hover{
	background: url(images/bg-bausparen-over.png);
	text-decoration:none;
	color:#fff;
}











#button2 p{
	background: url(images/bg-bausparen-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}
#currentbutton2 {
	width:92px;
	float:left;
}
#currentbutton2 a {
	background: url(images/bg-bausparen-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
}












#button3{
	width:125px;
	float:left;
	height: 36px;




}





#button3 a{





background: url(images/bg-bausparkassen.png) no-repeat;





font-size: 15px;





text-decoration:none;





color:#323b4c;





text-align:center;





display:block;





height:27px;





padding: 9px 0px 0px 0px;





}





/*button-roll-over-effekt */





#button3 a:link{ background: url(images/bg-bausparkassen.png) no-repeat;  }





#button3 a:visited{ background: url(images/bg-bausparkassen.png) no-repeat;  }





#button3 a:hover{
	background: url(images/bg-bausparkassen-over.png) no-repeat;
	text-decoration:none;
	color:#fff;
}











#button3 p{
	background: url(images/bg-bausparkassen-over.png)  no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}











#button4{
	width:150px;
	float:left;




}











#button4 a{
	background: url(images/bg-bauspar-vergleich.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	color: #323b4c;
	font-weight: normal;





}





/*button-roll-over-effekt */





#button4 a:link{ background: url(images/bg-bauspar-vergleich.png) no-repeat;  }





#button4 a:visited{ background: url(images/bg-bauspar-vergleich.png) no-repeat;  }





#button4 a:hover{
	background: url(images/bg-bauspar-vergleich-over.png) no-repeat;
	text-decoration:none;
	color:#fff;
}











#button4 p{
	background: url(images/bg-bauspar-vergleich-over.png)  no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}
#currentbutton4 {
	width:150px;
	float:left;
}
#currentbutton4 a {
	background: url(images/bg-bauspar-vergleich-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
}












#button5{
	width:117px;
	float:left;




}











#button5 a{
	background: url(images/bg-wohn-riester.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#323b4c;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	font-weight: normal;





}





/*button-roll-over-effekt */





#button5 a:link{ background: url(images/bg-wohn-riester.png) no-repeat;  }





#button5 a:visited{ background: url(images/bg-wohn-riester.png) no-repeat;  }





#button5 a:hover{
	background: url(images/bg-wohn-riester-over.png)  no-repeat;
	text-decoration:none;
	color:#fff;
}











#button5 p{
	background: url(images/bg-wohn-riester-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}











#button6{
	width:192px;
	float:left;




}











#button6 a{
	background: url(images/bg-wohn-riester-vergleich.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#323b4c;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	font-weight: normal;





}





/*button-roll-over-effekt */





#button6 a:link{ background: url(images/bg-wohn-riester-vergleich.png) no-repeat;  }





#button6 a:visited{ background: url(images/bg-wohn-riester-vergleich.png) no-repeat;  }





#button6 a:hover{
	background: url(images/bg-wohn-riester-vergleich-over.png) no-repeat;
	text-decoration:none;
	color:#fff;
}











#button6 p{
	background: url(images/bg-wohn-riester-vergleich-over.png)  no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}
#currentbutton6 {
	width:192px;
	float:left;
}
#currentbutton6 a {
	background: url(images/bg-wohn-riester-vergleich-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
}











#button7{
	width:127px;
	float:left;




}











#button7 a{





background: url(images/bg-haus-vorsorge.png) no-repeat;





font-size: 15px;





text-decoration:none;





color:#323b4c;





text-align:center;





display:block;





height:27px;





padding: 9px 0px 0px 0px;





}





/*button-roll-over-effekt */





#button7 a:link{ background: url(images/bg-haus-vorsorge.png) no-repeat;  }





#button7 a:visited{ background: url(images/bg-haus-vorsorge.png) no-repeat;  }





#button7 a:hover{
	background: url(images/bg-haus-vorsorge-over.png) no-repeat;
	text-decoration:none;
	color:#fff;
}











#button7 p{





background: url(images/bg-haus-vorsorge-over.png) no-repeat;





font-size: 15px;





text-decoration:none;





color:#fff;





display:block;





height:27px;





padding: 9px 0px 0px 0px;





text-align:center;





}











#currentbutton7{
	width:127px;
	float:left;




}











#currentbutton7 a{
	background: url(images/bg-haus-vorsorge-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;





}











#button8{
	width:147px;
	float:left;




}











#button8 a{





background: url(images/bg-finanz-vergleiche.png) no-repeat;





font-size: 15px;





text-decoration:none;





color:#323b4c;





text-align:center;





display:block;





height:27px;





padding: 9px 0px 0px 0px;





}





/*button-roll-over-effekt */





#button8 a:link{ background: url(images/bg-finanz-vergleiche.png) no-repeat;  }





#button8 a:visited{ background: url(images/bg-finanz-vergleiche.png) no-repeat;  }





#button8 a:hover{
	background: url(images/bg-finanz-vergleiche-over.png)  no-repeat;
	text-decoration:none;
	color:#fff;
}











#button8 p{
	background: url(images/bg-finanz-vergleiche-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
	text-align:center;





}
#currentbutton8 {
	width:147px;
	float:left;
}
#currentbutton8 a {
	background: url(images/bg-finanz-vergleiche-over.png) no-repeat;
	font-size: 15px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	height:27px;
	padding: 9px 0px 0px 0px;
}











.spacer{





background: url(images/spacer.gif) no-repeat;





width:2px;





height:36px;





float:left;





}
#content {
	margin-right:auto;
	margin-left:auto;
	width:1017px;
	text-align:left;
	float: left;
}
#content1{
	margin-right:auto;
	margin-left:auto;
	width:1000px;
	text-align:left;
	padding: 0px 9px 0px 8px;
	float: left;





}
#img-logo {
	float:right;
	margin: 24px 0px 0px 0px;
	width: 1000px;
}
#spar-buttons{
	float:left;
	height:63px;
	width:1000px;
	margin: 24px 0px 0px 0px;





}
#spar-button1{





width:318px;





height: 63px; 





float:left;





}
#spar-button1 a{
	display:block;
	height:63px;
	background: url(images/bg-bausparvertrag-rechner-rendite.gif) no-repeat;





}
#spar-button2{





width:317px;





height: 63px;





margin:0px 0px 0px 24px; 





float:left;





}
#spar-button2 a{
	display:block;
	height:63px;
	background: url(images/bg-bausparvertrag-rechner-baufinanzierung.gif) no-repeat;





}
#spar-button3{





width:318px;





height: 63px;





margin:0px 0px 0px 23px; 





float:left;





}
#spar-button3 a{
	display:block;
	height:63px;
	background: url(images/bg-bauspar-rechner-option.gif) no-repeat;





}
.headline {
	width:1000px;
	height:36px;
	background:url(images/bg-headline.png) no-repeat;
	float: left;
	display: block;
	margin-top: 24px;
}













.headline h1{
	font-size:15px;
	font-weight:bold;
	color:#323b4c;
	padding:8px 2px 0px 24px;
	text-align: left;





}













.textbox2{
	float:left;
	width: 316px;





}
.textbox1 {
	width:294px;
	padding: 15px 0px 24px 22px;
	float: left;
}
.bausparkassen-logos {
	float:right;
	width: 294px;
}














.textbox{
	padding:15px 22px 18px 23px;
	width:634px;
	float: right;





}
.textbox a    , .textbox1 a{
	font-weight: bold;
	color: #2ba8da;
	text-decoration: none;
	font-size: 13px;
}


.wichtig {
	font-weight: bold;
}


#bauspar-vergleich  {
	width:421px;
	height:24px;
	float: right;
	margin-bottom: 22px;





}

#bauspar-vergleich a{
	height:24px;
	display:block;
	background:url(images/bg-bauspar-vergleich-link.png) no-repeat;





}

#bauspar-rechner {
	width:378px;
	height:24px;
	float:right;
	margin-bottom: 22px;
}
#bauspar-rechner a {
	height:24px;
	display:block;
	background:url(images/bg-bausparvertrag-rechner.png) no-repeat;
}











#footer{
	float:left;
	width:1000px;
	padding: 24px 9px 24px 8px;





}
#footer1 {
	float:left;
	width:1000px;
}
#footer1 p{





font-size:10px;





color:#999;





}
#footer1 a{





color:#999;





}











#footer a:hover{





color:#323b4c;





}













.contentbox{
	width:996px;
	float: left;
	margin-top: 2px;
	padding: 1px;
	border: solid 1px #d6dce0;



}















.contentbox a:hover{





font-size:13px;





line-height:22px;





color:#777;





}


















form p {
	font-size:13px;
	line-height:22px;
	color:#323b4c;
	margin:3px 12px 3px 12px;





}












#felder{
	margin:24px 0px 0px 0px;
	float:left;
	width:1000px;
	height: 472px;





}











#feld1{
	width:270px;
	float:left;
	background:#2ba8da;
	padding:24px;
	height: 424px;





}











#feld1 p{





margin-bottom:15px;





font-size:13px;





line-height:22px;





color:#fff;





}











#feld2{
	width:269px;
	margin:0px 0px 0px 24px;
	background:#4e8499;
	padding:24px;
	float: left;
	height: 424px;





}











#feld2 p{





margin-bottom:15px;





font-size:13px;





line-height:22px;





color:#fff;





}











#feld3{
	width:270px;
	margin:0px 0px 0px 22px;
	float:left;
	background:#59b3be;
	padding:24px;
	height: 424px;





}











#feld3 p{





margin-bottom:15px;





font-size:13px;





line-height:22px;





color:#fff;





}
.infobox {
	width:1000px;
	height:24px;
	background:#2ba8da;
	float: left;
	display: block;
	margin: 4px 0px 0px 0px;
}
.infobox p {
	font-size:11px;
	font-weight:normal;
	color:#fff;
	padding:5px 2px 5px 24px;
	text-align: left;
	text-decoration: none;
}
.info-line {
	float:left;
	height: 36px;
	width: 29px;
	margin-right: 24px;
	margin-top: 8px;
}
.christian-andreas  {
	float:left;
	width: 315px;
	padding: 1px 0px 0px 1px ;
}
.img-bausparen {
	width:315px;
	float: left;
	padding: 1px 0px 0px 1px;
}











.linkbox{
	width:269px;
	height:24px;
	background: url(images/bg-weiter.png) right no-repeat;
	float: left;





}

















.linkbox a{
	width:269px;
	height:24px;
	font-size:17px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;





}
.linkboxPDF {
	width:294px;
	float: left;
	margin-bottom: 10px;
}
.linkboxPDF a {
	height:22px;
	font-size:13px;
	color:#2ba8da;
	text-decoration: none;
	font-weight: bold;
}
.textbox ul ,  {
	font-weight: normal;
	color: #323b4c;
	text-decoration: none;
	padding-left: 48px;
	font-size: 13px;
	list-style-image: url(images/img-check.png);
	line-height: 22px;
}

.textbox ul {
	font-weight: normal;
	color: #323b4c;
	text-decoration: none;
	font-size: 13px;
	list-style-image: url(images/img-check.png);
	padding-left: 48px;
	line-height: 22px;
}
.textbox li   {
	color: #323b4c;
	text-decoration: none;
	margin-bottom: 5px;
	text-align: left;
	text-indent: 5px;
}
.textbox1 ul {
	font-weight: normal;
	color: #323b4c;
	text-decoration: none;
	font-size: 13px;
	list-style-image: url(images/img-check.png);
	line-height: 22px;
	text-indent: 10px;
	list-style-position: inside;
}
.textbox1 li {
	color: #323b4c;
	text-decoration: none;
	margin-bottom: 10px;
	text-align: left;
}











.textbox3{
	width:270px;
	height: 400px;
	float: left;





}












.textbox4{
	float:left;
	width: 269px;
	height: 400px;





}
.textbox5 {
	width:952px;
	float: left;
	padding: 24px 22px 22px 22px;
}
.textbox6 {
	width:996px;
	float: left;
	padding-bottom: 24px;
}

.textbox p, .textbox1 p, .textbox2 p, .textbox3 p, .textbox4 p, .textbox5 p, .textbox6 p{
	font-size:13px;
	line-height:22px;
	color:#323b4c;





}
.textbox h2, .textbox1 h2, .textbox2 h2  , .textbox3 h2, .textbox4 h2, .textbox5 h2, .textbox6 h2{
	font-size:13px;
	color:#323b4c;
	margin-bottom:9px;
	font-weight: bold;
	line-height: 22px;





}
.textbox3 h3 , .textbox4 h3{
	font-size:20px;
	color:#fff;
	margin-bottom:10px;
	font-weight: bold;
	line-height: 22px;
}
#bauspar-vergleich-1 {
	width:421px;
	height:24px;
	float: right;
	margin-top: 24px;
}
#bauspar-vergleich-1 a {
	height:24px;
	display:block;
	background:url(images/bg-bauspar-vergleich-link.png) no-repeat;
}
#bauspar-rechner-baufinanzierung {
	width:561px;
	height:24px;
	float:right;
	margin-top: 24px;
}
#bauspar-rechner-baufinanzierung a {
	height:24px;
	display:block;
	background:url(images/bg-bausparvertrag-rechner-baufinanzierung.png) no-repeat;
}

#wohn-riester-vergleich {
	width:467px;
	height:24px;
	float:right;
	margin-bottom: 22px;
}
#wohn-riester-vergleich a {
	height:24px;
	display:block;
	background:url(images/bg-wohn-riester-vergleich-link.png) no-repeat;
}
#wohn-riester-vergleich-1 {
	width:467px;
	height:24px;
	float:right;
	margin-top: 24px;
}
#wohn-riester-vergleich-1 a {
	height:24px;
	display:block;
	background:url(images/bg-wohn-riester-vergleich-link.png) no-repeat;
}
#haus-vorsorge {
	width:393px;
	height:24px;
	float: right;
	margin-bottom: 22px;
}
#haus-vorsorge a {
	height:24px;
	display:block;
	background:url(images/bg-haus-vorsorge-link.png) no-repeat;
}


#finanz-vergleiche {
	width:414px;
	height:24px;
	float:right;
	margin-bottom: 22px;
}
#finanz-vergleiche a {
	height:24px;
	display:block;
	background:url(images/bg-finanz-vergleiche-link.png) no-repeat;
}











#subline1{
	width:1000px;
	height:48px;
	background:url(images/subline01.png) no-repeat;
	float:left;





}











#subline2{
	width:1000px;
	height:48px;
	background:url(images/subline02.png) no-repeat;
	float:left;





}











#subline3{
	width:1000px;
	height:48px;
	background:url(images/subline03.png) no-repeat;
	float:left;





}











#subline1 p{
	font-size:13px;
	color:#FFFFFF;
	line-height:16px;
	width:270px;
	margin:0px 24px 0px 24px;
	text-align: center;





}











#subline2 p{
	font-size:13px;
	color:#FFFFFF;
	line-height:16px;
	width:269px;
	margin:0px 0px 0px 342px;
	padding: 0px 24px 0px 24px;
	text-align: center;





}











#subline3 p{
	font-size:13px;
	color:#FFFFFF;
	line-height:16px;
	width:250px;
	margin:0px 0px 0px 722px;
	text-align: center;
	border-top: 0px;





}
.tabelle1 {
	margin:2px 0px 0px 0px;
	float: left;
}
.tabelle1 h2 {
	font-size:13px;
	color:#2ba8da;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 2px 12px 2px 12px;
	font-weight: normal;
}
.tabelle1 a {
	font-size:13px;
	color:#323b4c;
	line-height: 22px;
	font-style: normal;
	text-decoration: underline;
}

.tabelle1 p {
	font-size:13px;
	color:#323b4c;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 2px 12px 2px 12px;
}


.tabelle2 {
	margin:0px 0px 0px 0px;
	float: left;
}
.tabelle2 h2 {
	font-size:13px;
	color:#323b4c;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 0px 0px 0px 22px;
	font-weight: bold;
}
.tabelle2 h3 {
	font-size:13px;
	color:#2ba8da;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 0px 0px 0px 22px;
	font-weight: normal;
}

.tabelle2 p {
	font-size:13px;
	color:#323b4c;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 0px 0px 0px 22px;
}
.tabelle3 {
	float: left;
	margin-top: 2px;
}
.tabelle3 h2 {
	font-size:11px;
	color:#2ba8da;
	line-height: 18px;
	font-style: normal;
	text-decoration: none;
	margin: 2px 12px 2px 12px;
	font-weight: normal;
}
.tabelle3 p {
	font-size:11px;
	color:#323b4c;
	line-height: 18px;
	font-style: normal;
	text-decoration: none;
	margin: 3px 12px 3px 12px;
}
.tabelle4 {
	margin:2px 0px 0px 0px;
	float: left;
}
.tabelle4 p {
	font-size:13px;
	color:#323b4c;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 7px 12px 7px 12px;
}
.tabelle4 h2 {
	font-size:13px;
	color:#323b4c;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	margin: 7px 12px 7px 12px;
	font-weight: bold;
}
.tabelle4 a {
	color:#2ba8da;
	line-height: 22px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
}
.button-haus-small{
	width:285px;
	height:20px;
	background: url(images/bg-weiter-s.png) right no-repeat;
	margin: 5px 12px 5px 22px;





}
.button-haus-small a{
	display:block;
	width:270px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	color: #2ba8da;
	text-decoration: none;





}
.button-haus-small-1 {
	width:294px;
	height:20px;
	background: url(images/bg-weiter-s.png) right no-repeat;
}
.button-haus-small-1 a {
	display:block;
	width:270px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	color: #2ba8da;
	text-decoration: none;
}
#mein-finanz-vergleich {
	width:525px;
	height:24px;
	float: right;
	margin-bottom: 22px;
}
#mein-finanz-vergleich a {
	height:24px;
	display:block;
	background:url(images/mein-finanz-vergleich-link.png) no-repeat;
}
#finanzen-buttons {
	float:left;
	height:63px;
	width:1000px;
	margin: 24px 0px 0px 0px;
}
#finanzen-button-1 {
	width:318px;
	height: 63px;
	float:left;
}
#finanzen-button-1 a {
	display:block;
	height:63px;
	background: url(images/bg-finanzen-individuell.gif) no-repeat;
}
#finanzen-button-2 {
	width:317px;
	height: 63px;
	margin:0px 0px 0px 24px;
	float:left;
}
#finanzen-button-2 a {
	display:block;
	height:63px;
	background: url(images/bg-finanzen-sofort.gif) no-repeat;
}
#finanzen-button-3 {
	width:318px;
	height: 63px;
	margin:0px 0px 0px 23px;
	float:left;
}
#finanzen-button-3 a {
	display:block;
	height:63px;
	background: url(images/bg-finanzen-anfrage.gif) no-repeat;
}