/* CSS Document - Developper Cindy Bavré*/
body { 
margin: 0.3em 1em 1em 1em; /*up, right, under, left*/
padding: 0em 0em 0em 0em; /*up, right, under, left*/
}
/**********************Template  ****************************/
/**********************Header********************************/
/*Box*/
#top-header {
			padding:0.3em 0em 0em 0em;/*up, right, under, left*/
			margin:0em;/*up, right, under, left*/
			}
/*Right*/
#headerRight ul { margin:-0.5em 0em 0em 0em; padding:0em 2.5em 0em 0em; }/*up, right, under, left*/

#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: 0em 0.5em 0em 0em;/*up, right, under, left*/
					}
					#headerRight ul li a {text-decoration:none; }
			
/*Banner*/
/*Box*/
#header {
			text-align:right;
			background-repeat:no-repeat;
			background-position:right;

			padding: 0em 0em 0em 0em; /*up, right, under, left*/
			margin: 0em 0em 0em 0em; /*up, right, under, left*/
			height:57px; /* Height banner */
			} 
/*Image*/
#header img {float:left;} 
/*Title*/			
.bottom-header {  height: 1em; margin:0em;  text-align:center;} 
p.header {font-size: medium; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-variant:small-caps; padding: 0.1em; margin:0em;}
<!--/********************* End header **********************************/ -->
<!--/********************* Begin Breadcrumb*****************************/ -->							
/*De 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; }
<!--/********************* End breadcrumb ***********************************************/ -->
<!--/********************* Begin footer *************************************************/ -->
/*De box*/
#fod-footer { padding:0.2em; margin-top:1em;} 
#social-media { float:right; }
/*List*/
#fod-footer ul { padding: 0.2em; margin:0.1em; text-align:left; }
#social-media ul, #social-media ul li{ padding-bottom:0;}
#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; }


/***************************de footer met disclaimer***************************/				
/*De box*/
#footer {padding: 0.5em; margin:0em;} 
/*De lijst*/
#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;}
.fod {
background-image: url("../images/uniletNl.gif");
background-position:center;
background-repeat: no-repeat;
border:0em;
padding:0em 6em 1.5em 6em;/*up, right, under, left*/
float:left;}
<!--/********************* End footer *************************************************/ -->
<!--/********************* Begin menuLeft ***********************************************/ -->
/* <noscript></noscript> */
/*De box*/	
#menuLeft {
float:left;
margin:0em 0em 0em 0em;/*up, right, under, left*/
position: relative;
width: 13em; 
height:35em;
}
#menuLeft ul	{
				margin: 0.1em 0.1em 0em 0em;/*boven, rechts, onder en links*/
				padding:0em 0em 0em 0em;/*boven, rechts, onder en links*/
				width: 12em; 
				} 
#menuLeft ul li	{
				position: relative;
				padding:0em 0em 0em 0em;/*boven, rechts, onder en links*/
				margin:0em 0em 0em 0em;/*boven, rechts, onder en links*/

				font-size: small;
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-weight: normal;
				font-style :normal;
				
				list-style-image:none;
				list-style-type:none;
				list-style-position: outside;
				}
#menuLeft ul li a:link, #menuLeft ul li a:visited, #menuLeft ul li a:active, #menuLeft ul li a:hover {
													display: block;
													overflow: auto; /*force hasLayout in IE7 */
													list-style-image:none;
													text-decoration:none;
													list-style-type:none;
													padding:0.5em;/*boven, rechts, onder en links*/
													}				
/*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; }
				

.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%; }
<!--/********************* End menuLeft *************************************************/ -->
<!--/********************* Begin menuRight **********************************************/ -->
/*De box*/
#menuRight {
 		float:right;
		margin:0em 0em 0em 0em;/*up, right, under, left*/
		padding:0em 0em 0em 0em; /*up, right, under, left*/
		width:12em;
		}
/*List*/
	#menuRight ul {
				margin:0.3em 0em 0em 0em;/*up, right, under, left*/
				padding:0em 0em 0em 0em; /*up, right, under, left*/
				}
#menuRight ul li {
					margin:0em 0em 0em 0em;	/*up, right, under, left*/
					padding:0.3em 0.3em 0.5em 0.3em; /*up, right, under, left*/
			
					list-style-type:none;
					list-style-image:none;
					
					font-size: small;
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-weight: normal;
					font-style:normal;
					}
		#menuRight ul li.accordion { margin-left:-0.3em;} /*Oplossing zoeken om img in css te plaatsen, lukt niet om de verschillen tussen IE en FF op te lossen*/
#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;
		}
#menuRight blockquote.color2 { margin-left:0em; margin-right:0em; padding-left:0em;}
<!--/********************* End menuRight ************************************************/ -->
<!--/********************* Begin content ************************************************/ -->
/*De box*/
#content {
	margin-left:18em;
	margin-right:17em;
	min-width:20%;
	padding:0em;
	padding-top:1em;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-style:normal;
	} 
