#navTop { font-size: 1px; margin-left: 13px; width: 171px; height: 12px; background: url("../images/layout/navtop.gif") } /* font-size IE5.5 - 6.0 BUG */
#navBottom {
	font-size: 1px; /* font-size IE5.5 - 6.0 BUG */
	clear: both;
	margin-left: 13px;
	width: 171px;
	height: 27px;
	background-image: url("../images/layout/navbottom.png")!important;
	background-image: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/navbottom.png") }

.navigation {
	position: relative;
	left: 13px;
	width: 171px; /* BOX-MODEL HACK IE5.5 */
	margin: 0;
	padding: 43px 2px 0 7px;
	text-align: left;
	list-style-type: none;
	font-size: 11px;
	background-color: #f7f7f7;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 162px; /* juiste width , de eerste is IE5.5 HACK * BOX-MODEL */	
}

.navigation li { display: inline }  /* display: inline -> IE5.5 gaps HACK */

.navigation li a {
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 20px;
	margin: 4px 0 0 0;
	text-decoration: none;
	color: white;
	background: url("../images/layout/navbg.gif") no-repeat left }
.navigation li a:hover { background-position: -162px 0px }

/**** CHILD ******/
.navigation li ul { margin: 0; padding: 0; list-style-type: none }
.navigation ul li a {
	height: 18px;
	line-height: 19px;
	color: #393939;
	font-size: 10px;
	padding: 0 0 0 17px;
	margin: 0;
	background: url("../images/layout/navchildbg.gif") }
.navigation ul li a:hover { background-position: -162px 0px; font-weight: bold }
/****************/

.navChildsTop { width: 100%; height: 6px; font-size: 1px; background: url("../images/layout/navchildbgtop.gif") } /* font-size: 1px IE5.5 BUG fix */
.navChildsBottom { width: 100%; height: 5px; font-size: 1px; background: url("../images/layout/navchildbgbottom.gif") } /* font-size: 1px IE5.5 BUG fix */


.collapsed { display: none }
.expanded { display: block }

.navigation li a#active { font-weight: bold; background: url("../images/layout/navbg2active.gif") }
.navigation ul li a#active { font-weight: bold; background: url("../images/layout/navchildbg.gif") }

.navigation li a#nonactive { background: url("../images/layout/navbg2.gif") }
.navigation li#big a#nonactive { line-height: 12px; padding-top: 5px; height: 30px; background: url("../images/layout/navbgBig2.gif") no-repeat top left }
.navigation li#big a#active { line-height: 12px; padding-top: 5px; height: 30px; background: url("../images/layout/navbgBig2active.gif") no-repeat top left }


.navigation li a.collapsed { font-weight: none }
.navigation li a.expanded { font-weight: bold; background: url("../images/layout/navbgactive.gif") no-repeat left }
/** IE verandert actieve menubg -> onderstaande regel fixt dit **/
.navigation li a.expanded:hover { background-position: 0 0 }

.navigation li a:visited { color: #ffffff }
.navigation ul li a:visited { color: #393939 }