/* rdopmaak.css 

    standaard regels voor opmaak van heading en menu
	gebruikt in elke pagina
	css weight: 1

    versie: 2, februari 2007
	update:	2.1 mei 2009 - aanpassing voor nieuwe MS IE8
    Auteur: M. Ouendag, OITS
	Note:	Deze versie is voor zowel produktie als test!!
------------------------------------------------------------ */

@media screen, projection, tv {
HTML {
/*	overflow:visible; */
}
body {
	height:100%; max-height:100%; 
	overflow:hidden;
	margin-right:10px;  /* compensatie probleem met schuifbalk in IE6 */
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration:none;
	color:#2D2D2D;
	background:white;
}

/* ====== Bovenste element, bevattend logo en nav1 ====== */
#deKop {
	position:absolute; left:0px; top:0px; right:0px; height:150px; width:100%;
	margin-left:0px;
	margin-right:10px;
/*	background:url(kopachtergrond.jpg) 220px 0px  no-repeat; */
	background:url(25jaar.jpg) 250px 20px  no-repeat;
	text-align:center;
/*	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
*/
}

	#deLogo {
		position:absolute; top:30px; left:10px; height:70px; width:210px;
		margin-top:2px;
		background:url(RDlogo4.jpg) 0 0 no-repeat;
	}
/* sub-kopje voor aanduiding accessoires etc. */
	#deSubKop {
		display:block;
		position:absolute; top:120px; left:230px; width:700px; 
		text-align:left;
		font-size:13pt;
    	font-weight:bold;
    	color:blue;
    	line-height:100%;
    	font-style:normal;
    	vertical-align:middle;
	}
/* Infoblok */
	#deInfoLogin {
		position:absolute; top:5px; right:5px;
		display:block;
		border:0px;
		font-size:9pt;
		line-height:15pt;
	  	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
		color:#003399;
	}
	#deInfoLogin a:link, a:visited {
		color:#808080;
		text-decoration:none;
	}
	#deInfoLogin a:hover {
		color:red;
		text-decoration:none;
	}
	#deInfoww {
		position:absolute; top:20px; right:5px;
		display:block;
		border:0px;
		font-size:9pt;
		line-height:15pt;
	  	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
		color:#003399;
	}
	#deInfowwpic {
		position:absolute; top:40px; right:200px;
		display:block;
		border:0px;
	}
	#deNav1 {
		position:absolute; top:40px; right:5px;
		display:inline;
		border:0px;
		font-size:9pt;
		line-height:10pt;
	  	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
		text-align:right;
		color:#808080;
	}
	#deNav1 a:link, a:visited {
		color:#808080;
		text-decoration:none;
	}
	#deNav1 a:hover {
		color:red;
		text-decoration:none;
	}
	#deZoek {
		position:absolute; top:110px; right:5px;
 		color:black;
	}
	#deZoek input {
		height: 1.1em;
		font-size:9pt;
	  	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
		border:1px solid #B0B0B0;
		margin:0;
	}
	#deZoek img {
		border:1px solid white;
	}
	#deZoek .over {
		border:1px solid red;
	}

/* ====== Navigatie balk, Nav element 2 ====== */

#deNav2 {
/*		position:absolute; top:150px; left:0px; right:0px; height:32px; width:100%;
*/
		position:absolute; top:150px; left:0px; right:0px; height:2em; width:100%;
		z-index:2;		/* plaats op voorgrond wanneer overlap met Nav3 */
		margin:0px;
		background:#d0d8d8;
}

   		#deNav2 ul {
			text-align:right;
		/*	padding:8px 0px 1px 0px; /* Verticaal centreren tekst / verschuiving t/r/b/l van hele strip */
		padding:1px 0px 1px 0px; /* Verticaal centreren buttons t.o.v. strip */
			margin-right:20px;
			text-decoration:none;
			font-size:10pt;
			color:#808080;
   		}
			#deNav2 li {
				display:inline;
				margin:1px; 
		/* nieuw in maart 2008 op test basis: (undented) */
			padding-top: 2px;
			padding-bottom: 0px;
			padding-left: 3px;
			padding-right: 3px;
			background-image:url('panelBGmenu2.png'); background-repeat: repeat-x;
			border-left:1px solid #a0a0a0;
			border-right:1px solid #707070;
			border-bottom:2px solid #606060;
			}
				#deNav2 a, #deNav2 a:link, #deNav2 a:visited {
				line-height:2em;  /*32px; */
				text-decoration:none;
				color:#808080;
			}
				#deNav2 a:hover {
				line-height:2em;
				color:#F00;  /* tekst kleur RGB */
				}
				#deNav2 .aktief {
				line-height:2em;
				color:black;
				}

