/* GENERAL SETTINGS */
	body
	{
		background:				 url(../graphics/bg_body.gif) center repeat-y;
		color:					#5C5C5C; 
		font-family: 			arial;
		font-size: 				80%;
		margin:					0px;
		padding:				0px;
		line-height:			1.5em;		
	}

	.clearBox
	{
		clear:					both;
		
		height:					1px;
		padding:				0;
		margin:					0;
	}

/* CANVAS AREA */

	#canvasArea
	{
	/*	background:				#FFFFFF url(../graphics/bg_canvas.gif) repeat-y; */	
		margin:					0 auto 0 auto;
		width:					970px;
		position:				relative;
		
		
	}
	
	
/* HEADER AREA */

	#headerArea
	{
		height:					216px;
		width:					970px;
		margin:					0px;
		padding:				0px;
		position:				relative;
	}
		
		#headerArea h1
		{	
			margin:				0;
			padding:			0;
		}	
		
		#headerArea h1 a{
			background:			url(../graphics/bg_logo.gif) no-repeat;
			display:			block;
			height:				50px;
			width:				970px;
			margin:				0px;
			padding:			0px;
		}
		
		#headerArea h2
		{	
			background:			#30ADFF url(../graphics/bg_header.gif) no-repeat;
			display:			block;
			height:				165px;
			width:				970px;
			border-bottom:		1px solid #FFFFFF;
			margin:				0px;
			padding:			0px;
		}
		
		#headerArea h2.header_wie{
			background:			#30ADFF url(../graphics/header_wie.gif) no-repeat;
		}
		#headerArea h2.header_wat{
			background:			#30ADFF url(../graphics/header_wat.gif) no-repeat;
		}
		#headerArea h2.header_hoe{
			background:			#30ADFF url(../graphics/header_hoe.gif) no-repeat;
		}
		#headerArea h2.header_producten{
			background:			#30ADFF url(../graphics/header_producten.gif) no-repeat;
		}
		#headerArea h2.header_voorbeelden{
			background:			#30ADFF url(../graphics/header_voorbeelden.gif) no-repeat;
		}
		#headerArea h2.header_default{
			background:			#30ADFF url(../graphics/header_contact.gif) no-repeat;
		}
		
		
		#headerArea h2 span, #headerArea h3, #headerArea h1 span
		{
			display:			none;
		} 
		
		
		#headerArea #flashHeaderBox{
			position:			absolute;
			left:				0px;
			top:				50px;
		}

/* ServiceArea */

