/* lay-out */
body {
	padding : 0em 0em 0em 0em;
}
#skip {
	position : absolute;
	top : -10em;
}
#canvas {
	width : 775px;
	margin-bottom : 32px;
	border-bottom : solid 1px #7fa7b3; /* to color */
}
#header {
	margin-right : 1px;
	height : 195px;
	background-color : #FFFFFF;
	width: 774px;
	margin-bottom: 5px;
			/*overflow : hidden;	*/
}
body.content #header {
	margin-bottom: 15px;
}
.logoimage {
	float : left;
}
#search {
	float : right;
	width : 174px;
	height : 52px;
	padding : 4px 0px 0px 8px;
/* to color 1*/	background-color : #82cedf;
/* to color 1*/
}
#search label {
	margin-bottom : 1em;
}
#search input.button, div.search input.button {
	width : auto;
	border : none;
/* to color 1*/	background-color : #82cedf; /* to color 1*/;
	background-image : url("Images/RHK_bullet_gt_link.gif");
	background-repeat : no-repeat;
	background-position : 0px 0px;
	padding-left : 10px;
	color : #004f68;
	font-weight : bold;
	cursor : pointer;
}
#search input.image {
}
#metaNavigation {
	float : right;
	width : 400px;
	margin : 0px;
	padding : 4px 8px 0px 0px;
	text-align : right;
}
#metaNavigation li {
	display : inline;
	padding : 0px;
	background-image : none;
}
#metaNavigation li a {
	font-weight : bold;
}
#metaNavigation li a:link, #metaNavigation li a:visited {
	text-decoration : none;
}
#metaNavigation li a:hover, #metaNavigation li a:active {
	text-decoration : underline;
}
#title {
	clear : both;
}
#decoration {
	float : left; /*overflow : hidden;*/;
	height: 120px;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#decoration img{
	width: 592px !important;
}
.decorationNarrow {
	width : 592px;
}
.decorationWide {
	width : 774px;
}
#titleNavigation {
	float : right;
	width : 180px;
	height: 86px;
	margin : 0px;
	border: solid 1px #7fa7b3; /*to color */
}
#titleNavigation address {
	padding: 2px 0px 0px 10px;
}
#navigation {
	position : relative;
	clear : left;
	float : left;
	width : 174px;
	background-color: #FFF;
	margin-top: 0px;
}
#navigation h1 {
	width : 174px;
	padding-top : 6em;
	font-size : 1em;
	background-color: #FFF;
}
html > body #navigation h1 img {
	float : left;
}

a.banner {
}
#content {
	float : left;
	width : 601px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image : url("Images/RHK_canvas_back.gif");
	background-repeat : repeat-y;
	background-color: #FFF;
}
/*body.content #content {background-image:none;}	*/
/* content types */
div.singlecol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e5edf0;
}
div.singlecol h2 {
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 4px 10px;
	background-color: #ccdce1;
}
div.singlecol h3 {
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 0px 0px;
}
div.singlecol p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 10px;
}
#cols {
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image : url("Images/RHK_cols_back.gif");
	background-repeat : repeat-y;
	background-position: 0px 0px;
}
#cols div.col {
	float: left;
	width: 178px;
	margin: 0px 14px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e5edf0;
}
#cols div.nrght {
	margin: 0px 0px 0px 0px;
}
#cols div.col h2 {
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 4px 10px;
	background-color: #ccdce1;
}
#cols div.col h3 {
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 0px 0px;
}
#cols div.col p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 10px;
}
ul.themas {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 0px 0px;
}
ul.themas li {
	margin-bottom : 1em;
	background-image : url("Images/RHK_bullet_gt_blue.gif");
	padding-left : 16px;
	list-style: none;
}
ul.themas li a:link, ul.themas li a:visited {
	text-decoration : none;
	font-weight: bold;
}
ul.themas li a:hover, ul.themas li a:active {
	text-decoration : underline;
	font-weight: bold;
}
/* common styles */
#content p {
	line-height : 1.50em;
}
/* intro text */
#intro {
	height: 6em;
	background-color : #FFFFFF;
	font-weight : bold;
	margin-right : 0px;
	padding : 0px 25px 0px 25px;
	
}
#intro p, #intro div{
	margin : 0px;
	font-size : 12px;
	line-height : 1.33em;
}

#ctl00_PlaceHolderMain_IntroductionTextField__ControlWrapper_RichHtmlField
{
	
	font-size: 110%;
}

#ctl00_PlaceHolderMain_IntroductionField__ControlWrapper_RichHtmlField
{
	line-height : 1.5em;
	font-size: 62,5%;	
}
	
/* homepage */
#homePage {
	background-color : #FFFFFF;
	padding : 0px 0px 0px 25px;
	border-left : solid 1px #7fa7b3;
	background-image : url("Images/RHK_panels_back.gif");
	background-position : -1px 0px;
}

#introHomepage {
	background-color : #FFFFFF;
	font-weight : bold;
	margin-right : 0px;
	margin-top: 0px;
	padding : 0px 25px 0px 15px;
	height: 6em;
	
}
#introHomepage p, #introHomepagediv {
	margin : 0px;
	font-size : 110%;
	line-height : 1.33em;
}

div.panelRow {
	clear : both;
	width : 100%;
	border-bottom : solid 12px #FFFFFF;
}
div.homePanel {
	/* to color 1*/							
							background-color : #96d6e3; /* to color 1*/;
	min-height : 111px;
}
div.homePanel ul {
	margin : 0px;
}
div.homePanel li {
	list-style-type : none;
	padding-left : 22px;
	background-repeat : no-repeat;
	background-position : 7px 1px;
}
#homePage .orange {
	float : left;
	width : 272px;
}
#homePage .orange li {
	background-image : url("Images/RHK_bullet_gt_orange.gif");
}
#homePage .orange a:link, #homePage .orange a:visited {
	color : #000000;
	text-decoration : none;
}
#homePage .orange a:hover, #homePage .orange a:active {
	color : #e76f00;
	text-decoration : none;
}
#homePage .red {
	float : right;
	width : 279px;
}
#homePage .red li {
	background-image : url("Images/RHK_bullet_gt_red.gif");
}
#homePage .red a:link, #homePage .red a:visited {
	color : #000000;
	text-decoration : none;
}
#homePage .red a:hover, #homePage .red a:active {
	color : #9e1b34;
	text-decoration : none;
}
#homePage .green {
	float : left;
	width : 272px;
}
#homePage .green li {
	background-image : url("Images/RHK_bullet_gt_green.gif");
}
#homePage .green a:link, #homePage .green a:visited {
	color : #000000;
	text-decoration : none;
}
#homePage .green a:hover, #homePage .green a:active {
	color : #007e64;
	text-decoration : none;
}
#homePage .kaki {
	float : right;
	width : 279px;
}
#homePage .kaki li {
	background-image : url("Images/RHK_bullet_gt_kaki.gif");
}
#homePage .kaki a:link, #homePage .kaki a:visited {
	color : #000000;
	text-decoration : none;
}
#homePage .kaki a:hover, #homePage .kaki a:active {
	color : #b2bc00;
	text-decoration : none;
}
/* single column layout */
div.singleColumn {
	clear : both;
	width : 100%;
	min-height : 50em;
	height: auto !important;
	height: 50em;
	background-image : url("Images/RHK_content_back_single.gif");
	background-repeat : repeat-y;
	background-position : 0px 0px;
}
.homepagewebpartholder {
	width: 580px;
	overflow:hidden;
	padding: 0px 10px 15px 10px;
}

.tablewebpartcontainer {
	margin: 0px 10px 0px 10px;
}
.tablewebpart {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background-color: #ffe8d9;

}

.tablewebpart p, freecontentpart p
{
padding:5px 5px 5px 5px;		
}

.twidth1 {
	width: 175px;
	float: left;
}

.twidth2
{
	width: 370px;
	float: left;

}

.twidth3
{
	width: 565px;
	float: left;

}


