@charset "utf-8";
/* CSS Document Lenen Online*/
/********** algemeen **********/
html{overflow-y:scroll;overflow:auto;overflow-x:hidden; overflow: -moz-scrollbars-vertical; }
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

/* start code bedankpagina */
*html, #thanks-top {
	margin-top: 18px;
}

#thanks-top {
	border-bottom: 1px solid #f9e2c8;
	background: url(/assets/bkg-send-top.gif) no-repeat;
	width: 521px;
}

#thanks-top h2,
#contentblock-51 h2 {
	font-size: 18px;
	padding: 18px 0px 0px 44px;
	margin: 1em 0px;
}

*html, #thanks-top h2,
#contentblock-51 h2 {
	padding: 0px 0px 0px 44px;
}

#thanks-inner {
	padding: 0px 10px 0px 10px;
}

/* einde code bedankpagina */


a:link, a:visited{
color:#006699;
}
a:hover{
color:#000000;
}
body{
background:#f7f0e4;
}
/********** AFM balk **********/
#afm{
width:100%;
height:43px;
}
#afm img{
width:900px;
display:block;
margin:0 auto;
}
/********** Header **********/
#header{
height:65px;
width:900px;
margin:0 auto;
}
#header h1 a{
float:left;
width:220px;
color:#097792;
padding:6px 0 0 0;
font-size:46px;
letter-spacing:-2px;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#header h1 a:hover{
color:#399db6;
}

.topheaderlink{
float:left;
width:220px;
color:#097792;
padding:6px 0 0 0;
font-size:46px;
letter-spacing:-2px;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bold;
}

.topheaderlink:hover{
color:#399db6;
}

#header ul{
float:right;
font-size:12px;
}
#header li{
float:left;
display:block;
border-right:1px solid #c8bfa4;
padding:14px 8px 0px 8px;
margin:6px 0 0 0;
}
#header li a{
text-decoration:none;
color:#333333;
}
#header li a:hover{
color:#097792;
text-decoration:underline;
}
/********** Container **********/
#box{
width:876px;
padding:12px;
min-height:484px;
margin:0 auto;
background-color:#FFFFFF;
}
/********** Bovenste gedeelte foto **********/
#sitetop{
height:200px;
}
#sitetop img{
float:left;
}
#sitetop_picture{
float:left;
width:600px;
height:200px;
}
.picture_index, .picture_contact{
background-image:url(../assets/image_top.jpg);
background-repeat:no-repeat;
}
.picture_over{
background-image:url(../assets/image_top_afsluiten.jpg);
background-repeat:no-repeat;
}
.picture_lening{
background-image:url(../assets/image_top_persoonlijk.jpg);
background-repeat:no-repeat;
}
.picture_afsluiten{
background-image:url(../assets/image_top_over.jpg);
background-repeat:no-repeat;
}
.picture_berekenen{
background-image:url(../assets/image_top_berekenen.jpg);
background-repeat:no-repeat;
}
#button{
background-image:url(../assets/trans.png);
width:600px;
height:32px;
padding:5px 5px;
margin-top:150px;
}
#button a{
background-image:url(../assets/bg_button_groen.gif);
background-repeat:repeat-x;
display:block;
width:200px;
height:18px;
padding:7px 12px;
margin-right:13px;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
float:left;
}
#button a:hover{
background-position:0px -32px;
text-decoration:underline;
}
#button h3{
font-size:13px;
margin:0px;
padding:8px 0px;
color:#443b22;
}
/********** Menu **********/
#menu ul{
float:right;
width:262px;
height:190px;
padding-top:10px;
background-image:url(../assets/bg_menu.gif);
background-repeat:repeat-y;
list-style:none;
}
#menu li a{
display:block;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:14px;
padding:10px 0px 10px 4px;
margin:0px 14px;
background-image:url(../assets/menu_divider.gif);
background-position:top;
background-repeat:repeat-x;
}
#menu li.noborder a{
background-image:none;
}
#menu li a:hover, #menu li a.active {
background-color:#4caec6;
}
/********** Content - tekst **********/
#text{
width:600px;
margin-top:12px;
float:left;
font-size:13px;
}
#text h1 {
color:#443b22;
font-size:18px;
font-weight:normal;
}

#text h2, .calculator-container h2{
color:#443b22;
font-size:18px;
font-weight:normal;
}
#text h3{
color:#443b22;
font-size:15px;
font-weight:bold;
margin-top:8px;
}
#text p{
color:#443b22;
font-size:13px;
line-height:18px;
padding:12px 0px;
}
#text ul{
list-style:none;
padding:12px 0px;
}
#text ul li{
background-image:url(../assets/list.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 2px 10px;
color:#443b22;
}
/********** Content - blokjes indexpagina **********/
.content_item{
float:left;
width:294px;
height:184px;
margin-top:4px;
}
.content_item h3{
color:#443b22;
font-size:18px;
font-weight:normal;
background-color:#DAEAC5;
padding:6px;
margin:0px !important;
}
.calculator{
background-image:url(../assets/foto_item_bereken.jpg);
background-position:0px 5px;
}
.online{
background-image:url(../assets/foto_item_lenen_online.jpg);
background-position:0px 15px;
margin-right:12px;
}
.content_item_info{
display:block;
width:284px;
height:32px;
padding:5px;
margin:104px 0px 0px 0px;
font-size:12px;
background-image:url(../assets/trans.png);
}
.content_item_info h4{
font-size:13px;
margin:0px;
padding:8px 0px;
color:#443b22;
float:left;
}
.content_button a{
float:left;
margin-right:12px;
}
.content_button a, .content_button_small a{
background-image:url(../assets/bg_button_groen.gif);
display:block;
width:156px;
height:18px;
padding:7px 12px;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}
.calc a{
width:170px !important;
}
.content_button_small a{
margin:0px 0px 10px 0px;
}
.content_button a:hover, .content_button_small a:hover{
background-position:0px -32px;
text-decoration:underline;
}
.info{
margin-top:70px;
padding:6px;
font-size:12px;
background-image:url(../assets/trans.png);
}
.info a{
text-decoration:none;
color:#443b22;
}
.info a:hover{
text-decoration:underline;
}
/********** Sidebar **********/
#sidebar{
width:262px;
float:right;

font-size:13px;
color:#455d24;
line-height:21px;
}
#sidebar h3{
font-size:13px;
color:#455d24;
}
.item{
padding:12px;
background-image:url(../assets/bg_item.gif);
background-repeat:repeat-x;
background-color:#e8eccd;
margin-top:12px;
}
.item img{
float:right;
margin-left:10px;
}
/********** Footer **********/
#footer{
width:900px;
margin:0 auto;
text-align:right;
font-size:12px;
color:#443b22;
padding:10px 0px;
}
#footer a{
text-decoration:none;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */