#pagina {
	background:#FFFFFF;
	position: absolute;
  	width: 981px;
	left: -489px;
	margin-left: 50%;
	border: 0px solid #000000;
	border-width:10px 0px 0px 0px;
	}

#header {
	position: relative;
	width:981px;
	height:274px;
	}

#logo {
	background:#FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 518px;
	height: 59px;
	}

#homemenu {	background:#FFFFFF;
		position: absolute;
		top: 0px;
		left: 518px;
		width: 446px;
		height: 21px;
		z-index:99;
		}

#homemenuslice1	{
		background: #FFFFFF;
		position: absolute;
		top: 22px;
		left: 518px;
		width: 446px;
		height: 37px;
		}

#homemenuslice2	{
		background: #FFFFFF;
		position: absolute;
		top:0px;
		left: 964px;
		width: 17px;
		height: 59px;
		}

#line	{
	position: absolute;
	top: 59px;
	left: 0px;
	width: 981px;
	height: 1px;
	}

#banner	{background:#FFFFFF;
	position:relative;
	top: 60px;
	left: 0px;
	width: 981px;
	height:189px;
	}

#mainmenu	{background:#FFFFFF;
		position:absolute;
		top: 249px;
		left: 0px;
		width: 981px;
		height: 25px;
		}

#middle {background:#FFFFFF;
	float:left;
	top:274px;
	left:0px;
	width:981px;
	min-height:200px;
	}

#menu{ 	float:left;
	background:#FFFFFF;
	top:0px;
	left:0px;
	width:152px;
	z-index:99;
	}

#text{	float:left;
            	background:#FFFFFF;
	top:0px;
	width:600px;
	z-index:98;
	margin-right:8px;
	visibility:visible;
	}

#slice       {float:left;
	width:10px;
	position:absolute;
	background:#FFFFFF;
	top:0px;
	word-wrap: break-word;	
	}

#menurechts{ word-wrap: break-word;	
		float:left;
	        	top:0px;
		width:180px;
		}

#footer {	background:#FFFFFF;	
	clear: both;
	position:relative;
	left:0px;
	height:40px;
	width:981px;
	}

#copyright {	float:left;
		position:absolute;
		bottom: 0px;
		background:#FFFFFF;
	    	height:20px;
	    	width:152px;
	 	}

#subfoot {
	float:left;
	position:absolute;
	background:#FFFFFF;
	left:152px;
	height:40px;
	width:829px;
	}


p {font-family: Verdana, Geneva, sans-serif;
     font-size: 10px;
     word-wrap: break-word;
}

input {font-family: Verdana, Geneva, sans-serif;
     font-size: 10px;
     word-wrap: break-word;
}

label {display:block;
	 font-family: Verdana, Geneva, sans-serif;
           font-size: 10px;
}

table.tabel th, table.tabel tr{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;	
    padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	border:0px;
	align:left;
}

td.right{text-align: right; vertical-align: top; color: #990000;
}
td.rood{border: 1px solid #990000; text-align:left; background-color: #990000; color: white;
}
td.red{border: 1px solid #990000; text-align:center; background-color: #990000; color: white;
}

h1 {font-family: Verdana, Geneva, sans-serif;
    font-size: 14px; margin-top:10px;margin-bottom:10px;
}

