@charset "utf-8";
/* CSS Document */

/* 
 * GENERAL SETTINGS 
 */
* { margin: 0px; padding: 0px; }
body { background: url(../img/activebudget/page_bg.jpg) repeat-y center #eeeeee; color: #004685; font-family: Verdana; line-height: 18px; font-size: 11px; width: 100%; height: 100%; position: relative; }
img { border: none; }
a { color: #64c0df; text-decoration: underline; }
em { color: #0099cc; font-style: normal; }
ol, ul { list-style: none; }

a { outline: none; }

span.blue { color: #0099cc; font-weight: bold; }

/* 
 * WRAPPER 
 */
#wrapper { width: 980px; margin: auto; }

/* 
 * HEADER 
 */
#header { width: 980px; height: 355px; position: relative; background: url(../img/activebudget/header_bg.jpg) no-repeat; }
#header #logo { padding: 0; }
#header #logo #taalkeuze { float: right; padding: 20px 25px 0 0; }
#header #logo #taalkeuze a { color: #24c2ec; text-decoration: none; }
#header #logo #taalkeuze ul { list-style: none; display: block; }
#header #logo #taalkeuze ul li { float: left; }
#header #logo #taalkeuze #current { padding-bottom: 3px; border-bottom: solid 5px #ffffff; }
#header #logo #taalkeuze #current a { color: #fff; }

#header #breadcrumb { color: #999999; font-size: 10px; }
#header #breadcrumb a{ color: #999999; text-decoration: underline; padding: 0px 0px 0px 85px; }

#header #headerContent { padding: 20px 0px 40px 80px; }
#header #headerContent p { margin-top: 5px; width: 480px; } 
.nl #header #headerContent h2 { background: url("../img/activebudget/intro_title_nl.png") no-repeat; width: 387px; height: 47px; text-indent: -9988px; margin-bottom: 5px; }
.fr #header #headerContent h2 { background: url("../img/activebudget/intro_title_fr.png") no-repeat; width: 496px; height: 47px; text-indent: -9988px; margin-bottom: 5px; }

/* 
 * CONTENT LEFT 
 */
#content { width: 928px; padding: 0px 26px 0px 26px; background: url(../img/activebudget/content_bg.jpg) repeat-x; position: relative; }
#content #contentLeft { width: 559px; float: left; position: relative; top: -50px; z-index: 90; }
#content #contentLeft a	{ display: block; text-indent: -9988px; }
#content #contentLeft .box { background: url('../img/activebudget/box_bottom.png') bottom left no-repeat; padding-bottom: 11px; width: 559px; margin-bottom: 10px; }
#content #contentLeft .box a { text-indent: 0px; color: #0099cc; font-weight: bold; }
#content #contentLeft .box ul	{ background: url('../img/activebudget/box_gradient.png') repeat-y; padding: 20px 25px 1px 25px; margin: 0; overflow: hidden; }
 
/* voordelen */
#content #contentLeft #boxVoordelen li { background: url('../img/activebudget/bullet_1.png') 0px 3px no-repeat; min-height: 17px; padding-left: 23px; line-height: 18px; margin-bottom: 10px; }
#content #contentLeft #boxVoordelen h3 { width: 559px; height: 32px; text-indent: -9988px; }
.fr #content #contentLeft #boxVoordelen h3 { background: url('../img/activebudget/box_top_avantages.png') top left no-repeat; }
.nl #content #contentLeft #boxVoordelen h3 { background: url('../img/activebudget/box_top_voordelen.png') top left no-repeat; }
/* voorwaarden */
#content #contentLeft #boxVoorwaarden { background: url('../img/activebudget/box_bottom_voorwaarden.png') bottom left no-repeat; padding-bottom: 11px; width: 559px; margin-bottom: 10px; }
#content #contentLeft #boxVoorwaarden .boxBody { background: url('../img/activebudget/box_gradient_voorwaarden.png') repeat-y; padding: 20px 25px 15px 25px; }
#content #contentLeft #boxVoorwaarden ul { background: none; padding: 10px 0 0 0; }
#content #contentLeft #boxVoorwaarden li { background: url('../img/activebudget/bullet_2.png') 0px 6px no-repeat; min-height: 17px; padding-left: 23px; line-height: 18px; margin-bottom: 10px; }
.nl #content #contentLeft #boxVoorwaarden h3 { background: url('../img/activebudget/box_top_voorwaarden.png') top left no-repeat; width: 559px; height: 32px; text-indent: -9988px; }
.fr #content #contentLeft #boxVoorwaarden h3 { background: url('../img/activebudget/box_top_conditions.png') top left no-repeat; width: 559px; height: 32px; text-indent: -9988px; }
/* lenen */
#content #contentLeft #btnLenen { width: 558px; height: 47px; }
.nl #content #contentLeft #btnLenen	{ background: url('../img/activebudget/box_lenen_nl.png') top left no-repeat; }
.fr #content #contentLeft #btnLenen	{ background: url('../img/activebudget/box_lenen_fr.png') top left no-repeat; }

/* 
 * CONTENT RIGHT 
 */
#content #contentRight 	{ width: 331px; float: right; padding-left: 37px;}
/* online aanvragen */
#content #contentRight #boxVraagaan { margin: 40px 0px 20px 0px; }
#content #contentRight a#btnVraagaan { width: 329px; height: 48px; text-indent: -9988px; display: block; }
.nl #content #contentRight a#btnVraagaan { background: url('../img/activebudget/btn_vraagaan_nl.png') no-repeat; }
.fr #content #contentRight a#btnVraagaan { background: url('../img/activebudget/btn_vraagaan_fr.png') no-repeat; }
/* kantoor */
#content #contentRight #boxKantoor { margin: 20px 0px 20px 0px; }
#content #contentRight a#btnKantoor { width: 329px; height: 48px; margin-bottom: 20px; text-indent: -9988px; display: block; }
.nl #content #contentRight a#btnKantoor { background: url('../img/activebudget/btn_kantoor_nl.png') no-repeat; }
.fr #content #contentRight a#btnKantoor { background: url('../img/activebudget/btn_kantoor_fr.png') no-repeat; }
/* meer info */
#content #contentRight #boxMeerinfo li a { display: inline-block !important; color: #0099cc !important;  text-indent: 0px !important; font-weight: bold;}
#content #contentRight #boxMeerinfo li { padding: 10px 20px 10px 20px; line-height: 18px; }
#content #contentRight #boxMeerinfo span { background: url('../img/activebudget/bullet_3.png') 5px 7px no-repeat;  display: inline-block; padding-left: 20px; }
#content #contentRight #boxMeerinfo { width: 329px; padding-bottom: 13px; }
#content #contentRight #boxMeerinfo h3 { width: 329px; height: 33px; text-indent: -9988px; }
#content #contentRight #boxMeerinfo #navMeerinfo1 { background: #fdfdfe url("../img/activebudget/nav_meerinfo_1.png") bottom left no-repeat; min-height: 34px; }
#content #contentRight #boxMeerinfo #navMeerinfo2 { background: #f8f9fc url("../img/activebudget/nav_meerinfo_2.png") bottom left no-repeat; min-height: 37px; }
#content #contentRight #boxMeerinfo #navMeerinfo3 { background: url("../img/activebudget/nav_meerinfo_3.png") bottom left no-repeat; min-height: 62px; }
.nl #content #contentRight #boxMeerinfo h3 { background: url('../img/activebudget/box_top_meerinfo.png') top left no-repeat; height: 33px; }
.fr #content #contentRight #boxMeerinfo h3 { background: url('../img/activebudget/box_top_meerinfo_fr.png') top left no-repeat; height: 33px; }
.fr #content #contentRight #boxMeerinfo #navMeerinfo1 { background: #fdfdfe url("../img/activebudget/nav_meerinfo_1_fr.png") bottom left no-repeat; min-height: 36px; }
.fr #content #contentRight #boxMeerinfo #navMeerinfo2 { background: #f8f9fc url("../img/activebudget/nav_meerinfo_2_fr.png") bottom left no-repeat; min-height: 36px; }
.fr #content #contentRight #boxMeerinfo #navMeerinfo3 { background: url("../img/activebudget/nav_meerinfo_3_fr.png") bottom left no-repeat; min-height: 63px; }


/* 
 * FOOTER 
 */
#footer { border-top: solid 1px #dededf; margin: 35px 0 0 0; padding-bottom: 8px; color: #999999; font-size: 9px; display: block; 	clear: both; }
#footer a { color: #0099cc; text-decoration: underline; }

/* 
 * CLEARFIX 
 */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }