/* 	CSS voor Imec
	author: Jonas Salen vor kunstmaan
	date: 2008 04 22
	comment: CSS voor website
*/

/*-----------------------------------------------------------------------------
	ALGEMEEN + CONTAINERS
-----------------------------------------------------------------------------*/

body {
	background: #000000 /*url(/content/user/Image/site/body_back.png) repeat-y center top*/;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.clearer {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
.h5 {
	padding-bottom: 5px;
}
.h10 {
	padding-bottom: 10px;
}
.h20 {
	padding-bottom: 20px;
}

/* FLOATS ------------------------------------------------------------------*/
.rechts {
	float: right;
}
.links {
	float: left;
}

#container {
	background: #000000;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#main, #content_container, #sitemap, #footer  {
	clear: both;
}

#main {
	padding: 12px 20px 0px;
	background: url(none);
}

#content_container {
	margin: 20px 0px 0px;
	background: url(none);	
}

/*-----------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------*/
#header {
	height: 82px;
	background: #000000;
	padding: 10px 20px;
	position: relative;
	border-bottom: 1px solid #FFFFFF;
}

/* LOGO ----------------------------------------------------------------------*/
#header h1 a {
	height: 72px;
	width: 102px;
}

#header h1 a {
	background: url(/content/user/Image/site/logo_hc.png) no-repeat;
	display: block;
	height: 72px;
	width: 102px;
	text-indent: -9999px;
	margin-left: 10px;
	margin-top: 5px;
}

/* NAV -----------------------------------------------------------------------*/
#header ul {
	position: absolute;
	left: 230px;
	top: 30px;
	border-left: 1px solid #FFFFFF;
}
#header ul li {
	border-right: 1px solid #FFFFFF;
	float: left;
}
#header ul li a {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1em;
	display: block;
	line-height: 25px;
	padding: 0px 10px;
	font-weight: bold;
}
#header ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#header ul li.current a {
	color: #FF8800;
}
#header ul li.current a:hover {
	color: #FF8800;
}

/* HIGH CONTRAST + LANG --------------------------------------------------------*/
#header .rechts {
	position: absolute;
	top: 10px;
	right: 20px;
	float: right;
	width: 300px;
}
#header .rechts a {
	display: block;
	text-align: right;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0px;
	float: right;
	clear: both;
	border-bottom: 1px solid #FFFFFF;
}
#header .rechts a.css-highcontrast {
	display: none;
}
#header .rechts a.css-default {
	display: block;
}
#header .rechts a.lang {
	border-bottom: 0px none #FFFFFF;
}

/* SEARCH ----------------------------------------------------------------------*/
#header .zoekbox {
	float: right;
	clear: both;
	border-top: 1px solid #FFFFFF;
	padding-top: 8px;
}
#header .zoekbox #zoek {
	height: 16px;
	width: 132px;
	border: 1px solid #FFFFFF;
	padding: 3px 3px 0px;
	font-size: 1.1em;
	color: #FFFFFF;
	background: url(none);
}
#header .zoekbox #submit {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	border: 0px none #000000;
	font-size: 1.3em;
	color: #FFFFFF;
	background-color: #000000;
}

/*-----------------------------------------------------------------------------
	BREADCRUMB
-----------------------------------------------------------------------------*/

#breadcrumb {
	font-size: 0.9em;
	color: #FFFFFF;
	height: 19px;
}
#breadcrumb a {
	color: #FFFFFF;
	text-decoration: underline;
}
#breadcrumb a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#nav {
	height: 36px;
}
#nav ul {
	clear: both;
}

/*-----------------------------------------------------------------------------
	NAVIGATION
-----------------------------------------------------------------------------*/
#nav  ul li {
	width: 155px;
	float: left;
}

#nav  ul li a {
	background: url(/content/user/Image/site/topnav_en_hc.png);
	display: block;
	width: 155px;
	text-indent: -9999px;
	line-height: 36px;
}

/* working with image sprites for the navigation */
#nav ul li.about a {				background-position:   0px  0px; 	}
#nav ul li.about.over a {			background-position:   0px 36px; 	}
#nav ul li.press a {				background-position: 155px 0px;		}
#nav ul li.press.over a  {			background-position: 155px 36px;	}
#nav ul li.collaboration a {		background-position: 310px  0px; 	}
#nav ul li.collaboration.over a {	background-position: 310px 36px; 	}
#nav ul li.education a {			background-position: 465px  0px; 	}
#nav ul li.education.over a {		background-position: 465px 36px; 	}
#nav ul li.work a {					background-position: 620px  0px; 	}
#nav ul li.work.over a {			background-position: 620px 36px; 	}
#nav ul li.research a {				background-position: 775px  0px; 	}
#nav ul li.research.over a {		background-position: 775px 36px; 	}

