/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #dbeffa url(/images/bg01.jpg) repeat-x; font: 13px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #016878; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a img { border: none; }

/* general
------------------------------------------------------------------*/
/*h2 { font-size: 12px; color: #ffbe2b; }*/
h2 { color: #E2770F; font-size: 16px; line-height: 20px; font-weight: bold; margin: 0 0 15px 0; }

ul, ol { margin: 0 0 14px 16px; }
p { margin: 0 0 14px 0; }
a { font-weight: bold; color: #016878; }
a:hover { color: #000; }
input, textarea, select { font-size: 13px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { /*border: red 1px solid;*/ width: 1000px; margin: 0 auto; background: url(/images/bg_swoosh.jpg) no-repeat 0 52px; }
#header { /*border: green 1px solid;*/ position: relative; width: 920px; /*min-height: 150px;*/ margin: 15px auto 0 auto; padding: 10px; background-color: #FFFFFF; }
#middle { /*border: blue 1px solid;*/ width: 940px; min-height: 100px; margin: 0 auto; /*background: url(/images/bg_leftmenu.gif) repeat-y;*/ }
#middle #leftmenu { /*border: red 1px solid;*/ float: left; width: 188px; min-height: 95px;/* margin: 0 30px 0 0;*/ margin: 0; padding: 10px 40px 10px 10px; }
#middle #content { /*border: green 1px solid;*/ position: relative; float: left; width: 682px; /*min-height: 80px;*/ padding: 10px; background-color:#FFFFFF; margin:0;}
#footer { /*border: red 1px solid;*/ width: 920px; /*height: 30px;*/ margin: 0 auto; padding: 10px; background-color: #FFFFFF; }

/* header
------------------------------------------------------------------*/
#header h1 { position: absolute; top: 36px; left: 240px; font-size: 30px; line-height: 34px; font-weight: bold; }

/* content
------------------------------------------------------------------*/
#loginblokbinnen { margin: 15px 0 0 0; }
#loginblokbinnen input { width: 120px; height: 32px; margin: 0 0 0 120px; background: #016878; color: #fff; border: none; }
#loginblokbinnen div { margin: 0 0 5px 0; }
#loginblokbinnen div label { clear: left; float: left; width: 120px; }
#loginblokbinnen div input { margin: 0; width: 300px; height: 18px; background: none; border: #ccc 1px solid; color: #000; }

#call2action { /*border: red 1px solid;*/ position: relative; margin: 0 auto; padding: 10px 30px 0 20px; background: url(/images/bg_call2action.gif) repeat-y; text-align: center; font-size: 18px; line-height: normal; color: #FFF; font-weight: normal; }
#call2action { padding: 0; background: none; }
#call2action p { font-size: 12px; color: #016878; }
#call2action a.button {  display: block; width: 108px; margin: 4px auto; padding: 6px 6px; background: url(/images/bg_button_home_comp.gif) no-repeat; font-size: 17px; color: #fff; text-decoration: none; }
#call2action a:hover.button { color: #000; }
#call2action #time30 a.button { margin-left: 60px; }

#call2action #blocks { position: relative; height: 150px; }
#call2action .comparezBlock { /*border: red 1px solid;*/ display: inline; float: left; width: 225px; height: 130px; padding: 10px 15px 10px 10px; background: url(/images/bg_comparezBlock_home.png) no-repeat; overflow: visible; }
#call2action .comparezBlock h2 { margin: 0 0 8px; color: #016878; font-size: 18px; font-weight: bold; }
#call2action .comparezBlock p { margin: 0; font-size: 16px; color: #E2770F; }
#call2action .comparezBlock p.duration { font-size: 24px; font-weight: bold; color: #016878; }
#call2action #time30 { margin: 0 30px 0 70px; background: url(/images/bg_30sec.png) no-repeat; }
#call2action #time30 { margin-left: 65px; }
#call2action #time4 {/* top: 0; left: 350px;*/ }

#comparezstart #call2action div.tooltip_content { position: absolute; float: none; width: 230px; height: 80px; margin: 0; padding: 5px; background: url(/images/transparent.gif) repeat; }
#comparezstart #call2action div.tooltip_content ul { list-style-type: none; }
#comparezstart #call2action #time30 div.tooltip_content {  top: 0; left: 70px; }
#comparezstart  #call2action #time4 div.tooltip_content { top: 0; left: 350px; }
#comparezstart .tooltip { font-size: 12px; color: #000; text-align: left; }
#comparezstart .tooltip ul { margin-bottom: 0; list-style-type: disc; }

p.comparez_texte_profile { text-align: center; }

a.profileContinue { display: inline; float: left; width: 375px; height: 37px; margin: 0 0 0 75px; padding: 15px 60px 0 15px; text-decoration: none; background: url(/images/bg_profile.gif) no-repeat; text-align: center; cursor: pointer; }
a:hover.profileContinue { color: #FFF; background: url(/images/bg_profile_hover.gif) no-repeat; }
a.profilesTooltip { position: relative; float: left; width: 15px; height: 15px; margin: 16px 0 0 0; padding: 0; background: url(/images/tooltip.gif) no-repeat; text-indent: -9999px; }
a.profilesTooltipAct,
a.profilesTooltip:hover { background: url(/images/tooltip_hover.gif) no-repeat; }
.profilesTooltipContent { clear: both; }
.profilesTooltipContent p { width: 445px; margin: 0 0 10px 75px; color: #000; }

#content fieldset label { clear: left; float: left; width: 150px; color: #000; }

#prevNext { height: 50px; margin: 5px 0 0 0; }

button#precedent,
button#suivant,
a#imprimer,
a#precedent,
a#email { color: #e2770f; border: 0; font-size: 16px; font-weight: normal; background: #FFF; margin: 0; padding: 0; width: auto; }

a#precedent { text-decoration: none; padding: 4px; margin: 2px; background: url(/images/bg_precedent_wit.gif) no-repeat; width: 105px; height: 32px; padding: 15px 0 0 55px; position: absolute; left: 0; /*left: -26px;*/ }
button:hover#precedent,
a:hover#precedent { color: #FFF; background: url(/images/bg_precedent_wit_hover.gif) no-repeat; }

button#precedent { text-decoration: none; cursor:pointer; padding: 4px; background: url(/images/bg_precedent_wit.gif) no-repeat; width: 160px; height: 47px; padding: 0 0 5px 30px; position: absolute; left: 0; /*left: -26px;*/  }

button#suivant { background: url(/images/bg_suivant_wit.gif) no-repeat; cursor: pointer; width: 140px; height: 47px; padding: 5px 30px 0 0; position: absolute; right: 0; /*right: -26px;*/ }
button:hover#suivant,
a:hover#suivant { color: #FFF; background: url(/images/bg_suivant_hover.png) no-repeat; }

a#imprimer { text-decoration: none; background: url(/images/bg_imprimer_wit.gif) no-repeat; color: #549c4d; text-align: right; width: 90px; height: 32px; padding: 15px 50px 0 0; position: absolute; right: 0; /*right: -26px;*/ }
a:hover#imprimer { color: #FFF; background: url(/images/bg_imprimer_hover.png) no-repeat; }

a#email { text-decoration: none; background: url(/images/bg_email.png) no-repeat; color: #549c4d; text-align: right; width: 145px; height: 32px; padding: 15px 55px 0 0; position: absolute; right: 0; /*right: -26px;*/ }
a:hover#email { color: #FFF; background: url(/images/bg_email_hover.png) no-repeat; }

.error { background: #FFE2E2; color: red; padding: 2px; }

#comp_fraisBlock { width: 652px; margin: 0 auto 10px auto; }
.comp_frais_top { width: 652px; height: 15px; background: url(/images/bg_comp_frais_top.gif) no-repeat; overflow: hidden; }
.comp_frais_midden { position: relative; width: 646px; min-height: 45px; padding: 0 3px; background: url(/images/bg_comp_frais.gif) repeat-y; }
/*.comp_frais_midden p { margin: 0; padding: 0 20px 0 240px; font-size: 14px; text-align: center; }
.comp_frais_midden p#comp_frais_moins_chere { margin: 2px 0; padding: 2px 20px 2px 240px; background: #d3edfa; }
.comp_frais_midden span.frais { font-size: 18px; line-height: 26px; font-weight: bold; white-space: nowrap; }*/
.comp_frais_midden table { width: 416px; margin: 0 20px 0 210px; }
.comp_frais_midden td { padding: 2px; vertical-align: bottom; text-align: right; font-size: 14px; }
.comp_frais_midden td.frais { font-size: 18px; font-weight: bold; white-space: nowrap; }
.comp_frais_midden td.eco_potentielle { background: #C83737; color: #fff; }
.comp_frais_midden td.eco_potentielle_txt { color: #c83737; }
.comp_frais_bottom { width: 652px; height: 15px; background: url(/images/bg_comp_frais_bottom.gif) no-repeat; }
.comp_frais_midden img { position: absolute; top: 0; left: 10px; width: 200px; }

#goOffers {margin-top: 10px; /*30px*/ /*font-size: large;*/ font-size: large; }
#goOffers p {text-align: center;margin-top: 20px;}

#goOffers .comparez_link_blok p { font-size: medium; margin:0; }
#goOffers .comparez_link_blok a { display: block; width: 200px; height: 36px; background: url(/images/bg_cliquez_2.gif) no-repeat; color: #fff; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; }

.comparez_link_blok { float: left; width: 200px; margin: 0 20px 0 0; }
#goOffers #last { margin-right: 0; }
#content .comparez_link_blok input { display: block; margin: 5px 0 0 25px; }

#concernerblock { position: absolute; top: 80px; right: 0; width: 150px; }
.lbl_concerner { font-size: 10px; }

/* steps
------------------------------------------------------------------*/
#progresswrap { /*display: none;*/ position: relative; float: none; /*border: red 1px solid;*/ width: 702px; margin-top: -10px; left: -10px; padding: 15px 0 0 0; background: #b3e0f5; }

#contentTopSteps { /*border: red 1px solid;*/ overflow: hidden; display: block; margin: 0 auto; /*width: 702px;*/ height: 12px; }
#contentTopSteps { background: url(/images/content_top_steps.gif) no-repeat; height: 56px; }

#steps { padding: 10px 0 0 10px; }
#steps li { display: block; float: left; width: auto; margin: 0 5px 0 0; padding: 6px 0 5px 10px; background: url(/images/bg_etape.gif) no-repeat 0 0; color: #10a8c0; font-size: 14px; }
#steps li:hover { }
#steps li span { padding: 0 12px 0 0; background: url(/images/steps_icon.gif) no-repeat right; }
#steps li span.nr { background: none; font-weight: bold; }
#steps li.active,
#steps li.completed { background: url(/images/bg_etape_active.gif) no-repeat 0 0; color: #016878; }
#steps li.active span,
#steps li.completed span { background: none; padding: 0 5px 0 0; }
#steps li.active span.nr { padding: 0 12px 0 0; }
#steps li a { color: #016878; font-weight: normal; text-decoration: none; }
#steps li a:hover { color: #000; }
#steps li.results { background: none; padding-left: 0; }

/* progressbar
------------------------------------------------------------------*/
#progressbar { position: relative; width: 652px; height: 18px; margin: 0 auto; background: #8bd7e4; }
#percentage { position: absolute; top: 0; left: 0; width: 632px; padding: 1px 0 0 20px; font-size: 10px; font-weight: bold; color: #fff; }
#percentage span { display: block; float: left; width: 145px; }
#percentage span.last { width: 50px; }
#progress { position: absolute; top: 0; left: 0; height: 18px; background: #12a8c1; }
#progressbar #corner-left { position: absolute; top: 0; left: 0; width: 14px; height: 15px; background: url(/images/corner_left.png) no-repeat; }
#progressbar #corner-right { position: absolute; top: 0; right: 0; width: 14px; height: 15px; background: url(/images/corner_right.png) no-repeat; }
#progressbar h2 { position: absolute; top: -15px; left: 0; width: 652px; text-align: center; font-size: 16px; color: #3b3b3b; }

/* offres
------------------------------------------------------------------*/
.offre,
.offreBest { text-align: center; background: #fef7e9; }
.offreBest,
.offreSelected { background: #f2fbf6; }
.offre h1,
.offreBest h1 { background: #f1b429 url(/images/bg_h1offre.gif) repeat-x; color: #FFF; font-size: 16px; line-height: 20px; text-align: center; margin: 0; }
.offreBest h1 { background: #4cb885 url(/images/bg_h1offrebest.gif) repeat-x; }
.offre strong,
.offreBest strong { font-size: 18px; color: #e0760f; }
.offreBest strong { color: #339768; }
.offre a,
.offreBest a { font-weight: normal; }

.fraisNew,
.promo { width: 158px; }
p.packageBanque { font-size: 10px; line-height: 12px; margin: 0 0 10px 0; } 

/*#offresHorizontal { display: none; }*/
#offresHorizontal { margin: /*5px*/ 0 0 0 0; }
#offresHorizontal table { width: 662px; }
#offresHorizontal table td { border: #fff 2px solid; }
#offresHorizontal .offre,
#offresHorizontal .offreSelected,
#offresHorizontal .offreBest { /*min-height: 250px; width: 158px;*/ float: left; margin: 0 5px 0 0; }
#offresHorizontal .offreSelected { min-height: 229px; }
#offresVertical .offre,
#offresVertical .offreBest { width: 100%; margin: 0 0 15px 0; }
#offresHorizontal #relations td { width: 163px; }
#offresHorizontal #savings { text-align: center; }

#offresHorizontal td.souscrire a { background: url(/images/bg_souscrire.gif) no-repeat; display: block; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; padding: 25px 20px; width: 120px; height: 39px; color: #FFF; }
#offresHorizontal .offreBest td.souscrire a { background: url(/images/bg_souscrire_best.gif) no-repeat; }
#offresVertical p.souscrire a { display: block; font-size: 18px; font-weight: bold; padding: 20px; color: #e0760f; }
#offresVertical .offreBest p.souscrire a { color: #339768; }
#offresHorizontal td.souscrire a:hover,
#offresVertical p.souscrire a:hover { color: #000; }

#waitforresult { /*border: red 1px solid;*/ position: absolute; top: 0; left: 0; width: 702px; height: 700px; padding-top: 50px; text-align: center; font-size: 14px; background: #FFF; color: red; z-index: 99;  }
#waitforresult img { float: none; margin: 20px auto 0 auto;}

td.banqueLogo { width: 160px; background: #fff; border-bottom: 3px solid #FFF; height: 80px;/*100px*/ }
#content td img { float: none; margin: 0; }

td.etudier,
td.parler,
td.rencontrer,
td.souscrire_en_ligne { background-color: #FFF; } 
td.etudier a,
td.parler a, td.rencontrer a, td.souscrire_en_ligne a { display: block; width: 140px; height: 53px; margin-left: 10px; }
td.etudier a { background: url(../images/etudier_1.png) no-repeat; }
td.etudier a:hover { background: url(../images/etudier_2.png) no-repeat; }
td.parler a { background: url(../images/parler_1.png) no-repeat; }
td.parler a:hover { background: url(../images/parler_2.png) no-repeat; }
td.rencontrer a { background: url(../images/rencontrer_1.png) no-repeat; }
td.rencontrer a:hover { background: url(../images/rencontrer_2.png) no-repeat; }
td.souscrire_en_ligne a { background: url(../images/souscrire_1.png) no-repeat; }
td.souscrire_en_ligne a:hover { background: url(../images/souscrire_2.png) no-repeat; }

#offresVertical table { width: 100%; }
#offresHorizontal td,
#offresVertical td { vertical-align: middle; text-align: center; }
td p { margin: 0; padding: 5px 0; }
#offresHorizontal td.promo,
#offresVertical td.promo { background: #FFF; vertical-align: top; color: #f91c2b; font-weight: bold; line-height: 14px; }
#offresHorizontal .promo span,
#offresVertical .promo span { font-size: 24px; }
#offresHorizontal .promo img,
#offresVertical .promo img { display: block; margin: 5px auto; }
#offresVertical td { border-right: 3px solid #FFF; }
#offresHorizontal td { border-bottom: 3px solid #FFF; }
#offresHorizontal td.souscrire { background: #FFF; }

#offresVertical .banqueLogo { width: 158px; }
#offresVertical .fraisNew,
#offresVertical .promo { border-bottom: 0; }

#offresHorizontal .fraisNew { height: 60px; /*120px*/ }
#offresHorizontal .promo,
#offresHorizontal .offreSpecs { height: 150px;/*190px*/ }

#offresHorizontal .promo div { /*height: 160px; overflow: hidden;*/ }
#offresHorizontal .promo p { font-size: 12px; font-weight: normal; font-style: italic; }

#offresVertical td.banqueLogo { height: auto; border-bottom: 0; }

#plusOffres { text-align: center; font-weight: bold; }
#plusOffres input { width: 20px; }
#plusOffres button { background: url(/images/bg_btn_orange.gif) no-repeat; color: #FFF; border: 0; padding: 0; margin: 0 5px; width: 25px; height: 24px; font-size: 24px; line-height: 24px; }

a.more { background: url(/images/arrow_orange.gif) no-repeat 0 3px; padding: 0 0 0 10px; text-decoration: none; font-size: 12px; color: #e0760f; }
.offreBest a.more,
.offreSelected a.more { background: url(/images/arrow_green.gif) no-repeat 0 3px; color: #339768; }
a:hover.more { color: #000; text-decoration: underline; }


.plus { clear: both; margin: 10px 0 0 0; text-align: center; }
.plus a { padding-right: 20px; }

/* graphs
------------------------------------------------------------------*/
#graphs {clear: both;padding-top: 30px;}
#graphs h2 { margin: 0; text-align: center; }
#graphs img {float: none; margin: 0; }
#graphs .ladderTable {margin: 20px auto;}
#graphs .ladderTable td.header {padding-bottom: 25px; text-align: center;}
#graphs .ladderTable td.right {padding-left: 20px;}
#graphs .ladderTable td.left { vertical-align: middle; }
#graphs .ladderTable td.left img {display: inline; /*padding-top: 5px;*/}

#graphs .compTable {margin: 20px auto;}
#graphs .compTable td {padding: 10px; background-color: #FFFFFF;}
#graphs .compTable .headerRow {background: #CAE8EA url(/images/bg_header.jpg) no-repeat; border-top: 1px solid #C1DAD7;}
#graphs .compTable .first {border-left: 1px solid #C1DAD7;}
#graphs .compTable .last {border-right: 1px solid #C1DAD7;}
#graphs .compTable .subtotalRow {background-color: #F5FAFA; font-weight: bold; border-top: 1px solid #C1DAD7; }
#graphs .compTable .totalRow {background-color: #C83737; color: #FFFFFF; font-weight: bold; border: 1px solid #C1DAD7;}
#graphs .compTable .newGroupRow {background-color: #CAE8EA; border-top: 1px solid #C1DAD7; border-left: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7; font-weight:bold; font-style:italic;}
.nowrap { white-space: nowrap; }

/*==================== gedeelte qb_question.css ===========================*/

/* -- dubbele definiering is nodig voor front & admin, niet verwijderen -- */

fieldset#banquefield label { display: block; float: left; font-weight: bold; width: 320px; }

#content fieldset#result,
fieldset#result { border-top: 1px solid #FFF; background: #FFF; border-bottom: 1px solid #dbeffa; font: 13px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #016878; padding: 10px 0; position: relative; margin: 0; }

#content fieldset#result div,
fieldset#result div { /*border: red 1px solid;*/ display: block; float: left; clear: both; /*width: 100%;*/ width: 678px; margin: 0 0 3px 0; }

#content fieldset#result label,
fieldset#result label { color: #000; /*#016878*/ display: block; float: left; clear: left; /*width: auto;*/ width: 400px; font-weight: normal; padding-right: 10px; font-size: 12px; text-align: left; }
#content fieldset#result label.shortLabel,
fieldset#result label.shortLabel { width: 150px; }

#content fieldset#persoonsgegevens label { width: 170px; }
#comparez_nom input,
#comparez_prenom input,
#comparez_lieu input,
#comparez_rue input { width: 350px; }

fieldset#result legend { display: none; }

/* tooltip
------------------------------------------------------------------*/
#content fieldset#result div.question,
fieldset#result div.question { display: block; /*position: relative; top: -10px; padding: 0 3px;*/ font-weight: bold; }
#content fieldset#result div.question span,
fieldset#result div.question span { float: left; width: auto; background: #FFF; }

/*fieldset#result div.tooltip_content { position: relative; clear: none; float: left; width: 15px; height: 15px; margin: 0 5px 0 0; background: url(/images/tooltip.gif) no-repeat; text-indent: -9999px; }*/

fieldset#result div.tooltip_content,
#content fieldset#result div.tooltip_content,
#content fieldset#result2 div.tooltip_content,
div.tooltip_content { position: relative; clear: none; float: left; width: 15px; height: 15px; margin: 0 0 0 5px; padding: 0; background: url(/images/tooltip.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
.tooltip { overflow:hidden; width: 300px; padding: 2px; background: #FFF; text-indent: 0px; z-index: 150; border: 1px solid #3b3b3b; }
.tooltip p { margin: 0; padding: 0; font-size: 11px; line-height: 15px; color: #3b3b3b; }
#profilesTooltip { margin: 10px 0 0 0; overflow: hidden; }

/* -------- */

fieldset#result .value, 
fieldset#result input, fieldset#banquefield input,
fieldset#result select, fieldset#banquefield select,
fieldset#result textarea, fieldset#banquefield textarea { background: #FFF; display: inline; float: none; margin: 0 2px 2px 0; border: 1px solid #40b9cd; }
fieldset#result textarea { overflow: auto; }
fieldset#result select { width: auto; }

/*#content fieldset#result div.verticallist div,
fieldset#result div.verticallist div { display: block; }
fieldset#result div.verticallist input { }
fieldset#result div.verticallist label { float: none; clear: none; width: auto; }*/

fieldset#banquefield input.radio,
fieldset#result input.radio { border: 0; }

fieldset#banquefield div { padding: 2px 0; overflow: hidden; }

#content fieldset#conditions { font-size: 11px; line-height: normal; clear: both; padding: 0; color: #40b9cd; padding: 0 0 5px 0; }
#content fieldset#conditions a { font-weight: normal; }
#content fieldset#conditions input { width: auto; display: inline; float: left; clear: none; border: 0; }
#content fieldset#conditions label { width: 630px; display: inline; float: left; clear: none;  color: #016878; }