/*** RESET CONFIGURATION ***/
* { margin:0px; padding:0px; } /* remove all browser specific default spacing */
html { font-size: 1em; }
html { font-size:62.5%; height:100%; }  /* 62.5% makes 1em ~ 10px */
body {
	background: #ccc;
	color:#565656;
	font:normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}
table{ border-collapse:collapse; border-spacing:0; }

h1 { color:#000; font:bold 1.4em/1.5em Verdana, Arial, Helvetica, sans-serif }
h2 { color:#fff; font:bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif }
h3 { color:#000; font:normal 1.6em/1.6em Verdana, Arial, Helvetica, sans-serif }
h4 { color:#000; font:normal 1.5em/1.5em Verdana, Arial, Helvetica, sans-serif }
h5 { color:#000; font:normal 1.4em/1.5em Verdana, Arial, Helvetica, sans-serif }

img {	border:0; display:block; }
a { color:#3366cc; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:0 0 1.0em 0; }
ul { list-style:none; }

fieldset { border:0; }
input, textarea, select { 
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
option, optgroup { padding-left:3px; }
optgroup option {	padding:0; }
optgroup { font-style:normal; }

/*** COLOURS USED
Khaki				~ #a8a68a ;headings, img borders, h2 bg
light Khaki		~ #f4f4f1 ;link bg, zebra striping
Zwart 			~ #000000 ;intro tekst
Grijs				~ #565656 ;tekst
Lila				~ #7f599e ;header bg, footer bg
light Lila		~ #8b69a6 ;breadcrumbs tekst, submenu button bg
lighter Lila	~ #9776b2 ; submenu button hover bg
lightest Lila	~ #aa8dc2 ;breadcrumbs tekst hover
Paars				~ #3a0c65 ;breadcrumb bg, menu active tekst

/*** LAYOUT ***/
#meta {
	background: url(../images/bg.gif) repeat-y;
	margin: auto;
	min-height: 100%;
	width: 934px;
}
#stage {
	margin: auto;
	overflow: hidden;
	padding-bottom: 20px;
	width: 920px;
}

/* Header part */
.line {
	background: #7f599e url(../images/bar_bg.gif) repeat-y;
	font-size: 0;
	height: 3px;
}
#header {
	background: #fff url(../images/header_bg.gif) no-repeat right bottom;
	height: 68px;
}
.breadcrumbs {
	background: #3a0c65;
	color: #8b69a6;
	height: 20px;
	line-height: 1.5em;
	padding: 4px 0 0 250px;
	overflow:hidden;
}
.breadcrumbs a { color: #8b69a6; text-decoration: none; }
.breadcrumbs a:hover { color: #aa8dc2; text-decoration: none; }

/* Menu */
.menu {
	float: left;
	width: 240px;
}
.menu li { margin-top: 1px; }
.menu a {
	background: url(../images/button.gif) no-repeat 0 -24px;
	color: #fff;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 20px 0 7px;
}
.menu a:hover {
	background-position: 0 -72px;
	text-decoration: none;
}
.menu a.active, .menu a.active:hover {
	background: #fff;
	color: #3a0c65;
}
.home a { background-position: 0 0; }
.home a:hover { background-position: 0 -48px; }

/* Submenu */
li.hasSubs {
	background: url(../images/sub_bg.gif) no-repeat 0 bottom;
}
.menu li ul {
	padding: 5px 0 10px 7px;
}
.menu li li a {
	background: #8b69a6 url(../images/subbutton_arrow.gif) no-repeat right;
	color: #fff;
	display: block;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 2px 20px 3px 7px;
}
.menu li li a:hover {
	background: #9776b2 url(../images/subbutton_arrow.gif) no-repeat right;
}

/* Copy */
.copy {
	float: left;
	overflow: hidden;
	padding: 27px 0 0 40px;
	width: 600px;
}
h1 { margin-bottom: 10px; }
h2 {
	background: #a8a68a;
	height: 22px;
	line-height: 22px;
	margin-bottom: 1px;
	padding: 0 6px 0 6px;
}
p {
	font-size: 1.2em;
	line-height: 1.5em; 
}
p.intro { color: #000; }

.copy ul {
	list-style-position: inside;
	list-style-type: disc;
	font:normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

.copy li {
}

img.left {
	border: 1px solid #a8a68a;
	float: left;
	margin: 4px 15px 0 0;
	padding: 1px;
}
img.right {
	border: 1px solid #a8a68a;
	float: right;
	margin: 4px 0 0 15px;
	padding: 1px;
}

.list { margin: 5px 0 15px 0; width: 490px; }
.list a, .links a {
	background: url(../images/icons.gif) no-repeat;
	clear: left;
	color: #565656;
	display: block;
	font-size: 1.1em;
	overflow: hidden;
	padding: 3px 7px 4px 24px;
}
.list a:hover, .links a:hover {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
a.pdf { background-position: 0 -100px; }
a.xls { background-position: 0 -200px; }
a.doc { background-position: 0 -300px; }
.list span { float: left; width: 315px; }
.list span.date {	float: right; text-align: right; width: 75px; }
.list span.size {	float: right; text-align: right; width: 65px; }
a.zebra, .links a { background-color: #f4f4f1; }
.links a {
	margin-bottom: 1px;
	float: left;
}

a.back { background: transparent url(..); padding: 3px 0px 4px 0px; color: #7F599E; }


/* Footer part */
#footer {
	background: #7f599e;
	font-size: 0;
	height: 3px;
	margin: -3px auto 0 auto;
	width: 920px;
}