/*
	renten-agentur.de
*/

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

body {
	font: normal 100.1%/1.4em Arial,Helvetica,sans-serif;
    font-size : 12px;
    text-align: center;
	line-height: 20px;
	color: #333;
	background: transparent url('../images/bg.png')  repeat-x;
}

img {
    border: 0px;
}

.red {
	color:#fd6464;
}

.red a {
	color:#fd6464 !important;
	text-decoration:underline;
}

.red a:hover{
	text-decoration:none;
}

a{
	text-decoration: none;
}

#main{
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

#main #mainc{
	float: left;
	width: 924px;
}

#main #logo{
	width: 235px;
	height: 33px;
	margin: 18px 0 0 8px;
	background: transparent url('../images/renten-agentur.png') no-repeat;
}

#main .top-bg{
	width: 940px;
	height: 8px;
	margin-top: 1px;
	background: transparent url('../images/top-bg.png') no-repeat;
}

#main .left-right,
#main .left-bg{
	width: 8px;
	height: 808px;
	float: left;
	background: transparent url('../images/left-right-bg.png') no-repeat;
}

#main .left-right{
	float: right;
	background: transparent url('../images/left-right-bg.png') no-repeat -8px 0;
}

#main #head{
	width: 924px;
	height: 260px;
	float: left;
	border-bottom: 2px solid #d8e5ef;
	background: #fff;
	position: relative;
}

#main #head #riester{
	position: absolute;
	right: -22px;
	bottom: -32px;
	width: 166px;
	height: 168px;
	background: transparent url('../images/riester.png') no-repeat;
}

#main #head #image{
	width: 402px;
	height: 262px;
	float: left;
	background: transparent url('../images/familie-riester-rente.jpg') no-repeat;	
}

#main #head h2{
	font-size: 20px;
	color: #3972a5;
	margin-top: 19px;
}

#main #head #text{
	margin-top: 17px;
	width: 500px;
	font-size: 13px;
	float: left;
	line-height: 20px;
}

#main #head ul{
	float: left;
	margin-top: 12px;
}

#main #head ul li{
	padding-left: 15px;
	background: transparent url('../images/arrow.png') no-repeat 0 8px;
}

#main #form{
	float: left;
	width: 924px;
	height: 243px;
	background: #f9f9f9;
	color: #737373;
	border-bottom: 2px solid #d8e5ef;
}

#main #form .title{
	font-weight: bold;
	font-size: 16px;
	color: #000;
	margin-bottom: 20px;
	display: block;
}

#main #form #box{
	width: 600px;
	height: 195px;
	float: left;
	margin: 19px 0 0 29px;
}

#main #form #box ul{
	float: left;
	width: 310px;
}

#main #form #box ul li{
	width: 310px;
	float: left;
	margin-bottom: 2px;
}

#main #form #box ul li.right{
	width: 260px;
	float: right;;
	margin-bottom: 2px;
}

#main #form #box ul .text1{
	width: 108px;
	float: left;
}

#main #form #box ul li .textfield,
#main #form #box ul li .textfield2,
#main #form #box ul li .textfield3{
	float: right;
	width: 189px;
	padding: 2px 4px;
	border: 1px solid #d3d4d4;
}

#main #form #box ul li .textfield2{
	width: 50px;
	float: left;
	margin-right: 3px;
}

#main #form #box ul li .textfield3{
	width: 126px;
}

#main #form #box ul li input{
	float: left;
	margin-right: 3px;
}

#main #form #box ul li .anrede{
	float: left;
	margin: -5px 8px 0 0; 
}

*+html #main #form #box ul li .anrede{
	margin: 0;
}

#main #form #box ul.ulright li .select,
#main #form #box ul li .drop1,
#main #form #box ul li .drop2,
#main #form #box ul li .drop3{
	float: left;
	margin-right: 3px;
	padding: 2px 2px;
	width: 55px;
	border: 1px solid #d3d4d4;
}

#main #form #box ul li .drop2{
	width: 45px;
}

#main #form #box ul li .drop3{
	width: 93px;
}

#main #form #box ul.ulright{
	float: right;
	width: 268px;
	margin-left: 22px;
}

#main #form #box ul.ulright li{
	width: 268px;
}

#main #form #box ul.ulright .text1{
	width: 50px;
}

#main #form #box ul.ulright li .select{
	width: 199px;
	float: right;
	margin-right: 0px;
}

#main #form #box ul.ulright li .submit{
	width: 268px;
	height: 41px;
	cursor: pointer;
	background: transparent url('../images/vergleich-anfordern.png') no-repeat;
}

#main #form #box ul.ulright li .textfield{
	margin-right: 0px;
}

#main #form #box ul.ulright li.matop{
	margin: 19px 0 12px 0;
}

#main #form #box ul.ulright li .daten{
	display:block;
	margin-left:17px;
	margin-top:-4px;
}

#main #form #box ul.ulright li a{
	color: #7fa8d4;
}

#main #form #box2{
	width: 220px;
	float: left;
	margin: 19px 0 0 40px;
}

#main ul#menue li{
	float: left;
}

#main ul#menue li a{
	float: left;
	color: #333;
	margin-right: 1px;
	background: #fff;
	padding: 4px 9px 5px 9px;
}

#main ul#menue li a.active{
	background: #d8e5ef;
}

#main #box1{
	width: 460px;
	float: left;
}

#main #con{
	width: 866px;
	float: left;
	margin: 30px 0 0 29px;
	line-height: 23px;
}

#main #con h3{
	color: #3972a5;
	font-size: 14px;
	margin-bottom: 20px;
}

#main .box2{
	float: right;
	width: 373px;
}

#main .box2 h3{
	padding-bottom: 5px;
	border-bottom: 1px solid #d2d2d2;
}

#main .box2 ul li strong{
	margin: 0 40px 0 20px;
	color: #000;
}

#main .box2 ul li{
	border-bottom: 1px solid #d2d2d2;
	color: #000;
	padding: 3px 0;
}

#main .box2 ul li strong.orange{
	color: #f58015;
}

#main .box2 ul li.bg{
	background: #ebf2f7;
	padding: 20px 0;
}

#main .box2 ul li.bg .sub{
	display: block;
	font-size: 11px;
	margin-left: 102px;
	color: #999;
}

#main #footer{
	float: left;
	width: 924px;
	color: #6f767b;
	margin: 20px 0;
}

#main #footer #line{
	background: #f0f1f2;
	height: 4px;
	margin-bottom: 10px;
	border-top: 1px solid #e2e4e5;
}

#main #footer ul{
	float: right;
}

#main #footer #copy{
	float: left;
}

#main #footer ul li{
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

#main #footer ul li a{
	color: #6f767b;
}

#main #footer ul li.first{
	border: none;
}

#main #mainc .error,
#main #mainc .ready{
	width: 884px;
	float: left;
	background: #71c88b;
	padding: 20px;
	border-bottom: 1px solid #65a276;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#main #mainc .error{
	background: #fd6464;
	border-bottom: 1px solid #c75658;
}

.errortext{
	border: 1px solid #fd6464 !important;
}

#vorteile_box1{
	float:left;
	width:423px;
}

#vorteile_box2{
	float:right;
	width:423px;
}

#vorteile_box1 h3,
#vorteile_box2 h3{
	margin-bottom:5px !important;
}