#nav, #nav ul {
	padding:0; 
	margin: 0px 0px 0px 0px; 
	list-style:none; 
	/*width:844px; 	*/
}
#nav li {
	float:left;
	
}
#nav li a {
	float:left; 
	text-decoration:none; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size:21px; 
	color: #ffffff;
}


#nav li a.fotos {
	/*border: 1px solid red;*/
	/*text-indent: -9999px;*/
	display: block;
	width: 63px;
	height: 23px;
	background: url("fotos_up.png") no-repeat;
	padding: 0px 20px 0 0px;
}

#nav li a.fotos:hover {
	
	text-indent: -9999px;
	/*display: block;*/
	width: 63px;
	background: url("fotos_down.png") no-repeat;
	padding:0 20px 0 0px;
}


#nav li a.producten {
	/*border: 1px solid red;*/
	/*text-indent: -9999px;*/
	display: block;
	width: 115px;
	height: 23px;
	background: url("producten_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.producten:hover {
	
	
	display: block;
	width: 115px;
	background: url("producten_down.png") no-repeat;
}

#nav li a.projecten {
	/*border: 1px solid red;*/
	/*text-indent: -9999px;*/
	display: block;
	width: 106px;
	height: 23px;
	background: url("projecten_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.projecten:hover {
	
	text-indent: -9999px;
	display: block;
	width: 106px;
	background: url("projecten_down.png") no-repeat;
}

#nav li a.livium {
	
	text-indent: -9999px;
	display: block;
	width: 65px;
	height: 23px;
	background: url("livium_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.livium:hover {
	
	text-indent: -9999px;
	display: block;
	width: 65px;
	background: url("livium_down.png") no-repeat;
}
/*
#nav li a.info {
	
	text-indent: -9999px;
	display: block;
	width: 42px;
	height: 23px;
	background: url("info_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.info:hover {
	
	text-indent: -9999px;
	display: block;
	width: 42px;
	background: url("info_down.png") no-repeat;
}
*/
#nav li a.brochure {
	/*border: 1px solid red;*/
	/*text-indent: -9999px;*/
	display: block;
	width: 101px;
	height: 23px;
	background: url("brochure_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.brochure:hover {
	
	text-indent: -9999px;
	display: block;
	width: 101px;
	background: url("brochure_down.png") no-repeat;
}

#nav li a.offerte {
	
	text-indent: -9999px;
	display: block;
	width: 74px;
	height: 23px;
	background: url("offerte_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.offerte:hover {
	
	text-indent: -9999px;
	display: block;
	width: 74px;
	background: url("offerte_down.png") no-repeat;
}



#nav li a.contact {
	
	/*border: 1px solid red;*/
	/*text-indent: -9999px;*/
	display: block;
	width: 86px;
	height: 23px;
	background: url("contact_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.contact:hover {
	
	text-indent: -9999px;
	display: block;
	width: 86px;
	background: url("contact_down.png") no-repeat;
}



#nav li b {
	line-height:28px; 
	padding:0 20px 0 0px; 
	cursor:pointer; 
	color:#ffffff;
	text-indent: 9999px;
	
}


/*#nav li.sub a b {background:url(down.gif) no-repeat right 6px;}*/

#nav li.sub a.klassiek_nieuwbouw {
	/*border: 1px solid black;*/
	text-indent: -9999px;
	display: block;
	width: 123px;
	height: 10px;
	background: url("klassiek_nieuwbouw_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.klassiek_nieuwbouw:hover {
	/*border: 1px solid black;*/
	text-indent: -9999px;
	display: block;
	width: 123px;
	height: 10px;
	background: url("klassiek_nieuwbouw_down.png") no-repeat;
}

#nav li.sub a.klassiek_verbouw {
	/*border: 1px solid black;*/
	text-indent: -9999px;
	display: block;
	width: 107px;
	height: 10px;
	background: url("klassiek_verbouw_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.klassiek_verbouw:hover {
	text-indent: -9999px;
	display: block;
	width: 107px;
	height: 10px;
	background: url("klassiek_verbouw_down.png") no-repeat;
}

