/*******************************************
 main
********************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	line-height:20px;
	margin: 0px;
	background-color:#fff;
}

p {
	
}

li { margin:0;}

img {
	border:0;
}

form {margin:0;}

a { border:0;
	margin:0;
	text-decoration:none;
	color:#00A1E4;}
	
a:hover { 
	border:0;
	text-decoration:underline;
	color:#00A1E4;
}

a.lnkMenu { 
	font-size:13px;
	border:0;
	text-decoration:none;
	color:#00A1E4;
}

a.lnkMenu:visited {
	font-size:13px;
	border:0;
	text-decoration:underline;
	color:#00A1E4;
}

a.lnkMenu:active { 
	font-size:13px;
	border:0;
	text-decoration:none;
	color:#00A1E4;
}

a.lnkMenu:link { 
	font-size:13px;
	border:0;
	text-decoration:none;
	color:#00A1E4;
}

table {
	padding:0;
}

ul {margin:0;padding-left: 15px;}

h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#00A1E4;
	
}
h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#00A1E4; 
	margin-bottom:5px;;

}
h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#E98300; 
	font-weight:bold;
	padding:0 3px 0 3px;
	text-decoration:none;
}
/*******************************************
 layout
********************************************/
#pagewrapper {
	width: 997px;
	display:block;
	position:relative;
	margin-right: auto;
	margin-left: auto;
}
#hdr {
	height: 111px;
	background-repeat:no-repeat;
}

#logo {
	float: left;
	height: 111px;
	width:349px;
	background-image:url(../images/logo.gif);
}	

#linkhome a {
  	position: absolute;
	height: 111px;
	width:349px;
}	

#linkhome a i { visibility: hidden; }

a#home { left: 0px; }

#menu_wrapper {
	height:111px;
	float:right;
}

#menu_top {
	height:31px;
	width:648px;
	background-image:url(../images/top.gif);
}


#topnav {
	max-height: 60px;
	margin-bottom:10px;
}

#titel {
	background-color:#C9D42F;
	width:266px;
	height:26px;
	padding-top:10px;
	padding-left:20px;
}

#titel a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#titel a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}

#linkerkolom {
	height:450px;
	position:relative;
	width:286px; 
	float:left; 
	background-color:#E1F1A5;
}

#content {
	width:681px;
	min-height: 450px;
	float:right;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
	z-index:1;
}


#samenvatting
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#single_content {
	padding-right:20px;
	width:661px;
	margin-top:20px;
	overflow:auto;
	z-index:2;
}

#content_rechts {
	width:200px; 
	padding-left:12px;
	float:right;
	margin-top:20px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
}

#footer {
	height:20px;
	width:681px;
	float:right;
	text-align:right;
	font-size:10px;
}

#footer_new {
	height:20px;
	width:200px;
	float:left;
	text-align:left;
	font-size:10px;
}

#footer_new a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:none;
}

#footer_new a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:underline;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:none;
}

#footer a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:underline;
}

.CssRadioButtonList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	background-color:#fff;
}

#nopadding{
	margin:0;
}

.CssTd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	margin: 0px;
	background-color:#fff;
}

.CssTdSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	background-color:#fff;
}

.CssPanel {z-index:1; overflow:auto;}

#content_top {
	width:661px;
	height:22px;
	vertical-align:middle;
	}

#content_links {
	width:439px; 
	padding-right:20px;
	float:left;
	margin-top:20px;
	overflow:auto;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
}

#content_links_oa {
	width:439px; 
	padding-right:20px;
	height:420px;
	float:left;
	margin-top:20px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
}

#content_bottom_oa {
	width:100%; 
	padding-right:20px;
	height:420px;
	float:left;
	margin-top:20px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
}

#content_links_PGGM {
	width:689px; 
	padding-right:20px;
	height:420px;
	float:left;
	margin-top:20px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
}

#content_links2 {
	width:490px;
	float:left;
	overflow:auto;
	z-index:2;

}

#banner {
	background-color:#C9D42F;
	float:right;
	height:424px;
	width:200px;
	padding:8px;
	text-align:center;
	background-image:url(/images/pijl_banner.gif);
	background-repeat:no-repeat;
	z-index:2;

}

#banner2 {
	float: left;
	background-image:url(/images/pijl_banner2.gif);
	background-repeat:no-repeat;
	width: 200px;
	height:435px;
}

#banner2_top
{
	float: left;
	padding:8px;
	padding-top:50px;
	width: 200px;
	height:241px;
}

#banner2_bottom
{
	float: left;
	width: 200px;
	height:100px;
	border-top: 1px solid rgb(201,212,46);
	background-image: url(/images/pijl_banner2.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#banner2_bottom .Margin
{
	padding-left: 50px;
}

#content_rechts a {
	color:#666;
	text-decoration:none;
}

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

#boog {
	z-index:10; 
	width:30px;
	height:117px;
	background-image:url(../images/boog2.gif);
	position:absolute;
	top:111px;
	left:286px;
}

#PrintButton
{
	float: right;
	text-align: left;
	width: 60px;
	height: 20px;
	color: #BF0A30;
	margin-top: 10px;
	margin-right: 20px;
}


