/* common styling */
* html #wrapper {
	width: 911px;
	w\idth: 911px;
  	z-index: 2;
}

#wrapper {
  	margin: 0 auto;
  	padding: 0;
  	width: 911px;
  	border: none;
  	text-align: left;
  	z-index: 2;
}

#nav {
	position: absolute;
  	z-index: 2;
	width: 100%;
}

.menu {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	position:absolute;
	font-size:11px;
	z-index:2;
	top: 110px;
}

.menu ul li a, 
.menu ul li a:visited {
	display:block;
	text-decoration:none;
	text-align:left;
	line-height:20px;
	font-size:11px;
	font-weight: bold;
	overflow: hidden;
	z-index: 2;
}

.menu ul #uitklap1{
	border: 4px solid transparent;
	border-right: 211px solid transparent;
	margin: 4px 10px 10px -5px;
	background-image: url(/images/rood/uitklap1.gif);
	background-repeat: no-repeat;
	z-index: 2;
}

.menu ul #uitklap2{
	border: 4px solid transparent;
	border-right: 211px solid transparent;
	margin: 4px 10px 10px -5px;
	background-image: url(/images/gr/uitklap1.gif);
	background-repeat: no-repeat;
	z-index: 2;
}

.menu ul #uitklap3{
	border: 4px solid transparent;
	border-right: 211px solid transparent;
	margin: 4px 10px 10px -5px;
	background-image: url(/images/bl/uitklap1.gif);
	background-repeat: no-repeat;
	z-index: 2;
}

.menu ul #uitklap4{
	border-top: 4px solid transparent;
	border-left: 150px solid transparent; 
	border-bottom: 50px solid transparent;
	border-right: 282px solid transparent;
	margin: 4px 10px 60px -165px;
	background-image: url(/images/pa/uitklap1.gif);
	background-repeat: no-repeat;
	z-index: 2;
}

.menu ul #uitklap5{
	border-top: 4px solid transparent;
	border-right: 200px solid transparent;
	border-left: 4px solid transparent;
	margin: 4px 10px 60px -75px;
	background-image: url(/images/br/uitklap1.gif);
	background-repeat: no-repeat;
	left: 0px;
	z-index: 2;
}

.menu ul li {
	float:left;
	position:relative;
	z-index: 2;
}

.menu ul li ul {
	border: 4px solid transparent;
	padding: 12px 0px 30px 15px;
	margin: 10px 50px 10px 0px;
	display: none;
		z-index: 2;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:20px;
	left:0;
	width:105px;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display:block;
	color:#000;
}

.menu ul li:hover ul li a:hover {
	color:#000;
}

.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
}

.menu ul li:hover ul li:hover ul.left {
	left:-105px;
}

/* knoppen */
#knop1{
	float:left;
	margin:0px 0px 0px -2px;
	position:relative;
	width: 317px;
}

#knop2{
	float:left;
	margin:0px 0px 0px -18px;
	position:relative;
	width: 166px;
}

#knop3{
	float:left;
	margin:0px 0px 0px -19px;
	position:relative;
	width: 216px;
}

#knop4{
	float:left;
	margin:0px 0px 0px -19px;
	position:relative;
	width: 110px;
}

#knop5{
	float:left;
	margin:0px 0px 0px -20px;
	position:relative;
	width: 180px;
}

#vermogensbeheer {
	background-image: url(/images/vermogensbeheer.gif);
	background-repeat: no-repeat;
	width:317px;
	height:26px;
	text-indent:-3000em;
	z-index: 1;
}

#pensioenregeling {
	background-image:url(/images/pensioenregeling.gif);
	background-repeat: no-repeat;
	width:176px;
	height:26px;
	text-indent:-3000em;
	z-index: 2;
}

#persoonlijkesituatie {
	background-image:url(/images/mijnpersoonlijkesit.gif);
	background-repeat: no-repeat;
	width:230px;
	height:26px;
	text-indent:-3000em;
	z-index: 3;
}

#hetcfk {
	background-image:url(/images/hetcfk.gif);
	background-repeat: no-repeat;
	width:120px;
	height:26px;
	text-indent:-3000em;
	z-index: 4;
}

#werkgevers {
	background-image:url(/images/cfkvoorwerk.gif);
	background-repeat: no-repeat;
	width:180px;
	height:26px;
	text-indent:-3000em;
	z-index: 5;
}

#vermogensbeheer:hover,
#pensioenregeling:hover,
#persoonlijkesituatie:hover,
#hetcfk:hover,
#werkgevers:hover {
	background-position:0 -26px;
}

#knop1:hover a.hide,
#knop2:hover a.hide,
#knop3:hover a.hide,
#knop4:hover a.hide,
#knop5:hover a.hide{
	background-position:0 -26px;
}