div.tablewebpart h1 {
	background-color : #96d6e3;
	padding : 3px 25px 4px 5px;
	margin : 0px 0px 0px 0px;
}

div.tablewebpartcontent {
	padding: 10px 10px 10px 10px;
	height:150px;
}
div.singleColumn h1, div.multiColumn h1 {
	/*to color 1*/							
							background-color : #96d6e3; /*to color*/;
	padding : 3px 25px 4px 25px;
	margin : 0px 1px 0px 1px;
}
div.singleColumn div.intro, div.multiColumn div.intro {
	margin : 0px 1px 0px 1px;
	padding : 1em 25px 1em 25px;
	font-weight: bold;
	color : #004f68;
	line-height : 1.33em;
	background-color: #ebeced;
}
div.singleColumn div.highlightitem, div.multiColumn div.highlightitem {
	margin : 0px 1px 0px 1px;
	padding : 1em 25px 1em 10px;
	line-height : 1.33em;
	background-color: #ffe8d9;
}
div.singleColumn div.newsitem, div.multiColumn div.newsitem{
	margin : 0px 1px 0px 1px;
	padding : 1em 25px 1em 10px;
	line-height : 1.33em;
}

div.introAddresses {
	clear : both;
	float : left;
	width : 380px;
}
div.intro address {
	color : #000000;
}
div.introMap {
	float : right;
	width : 160px;
}
div.introMap a {
	display : block;
	font-weight : bold;
}
div.introMap a.pdf {
	margin-top : 6px;
	padding : 2px 0px 2px 22px;
	background-image : url("Images/RHK_icon_pdf.gif");
	background-repeat : no-repeat;
	background-position : 0px 0px;
}
div.introMap a:link, div.introMap a:visited {
	text-decoration : none;
}
div.introMap a:hover, div.introMap a:active {
	text-decoration : underline;
}
div.intro h2 {
	padding-bottom : 10px;
}

div.intro td{vertical-align:bottom;padding:0.2em;}
div.intro th{vertical-align:bottom;padding:0.2em;}

body.home div.multiColumn div.margin {
	padding : 0em 25px 25px 25px;
}
div.singleColumn div.margin, div.multiColumn div.margin {
	padding : 1em 25px 25px 25px;
}
/* two column layout */
div.multiColumn {
	background-image : url("Images/RHK_content_back.gif");
	background-repeat : repeat-y;
	background-position : 0px 0px;
	background-color: #FFF;	
	min-height: 50em;	
	height:auto !important;
	height: 50em;
}
div.leftColumn {
	clear : both;
	float : left;
	width : 420px;
}
div.leftColumnWide {
	clear : both;
	float : left;
	width : 601px;
}
div.rightColumn {
	float : right;
	position: relative;
	width : 181px;
	line-height: 1.50em;
}
div.rightColumn h1 {
	padding : 3px 8px 4px 8px;
	margin : 0px 1px 0px 0px;
	font-size: 110%;
/*hier kopje rechterkolom*/	line-height: 1.2em;
}
div.rightColumn div.margin {
	padding : 1em 8px 8px 8px;
}
div.rightColumn div.relmargin {
	padding : 8px 0px 8px 8px;
}
body.home div.multiColumn {
	min-height : 12em;
}
/* headlines */
ul.headlines {
	margin-left : -8px;
}
ul.headlines li {
	margin-bottom : 1em;
	background-image : url("Images/RHK_bullet_gt_blue.gif");
	padding-left : 16px;
	list-style: none;
}
ul.headlines li a:link, ul.headlines li a:visited {
	text-decoration : none;
}
ul.headlines li a:hover, ul.headlines li a:active {
	text-decoration : underline;
}
/* search results */
#content div.searchForm {
	/* to color 1*/					
					background-color : #96d6e3;
/* to color 1*/
}
.brdtop {
	border-top: solid 1px #cbdde1;
}
#content div.searchbtn input.button {
	width : auto;
	border : none;
