/*
kleuren:
grijs => #666666;
blauw => #003366;
wit => #FFF;
zwart => #000;

menukleuren:
donker blauw => #003366
erg donker blauw => #00284D
wit => #FFFFFF
rood => #830800

*/

/* default html-elements settings */
html, body, h1, h2, h3, p, a, img, div, table, tr, th, td, form, fieldset, legend, iframe {
	margin				: 0;
	padding				: 0;
}

body {
	position			: relative;
	color				: #000;
	background-color		: #fff;
	font-family			: Arial, sans-serif;
	font-weight			: normal;

	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #00284D;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-shadow-color: #00284D;
	scrollbar-darkshadow-color: #00284D;
	scrollbar-track-color: #FFFFFF;
	
}
p, h1, h2, h3, a, div, th, td, input, select, textarea {
	font-size			: 12px;	
}
p {
	margin-bottom			: 12px;
}

p, div, th, td, li, input, select, textarea {
	color				: #000;
}
ul.iconbullet {
	list-style-image		: url(../images/list_item_bullet.gif);
}

img { 
	border				: 0;
}


h1 {
	position			: absolute;
	top				: 150px;
	left				: 300px;
	display				: block;
	text-align			: left;
}
h2 {
	margin-bottom			: 0px;
	font-weight			: bold;
}


h3.interimItem {
	font-weight			: normal;
	text-decoration			: underline;
}


/* VASTE ID's */

#canvas {
	position			: relative;
	width				: 999px;
	height				: 700px;
	margin				: 70px auto;
	background			: #fff url(../images/canvas.gif);
	background-repeat		: no-repeat;
}
#content {
	position			: absolute;
	height				: 458px;
	width				: 620px;
	padding-left			: 10px;
	padding-right			: 10px;
	background-color		: #fff;
	border				: 0px solid #993300;
	text-align			: left;
	top				: 190px;
	right				: 80px;
	overflow			: auto;
} 

/* horizontaal menu */

#navMenu {
	position			: absolute;
	margin				: 0;
	padding				: 0;
	list-style-type			: none;
	top				: 108px;
	right				: 25px;
}
#navMenu li{
	margin				: 0;
	padding				: 0;
}
#navMenu li.hoofdItem{
	float				: left;  /* maakt horizontaal */
	padding				: 2px;
	color				: #fff;
	text-align			: center;
	width				: 120px;
	height				: 20px;
	font-weight			: bold;
}
#navMenu a {
	font-size			: 14px;	

}
#navMenu li.hoofdItem a{
	text-align			: left;
	color				: #fff;
	text-decoration			: none;
}
#navMenu li.hoofdItem a:hover{
	text-decoration			: underline;
}
#navMenu li.hoofdItem a:visited{

}

/* vertikaal menu */

#subMenu {
	position			: absolute;
	list-style-type			: none;
	top				: 148px;
	left				: 15px;
}
#subMenu li.subItem {
	text-align			: left;
	color				: #fff;
	font-size			: 14px;	
}

#subMenu li.subItem a{
	display				: block;
	overflow			: auto;
	color				: #fff;
	text-decoration			: none;
	padding				: 5px;
	font-family			: Arial, sans-serif;
	font-weight			: bold;
}

#subMenu li.subItem a:visited{
	color				: #fff;
}

#subMenu li.subItem a:hover{
	text-decoration			: underline;
}
#subMenu a {
	font-size			: 14px;	

}

/* plaatjes */

#extraVisuals {
	list-style-type		: none;
	top					: 0;
	left				: 0;
}

#logoplaatje1 {
	position			: absolute;
	top					: 4px;
	right				: 4px;
	height				: 94px;
	width				: 600px;
}
/*
#logoplaatje2 {
	position			: absolute;
	top					: 4px;
	right				: 130px;
	height				: 93px;
}
#logoplaatje3 {
	position			: absolute;
	top					: 4px;
	right				: 370px;
}
*/
#potlood {
	position			: absolute;
	top					: 265px;
	right				: 70px;
	width				: 130px;
	height				: 100px;
}
#statistiek {
	position			: absolute;
	top					: 300px;
	right				: 90px;
	width				: 130px;
	height				: 100px;
}
#banner {
	position			: absolute;
	bottom				: 30px;
	left				: 65px;
	width				: 140px;
	height				: 230px;
}
#banner1 {
	position			: absolute;
	top					: 160px;
	left				: 60px;
	width				: 140px;
	height				: 230px;
}

#footer {
	position			: absolute;
	color				: #000;
	font-size			: 10px;	
	clear				: both;
	right				: 0;
	bottom				: -24px;
	height				: 20px;
	overflow			: hidden;
	display				: block;
	background-color	: #fff;
}
#footer a:visited{
	color				: #000;
	font-size			: 10px;
}
#footer a {
	color				: #000;
	font-size			: 10px;
}

#overzicht1{
	position			: absolute;
	top					: 320px;
	left				: 0;
}
#overzicht2{
	position			: absolute;
	top					: 160px;
	right				: 4px;
}