@charset "utf-8";
body {
	color:#000;
	font-size:62.5%;
	font-family:verdana,helvetica,arial,sans-serif;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Style sheet used for the editor */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* General */

	body {
		color: #31505A;
		font-family: Verdana,sans-serif,Arial,Helvetica,sans-serif;
		line-height: 1.3em;
		font-size: 12px;
		text-align: left;
	}
	td {
		font-family: Verdana,sans-serif,Arial,Helvetica,sans-serif;
		font-size: 12px;
		line-height: 1.3em;
	}
	th, td {
		vertical-align: top;
	}
	a {
		color: #2B909C;
		text-decoration: underline;
	}
	a:hover {
		color: #00AAB3;
		text-decoration: underline;
	}
		a img, a:hover img {
			border:0;
			text-decoration: none;
		}
	strong {
		font-weight:600;
	}
	ul li {
		list-style-image: url(../img/frameset/bullet_01.gif);
	}
	ul li ul li {
		list-style-image: url(../img/frameset/bullet_02.gif);
	}
	ul li ul li ul li {
		list-style-image: url(../img/frameset/bullet_03.gif);
	}
	ul.style2 {
		padding: 0px;
	}
	ul.style2 li {
		list-style-image: url(../img/frameset/class_leftNavigationList2_li_listimage.gif);
		margin-left: 25px;
	}
	ol, ul li ol li {
		list-style: decimal;
	}
	caption {
		font-weight: 600;
	}
	legend {
		color: #333333;
		font-weight:600;
	}


/* Titles */

	h1 {
		font-size: 125%;
		margin-top: 7px;
		color: #00AAB3;
	}
	h2 {
		background-color: #F5F5F5;
		border: 1px solid #E7EDEF;
		color: #F17100;
		font-size: 115%;
		margin-top: 15px;
		padding: 3px 0px 3px 3px;
	}
	h3 {
		color: #3C5A61;
		font-size: 110%;
		text-decoration: none;
		padding: 8px 0px 6px 0px;
	}
	h4 {
		font-size: 95%;
		color:#666666;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
		padding: 3px 0px 3px 3px;
	}
	h5 {
		border-left: 1px solid #C1C1C1;
		border-bottom: 1px solid #C1C1C1;
		color: #979797;
		font-size: 95%;
		font-weight: 600;
		margin:  5px 0px 0px 0px;
		padding: 3px 0px 3px 3px;
		
	}
	h6 {
		font-size: 90%;
		color: #979797;
		margin: 10px 10px 10px 0px;
		padding: 3px 0px 3px 3px;
	}


/* Oter Tags */

	hr {
		color: #006666;
	}
	form {
		padding:0;
		margin:0;
	}


/* Frequently used classes */

.print, .handheld {
	display: none;
}
.noprint, nohandheld {
	/* display: block;*/
}
.pagebreakBefore {
	display:none;
}
.pagebreakAfter {
	page-break-after: always;
	display: none;
}
.required{
	background-color: #FFFFFF;
	color: #FF3300;
}


.small, table.small td, table.TableImageboxCenter td {
	font-size: 95%;
}
table.styled {
	border: 1px solid #88A3AE;
	border-left: 0;
	border-bottom: 0;
}
	table.styled tr.theader td, table.styled td.theader {
		background-color: #CCD7DB;
		font-weight: 600;
	}
	table.styled tr td {
		background-color: #FFFFFF;
		border-bottom: 1px solid #C3D1D6;
		border-left: 1px solid #C3D1D6;
		padding: 2px;
	}
	tr.odd, table.styled tr.odd td, table.styled td.odd {
		background-color: #F5F5F5;
	}
	
	tr.odd2, table.styled tr.odd2 td, table.styled td.odd2, table.styled tr.odd td.odd2 {
		background-color: #d7dfe2;
	}
	table.styled tr.odd3 td, table.styled td.odd3, table.styled tr.odd td.odd3 {
		background-color: #E5EAED;
	}
	table.styled tr.odd4 td, table.styled td.odd4, table.styled tr.odd td.odd4 {
		background-color: #FFF3D9;
	}
	/*    agenda complete   */
	tr.complete, table.styled tr.complete td, table.styled td.complete {
		background:url(../img/agenda/bbri_agenda_complete_background.gif);
	}
	
	/*    vision 2030    */
		tr.bgcolour1, table.styled tr.bgcolour1 td, table.styled td.bgcolour1 {
			background-color: #ffcc9a;
		}
		tr.bgcolour2, table.styled tr.bgcolour2 td, table.styled td.bgcolour2 {
			background-color: #e0e0e0;
		}
		tr.bgcolour3, table.styled tr.bgcolour3 td, table.styled td.bgcolour3 {
			background-color: #cc9aff;
		}
		tr.bgcolour4, table.styled tr.bgcolour4 td, table.styled td.bgcolour4 {
			background-color: #ccffcc;
		}
		tr.bgcolour5, table.styled tr.bgcolour5 td, table.styled td.bgcolour5 {
			background-color: #ffff9a;
		}
div.styled {
	border: 1px solid #88A3AE;
}
.attentionbox {
	background-color: #FFF7F0;
	border: 1px solid #F9A64F;
	color: #000000;
	padding: 4px;
}
	.attentionbox .inltopictitle, .attentionbox .inltopiccontent {
		color: #cc0033;
	}

div.horizontaldivider {
	border-bottom: 1px solid #666666;
	margin: 10px 0px 10px 0px;
}
div.horizontaldividerdotted {
	border-bottom:1px dotted #C6C9CA; 
	margin: 10px 0px 10px 0px;
	width:100%;
}

input.required, textarea.required, select.required{
	background-color: #E7EFF1;
	color: #6796A0;
}
textarea.required {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

input.required2, textarea.required2 {
	background-color: #FF3300;
	color: #FFFFFF;	
}
textarea.required2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
span.required {
	color: #CC0000;
}
/* fakelink */
span.blocking, span.fakelink {
	color: #2B909C;
	cursor: pointer;
	text-decoration: underline;
}
	span.blocking:hover, span.fakelink:hover {
		color: #00AAB3;
		background-color: #F7F7F7;
	}

	div.prologue, div.writername {
		color: #6D6D6D;
		font-weight: 600;
		font-size: 97%;
		margin-bottom: 15px;
	}
	div.imageboxCentered {
		text-align: center;
	}
		div.imageboxCentered img {
			border: 1px solid #000000;
		}
		div.imageboxCentered table td {
			font-size: 97%;
			padding: 5px;
			text-align: center;
		}
	div.textbox {
		margin-bottom: 20px;
	}
	div.textComment{
		font-size: 97%;
		font-style:italic;
		padding: 5px;
		text-align: left;
		color:#999999;
	}
	div.writerName{
		color: #666666;
		font-style: italic;
		text-align: right;
	}
		td.imageBoxed {
		font-size:8pt;
		padding:5px;
	}
	td.imageBoxedLeft, td.imageBoxedRight, td.imageBoxedLR, td.imageBoxedC {
		background-color:#FFF;
		border-top: 1px solid #000000;
	}
	td.imageBoxedLeft, td.imageBoxedLR {
		border-left: 1px solid #000000;
	}
	td.imageBoxedRight, td.imageBoxedLR {
		border-right: 1px solid #000000;
	}
	div.boxFloatingRight, div.boxFloatingLeft, div.imageboxFloatingRight, div.imageboxFloatingLeft, div.boxFloatingCenter, div.imageboxFloatingCenter, td.imageBoxed {
		background-color: #F5F5F5;
		border: 1px solid #000000;
		color: #666666;
	}
	div.boxFloatingRight div, div.boxFloatingLeft div, div.imageboxFloatingRight div, div.imageboxFloatingLeft div, div.boxFloatingCenter div, div.imageboxFloatingCenter div{
		font-size: 90%;
		padding: 5px;
		text-align: center; 
	}
	div.boxFloatingRight div, div.boxFloatingLeft div {
		text-align: left;
	}
	div.imageboxFloatingRight div, div.imageboxFloatingLeft div, td.imageBoxed {
		text-align: center;
	}
	div.boxFloatingRight, div.imageboxFloatingRight {
		float: right;
		margin: 5px 0px 5px 10px;
		width: 200px;
	}
	div.boxFloatingLeft, div.imageboxFloatingLeft {
		float: left;
		margin: 5px 10px 5px 0px;
		width: 200px;
	}
	div.boxFloatingCenter, div.imageboxFloatingCenter {
		float: none;
		margin: 5px 10px 5px 0px;
		width: 200px;
	}
	div.imageboxFloatingRight {
		width: 221px;
	}
	div.imageboxFloatingLeft {
		width: 221px;
	}
	div.imageboxFloatingRight img, div.imageboxFloatingLeft img, div.imageboxFloatingCenter img, table.TableImageboxCenter td img {
		border-bottom: 1px solid #000000;
	}
	div.floatingImageRight {
		margin: 5px;
		width: auto;
		float: right;
	}
	div.floatingImageLeft {
		margin: 5px;
		width: auto;
		float: left;
	}
	div.extraInformationField {
		/* background-color: #C8DABF; */
		background-color: #F5F5F5;
		border: 1px solid #666666;
		color: #666666;
		padding: 10px;
	}
	div.doubleCenteredBox {
		background-color: #F5F5F5; 
		border: 1px solid #000000; 
		color: #666666; 
		width:455px; 
		font-size: 90%; 
		padding: 5px; 
		text-align:left;
	}
img.leftalign {
	padding: 0px 15px 7px 0px;
}
img.rightalign {
	padding: 0px 0px 7px 15px;
}

table.TableImageboxCenter {
	background-color: #F5F5F5;
	border: 1px solid #000000;
	color: #666666;
	margin: 5px 0px 5px 10px;
	text-align: center;
}
td.TableCellImageboxCenterRight {
	border-left: 1px solid #000000;
}


/* JOBS PAGE STYLES */
div.jobTitle {
	font-size:12px;
	font-weight:bold;
	color: #F07100;
}
div.jobContent {
	font-size: 11px;
	color: #333333;
}
div.jobPlaceTitle {
	background-image:url(../img/bbri/jobs/arrow_dark.gif);
	background-repeat:no-repeat;
	background-position:8px;
	background-color:#F5F5F5;
	border:1px solid #585858;
	color:#333333;
	font-size:160%;
	font-weight:600;
	padding:5px 5px 5px 22px;
	margin-top:15px;
}
div.jobPlaceTitle .jobPlace{
	color: #F07100;
}
td.jobTable {
	background-color: #F9FBFA;
	color: #4C4C4C;
	text-align:left;
	font-size: 11px;
	padding: 10px 10px 3px 25px;
}
div.jobContent strong{
	color: #4C4C4C;
}
td.jobFunction {
	background-color: #00AAB3;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ffffff;
	background-image:url(../img/bbri/jobs/arrow_light.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 3px 10px 3px 25px;
	
}
div.jobFuncDes{
	font-size: 12px;
	font-weight:normal;
	text-transform:none;
}
div.job {
	border: 1px solid #333333;
	text-align:center;
	width:65%;
	padding:10px;
}
div.jobDesTitle {
		font-size: 16px;
		font-weight:bold;
		color: #00AAB3;
}
div.myJobLine {
	border-top: 1px dotted;
	margin:  10px 0px 5px 0px;
	color:#333333;
}
/* Panel used in login/subscriptions/... */
#panel {
	font-size:95%;
	text-align:left;
	width:500px;
}
#panel, #panelContent table td {
	font-size:95%;
}
	#panelTitle {
		background-image:url(/homepage/media/img/panel/panelTitle.jpg);
		background-repeat:no-repeat;
		padding:35px 25px 13px 30px;
	}
	#panelTitle h1 {
		margin:0;
	}
	#panelContent, #panelAdditionalInformation {
		background-image:url(/homepage/media/img/panel/panelContent.jpg);
		background-position:top left;
		background-repeat:repeat-y;
	}
	#panelContent {
		padding:5px 35px 7px 30px;
	}
		#panelContent h2 {
			background-color:transparent;
			border:0;
			margin:0;
		}
	#panelLogin {
		background-image:url(/homepage/media/img/panel/panelLogin.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#panelAdditionalInformation {
		padding:0px 35px 5px 0px;
	}
	#panelAdditionalInformation div {
		padding-left:25px;
		padding-top:7px;
	}
	#panelDivider {
		background-image:url(/homepage/media/img/panel/panelDivider.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		padding:2px 0px 2px 0px;
	}
	#panelControlBar {
		background-image:url(/homepage/media/img/panel/panelControlBar.jpg);
		background-repeat:no-repeat;
		height:51px;
	}
	
	
	
	