/* current menu element */
#about #nav ul li.about a {					background-position:   0px 36px; 	}
#press #nav ul li.press a  {				background-position: 155px 36px;	}
#collaboration #nav ul li.collaboration a {	background-position: 310px 36px; 	}
#education #nav ul li.education a {			background-position: 465px 36px; 	}
#work #nav ul li.work a {					background-position: 620px 36px; 	}
#research #nav ul li.research a {			background-position: 775px 36px; 	}

/* dropdown menu is invisible */
#nav ul ul {
	position: absolute;
	width: 153px;
	display: none;
	background: #000000;
	z-index: 99999;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#nav ul li.over ul {
	display: block;
}

#nav ul li ul li a {
	background: url(none);
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 120%;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 10px;
	width: 133px;
}

#nav ul li ul li a:hover {
	background: #FFFFFF;
	color: #000000;
}

/*-----------------------------------------------------------------------------
	NAVIGATION BETW
-----------------------------------------------------------------------------*/
#navtw  ul li {
	width: 155px;
	float: left;
}

#navtw  ul li a {
	background: url(/content/user/Image/site/topnav_tw_hc.png);
	display: block;
	width: 155px;
	text-indent: -9999px;
	line-height: 36px;
}

/* working with image sprites for the navigation */
#navtw ul li.about a {				background-position:   0px  0px; 	}
#navtw ul li.about.over a {			background-position:   0px 36px; 	}
#navtw ul li.press a {				background-position: 155px 0px;		}
#navtw ul li.press.over a  {			background-position: 155px 36px;	}
#navtw ul li.collaboration a {		background-position: 310px  0px; 	}
#navtw ul li.collaboration.over a {	background-position: 310px 36px; 	}
#navtw ul li.education a {			background-position: 465px  0px; 	}
#navtw ul li.education.over a {		background-position: 465px 36px; 	}
#navtw ul li.work a {					background-position: 620px  0px; 	}
#navtw ul li.work.over a {			background-position: 620px 36px; 	}
#navtw ul li.research a {				background-position: 775px  0px; 	}
#navtw ul li.research.over a {		background-position: 775px 36px; 	}

/* current menu element */
#about #navtw ul li.about a {					background-position:   0px 36px; 	}
#press #navtw ul li.press a  {				background-position: 155px 36px;	}
#collaboration #navtw ul li.collaboration a {	background-position: 310px 36px; 	}
#education #navtw ul li.education a {			background-position: 465px 36px; 	}
#work #navtw ul li.work a {					background-position: 620px 36px; 	}
#research #navtw ul li.research a {			background-position: 775px 36px; 	}

/* dropdown menu is invisible */
#navtw ul ul {
	position: absolute;
	width: 153px;
	display: none;
	background: #000000;
	z-index: 99999;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#navtw ul li.over ul {
	display: block;
}

#navtw ul li ul li a {
	background: url(none);
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 120%;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 10px;
	width: 133px;
}

#navtw ul li ul li a:hover {
	background: #FFFFFF;
	color: #000000;
}


/*-----------------------------------------------------------------------------
	NAVIGATION NLNL
-----------------------------------------------------------------------------*/
#navnl  ul li {
	width: 155px;
	float: left;
}

#navnl  ul li a {
	background: url(/content/user/Image/site/topnav_nl_hc.png);
	display: block;
	width: 155px;
	text-indent: -9999px;
	line-height: 36px;
}

/* working with image sprites for the navigation */
#navnl ul li.about a {				background-position:   0px  0px; 	}
#navnl ul li.about.over a {			background-position:   0px 36px; 	}
#navnl ul li.press a {				background-position: 155px 0px;		}
#navnl ul li.press.over a  {			background-position: 155px 36px;	}
#navnl ul li.collaboration a {		background-position: 310px  0px; 	}
#navnl ul li.collaboration.over a {	background-position: 310px 36px; 	}
#navnl ul li.education a {			background-position: 465px  0px; 	}
#navnl ul li.education.over a {		background-position: 465px 36px; 	}
#navnl ul li.work a {					background-position: 620px  0px; 	}
#navnl ul li.work.over a {			background-position: 620px 36px; 	}
#navnl ul li.research a {				background-position: 775px  0px; 	}
#navnl ul li.research.over a {		background-position: 775px 36px; 	}

