/* layout */

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Verdana;
	font-size: 0.7em; /* base font grootte */
	color: #4b4a4d;
/*	overflow: scroll;*/
}

#container 
{
	position: relative;
	width: 100%;
	height: 100%;
}

	#site 
	{
		position: relative;
		width: 910px; /* 950 */
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px 20px 20px;
	}
	
		#head 
		{
			position: relative;
			width: 910px;
			height: 150px;
		}
		
			#logo {
				position: absolute;
				left: 0px;
				top: 18px;
			}
			
			#header_photo 
			{
				position: absolute;
				background: transparent url(/contentsuite/template/hww/images/header_photo.png) no-repeat;
				width: 192px;
				height: 298px;/*300*/
				right: 0px;
				top: 0px;
			}
			
			#topmenu 
			{
				position: absolute;
				background: transparent url(/contentsuite/template/hww/images/search.gif) no-repeat right top;
				width: 500px;
				height: 27px;
				right: 0px;
				top: 9px;
			}
			
				#topmenu_text 
				{
					position: relative;
					float: right;
					padding: 5px 120px 0px 0px;
				}
				
				#topmenu_search 
				{
					position: absolute;
					right: 0px;
					top: 7px; /* 6px voor IE... */
					width: 116px;
					height: 16px;
				}
				
					#topmenu_search input
					{
						width: 82px;
						height: 12px;
						border: solid 1px #ffffff;
						padding: 0px;
						margin: 0px;
					}
					
				#topmenu_searchbutton 
				{
					position: absolute;
					right: 13px;
					top: 8px; /* 6px voor IE... */
				}
		
		#menu 
		{
			position: relative;
			width: 910px;
			height: 53px;
		}
			
			#menu_content 
			{
				position: absolute;
				width: 590px;
				height: 53px;
				left: 92px;
				bottom: 0px;
			}
			
			#menu_content_layover 
			{
				position: absolute;
				background: transparent url(/contentsuite/template/hww/images/curve.png) no-repeat left bottom;
				width: 695px;
				height: 26px;
				left: 20px;
				bottom: 0px;
			}
			
				.menu_left 
				{
					position: relative;
					float: left;
					background: transparent url(/contentsuite/template/hww/images/menu.gif) no-repeat 0px 0px;
					width: 11px;
					height: 53px;
				}
				
				.menu_middle
				{
					position: relative;
					float: left;
					background: transparent url(/contentsuite/template/hww/images/menu.gif) repeat-x 0px -53px;
					height: 43px; /* 53 */
					padding: 10px 3px 0px 4px;
					/*cursor: pointer; cursor: hand; /*fix*/
				}
				
				.menu_split 
				{
					position: relative;
					float: left;
					background: transparent url(/contentsuite/template/hww/images/menu.gif) no-repeat -11px 0px;
					width: 16px;
					height: 53px;
				}
				
				.menu_right
				{
					position: relative;
					float: left;
					background: transparent url(/contentsuite/template/hww/images/menu.gif) no-repeat -27px 0px;
					width: 11px;
					height: 53px;
				}
		
		#content 
		{
			position: relative;
			width: 910px;
			padding-top: 20px;
		}
		
			#content_left 
			{
				position: relative;
				float: left;
				width: 200px;
				min-height: 400px;
				height: auto !important;
				height: 400px;
				padding: 0px 15px 0px 92px;
			}
			
				#submenu_top 
				{
					position: relative;
					background: transparent url(/contentsuite/template/hww/images/submenu.gif) no-repeat 0px 0px;
					width: 200px;
					height: 12px;
				}
				
				#submenu_middle 
				{
					position: relative;
					background: transparent url(/contentsuite/template/hww/images/submenu.gif) repeat-y -200px 0px;
					width: 177px; /* 200px */
					padding: 0px 13px 4px 10px;
				}
				
				#submenu_bottom 
				{
					position: relative;
					background: transparent url(/contentsuite/template/hww/images/submenu.gif) no-repeat 0px -12px;
					width: 200px;
					height: 12px;
				}
				
				#submenu_home_top 
				{
					position: relative;
					background: transparent url(/contentsuite/template/hww/images/submenu_home.gif) no-repeat 0px 0px;
					width: 200px;
					height: 12px;
				}
				
				#submenu_home_middle 
				{
					position: relative;
					background: transparent url(/contentsuite/template/hww/images/submenu_home.gif) repeat-y -200px 0px;
					width: 160px; /* 200px */
					padding: 3px 20px 8px 20px;
				}
				
				#submenu_home_bottom 
				{
					position: relative;
					background: transparent url(/contentsuite/template/hww/images/submenu_home.gif) no-repeat 0px -12px;
					width: 200px;
					height: 12px;
				}
				
				/* list menu */
				#listMenu 
				{
					background-color: #ffe00a;
				}
				
				#listMenu a
				{
					color: #4b4a4d;
					text-decoration: none;
					/* display: block; */ /* werkt niet in plaats van div in anchor ivm IE6 :( */
					/* padding via asp script */
					display: block;
				}
				
				#listMenu ul li ul li a
				{
					font-style: italic;
				}
				
				#listMenu .activeMenuItem
				{
					background: #4b575f url(/contentsuite/template/hww/images/submenu.gif) no-repeat -400px 0px;
				}
				
				#listMenu .activeMenuLink
				{
					color: #ffffff;
				}
				
				#listMenu ul
				{
					background-color: #fff6b6;
				}
				
				#listMenu ul .activeMenuItem
				{
					background: transparent url(/contentsuite/template/hww/images/submenu.gif) no-repeat -400px -31px;
				}
				
				#listMenu ul .activeMenuLink
				{
					color: #4b4a4d;
				}
				
				#listMenu li
				{
					list-style-type: none;
					border-top: solid 1px #ffe00a;
					font-size: 11px;
					line-height: 14px;
					font-weight: normal;
				}
				
				#listMenu, #listMenu ul
				{
					margin: 0px;
					padding: 0px;
				}
				
				#listMenu ul
				{
					display: none;
				}
				
			#content_middle 
			{
				position: relative;
				float: left;
				width: 345px; /* 375px */
				min-height: 400px;
				height: auto !important;
				height: 400px;
				padding: 0px 15px 0px 15px;
			}
			
			#content_right 
			{
				position: relative;
				float: left;
				width: 200px;
				min-height: 400px;
				height: auto !important;
				height: 400px;
				padding: 0px 0px 0px 15px;
			}
			
				#banners 
				{
					position: relative;
					margin-left: -10px;
				}
					
					#banners img
					{
						display: block;
					}
					
					.banner_spacer 
					{
						position: relative;
						width: 200px;
						height: 8px;
					}
					
					.banner_blok
					{
						position: relative;
						background-color: #00826d;
						width: 150px; /* 160px */
						margin: 1px 0px 0px 25px;
						padding: 3px 5px 3px 5px
					}
		
		#footer 
		{
			position: relative;
			width: 890px; /* 910px */
			padding: 15px 0px 0px 20px;
		}
			
			#footer_content 
			{
				position: relative;
				background: transparent url(/contentsuite/template/hww/images/curve.png) no-repeat top left;
				width: 695px;
				height: 66px;
			}
			
				#footer_logo 
				{
					position: absolute;
					width: 131px;
					height: 40px;
					top: 22px;
					left: 135px;
				}
				
				#footer_text 
				{
					position: absolute;
					width: 300px;
					height: 32px;
					top: 32px;
					left: 302px;
				}
		
		.clear 
		{
			clear: both;	
		}