/* to color 1*/	background-color : #96d6e3; /* to color 1*/;
	background-image : url("Images/RHK_bullet_gt_link.gif");
	background-repeat : no-repeat;
	background-position : 0px 0px;
	padding-left : 10px;
	color : #004f68;
	font-weight : bold;
	cursor : pointer;
	border: solid 1px #cbdde1;
	border-top: none;
	margin-top: -1px;
	margin-right: 32px;
}
#content div.searchForm table {
	margin-left : 9px;
}
.intro2 {
	border-top: solid 1px red;
}
h2.toggleNextNode {
}
h2.link {
	cursor: pointer;
	background-image: url(/images/pijl_down.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 14px;
}
h2.active {
	cursor: pointer;
	background-image: url(/images/pijl_up.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 14px;
}
div.searchbtn {
	border-top: solid 1px #cbdde1;
	border-left: solid 1px #7fa7b3;
	text-align: right;
	background-color: #f5f5f7;
}
#content div.searchForm div table td label {
	display: inline-block;
	padding-top: 4px;
}
#content div.searchForm input {
	display: block;
	float: left;
}
#content div.searchForm label {
	font-weight : normal;
	color : #000000;
}
#content div.searchForm th {
	vertical-align : top;
}
#content div.searchForm .toBottom {
	vertical-align : bottom;
	padding-bottom: 5px;
	padding-left : 32px;
}
div.searchSummary {
	background-color : #f5f5f6;
	padding : 3px 15px 5px 24px;
	margin : 0px 1px 20px 1px;
}
div.searchResults {
	padding-top : 10px;
}
div.searchContacts {
	padding : 1em 8px 1em 0px;
}
div.searchResults h2 {
	background-color : #ebeced;
}
div.searchResults td h3 {
	color : #004f68;
}
div.searchResults table {
	margin : 1em 0px 1em 0px;
}
div.searchResults th {
	padding-top : 10px;
	color : #004f68;
	font-weight : bold;
}
div.searchResults td {
	padding-top : 8px;
}
/* pager */
div.pagers {
	background-color : #f5f5f6;
	padding : 3px 8px 5px 8px;
	margin : 0px 1px 0px 1px;
}
div.pagers ul {
	list-style-type : none;
	margin : 0em;
}
div.pagers li {
	display : inline;
	background-image : none;
	padding : 0px;
}
div.pagers a {
	font-weight : bold;
	padding : 0px 0.3em 0px 0.3em;
}
div.pagers a.previous {
	background-image : url("Images/RHK_bullet_lt_link.gif");
	background-repeat : no-repeat;
	background-position : 0% 0%;
	padding : 0px 16px 0px 16px;
}
div.pagers a.next {
	background-image : url("Images/RHK_bullet_gt_link.gif");
	background-repeat : no-repeat;
	background-position : 100% -1px;
	padding : 0px 16px 0px 16px;
}
div.pagers a:link, div.pagers a:visited {
	text-decoration : none;
}
div.pagers a:hover, div.pagers a:active {
	text-decoration : underline;
}
div.pagers a.active:link, div.pagers a.active:visited, div.pagers a.active:hover, div.pagers a.active:active {
	text-decoration : none;
	background-color : #004f68;
	color : #f5f5f6;
}
/* forms */
div.form {
}
div.form h2 {
	color : #000000;
}
div.form address {
	color : #000000;
	padding : 0px 0px 0px 0em;
}
div.form table {
}
div.form table th {
	padding-right : 1em;
}
div.form table td {
}
div.form tfoot td {
	border : none;
	text-align : right;
	padding-right : 1em;
}
div.form input, div.form textarea, div.form select {
	width : 20em;
}

div.smallinput input
{
	width: 3em;
	border: 0px;
}