A:link {text-decoration: none;color: #990000;word-wrap: break-word;}
A:visited {text-decoration: none;color: #990000;word-wrap: break-word;}
A:active {text-decoration: none;color: #990000;word-wrap: break-word;}
A:hover {text-decoration: underline; color: #990000;word-wrap: break-word;}

#radio{
		font-family: Verdana, Geneva, sans-serif;
   		font-size: 10px;
		border:none;
}

p.trademark {	font-size:8px;
		color: #888888;
}

img
{  border-style: none;
}




* { padding: 0em; margin: 0em; }

#topmenu {width:458px; height:20px; background:url(images/homemenuslice1.jpg) position:relative; z-index:98; font-family:arial, sans-serif;}

/* corrigeer foutieve box voor IE5.5 en IE6.0 */
* html #topmenu {width:458px; w\idth:458px;}

/* standaard lijst opmaak verwijderen */
#topmenu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topmenu li {float:left;position:relative;}

/* style the links for the top level */

#topmenu a, #topmenu a:visited {display:block;font-size:12px;text-decoration:none; text-align:center; width:102px;color:#EEEEEE; height:21px; background:#982720; border:1px solid #000000; border-width:1px 0px 0px 0px; padding-left:6px; line-height:20px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #topmenu a, * html #topmenu a:visited {width:102px; w\idth:102px;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#topmenu ul ul {visibility:hidden;position:absolute;top:22px;left:opx; width:147px;border:0px solid #000000; }
/* another hack for IE5.5 */
* html #topmenu ul ul {top:22px;t\op:22px;}
 
/* style the table so that it takes no part in the layout - required for IE to work */
#topmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links */
#topmenu ul ul a, #topmenu ul ul a:visited {z-index:99;background:#982720; color:#EEEEEE; height:22px; line-height:2em; width:170px; text-align:left; padding-left:8px; border: 1px solid #FFFFFF;}
/* yet another hack for IE5.5 */
* html #topmenu ul ul a, * html #topmenu ul ul a:visited {width:170;w\idth:170;}
 
/* style the top level hover */
#topmenu a:hover, #topmenu ul ul a:hover{color:#000000; background:#CCCCCC;}
#topmenu :hover > a, #topmenu ul ul :hover > a {color:#000000; background:#CCCCCC;}
 
/* make the second level visible when hover on first level list OR link */
#topmenu ul li:hover ul,
#topmenu ul a:hover ul{visibility:visible; }



#productmenu img { border: none; }
#productmenu li { display: inline; list-style:none; }
#productmenu li a { float: left; display:block; height: 25px; margin: 0px; }
#productmenu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#productmenu li a:hover { visibility:visible; }
#productmenu li a:hover img { visibility:visible; }
#productmenu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#bisl { background:url(http://www.ict-p.nl/images/bisl_down.jpg) no-repeat left bottom; }
#prince2 { background:url(http://www.ict-p.nl/images/prince2_down.jpg) no-repeat left bottom; }
#ipma { background:url(http://www.ict-p.nl/images/ipma_down.jpg) no-repeat left bottom; }
#itil { background:url(http://www.ict-p.nl/images/itil_down.jpg) no-repeat left bottom; }
#asl { background:url(http://www.ict-p.nl/images/asl_down.jpg) no-repeat left bottom; }
#tmapnext { background:url(http://www.ict-p.nl/images/tmapnext_down.jpg) no-repeat left bottom; }
#iso20000 { background:url(http://www.ict-p.nl/images/iso20000_down.jpg) no-repeat left bottom; }
#iso27002 { background:url(http://www.ict-p.nl/images/iso27002_down.jpg) no-repeat left bottom; }
#ocs { background:url(http://www.ict-p.nl/images/ocs_down.jpg) no-repeat left bottom; }
#exchange { background:url(http://www.ict-p.nl/images/exchange_down.jpg) no-repeat left bottom; }
#sharepoint { background:url(http://www.ict-p.nl/images/sharepoint_down.jpg) no-repeat left bottom; }
#telefonie { background:url(http://www.ict-p.nl/images/telefonie_down.jpg) no-repeat left bottom; }
#vmware { background:url(http://www.ict-p.nl/images/vmware_down.jpg) no-repeat left bottom; }
#citrix { background:url(http://www.ict-p.nl/images/citrix_down.jpg) no-repeat left bottom; }
#microsoft { background:url(http://www.ict-p.nl/images/microsoft_down.jpg) no-repeat left bottom; }

#sidemenu {width:142; height:auto; position:relative; ;z-index:100; font-family:verdana, sans-serif;}

/* hack to correct IE5.5 faulty box model */
* html #sidemenu {width:142px; w\idth:142px;}

/* remove all the bullets, borders and padding from the default list styling */
#sidemenu ul {padding:0;margin:0;list-style-type:none;}
#sidemenu ul ul {width:120px;}

/* another hack for IE5.5 */
* html #sidemenu ul ul {top:22px;t\op:22px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#sidemenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sidemenu li {float:left;position:relative;}

/* style the links for the top level */

#sidemenu a, #sidemenu a:visited {display:block;font-size:11px;text-decoration:none; width:142px; height:142px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #sidemenu a, * html #sidemenu a:visited {width:142px; w\idth:142px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#sidemenu ul ul {visibility:hidden;position:absolute;height:0;top:10px;left:142px; width:124px;}
#sidemenu ul ul.oplossingen {visibility:hidden;position:absolute;height:0;top:10px;left:142px; width:124px;}
#sidemenu ul ul.trainingen {visibility:hidden;position:absolute;height:0;top:-121px;left:142px; width:124px;}

/* another hack for IE5.5 */
* html #sidemenu ul ul {top:10px;t\op:10px;}
/* another hack for IE5.5 */
* html #sidemenu ul ul.trainingen {top:-10px;t\op:-10px;}
/* another hack for IE5.5 */
* html #sidemenu ul ul.trainingen {top:-121px;t\op:-121px;}

/* style the second level links */
#sidemenu ul ul a, #sidemenu ul ul a:visited {border:1px solid #FFFFFF; border-width: 1px 1px 1px 1px;background:#982720; color:#FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:150px; }

/* yet another hack for IE5.5 */
* html #sidemenu ul ul a, * html #sidemenu ul ul a:visited {width:150px;w\idth:150px;}


/* style the second level background with arrow */
#sidemenu ul ul a.drop, #sidemenu ul ul a.drop:visited{border:1px solid #FFFFFF; border-width: 1px 1px 1px 1px;background:#982720 url(http://www.ict-p.nl/images/arrow.gif) no-repeat 160px center;}


/* style the top level hover */
#sidemenu a:hover, #sidemenu ul ul a:hover{color:#000000; background-position: 0 132px;}
#sidemenu :hover > a.drop, #sidemenu ul ul :hover > a.drop{color:#000000; background:#EEEEEE url(http://www.ict-p.nl/images/arrow.gif) no-repeat 160px center;}


/*style the second level hover */
#sidemenu ul ul a:hover{border:1px solid #000000; border-width: 1px 1px 1px 1px;color:#000000; background:#EEEEEE;}

/* yet another hack for IE5.5 */
* html #sidemenu ul ul a, * html #sidemenu ul ul a:visited {width:150px;w\idth:150px;}

/* style the second level hover */
#sidemenu ul ul a.drop:hover{border:1px solid #000000; border-width: 1px 1px 1px 1px;background:#EEEEEE url(http://www.ict-p.nl/images/arrow.gif) no-repeat 160px center;}
#sidemenu ul ul :hover > a.drop{border:1px solid #000000; border-width: 1px 1px 1px 1px;color:#000000 background:#EEEEEE url(http://www.ict-p.nl/images/arrow.gif) no-repeat 160px center;}


/*style third level hover */
#sidemenu ul ul ul a:hover, #sidemenu ul ul ul a:hover{border:1px solid #EEEEEE; color:#FFFFFF; background:#666666;}
/* style the third level hover */
#sidemenu ul ul ul a:hover:visited, #sidemenu ul ul ul a:hover:visited{border:1px solid #EEEEEE;background:#666666;color:#000000;}


 
/* position the third level flyout menu */
#sidemenu ul ul ul{left:172px; top:0px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
#sidemenu ul ul ul.left {left:-200px;}
 

/* style the third level links */
#sidemenu ul ul ul a, #sidemenu ul ul ul a:visited {background:#EEEEEE; color:#000000; height:auto; line-height:1em; padding:5px 10px; width:120px;}
#sidemenu ul ul ul a.long{background:#EEEEEE; color:#000000; height:auto; line-height:1em; padding:5px 10px; width:158px;}


/* make the second level visible when hover on first level list OR link */
#sidemenu ul li:hover ul,
#sidemenu ul a:hover ul{visibility:visible;}


/* keep the third level hidden when you hover on first level list OR link */
#sidemenu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#sidemenu ul :hover ul :hover ul{visibility:visible;}


#sidemenu li a.afbeelding1 {margin:0px;background:url(http://www.ict-p.nl/images/btn_detachering.jpg);}
#sidemenu li a.afbeelding2 {margin:0px;background:url(http://www.ict-p.nl/images/btn_oplossingen.jpg);}
#sidemenu li a.afbeelding3 {margin:0px;background:url(http://www.ict-p.nl/images/btn_opleidingtraining.jpg);}

#sidemenu li:hover a,#sidemenu a:hover {background-position: 0 132px;}


#sidemenu ul ul ul{background:#EEEEEE; color:#000000;line-height:1em; height:auto; width:142px; border:1px solid #000000;}
#sidemenu ul ul ul.long{background:#EEEEEE; color:#000000;line-height:1em; height:auto; width:180px; border:1px solid #000000;}