/* CSS Document */
body { 
margin: 1em 2em 1em 2em; /*up, right, under, left*/
padding:0em;
}
/*********************************************************************/
/*Header and footer */
/*********************************************************************/
/*Box*/
#top-header {
			padding-bottom:0.2em;
			margin-bottom:0em;
}
/*Left*/
#headerLeft ul {padding-left:0.5em; }
#headerLeft ul li {
					font-size:x-small;
					font-weight: bold;
					font-style:normal;
					font-family: Verdana, Arial, Helvetica, sans-serif;		
					
					float:left;
					display: inline;

					list-style-type:none;
					list-style-image:none;
					
					margin:0em;
					text-align:left;
					padding: 0.3em 0.5em 0.3em 0em; /*up, right, under, left*/
					}
					#headerLeft ul li a {text-decoration:none;}
/*Right*/
#headerRight ul li {	
					font-size:x-small;
					font-weight: bold;
					font-style:normal;
					font-family: Verdana, Arial, Helvetica, sans-serif;	
							
					float:right;
					display: inline;
					
					list-style-type:none;
					list-style-image:none;
					
					margin:0em;
					text-align:right;
					padding: 0.3em 0.5em 0.3em 0em;/*up, right, under, left*/
					}
					#headerRight ul li a {text-decoration:none; }
.active {
			font-size:x-small;
			font-weight: bold;
			font-style:normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;	
			background-color: #ffffff; 
			} 
.be {
background-image:url(../images/smallbe.gif);
background-repeat:no-repeat;
background-position:center;
padding: 1em;
border: 0em;
}	
.skip {background-image: url(../images/skip.gif);
background-position:center;
background-repeat: no-repeat;
border:0em;
padding:0.3em;}					
/**************************Banner*****************************/
/*Box*/
#header {
			text-align:right;
			background-repeat:no-repeat;

			padding:0em;
			margin:0em;
			height:57px;
			} 
/*Image*/
#header img {float:left;} 
/*Box*/
.bottom-header {  margin:0em;} 
/*Title*/
p.header {font-size:small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-variant:small-caps; text-align:center; padding: 0.1em; margin:0em;}
 /**********************Breadcrumb****************************************/							
/*Box*/	
#breadcrumb {padding: 0.2em; margin:0em;} 
/*List*/
#breadcrumb ul {padding: 0em; margin:0em;}
#breadcrumb ul li, #breadcrumb abbr {
						display:inline;
						font-size:x-small;
						font-weight: bold;
						font-style:normal;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						}
#breadcrumb ul li a:link, #breadcrumb ul li a:visited { text-decoration:none; }
#breadcrumb ul li a:active, #breadcrumb ul li a:hover { text-decoration:underline; }
/************************Footer************************/			
/*Box*/
#fod-footer { padding:0.2em; margin-top:1em;} 
/*List*/
#fod-footer ul {padding: 0.2em; margin:0em; text-align:left;}
#fod-footer ul li {
					display:inline;
					font-size:x-small;
					font-weight: bold;
					font-style:normal;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					}
#fod-footer ul li a:link, #fod-footer ul li a:visited { text-decoration:none; }
#fod-footer ul li a:active, #fod-footer ul li a:hover { text-decoration:underline; }
/*disclaimer*/
/*Box*/
#footer {padding: 0em; margin:0em;} 
/*List*/
#footer ul {padding: 0.2em; margin:0em; text-align:center;}	 
#footer ul li {
				display:inline;
				font-size:x-small;
				font-weight: bold;
				font-style:normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
#footer ul li a:link, #footer ul li a:visited { text-decoration:none; }
#footer ul li a:active, #footer ul li a:hover { text-decoration:underline; }
.top {
background-image:url(../images/top.gif);
background-position:center;
background-repeat: no-repeat;
border:0em;
padding:0.3em;
float:right;}
.w3c {
background-image: url(../images/validHtml401.png);
background-position:center;
background-repeat: no-repeat;
border:0em;
padding:0.5em 4em 0.4em 4em;/*up, right, under, left*/
float:left;}
/*********************************************************************/
/* Menuleft <noscript></noscript> */
/*********************************************************************/
#menuLeft {
float:left;
height:15em;
margin:0em;
position: relative;
}
#menuLeft ul	{
margin: 0.1em 0.1em 0em 0em;/*boven, rechts, onder en links*/
padding:0em;
width: 10em; 
}
#menuLeft ul li	{
				position: relative;
				padding-bottom:0em;
	

				font-size: small;
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-weight: normal;
				font-style:normal;
				
				list-style-image:none;
				text-decoration:none;
				list-style-type:none;
				}
/*Sub level menu items */
#menuLeft ul li ul	{
					position: absolute;
					top: 0;
					visibility: hidden;
					width: 15em; 
					list-style-image:none;
					text-decoration:none;
					list-style-type:none;
					}
					#menuLeft ul li ul li ul {width: 15em; }
#menuLeft ul li a:link, #menuLeft ul li a:visited  {
													display: block;
													overflow: auto; /*force hasLayout in IE7 */
													list-style-image:none;
													text-decoration:none;
													list-style-type:none;
													padding-bottom:0em;
													padding:0.2em; 
													}
#menuLeft ul li a:active, #menuLeft ul li a:hover 	{
														list-style-image:none;
														text-decoration:none;
														list-style-type:none;
														padding:0.2em; 
														}
