/* CSS Document */

html{
 margin: 0;
 padding: 0;
}

body{
 background: #2b5063 url(../img/body_achtergrond.jpg) top left repeat-x;
 margin: 0;
 padding: 0;
}

#container{
 margin: 0 auto;
 padding: 0;
 padding-bottom: 40px;
 width: 645px;
 background: #FFFFFF url(../img/bg-container.jpg) bottom left repeat-x;
 overflow: hidden;
}

/* Headerinformatie */

#header{
 background: url(../img/header_achtergrond.jpg) top left no-repeat;
 height: 277px;
 width: 645px;
}

#headerlinks {
 float:left;
 width:430px;
}

#headerrechts {
 float:right;
 width:215px;
}

#headerlogodeel{
 margin:0;
 padding:0;
 padding-top: 15px;
 height: 75px;
}

#headerlogodeel .logo{
 float:left;
 margin-right: 10px;
}

#headerlogodeel h1{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 font-weight: normal;
 color: #653d3a;
 margin: 0;
}

#headerlogodeel h1 span{
 font-size: 12px;
 color: #c8c8ca;
}

#headerlogodeel h2{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 font-weight: normal;
 color: #653d3a;
 margin: 0;
 margin-top: 5px;
}

#headerimage{
 margin: 0;
 padding: 0;
 width: 430px;
 height: 77px;
}

/* headernav */

#headernav{
 margin-top: 90px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#headernav ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: right;
}

#headernav a{
 display: block;
 color: #f5f7f5;
 background-color: #4a6878;
 text-decoration: none;
 height: 15px;
 padding: 4px 1em;
}

#headernav a:hover{
 background-color: #6a8390;
}

#headernav li{ 
 margin: 0 0 1px 0;
}

* html #headernav li{ 
 margin: 0;
}

/* einde headerinformatie en headernac*/

/* intro */
#intro{
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 9px;
 text-align: left;
 margin: 50px 10px 20px 10px;
 padding:0;
 overflow: hidden;
 width: 625px;
}

#intro ol{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#intro li{
 width: 196px;
 float: left;
}

li.intro1{
 background: url(../img/intro1.gif) top left no-repeat;
 margin-right: 18px;
}

li.intro2{
 background: url(../img/intro2.gif) top left no-repeat;
 margin-right: 18px;
}

li.intro3{
 background: url(../img/intro3.gif) top left no-repeat;
}

.intropadding{
 padding: 8px 18px 0 8px;
}

/* einde intro */

/* inhoud */

#inhoud{
 width: 605px;
 margin: 0 20px;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #333333;
 overflow: hidden;
}

#linkerinhoud{
 width: 400px;
 float: left;
}

#linkerinhoud h1{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 margin: 20px 0 0 0;
 font-weight: normal;
 color: #653d3a;
}

#linkerinhoud h3{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 margin: 25px 0 0 0;
 font-weight: normal;
 color: #653d3a;
}

#rechterinhoud{
 width: 180px;
 float: right;
}

#rechterinhoud hr{
 background-color: #2a4d60;
 border: 0;
 height:2px;
}

#rechterinhoud img{
 margin-left: 2px;
}

img{
 border: none;
}

#rechterinhoud h3{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 margin: 15px 0 0 0;
 font-weight: normal;
 color: #653d3a;
}

#rechterinhoud h3.noimg{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 margin: 27px 0 0 0;
 font-weight: normal;
 color: #653d3a;
}

.verder{
 margin-top: 30px;
}

#rechterinhoud ul{
 margin: 10px 0 0 0;
 padding: 0;
 list-style-type: none;
 width: 100%;
}

#rechterinhoud li{
 padding: 2px 0;
 border-bottom: 1px #d3d3d3 solid;
}

#eenkolom{
 margin-top: 30px;
}

#eenkolom h1{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 margin: 20px 0 0 0;
 font-weight: normal;
 color: #653d3a;
}

#eenkolom h3{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 margin: 15px 0 0 0;
 font-weight: normal;
 color: #653d3a;
}

#inhoud p{
 margin: 0;
 margin-top: 20px;
}

#inhoud p.lager{
 margin: 0;
 margin-top: 23px;
}

/* footer */
#footer{
 margin: 0 auto;
 padding: 0;
 width: 645px;
 background: url(../img/footer.jpg) top left no-repeat;
 padding-top: 15px;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #aec3dd;
 padding-bottom: 20px;
}

#footer a{
 color: #aec3dd;
 text-decoration:none;
}

#footer a:hover{
 color: #f5f5f5;
 text-decoration: underline;
}

#footerlinks{
 float: left;
}

#footerrechts{
 float: right;
}

/* extre */
a.vorige {
	margin-top: 10px;
	display: block;
	width: 400px;
	height: 25px;
	background: url(../img/terug-aanvraag.gif) bottom left no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	text-indent: -99999px;
}

a.vorige:hover {
	background:  url(../img/terug-aanvraag.gif) top left no-repeat;
}

#rente{
	position: absolute;
	background: url(../../images/rente.jpg) top left no-repeat;
	width: 260px;
	height: 213px;
	text-indent: -9999px;
	margin: 108px 0 0 -70px;
}

#rente2{
	position: absolute;
	background: url(../../images/rente2.jpg) top left no-repeat;
	width: 260px;
	height: 213px;
	text-indent: -9999px;
	margin: 108px 0 0 -70px;
}

#annuiteit{
	position: absolute;
	background: url(../../images/annuiteiten.jpg) top left no-repeat;
	width: 260px;
	height: 213px;
	text-indent: -9999px;
	margin: 108px 0 0 -70px;
}

#lineaire{
	position: absolute;
	background: url(../../images/lineaire.jpg) top left no-repeat;
	width: 260px;
	height: 213px;
	text-indent: -9999px;
	margin: 108px 0 0 -70px;
}

#aflossingsvrije{
	position: absolute;
	background: url(../../images/aflossingsvrije.jpg) top left no-repeat;
	width: 260px;
	height: 213px;
	text-indent: -9999px;
	margin: 108px 0 0 -70px;
}

#hypotheekadvies{
	margin-top: 30px;
	padding: 5px;
	border: 1px #dbdbdb solid;
}

#hypotheekadvies p{
	margin: 10px;
}

#hypotheekadviestekst{
	color: #5b5f4f;
	background: url(../img/extra.jpg) top left repeat;
}

#hypotheekadviestekst h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-top: 10px;
	font-size: 18px;
}

#ballon{
	margin-top: 20px;
	width: 388px;
	height: 274px;
	background:url(../../images/bussiness-balloon.jpg) top left no-repeat;
	text-indent: -9999px;
}

#duim{
	margin-top: 20px;
	width: 388px;
	height: 138px;
	background:url(../../images/voordelen.jpg) top left no-repeat;
	text-indent: -9999px;
}

#voordelen{
 font-size: 12px;
}

#voordelen ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
}

#voordelen li{
	background-image: url(../img/voordeel.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 2em;
	margin-top: 8px;
}