/* Rentebarometer (333)
-----------------------------------------------------------------------------*/

.rentegedaald{background: url(../Images/Rentebarometer/RenteGezakt.gif) no-repeat left top;padding: 3px 0 9px 23px;}
.rentegestegen{background: url(../Images/Rentebarometer/RenteGestegen.gif) no-repeat left top;padding: 3px 0 9px 23px;}
.rentegelijk{background: url(../Images/Rentebarometer/RenteGelijk.gif) no-repeat left top;padding: 3px 0 9px 23px;}

.rentegedaaldb{background: url(../Images/Rentebarometer/RenteGezakt.gif) no-repeat right top;padding: 0 23px 0 0;}
.rentegestegenb{background: url(../Images/Rentebarometer/RenteGestegen.gif) no-repeat right top;padding: 0 23px 0 0;}
.rentegelijkb{background: url(../Images/Rentebarometer/RenteGelijk.gif) no-repeat right top;padding: 0 23px 0 0;}

#rentebarometergrafiek1{
	background:url(../Images/Rentebarometer/Rentebarometer2c.gif) no-repeat;
	width:122px;
	height:389px;
}

#rentebarometergrafiek1deel1{height:300px;}
#rentebarometergrafiek1deel1inhoud{background:url(../Images/Rentebarometer/Rentebarometer1c.gif) no-repeat;}

#rentebarometergrafiek1deel2 #rbq{
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
}

#rentebarometergrafiek1deel2 #rbr{
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0;
}

/* datatable */

table.datatable{
    width: 100%;
    border-collapse: collapse;
    border-style:none;
    font-size:10px;
    margin:12px 0 0 0;
}    
table.datatable caption{
	display:none;
}
table.datatable th{
    padding:4px;
    text-align:left;
}

table.datatable tr.mainrow{ /* rijen met jquery collapse functie */
	cursor:hand;
}

table.datatable tr.mainrow td.first{ /* rijen met jquery collapse functie */
	background:url(../Images/Bullets/bullet_add.png) no-repeat left 4px;
}

table.datatable tr td{
    padding: 6px;
    vertical-align:top;
    text-align:left;
    border-top: solid 1px #c7c2ba;
}
table.datatable tr.even td{}
table.datatable tr.odd td{}

table.datatable tr.even td.bold,
table.datatable tr.odd td.bold{
    font-weight:bold;
}

/* Profielvergelijker: tab: leeftijd */

/*******************************************************************************************/
/* Let op: een aantal waarden worden via het javascript FunctionsGraphs.js overschreven !! */
/*******************************************************************************************/


/* Leeftijd */
/* -------- */

#graphwrapperstarterscanleeftijd{
    width: 400px;
    background:url(../images/Profielvergelijker/GraphGrid_v2_2.gif) bottom left;
}
#graphwrapperstarterscanleeftijd,#graphtablestarterscanleeftijd{
    height:400px;
}


.graphtablestarterscanleeftijdbarcontainer{
    padding: 0 29px 7px 0;
}

.graphtablestarterscanleeftijdbar{
    color:#fff;
    font-size:1px;  /* niet veranderen -> bug in IE6, de minimumhoogte in IE6 = hoogte van de font in de balk -> de fontsize wordt via graphtablestarterscanleeftijdbartext aangepast */
    font-weight:bold;
    text-align:center;
}
.graphtablestarterscanleeftijdbartext{
	font-size: 10px;
}

#graphtablestarterscanleeftijdyaxis{
    width:74px;
    padding-bottom:13px;
}

#graphstarterscanleeftijdxaxis{
	padding: 0 0 18px 60px;
}

#graphstarterscanleeftijdxaxis .xaxisleeftijd{
    width:59px;
    height:30px;
    float:left;
    text-align:center;
}

#graphlegendleeftijd{
	padding: 0 0 36px 40px;
}

#graphlegendleeftijd .legendbox{
	float:left;
	width:11px;
	height:11px;
	/* background wordt in div via style gezet */
}

#graphlegendleeftijd .legenddescription{
	float:left;
	padding: 0 6px;
}

/* Leenbedrag */
/* ---------- */

#graphwrapperstarterscanleenbedrag{
    width: 397px;
    background:url(../images/Profielvergelijker/GraphGrid_v2_3.gif) bottom left;
}
#graphwrapperstarterscanleenbedrag,#graphtablestarterscanleenbedrag{
    height:310px;
}


.graphtablestarterscanleenbedragbarcontainer{
    padding: 0 2px 7px 0;
}

