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


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:424px;
width:508px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h2{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}

/************/
/*** body ***/
/************/
*{ margin:0px; padding:0px;}
body { background:#e9e9e9 url(/images/bg.png) repeat-x top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#001f3f;}
img { border:0px;}
.clear { clear:both;}



/***************/
/*** wrapper ***/
/***************/
.wrapper { width:968px; margin:0 auto;}



/**************/
/*** header ***/
/**************/
.header { position:relative; width:968px; height:64px;}
.header h1 { position:absolute; right:0px; top:0px; background:url(/images/h1_logo.png) no-repeat 0px 5px; width:328px; padding:0px 0px 0px 50px;}
.header h1.nv { display:none;}
.header h1.org { width:230px;}

     /*** menubar ***/
	 .menubar { margin:0px; padding:16px 0px 0px 0px;}
	 .menubar ul { margin:0px; padding:0px; list-style:none;}
	 .menubar ul li { float:left; margin:0px 10px 0px 0px;}
	 .menubar ul li a { background:url(/images/menubar_bullit.png) no-repeat 0px 9px; color:#243100; font-size:16px; font-weight:bold; text-decoration:none; padding:0px 0px 0px 12px; letter-spacing:-1px;}
	 .menubar ul li a.first { background:none; padding:0px;}
     .menubar ul li.active a, .menubar ul li a:hover { color:#FFF;}


/**************/
/*** topBox ***/
/**************/
.topBox { position:relative; background:url(/images/topBox_bg.png) no-repeat; width:965px; height:266px; padding:4px 0px 0px 3px;}
.topBox p.sub { position:absolute; left:295px; top:0px; width:300px; color:#cbcbcb; font-size:22px; font-weight:bold; text-align:center;}

     /*** topRente ***/
	 .topBox ul { width:295px; margin:0px; padding:0px; list-style:none;}
	 .topBox ul li { float:left; margin:0px 0px 3px 0px;}
	 .topBox ul li a { position:relative; display:block; background:url(/images/topBox_rentetop.png); width:195px; height:47px; color:#b9b9b9; font-size:14px; font-weight:bold; text-decoration:none; text-align:center; padding:3px 0px 0px 100px;}
	 .topBox ul li a:hover { color:#000;}
	 .topBox ul li a span { position:absolute; left:7px; top:16px; cursor:pointer;}
	 .topBox ul li a img {}
	 
	 /*** vrouw ***/
	 .vrouw { position:absolute; left:373px; bottom:0px; background:url(/images/topBox_vrouw.png); width:135px; height:203px;}
	 .topBox a.key { position:absolute; display:block; width:83px; color:#cbcbcb; font-size:14px; font-style:italic; font-weight:bold; text-decoration:none; text-align:center;}
	 .topBox a.key:hover { color:#000;}
	 .topBox a.een { left:297px; top:232px;}
	 .topBox a.twee { left:310px; top:170px;}
	 .topBox a.drie { left:335px; top:110px;}
	 .topBox a.vier { left:485px; top:90px;}
	 .topBox a.vijf { left:498px; top:150px;}
	 .topBox a.zes { width:95px; left:485px; top:229px;}
	 .topBox a.zeven { width:370px; left:595px; top:225px;}



/***************/
/*** content ***/
/***************/
.content { background:#FFF url(/images/content_bg.png) repeat-y left; width:968px; margin:3px 0px 0px 0px;}
.topHolder { background:url(/images/topHolder_bg.png) no-repeat top; width:968px;}
.sidebar { float:left; width:250px; display:inline;}
.contentvak { float:right; width:717px; display:inline;}
.contentBottom { background:url(/images/content_bottom.png) no-repeat; width:968px; height:7px;}


     /*** berekenen ***/
	 .berekenen { width:250px; height:150px; border-bottom:1px solid #FFF;}
	 .berekenen h2 { display:none;}
	 .berekenen fieldset { position:relative; width:250px; height:151px; border:none;}
	 .berekenen input#inkomen { position:absolute; left:20px; bottom:11px; width:185px; color:#000; border:1px solid #FFF;}
	 .berekenen input#submit { position:absolute; right:7px; bottom:6px;}
	 .berekenen p { position:absolute; left:12px; bottom:10px;}
	 
	 /*** sidebarItem ***/
	 .sidebarItem { float:left; width:249px; border-left:1px solid #FFF; display:inline;}
	 .sidebarItem h2 { background:url(/images/sidebarItem_green_h2_bg.png) no-repeat; height:34px; color:#FFF; font-size:18px; padding:7px 0px 0px 10px;}
	 .sidebarItem h2.blue { background:url(/images/sidebarItem_blue_h2_bg.png) no-repeat;}
	 .sidebarItem ul { width:249px; margin:0px; padding:0px; list-style:none;}
	 .sidebarItem ul li { float:left; border-bottom:1px solid #FFF; display:inline;}
	 .sidebarItem ul li a { display:block; background:url(/images/sidebarItem_li_bg.png) no-repeat; width:227px; height:23px; color:#243100; text-decoration:none; padding:6px 0px 0px 22px;}
	 .sidebarItem ul li a:hover { background:url(/images/sidebarItem_li_bg_hover.png) no-repeat;}
	 
a:link {color: #156415; text-decoration: none; }
a:active {color: #156415; text-decoration: none; }
a:visited {color: #156415; text-decoration: none; }
a:hover {color: #3c63b3; text-decoration: none; }


	 /*** ad ***/
	 .ad { padding-left:5px;}
	 
	 /*** contentItem ***/
	 .contentItem { width:717px;}
	 .contentItem h2 { background:url(/images/contentItem_blue_h2_bg.png) no-repeat; width:706px; height:31px; color:#FFF; font-size:18px; padding:9px 0px 0px 10px;}
	 .contentItem h2.green { background:url(/images/contentItem_green_h2_bg.png) no-repeat;}
	 .top h2 { background:none;}
	 .contentItem p { padding:5px 10px 5px 10px; line-height:18px;}
	 
	      /*** stap ***/
		  .stap { float:left; width:697px; margin:0px; padding:10px 10px 18px 10px; display:inline;}
		  .stap img { float:left; display:inline;}
		  .stap h3 { font-size:18px; font-weight:normal; padding:0px 0px 0px 125px;}
		  .stap p { padding:0px 0px 0px 125px;}
		  


/**************/
/*** footer ***/
/**************/
.footer { width:968px; padding:15px 0px 15px 5px;}
.footer p, .footer a { color:#000;}
.footer a:hover { text-decoration:none;}