/*******************************************
 class
********************************************/

td {
	font-size:13px; 
	font-family:univers, arial, helvetica, sans-serif; 
	color:#00000;
} 

	.infopopup { position:absolute; background-color:#FFFFFF; display:none; border:0px solid #FFFFFF;}
	.infopopupT { color:#000000; background-color:#FFFFFF; };
	TD.infopopupT { color:#000000; background-color:#FFFFFF; };
	
			
.nav {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}

.nav:hover {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-decoration:underline;
}


#nav {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}

#nav:hover {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-decoration:underline;
}

.vet {
	font-weight:bold;
}

.knop {
	color:#FFFFFF; 
	background-color:#00A3E4; 
	font-weight:bold; 
	font-family:univers, arial, helvetica, sans-serif; 
	font-size:11px; 
	text-decoration:none;
}

.klein {	font-size:10px;}
/*******************************************
 form items
********************************************/
.input {
	font-family:Arial, Helvetica, sans-serif;
	border: solid 1px #dbdbdb;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 18px;
	background-color: #FFFFFF;
	width: 150px;
}

select
{
	border: solid 1px #dbdbdb;
	background-color: #FFFFFF;
	
	background-repeat: no-repeat;
	width: 197px;
	height: 18px;
	margin-top: 3px;
	font-size: 10px;
}


/*******************MENU**********************/

.menu {
background-color:#FFFFFF;
width:524px;
float:left;
z-index:20;
line-height:0;
}

.menu a {height:0; margin:0; padding:0;}

.menu ul { /*float zorgt voor problemen in IE6 en moet uitgeschakeld worden via laden aparte CSS*/
padding:0;margin:0;list-style-type:none; z-index:20;
line-height:0;
}

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


.menu ul li:hover {width:auto; z-index:20;}

.menu ul li a:hover {background-color:#E1F1A5; color:#fff; z-index:20;}

.menu ul li:hover a {background-color:#E1F1A5; color:#fff; z-index:20;}


.menu ul li ul {
display: none;
}

.menu table {
margin:0; border-collapse:collapse; font-size:14px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;z-index:20;
background:#E1F1A5;}

.menu ul li:hover ul {
display:block;
position:absolute;
top:51px;
left:0;
width:180px;

z-index:20;
/*border:1px solid #000;*/
}

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

.menu ul li:hover ul li a {
display:block;
font-weight:bold;
text-decoration:none;
background:#E8F4BB;
color:#333;
line-height:12px;
width:150px; 
height:20px;
/*filter: alpha(opacity=80);*/
padding-left:10px;
padding-top:10px;
border:1px solid #fff; 
z-index:20;
}
/*
.menu ul li:hover ul li a.drop {
background:#fff;}*/

.menu ul li:hover ul li a:hover {
color:#333; background: #E1F1A5; text-decoration: none;
}
/*
.menu ul li:hover ul li a:hover.drop {
background: #E98300;
}*/
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:150px;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;position:absolute; top:51px; t\op:51px;z-index:20; }

.menu ul li a:hover ul li a {
	display:block;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	background:#E8F4BB;
	height:20px; 
	color:#000; 
	line-height:12px; 
	width:150px; 
	w\idth:150px;
	padding-left:10px;
	padding-top:10px;
	border:1px solid #fff;
	z-index:20;
}

.menu ul li a ul li a{
display: none;z-index:20;
}

/*
.menu ul li a:hover ul li a.drop {
background:#fff; text-decoration: none;
}*/
.menu ul li a:hover ul li a ul { /*hide 3rd level*/
visibility:hidden; position:absolute; height:0; width:0;z-index:20;
}

.menu ul li a:hover ul li a:hover ul li a ul { /*hide 4th level*/
visibility:hidden; position:absolute; height:0; width:0;z-index:20;
}

.menu ul li a:hover ul li a:hover {
background:#E1F1A5;	filter: alpha(opacity=100); text-decoration: none;z-index:20;
}
/*
.menu ul li a:hover ul li a:hover.drop {
 background: #E98300;}
 */
.menu ul li a:hover ul li a:hover ul {/*show 3rd level*/
visibility:visible; position:absolute; top:-1px;color:#000; left:160px;z-index:20;
}

.menu ul li a:hover ul li a:hover ul li a:hover ul {/*show 4th level*/
visibility:visible; position:absolute; top:0px;color:#000; left:160px;z-index:20;
}

.menu ul li a:hover ul li a:hover ul.left {
left:-160px; z-index:20;
}

.menu ul li a:hover ul li a:hover ul li a:hover{
color:#fff; background: #E98300; text-decoration: none;z-index:20;
}
/*
.menu ul li a:hover ul li a:hover.drop {
 background: #E98300;}
 */
.menu ul li a:hover ul li a:hover ul ul li a:hover ul{
visibility:visible; position:absolute; top:-1px;color:#000; left:160px;z-index:20;
}


/* make the second level visible when hover on first level list OR link *//*
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:hidden;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul ul :hover ul ul{
visibility:hidden;z-index:20;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul ul :hover ul :hover ul{ 
visibility:visible;z-index:20;
}