/*De styles voor alle digitale weergave*/

@media screen {
	
	/* Opmaak van alle inhoudelijke tekst */
	td {
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* Opmaak van de achtergrond de tablecells van het Nav menu (paars menu)*/
	td.navMenu {
		background-color:#813C88;
		padding-bottom: 3px;
		padding-top: 3px;
		line-height: 21px;
		padding-left: 17px;
		vertical-align: top;
	}
	
	/* Opmaak van de headers die het onderwerp aan duiden. verschilt van printversie (2px kleiner font)*/
	h1.ContextKop{
		margin-left: 10px;
		margin-bottom: 0px;
		color: #813c88;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* Opmaak van de links in het Left menu (grijs menu) */
	a.Leftmenu:link {
		display: block;
		color: #000000; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.Leftmenu:visited {
		display: block;
		color: #000000; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.Leftmenu:active {
		display: block;
		color: #000000; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.Leftmenu:hover {
		display: block;
		color: #993399; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.LeftmenuActive:link {
		display: block;
		color: #993399; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.LeftmenuActive:visited {
		display: block;
		color: #993399; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.LeftmenuActive:active {
		display: block;
		color: #993399; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.LeftmenuActive:hover {
		display: block;
		color: #993399; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	
	/* Opmaak van de links in het Nav menu (paars menu) */
	a.Navmenu:link {
		display: block;
		color: #FFFFFF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.Navmenu:visited {
		display: block;
		color: #FFFFFF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.Navmenu:active {
		display: block;
		color: #FFFFFF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.Navmenu:hover {
		display: block;
		color: #FF99FF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.NavmenuActive:link {
		display: block;
		color: #FF99FF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.NavmenuActive:visited {
		display: block;
		color: #FF99FF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.NavmenuActive:active {
		display: block;
		color: #FF99FF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	a.NavmenuActive:hover {
		display: block;
		color: #FF99FF; 
		text-decoration: none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 3px;
		letter-spacing: -1px;
		width: 170px;
	}
	
	/* Opmaak van de links die opgenomen zijn in de content van de site (b.v. de links pagina) */
	a.Content:link {
		display: block;
		color: #000000; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 200px;
		text-decoration: none; 
	}
	a.Content:visited {
		
		display: block;
		color: #000000; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 200px;
		text-decoration: none; 
	}
	a.Content:hover {
		display: block;
		color: #99779F; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 200px;
	}
	a.Content:active {
		display: block;
		color: #000000; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 200px;
		text-decoration: none; 
	}
	/* De 2 klasses die gebruikt worden om de lijnen in het submenu visible/invisble te maken */
	div.Leftmenu { 
		margin-top: 4px;
		margin-bottom: 4px;
		visibility: hidden;
	}
	
	div.LeftmenuOn {
		margin-top: 4px;
		margin-bottom: 4px;
		visibility: visible;
	}
	
	/* Opmaak van de lists die gebruikt worden in het menu (onderdeel Google optimalisatie) */
	ul {
		list-style-type: none;
		padding-left: 0px;
		margin-left: 0px;
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		padding: 0px;
	}
	ul.Leftmenu {
		padding-left: 0px;
		margin-left: 0px;
		list-style-type: none;
	}
	li.Leftmenu {
		float: left;
		line-height: 12px;
		padding-left: 15px;
	}
	
	/* Opmaak van li voor het Left menu. Deze word alleen toegekent aan de li's met een div erin. 
	Dit vanwege het opvangen van een design fout */
	li.div {
		float: left;
		padding-left: 0px;
		margin-left: 0px;
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	
	/* Opmaak voor de div van de keuze taal */
	div.Taal {
		position:absolute;
		left:8px;
		top:5px;
		width:70px;
		height:20px;
		z-index:1;
	}
	
	/* Opmaak van de print knop */
	div.Print {
		position:absolute;
		left:350px;
		top:14px;
		width:70px;
		height:20px;
		z-index:1;
	}
	
	/* Opmaak van Google's input velden */
	input.Google {
		border-style: solid;
		border-width: 3px;
		border-color: #813c88;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #AF78AF;
		color: #FFFFFF;
	}
	input.GoogleButton {
		border-style: solid;
		border-width: 3px;
		border-color: #813c88;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #AF78AF;
		color: #FFFFFF;
		width: 151px;
	}
	
	/* zet het logo op invisble en minimaliseer de div indien getoond op web */
	div.Logo {
		display: none;
		height: 0px;
		width: 0px;
	}
	div.Lijn {
		display: none;
	}
}

/*Opmaak van styles voor print en screen versie*/
@media print, screen {
	/* Opmaak van verschillende gebruikte headers */
	h2.TussenKop{
		margin-bottom: 0px;
		color: #AF78AF;
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	h3.Lijst {
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	h4.SubKop {
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #813c88;
		font-weight: normal;
		margin-bottom: 0px;
	}
}

/*Opmaak styles voor print*/

@media print {
	/* Opmaak van de headers die het onderwerp aan duiden. verschilt van webversie (2px groter font)*/
	h1.ContextKop{
		margin-left: 10px;
		margin-bottom: 0px;
		color: #813c88;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.Invisible{
		display: none;
	}
	/* zet het logo op visible voor de eerste geprinte pagina */
	div.Logo {
		display: block;
	}
	div.Lijn {
		padding-top:30px;
		display: block;
	}
}