﻿/* ALGEMEEN.CSS */

/* === BODY DEFINITIE === */
body		{ 
			background-color: #FFFFFF;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 10px; 
			margin-bottom: 10em;
			font-family: Arial, sans-serif;
			font-size:10pt;
			color: black;
			width:100%;
			overflow:scroll;
			background:#FAFAFA;
			}
#container	{
			position:relative;
			height:auto;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:auto;
			margin-right:auto;
			overflow:visible;
			border:0px solid #10529C;
			border-radius:20px;
			background:transparent;
			}
#content	{
			position:relative;
			background:white;
			overflow:visible;
			padding:40px 10px 20px 200px;
			margin-top:0px;
			margin-left:20px;
			margin-right:20px;
			border:2px solid #c89d63;
			border-radius:20px;
			box-shadow: 10px 10px 10px #888;
			min-height: 530px;
			}
#head_base	{
			position: relative; 
			top: 0px; 
			left: 0px;
			right:0px; 
			max-width: 1020px; 
			min-width:  720px; 
			height: 94px;
			overflow: visible; 
			white-space: nowrap; 
			background-color:transparent;
			border:0px
			}
#titel		{
			position:fixed;
			top:0px;
			left:20px;
			right:20px;
			height: 30px;
			font-family: Arial, sans-serif;
			font-size: 15pt; 
			font-weight: bold; 
			color: #444;
			padding-top:5px; 
			background-color:#c89d63;
			border-radius:17px 17px 0px 0px;
			z-index:2;
			box-shadow: 10px 0px 10px #888;

			}
#schuiver	{
			position:absolute;
			top:0px;
			right:0px;
			height: 30px;
			width:300px;
			color:#10529C;
			background-color:#10529C;
			padding-top:5px; 
			overflow: hidden;
			border-radius:0px 18px 0px 0px;
			}

/* CSS voor menuknoppen */

#menutitel {
		position:fixed; 
		left:20px; 
		top:0px; 
		width:170px; 
		height: 30px;
		padding-top:5px;
		padding-left:30px;
		overflow:hidden; 
		margin:0px; 
		display:block; 
		background-color:#c89d63;
		font-family: Arial, sans-serif;
		font-size:15pt;
		font-weight:bold;
		text-align:left;
		white-space:nowrap;
		color:#444;
		border-radius:18px 0px 0px 0px;
		z-index:2;

		}
#menuterug	{
		position: fixed;
		left:45px;
		top:55px;
		width:120px; 
		height:35px; 
		border: 0px; 
		text-align:left;
		}
#mt_tekst	{
		position:fixed; 
		left:53px; 
		top:85px; 
		font:normal 7pt Arial;
		}
#menubox {
		position:fixed;
		left:30px;
		top:52px;
		width:180px; 
		padding-top:0px;
		margin:0px; 
		display:block; 
		text-align:center;
		}
#menubox.scroll {
		position: absolute;
		}
#menubox a.button, #menubox a.button:visited {
		display:block; 
		width:158px; 
		height:21px; 
		padding-left:22px;
		text-align:left; 
		color:#000000; 
		text-decoration:none; 
		font-family:'Verdana', sans-serif; 
		font-weight:normal;
		font-size:10pt;
		background: url('../images/menubckgrnd.gif') no-repeat left top;
}
#menubox a.button:hover {
		background-position:0 -21px; 
		line-height:18px; 
		overflow:hidden;
		color:#FFFFFF;
		font-weight:bold;
		}
#menubox a.button:active {
		background-position:0 -42px;
		}

/* === TABEL OPMAAK === */
table						{	border-collapse: collapse;
								}
tr							{	vertical-align: top
								}
.tblrgl						{	background-color: #eeeeee; 
								} /* zebrakleuring van tabelregels */
inputfld	{	font-size: 12pt;
					background-color: #ffd;
				}
								
/* === HYPERLINKS === */
a:link 			{	text-decoration: none;
					color: navy;
					outline-style: none;
					}
a:visited		{	text-decoration: none; 
					color: purple;
					outline-style: none;
					}
a:hover			{	text-decoration: underline;
					background-color: #FFFF99;
					color: black;
					outline-style: none;
					}