#serviceArea{
	position:				absolute;
	top:					60px;
	left:					745px;
	z-index:				1000;
	width:					210px;
}

	#serviceArea ul{
		margin:					0px;
		padding:				0px;
		list-style:				none;
		width:					208px;		
	}
	
	#serviceArea ul li{
	
		display:			inline;
	}
	
	#serviceArea ul li a{
		width:					203px;
		height:					30px;
		display:				block;
		margin:					0px;
		padding:				0px;
	}
	
	#serviceArea ul li a.home{
		background:				url(../graphics/bt_home.gif) no-repeat;
	}
	
		#serviceArea ul li a.home:hover{
			background:				url(../graphics/bt_home_active.gif) no-repeat;
		}
		
	#serviceArea ul li a.newsletter{
		background:				url(../graphics/bt_newsletter.gif) no-repeat;
	}
	
		#serviceArea ul li a.newsletter:hover{
			background:				url(../graphics/bt_newsletter_active.gif) no-repeat;
		}
	
	#serviceArea ul li a.sitemap{
		background:				url(../graphics/bt_sitemap_next.gif) no-repeat;
	}
	
		#serviceArea ul li a.sitemap:hover{
			background:				url(../graphics/bt_sitemap_next_active.gif) no-repeat;
		}
		
		
	
	#serviceArea ul li a.contact{
		background:				url(../graphics/bt_contact_next.gif) no-repeat;
	}
		#serviceArea ul li a.contact:hover{
			background:				url(../graphics/bt_contact_next_active.gif) no-repeat;
		}
	
	#serviceArea ul li a.route{
		background:				url(../graphics/bt_route_next.gif) no-repeat;
	}
		#serviceArea ul li a.route:hover{
			background:				url(../graphics/bt_route_next_active.gif) no-repeat;
		}
		
	#serviceArea ul li a.stuur{
		background:				url(../graphics/bt_stuur_next.gif) no-repeat;
	}	
		#serviceArea ul li a.stuur:hover{
			background:				url(../graphics/bt_stuur_next_active.gif) no-repeat;
		}
	
	
	
	
	#serviceArea ul li a.lettersize{
		background:				url(../graphics/bt_lettersize_next.gif) no-repeat;
		cursor:					default;
	}
		#serviceArea ul li a.lettersize:hover{
			background:				url(../graphics/bt_lettersize_next_active.gif) no-repeat;
		}
		
	#serviceArea ul li a.print{
		background:				url(../graphics/bt_print_next.gif) no-repeat;
	}
		#serviceArea ul li a.print:hover{
			background:				url(../graphics/bt_print_next_active.gif) no-repeat;
		}
	
	
	#template_home #smaller{
		border:					none;
		margin:					4px 0 0 100px;
		cursor:					pointer;
	}
	
	#template_home #bigger{
		border:					none;
		cursor:					pointer;
	}
	
	#smaller{
		border:					none;
		margin:					2px 0 0 100px;
		cursor:					pointer;
	}
	
	#bigger{
		border:					none;
		cursor:					pointer;
	}
	
	#serviceArea ul li a span{
		display:				none;
	}

	/* SERVICE AREA */
	#serviceMenuArea{
		margin:					0;
	}
	
	
	#serviceMenuArea ul{
		margin:					0 0 0 0;
		padding:				0;
		list-style:				none;
	}
	
	#serviceMenuArea ul li{
		display:				inline;
	}
	
	#serviceMenuArea ul li a{
		width:					204px;
		height:					30px;
		display:				block;
	}
	
	#serviceMenuArea ul li a.sitemap{
		background:				url(../graphics/bt_sitemap.gif) no-repeat;
	}
	
		#serviceMenuArea ul li a.sitemap:hover{
			background:				url(../graphics/bt_sitemap_active.gif) no-repeat;
		}
	
	#serviceMenuArea ul li a.contact{
		background:				url(../graphics/bt_contact.gif) no-repeat;
	}
		#serviceMenuArea ul li a.contact:hover{
			background:				url(../graphics/bt_contact_active.gif) no-repeat;
		}
	
	#serviceMenuArea ul li a.route{
		background:				url(../graphics/bt_route.gif) no-repeat;
	}
		#serviceMenuArea ul li a.route:hover{
			background:				url(../graphics/bt_route_active.gif) no-repeat;
		}
		
	#serviceMenuArea ul li a.stuur{
		background:				url(../graphics/bt_stuur.gif) no-repeat;
	}	
		#serviceMenuArea ul li a.stuur:hover{
			background:				url(../graphics/bt_stuur_active.gif) no-repeat;
		}
	
	#serviceMenuArea ul li a.login{
		background:				url(../graphics/bt_login.gif) no-repeat;
	}
		#serviceMenuArea ul li a.login:hover{
			background:				url(../graphics/bt_login_active.gif) no-repeat;
		}
	
	#serviceMenuArea ul li a.lettersize{
		background:				url(../graphics/bt_lettersize.gif) no-repeat;
		cursor:					default;
	}
		#serviceMenuArea ul li a.lettersize:hover{
			background:				url(../graphics/bt_lettersize_active.gif) no-repeat;
		}
		
	#serviceMenuArea ul li a.print{
		background:				url(../graphics/bt_print_next.gif) no-repeat;
	}
		#serviceMenuArea ul li a.print:hover{
			background:				url(../graphics/bt_print_next_active.gif) no-repeat;
		}
	
	#smaller{
		border:					none;
		margin:					0 0 0 100px;
		cursor:					pointer;
	}
	
	#bigger{
		border:					none;
		cursor:					pointer;
	}
	
	
	#serviceMenuArea ul li a span{
		display:				none;
	}
	
/*mainNavigationArea*/

#mainNavigationArea{
	background:					url(../graphics/bg_mainnav.gif) no-repeat;
	width:						950px;
	height:						25px;
	padding:					0 10px 0 10px;
	position:					relative; 
}

.mainNavigationBox { 
	width:						910px; 
	position:					relative;
	margin:						0; 
	z-index:					100;
}
	
