@charset "utf-8";
/* CSS Document */

/*NICK: main content page CSS. */

.eu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.aboutblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 29px;
	background-color: #3583A4;
	text-transform: uppercase;
}

.aboutwhite, td.aboutwhite a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 29px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #41AAD9;
}
#about tr td .aboutwhite {
	color: #FFF;
	text-transform: uppercase;
	background-color: #3AA9D7;
}

td.aboutwhite a:hover {
	text-decoration: underline;
}

.conference-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 40px;
	text-transform: uppercase;
}
.conference-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 30px;
	text-transform: uppercase;
	background-color: #3583A4;
}
.small-conference-white, td.small-conference-white a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

td.about a:hover span {
	text-decoration: underline;
}

td.small-conference-white a:hover {
	text-decoration: underline;
}

.blacksmall {
	color: #000;
}

/********* ALGEMENE DEFINITIES **********/

html {
	height: 100%;
}

body {
	background-color: #E6E6E6;
	/* font-family: "Courier New", Courier, monospace;*/
	font-family: ArialMT, Arial, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 13px;
}

p.alignleft{
	text-align: left;
}

div.main {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
	    
img {
	border: none;
}

/*NICK: remove titles as a test?*/
/***table.contentpaneopen tr td.contentheading {
    color: #FFFFFF;
}***/

li.latestnews a {
	color: #3399CC;
}

table.moduletable_NEWS tr td table.contentpaneopen tr td.contentheading a.contentpagetitle {
	color: #ff7202;
}

a.contentpagetitle {
/*NICK: try to retain orange in right-hand news feeds.*/
	color: #3399CC;
        font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

a.contentpagetitle:visited {
	color: #3399CC;
}

a.contentpagetitle_CENTREBLOG {
	color: #3399CC;
        font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

a.contentpagetitle_CENTREBLOG:visited {
	color: #3399CC;
}

a.PLAIN_LINK {
    color: #000000;
}

a.PLAIN_LINK:visited {
    color: #000000;
}

h1, .contentheading, .componentheading {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	text-transform: uppercase;
	color: /*#FF7202*/#3399CC;
	padding: 0;
	margin: 0;
}

h1, .contentheading_CENTREBLOG, .componentheading_CENTREBLOG {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	text-transform: uppercase;
	color: /*#FF7202*/#3399CC;
	padding: 0;
	margin: 0;
}
/*NICK: manual table layout for KnowledgeBase brodies. */

table.BRODIE {
    border-collapse: collapse;
    background-color: #D2E1E8;
}

table.BRODIE_WHITE {
    border-collapse: collapse;
    background-color: #FFFFFF;
}

table.BRODIE th {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 10px;
}

table.BRODIE td {
    padding: 0px;
}

table.BRODIE_WHITE td {
    padding: 3px 1px 3px 1px;
}

/*NICK: search keywords.*/

.SEARCH {
    color: #3399CC;
}

a.SEARCH_KEYWORD {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 12pt;
	text-decoration: none;
}

a.SEARCH_KEYWORD:visited {
	color: #000000;
}

.SEARCH_BOX_TEXT {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14pt;
	text-transform: uppercase;
	color: /*#FF7202*/#3399CC;
}

/*NICK: retain orange for the calendar, news etc.*/
h1.RIGHTFEED {
	color: #FF7202;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3399CC;
	padding: 0;
	margin: 0;
}

h2.CENTRE {
	font-size: 14px;
	color: #3399CC;
	padding: 0;
	margin: 0;
}

/*NICK: internal page-nav.*/
#INTERNAL_NAV {
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}

h2.INTERNAL_NAV {
	text-transform: uppercase;
	color: #3399CC;
	font-size: 12pt;
	font-weight: normal;
}

a.INTERNAL_NAV {
	color: #3399CC;
	text-decoration: none;
}

a.INTERNAL_NAV:visited {
	color: #3399CC;
}

h3 {
	font-size: 13px;
	color: #666666;
	padding: 0;
	margin: 0;
}

h4 {
	font-size: 20px;
	color: #666666;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;	
}

p {
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

a {
	/*color: #ff7202;*/
    color:#3399CC;
}

a:visited {
	color: #666666;
}
a:hover {
	color: #666666;
}
a:active,
a.active {
	color: #ff0000;
}

form {
	padding: 0;
	margin: 0;
}


.highlight {
	color: #FF7202;
}

.clr {
	clear: both;
}

/********* STRUCTUUR **********/

/* pagina wrapper */
#mainWrapper {
	background-color: white;
	width: 1000px;
	overflow: hidden;
	text-align: left;
}

/* header */
#headerWrapper {
	position: relative;
	width: 100%;
	height: /*220px*/222px;
/*	background-image:url(../images/header_background.gif);*/
	/*NICK*/background-image: url(../images/topNEW.jpg);
	background-repeat: no-repeat;
}

/* placeholder toplogo */
#headerWrapper #phTopLogo {
	position: absolute;
	left: 15px;
	top: 45px;
	width: 280px;
	height: 145px;
	overflow: hidden;
}