/* uitklap 1 */
.em {
	background-image: url(/images/rood/menurood.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size:11px;
	color: #ffffff;
	width: 270px;
	height: 19px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.stipuitklap1 {
	background-image: url(/images/rood/sl.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 25px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.stipuitklap1 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.stipuitklap1 a:hover{
	background-image: url(/images/rood/hover1.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.zonder {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.zonder a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.zonder a:hover {
	background-image: url(/images/rood/hover1.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
	margin-bottom: -2px;
}

.subpijl1 {
	background-image: url(/images/rood/subpijl.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}
.subpijl1 a:hover {
	background-image: url(/images/rood/subpijlhover.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
}

.subpijl1:hover {
	background-image: url(/images/rood/subpijlhover.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subhover1 {
	padding: 4px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

.subhover1 a {
	width: 197px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px -10px;
}

.subhover1 a:hover {
	background-image: url(/images/rood/over2.gif);
	background-repeat: no-repeat;
	width: 197px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px -10px;
}

#subuitklap1 {
	position:absolute;
	border-top: 20px solid transparent;
	padding: 0px 0px 0px 0px;
	margin: -23px 0px 0px 273px;
	background-image:url(/images/rood/uitklap2.gif);
	background-repeat: no-repeat;
	width: 211px;
	height: 51px;
}

/* uitklap 2 */
.stipuitklap2 {
	background-image: url(/images/gr/slijn.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 25px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.stipuitklap2 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.stipuitklap2 a:hover{
	background-image: url(/images/gr/over.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subpijl2 {
	background-image: url(/images/gr/spijl.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subpijl2 a:hover {
	background-image: url(/images/gr/sphover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
	margin-bottom: 2px;
}

.subpijl2:hover {
	background-image: url(/images/gr/sphover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
	margin-bottom: 0px;
}

.subpijlzonder2 {
	background-image: url(/images/gr/subpijlzonder.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subpijlzonder2 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subpijlzonder2 a:hover {
	background-image: url(/images/gr/pijlhover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
}

.subpijlzonder2:hover {
	background-image: url(/images/gr/pijlhover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subhover2 {
	padding: 4px 0px 0px 15px;
	margin: 0px 15px 0px 0px;
}

.subhover2 a {
	width: 200px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px -10px;
}

.subhover2 a:hover {
	background-image: url(/images/gr/over2.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 200px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px -10px;
}

#subuitklap2 {
	position:absolute;
	border-top: 20px solid transparent;
	padding: 0px 0px 1px 0px;
	margin: -23px 0px 0px 273px;
	background-image:url(/images/gr/uitklap2.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 51px;
}

/* uitklap 3 */
.stipuitklap3 {
	background-image: url(/images/bl/slijn.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 25px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.stipuitklap3 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.stipuitklap3 a:hover{
	background-image: url(/images/bl/over.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subzonder3 {
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subzonder3 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subzonder3 a:hover {
	background-image: url(/images/bl/hover1.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
}

/* uitklap 4 */
.stipuitklap4 {
	background-image: url(/images/pa/slijn.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 25px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.stipuitklap4 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;

}

.stipuitklap4 a:hover{
	background-image: url(/images/pa/over.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subpijl4 {
	background-image: url(/images/pa/spijl.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subpijl4 a:hover {
	background-image: url(/images/pa/subpijlmethover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 19px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
	margin-bottom: 6px;
}

.subpijl4:hover {
	background-image: url(/images/pa/subpijlmethover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subzonder4 {
	padding: 1px 0px 0px 13px;
	margin-left: -7px;
}

.subzonder4 a {
	width: 269px;
	height: 23px;
	padding: 1px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subzonder4 a:hover {
	background-image: url(/images/pa/hover.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 269px;
	height: 23px;
	padding: 1px 0px 0px 13px;
	margin-left: -13px;
}

.subhover4 {
	padding: 0px 0px 2px 15px;
	margin: 0px 0px 0px 0px;
	width: 122px;
}

.subhover4 a{
	width: 122px;
}

.subhover4 a:hover {
	background-image: url(/images/pa/over2.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0px 0px 0px 11px;
	margin: 0px -180px 1px -11px;
}

#subuitklap4 {
	position:absolute;
	border-top: 5px solid transparent;
	border-right: 131px solid transparent;
	padding: 5px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	background-image:url(/images/pa/uitklap2.gif);
	background-repeat: no-repeat;
	left: -145px;
	width: 60px;
	height: 100px;
}

/* uitklap 5 */
.stipuitklap5 {
	background-image: url(/images/br/slijn.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 25px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}
.stipuitklap5 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;

}
.stipuitklap5 a:hover{
	background-image: url(/images/br/over.gif);
	background-repeat: no-repeat;
}

.subpijl5 {
	background-image: url(/images/br/spijl.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subpijl5 a:hover {
	background-image: url(/images/br/sphover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
	margin-bottom: 2px;
}

.subpijl5:hover {
	background-image: url(/images/br/sphover.gif);
	background-repeat: no-repeat;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
	margin-bottom: 0px;
}

.subzonder5 {
	padding: 0px 0px 0px 13px;
	margin-left: -7px;
}

.subzonder5 a {
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin: 0px 1px -2px -13px;
}

.subzonder5 a:hover {
	background-image: url(/images/br/hover1.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 269px;
	height: 23px;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
}

.subhover5a {
	padding: 2px 0px 2px 15px;
	margin: 0px 0px 0px 0px;
	width: 234px;
}

.subhover5a a{
	width: 234px;
}

.subhover5a a:hover {
	background-image: url(/images/br/over2.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0px 0px 0px 11px;
	margin: 0px -180px -3px -11px;
}

.subhover5b {
	padding: 0px 0px 2px 15px;
	margin: 0px 0px 0px 0px;
	width: 203px;
}
 
.subhover5b a {
	width: 203px;
}

.subhover5b a:hover {
	background-image: url(/images/br/over3.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0px 0px 0px 11px;
	margin: 0px -180px -3px -11px;
}

#subuitklap5a {
	position:absolute;
	border-top: 5px solid transparent;
	border-right: 10px solid transparent;
	padding: 0px 0px 0px 0px;
	margin: -7px 0px 0px 0px;
	background-image:url(/images/br/uitklap2.gif);
	background-repeat: no-repeat;
	left: -257px;
	width: 242px;
	height: 80px;
}

#subuitklap5b {
	position:absolute;
	border-top: 5px solid transparent;
	border-right: 10px solid transparent;
	padding: 2px 0px 0px 0px;
	margin: -7px 0px 0px 0px;
	background-image:url(/images/br/uitklap3.gif);
	background-repeat: no-repeat;
	left: -226px;
	width: 211px;
	height: 80px;
}