/* stap 1 */
#n ul{
	width:auto;
	padding:0px;
	margin:0px;
	position:relative;
	z-index:2;	
	list-style-type: none;	
	}
/* stap 2 - relatieve positie instellen */
#n li {  
    float: left;
    position: relative;
	 width: auto;	 	  
	 list-style-type: none;
  }	

/* stap 3 - positie submenu instellen */
#n li ul {
    display: none;
    position: absolute; 
    top:25px;
    left:0px; 			 
	 width:1px; /*voor IE6*/
  }	
/* Stap 4  instellingen overrullen voor andere browsers dan IE, lijkt niet nodig
li > ul {
	top: auto;
	left: auto;	
	}	*/
/* Stap 4 - uiterlijk hyperlinks instellen */
#n li a.topnav {	   	
	color: rgb(255,255,255);
	background-color:#999999;
	background-image: url(../images/home.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	width:90px;
	height:25px;
	display: block;		
	padding: 0px;	
	margin: 0px;
	text-decoration:none;	
	outline-style:none;	
	}		
#n li a:hover.topnav {	    
	color: #666666;		
	}		
	
#n li a.topnavprod {	   		
	background-color:#999999;
	background-image: url(../images/product.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	width:103px;
	height:25px;
	display: block;			
	margin:0px 25px 0px 0px;
	text-decoration:none;	
	outline-style:none;
	}	
	
#n li a:hover.topnavprod {	 
	background-color:#999999;
	background-image: url(../images/product.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;
	width:103px;
	height:25px;	
}	

#n li a.menuproductentop {	
   width:100px;
	color: #666666;	   
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	font-weight:normal;
	background-image: url(../images/blokje.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	display:block;			
	padding:5px 5px 5px 20px;
	outline-style:none;
	text-decoration:none;		
	}
#n li a:hover.menuproductentop{		
   width:101px;
	color:#666666;
	background-image: url(../images/blokje.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;	
	border-right: 5px solid #FF9900;	
	outline-style:none;		
	}	
	
#n li a.menuproducten {	
   width:100px;
	color: #666666;	
   background-color:#CCCCCC;		
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	font-weight:normal;	
	display:block;			
	padding:5px;
	outline-style:none;
	text-decoration:none;	
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;	
	white-space: nowrap;
	} 
#n li a:hover.menuproducten{		
   width:101px;
	color:#666666;
	background-color:#E8E7E7;		
	border-right: 5px solid #FF9900;
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;	
	outline-style:none;		
	white-space: nowrap;
	}		
	
#n li a.menuproductenonder {	
   width:115px;	
	height:14px;	
   background-color:#CCCCCC;			
	display:block;			
	padding:0px 5px 0px 5px;
	text-decoration:none;
	outline-style:none;				
	cursor:default;
	} 
#n li a:hover.menuproductenonder{		
   width:115px;	
	background-color:#CCCCCC;				
	outline-style:none;
	}	
	

#n li a.topnavvest {	   	
	color: rgb(255,255,255);
	background-color:#999999;
	background-image: url(../images/vestiging.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	width:103px;
	height:25px;
	display: block;		
	margin:0px 5px 0px 0px;	
	text-decoration:none;	
	outline-style:none;			
	}	
#n li a:hover.topnavvest {
	background-color:#999999;
	background-image: url(../images/vestiging.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;
	width:103px;
	height:25px;
}
#n li a.menuvestigingentop {	
   width:115px;
	color: #666666;	   		
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	font-weight:normal;
	background-image: url(../images/blokje.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	display:block;			
	padding:5px 5px 5px 20px;
	margin-left:0px;
	outline-style:none;
	text-decoration:none;		
	}
#n li a:hover.menuvestigingentop{		
   width:116px;
	color:#666666;
	background-image: url(../images/blokje.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;	
	border-right: 5px solid #660066;	
	outline-style:none;		
	}
#n li a.menuvestigingen {	
   width:115px;	
	color: #666666;	
   background-color:#CCCCCC;		
	text-align:left;
	font-family:Arial;
	font-size:12px;		
	font-weight:normal;
	display:block;			
	padding:5px;	
	margin-left:0px;	
	outline-style:none;
	text-decoration:none;	
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;		
	
	}
#n li a:hover.menuvestigingen{		
   width:116px;	
	color:#666666;
	background-color:#E8E7E7;		
	border-right: 5px solid #660066;
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;
	outline-style:none;		
	}	
	
#n li a.menuvestigingenonder {	
   width:130px;	
	height:14px;	
   background-color:#CCCCCC;			
	display:block;			
	padding:0px 5px 0px 5px;
	margin-left:0px;
	text-decoration:none;
	outline-style:none;				
	cursor:default;
	} 
#n li a:hover.menuvestigingenonder{		
   width:130px;	
	background-color:#CCCCCC;				
	outline-style:none;	
	}	
	