/* current menu element */
#about #navnl ul li.about a {					background-position:   0px 36px; 	}
#press #navnl ul li.press a  {				background-position: 155px 36px;	}
#collaboration #navnl ul li.collaboration a {	background-position: 310px 36px; 	}
#education #navnl ul li.education a {			background-position: 465px 36px; 	}
#work #navnl ul li.work a {					background-position: 620px 36px; 	}
#research #navnl ul li.research a {			background-position: 775px 36px; 	}

/* dropdown menu is invisible */
#navnl ul ul {
	position: absolute;
	width: 153px;
	display: none;
	background: #000000;
	z-index: 99999;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#navnl ul li.over ul {
	display: block;
}

#navnl ul li ul li a {
	background: url(none);
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 120%;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 10px;
	width: 133px;
}

#navnl ul li ul li a:hover {
	background: #FFFFFF;
	color: #000000;
}

/*-----------------------------------------------------------------------------
	NAVIGATION ENNL
-----------------------------------------------------------------------------*/
#navennl  ul li {
	width: 155px;
	float: left;
}

#navennl  ul li a {
	background: url(/content/user/Image/site/topnav_en_nl_hc.jpg);
	display: block;
	width: 155px;
	text-indent: -9999px;
	line-height: 36px;
}

/* working with image sprites for the navigation */
#navennl ul li.about a {				background-position:   0px  0px; 	}
#navennl ul li.about.over a {			background-position:   0px 36px; 	}
#navennl ul li.press a {				background-position: 155px 0px;		}
#navennl ul li.press.over a  {			background-position: 155px 36px;	}
#navennl ul li.collaboration a {		background-position: 310px  0px; 	}
#navennl ul li.collaboration.over a {	background-position: 310px 36px; 	}
#navennl ul li.education a {			background-position: 465px  0px; 	}
#navennl ul li.education.over a {		background-position: 465px 36px; 	}
#navennl ul li.work a {					background-position: 620px  0px; 	}
#navennl ul li.work.over a {			background-position: 620px 36px; 	}
#navennl ul li.research a {				background-position: 775px  0px; 	}
#navennl ul li.research.over a {		background-position: 775px 36px; 	}

/* current menu element */
#about #navennl ul li.about a {					background-position:   0px 36px; 	}
#press #navennl ul li.press a  {				background-position: 155px 36px;	}
#collaboration #navennl ul li.collaboration a {	background-position: 310px 36px; 	}
#education #navennl ul li.education a {			background-position: 465px 36px; 	}
#work #navennl ul li.work a {					background-position: 620px 36px; 	}
#research #navennl ul li.research a {			background-position: 775px 36px; 	}

/* dropdown menu is invisible */
#navennl ul ul {
	position: absolute;
	width: 153px;
	display: none;
	background: #000000;
	z-index: 99999;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#navennl ul li.over ul {
	display: block;
}

#navennl ul li ul li a {
	background: url(none);
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 120%;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 10px;
	width: 133px;
}

#navennl ul li ul li a:hover {
	background: #FFFFFF;
	color: #000000;
}











/*-----------------------------------------------------------------------------
	HOMEPAGE
-----------------------------------------------------------------------------*/

#homepage #breadcrumb {
	display: none;
}

#homepage #main {
	padding: 31px 20px 0px;
	background:  no-repeat center -1000px;
}

#homepage #content_container {
	margin: 20px 0px 0px;
	background: url(none);
}

#homepage #content_container h2 {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	padding: 5px;
	text-transform: uppercase;
	border: solid 1px #FFFFFF
}

#homepage #content_container #row1 h2 a, #homepage #content_container #row1 h2 a:hover,
#homepage #content_container #row2 h2 a, #homepage #content_container #row2 h2 a:hover {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
}

/* LINKS WITH ARROWS --------------------------------------------------*/

#homepage #content_container a.morelink {
	background: url(none) no-repeat right -1px;
	display: block;
	padding: 4px 0px;
	text-align: right;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