.mainNavigationBox ul li a{
	display:			block; 
	text-decoration:	none;
	height:				25px; 
}
	
	.mainNavigationBox ul li a.wieZijnWe{
		background:				url(../graphics/wie_down.gif) no-repeat;
		width:					148px;
	}
	
		.mainNavigationBox ul li a.wieZijnWe:hover{
			background:				url(../graphics/wie_up.gif) no-repeat;
		}
		
		.mainNavigationBox ul li a.wieZijnWe_active{
			background:				url(../graphics/wie_up.gif) no-repeat;
			width:					148px;
		}
	
	.mainNavigationBox ul li a.watDoenWe{
		background:				url(../graphics/wat_down.gif) no-repeat;
		width:					159px;
	}
	
		.mainNavigationBox ul li a.watDoenWe:hover{
			background:				url(../graphics/wat_up.gif) no-repeat;
		}
		
		.mainNavigationBox ul li a.watDoenWe_active{
			background:				url(../graphics/wat_up.gif) no-repeat;
			width:					159px;
		}	
	
	.mainNavigationBox ul li a.hoeWerkenWe{
		background:				url(../graphics/hoe_down.gif) no-repeat;
		width:					180px;
	}
	
		.mainNavigationBox ul li a.hoeWerkenWe:hover{
			background:				url(../graphics/hoe_up.gif) no-repeat;
		}
		
		.mainNavigationBox ul li a.hoeWerkenWe_active{
			background:				url(../graphics/hoe_up.gif) no-repeat;
			width:					180px;
		}	

	.mainNavigationBox ul li a.product{
		background:				url(../graphics/producten_down.gif) no-repeat;
		width:					141px;
	}
	
		.mainNavigationBox ul li a.product:hover{
			background:				url(../graphics/producten_up.gif) no-repeat;
		}

		.mainNavigationBox ul li a.product_active{
			background:				url(../graphics/producten_up.gif) no-repeat;
			width:					141px;
		}

	
	.mainNavigationBox ul li a.voorbeelden{
		background:				url(../graphics/voorbeelden_down.gif) no-repeat;
		width:					157px;
	}
	
		.mainNavigationBox ul li a.voorbeelden:hover{
			background:				url(../graphics/voorbeelden_up.gif) no-repeat;
		}

		.mainNavigationBox ul li a.voorbeelden_active{
			background:				url(../graphics/voorbeelden_up.gif) no-repeat;
			width:					157px;
		}


	.mainNavigationBox ul li a span{
		display:				none;
	}
	
	
.mainNavigationBox ul {
	padding:			0; 
	margin:				0;
	list-style-type: 	none; 
}
	
.mainNavigationBox ul li {
	float:			left; 
	margin:			0;
	position:		relative;
}
.mainNavigationBox ul li ul {
	display: 		none;
	background:		url(../graphics/bg_subnav.gif) bottom no-repeat;
	padding:		6px 0 10px 0;
}

.mainNavigationBox ul li ul li ul {
	display: 		none;
	background:		url(../graphics/bg_subsubnav.gif) bottom no-repeat;
	padding:		6px 0 10px 0;
}

/* specific to non IE browsers */
.mainNavigationBox ul li:hover a {
	color:			#fff; 
}


	.mainNavigationBox ul li:hover a.wieZijnWe {
		background:				url(../graphics/wie_up.gif) no-repeat; 
	}
	
	.mainNavigationBox ul li:hover a.watDoenWe {
		background:				url(../graphics/wat_up.gif) no-repeat; 
	}
	
	.mainNavigationBox ul li:hover a.hoeWerkenWe {
		background:				url(../graphics/hoe_up.gif) no-repeat; 
	}
	
	.mainNavigationBox ul li:hover a.product {
		background:				url(../graphics/producten_up.gif) no-repeat; 
	}
	
	.mainNavigationBox ul li:hover a.voorbeelden {
		background:				url(../graphics/voorbeelden_up.gif) no-repeat; 
	}
	
	
	

.mainNavigationBox ul li:hover ul {
	display:		block; 
	position:		absolute; 
	top:			20px; 
	left:			0; 
	width:			175px;
}
	
