/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

div{
	margin:0;
	padding:0;
}	
	
body{
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	margin:0;
	padding:0;
	line-height:16px;
	background:url(../images/body_bg.gif) repeat-y #fff;
	height:100%;
}

body.gray {
	background:url(../images/body_bg_gray.gif) repeat-y #fff;
}

	.header{
		float:left;
		width:100%;
		height:115px;
		background:url(../images/header.gif) no-repeat #fff;
	}

	.logo a{
		float:left;
		width:365px;
		height:110px;		
	}	
	
	.container{
		margin:0;
		width:844px;
	 min-height:100%;

	}
				
		.content{
			float:left;
			width:623px;
		}

			.content_titel{
				float:left;
				width:579px;
				height:25px;
				padding-left:44px;
				padding-top:10px;
				line-height:20px;
				font-size:16px;
				font-weight:bold;
				margin-bottom:1px;
				color:#fff;
				background:url(../images/content_titel.gif) no-repeat;
			}

			.content_tekst{
				float:left;
				width:613px;
				padding-left:10px;
			}
			
			.gray .content_tekst{
				width:603px;
				padding-right:10px;
			}
		
		.balk{
			float:left;
			width:20px;
			height:231px;
			background:url(../images/balk.gif) no-repeat;
		}
	
		.footer{
			position:absolute;
			bottom:0px;
			width:100%;
			height:54px;
			background:#332b53;
			z-index:10;
			background:url(../images/footer.gif)  no-repeat;
		}		

.clearer {
	clear: both; 
	line-height:0; 
	float: none;
}



/* ----------------------------------------------
	CONTENT STYLES                               
	____________________________________________ */


h1{
	font-size: 14px;
	color:#000066;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:24px;
}

h2{
	font-size: 14px;
	color:#FF0000;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:24px;
}

h3{
	font-size: 14px;
	color:#000;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:24px;
}

h4{
	font-size: 12px;
	color:#000066;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:24px;
}

h5{
	font-size: 12px;
	color:#FF0000;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:24px;
}

h6{
	font-size: 12px;
	color:#000;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:24px;
}

hr{
	height:1px;
	color:#000066;
}

a {
	color:#FF0000;
	font-weight:normal;
}

a:hover{
	text-decoration:none;	
}




/* ----------------------------------------------
	MENU OPMAAK                               
	____________________________________________ */


		.menu{
			float:left;
			width:201px;
		}
			.menu ul{
				margin:0;
				padding:0;
			}
			.menu li{
				list-style:none;
				color:#fff;
				
			}
			.menu li a{
				float:left;
				color:#fff;
				height:25px;
				width:156px;
				padding-top:5px;
				padding-left:25px;
				padding-right:20px;
				font-size:12px;
				text-decoration:none;
				background:url(../images/menu/menu01.gif);
			} 
			
			.menu li:hover a, .menu li.active a{
				cursor:pointer;
				background:url(../images/menu/menu01_over.gif);
			}

		.menu li.menu02 a{		
			background:url(../images/menu/menu02.gif);
		}
		.menu li.menu02:hover a, .menu li.menu02.active a{
			cursor:pointer;
			background:url(../images/menu/menu02_over.gif);
		}
		.menu li.menu03 a{		
			background:url(../images/menu/menu03.gif);
		}
		.menu li.menu03:hover a, .menu li.menu03.active a{
			cursor:pointer;
			background:url(../images/menu/menu03_over.gif);
		}
		.menu li.menu04 a{		
			padding-top:2px;
			height:28px;
			line-height:12px;
			background:url(../images/menu/menu04.gif);
		}
		.menu li.menu04:hover a, .menu li.menu04.active a{
			cursor:pointer;
			padding-top:2px;
			height:28px;
			background:url(../images/menu/menu04_over.gif);
		}
		.menu li.menu05 a{		
			padding-top:2px;
			height:28px;
			line-height:12px;
			background:url(../images/menu/menu05.gif);
		}
		.menu li.menu05:hover a, .menu li.menu05.active a{
			cursor:pointer;
			padding-top:2px;
			height:28px;
			background:url(../images/menu/menu05_over.gif);
		}
		.menu li.menu06 a{		
			background:url(../images/menu/menu06.gif);
		}
		.menu li.menu06:hover a, .menu li.menu06.active a{
			cursor:pointer;
			background:url(../images/menu/menu06_over.gif);
		}	
		.menu li.menu07 a{		
			background:url(../images/menu/menu07.gif);
		}
		.menu li.menu07:hover a, .menu li.menu07.active a{
			cursor:pointer;
			background:url(../images/menu/menu07_over.gif);
		}
		.menu li.menu08 a{		
			background:url(../images/menu/menu08.gif);
		}
		.menu li.menu08:hover a, .menu li.menu08.active a{
			cursor:pointer;
			background:url(../images/menu/menu08_over.gif);
		}