.none{
		list-style-image:none;
		text-decoration:none;
		list-style-type:none;
		}
#menuLeft .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
}
/* Holly Hack for IE \*/
* html #menuLeft ul li { float: left; height: 1%; }
* html #menuLeft ul li a { height: 1%; }
/*********************************************************************/
/* MenuRight */
/*********************************************************************/
.menuRight {
 	float:right;
	margin:0em;
	width:10em;
	}
.menuRight ul {
		margin:0.2em;
		padding:0em;
		}
.menuRight ul li {
		text-decoration:none;
		list-style-type:none;
		list-style-image:none;
		font-size: small;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: normal;
		font-style:normal;
		margin-right:0em;	
		padding:0.3em;
		}
.menuRight ul li a:link, .menuRight ul li a:visited  {
		display: block;
		overflow: auto; 
		list-style-image:none;
		text-decoration:none;
		list-style-type:none;
		padding-bottom:0.2em;
		padding-left:0.2em;
		}
.menuRight ul li a:active, .menuRight ul li a:hover {
		list-style-image:none;
		text-decoration:none;
		list-style-type:none;
		padding-left:0.2em;
		}
/****************************************************************/				
/* Content */
/****************************************************************/						
/*De box*/
#content {
	margin-left:14em;
	margin-right:13em;
	padding:0em;
	padding-top:1em;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-style:normal;
	} 
/*******************Layout tekst  **********************************/
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-size: 110%; margin-top:0em; text-align:center;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-size: 100%; padding-top:0.5em;}
	h2 a { text-decoration:none;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: 95%; padding:0.2em;}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: 90%;}
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: 90%;}
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: 90%;}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%; }
label { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%;}
blockquote {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: small;}
q, cite { font-style:italic;}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%;}
	tr, td, th { padding:0.3em; }
th { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%; }
li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: small;padding-bottom:0.5em;}
strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-variant:small-caps;}	
address { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%; margin-left:1em; padding-left:1em;}
pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%;}
img {border:0em;}
/*********************Klassen ***********************************/
.framework, .border, .color {} /*site checken*/
.framework, .border, .backgroundcolor, .contact { padding:0.5em;}
.color {  padding:0.5em;}
.small  { font-size:x-small; } 		
.bordernone { border: none; }
img.printscreen {margin:2em; text-align:center; clear:right;}
/*********************Linken ************************************/
a:link, a:visited { text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
h3 a:link, h3 a:visited {text-decoration:none;	}
td a:link, td a:visited, 
p a:link, p a:visited,
a.underline {text-decoration:underline;	}
a img {border:none;}
a:link img , a:visited img  { border:none; text-decoration:none;}
a:active img , a:hover img {border:none; text-decoration:none;}
/**********************Lijst met Linken // geen kleuren**********************************/
ol li { list-style-image:none; list-style-type: decimal;}
ul li { list-style-image:url(../images/bullet.gif); list-style-type: none;}
li a { text-decoration:none;}
ol li ul li {list-style-image:url(../images/bullet.gif);list-style-type: none;}
.p  { text-decoration:none; list-style-type:none; list-style-image:none; margin-left:-3em;}
.arrow { list-style-image: url(../images/arrow.gif); list-style-type: none;} 
.title { list-style-image:url(../images/block.gif); list-style-type: none; font-weight:bold; font-size:small;padding-bottom:0.3em;}
.leeg  { text-decoration:none; list-style-type:none; list-style-image:none; margin-left:-1.3em;}
.download_doc { list-style-image:url(../images/ico_doc.gif); padding-left:0.5em; margin-left:-0.3em;}
.download_xls { list-style-image:url(../images/ico_xls.gif); padding-left:0.5em; margin-left:-0.3em;}
.download_acc { list-style-image:url(../images/ico_acc.gif); padding-left:0.5em; margin-left:-0.3em;}
.download_ppt { list-style-image:url(../images/ico_ppt.gif); padding-left:0.5em; margin-left:-0.3em;}
.download_pdf { list-style-image:url(../images/ico_pdf.gif); padding-left:0.3em; margin-left:-0.3em;}
.download_xml { list-style-image:url(../images/ico_xml.gif); padding-left:0.5em; margin-left:-0.3em;}
.download_txt { list-style-image:url(../images/ico_txt.gif); padding-left:0.5em; margin-left:-0.3em;}
.download_zip { list-style-image:url(../images/ico_zip.gif); padding-left:0.5em; margin-left:-0.3em;}
.email { list-style-image: url(../images/email.png); padding-left:0.5em; margin-left:-0.3em;}
.telephone { list-style-image: url(../images/telephone.png); padding-left:0.5em; margin-left:-0.3em;}
.fax { list-style-image: url(../images/fax.png); padding-left:0.5em; margin-left:-0.3em;}
.form { list-style-image: url(../images/form.png); padding-left:0.5em; margin-left:-0.3em;}
.link { list-style-image: url(../images/link.png); padding-left:0.5em; margin-left:-0.3em;}
.address { list-style-image: url(../images/address.gif); padding-left:0.5em; margin-left:-0.3em;}
/************************** begin  Default Index in de root********************************/
.middle { background-color: #D2B48C; background-image:url(../images/index.gif); background-repeat:no-repeat; width:602px; height:404px; margin-top:10%; margin-left:20%;}
.middle p { text-align:center;}