div.form input.radio, div.form .radio input {
	width : auto;
}
div.form input.image {
	width : auto;
}
table.radio td label {
	margin-top: 3px;
	height: 10px;
}
label.chkPDF {
	padding-top: 3px;
	height: 10px;
}
div.form input.button, div.form input.submit {
	width : auto;
	height : 18px;
	border : none;
	background-color : #ffffff;
	background-image : url("Images/RHK_bullet_gt_link.gif");
	background-repeat : no-repeat;
	background-position : 0px 2px;
	padding-left : 10px;
	color : #004f68;
	font-weight : bold;
	cursor : pointer;
	text-decoration: none;
}
div.form a.button {
	width : auto;
	height : 18px;
	border : none;
	background-color : Transparent;
	background-image : url("Images/RHK_bullet_gt_link.gif");
	background-repeat : no-repeat;
	background-position : 0px 0px;
	padding-left : 14px;
	padding-top : 1px;
	color : #004f68;
	font-weight : bold;
	cursor : pointer;
	text-decoration: none;
}
div.form label {
	font-weight : normal;
}
/* publications */
div.publications {
}
div.publications ul {
	padding : 8px 0px 8px 0px;
}
div.publications li {
	background-position : 0px 0px;
	background-repeat : no-repeat;
	padding : 0px 0px 12px 28px;
}
div.publications li.pdf {
	background-image : url("Images/RHK_icon_pdf.gif");
}
div.publications li.doc {
	background-image : url("Images/RHK_icon_doc.gif");
}
div.publications li.ppt {
	background-image : url("Images/RHK_icon_ppt.gif");
}
div.publications li.htm {
	background-image : url("Images/RHK_icon_htm.gif");
}
div.publications h3 {
}
ul.publicationsIssues {
	margin : 0px;
}
ul.publicationsIssues li {
	padding : 0px 0px 3px 8px;
	background-position : -4px 2px;
	background-image : url("Images/RHK_bullet_gt_blue.gif");
	padding-left : 10px;
}
ul.publicationsIssues a:link, ul.publicationsIssues a:visited {
	text-decoration : none;
}
ul.publicationsIssues a:hover, ul.publicationsIssues a:active {
	text-decoration : underline;
}
ul.publicationsIssues a.active:link, ul.publicationsIssues a.active:visited, ul.publicationsIssues a.active:hover, ul.publicationsIssues a.active:active {
	text-decoration : underline;
}
/* Image Content overview*/
div.imageoverviewitem {
	position : relative;
	width : 255px;
	background-color : #ebeced;
	margin : 10px 10px 0px 10px;
	font-size:100%;
	float:left;
}

div.imageoverviewitem div.margin{
	margin : 8px 2px 8px 10px;
	width: 55%;
	float: left;
	padding: 0px;
}


/* corporate projects */
div.corporateProject {
	position : relative;
	width : 100%;
	background-color : #ffe8d9;
	margin : 8px 0px 24px 0px;
	font-size:100%;
}
div.corporateProject h2 {
	background-color : #96d6e3;
	padding : 4px 4px 4px 16px;
	background-repeat : no-repeat;
	background-position : 4px 50%;
}
div.corporateProject h2.orange {
	background-image : url("Images/RHK_project_bullet_orange.gif");
	color : #e76f00;
}
div.corporateProject h2.kaki {
	background-image : url("Images/RHK_project_bullet_kaki.gif");
	color : #8f8f0b;
}
div.corporateProject h2.green {
	background-image : url("Images/RHK_project_bullet_green.gif");
	color : #007e64;
}
div.corporateProject h2.red {
	background-image : url("Images/RHK_project_bullet_red.gif");
	color : #9e1b34;
}
div.corporateProject div.margin {
	width : 30%;
	margin : 8px 2px 8px 4px;
	float : left;
	padding : 0px;
}

div.corporateProject div.marginwide{
	width : 35%;	
	margin : 8px 2px 8px 4px;
	float : left;
	padding : 0px;

}