#nav li.sub a.modern_nieuwbouw {
	text-indent: -9999px;
	display: block;
	width: 128px;
	height: 10px;
	background: url("modern_nieuwbouw_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.modern_nieuwbouw:hover {
	text-indent: -9999px;
	display: block;
	width: 128px;
	height: 10px;
	background: url("modern_nieuwbouw_down.png") no-repeat;
}

#nav li.sub a.modern_verbouw {
	text-indent: -9999px;
	display: block;
	width: 110px;
	height: 10px;
	background: url("modern_verbouw_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.modern_verbouw:hover {
	text-indent: -9999px;
	display: block;
	width: 110px;
	height: 10px;
	background: url("modern_verbouw_down.png") no-repeat;
}



#nav li.sub a.louvredaken {
	text-indent: -9999px;
	display: block;
	width: 82px;
	height: 12px;
	background: url("louvredaken_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.louvredaken:hover {
	text-indent: -9999px;
	display: block;
	width: 82px;
	height: 12px;
	background: url("louvredaken_down.png") no-repeat;
}

#nav li.sub a.louvreline_panelen {
	text-indent: -9999px;
	display: block;
	width: 118px;
	height: 12px;
	background: url("louvreline_panelen_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.louvreline_panelen:hover {
	text-indent: -9999px;
	display: block;
	width: 118px;
	height: 12px;
	background: url("louvreline_panelen_down.png") no-repeat;
}

#nav li.sub a.airfoil_panelen {
	text-indent: -9999px;
	display: block;
	width: 95px;
	height: 12px;
	background: url("airfoil_panelen_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.airfoil_panelen:hover {
	text-indent: -9999px;
	display: block;
	width: 95px;
	height: 12px;
	background: url("airfoil_panelen_down.png") no-repeat;
}

#nav li.sub a.shutters {
	text-indent: -9999px;
	display: block;
	width: 59px;
	height: 12px;
	background: url("shutters_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.shutters:hover {
	text-indent: -9999px;
	display: block;
	width: 59px;
	height: 12px;
	background: url("shutters_down.png") no-repeat;
}

#nav li.sub a.louvre_specials {
	text-indent: -9999px;
	display: block;
	width: 98px;
	height: 12px;
	background: url("louvre_specials_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.louvre_specials:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 98px;
	height: 12px;
	background: url("louvre_specials_down.png") no-repeat;
}

/*** PROJECTEN ***/



#nav li.sub a.project01 {
	text-indent: -9999px;
	display: block;
	width: 69px;
	height: 12px;
	background: url("project_01_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project01:hover {
	text-indent: -9999px;
	display: block;
	width: 69px;
	height: 12px;
	background: url("project_01_down.png") no-repeat;
}

/******/

#nav li.sub a.project02 {
	text-indent: -9999px;
	display: block;
	width: 71px;
	height: 12px;
	background: url("project02_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project02:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 71px;
	height: 12px;
	background: url("project02_down.png") no-repeat;
}

/******/

#nav li.sub a.project03 {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 12px;
	background: url("project03_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project03:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 72px;
	height: 12px;
	background: url("project03_down.png") no-repeat;
}

/******/

#nav li.sub a.project04 {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 12px;
	background: url("project04_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project04:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 72px;
	height: 12px;
	background: url("project04_down.png") no-repeat;
}

/******/

#nav li.sub a.project05 {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 12px;
	background: url("project05_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project05:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 72px;
	height: 12px;
	background: url("project05_down.png") no-repeat;
}

/******/

#nav li.sub a.project06 {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 12px;
	background: url("project06_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project06:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 72px;
	height: 12px;
	background: url("project06_down.png") no-repeat;
}

/******/

#nav li.sub a.project07 {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 12px;
	background: url("project07_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project07:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 72px;
	height: 12px;
	background: url("project07_down.png") no-repeat;
}

/******/