/* ====== Menu deel links, Navigatie elementen 3 schuifbalken ====== */

#deNav3 {
	position:absolute; top:150px; left:0px; width:200px; bottom:0px;
	z-index:1;			/* achter Nav2 element */
	margin-left:0px;
	background:#d0d8d8;
	display: block;
}
	#deNav3Panel {
		border:0px;
		margin-top:32px;
		margin-left:15px;
		margin-bottom:15px;
		width:160px;
		z-index:5;
		font-size:10pt;
	}
		.panelHeader{
			height:22px;
			background-image:url('panelBG.png');
			border-left:1px solid #a0a0a0;
			border-right:1px solid #b0b0b0;
			font-size:10pt;
			line-height:21px;
			font-weight:normal;
			text-decoration:none;
			text-indent:20px;
			cursor: pointer;
		}
		    	.panelHeader a:link, .panelHeader a:visited {
					display:block;
					width:inherit;
					text-decoration:none;
					color:inherit;
		    	}
		.panelHeaderHover {
			font-weight:normal;
			color:red;
		}
		.panelHeaderClicked {
			background-image:url('panelBGClick.png');
			border-left:1px solid #8f8f8f;
			border-right:1px solid #8f8f8f;
			height:22px;
			font-weight:normal;
			color:white;
		}
		.panelHeaderSelected {
			/* optie: background-image: url('panelBGSelected.png'); */
			color : black; 
		}
		    	.panelHeaderSelected a, .panelHeaderSelected a:link, .panelHeaderSelected a:visited {
					text-decoration:none;
					color:black !important;
		    	}
		.panelContent {
			background:whitesmoke; 
			width:160px;
			overflow:hidden; /* auto; verstoort layout */
		}
			.pcoMerken {
				padding-top:10px;
				padding-left:10px;
				font-size:1.1em; line-height:110%;
				width:140px; 
				color:black;
				overflow:hidden;
			}
		    	.pcoMerken a:link, .pcoMerken a:visited {
					display:block;
					width:inherit;
					text-decoration:none;
					color:black !important;
		    	}
		    	.pcoMerken a:hover {
					display:block;
					width:inherit;
					text-decoration:none;
					color:#0066CC !important;  /*color:red;*/
					background-color: #D6E5F2;
		    	}

		    .pcoAccess {
				padding-top:5px;
				padding-left:10px;
				padding-right:4px;
				font-size:9pt;
				color:black;
				text-decoration:none;
	   		}
		    .pcoLijst {
				padding-top:10px;
				width:inherit;
				color:black;
				overflow:auto;
			}
		    	.pcoLijst a, .pcoLijst a:link, .pcoLijst a:visited {
					display:block;
					width:inherit;
					text-decoration:none;
					color:black !important;
		    	}
		    	.pcoLijst a:hover {
					display:block;
					width:inherit;
					text-decoration:none;
					color:#0066CC !important;  /*color:red;*/
					background-color: #D6E5F2;
		    	}
		    	.pcoLijst a span {
					font-size:8pt;
					font-weight: normal;
					text-indent:10px;
					line-height:160%;
				}

			.pcoKleinvak {
				padding-top:10px;
				padding-left:10px;
				font-size:0.9em; line-height:105%
				width:140px; 
				color:black;
				overflow:hidden;
			}
		    	.pcoKleinvak a:link, .pcoKleinvak a:visited {
					display:block;
					width:inherit;
					text-decoration:none;
					color:black !important;
		    	}
		    	.pcoKleinvak a:hover {
					display:block;
					width:inherit;
					text-decoration:none;
					color:#0066CC !important;  /*color:red;*/
					background-color: #D6E5F2;
		    	}
		    	.pcoKleinvak span {
					font-size:11pt;
					font-weight: normal;
					text-indent:11px;
					line-height:150%;
				}

		    .pcoAflossing {
				padding-top:5px;
				padding-left:6px;
				padding-right:4px;
				font-size:9pt;
				color:black;
				text-decoration:none;
		    }
		    	.pcoAflossing a:link, .pcoAflossing a:visited {
					text-decoration:none;
					color:black;
		    	}
		    	.pcoAflossing a:hover {
					text-decoration:none;
					color:red;
		    	}

	#deNav3 #deNav3Adres {
		display: block;
		z-index:2;			/* achter Nav2 element */
		margin-left:0px;
		padding-right: 5px;
		font-size:9pt;
		color:#707070;
		text-align:center;
	}