/* placeholder top banner */
#headerWrapper #phTopBanner,
#headerWrapper .moduletable_phTopBanner {
	/* the latter declaration can be used to display the images in joomla with the rotating banner module */
	position: absolute;
	left: 300px;
	top: 45px;
	width: 685px;
	height: 145px;
	overflow: hidden;
}

/* place holder for top menu */
#headerWrapper #phTopMenu {
	position: absolute;
	top: 8px;
	left: 350px;
	width: 390px;
	text-align: right;
	overflow: hidden;
}

#headerWrapper #phSearchBox {
	position: absolute;
	top: 14px;
	left: 750px;
	width: 240px;
}

#midSection {
	clear: both;
	display: block;
	overflow: hidden;
	padding-bottom: 20px;
}

#leftColumnWrapper {
	float: left;
	width: 215px;	/* actual width of sections PLUS margins */
	overflow: hidden;
}

#leftColumnWrapper .wrapperMargins {
	/* inner margins for wrapper. needed for crossbrowser compliancy */
	padding-left: 20px;
	padding-right: 10px;
}


#contentWrapper {
	float: left;
	width: 490px;	/* actual width of sections PLUS margins */
	overflow: hidden;
}

#contentWrapper .wrapperMargins {
	/* inner margins for wrapper. needed for crossbrowser compliancy */
	padding-left: 10px;
	padding-right: 10px;
}

#rightColumnWrapper {
	float: left;
	width: 295px;		/* actual width of sections PLUS margins */
	overflow: hidden;
}

#rightColumnWrapper .wrapperMargins {
	/* inner margins for wrapper. needed for crossbrowser compliancy */
	padding-left: 10px;
	padding-right: 20px;
}

/* footer */
#footerWrapper {
	width: 100%;
	margin-top: 20px;
}

/*******************************************************/


/* 2 level menu on the left */
ul#mainlevel_mainmenu {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#mainlevel_mainmenu li {
	padding: 0;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul#mainlevel_mainmenu li ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#mainlevel_mainmenu li a {
	font-family:Arial, Helvetica, sans-serif;
	/*NICK*/
	font-weight: normal;
	font-size: 25px;
	line-height: 25px;
	text-decoration: none;
	text-transform: uppercase;
	color: /*#FF7202*/#000000;
	padding-left: 4px;
	padding-right: 4px;
	/*NICK*/
	letter-spacing: -1px;
}

ul#mainlevel_mainmenu li a:hover {
	background-color: #666666;
	color: white;
}

ul#mainlevel_mainmenu li a:active {
	background-color: #ff7202;
	color: white;	
}

ul#mainlevel_mainmenu li a#active_menu_mainmenu {
	background-color: #ff7202;
	color: white;
}

ul#mainlevel_mainmenu li {
	text-indent: -15px;
	padding-left: 15px;
}

