/* CSS SENTIC*/

/*------------------------------------------- framework (excl. header (s)) ----------------------------------------------- */
body {
	padding:				0px;
	margin:					0px;
	background-color:		#000;
	}

#frame {
	width:					800px;
	margin-right:			auto;
	margin-left:			auto;
	margin-top:				10px;
	margin-bottom:			0px;
	background-color:		#fff;
	}

#left {
	width:					184px;
	float:					left;
	background-image:		url(../img/bg_menu.gif);
	background-repeat:		repeat-x;
	background-color:		#fff;
	padding-bottom:			80px;
	}

#right {
	float:					left;
	background-color:		#fff;
	padding-bottom:			20px;
	}

/* ---------------------------------------- header(s) --------------------------------------------*/

#header {
	height:					183px;
	width:					800px;
	padding-top:			42px;
	}

#header_left {
	width:					184px;
	height:					183px;
	float:					left;
	background-color:		#3ebae9;
	}

#header_left h2 {
	margin-top:				80px;
	text-align: 			center;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				15px;
	color:					#FFFFFF;
	font-style: 			italic;
	}	

#header_right{
	float:					left;
	}

/* ---------------------------------------- layout menu --------------------------------------------*/

#menu {
	width:					164px;
	padding-left: 			15px;
	padding-top:            25px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	}

#menu ul {
	margin:					0px;
	line-height:            18px;
	margin-bottom:          0px;
	text-align:             left;
	list-style:				none;
	padding: 				0px;
	}

#menu ul li {
	margin:					0px;
	padding:				0px;
}

#menu ul li a {
	color:					#4f4f4f;
	text-decoration:		none;
	display:				block;
	height:					20px;
	width:					110px;
	background-image:		url(../img/opsomming_grijs.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	padding-left:			18px;
	padding-top:			3px;
	}

#menu ul li a:hover {
	color: 					#3dbbeb;
	background-image:		url(../img/opsomming_blauw.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	}
	
#menu ul ul li a {
	background-image:		url(../img/subopsomming_grijs.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	margin-left:			18px;
	}
	
#menu ul ul li a:hover {
	background-image:		url(../img/subopsomming_blauw.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	}

#menu ul ul ul li a {
	background-image:		url(../img/subopsomming_grijs.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	margin-left:			36px;
	}
	
#menu ul ul ul li a:hover {
	background-image:		url(../img/subopsomming_blauw.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	}

		/* ---------------------------------------- Inlogscherm --------------------------------------------*/
	
		#loginbox {
			margin-top:				34px;
			padding-left:			31px;
			}
			
		#loginbox h2 {
			background-image:		url(../img/opsomming_blauw.gif);
			background-repeat:		no-repeat;
			background-position:	left;
			font-family:			Arial, Helvetica, sans-serif;
			font-size:				11px;
			color: 					#3ebaed;
			padding-left:			18px;
			}
		
		.inputfield {
			font-family:			Arial, Helvetica, sans-serif;
			color:					#585858;
			font-size:				10px;
			margin-bottom:          6px;
			background-color:		#f0f0f0;
			padding:				2px;
			margin-left:			18px;
			}
			
		.btn {
			margin-left:			17px;
			background-image:		url(../img/login.gif);
			background-repeat:		no-repeat;
			background-position:	center left;
			width:					59px;
			height:					20px;
			border:					0px;
			font-family:			Arial, Helvetica, sans-serif;
			color:					#585858;
			font-size:				9px;
			font-weight:			bold;
			padding-bottom:			2px;
			}


/* ---------------------------------------- Layout contentbox --------------------------------------------*/

#content {
	width:					800px;
	background-color:		#fff;
	}

#contentbox {
	width:					605px;
	height:					100%;
	background-color:		#fff;
	}

.contentbox_item {
	padding:				0px;
	width:					270px;
	float:                  left;
	padding-left: 			30px;
	margin-top: 			15px;
	background-color:		#fff;
	}

/* ---------------------------------------- Opmaak tekst,kopjes,opsommingen, etc. --------------------------------------------*/

h1 {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#585858;
	font-size:				14px;
	font-weight: 			bold;
	padding-left:			30px;
	padding-top:			8px;
	margin-top:				20px;
	text-align:			left;
	}


h2.blue {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color: 					#fff;
	background-color:		#3dbbeb;
	padding-left:			10px;
	padding-top: 			4px;
	display:				block;
	height:					18px;
	width:					260px;
	margin:					0px;
	}

h2.gray {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color: 					#585858;
	background-color:		#f0f0f0;
	padding-left:			10px;
	padding-top: 			4px;
	display:				block;
	height:					18px;
	width:					250px;
	margin:					0px;
	}

p {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#585858;
	font-size:				11px;
	text-align:				left;
	}

div {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#585858;
	font-size:				11px;
	}

.content_text {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#585858;
	font-size:				11px;
	line-height:			15px;
	text-align:				left;
	padding-left:			30px;
	width:					550px; 
	}
	
.box_text {
	text-align: 			left;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#585858;
	font-size:				11px;
	line-height:			15px;
	padding:				0px;
	margin:					0px;
	padding-top:            10px;
	}

.box_text img {
	float: 					left;
	}

a.leesmeer {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#585858;
	font-size:				11px;
	display:				block;
	padding-left: 			14px;
	margin-top: 			10px;
	color:					#585858;
	background-image:		url(../img/opsomming_grijs.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	text-decoration:		none;
	clear:					both;
	}

a.leesmeer:hover {
	color:					#3dbbeb;
	background-image:		url(../img/opsomming_blauw.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	}

/* ---------------------------------------- Footer --------------------------------------------*/

#footer {
	text-align:				right;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#666666;
	font-size:				10px;
	height:                 20px;
	width:					800px;
	background-color:		#000;
	margin-left:			auto;
	margin-right:			auto;
	padding-top:			4px;
	}

#footer p {
	margin:					0px; 
	padding:				0px;
	}
	
#footer a {
	color:					#666666;
	padding-top:            0px;
	margin-top:             0px;
	font-size:			    10px;
	text-decoration: none;
	}
	
#footer a:hover {
	color:					#3dbbeb;
	}
 
 /* ---------------------------------------- Einde --------------------------------------------*/