#homepage #content_container a.morelink span {
	color: #FFFFFF;
}

#homepage #content_container a.morelink.orange {
	background: url(none) no-repeat right -101px;
	color: #FF8800;
}

#homepage #content_container a.morelink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#homepage #content_container a.morelink:hover span {
	color: #FFFFFF;
}

#homepage #content_container a.morelink.orange:hover {
	color: #FF8800;
	text-decoration: underline;
}

/* INTROTEXT ------------------------------------------------------------------*/
#homepage #content_container .intro {
	padding: 15px 15px 5px;
	width: 420px;
	height: 170px;
	overflow: auto;
}

#homepage #content_container .intro h1 {
	font-size: 1.9em;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-weight: normal;
}
#homepage #content_container .intro h1 a {
	color: #FF8800;
	text-decoration: none;
}
#homepage #content_container .intro p {
	font-size: 1.1em;
	line-height: 130%;
	color: #FFFFFF;
	margin-bottom: 10px;
}

/* ROW 1 ---------------------------------------------------------------*/
#homepage #row1 {
	background: url(/content/user/Image/site/homepage_row1_back_hc.gif) no-repeat left bottom;
	margin-bottom: 20px;
}

/* RESEARCH */
#homepage #row1 .research {
	width: 448px;
	margin-right: 20px;
	float: left;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-top: 1px solid #FFFFFF;
}
#homepage #row1 .research h2 {
	color: #FF8800;
	background: #000000;
}
#homepage #row1 .research ul {
	margin: 15px 15px 15px 90px;
}
#homepage #row1 .research li {
	background: url(none) no-repeat left 6px;
	padding-left: 20px;
	line-height: 175%;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
}
#homepage #row1 .research li a {
	color: #FFFFFF;
	text-decoration:none;
}
#homepage #row1 .research li a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

/* TOPSTORY */
#homepage #row1 .topstory {
	float: left;
	width: 218px;
	margin-right: 20px;
	border-top: 1px solid #FFFFFF;
	padding: 0px 1px 8px;
}
#homepage #row1 .topstory a {
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 110%;
	display: block;
	text-decoration: none;
}
#homepage #row1 .topstory a u {
	font-weight: bold;
}
#homepage #row1 .topstory a:hover u {
	color: #FFFFFF;
	background: #000000;
	font-weight: bold;
	text-decoration: underline;
}
#homepage #row1 .topstory span {
	display: block;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#homepage #row1 .topstory span.lead {
	font-weight: bold;
	color: #FFFFFF;
}

/* NEWS */
#homepage #row1 .news {
	float: left;
	width: 218px;
	border-top: 1px solid #FFFFFF;
	padding: 0px 1px 8px;
}
#homepage #row1 .news ul {
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#homepage #row1 .news ul li {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 0px;
	font-size: 1em;
	line-height: 120%;
}
#homepage #row1.news ul li img {
	vertical-align: middle;
}
#homepage  #row1 .news  ul  li  a {
	color: #FFFFFF;
	text-decoration: none;
}
#homepage #row1 .news ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#homepage #row1 .news .morelink {
	margin-right: 8px;
	margin-left: 8px;
}

/* ROW 2 ---------------------------------------------------------------*/
#homepage #row2 {
	background: url(/content/user/Image/site/homepage_row2_back_hc.gif) repeat-y left top;
	margin-bottom: 20px;
}

/* CUSTOM BLOCKS */
#homepage  #row2  .custom1 {
	float: left;
	width: 205px;
	margin-right: 20px;
}
#homepage  #row2  .custom2 {
	float: left;
	width: 205px;
	margin-right: 20px;
	margin-left: 20px;
}

#homepage #row2 .custom1 p, #homepage #row2 .custom2 p,
#homepage #row2 .custom1 img, #homepage #row2 .custom2 img {
	padding-bottom: 8px;
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 120%;
}

/* EVENTS */
#homepage #row2 .events {
	float: left;
	width: 460px;
}
#homepage #row2 .events ul {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}
#homepage #row2 .events ul li {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFFFFF;
	background: url(none) no-repeat right 10px;
	font-size: 1.1em;
	line-height: 110%;
	color: #FFFFFF;
}
#homepage #row2 .events ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#homepage #row2 .events ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#homepage #row2 .events span {
	display: block;
	margin-top: 2px;
}