.mainNavigationBox ul li:hover ul li a.hide {background:#30ADFF; color:#fff;}
.mainNavigationBox ul li:hover ul li:hover a.hide {background:#30ADFF; color:#000;}
.mainNavigationBox ul li:hover ul li ul {display: none;}
.mainNavigationBox ul li:hover ul li a {
	display:				block;
	color:					#000066;
	height:					18px;
	padding:				3px 20px 0 20px;
	width:					135px;
	font-weight:			bold;
	border-bottom:					1px solid #5CBDFD;
	}
.mainNavigationBox ul li ul li a:hover { color:#FFF;background:url(../graphics/bg_subnavmouseover.gif)}
.mainNavigationBox ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0;}
.mainNavigationBox ul li:hover ul li:hover ul.left {left:-175px;}


/* SEARCHBOX */
.searchBox{
	position:			absolute;
		left:			735px;
		top:			0px;
	height:				20px;
	width:				235px;
}

.searchBox .searchElementOne{
	width:				152px;
	float:				left;			
}

	.searchBox label{
		background:			url(../graphics/bg_zoek.gif) no-repeat;
		width:				42px;
		height:				25px;
		display:			block;
		float:				left;
	}
		.searchBox label span{
			display:			none;
		}

	.searchBox input.searchInput{
		border:					1px solid #30ADFF;
		background:				#D6EFFF;
		height:					15px;
		margin:					3px 0 0 0;
		width:					145px;
		font-size:				11px;
		padding:				0 2px 0 2px;
		font-weight:			bold;
		color:					#000066;
	}
	
	
		
/* SUBNAVIGATIONAREA */

	#subNavigationArea
	{
		float:					left;
		width:					172px;
		margin:					25px 25px 0 0;
	}
	
	#subNavigationArea ul{
		list-style:				none;
		margin:					0 0 0 15px;
		padding:				0;
	}
	
		#subNavigationArea ul li{
			display:				inline;
		}
		
		#subNavigationArea ul li a{
			display:				block;
			width:					140px;
			background:				url(../graphics/bg_subnav_next.gif) 0px 6px no-repeat;
			padding:				3px 0 0 17px;
			text-decoration:		none;
			color:					#202079;
			font-weight:			bold;
			border-bottom:			1px solid #B7E2FF;
		}
			#subNavigationArea ul li a:hover{
				background:				url(../graphics/bg_subnav_next_hover.gif) 0px 6px no-repeat;
				color:					#189DF4;
			}
			
			#subNavigationArea ul li a.activeElement{
				background:				url(../graphics/bg_subnav_next_active.gif) 0px 6px no-repeat;
				color:					#189DF4;
				border:					none;
			}
			
			#subNavigationArea ul li a.activeElement:hover{
				background:				url(../graphics/bg_subnav_next_active.gif) 0px 6px no-repeat;
			}
			
			#subNavigationArea ul li ul li a{
				background:				none;
				width:					135px;
				padding:				3px 0 0 5px;
				text-decoration:		none;
				border:					none;
				font-weight:			normal;
				font-size:				85%;
				color:					#000066;
				border-bottom:			none;
			}
			
			#subNavigationArea ul li ul li a:hover{
				background:				none;
				color:					#24A7FF;
			}
			
			#subNavigationArea ul li ul li a.activeElement{
				background:				none;
				color:					#24A7FF;
				font-weight:			bold;
			}
			
			#subNavigationArea ul li ul li a.activeElement:hover{
				background:				none;
				color:					#000066;
			}
			
			
			#subNavigationArea ul li ul li ul li a{
				background:				none;
				width:					125px;
				padding:				3px 0 0 0;
				text-decoration:		none;
				border:					none;
				font-weight:			normal;
			}
		
/* PRIMARY CONTENT AREA */
	#primaryContentArea
	{
		float:					left;
		width:					523px;
		margin:					25px 25px 0 0;
	}
	
	#primaryContentArea .contentBoxTwo{
		width:					250px;
		float:					left;
		clear:					both;
	}
	
	#primaryContentArea .contentBoxThree{
		width:					250px;
		float:					right;
	
	}
	
	#primaryContentArea .contentBoxFour{
		clear:					both;
	}
			
	#primaryContentArea .contentBoxReleasenotes{
		padding-left: 20px;
	}

	#primaryContentArea .links {padding-top:10px;}
	
/* SECONDARY CONTENT AREA */
	#secondaryContentArea
	{
		float:					right;
		width:					203px;
		margin:					25px 22px 0 0;
	}
	
	
	
/* FOOTER AREA */
	#footerArea
		{
			
			height:				50px;
			background:			url(../graphics/bg_footer.gif) no-repeat;
			width:				970px;
			padding:			10px 0 0 0;
			margin:				12px 0 0 0;
		}	
		
	#footerArea ul{
		list-style:				none;
		margin:					0 0 0 15px;
		padding:				0;
	}
	
	#footerArea ul li {
		float:					left; 
		margin:					0;
		position:				relative;
	}
	
	#footerArea ul li a {
		display:				block;
		height:					28px;
		text-decoration:		none;
	}
	
	#footerArea ul li a.home {
		background:				url(../graphics/bt_footer_home.gif) no-repeat;
		width:					190px;
	}
	
	#footerArea ul li a.wieZijnWe {
		background:				url(../graphics/bg_footer_wie.gif) no-repeat;
		width:					77px;
	}
	#footerArea ul li a.watDoenWe {
		background:				url(../graphics/bg_footer_wat.gif) no-repeat;
		width:					87px;
	}
	#footerArea ul li a.hoeWerkenWe {
		background:				url(../graphics/bg_footer_hoe.gif) no-repeat;
		width:					99px;
	}
	#footerArea ul li a.product {
		background:				url(../graphics/bg_footer_producten.gif) no-repeat;
		width:					74px;
	}
	#footerArea ul li a.voorbeelden {
		background:				url(../graphics/bg_footer_voorbeelden.gif) no-repeat;
		width:					85px;
	}
	
	
	
	#footerArea ul li a span{
		display:				none;
	}