/* ########################################################## */
/* ### Tekst website secure-hosting.nl                    ### */
/* ########################################################## */
	h1.headingspecial {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	h2.headingspecial {
		font-family:  Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	p.pspecial{
		font-family: Tahoma;
		font-size:11px;
	}

/* ########################################################## */
/* ### Pas hier de positie aan van de footer              ### */
/* ########################################################## */
.e_drop {
	float: right;
	text-align: right;
	margin-right: 10px;
	margin-top: 8px;
	color:#FFFFFF;
}

/* ########################################################## */
/* ### Pas hier de positie aan van de sublinks            ### */
/* ########################################################## */
.e_sub {
	font-size: 10px;
	width: 100px;
	float: left;
	text-align: left;
	display: block;
	line-height: 12px;
}

/* ########################################################## */
/* ### Pas hier de kleur aan van de footer link kleur     ### */
/* ########################################################## */

#e_pmenu a, #e_pmenu a:visited {
	display: block;
	text-decoration: none;
	color: #fffffff;
}

/* ################################################################### */
/* ### Pas hier de kleur aan van de link kleur in het drop up menu ### */
/* ################################################################### */

#e_pmenu .e_drop li a, #e_pmenu .e_drop li a:visited, #e_pmenu .e_drop li a:hover {
	color: #999999;
	text-decoration: none;
}

/* ########################################################## */
/* ### Pas hier dieverse zaken aan van het drop up menu   ### */
/* ########################################################## */

#e_pmenu li:hover > ul {
	width:180px;
	border: #cccccc 1px solid;
	background-color: #ffffff;
	/* IE */
	filter: alpha(opacity=100);
	/* CSS3 standard */
	opacity: 1;
	/* Mozilla FF */
	-moz-opacity: 1;
}

/* ########################################################## */
/* ### Pas hier de positie aan van het dropup menu        ### */
/* ########################################################## */


/* For Non-IE browsers and IE7 */
#e_pmenu li:hover {
	position:relative;
}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#e_pmenu li ul {
	display:none;
}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#e_pmenu li:hover > ul {
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:5px 5px 5px 5px;
}

/* ########################################################## */
/* ### Pas hier de positie aan van het footer dropup menu ### */
/* ########################################################## */

/* Position the first sub level beneath the top level liinks */
#e_pmenu > li:hover > ul {
	/* Lijst welke afstand bij welke font size */
	/* fontsize 10px = -80px */
	/* fontsize 11px = -75px */
	left:-150px;
	/* Lijst welke afstand bij aantal woorden */
	/* aantal 10 = -153px */
	/* aantal 20 = -273px */
	top:-190px;
}

/* get rid of the table */
#e_pmenu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:10px;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #e_pmenu li a:hover {
	position:relative;
}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the e_drop down levels from display:none; to visibility:hidden; */
* html #e_pmenu li ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:10px 5px 5px 5px;
}

/* keep the third level+ hidden when you hover on first level link */
#e_pmenu li a:hover ul ul{
	visibility:hidden;
}