@charset "utf-8";

/*
	MUS - Multimedia Unieke Service
	Navigatie Stylesheet
	16-12-2008 - www.m-us.nl
	door: Bas Muskens (sebas@m-us.nl)
*/



/*****************

	Navigatie

*****************/
	
	#navigatie {
		margin:auto;
		overflow:hidden;
		width: 500px;
	}
	
		#navigatie h2 {
			display: none
		}
		
			#navigatie ul {
				position:absolute;
				top: 180px;
				left: 20px; 
				padding: 0;
				margin: 0;
			}
			
				#navigatie li {
					float: left;
					margin: 0;
					padding: 0;
				}
				
					#navigatie li a {
						float: left;
						height: 30px;
						font-size: 1.7em;
						font-family: Arial, Helvetica, sans-serif;
						text-align: center;
						text-decoration: none;
						color: #81705e;
						padding: 40px 0 0 0;
						margin: 0 32px;
					}
		
						#navigatie li.incus     { background: url(../img/nav-incus.jpg) no-repeat top;}						
						#navigatie li.werkwijze { background: url(../img/nav-werkwijze.jpg) no-repeat top;}
						#navigatie li.portfolio { background: url(../img/nav-portfolio.jpg) no-repeat top;}
						#navigatie li.contact   { background: url(../img/nav-contact.jpg) no-repeat top;}
						
							#navigatie li.incus a:hover, 
							#navigatie li.incus .actief a {
							color: #989898;}
							
							#navigatie li.werkwijze a:hover, 
							#navigatie li.werkwijze .actief a {
							color: #78c6ec;}
							
							#navigatie li.portfolio a:hover, 
							#navigatie li.portfolio .actief a {
							color: #a2cc82;}
							
							#navigatie li.contact a:hover, 
							#navigatie li.contact .actief a {
							color: #ea8a8e;}
							
/*****************

	Sub-Navigatie

*****************/

	#subNavigatie {
		margin: auto;
		overflow:hidden;
	}
	
		#subNavigatie h2 {
			display: none
		}
		
			#subNavigatie ul {
				position:absolute;
				top: 263px;
				left: 75px;
				padding: 0;
				margin: 0;
			}
			
			#paginaWerkwijze #subNavigatie ul {
				left: 85px;
			}
			
				#subNavigatie li {
					float: left;
					margin: 0 2px;
				}
				
					#subNavigatie li a {
						font-family: "Trebuchet MS", verdana, sans-serif;
						font-size: 1.1em;
						color: #797979;
						display: block;
						padding: 10px 15px 15px 15px;
					}
					
						#subNavigatie li a:hover {
							background-color: #FFF;
							background-image:url(../img/sub-navigatie-actief.gif);
							background-position:bottom center;
							background-repeat:no-repeat;
						}
						
							#subNavigatie li.actief a {
								background-color: #FFF;
								background-image:url(../img/sub-navigatie-actief.gif);
								background-position:bottom center;
								background-repeat:no-repeat;
								text-decoration: none;
							}
							
							  #incus #subNavigatie li.actief a {
								color: #999;
							}
							
							  #werkwijze #subNavigatie li.actief a {
								color: #79c5ec;
							}
							
							  #portfolio #subNavigatie li.actief a {
								color: #a3cb86;
							}
							
							  #contact #subNavigatie li.actief a {
								color: #e98a90;
							}