.basic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000066;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
	letter-spacing: 2px;

}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #E8B900;
	letter-spacing: 3px;

}
.right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;

}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #000066;



}
a:visited {
	text-decoration: none;
	color: #000066;


}
a:hover {
	text-decoration: underline;
	color: #000000;

}
.right2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;

}
.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	font-style: italic;

}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}




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

#navigatiepayrol { margin-left: 17px; text-align: center; }

#menu { padding: 0 0 0 3px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }

#navigatiepayrol li { float: left; list-style: none; text-align: center; width: 87px; height: 87px; margin: 8px 4px 0px 4px; 
 background-color: #d9b200; }
	
#navigatiepayrol li a { width: 87px; margin: 0px; display: block;
 background-color: #d9b200; color: #ffffff; }

#navigatiepayrol li a:hover, #navigatiepayrol li a.current { width: 87px; margin: 0px; text-decoration: none; 
background-color: #2d3a77; color: #d9b200;  }

#menu li a.pers, #menu li a:hover.pers, #menu li a.perscurrent{ width: 87px; margin: 0px; text-decoration: none; 
background-color: #9d1d8a; color: #d9b200; }

#menu li a.een, #menu li a:hover.een { padding-top: 35px; padding-bottom: 37px; height: 15px; }
#menu li a.twee, #menu li a:hover.twee { padding-top: 29px; padding-bottom: 28px; height: 30px; }
#menu li a.vier, #menu li a:hover.vier { padding-top: 12px; padding-bottom: 15px; height: 60px; }

#banner { vertical-align: middle; text-align: center; }
#banner a { background-color: #d9b200; width: 278px; height: 77px; padding-top: 8px; color: #ffffff; display: block; text-decoration: none; }
#banner a:hover { background-color: #2d3a77; width: 278px; height: 77px; padding-top: 8px;  color: #d9b200; text-decoration: none; }


#banner1 { vertical-align: middle; text-align: center; }
#banner1 a { background-color: #d9b200; width: 215px; height: 100px; padding-top: 8px; color: #ffffff; display: block; text-decoration: none; }
#banner1 a:hover { background-color: #2d3a77; width: 215px; height: 100px; padding-top: 8px;  color: #d9b200; text-decoration: none; }

#banner2 { vertical-align: middle; text-align: center; }
#banner2 a { background-color: #d9b200; width: 215px; height: 100px; padding-top: 8px; color: #ffffff; display: block; text-decoration: none; }
#banner2 a:hover { background-color: #2d3a77; width: 215px; height: 100px; padding-top: 8px;  color: #d9b200; text-decoration: none; }