a:active		{	text-decoration: underline; 
					color: black;
					outline-style: none;
					 }
a:focus			{	outline-style:dotted;
					outline-width:1px;
					outline-color:gray; }
a.img:hover		{	background-color: transparent;
					}


/***********************************************
 * deze twee items zijn complementair en
 * horen in deze volgorde bij elkaar te blijven
 ***********************************************/
 

.print			{
				display:none;
				}

@media print	{ 
				body { margin-left:0px; margin-bottom:0px; margin-right:0px; background:none; }
				#head_base { position:relative; left:0px; width:800px;}
				#kopcbf { left:302px; }
				#content { width:750px;padding-left:20px;top:15px; }
				#titel { left:20px;background:transparent;color:black; }
				#schuiver { display:none; }
				#menutitel, #menuterug, #mt_tekst, #menubox, #copyright { display:none }
				.absfixed {position:absolute;}
				h1, h2, h3, h4, h5 {page-break-after:avoid; }
				li, tr { page-break-inside:avoid; orphans:3; widows:3; }
				.print { display:inline }
				.noprt { display:none; }
				}
@page			{ 
				li, tr { page-break-inside:avoid;  }
				orphans:3; 
				widows:3;
				margin-bottom:1cm;
				}

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

.inleiding		{ 	font-size: 9pt; 
					font-weight: bold; 
					color: #10529C;
					}	/* Inleidende alinea van artikelen */

.b-dat		{	font-size: 7pt; 
				color: gray; 
				font-style: italic;
				text-align: right;
				clear:both;
				}

.uline		{	border-bottom: 1px solid #10529C; 
				padding-bottom: 5px; 
				padding-left: 91px; 
				text-align: left; 
				text-indent: -90px;
				margin-top: 0px; 
				margin-bottom:5px;}

/* === LIJST OPMAAK === */
ul				{	list-style-image:url('../images/but.gif');
list-style-type:square; list-style-position:outside
}
ul li ul			{	list-style: circle outside;
					}
ol				{	list-style: decimal-leading-zero outside;
					}
ol li ol			{	list-style:lower-alpha;
					}
hr				{	width:100%;
					height:1px;
					border-width:1px 0px 0px 0px;
					border-color:#10529C;
					}




/******* ^ gebruikt ******** v ongebruikt ****************************/



.absfixed		{
				position:fixed;
				}
		
		
/* === KOPREGELS === */
	h1		{
			font-size: 14pt; 
			font-weight: bold; 
			color: white; 
			height:24px;
			background: url('/images/bckgrnd_titel.gif') repeat-x;
			margin-left:0px;
			margin-right:0px;
			margin-top:0px;
			margin-bottom:10px;
			background-repeat:repeat-x
			}		
	h2		{
			font-size: 11pt; 
			font-weight: bold; 
			color: black;
			margin:10px 0px;
			}
	h3		{
			font-size:10pt; 
			font-weight:bold; 
			font-style:italic; 
			color:black; 
			margin-bottom:0px; 
			}	/* Kopregel zonder witruimte onder */
	h3 + p	{
			margin-top:3px;
			}
	h4		{
			font-size:10pt; 
			font-weight:normal; 
			font-style:italic; 
			color:black; 
			margin-bottom:0px; 
			}	/* Kopregel zonder witruimte onder */
	h4 + p	{
			margin-top:3px;
			}

	h5,
	.bannerkop		{
			font-size: 8pt; 
			color: black; 
			font-style: normal; 
			font-weight: normal; 
			margin: 0px;
			padding-left:10px;
			padding-right:10px;
			padding-top:1px;
			padding-bottom:3px;
			background-image: url('../images/bckgrnd_h5.gif');
			background-repeat: repeat-x
}	/*Kopregel smal met grijze achtergrond*/

	img		{
			border-width: 0px;
			border-style: solid;
			border-color: black;
			}
	img.rand	{
			border-width: 1px;
			border-style: solid;
			border-color: black;
			}

#programma			{
					border-collapse: collapse;
					width: 99%;
					}
#programma td		{
					border: 1px solid silver;
					padding: 0px 3px;
					}
