/* De kleuren zijn in hexcode. Hoofdkleuren zijn:
#000000: zwart (buitenkader)
#003366: zacht blauw (donkere achtergrond)
#0066CC: blauw (titelbalk, logobalk)
#6699CC: lichtblauw (achtergrond hoofdinhoud)
#00CCFF: cyaan (lettertype menu)
#009999: zacht lichtblauw (bezochte menulink) */

html {
	height: 100%; /* nodig om relatieve hoogtes mogelijk te maken binnen het document */
}

/* van toepassing op de body, alle klassen erven of overschrijven deze eigenschappen */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	height: 100%; /* nodig om relatieve hoogtes mogelijk te maken binnen het document */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* linkerkolom met grijze gradient */
.column_left {
	background-image: url(images/gradient_kolom_links.gif);
	background-repeat: repeat-y; /* herhaalt het plaatje tot een verticale kolom */
	background-color: #003366;
}

/* rechterkolom met grijze gradient */
.column_right {
	background-image: url(images/gradient_kolom_rechts.gif);
	background-repeat: repeat-y;
	background-color: #003366;
}

/* blauwe titelbalk
fonteigenschappen hebben betrekking op titel van de pagina
background-color is de achtergrondkleur van de balk */
.bar_blue {
	background-color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

/* rechtergedeelte van blauwe titelbalk
overerft de eigenschappen van bar_blue, de hieropvolgende
eigenschappen overschrijven deze */
.bar_blue_right {
	font-size: 14px;
}

/* standaardtekst, was 	background-color: #6699CC; */
.bg_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #99CCFF;
}

/* hoofdtekstkop 1 */
.kop1 {
	font-size: 18px;
	font-weight: bold;

}

/* hoofdtekstkop 2 */
.kop2 {
	font-size: 14px;
	font-weight: bold;
}

/* eigenschappen van balk met logo */
.logo_bar {
	background-color: #0066CC;
}

/* regels aan de onderkant van de pagina */
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	display: block; /* blockelement met voor en achter een linebreak */
}

/* klasse om tabellen tot een hoogte van 100% te dwingen */
.expand {
	height: 100%;
}

/* het lettertype en de linkgedragingen van normale menu-items */
.menu_font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	font-weight: bold;
}
.menu_font a:link {
	text-decoration: none; /* geen underline */
	color: #00CCFF;
}
.menu_font a:visited {
	text-decoration: none;
	color: #009999;
}
.menu_font a:active {
	text-decoration: none;
	color: #009999;
}
.menu_font a:hover {
	text-decoration: none;
	color: #009999;
}

/* lettertype van een commentaar binnen het menu, bijvoorbeeld 'nieuw venster' */
.menu_font_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CCFF;
	font-weight: bold;
}

/* ruimte tussen menukop en eerste menu-item */
.menu_space {
	font-size: 3px; /* schept afstand tussen menukop en menuitem */
}

/* achtergrondkleur van de omlijsting die ook het menu bevat */
.bg_color {
	background-color: #003366;
	overflow: hidden;
}

/* klasse om ruimte tussen tabelcellen te voorkomen */
.border_collapse {
	border-collapse: collapse; /* tabelcellen samengrijpen */
	height: 100%;
}