/*******************Layout tekst  **********************************/
h1, .h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-size: 120%; margin-top:0em; text-align:center;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-size: 110%; padding-top:0.5em;}
	h2 a { text-decoration:none;}
	h2.finto { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-size: 100%; padding-top:0.5em; padding-left:0.5em;}
h3, .h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: small; }
	.h3 { margin-top: 2em; margin-bottom:2em;}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: small;}
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: small;}
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;  font-size: small;}
p { font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal;}
label, legend { font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;}
blockquote {  min-width:80%; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal;}
q, cite { font-style:italic;}
ins { text-decoration:none;}
th { font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; }
li { font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal; padding-bottom:0.5em;}
strong { font-size:small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal; font-variant:small-caps;}	
address { font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal; margin:1em; padding:1em;}
pre { font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal;}
img {border:0em;}
table {width:99%;}
td, td li, td address { font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:normal; vertical-align:top; text-align:left;}
	tr, td, th { padding:0.5em; }
	td address {margin-left:0em; margin-bottom:1em; padding-left:0em;}
	td.select { padding:0em; text-align:center; border:none;} /* voor pub pagina*/
	td.select select { margin:0; text-align:right; width:3em;}
table.pub { border:none;  border-spacing:0.5em; }
	th.th-title { text-align:left; font-variant:small-caps;}
	th.th-left { text-align:left;}
	th.th-sub { border:none; height:50px; padding-left:80px; text-align:left; vertical-align:middle; font-variant:small-caps; font-size: medium; background-position:left; background-repeat:no-repeat;}
	td.thumb { text-align:center; vertical-align:middle;}
/**********************formulier **********************************/
#form fieldset {
    margin: 1em;
    padding: 1em;
	width: 700px;
}
#form legend {
	margin: 0.1em;
    padding: 0.2em;}
	/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 	*/ 
	#form fieldset, #IE8#HACK { padding-top:2em; } 
	#form legend, #IE8#HACK { margin-top:0; margin-bottom:0; }
	/**/
#form p {
clear: left;
margin: 0.1em;
padding: 0.1em;
height: 1%;
}

#form label {
font-weight: bold;
float: left;
width:200px;
}

#form input#corg, #form input#tnom, #form input#trueadr { width: 400px;}
#form input#tpst, #form input#email { width: 250px;}
#form input#cnumadr, #form input#cpst { width: 50px; }


/*********************Klassen ***********************************/
.float {float:right; padding:0.5em;}
.left {float:left;  padding:0.5em;}
.framework, .border, .contact { padding:0.5em;}
.color {  padding:0.5em;}
.small  { font-size:x-small; } 		
.bordernone { border: none; }
.border { padding:0.5em;}
img.printscreen {margin:2em; text-align:center; clear:right;}
#subparagraph { margin-top:4em; margin-bottom:-2em;}
/*********************Linken ************************************/
a:link, a:visited, p a:link, p a:visited { text-decoration:none;}
a:active, a:hover {text-decoration:none;}
h3 a:link, h3 a:visited {text-decoration:none;	}
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;}
.download_xsd { list-style-image:  url("../images/ico_xsd.gif"); padding-left:0.5em; margin-left:-0.3em;}

td ul li.download_xsd { list-style-image:  url("../images/ico_xsd.gif"); padding-left:0.5em; margin-left:0;}
td ul li.download_zip { list-style-image:  url("../images/ico_zip.gif"); padding-left:0.5em; margin-left:0;}
td ul li.link{ list-style-image:  url("../images/link.png"); padding-left:2px; margin-left:0; }
td ul li.date { list-style-image: url("../images/date.png"); padding-left:2px; margin-left:0;}
td ul li.mobile { list-style-image: url("../images/mobile.gif"); padding-left:2px; margin-left:0;}
td ul li.camera { list-style-image: url("../images/page_white_camera.png"); padding-left:2px; margin-left:0;}
td ul li.leeg  { text-decoration:none; list-style-type:none; list-style-image:none; padding-left:2px; margin-left:0;}

td ul { padding: 0em; margin:0em 0em 0em 2.5em; }/*up, right, under, left*/
td ul li { padding: 0em; margin: 0em;}

.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;}
.mobile { list-style-image: url("../images/mobile.gif"); 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;}
.date { list-style-image: url("../images/date.png"); padding-left:0.5em; margin-left:-0.3em;}
.klok { list-style-image: url("../images/klok.gif"); padding-left:0.5em; margin-left:-0.3em;}

ol.footnoot li, ul.footnoot li { padding-left:0.5em; margin-left:-0.3em; font-size:x-small; font-style:italic;}
ol.footnoot, ul.footnoot {border-top: 1px dotted;}

.doormat {float:left; width:40%; height:250px;}
<!--/********************* End content **************************************************/ -->