body 
	{font: normal 0.8em/1.6em Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ebeceb /* #E4EBD2 */; text-align: center;}
body, form * 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}

/* layout elementen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
		
	#container {width: 885px /* 761px */; margin: 0 auto; background-color: white;
				border: 1px solid #CCC; text-align: left;}
		
	/* bovenzijde */
	#head {height: 88px; position: relative; border-bottom: 1px solid #CCC; background-color: white;}
	#head ul, #head li {margin: 0; padding: 0;}
	#logo {position: absolute; left: 0; top: 0; width: 450px; height: 88px;}
	
	#navcontainer {position: absolute; right: 0; top: 0;
		width: 430px; height: 88px; border-left: 1px solid #CCC;}
	* html #navcontainer {right: -1px;} /* in IE zat een extra pixel verschil aan de rechterzijde */
	
	#topbar {height: 55px; border-bottom: 1px solid #000;}
	#topbarcontainer {padding-top: 15px;}

	/*#nav, #bannerarea	{background: url(../img/bg_metal.jpg) top left;}*/
	#nav	{background: url(../img/bg_metal.jpg) top left;}
	body#circhome #bannerarea {background: url(../img/bg_image_shadow.jpg) top left no-repeat;}
	
	#metanav	{margin: 0; padding: 0; text-align: center;}
	#metanav li {display: inline; font-size: 0.9em; padding: 0 10px; border-right: 1px solid gray;}
	#metanav a	{color: gray; text-decoration: none;}
	
	#searchbar		{float: right; padding-right: 10px;}
	#lblTxtSearch 	{display: none;}
	#txtSearch 		{border: 1px solid #CCC; font-size: 95%; padding: 0.2em; margin-bottom: 0.3em;}
	
	/* feitelijke inhoud */
	#canvas {/* min-height: 400px; */ }
		
		/* homepage */	
		body#circhome h1		{display: none;}
		#teaser, #bannerarea 	{float: left;}
		#bannerarea				{width: 350px;}
		#bannerarea {background: url(../upload/home/hom_metal_bg.jpg) top left no-repeat; width: 350px; height: 456px;}
		#bannerarea p			{margin: 15px auto 15px auto; padding: 0; text-align: center;}
		body#circhome #footer	{background: none; height: 33px;}
		#teaser #teastxt	{width: 439px; height: 373px; padding: 10px;}
		
		/* vervolgpagina's */
		#kopfoto	{background: url(../img/top_gradient.gif) no-repeat; height: 109px;}
		#customkopfoto	{background: url(../img/banner_885x109.jpg) no-repeat; height: 109px; padding-left: 223px;}
		#customkopfotopon {background: url(../img/banner_alza_lang.jpg) no-repeat; height: 109px; padding-left: 223px;}

		#submenu 	{clear: both; width: 190px; margin: 0; padding: 0; float: left;}
			#submenu ul {margin: 25px 0 20px 0; padding: 0; border-top: 1px dotted silver;}
			#submenu li {list-style: none; border-bottom: 1px dotted silver; padding: 0.35em;}
			#submenu a	{color: black; text-decoration: none;}
			#submenu a:hover, #submenu li.current a	{color: #063;}
		
		#stuurdoor	{margin: 10px 0 40px 10px;}
		#stuurdoor span	{font-size: 0.8em; color: #063; display: block;}
		
		#page {float: right; padding: 1.5em 1.5em 1.5em 0; width: 667px /* 528px */;}
	
		#crumbs, #crumbs a	{color: gray;}
		#crumbs		{font-size: 0.8em}
		#crumbs a	{text-decoration: none;}

	/* onderkant */ 
	#footer {border-top: 1px solid #CCC; height: 26px; clear: both;
			background: url(../img/footer.jpg) no-repeat top right; font-size: 0.8em;}
	#footer img	{margin-top: 4px; margin-left: 3px; margin-right: 3px; padding: 0;}
	#footer, #footer a	{color: gray; text-decoration: none;}
	#footer p	{margin: 4px 0 0 10px; padding: 0;}
	#ponlogo {float: right;}