#n li a.topnavserv {	   	
	color: rgb(255,255,255);
	background-color:#999999;
	background-image: url(../images/links.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	width:80px;
	height:25px;
	display: block;	
	margin:0px 25px 0px 0px;		
	text-decoration:none;	
	outline-style:none;		
	}
#n li a:hover.topnavserv {
	background-color:#999999;
	background-image: url(../images/links.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;
	width:80px;
	height:25px;
}

#n li a.menulinkstop {	
   width:115px;
	color: #666666;	   	
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	font-weight:normal;
	white-space: nowrap;
	background-image: url(../images/blokje.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	display:block;			
	padding:5px 5px 5px 20px;
	margin-left:25px;
	outline-style:none;
	text-decoration:none;		
	}
#n li a:hover.menulinkstop{		
   width:116px;	
	color:#666666;
	background-image: url(../images/blokje.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;	
	border-right: 5px solid #999999;	
	outline-style:none;		
	}
#n li a.menulinks {	
   width:115px;
	color: #666666;	
   background-color:#CCCCCC;		
	text-align:left;
	font-family:Arial;
	font-size:12px;		
	font-weight:normal;
	display:block;			
	padding:5px;		
	margin-left:25px;
	outline-style:none;
	text-decoration:none;		
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;			
	}
#n li a:hover.menulinks{		
   width:116px;	
	color: #666666;
	background-color:#E8E7E7;		
	border-right: 5px solid #999999;
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;	
	}	
	
#n li a.menulinksonder {	
   width:130px;	
	height:14px;	
   background-color:#CCCCCC;			
	display:block;			
	padding:0px 5px 0px 5px;
	margin-left:25px;
	text-decoration:none;
	outline-style:none;			
	cursor:default;
	} 
#n li a:hover.menulinksonder{		
   width:130px;	
	background-color:#CCCCCC;				
	outline-style:none;	
	}


/* Thuisin button */
#n li a.topnavthuisin {	   		
	background-color:#999999;
	background-image: url(../images/thuisin.jpg);
   	background-position:0px 0px;
   	background-repeat:no-repeat;
	width:103px;
	height:25px;
	display: block;			
	margin: 0px 15px 0px 30px;
	text-decoration:none;	
	outline-style:none;
	}	
	
#n li a:hover.topnavthuisin {	 
	background-color:#999999;
	background-image: url(../images/thuisin.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;
	width:103px;
	height:25px;	
}	

#n li a.menuthuisintop {	
   width:125px;
	color: #666666;	   
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	font-weight:normal;
	background-image: url(../images/blokje.jpg);
   background-position:0px 0px;
   background-repeat:no-repeat;
	display:block;			
	padding:5px 5px 5px 20px;
	outline-style:none;
	text-decoration:none;
	margin-left: 45px;		
	}
#n li a:hover.menuthuisintop{		
   width:126px;
	color:#666666;
	background-image: url(../images/blokje.jpg);
   background-position:0px -25px;
   background-repeat:no-repeat;	
	border-right: 5px solid #FF9900;	
	outline-style:none;		
	}	
	
#n li a.menuthuisin {	
   width:125px;
	color: #666666;	
   background-color:#CCCCCC;		
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	font-weight:normal;	
	display:block;			
	padding:5px;
	outline-style:none;
	text-decoration:none;	
	border-bottom:1px solid #FFFFFF;
	margin-left: 45px;
	border-left:15px solid #CCCCCC;	
	} 
#n li a:hover.menuthuisin{		
   width:126px;
	color:#666666;
	background-color:#E8E7E7;		
	border-right: 5px solid #FF9900;
	border-bottom:1px solid #FFFFFF;
	border-left:15px solid #CCCCCC;	
	outline-style:none;		
	}		
	
#n li a.menuthuisinonder {	
   width:140px;	
	height:14px;	
   background-color:#CCCCCC;			
	display:block;			
	padding:0px 5px 0px 5px;
	text-decoration:none;
	outline-style:none;				
	cursor:default;
	margin-left: 45px;
	} 
#n li a:hover.menuthuisinonder{		
   width:140px;	
	background-color:#CCCCCC;				
	outline-style:none;
	}			

/* Stap 5 - CSS_hack om witruimte in IE windows te verbergen, lijkt niet nodig 
	* html ul li{ 
	  float: left; 	 */
/* Extra ingebracht voorals er in IE een wit ruimte ontstaat.
     height:100%;
	  }*/
/*	* html ul li a{ 
	  height: 1%; 
	  }*/
/* Stap 6 - submenu laten verschijnen bij een mouseover */
#n li:hover ul{ 
	display: block;
	}	
/* Stap 7 - Javascript toevoegen voor IE6 Windows en declaratie uitbreiden */
#n li.over ul{
	display: block;		
	}