/* Style properties for the-uptimizers.be by Peter Coopmans */

.menuhp {font-family: Verdana, Arial, sans-serif; width: 210px; position: relative; font-size: 11px; margin-bottom: 23px; margin-left: 41px; _margin-left: 0px; *margin-left: 38px; overflow: hidden;}
.menuhp ul li a.hp, .menuhp ul li a.hp:visited {display: block; text-decoration: none; color: #54534e; width: 204px; text-align:left; border:1px solid #e2e2df; border-width:0 0 1px 0; background: transparent; font-size: 12px; padding: 4px 0 4px 10px; font-weight: bold;}
.menuhp ul {padding: 0; margin: 0; list-style-type: none;}
.menuhp ul li {float: left; margin-right: 1px; position: relative;}
.menuhp ul li ul {margin: 0; width: 210px; _width: 204px;}
.menuhp ul li ul li a.hp, .menuhp ul li ul li a.hp:visited {display: block; text-decoration: none; color: #54534e; width: 204px; text-align: left; border: 1px dotted #e2e2df; border-width: 0 0 1px 0; background: transparent; font-size: 12px; padding: 4px 0 4px 10px; font-weight: normal;}

.menuhp ul li a.hp:hover {color: #fff; background: #8cc63f; text-decoration: none;}
.menuhp ul li ul li a:hover {color: #fff; background: transparent; text-decoration: none;}

.menuhp ul li a#active {color: #000; background: #fff center left url(../images/bck-arrow.png) no-repeat; text-decoration: none; padding-left: 15px;}
.menuhp ul li ul li a#active {color: #fff; background: transparent; text-decoration: none;}

#navigation {
	display: block;
	float: left;
	margin-left: 38px;
	width: 902px;
	height: 37px;
	overflow: hidden;
	background: url(../images/bck-mainmenu.gif) no-repeat;
}

/* to stretch the container div to contain floated list */
#navigation:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#navlist {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	font-size: small;
}

ul#navlist li {
	display: block;
	float: left;
	width: 108px;
	margin: 0px;
	padding: 0px;
	line-height: 37px;
}

ul#navlist li a {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	border-right: 1px solid #ccc;
	height: 37px;
	color: #000;
	text-decoration: none;
	background: transparent;
	font-size: small;
}

#navigation>ul#navlist li a { 
	width: auto; 
}

ul#navlist li#active a {
	background-image: url(../images/bck-nav-hover.gif);
	color: #FFF;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #FFF;
	background-image: url(../images/bck-nav-hover.gif);
}

ul#navlist li a.first {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	border-right: 1px solid #ccc;
	height: 37px;
	color: #000;
	text-decoration: none;
	background: transparent;
	font-size: small;
}

#navigation>ul#navlist li a.first { 
	width: auto; 
}

ul#navlist li#active a.first {
	background-image: url(../images/bck-nav-hover-first.gif);
	color: #fff;
}

ul#navlist li a.first:hover, ul#navlist li#active a.first:hover {
	color: #FFF;
	background-image: url(../images/bck-nav-hover-first.gif);
}