ul#mainlevel_mainmenu li {
	text-indent: -10px;
	padding-left: 10px;
}

ul#mainlevel_mainmenu li li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase; /*NICK*/
	color: /*#FF7202*/#000000;
}

ul#mainlevel_mainmenu li li a:hover {
	background-color: #ffffff;
	color: #666666;
}

ul#mainlevel_mainmenu li li a:active {
	background-color: #ffffff;
	color: #000000;
}

ul#mainlevel_mainmenu li li a.active {
	background-color: #ffffff;
	color: #ff7202;
	font-weight: bold;
}

/* TOPMENU */
#topMenu {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

#mainlevel_topMenu li {
	display:inline;
        padding-right: 5px;
}

#mainlevel_topMenu li a{
        font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
}

#mainlevel_topMenu li a:hover{
	color: #ff7202;
	text-decoration: underline;
}

#topMenu li a:active {
	color: #ff0000;
}

#searchBox {
	text-align: right;
}

#searchBox input.searchField {
	width: 150px;
	height: 14px;
	border-style: solid;
	border-color: #ff7202;
	border-width: 1px;
	line-height: 14px;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: ArialMT, Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

#searchBox input.submitButton {
	vertical-align: middle;
	
	
}

/*NICK: tables for knowledge base searches. */

table.KNOWLEDGE {
    background: #FFFFFF url('../images/widget-table-bg.jpg') top left repeat-x;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #3399CC;
    border-collapse: collapse;
    width: 100%;
}

td.KNOWLEDGE {
    padding: 10px;
}

/* RUI: added */
h5, table.moduletable tbody tr th {
	display: inline;
	background-color: #666666;
	padding: 0;		        
	margin: 0;
	color: white;
        font-size: 14px;
        font-weight: bold;
        padding-left: 3px;
        padding-right: 3px;
        text-transform: uppercase;						        
}

table.moduletable_NEWS tbody tr th {
	display: inline;
	background-color: #666666;
	padding: 0;		        
	margin: 0;
	color: white;
        font-size: 10pt;
        font-weight: bold;
        padding-left: 3px;
        padding-right: 3px;
        text-transform: uppercase;						        
}

table.moduletable_NEWS a.contentpagetitle {
        font-size: 10pt;
}

ul.latestnews {
        list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

li.latestnews {
	list-style: none;
        padding-left: 0px;
	margin-left: 0px;
}

.latestnews a {
	text-decoration: underline;
}

/* RUI: END */

.topic {
	display: block;
	width: 100%;
	padding-bottom: 15px;
}

div.topicHeader {
	padding-bottom: 5px;
}
div.topicHeader strong {
	display: inline;
	background-color: #666666;
	padding: 0;
	margin: 0;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: uppercase;
	
}

.topic a {
	text-decoration: underline;
}








/* SITEMAP */
ul.sitemap {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
}

ul.sitemap li {
	list-style: none;	
}

ul.sitemap li ul {
	padding: 0;
	margin: 0;
	font-size: 17px;
	line-height: 24px;
	font-weight: normal;
}

ul.sitemap li ul li ul {
	padding-left: 15px;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}

ul.sitemap a {
	text-decoration: none;
}

ul.sitemap a:hover {
	text-decoration: underline;
}

/* KNOWLEDGE BASE */
#KBSearchBox {
	position: relative;
	display: block;
	width: 100%;
	height: 85px;
	background-color: #E6E6E6;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#KBSearchBox #labelTheme {
	position: absolute;
	left: 10px;
	top: 15px;
}

#KBSearchBox #fieldTheme {
	position: absolute;
	left: 125px;
	top: 15px;
	width: 280px;
}

#KBSearchBox #fieldTheme input {
	border:none;
	width: 100%;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: ArialMT, Arial, sans-serif;
	color: #666666;
}

#KBSearchBox #labelDate {
	position: absolute;
	left: 440px;
	top: 15px;
}

