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

* {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*letter-spacing:0.05em;*/
}
BODY {
	background-color:#FFFFFF;
	background-image:url(../afb/bodyBG.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

DIV#container {
	width: 994px;
	margin: 0 auto;
	text-align: left;
}
	DIV#header {
		width: 994px;
		height: 200px;
		position:relative;
	}
		DIV#headerTop {
			height:146px;
			position:relative;
		}
			DIV#UMCG {
				width:242px;
				height:85px;
				background-image: url(../afb/UMCG.gif);
				background-position:top left;
				background-repeat:no-repeat;
				position:absolute;
				top:26px;
				left:0px;
				border-right:solid 1px #911b0c;
			}
			DIV#hematologie {
				width:520px;
				height:85px;
				background-image:url(../afb/hematologie.gif);
				background-position:top left;
				background-repeat:no-repeat;
				position:absolute;
				top:26px;
				left:242px;
				z-index:2;
			}
			DIV#headerNav {
				position:absolute;
				bottom:0px;
				right:242px;
				height:35px;
				line-height:35px;
				width:470px;
				text-align:right;
			}
				DIV#headerNav DIV {
					float:right;
				}
				DIV#headerNav DIV.headerNav {
					margin:0px 8px;
					font-size:0.7em;
					line-height:33px;
				}
					DIV#headerNav FORM#search { margin:0; padding-top: 7px; }
						DIV#headerNav FORM#search INPUT#zoom_query { background-color:#ffffff; border:solid 1px #878787; padding:2px; width:70px; color:#911b0b; }
						DIV#headerNav FORM#search INPUT#searchSubmit { background-color:#ffffff; border:none; padding:2px; color:#878787; }
				DIV#headerNav DIV.headerLine {
					margin:0px;
					width:1px;
					height:35px;
					font-size:1px;
					background-image:url(../afb/topnavLine.gif);
					background-position:top left;
					background-repeat:no-repeat;
				}
				DIV#headerNav IMG {
					border:none;
				}
				DIV#headerNav A,DIV#headerNav A:link,DIV#headerNav A:active,DIV#headerNav A:visited {
					color:#878787;
					text-decoration:none;
				}
					DIV#headerNav A:hover {
						background-color:#FFFFFF;
						color:#000000;
					}
		DIV#breadcrumb {
			height:21px;
			line-height:21px;
		}
			DIV#breadcrumbLeft {
				border-top:solid 1px #b7b7b7;
				width:292px;
				height:21px;
				float:left;
				background-image:url(../afb/breadcrumbLeft.gif);
				background-position:top right;
				background-repeat:no-repeat;
			}
			DIV#breadcrumbMain {
				border-top:solid 1px #b7b7b7;
				width:550px;
				height:21px;
				float:left;
				background-color:#b7b7b7;
				font-size:0.7em;
				color:#FFFFFF;
			}
			DIV#breadcrumbRight {
				width:67px;
				height:22px;
				float:left;
				background-image:url(../afb/breadcrumbRight.gif);
				background-position:bottom right;
				background-repeat:no-repeat;
			}
	DIV.sideHeader {
		text-transform:uppercase;
		color:#911b0b;
		font-size:1em;
		font-weight:bold;
		margin-bottom:5px;
		letter-spacing:1px;
	}
	DIV#mainRight { float: right; width: 182px; }
		UL#navlistRight {
			list-style: none;
			padding: 0;
			margin: 0 auto;
			width:182px;
			border-left:solid 1px #cacaca;	
			padding-left:5px;	
		}
		
		UL#navlistRight LI {
			display: block;
			margin: 0;
			padding: 0;
		}
			UL#navlistRight LI.hr {
				height:5px;
				line-height:5px;
				font-size:0px;
			}
			UL#navlistRight LI IMG {
				border:none;
				margin:0px 2px -1px 0px;
			}
		
		UL#navlistRight LI A {
			display: block;
			width: 100%;
			padding:2px 0px;
			color: #911b0b;
			text-decoration: none;
			background-color:#ffffff;
			font-weight:normal;
			font-size:0.8em;
		}
		
		DIV#mainRight>UL#navlistRight LI A { width: auto; }
		
		UL#navlistRight LI A:hover {
			color: #911b0b;
			background-color:#E0E0E0;
		}

	DIV#mainLeft {
		float: left;
		width: 242px;
		text-align:right;
	}
		DIV#navigation {
			width: 242px;
			margin: 0px 0px 10px 0px;
			padding:10px 0px 0px 0px;
			border-top:solid 1px #000000;
			border-bottom:solid 1px #000000;
		}