div.corporateProject h2.subsiteProject {
	background-image : url("Images/RHK_bullet_gt_link.gif");
	background-repeat : no-repeat;
	background-position : 0% 2px;
	padding-left : 16px;
	margin-bottom : 4px;
	color : #004f68;
}
div.corporateProject h3 {
	margin-bottom: 4px;
}
div.corporateProject a {
	background-image : url("Images/RHK_bullet_gt_blue.gif");
	background-repeat : no-repeat;
	background-position : 0% 2px;
	padding-left : 12px;
	font-weight : bold;
}
div.corporateProject a:link, div.corporateProject a:visited {
	text-decoration : none;
}
div.corporateProject a:hover, div.corporateProject a:active {
	text-decoration : underline;
}
div.corporateProject table {
	color : #000000;
	margin : 0px 0px 0px 0px;
}
* html div.corporateProject table {
	width : 100%;
	margin : 0px 0px 0px 0px;
}
div.corporateProject th {
	font-weight : normal;
	vertical-align : top;
	width : 40px;
}
div.corporateProject thead th {
	border : none;
	background-color : Transparent;
	font-weight : bold;
	color : #004f68;
}
div.corporateProject td {
}
div.corporateProject tfoot td {
	border : none;
}
div.corporateProject tfoot a {
}
div.corporateProject ul {
	margin-top : 4px;
}
div.corporateProject li {
	background-image : none;
	padding : 0px;
}
/* exceptions */
body.home {
}
body.home #canvas {
	background-image : none;
}
body.home #intro {
	margin-right : 0px;
}
body.home div.multiColumn {
	background-image : url("Images/RHK_home_back.gif");
}
body.home div.rightColumn h1 {
	margin-right : 2px;
}

/*-------------------- Main Navigation (left) ---------------------- */
#mainNavigation {
	clear : both;
	width : 174px;
	min-height : auto;
	margin : 0px;
	margin-bottom: 27px;
}

/* first level */
#mainNavigation li {
	display : inline;
	background-image : none;
	padding : 0px;
}

/* decoration */
#mainNavigation li a {
	display : block;
	padding : 4px 4px 4px 18px;
	background-repeat : no-repeat;
	background-position : 3px 2px;
	text-decoration : none;
	font-weight : bold;
	border-bottom : solid 1px #7fa7b3; /*to color */
}


#mainNavigation li ul {
}
#mainNavigation li.link ul {
	display : none;
}
#mainNavigation li.active ul {
	display : block;
}

/* second level */
#mainNavigation li ul {
	margin : 0px;
}

#mainNavigation ul li a {
	padding : 4px 4px 4px 24px;
	background-image:  none;
}

#mainNavigation ul li a {
	padding : 4px 4px 4px 24px;
	background-image:  none;
}
/* dynamics */
#mainNavigation li ul li ul {
}
/* link */
#mainNavigation li.active ul li.link ul {
	display : none;
}
/* hover */
#mainNavigation li.active ul li.active ul {
	display : block;
}

/* passive */
#mainNavigation li a:link, 
	#mainNavigation li a:visited {
	color : #004f68;
	background-color : #FFFFFF;
	background-image : url("Images/RHK_navigation_back_link.gif");
}
#mainNavigation li a:hover {
	color : #FFFFFF;
	background-color : #96d6e3;
	background-image : url("Images/RHK_navigation_back_active.gif");
}
/* active */
#mainNavigation li.active a:link, 
	#mainNavigation li.active a:visited, 
	#mainNavigation li.active a:hover, 
	#mainNavigation li.active a:active 
{
	color : #FFFFFF;
	background-color : #96d6e3;
	background-image : url("Images/RHK_navigation_back_active.gif");
}

#mainNavigation ul li.active a	
{
	background-image : none;
}

/* passive */
#mainNavigation li.active ul li a:link, 
	body.content #mainNavigation li.active ul li a:visited 
{
	background-image : none;
	color : #004f68;
	background-color : #FFFFFF;
}
#mainNavigation li.active ul li a:hover {
	background-image : none;
	color : #004f68; /* to color */
	background-color : #96d6e3;
/* to color */
}

/* active */
#mainNavigation li.active ul li.active a:link, 
	#mainNavigation li.active ul li.active a:visited, 
	#mainNavigation li.active ul li.active a:hover, 
	#mainNavigation li.active ul li.active a:active {
	background-image : none;
	color : #004f68; /* to color */
	background-color : #96d6e3;
/* to color */
}

div.disclaimer {
	text-align: right;
	margin-right: 10px;
}