.graphtablestarterscanleenbedragbar{
    color:#fff;
    font-size:1px;  /* niet veranderen -> bug in IE6, de minimumhoogte in IE6 = hoogte van de font in de balk -> de fontsize wordt via graphtablestarterscanleenbedragbartext aangepast */
    font-weight:bold;
    text-align:center;
}

.graphtablestarterscanaankoopbedragbarcontainer{
    padding: 0 10px 7px 0;
}

.graphtablestarterscanaankoopbedragbar{
    color:#fff;
    font-size:1px;  /* niet veranderen -> bug in IE6, de minimumhoogte in IE6 = hoogte van de font in de balk -> de fontsize wordt via graphtablestarterscanleenbedragbartext aangepast */
    font-weight:bold;
    text-align:center;
}

.graphtablestarterscanleenbedragbartext{
	font-size: 10px;
}

#graphtablestarterscanleenbedragyaxis{
    width:97px;
    padding-bottom:13px;
}

#graphstarterscanleenbedragxaxis{
	padding: 0 0 18px 98px;
}

#graphstarterscanleenbedragxaxis .xaxisleenbedrag{
    width:68px;
    height:30px;
    float:left;
    text-align:center;
}

#graphlegendleenbedrag{
	padding: 0 0 36px 40px;
}

#graphlegendleenbedrag .legendbox{
	float:left;
	width:11px;
	height:11px;
	/* background wordt in div via style gezet */
}

#graphlegendleenbedrag .legenddescription{
	float:left;
	padding: 0 6px;
}


/* Looptijd */
/* -------- */

#graphwrapperstarterscanlooptijd{
    width: 400px;
    background:url(../images/Profielvergelijker/GraphGrid_v2_2.gif) bottom left;
}
#graphwrapperstarterscanlooptijd,#graphtablestarterscanlooptijd{
    height:310px;
}


.graphtablestarterscanlooptijdbarcontainer{
    padding: 0 20px 7px 0;
}

.graphtablestarterscanlooptijdbar{
    color:#fff;
    font-size:1px;  /* niet veranderen -> bug in IE6, de minimumhoogte in IE6 = hoogte van de font in de balk -> de fontsize wordt via graphtablestarterscanlooptijdbartext aangepast */
    font-weight:bold;
    text-align:center;
}
.graphtablestarterscanlooptijdbartext{
	font-size: 10px;
}

#graphtablestarterscanlooptijdyaxis{
    width:74px;
    padding-bottom:13px;
}

#graphstarterscanlooptijdxaxis{
	padding: 0 0 18px 66px;
}

#graphstarterscanlooptijdxaxis .xaxislooptijd{
    width:50px;
    height:30px;
    float:left;
    text-align:center;
}

#graphlegendlooptijd{
	padding: 0 0 36px 40px;
}

#graphlegendlooptijd .legendbox{
	float:left;
	width:11px;
	height:11px;
	/* background wordt in div via style gezet */
}

#graphlegendlooptijd .legenddescription{
	float:left;
	padding: 0 6px;
}


/* Leenformule */
/* ----------- */

#graphwrapperstarterscanleenformule{
    width: 400px;
    background:url(../images/Profielvergelijker/GraphGrid_v2_2.gif) bottom left;
}
#graphwrapperstarterscanleenformule,#graphtablestarterscanleenformule{
    height:310px;
}


.graphtablestarterscanleenformulebarcontainer{
    padding: 0 29px 7px 0;
}

.graphtablestarterscanleenformulebar{
    color:#fff;
    font-size:1px;  /* niet veranderen -> bug in IE6, de minimumhoogte in IE6 = hoogte van de font in de balk -> de fontsize wordt via graphtablestarterscanleenformulebartext aangepast */
    font-weight:bold;
    text-align:center;
}
.graphtablestarterscanleenformulebartext{
	font-size: 10px;
}

#graphtablestarterscanleenformuleyaxis{
    width:74px;
    padding-bottom:13px;
}

#graphstarterscanleenformulexaxis{
	padding: 0 0 18px 75px;
}

#graphstarterscanleenformulexaxis .xaxisleenformule{
    width:120px;
	padding-right:29px;
    height:30px;
    float:left;
    text-align:center;
}

#graphlegendleenformule{
	padding: 0 0 36px 40px;
}

#graphlegendleenformule .legendbox{
	float:left;
	width:11px;
	height:11px;
	/* background wordt in div via style gezet */
}

#graphlegendleenformule .legenddescription{
	float:left;
	padding: 0 6px;
}

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