/* ====== Optioneel footer element ====== */
#deAdres {
	position:relative; left:0px; width:130px;
	display:inline;
	font-style:normal;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-size:9pt;
	color:#808080;
	}
	
/* ====== MAIN BODY - Het echte verhaal, de inhoud ====== */	
#deInhoud {
	position:absolute; left:230px; top:190px; bottom:0px; right:0px;
				/*width:auto; en right:0px werkt niet in IE6 en IE7, maar wel in IE8 en Chrome*/
/*	height: expression((document.documentElement.clientHeight - 173)  + "px");
	width: expression((document.documentElement.clientWidth - 230 - 20) + "px");
*/	
	display:block;
	padding-left:0px;  	/* 230 voor ie5/6, probleem berekenen width in IE */
	padding-right:20px;	/* voor ie5/6 compensatie voor schuifbalk */
	overflow:auto;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	font-size:11pt;
}
/*  ster html #deInhoud { }  -- specifiek voor IE5 en IE6 patch, opgelost met Javascript */

	#deInhoud a, #deInhoud a:link, #deInhoud a:visited {
		text-decoration:none;
		color:#808080;
	}
	#deInhoud a:hover {
		color:#F00;
	}

/* Optionele body footer */
#deOnderkant {
	display:block;
	font-weight:normal;
	font-size:8pt;
	color:#808080;
	text-align:center;
}
}
/* =================================================================================== */
@media print {
body {
	height:100%; max-height:100%; 
	margin-right:10px;  /* compensatie probleem met schuifbalk in IE6 */
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:11pt;
	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	text-decoration:none;
	color:#2D2D2D;
	background:white;
}

/* ====== Bovenste element, bevattend logo en nav1 ====== */
#deKop {
	display: block;
	left:0px; top:0px; right:0px; height:120px; width:100%;
	background:url(kopachtergrond.jpg) 0 0 no-repeat;
	text-align:center;
}

	#deLogo {
		position:absolute; top:0px; left:0px;
		display:inline;
		margin-top:2px;
		border:0px;
	}
/* Infoblok */
	#deInfoLogin {
		display:none;
	}
	#deInfoww {
		display:none;
	}
	#deInfowwpic {
		display:none;
	}
	#deNav1 {
		display:none;
	}
	#deZoek {
		display:none;
	}

/* ====== Navigatie balk, Nav element 2 ====== */

#deNav2 {
		display: none;
}

   		#deNav2 ul {
   			display: none;
   		}

/* ====== Menu deel links, Navigatie elementen 3 schuifbalken ====== */

#deNav3 {
	display: none;
}
	#deNav3Panel {
		display: none;
	}
		.panelHeader{
		}
		.panelHeaderHover {
		}
		.panelHeaderClicked {
		}
		.panelHeaderSelected {
		}
		.panelContent {
		}
			.pco {
			}

		    .pcoAccess {
	   		}
		    .pcoLijst {
			}

/* ====== Optioneel footer element ====== */
#deAdres {
	position:relative; left:0px; width:130px;
	display:inline;
	font-style:normal;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-size:9pt;
	color:#808080;
	}
	
/* ====== MAIN BODY - Het echte verhaal, de inhoud ====== */	
#deInhoud {
	display:inline;
	width:190mm;
	padding-top:0px;
	padding-left:0px;  	/* 230 voor ie5/6, probleem berekenen width in IE */
	padding-right:20px;	/* voor ie5/6 compensatie voor schuifbalk */
	font-style:normal;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	font-size:10pt;
}
/*  ster html #deInhoud { }  -- specifiek voor IE5 en IE6 patch, opgelost met Javascript */

/* Optionele body footer */
#deOnderkant {
	display:block;
	font-weight:normal;
	font-size:8pt;
	color:#808080;
	text-align:center;
}
}