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

/* 
 * GENERAL SETTINGS 
 */
* { margin: 0px; padding: 0px; }
body { background: url(../img/batibouw/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; }

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

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

/* 
 * HEADER 
 */
#header { width: 980px; height: 350px; position: relative; }
.nl #header, .en #header { background: url(../img/batibouw/header_bg.jpg) no-repeat; }
.fr #header { background: url(../img/batibouw/header_bg_fr.jpg) no-repeat; }
#header #logo { padding: 0; }
#header #logo #taalkeuze { float: right; padding: 20px 25px 0 0; }
#header #logo #taalkeuze a { color: #666666; 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: #003366; }

#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: 400px; } 
.nl #header #headerContent h2 { background: url("../img/batibouw/intro_title_nl.png") no-repeat; width: 421px; height: 47px; text-indent: -9988px; margin-bottom: 5px; }
.fr #header #headerContent h2 { background: url("../img/batibouw/intro_title_fr.png") no-repeat; width: 455px; height: 47px; text-indent: -9988px; margin-bottom: 5px; }

/* 
 * CONTENT LEFT 
 */
#content { width: 928px; padding: 0px 26px 0px 26px; background: url(../img/batibouw/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/batibouw/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/batibouw/box_gradient.png') repeat-y; padding: 20px 25px 15px 25px; }
/* voordelen */
#content #contentLeft #boxVoordelen li { background: url('../img/batibouw/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/batibouw/box_top_avantages.png') top left no-repeat; }
.nl #content #contentLeft #boxVoordelen h3 { background: url('../img/batibouw/box_top_voordelen.png') top left no-repeat; }
/* voorwaarden */
#content #contentLeft #boxVoorwaarden { background: url('../img/batibouw/box_bottom_voorwaarden.png') bottom left no-repeat; padding-bottom: 11px; width: 559px; margin-bottom: 10px; }
#content #contentLeft #boxVoorwaarden ul { background: url('../img/batibouw/box_gradient_voorwaarden.png') repeat-y; padding: 20px 25px 15px 25px; }
#content #contentLeft #boxVoorwaarden li { background: url('../img/batibouw/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/batibouw/box_top_voorwaarden.png') top left no-repeat; width: 559px; height: 32px; text-indent: -9988px; }
.fr #content #contentLeft #boxVoorwaarden h3 { background: url('../img/batibouw/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/batibouw/box_lenen_nl.png') top left no-repeat; }
.fr #content #contentLeft #btnLenen	{ background: url('../img/batibouw/box_lenen_fr.png') top left no-repeat; }

/* 
 * CONTENT RIGHT 
 */
#content #contentRight 	{ width: 331px; float: right; padding-top: 40px; padding-left: 37px;}
/* simuleer */
#content #contentRight a#btnSimuleer { width: 329px; height: 48px; margin-bottom: 20p; text-indent: -9988px; display: block; }
.nl #content #contentRight a#btnSimuleer { background: url('../img/batibouw/btn_simuleer_nl.png') no-repeat; }
.fr #content #contentRight a#btnSimuleer { background: url('../img/batibouw/btn_simuleer_fr.png') no-repeat; }
/* online aanvragen */
#content #contentRight a#btnVraagaan { width: 329px; height: 48px; margin: 20px 0px 20px 0px; text-indent: -9988px; display: block; }
.nl #content #contentRight a#btnVraagaan { background: url('../img/batibouw/btn_vraagaan_nl.png') no-repeat; }
.fr #content #contentRight a#btnVraagaan { background: url('../img/batibouw/btn_vraagaan_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/batibouw/bullet_3.png') 5px 7px no-repeat;  display: inline-block; padding-left: 20px; }
#content #contentRight #boxMeerinfo { width: 328px; padding-bottom: 13px; }
#content #contentRight #boxMeerinfo h3 { width: 328px; height: 33px; text-indent: -9988px; }
#content #contentRight #boxMeerinfo #navMeerinfo1 { background: #fdfdfe url("../img/batibouw/nav_meerinfo_1.png") bottom left no-repeat; min-height: 35px; }
#content #contentRight #boxMeerinfo #navMeerinfo2 { background: #f8f9fc url("../img/batibouw/nav_meerinfo_2.png") bottom left no-repeat; min-height: 36px; }
#content #contentRight #boxMeerinfo #navMeerinfo3 { background: #eaeef3 url("../img/batibouw/nav_meerinfo_3.png") bottom left no-repeat; min-height: 52px; }
#content #contentRight #boxMeerinfo #navMeerinfo4 { background: #d9e1e9 url("../img/batibouw/nav_meerinfo_4.png") bottom left no-repeat; min-height: 22px; }
.nl #content #contentRight #boxMeerinfo h3 { background: url('../img/batibouw/box_top_meerinfo.png') top left no-repeat; }
.fr #content #contentRight #boxMeerinfo h3 { background: url('../img/batibouw/box_top_plusdinfo.png') top left no-repeat; }

/* 
 * 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; }

/* 
 * OVERLAYER 
 */
#overlayer { z-index: 100; width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; }
#overlayer #overlayerBg { background: url(../img/batibouw/overlayer_bg.png) repeat; width: 100%; height: 100%; }
#overlayer #overlayerBg #overlayerContent { width: 888px; height: 626px; margin-left: -444px; position: absolute; margin-top: -323px; left: 50%; top: 50%; }
#overlayer #overlayerBg #overlayerContent #overlayerContentBg { background: url(../img/batibouw/overlayer_iframe_bg.png) no-repeat; width: 888px; height: 626px; }
#overlayer #overlayerBg #overlayerContent #overlayerContentBg #overlayerIframe { padding: 37px 0px 0px 140px; }
#overlayer #overlayerBg #overlayerContent #overlayerContentBg #btnClose { padding: 80px 0px 0px 790px; }

/* 
 * 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%; }


/* 
 * SETTINGS BATIBOUW 
 */
#content #contentLeft #overzicht #overzichtHeaderTop { background: url('../img/batibouw/top_overzicht.png') top left no-repeat; width: 559px; height: 32px; }
#content #contentLeft #overzicht #overzichtHeaderContent { background: url('../img/batibouw/box_gradient_voorwaarden.png') repeat-y; width: 519px; padding: 0px 20px 15px 20px; }
#content #contentLeft #overzicht a, #content #contentLeft #overzichtTable a { display: inline-block; text-indent: 0px; }
#content #contentLeft #overzichtTable a { color: #004685; font-weight: bold; }
#content #contentLeft #overzichtTable { margin: -30px 0px 20px 0px; width: 559px; display: none; }
#content #contentLeft #overzichtTable .overzichtTableHeader { height: 62px; text-indent: -9988px; }
.nl #content #contentLeft #overzichtTable #overzichtTableLeft .overzichtTableHeader { background: url('../img/batibouw/headerInterestbonificatie.png') no-repeat; width: 280px; }
.nl #content #contentLeft #overzichtTable #overzichtTableRight .overzichtTableHeader { background: url('../img/batibouw/headerEcokrediet.png') no-repeat; width: 279px; }
.fr #content #contentLeft #overzichtTable #overzichtTableLeft .overzichtTableHeader { background: url('../img/batibouw/headerInterestbonificatieFr.png') no-repeat; width: 280px; }
.fr #content #contentLeft #overzichtTable #overzichtTableRight .overzichtTableHeader { background: url('../img/batibouw/headerEcokredietFr.png') no-repeat; width: 279px; }
#content #contentLeft #overzichtTable li { background: url('../img/batibouw/bulletBlue.png') 0px 6px no-repeat; min-height: 17px; padding-left: 23px; line-height: 18px; margin-bottom: 10px; }
#content #contentLeft #overzichtTable .last { border-bottom: none !important; }
#content #contentLeft #overzichtTable #voetnoot { border-top: solid 1px #dededf; margin: 35px 0 0 0; padding-bottom: 8px; color: #999999; font-size: 9px; display: block; clear: both; border: none; }
#content #contentLeft #overzichtTable #overzichtTableLeft .overzichtTableFooter { background: url('../img/batibouw/footerInterestbonificatie.png') no-repeat; height: 14px; }
#content #contentLeft #overzichtTable #overzichtTableRight .overzichtTableFooter { background: url('../img/batibouw/footerEcokrediet.png') no-repeat; height: 14px; }
#content #contentLeft #overzichtTable #overzichtTableLeft, #content #contentLeft #overzichtTable #overzichtTableRight { float: left; width: 278px; }
#content #contentLeft #overzichtTable #overzichtTableLeft .overzichtTableContent { padding-left: 1px; margin-left: 1px; background-color: #8aa2b6; }
#content #contentLeft #overzichtTable #overzichtTableRight .overzichtTableContent { padding-right: 1px; background-color: #8aa2b6; }
#content #contentLeft #overzichtTable #overzichtTableLeft .overzichtTableContent div { background-color: #ddd; border-bottom: solid 1px #fff; padding: 10px; }
#content #contentLeft #overzichtTable #overzichtTableRight .overzichtTableContent div { background-color: #adc2c9; border-bottom: solid 1px #fff; padding: 10px; }

#footer #footerTable { display: none; }

/* overlayer artikel */
#overlayerArtikel { z-index: 100; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
#overlayerArtikel #overlayerBgArtikel { background: url(../img/batibouw/overlayer_bg.png) repeat; width: 100%; height: 100%; }
#overlayerArtikel #overlayerBgArtikel #overlayerContentArtikel { width: 888px; height: 626px; margin-left: -444px; position: absolute; margin-top: -323px; left: 50%; top: 50%; }
#overlayerArtikel #overlayerBgArtikel #overlayerContentArtikel #overlayerContentBgArtikel { background: url(../img/batibouw/overlayer_iframe_bg.png) no-repeat; width: 888px; height: 626px; }
#overlayerArtikel #overlayerBgArtikel #overlayerContentArtikel #overlayerContentBgArtikel #overlayerContentArtikel { padding: 120px 0px 0px 140px;  }
#overlayerArtikel #overlayerBgArtikel #overlayerContentArtikel #overlayerContentBgArtikel #overlayerContentArtikel div { height: 430px; width: 600px; overflow: auto; }
#overlayerArtikel #overlayerBgArtikel #overlayerContentArtikel #overlayerContentBgArtikel #btnCloseArtikel { padding: 80px 0px 0px 790px; }