body {background:#e7ebf0; color:#003366; text-align:left; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border-top:4px solid #663366;}
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
table {border-collapse:collapse; font-size:1em}
h1,h2,h3 {font-size:2em; line-height:1em; margin-bottom:20px; margin-top:0}
a:link {color: #616cac; text-decoration:none}
a:visited {color: #616cac; text-decoration:none}
a:active {color:#b1bdcd; text-decoration:underline}
a:hover {color: #b1bdcd; text-decoration:underline}
a img {border:0}
hr {height: 2px; border-style:none; color: #b1bdcd; /* need this for IE */
background-color: #b1bdcd;  /* need this for Mozilla */}
div#bgfade {position:absolute; left:0; z-index:1; width:100%; height:250px}
div#title {position:relative; z-index:2; float:left;  margin-left:20px; width:700px; height:300px; background:black}
div#title a {display: block; float: left;}
a#homelink {width:200px; height:150px}
div#motto {position:absolute; z-index:3; left:220px; width:500px; height:100px; text-align:right; padding:10px; color:white;}
div#mottoshadow {position:absolute; z-index:2; left:222px; top:6px; width:500px; height:100px; text-align:right; padding:10px; color:#003366;}
div#Pbox {position:absolute; z-index:2; left:720px; width:270px; height:220px; background:#663366;}
div#address {position:absolute; z-index:3; left:720px; width:200px; color:#e7ebf0; font-size:0.8em; padding:10px;}
div#zoek {position:absolute; z-index:3; top:190px; left:810px;}
div#zoek input {background:#b1bdcd; font-size:1em; margin:0; padding:0 0 0 3px;}
div#menubar {position:absolute; z-index:10; left:0; top:230px; width:970px; height:22px; background:#b1bdcd; border:3px solid #663366; border-left:0; opacity:0.8; filter:alpha(opacity=80);}
div#menubar a {color:#e7ebf0;} div#menubar a:hover {color:#663366; text-decoration:none}
div#fadeCTIP {position:absolute; z-index:3; left:220px; top:260px; width:700px; color:#e7ebf0; font-size:1.8em; font-style:italic; font-weight:bold; opacity:0.3; filter:alpha(opacity=30);}
div#content {min-height:850px; height:auto; width:685px; margin:5px 0 0 35px; padding:10px; font-size:1em;}
* html div#content {height: 870px; }
div#sidebar {position:absolute; z-index:1; left:725px; top:4px; width:176px; padding:10px; text-align:center}
div#sidebar img {margin:10px 0 10px 0}
div#smallCTIP {font-weight: bold; font-size:1em; text-align:center; margin-bottom:10px;}
div#smallTOC ul {text-align:left; margin-top:0; margin-bottom:0;}
div#smallTOC li {list-style-type:square; font-size:0.9em}
div#sidebarBase {width:176px; height:67px; margin:-10px; margin-top:5px; padding:8px; padding-top:15px; font-weight:bold; font-size:0.9em; text-align:left; line-height:11px; font-size:0.6em}
div#footerBar {border:1px dashed #b1bdcd; border-left:0; background:white; width:970px; font-size:0.8em; margin-bottom:30px; height:20px; line-height:20px}
div#sideboxR {position:relative; float:right; width:200px; background:white; border:1px solid #b1bdcd; margin-left:10px; padding-top:5px}
div#sideboxR li {list-style-type:square}
span.footer {padding:0 5px 0 5px;}
table#mission td {vertical-align:top}
/* -------------------------------------------------- */
.edit {	font-size: 8pt;	color: black;	background: buttonface;}
.edit td {text-align:left; padding-left:5px; margin-bottom:5px}
.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {	font-weight: bold;	color: black;}
ul.menulevel1, ul.menulevel2, ul.menulevel3, ul.menulevel4, ul.menulevel5, ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3, ul.sitemaplevel4, ul.sitemaplevel5, ul.submenu, ul.search {	padding-left: 0;	margin-left: 20px; line-height:15px}
/* Navigation - toc(1) ----------------------- */
div#nav {margin:0;/*padding:150px 0 0; width: 760px;*/ margin-left:20px; font-weight:bold}
div#nav ul {float:left;padding:0;margin: 0 /*1px 0 5px;height: 25px;*/}
div#nav li {position:relative;list-style:none;float:left;padding-left: 0px;margin:0; line-height: 14px;white-space: nowrap; cursor:crosshair; /*background: url(./menu/button1a.gif) 0 0 no-repeat;*/}
div#nav li a{display:block;float:left;padding:0 10px 0 7px;text-decoration:none;background: #b1bdcd;color: white;width: .1em;cursor:pointer;/*selected H1 item clicked*/}
html>body #nav a {width: auto;} /*fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
div#nav a {float: none;} /* End of IE5-Mac hack */
div#nav a:hover,div#nav a:focus{color:#663366; /*unselected H1 item clicked*/}
div#nav .sdoc, div#nav .sdocs {color: #BAB79C; background:#b1bdcd; /*padding:1px 10px 0 7px; background-image: url(./menu/button3a.gif)*/}
div#nav .sdoc a, div#nav .sdocs a {color:#663366;/*color: #fdb; background-image: url(./menu/button3.gif) */}
div#nav ul.menulevel1 li:hover,div#nav ul.menulevel1 li:focus{/*H2 selected item*//*background-image: url(./menu/button2a.gif);*/ }
div#nav li:hover a,div#nav li:focus a{color:#663366; /*background-image: url(./menu/button2.gif)*/}
/* Navigation - toc(2)/toc(3) ----------------------- */
div#nav li ul.menulevel2,div#nav li ul.menulevel3{width:150px;}
div#nav ul ul{position:absolute;top:15px;margin:0;left:0px;display:none;}
div#nav ul.menulevel1 li.docs:hover ul.menulevel2,div#nav ul.menulevel1 li.sdocs:hover ul.menulevel2,div#nav ul.menulevel2 li.docs:hover ul.menulevel3,div#nav ul.menulevel2 li.sdocs:hover ul.menulevel3 {display:block;}
div#nav ul.menulevel2 li.doc,div#nav ul.menulevel2 li.docs{/*H3 selected: H2 items*/line-height: 18px;/*position:relative;list-style:none;float:left;width:150px;padding: 0;margin:0;white-space: nowrap;background: url(./menu/bluebuttonx.gif) 0 0 no-repeat;*/}
div#nav ul.menulevel2 li.doc a,div#nav ul.menulevel2 li.docs a {display:block;float:left;text-decoration:none;color: #663366;/*unselected H2 item*/width:150px;background-image:none;overflow:hidden}
div#nav ul.menulevel2 li.sdoc,div#nav ul.menulevel2 li.sdocs{/*selected H2 item*/position:relative;list-style:none;float:left;/*padding: 0;margin:0;*/line-height: 18px; width:150px;padding-right:17px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) -300px 0 no-repeat;*/}
div#nav ul.menulevel2 li.sdoc a,div#nav ul.menulevel2 li.sdocs a {display:block;float:left;width:100%/*padding: 0 10px 0 7px;text-decoration:none;color: #fdb;background-image:none;*/}
div#nav ul.menulevel2 li:hover,div#nav ul.menulevel2 li:focus {/*background: url(./menu/bluebuttonx.gif) -150px 0 no-repeat;*/}
div#nav ul.menulevel2 li:hover a,div#nav ul.menulevel2 li:focus a {color:#663366;background:#e7ebf0;}
div#nav li ul.menulevel3 {margin: -10px 0 0 160px;}
/* Navigation - toc(3) ----------------------- */
div#nav ul.menulevel2 ul.menulevel3 li.doc,div#nav ul.menulevel2 ul.menulevel3 li.docs{position:relative;list-style:none;float:left;padding:0;margin:0;line-height: 18px;width:150px;white-space: nowrap; /*background: url(./menu/bluebuttonx.gif) 0 0 no-repeat;*/}
div#nav ul.menulevel2 ul.menulevel3 li.doc a,div#nav ul.menulevel2 ul.menulevel3 li.docs a {display:block;float:left;padding: 0 10px 0 7px;text-decoration:none;color: #663366;width:165px; /*H3 width*/background:#e7ebf0;}
div#nav ul.menulevel2 ul.menulevel3 li.sdoc,div#nav ul.menulevel2 ul.menulevel3 li.sdocs{position:relative;list-style:none;float:left;paddingt:0;margin:0;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) -300px 0 no-repeat;*/}
div#nav ul.menulevel2 ul.menulevel3 li.sdoc a,div#nav ul.menulevel2 ul.menulevel3 li.sdocs a {display:block;float:left;padding: 0 10px 0 7px;text-decoration:none;color: #fdb;/*background-image:none;*/}
div#nav ul.menulevel2 ul.menulevel3 li:hover,div#nav ul.menulevel2 ul.menulevel3 li:focus {/*background: url(./menu/bluebuttonx.gif) -150px 0 no-repeat;*/}
div#nav ul.menulevel2 ul.menulevel3 li:hover a,div#nav ul.menulevel2 ul.menulevel3 li:focus a {color:#663366; background:#BAB79C}
/* z-indices ----------------------------------- */
div#nav ul.menulevel1 {z-index:10;}
div#nav ul.menulevel2 {z-index:20;}
div#nav ul.menulevel3 {z-index:30;}
div#nav li:hover {z-index:40;}