#homepage #row2 .events a.morelink {
	margin-right: 15px;
	margin-left: 15px;
}

/*-----------------------------------------------------------------------------
	LEFT COLUMN aka the subnav column
-----------------------------------------------------------------------------*/

#leftcol {
	float:left;
	width: 210px;
	padding-top: 10px;
}
#leftcol ul li {
	padding-right: 20px;
	border-bottom: 1px solid #FFFFFF;
}
#leftcol ul li a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 120%;
}
#leftcol ul li a:hover {
	text-decoration: underline;
}
#leftcol  ul  li.current  a {
	color: #FF8800;
}
#leftcol ul li ul {
	padding-bottom: 8px;
}
#leftcol ul li ul li {
	margin-left: 10px;
	border: 0px none #FFFFFF;
	padding-right: 0px;
	width: 170px;
}
#leftcol ul li ul li a, #leftcol ul li.current ul li a {
	background: url(none) no-repeat left 6px;
	padding-left: 10px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
#leftcol ul li ul li a:hover, #leftcol ul li.current ul li a:hover {
	text-decoration: underline;
}

#leftcol ul li ul li.current a, #leftcol ul li.current ul li.current a {
	color: #FF8800;
	font-weight: bold;
}

#leftcol ul li ul li.current a:hover, #leftcol ul li.current ul li.current a:hover {
	color: #FF8800;
	text-decoration: underline;
}
#leftcol ul li ul li.rss a {
	background: url(none) no-repeat left 7px;
	padding-left: 20px;
	color: #FF8800;
	padding-top: 7px;
	padding-bottom: 2px;
	font-weight: bold;
}
#leftcol ul li ul li.rss a:hover {
	color: #FF8800;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
	CONTENT COLUMN aka the center column
-----------------------------------------------------------------------------*/

#content {
	float:left;
	width: 489px;
	padding: 10px 30px;
	border-left: solid 1px #FFFFFF;
}
#content h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	padding: 5px 8px 5px 30px;
	float: left;
	margin-left: -30px;
}
#content h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	float: left;
	padding: 5px 8px 5px 30px;
	margin-left: -30px;
}
#content h1 a, #content h2 a, #content h1 a:hover, #content h2 a:hover {
	text-decoration:none;
	color: #000000;
}
#content h2.datum {
	color: #FFFFFF;
	background: #000000;
	padding: 5px 5px 5px 10px;
	margin-left: 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}
#content h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
#content h3 a {
	color: #FFFFFF;
	text-decoration: none;
}
#content h3 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#content h4 {
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 15px;
}
#content h5 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px;
}
#content h4 a {
	color: #FFFFFF;
	text-decoration:none;
}
#content h4 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#content h6 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 10px;
}
#content h6 span {
	font-weight: normal;
}
#content ul.subnav {
	background: url(none) repeat-y left top;
	padding-left: 0px;
	margin-bottom: 30px;
	border-left: solid 1px #FFFFFF;
}
#content ul.subnav li {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(none);
	line-height: 100%;
	list-style: none;
}
#content ul.subnav li.clearer {
	font-size: 0px;
	line-height: 0px;
}

#content ul.subnav li a {
	padding: 3px 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
	background: #000000;
}
#content ul.subnav li a:hover {
	color: #FFFFFF;
	background: transparent;
	text-decoration: underline;
}
#content ul.subnav li a.current {
	color: #000000;
	background: #FFFFFF;
}
#content #headimg {
	margin-left: -30px;
	text-align: right;
	position: relative;
	margin-bottom: 30px;
}
#content #headimg h1 {
	margin-left: 0px;
	padding-left: 30px;
	position: absolute;
	bottom: 20px;
	left: 0px;
	z-index: 9999;
}
#content p {
	font-size: 1.1em;
	color: #FFFFFF;
	margin-bottom: 20px;
	line-height: 140%;
}
#content p a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#content p a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}
#content p.lead {
	color: #FFFFFF;
	font-size: 1.090909em;
	font-weight: bold;
}
#content p.lead a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#content p.lead a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}
#content p.nadruk {
	color: #000000;
	background: #FFFFFF;
	padding: 10px 10px 10px 30px;
	margin-left: -30px;
	font-weight: bold;
}
#content p.nadruk a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
#content p.nadruk a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}
#content img {
	margin-bottom: 5px;
}
#content p.bijschrift {
	font-style: italic;
	font-size: 0.9090909em;
}
#content .titel {
	color: #FFFFFF;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#content img.links {
	margin-right: 10px;
	margin-bottom: 10px;
}
#content img.rechts {
	padding-bottom: 10px;
	padding-left: 10px;
}
#content ul {
	margin-bottom: 20px;
}
#content ul li {
	font-size: 1.1em;
	line-height: 140%;
	color: #FFFFFF;
	background: url(none) no-repeat left 5px;
	margin-left: 10px;
	padding-left: 10px;
	list-style: disc;
}
#content ul li .datum {
	color: #FFFFFF;
}
#content ol {
	margin-bottom: 20px;
}
#content ol li {
	font-size: 1.1em;
	line-height: 140%;
	color: #FFFFFF;
	list-style: decimal;
	margin-left: 30px;
}
#content ul li a, #content ol li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#content ul li a:hover, #content ol li a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}