#programma td.mnd	{
					background: #CFC;
					font-weight: bold;
					font-size: 12pt;
					text-align: left;
					}

/* opsommingstabel links of rechts uitgelijnd */
table.opsom_l				{	border: solid silver; 
								border-width: 1px 0px;
								margin: 5px 15px 10px 0px;
								float: left;} 
table.opsom_r				{	border: solid silver; 
								border-width: 1px 0px; 
								margin: 5px 0px 10px 15px;
								float: right;} 
.opsom_l td,
.opsom_r td			{	padding: 1px 3px; 
								white-space: nowrap;}
.opsom_l thead,
.opsom_r thead		{	background-color: #FFFF99;
								border: solid #33CC33 1px;
								font-weight: bold;
								line-height: 1.3em;
								}

/* opsommingstabel met terugloop*/
table.opsom				{	border: solid silver; 
							border-width: 1px 0px;
							margin: 5px 15px 10px 0px;
							} 
.opsom td			{	padding: 1px 3px; 
						white-space: normal;}
.opsom thead		{	background-image:url('../images/bckgrnd_h5.gif');
						background-repeat:repeat;
						font-weight: bold;
						line-height: 1.3em;
						padding-top:1px; 
						padding-bottom:3px
}

.kantlinks			{	clear:left;	}
.kantrechts			{	clear:right;}
.kantbeide			{	clear:both;	}


textarea 		{
  				resize: none;
				}

.kopregel		{	padding: 1px 5px;
				font-style: italic; 
									font-weight: bold; 
					background-image:url('../images/bckgrnd_h5.gif');
									background-repeat:repeat;
					}
.auteur 		{	font-family: "Times New Roman", serif; 
					font-size: 8pt; 
					font-style: italic; 
					color: #003333; 
					text-align: right; 
					border-bottom: 1px solid #003333;
					}
.onderschrift	{	font: italic 9pt "Times New Roman", serif;
					text-align:left;
					color:#444444;
					padding-bottom:5px;
					} /* onderschrift van foto's */
.times_9i		{	font-family: "Times New Roman", serif; 
					font-size: 9pt; 
					font-style: italic 
					}
.times_11		{	font-family: "Times New Roman", Times, serif; 
					font-size: 11pt;
					font-style: normal
					}
.times_11i		{	font-family: "Times New Roman", serif; 
					font-size: 11pt;
					font-style: italic 
					}
.voettekst		{	font: italic 9pt "Times New Roman", serif;
					}

.bannerdiv		{ 	border-top: 0px solid #808080; 
					text-align: left;
					width: 234px; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px
					}
.xbannerkop		{	background: url('../images/bckgrnd_h5.gif') repeat-x;
					color: black;
					font-size: 11pt;
					font-weight: bold;
					}
.annotatie		{	padding:10px; 
					background:yellow; 
					clear:right; 
					border:1px solid gray;
					}

/* tabellen voor foto's met bijschrift */
table.foto_r	{	border: 0px;
					margin: 5px 0px 10px 15px;
					float: right;
					}
.foto_r td		{	padding: 0px;
					white-space: normal;
					font: italic 9pt "Times New Roman", serif ;
					}
div.foto_r		{	border: 0px;
					padding: 5px 0px 5px 15px;
					float: right;
					}
div.foto_r div	{	padding-bottom:5px;
					font: italic 9pt "Times New Roman", serif;
					text-align:left;
					color:#444444;
					}

/* tabellen voor foto's met bijschrift */
table.foto_l		{	border: 0px;
					margin: 5px 15px 10px 0px;
					float: left;
					}
.foto_l td	{	padding: 0px;
					white-space: normal;
					font: italic 9pt "Times New Roman", serif ;
					}
div.foto_l		{	border: 0px;
					padding: 5px 15px 5px 0px;
					float: left;
					}
div.foto_l div	{	padding-bottom:5px;
					font: italic 9pt "Times New Roman", serif;
					text-align:left;
					color:#444444;
					}
					
#copyright		{	position:absolute;
					bottom:5px; 
					left:0px; 
					width:200px; 
					padding-left:5px; 
					color: blue; 
					font:italic 7.5pt Times New Roman,Times,serif
					}