#nav li.sub a.project08 {
	text-indent: -9999px;
	display: block;
	width: 72px;
	height: 12px;
	background: url("project08_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.project08:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 72px;
	height: 12px;
	background: url("project08_down.png") no-repeat;
	
}

/***LIVIUM***/

#nav li.sub a.over_livium {
	text-indent: -9999px;
	display: block;
	width: 76px;
	height: 12px;
	background: url("over_livium_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.over_livium:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 76px;
	height: 12px;
	background: url("over_livium_down.png") no-repeat;
}

#nav li.sub a.waarom_livium {
	text-indent: -9999px;
	display: block;
	width: 98px;
	height: 12px;
	background: url("waarom_livium_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.waarom_livium:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 98px;
	height: 12px;
	background: url("waarom_livium_down.png") no-repeat;
}

#nav li.sub a.productkenmerken {
	text-indent: -9999px;
	display: block;
	width: 126px;
	height: 12px;
	background: url("productkenmerken_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.productkenmerken:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 126px;
	height: 12px;
	background: url("productkenmerken_down.png") no-repeat;
}

/***BROCHURE***/

#nav li.sub a.brochure_aanvragen {
	text-indent: -9999px;
	display: block;
	width: 131px;
	height: 12px;
	background: url("brochure_aanvragen_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.brochure_aanvragen:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 131px;
	height: 12px;
	background: url("brochure_aanvragen_down.png") no-repeat;
}

#nav li.sub a.voor_architecten {
	text-indent: -9999px;
	display: block;
	width: 205px;
	height: 12px;
	background: url("voor_architecten_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.voor_architecten:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 205px;
	height: 12px;
	background: url("voor_architecten_down.png") no-repeat;
}
/******CONTACT*/

#nav li.sub a.informatie_aanvragen {
	text-indent: -9999px;
	display: block;
	width: 132px;
	height: 12px;
	background: url("info_aanvragen_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li.sub a.informatie_aanvragen:hover {
	text-indent: -9999px;
	/*display: block;*/
	width: 132px;
	height: 12px;
	background: url("info_aanvragen_down.png") no-repeat;
}
#nav li a.pers {
	
	text-indent: -9999px;
	display: block;
	width: 49px;
	height: 23px;
	background: url("pers_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.pers:hover {
	
	text-indent: -9999px;
	display: block;
	width: 49px;
	background: url("pers_down.png") no-repeat;
}


#nav li a.contactgegevens {
	
	text-indent: -9999px;
	display: block;
	width: 116px;
	height: 23px;
	background: url("contactgegevens_up.png") no-repeat;
	padding:0 20px 0 0px;
}

#nav li a.contactgegevens:hover {
	
	text-indent: -9999px;
	display: block;
	width: 116px;
	background: url("contactgegevens_down.png") no-repeat;
}

/*
#nav li.sub a i {
	color: #ffffff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/

/*
#nav b.hover {
	color:#ffffff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
*/

#nav i.hover {
	color:#ffffff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	
}

#nav li.sub a i.hover {
	color: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
/*#nav em.hover {color:#080;}*/
#nav ul ul ul a:hover {color:#ffffff;}



#nav ul {display:none;}
#nav ul {position:absolute; left:155px; top:23px; /*border: 1px solid green;*/ padding: 8px 0px 0px 0px;}
#nav ul li {float:left; position:relative;}
#nav ul li a {display:block; padding:0 20px 0 0px; font-size:12px; cursor:pointer;}
#nav ul li a i {display:block; font-style:normal; cursor:pointer;}

#nav ul li a.sub {background:url(../menu2/down.gif) no-repeat right 3px;}


#nav ul ul {width:130px; left:-1px; top:30px;}
#nav ul ul li a {display:block; line-height:20px; padding:0 0 0 10px; width:120px;}
#nav ul ul li a.fly {background:url(../menu2/right.gif) no-repeat right center;}
#nav ul ul li a em {font-style:normal; display:block; width:120px; cursor:pointer;}

#nav ul ul ul {left:135px; top:0;}