#content table {
	border: 5px solid #FFFFFF;
	margin-bottom: 20px;
}
#content table th {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	text-align: center;
	padding: 5px 5px 9px;
}
#content table td {
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	font-size: 1.1em;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#content .tags {
	font-size: 0.9em;
	color: #FFFFFF;
	margin-bottom: 10px;
}
#content .tags.arrow {
	background: url(none) no-repeat left 1px;
	padding-left: 10px;
}
#content .tags a {
	color: #FFFFFF;
	text-decoration: underline;
}
#content .tags a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}
#content hr {
	color: #FFFFFF;
	background: #FFFFFF;
	height: 1px;
	border: 0px none #000000;
	width: 70px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 0px;
	clear: both;
}
#content ul.bottominfo {
	margin-bottom: 0px;
	padding-bottom: 20px;
}
#content  ul.bottominfo li {
	font-size: 0.909091em;
	color: #FFFFFF;
	padding-bottom: 5px;
	background-position: left 3px;
}
#content ul.bottominfo li a {
	color: #FFFFFF;
	text-decoration: underline;
}
#content ul.bottominfo li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background: transparent;
}
#content .item {
	clear: both;
}
#content .item .datum {
	font-size: 1.2em;
	color: #FFFFFF;
	float: left;
	width: 80px;
}
#content .item .content {
	margin-left: 100px;
}
#content .item .content h5 {
	margin-bottom: 5px;
}
#content .item .content h3 {
	margin-bottom: 8px;
}
#content .item .content hr {
	margin-bottom: 20px;
}
#content .paginator {
	border-bottom: 1px solid #FFFFFF;
	height: 20px;
	clear: both;
}
#content .paginator.bottom {
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px none #000000;
	height: 20px;
	clear: both;
	padding-top: 5px;
}
#content .paginator ul {
	text-align: right;
	clear: right;
	float: right;
}

#content .paginator ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(none);
	line-height: 100%;
	list-style: none;
}
#content .paginator ul li.spacer {
	padding: 3px 6px;
}
#content .paginator ul li.prev {
	padding-right: 10px;
}
#content .paginator ul li.next {
	padding-left: 10px;
}
#content .paginator ul li a {
	color: #FFFFFF;
	display: block;
	padding: 3px;
	font-weight: bolder;
	text-decoration: none;
	background: #000000;
}
#content .paginator ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}
#content .paginator ul li.current a {
	color: #000000;
	background: #FFFFFF;
}
#content .item .breadcrumb {
	color: #FFFFFF;
	font-size: 9px;
	background: url(none) no-repeat left 1px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#content .item .breadcrumb a {
	color: #FFFFFF;
	text-decoration: underline;
	background: #000000;
}
#content .item .breadcrumb a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}
#content .partner img {
	float: left;
	margin-bottom: 30px;
}
#content .partner .content {
	margin-left: 130px;
	margin-bottom: 30px;
}
#content .contact {
	float: left;
	width: 205px;
	padding-right: 20px;
	padding-left: 20px;
	background: url(none) no-repeat 0px 15px;
	padding-top: 10px;
}
#content .contact h4 {
	margin-bottom: 5px;
}
#content ul.register {
	margin-top: 30px;
	margin-bottom: 40px;
}
#content .register li {
	background: url(none);
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content .register li a {
	font-size: 1.09091em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF url(none) no-repeat 10px center;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
}
#content .register li a:hover {
	background: #FFFFFF url(none) no-repeat 10px center;
}
#content form .item {
	clear: both;
	margin-left: -30px;
}
#content form .item label {
	background: #FFFFFF;
	display: block;
	float: left;
	width: 170px;
	padding: 5px 5px 5px 30px;
	margin-bottom: 5px;
	font-size: 1.1em;
	color: #000000;
	text-align: right;
	margin-right: 5px;
}
#content  form  .item  .tekstveld {
	width: 290px;
	background: #000000;
	border: 1px solid #FFFFFF;
	font-size: 1.1em;
	color: #333333;
	padding: 3px;
	margin-bottom: 5px;
}
#content form .item textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content form .item.checkbox div {
	background: #FFFFFF;
	padding: 5px 5px 5px 40px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#content form .item.checkbox label {
	float: left;
	background:#000000;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
	width: 430px;
	padding: 8px 5px;
}
#content form ul.formbuttons {
	background: #FFFFFF;
	margin-left: -30px;
	padding: 3px 2px 3px 30px;
	height: 16px;
}
#content form ul.formbuttons li {
	float: right;
	border-left: 1px solid #000000;
	background: url(none);
	list-style: none;
}
#content form ul.formbuttons li input {
	font-weight: bold;
	color: #000000;
	background: #FFFFFF url(none) no-repeat right center;
	border: 1px none #FF8800;
	margin: 0px 5px 0px 0px;
	padding: 0px 15px 0px 0px;
	text-transform: uppercase;
	font-size: 0.95em;
}