/* onderhoudsgids - Guide d'entretien*/	

/* 

CONTENT 

*/

div.OGhome {
	/*background-image:url( ../img/back_image_0.jpg);*/
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_0.jpg);
	margin-left:-5px;
}
div.chapter1 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_1.jpg);
}
div.chapter2 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_2.jpg);
}
div.chapter3 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_3.jpg);
}
div.chapter4 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_4.jpg);
}
div.chapter5 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_5.jpg);
}
div.chapter6 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_6.jpg);
}
div.chapter7 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_7.jpg);
}
div.chapter8 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_8.jpg);
}
div.chapter9 {
	background-image:url(/homepage/media/img/publications/monograph_collab/back_image_9.jpg);
}
div.OGhome, div.chapter1, div.chapter2, div.chapter3, div.chapter4, div.chapter5, div.chapter6, div.chapter7, div.chapter8, div.chapter9 {
	background-repeat:no-repeat;
	width:940px;
	height:699px;
	padding:25px;
	text-align:left;
}
div.OGmenu {
	padding:0px 0px 0px 110px;
	width:45%;
}
/* 

TITLES

*/
h1.OG {
	font-size:16pt;
	margin:5px 0px 8px 74px;
	font-weight:normal;
}
a.OG, a.OG:hover {
	color:#135260;
}
a.OG {
	text-decoration:none;
}
a.OG:hover {
	text-decoration:underline;
}
a.light, a:hover.light {
	color:#3496ab;
}
img.OG {
	border:none;
}
div.floatRight {
	float:right;
}
div.floatLeft {
	float:left;
}