/* elements */

h1
{
	font-size: 1.6em; /* 0.6 groter dan base font */
	font-weight: 100;
	color: #00826d;
}

h2
{
	font-size: 1.3em; /* 0.3 groter dan base font */
	font-weight: 600;
	color: #4b4a4d;
}

h3
{
	font-size: 1.1em; /* 0.1 groter dan base font */
	font-weight: 900;
	color: #4b4a4d;
}

h6
{
	font-size: 0.9em; /* 0.1 kleiner dan base font */
	font-weight: 300;
	color: #4b4a4d;
	font-style: italic;
}

li 
{
	list-style-type: disc;
}

ul, ol, dl /* IE6 fix for backgrounds */
{
	position: relative;
}

a 
{
	color: #00826d;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}


/* (text) markup */

#topmenu_text
{
	font-size: 11px; /* font grootte vast voor IE (1.0 em, dus bij em's weglaten) */
}

#topmenu_text a 
{
	color: #4b4a4d;
}

/* menu text #4b575f */

#topmenu_search input 
{
	font-size: 10px; /* font grootte vast voor IE, (0.9 em) */
}

#font_resize_normal 
{
	font-size: 11px; /* font grootte vast voor IE (1.0 em, dus bij em's weglaten) */	
}

#font_resize_larger
{
	font-size: 12px; /* font grootte vast voor IE, (1.1 em) */	
}

#font_resize_largest
{
	font-size: 13px; /* font grootte vast voor IE, (1.2 em) */	
}

.menu_middle, .menu_middle a
{
	font-size: 12px; /* font grootte vast voor IE, (1.1 em) */	
	color: #ffffff;
}

.menu_middle a:hover
{
	text-decoration: none;
}

.menu_middle .menu_active
{
	color: #ffe00a;
}

#submenu_home_middle 
{
	color: #ffffff;
	line-height: 1.5em;
}

#submenu_home_middle a
{
	color: #4b4a4d;
}

.banner_blok, .banner_blok a
{
	font-size: 11px;
	color: #ffffff;
}

.banner_blok a
{
	text-decoration: none;
}

.readmore 
{
	text-align: right;	
}

.header_below
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.header_above
{
	padding-top: 3px;
	margin-top: 0px;
}

.input, .textarea
{
	font-family: Arial, Verdana;
	font-size: 1em;
	color: #4b4a4d;
}