/*-----------------------------------------------------------------------------
	RIGHT COLUMN aka the downloads column
-----------------------------------------------------------------------------*/

#rightcol {
	float:left;
	width: 170px;
	padding-top: 10px;
	text-align: right;
}
#rightcol .box {
	background: url(none) no-repeat right bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: left;
	border: 1px solid #FFFFFF;
}
#rightcol .box h2 {
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding: 5px;
	background: #FFFFFF;
}
#rightcol .box.contact h2 {
	background: #FFFFFF;
}
#rightcol .box h2 a, #rightcol .box h2 a:hover {
	color: #000000;
	text-decoration: none;
}

#rightcol .box ul {
	padding: 7px;
}

#rightcol .box ul li {
	background: url(none) no-repeat left 6px;
	padding-left: 8px;
	padding-bottom: 4px;
	line-height: 120%;
	font-size: 1.1em;
	color: #FFFFFF;
}
#rightcol .box ul li a {
	color: #FFFFFF;
	text-decoration: underline;
}
#rightcol .box ul li a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF
}
#rightcol .box p {
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 120%;
	padding: 8px 7px;
}

#rightcol .box p a {
	color: #FFFFFF;
	text-decoration: underline;
}
#rightcol .box p a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}

#rightcol ul.link {
	margin-bottom: 20px;
	margin-left: 20px;
}

#rightcol ul.link li {
	margin: 0px;
	border-right: solid 1px #FFFFFF;
}

#rightcol ul.link li a {
	background: url(none) no-repeat right 0px;
	display: block;
	padding: 4px 10px 4px 0px;
	text-align: right;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
#rightcol ul.link li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#rightcol img {
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------
	SITEMAP
-----------------------------------------------------------------------------*/
#sitemap {
	background: #222222 url(none) no-repeat center bottom;
	padding: 5px 20px 20px;
}
#sitemap ul {
	float: left;
	padding-right: 35px;
	width: 170px;
}
#sitemap ul.last {
	float: right;
	width: 90px;
	padding-right: 0px;
}
#sitemap li.head {
	font-weight: bold;
	background: url(none) no-repeat left bottom;
	margin-bottom: 5px;
	margin-top: 15px;
	padding-bottom: 3px;
	border-bottom:solid 1px #CCCCCC;
}
#sitemap a {
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 140%;
	text-decoration: none;
}

#sitemap a:hover {
	text-decoration: underline;
}
#sitemap li.head a:hover {
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------*/

#footer {
	padding: 30px 20px;
	background: url(none) repeat-x left 10px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer .rechts a {
	font-size: 0.9em;
	line-height: 9px;
	height: 9px;
	width: 14px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 10px;
}
#footer .rechts a.nl {
	background: url(/content/user/Image/site/vlag_nl.png) no-repeat left top;
}
#footer .rechts a.en {
	background: url(/content/user/Image/site/vlag_en.png) no-repeat left top;
}