body
		{
		font: normal 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; 
		text-align: center;
		color: #000;
		padding: 0;
		margin: 0;
		background: #FFFFFF;
		}
		
a, a:link, a:visited	
		{
		color: #44ACC4;
		text-decoration: none;
    	outline: none;
		}		
a:hover, a.active, a:active
		{
		color: #1B3D28;
		text-decoration: none;
		}
		
h1		{
		font: normal 18px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
		
h2		{
		font: normal 16px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
		
h3		{
		font: normal 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
		
h4		{
		font: normal 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
		
h5		{
		font: normal 10px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
		
h6		{
		font: normal 8px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
		
p		{
		padding: 0;
		}
		
pre
		{
		font: normal 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; 
		color: #0B6E44;
		}
		

img		{border: none;}
		

#container
		{
		width: 728px;
		margin: 0 auto;
		padding: 0;
		}
		
#header
		{
		float: left;
		width: 728px;
		height: 180px;
		padding: 4px 0;
		margin: 20px 0;
		border-style: solid;
		border-width: 1px 0;
		border-color: #8D9290;
		display: inline;
		}
		
#logo
		{
		float: left;
		width: 110px;
		height: 180px;
		margin: 0;
		padding: 0;
		}
		
ul#menu 
		{
		position: relative;
		float: left;
		width: 150px; 
		height: 180px;
		margin: 0;
		padding: 0;
		list-style-type: none; 
		}

ul#menu li 
		{
  		display: block; 
  		position: absolute;
  		left: 0px;
  		}

    	ul#menu li a { 
    	display: block; 
    	height: 25px;     
    	text-decoration: none; 
    	text-indent: -8000px;
    	}
    
    	ul#menu a.current { cursor: default; }
    	
    	ul#menu li a {background: url("../htimg/menu.jpg") no-repeat; }
    	
    	ul#menu li#nav_bluefields           		{ width: 150px; top: 0;}
    	ul#menu li#nav_bluefields           		{ background-position: 0px  0px; }
    	ul#menu li#nav_bluefields a:hover   		{ background-position: -150px  0px; }
    	ul#menu li#nav_bluefields a.active 			{ background-position: -150px  0px; }
    
    	ul#menu li#nav_werkwijze           			{ width: 150px; top: 25px; }
    	ul#menu li#nav_werkwijze a         			{ background-position: 0px  -25px; }
    	ul#menu li#nav_werkwijze a:hover   			{ background-position: -150px  -25px; }
    	ul#menu li#nav_werkwijze a.active 			{ background-position: -150px  -25px; }
    
    	ul#menu li#nav_visie           				{ width: 150px; top: 50px; }
    	ul#menu li#nav_visie a         				{ background-position: 0px  -50px; }
    	ul#menu li#nav_visie a:hover   				{ background-position: -150px  -50px; }
    	ul#menu li#nav_visie a.active 				{ background-position: -150px  -50px; }
    
    	ul#menu li#nav_klanten           			{ width: 150px; top: 75px; }
    	ul#menu li#nav_klanten a         			{ background-position: 0px  -75px; }
    	ul#menu li#nav_klanten a:hover   			{ background-position: -150px  -75px; }
    	ul#menu li#nav_klanten a.active 			{ background-position: -150px  -75px; }
    
    	ul#menu li#nav_partners           			{ width: 150px; top: 100px; }
    	ul#menu li#nav_partners a         			{ background-position: 0px  -100px; }
    	ul#menu li#nav_partners a:hover   			{ background-position: -150px  -100px; }
    	ul#menu li#nav_partners a.active 			{ background-position: -150px  -100px; }    
    
    	ul#menu li#nav_inspiratie           		{ width: 150px; top: 125px; }
    	ul#menu li#nav_inspiratie a         		{ background-position: 0px  -125px; }
    	ul#menu li#nav_inspiratie a:hover   		{ background-position: -150px  -125px; }
    	ul#menu li#nav_inspiratie a.active 			{ background-position: -150px  -125px; }
		
    	ul#menu li#nav_contact           			{ width: 150px; top: 150px; }
    	ul#menu li#nav_contact a         			{ background-position: 0px  -150px; }
    	ul#menu li#nav_contact a:hover   			{ background-position: -150px  -150px; }
    	ul#menu li#nav_contact a.active 			{ background-position: -150px  -150px; }
			
		
		
#image
		{
		float: left;
		width: 468px;
		height: 180px;
		margin: 0;
		padding: 0;
		}
		
		
		
#main
		{
		float: left;
		padding: 0;
		margin: 0;
		background: url("../htimg/rightback.jpg") right bottom no-repeat;
		}
		
		
#mainleft
		{
		text-align: left;
		float: left;
		width: 260px;
		height: 420px;
		min-height: 420px;
		padding: 0;
		margin: 0;
		}
		#mainleft h1
		{
		color: #276372;
		}
		
		#mainleft ul
		{
		padding: 0;
		margin: 10px 0;
		list-style: none;
		}
		#mainleft ul li
		{
		padding: 0 0 10px 0;
		margin: 0;
		}
		#mainleft ul li a:link, #mainleft ul li a:visited
		{
		color: #44ACC4;
		}
		#mainleft ul li a:hover, #mainleft ul li a:active, #mainleft ul li a.active
		{
		color: #1B3D28;
		text-decoration: underline;
		}
		
		
		
#mainright
		{
		text-align: justify;
		float: left;
		width: 468px;
		padding: 0 0 20px 0;
		margin: 0;
		}
		#mainright h1
		{
		color: #1B3D28;
		}
		#mainright p
		{
		color: #4A4A4A;
		}
		#mainright em
		{
		width: 468px;
		overflow: hidden;
		}
		#mainright ul
		{
		list-style-type: none;
		list-style-image: url(/htimg/li.gif);
		color: #000;
		}
		
#footer
		{
		text-align: center;
		color: #8e8e8e;
		float: left;
		width: 728px;
		height: 24px;
		padding: 10px 0 10px 0;
		margin: 0;
		border-style: solid;
		border-width: 1px 0 0;
		border-color: #8D9290;
		display: inline;
		}