#KBSearchBox #fieldDate {
	position: absolute;
	left: 475px;
	top: 15px;
	width: 280px;
}


#KBSearchBox #labelResource {
	position: absolute;
	left: 10px;
	top: 40px;
}

#KBSearchBox #fieldResource {
	position: absolute;
	left: 125px;
	top: 40px;
	width: 280px;
}

#KBSearchBox #fieldResource select,
#KBSearchBox #fieldDate select {
	border:none;
	width: 100%;
	/* font-family: "Courier New", Courier, monospace;*/
	font-family: ArialMT, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}

#KBSearchBox #fieldTheme {
	position: absolute;
	left: 125px;
	top: 15px;
	width: 280px;
}

#KBSearchBox #fieldTheme input {
	border:none;
	width: 280px;
	/* font-family: "Courier New", Courier, monospace;*/
	font-family: ArialMT, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}

#KBSearchBox #submit {
	position: absolute;
	left: 695px;
	top: 60px;	
}


/* SEARCH BLOCK */

#CSearchBox {
	position: relative;
	display: block;
	width: 100%;
	height: 85px;
	background-color: #E6E6E6;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#CSearchBox #labelKeyword {
	position: absolute;
	left: 10px;
	top: 15px;
}

#CSearchBox #fieldKeyword {
	position: absolute;
	left: 140px;
	top: 15px;
	width: 280px;
}

#CSearchBox #fieldKeyword input {
	border:none;
	width: 100%;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: ArialMT, Arial, sans-serif;
	color: #666666;
}

#CSearchBox #labelWords {
	position: absolute;
	left: 440px;
	top: 15px;
}

#CSearchBox #fieldWords {
	position: absolute;
	left: 475px;
	top: 15px;
	width: 280px;
}


#CSearchBox #labelOrdering {
	position: absolute;
	left: 10px;
	top: 40px;
}

#CSearchBox #fieldOrdering {
	position: absolute;
	left: 140px;
	top: 40px;
	width: 280px;
}

#CSearchBox #fieldOrdering select,
#CSearchBox #fieldWords select {
	border:none;
	width: 100%;
	/* font-family: "Courier New", Courier, monospace; */
	font-family: ArialMT, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}

#CSearchBox #submit {
	position: absolute;
	left: 695px;
	top: 60px;	
}

/* results table (for KB but other tables may apply.. */
div.resultsTable {
	display: block;
	width: 100%;
}

div.resultsTable .col1_3 {
	display: block;
	float: left;
	width: 185px;
	overflow: hidden;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;	
}

div.resultsTable .col2_3 {
	display: block;
	float: left;
	width: 430px;
	overflow: hidden;	
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;
}

div.resultsTable .col3_3 {
	display: block;
	float: left;
	width: 130px;
	overflow: hidden;	
}

div.resultsTable .col1_3 .margins,
div.resultsTable .col2_3 .margins,
div.resultsTable .col3_3 .margins {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
}

div.resultsTable .col1_2 {
	display: block;
	float: left;
	width: 616px;
	overflow: hidden;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;	
}

div.resultsTable .col2_2 {
	display: block;
	float: left;
	width: 145px;
	overflow: hidden;	
}

div.resultsTable .col1_2 .margins,
div.resultsTable .col2_2 .margins
{
	display: block;
	margin-left: 10px;
	margin-right: 10px;
}


div.resultsTable div.headerRow {
	display: block;
	background-color: #ff7202;	
	color: #000000;
	height: 25px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
}

div.resultsTable div.headerRow .col3_3 {
	color: white;
}

div.resultsTable .rowOdd {
	display: block;
	width: 100%;
	line-height: 22px;	
	background-color: #ffffff;
	overflow: hidden;
	clear: both;	
}

div.resultsTable .rowEven {
	display: block;
	width: 100%;
	line-height: 22px;
	background-color: #f0f0f0;
	overflow: hidden;
	clear: both;
	
}

