@charset "utf-8";
			body,
			html {
				margin: 0;
				padding: 0;
				text-align: center;
				}
			body {
				behavior: url("Styles/csshover_v1_42.htc");
				}
			body,
			li,
			p,
			td,
			a,
			input,
			select,
			textarea {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #000;
				text-decoration: none;
				}
			img {
				border: 0;
				}
			td {
				vertical-align: top;
				}
			form {
				margin: 0;
				}
			div#container {
				/* deze in een aparte div gezet ipv in body, omdat hij anders niet meevergroot in IE7 */
				background: transparent url(../images/header.jpg) center top no-repeat;
				}
			div#body {
				margin: 0 auto;
				width: 1024px;
				min-height: 768px;
				text-align: left;
				background: transparent url(../images/silhouet.gif) top left no-repeat;
				border: 1px solid #FFF;
				position: relative;
				}
			img#logo {
				position: absolute;
				top: 70px;
				left: 36px;
				}
			div#header {
				margin-left: 245px;
				margin-top: 142px;
				}
			div#meta {
				background: transparent url(../images/bg_meta.gif) left bottom no-repeat;
				height: 40px;
				padding-left: 11px;
				overflow: hidden;
				}
			div#meta p {
				margin: 0;
				line-height: 25px;
				}
			div#meta img {
				margin-right: 19px;
				vertical-align: middle;
				}
			div#meta map {
				position: absolute;
				}
			div#navigation {
				background: transparent url(../images/bg_navigation.gif) left top repeat-y;
				}
			div#navigation {
				width: 773px;
				}
			div#navigation ul {
				float: left;
				list-style: none;
				line-height: 1em;
				font-weight: bold;
				padding: 0;
				margin: 0;
				display: inline;
				margin-left: 29px;
				width: 744px;
				position: relative;
				}
			div#navigation a {
				display: block;
				width: auto;
				height: auto;
				text-decoration: none;
				padding: 10px 0px 14px 0px;
				font-weight: bold;
				color: #999;
				}
			div#navigation span {
				font-weight: bold;
				color: #999;
				}
			div#navigation li:hover li a,
			div#navigation li:hover li li a,
			div#navigation li li:hover li a,
			div#navigation li.sfhover li a,
			div#navigation li.sfhover li li a,
			div#navigation li li.sfhover a {
				color: #FFF;
				}
			div#navigation a:hover,
			div#navigation a.current,
			div#navigation li:hover a,
			div#navigation li.sfhover a,
			div#navigation li li:hover a,
			div#navigation li li li:hover a,
			div#navigation li li.sfhover a,
			div#navigation li li li.sfhover a {
				color: #000;
				}
			div#navigation li {
				float: left;
				padding: 0;
				margin-right: 1em;
				position: relative;
				white-space: nowrap;
				}
			li#over {
				/*width: 190px;*/
				width: 15em;
				}
			li#lessen {
				/*width: 100px;*/
				width: 7em;
				}
			li#docenten {
				/*width: 110px;*/
				width: 8em;
				}
			li#colofon {
				/*width: 110px;*/
				width: 5em;
				}
			div#navigation li#searchform {
				width: auto;
				white-space: nowrap;
				position: absolute;
				right: 0;
				top: 3px;
				margin: 0;
				}
			li#searchform input.searchtext {
				background: transparent url(../images/input_zoek.gif) top left no-repeat;
				border: 0;
				width: 124px;
				height: 19px;
				padding: 6px;
				vertical-align: middle;
				}
			li#searchform input.button {
				background: transparent url(../images/arrow_zoek_off.gif) top left no-repeat;
				border: 0;
				width: 26px;
				height: 26px;
				vertical-align: top;
				cursor: pointer;
				}
			li#searchform input.button:hover {
				background-image: url(../images/arrow_zoek_on.gif);
				}
			div#navigation li ul {
				position: absolute;
				left: -999em;
				height: auto;
				width: 6em;
				font-weight: normal;
				margin: 0;
				padding: 5px 0 0 0;
				}
			div#navigation li#over ul {
				width: 16em;
				}
			div#navigation li#colofon ul {
				width: 7em;
				}
			div#navigation li li {
				margin: 0;
				width: 100%;
				background-color: #a9a7a8;
				}
			div#navigation li ul a {
				width: auto;
				color: #FFF;
				padding: 0 15px;
				line-height: 2.5em;
				}
			div#navigation li ul ul {
				margin: -2.5em 0 0 6em;
				width: 10em;
				background-color: #d4d3d3;
				padding: 0;
				padding-bottom: 5px;
				}
			div#navigation li li li {
				background-color: #d4d3d3;
				}
			div#navigation li:hover ul ul, div#navigation li:hover ul ul ul, div#navigation li.sfhover ul ul, div#navigation li.sfhover ul ul ul {
				left: -999em;
				}
			div#navigation li:hover ul, div#navigation li li:hover ul, div#navigation li li li:hover ul, div#navigation li.sfhover ul, div#navigation li li.sfhover ul, div#navigation li li li.sfhover ul {
				left: auto;
				}
				
			div#content {
				background: transparent url(../images/bg_contenttop.gif) left top no-repeat;
				margin-left: 245px;
				min-height: 544px;
				padding-top: 7px;
				width: 596px;
				}
			div#text {
				background: transparent url(../images/bg_content.gif) left top repeat-y;
				min-height: 504px;
				padding: 20px 29px;
				}
			div#text p {
				margin-top: 0;
				}
			div#text a {
				text-decoration: underline;
				}
			div#text dl {
				margin-bottom: 30px;
				}
			div#text dt {
				font-size: smaller;
				font-variant: small-caps;
				float: left;
				width: 5em;
				clear: both;
				}
			div#text dd {
				font-size: smaller;
				text-transform: uppercase;
				font-weight: bold;
				margin-left: 5em;
				margin-bottom: 10px;
				}
			div#text dl#book dt {
				/*width: 15em;*/
				font-variant: normal;
				font-size: inherit;
				width: 90%;
				float: none;
				}
			div#text dl#book dd {
				font-weight: normal;
				/*margin-left: 15em;*/
				margin-left: 0;
				text-transform: none;
				text-transform: none;
				}
			div#text table {
				width: 100%;
				}
			div#text table.roster {
				border: 1px solid #CCC;
				border-right: 0;
				border-bottom: 0;
				}
			div#text table.roster td,
			div#text table.roster th {
				border: 1px solid #CCC;
				border-left: 0;
				border-top: 0;
				padding: 2px;
				}
			div#footer {
				margin-left: 245px;
				background: transparent url(../images/bg_footer.gif) left top no-repeat;
				height: 7px;
				position: relative;
				}
			div#footer ul {
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: 15px;
				right: 0;
				}
			div#footer li {
				float: left;
				margin-right: 18px;
				}
			p#copyright {
				color: #19181B;
				position: absolute;
				left: -160px;
				bottom: 15px;
				margin: 0;
				}
			div.spacer {
				clear: both;
				margin: 0;
				padding: 0;
				line-height: 0px;
				}
			div#sidebar {
				position: absolute;
				top: 355px;
				left: 45px;
				}
			div#sidebardetail {
				background: #19181B url(../images/bg_sidebar.gif) top left no-repeat;
				width: 200px;
				height: 255px;
				padding-bottom: 85px;
				overflow: hidden;
				position: relative;
				padding-top: 1px;
				}
			div#sidebarcontent {
				height: 235px;
				width: 165px;
				margin: 20px 13px 0 22px;
				overflow: auto;
				overflow-x: hidden;
				}
			div#sidebarcontent img {
				display: block;
				margin-bottom: 5px;
				}
			div#sidebar p {	
				color: #FFF;
				margin: 0;
				}
			div#sidebar ul {
				list-style: none;
				margin: 0;
				padding: 0;
				width: 178px;
				}
			div#news {
				width: 180px;
				}
			div#news h3 {
				font-size: 1em;
				margin-bottom: 0;
				}
			div#news p {
				color: #000;
				}
			div#news a {
				color: #666;
				text-decoration: none;
				}
			div#news p.readon {
				text-align: right;
				margin-top: 5px;
				}
			div#news div {
				margin-bottom: 20px;
				}
			ul#sidebarfunctions {
				background-color: #19181B;
				position: absolute;
				left: 22px;
				bottom: 0;
				/*bottom: 18px;*/
				height: 77px;
				overflow: hidden;
				}
			ul#sidebarfunctions li {
				/*margin-top: 14px;*/
				padding-bottom: 14px;
				}
			ul#sidebarfunctions a {
				color: #FFF;
				font-weight: bold;
				display: block;
				padding-left: 20px;
				background: transparent url(../images/arrow_black_off.gif) 0 2px no-repeat;
				line-height: 18px;
				}
			ul#sidebarfunctions a:hover {
				background-image: url(../images/arrow_black_on.gif);
				}
			div#back {
				width: 165px;
				margin: 15px 13px 0 22px;
				}
			div#back a {
				color: #19181B;
				font-weight: bold;
				display: block;
				padding-left: 20px;
				background: transparent url(../images/arrow_white_off.gif) 0 2px no-repeat;
				line-height: 18px;
				}
			div#back a:hover {
				color: #9b9c9e;
				background-image: url(../images/arrow_white_on.gif);
				}
			div#breadcrumbs {
				margin-bottom: 30px;
				}
			div#breadcrumbs p {
				font-size: smaller;
				}
			div#breadcrumbs a {
				font-size: inherit;
				}