DIV#navigationHome { margin: 0 0 10px; padding: 10px 0 10px 5px; width: 237px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#navigation P { font-size: 0.9em; line-height: 25px; margin-bottom: 0.5em; }
UL#navlist {
			list-style: none;
			padding: 0;
			margin: 0 auto;
			width:242px;			
		}
		UL#navlist UL UL {
		    list-style: none;
		}
		UL#navlist LI.navlist {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom:10px;
		}
		
		UL#navlist LI.navlist A {
			display: block;
			padding:0px;
			margin:0px;
			color: #911b0b;
			text-decoration: none;
			background-color:#ffffff;
			font-weight:bold;
			font-size:0.8em;
		}
		
		DIV#navigation>UL#navlist LI.navlist A { width: auto; }
		
		UL#navlist LI.navlist A:hover {
			color: #911b0b;
			background-color:#E0E0E0;
		}
			UL#navlist LI.navlist UL.subnavigation {
				list-style: none;
				padding: 0;
				margin: 0 auto;
				width:242px;
			}
						
			UL#navlist LI.navlist UL.subnavigation LI A {
				display: block;
				padding:1px 3px 1px 8px;
				color: #6e6e6e;
				text-decoration: none;
				font-weight:normal;
				font-size:0.7em;
			}
			
			#navigation>UL#navlist LI.navlist UL.subnavigation LI A { width: auto; }
			
			UL#navlist LI.navlist UL.subnavigation LI.active A { color: #042874; font-weight: bold; }
			UL#navlist LI.navlist UL.subnavigation LI.active UL A { font-weight: normal;list-style: none; }			
			UL#navlist LI.navlist UL.subnavigation LI.active UL { list-style: none; }			
			UL#navlist LI.navlist UL.subnavigation LI A:hover, UL#navlist LI.navlist UL.subnavigation LI.active A:hover {
				color: #6e6e6e;
			}
		
		DIV#diaOverzicht {
			width: 200px;
			clear:both;
			float: right;
			/*margin-bottom:180px; /* fix to show last dia onmouseover */
		}
			DIV.dia {
				float: right;
				margin-top:5px;
				border: solid 1px black;
			}
				DIV.dia IMG {
					border: solid 1px black;
				}
				DIV.dia A,DIV.dia A:link, DIV.dia A:active, DIV.dia A:visited {
					position: relative;
					width: 200px;
					height: 150px;
					display: block;
				}
					DIV.dia A:hover {
						visibility: visible;
						cursor: pointer;
					}
					DIV.dia A SPAN {
						position: absolute;
						top: -100px;
						left: 225px;
						visibility: hidden;
					}				
						DIV.dia A:hover SPAN {
							visibility: visible;
						}
				DIV.diaDescription {
					font-size:0.7em;
					text-align: center;
				}
			SPAN.hiddenDia {
				visibility:hidden;
				display:none;
				float:left;
			}
		
	DIV#mainContent {
		width: 470px;
		float: left;
		margin:0px 50px;
		font-size:0.8em;
		line-height:20px;
	}
DIV.mainContentHome { font-size: 0.8em; line-height: 20px; margin: 0 50px 0; width: 652px; float: left; }
DIV#footer {
	text-align: center;
	margin: 10px 0px;
	padding:20px 0px;
	border-top:solid 1px #cacaca;
	border-bottom:solid 1px #cacaca;	
}
	DIV#footer A,DIV#footer A:link,DIV#footer A:active,DIV#footer A:visited {
		margin:0px 10px;
		color:#000000;
		font-size:0.8em;
	}
		DIV#footer A:hover {
			background-color:#FFFFFF;
			color:#911b0b;
		}
	DIV#footer IMG {
		border:none;
		margin:0px 2px -1px 0px;
	}
p.Datum	 {
	color:#6E6E6E;
	font-size:.9em;
}
	