div.resultsTable a.rowOdd,
div.resultsTable a.rowEven {
	color: #666666;
	text-decoration: none;
}

div.resultsTable a.rowOdd:hover,
div.resultsTable a.rowEven:hover {
	color: #ff7202;
	text-decoration: underline;
}

div.resultsTable .searchIndex {
	float: left;
	width: 30px;
}


div.resultsTable .searchTitle {
	display: block;
	float: left;
	font-weight: bold;
}

div.resultsTable .searchDesc {
	clear: both;
	display: block;
	text-decoration: none;
	line-height: 14px;
	padding-bottom: 3px;
	padding-left: 30px;
}



.KBSearchMenu {
	/* de regel met navigatie voor zoekresultaten in de KB */
	display: block;
}

.KBSearchMenu a {
	color: #666666;
	text-decoration: none;
}

.KBSearchMenu a:hover {
	color: #ff7202;
	text-decoration: underline;
}

.KBSearchMenu a.active {
	color: #ff0000;
	text-decoration: underline;
}

.KBSeparator {
	/* separator to separate menu from results table */
	display: block;
	width: 100%;
	height: 10px;
	clear: both;
}



	.article_separator {
		/* artikelen in overzichten scheiden.. 
		wordt ook gebruikt als separator binnen modules..
		*/
		display: block;
		width: 100%;
		height: 8px;	
	}


	
	.pathway {
		/* voor de pathway standaard door joomla gegenereerd. Let op dat de images niet per se hetzelfde zijn! */
		display: block;
		color: #666666;
		width: 100%;
		padding-bottom: 8px;
	}
	
	.pathway .pathway {
		/*
		for some obscure reason, the default joomla pathway nests pathway classes.
		hence this definition so the style defs of the wrapper class do not inherit.
		*/
		display: inline;
		padding: 0;
		margin: 0;
		width: auto;
	}

	.pathway a.pathway {
		color: /*NICK#ff7202*/#3399CC;
		white-space: nowrap;
		text-decoration: none;
	}
	
	.pathway a.pathway:hover {
		text-decoration: underline;
		color: #666666;
	}
	
	.pathway a.pathway:active {
		color: #ff0000;
	}

	.pathway span.pathway span.pathway {
		color: #666666;
	}
	
	a.readon {
		display: block;
		padding-bottom: 5px;
		color: #666666;
		
	}
	
	
	
/* FORM STUFF*/	
#contentWrapper form {
		padding-top: 10px;
		padding-bottom: 25px;
		clear: both;
	}
	
	div.formRow {
		display: block;
		width: 100%;
		clear: both;			
	}
	div.formRow div.formLabel {
		float: left;
		width: 150px;
		padding-top: 3px;
		padding-bottom: 4px;

	}
	div.formRow div.formField {
		float: left;
		width: 320px;
		padding-bottom: 4px;
	}
	
	div.halfFormColumn {
		float: left;
		width: 50%;
	}
	
	form h2, form h3 {
		padding-top: 5px;
		padding-bottom: 3px;
	}
	
	
	input.textField, input.inputbox, select, textarea {
		/* font-family: "Courier New", Courier, monospace; */
		font-family: ArialMT, Arial, sans-serif;
		font-size: 11px;
		color: #666666;
		border-style: solid;
		border-color: #ff7202;
		border-width: 1px;
	}
	
	input.textField {		
		line-height: 14px;
	}
	input.radio, input.checkbox {
		position: relative;
		top: 3px;
	}
	
	input.formButton, input.button {
		color: white;
		border-style: solid;
		border-color: black;
		border-width: 1px;		
		background-color: #ff7202;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	label {
	}
	
	 .smallFormElement {
		width: 30px !important;
	 }	
	 .mediumFormElement {
		width: 170px !important;
	 }
	 .wideFormElement {
		width: 245px !important;
	 }
	 .fullWidthFormElement {
		width: 100% !important;
	 }
	 .highFormElement {
	 	height: 100px !important;
	 }
	 
/* END FORM STUFF */