/* UITLEG: Standaard instellingen voor elke pagina mbt marges en (achtergrond-)kleuren */
BODY {
	background-image: url('images/bg4.jpg');
	background-repeat: repeat-y;
	background-color: #FFFFCC;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	color: #000000;
}

/* UITLEG: Instellen van het standaard te gebruiken lettertype */
BODY, TABLE, THEAD, TBODY, CAPTION, TR, TH, TD, H1, H2, H3, H4, H5, H6, DIV.main, P, DIV.list, UL, OL, LI, .pagnrhght, .balk, BLOCKQUOTE, FORM, TEXTAREA, INPUT, SELECT, OPTION, .ftext {
	font-family: arial,verdana,helvetica,sans-serif;
}

/* UITLEG: Instellen van de standaard lettergrootte */
BODY, TABLE, THEAD, TBODY, CAPTION, TR, TH, TD, H3, DIV.main, P, DIV.list, UL, OL, LI, BLOCKQUOTE, FORM, TEXTAREA, INPUT, SELECT, OPTION, .ftext {
	font-size: 11pt;
}

/* UITLEG: Instellen van de standaard letterdikte */
BODY, TABLE, THEAD, TBODY, CAPTION, TR, TH, TD, DIV.main, P, DIV.list, UL, OL, LI, .pagnr, P.quote, P.bron, .kiespag, BLOCKQUOTE, FORM, TEXTAREA, INPUT, SELECT, OPTION, .ftext {
	font-weight: normal;
}

/* UITLEG: Zekerstellen dat de volgende HTML tags de juiste weergave geven */
B, STRONG { font-weight: bold; }
I { font-style: italic; }
U { text-decoration: underline; }
SUP { vertical-align: super; font-size: 0.8em}
SUB { vertical-align: sub; font-size: 0.8em}
SMALL { font-size: 0.8em; }


/* UITLEG: Instellen van de marges voor de layout table */
TABLE, TR, TD, TH {
	border-collapse: collapse;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* UITLEG: Instellen van de marges voor de divisie waar de inhoud gezet wordt */
DIV.main {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 20px;
	position: relative;
}

/* UITLEG: Instellen van de eigenschappen die hyperlinks meekrijgen */
A { text-decoration: none; color: #666666; background-color: #FFFFCC; }
A:visited { color: #CC0000; background-color: #FFFFCC; }
A:active { color: #FFCC33; background-color: #FFFFCC; }
A:hover { text-decoration: underline; color: #FFCC33; background-color: #FFFFCC; }

/* UITLEG: Instellen van stijlen voor de kopteksten in het inhoudgedeelte van de pagina */
H2 {
	margin: 15pt 0px 0px 0px;
	color: #000000;
	background-color: transparent;
	font-weight: bolder;
	font-size: 13pt;
}

/* UITLEG: Instellen van een stijl voor eventuele subkoppen in het inhoudgedeelte van de pagina */
H3 {
	margin: 15pt 0px 0px 0px;
	font-weight: bold;
}

/* UITLEG: Instellen van de marges voor een paragraaf in het inhoudgedeelte van de pagina */
P {
	margin: 6pt 0px 0px 0px;
}

/* UITLEG: Classe om te gebruiken als er plaatjes in de tekst gebruikt worden en een nieuwe paragraaf pas na het plaatje mag beginnen */
.new { clear: both; }

/* UITLEG: Instellen van omranding voor plaatjes */
IMG {
	border: 0px none;
}

/* UITLEG: Instellen van de horizontale lijn die gebruikt wordt boven de voetnotes */
HR {
	width: 75%;
}

/* UITLEG: Lijsten moeten altijd in een divisie gevangen worden met de klasse "list" om de margins goed te krijgen */
DIV.list {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 15pt;
}

/* UITLEG: Instellen van het bulletplaatje voor een bulletlijst */
UL {
	list-style-position: outside;
	list-style-image: url('images/blobul1g.gif');
	list-style-type: disc;
}

/* UITLEG: Instellen van een lijstklasse zonder bullets */
UL.nobullet {
	list-style-type: none;
}

/* UITLEG: Instellen van een genummerde lijst */
OL {
	list-style-position: outside;
	list-style-type: decimal;
}

/* UITLEG: Instellen van de marges voor een formulier */
FORM {
	margin: 0px;
}

/* UITLEG: Instellen van de marges voor het contactformulier */
FORM.informatie {
	margin: 10px 0px 0px 0px;
}

/* UITLEG: Aparte stijl voor adres linkje op contactformulier pagina */
#adreslink {
	float:right;
	width: 100px;
	margin-top: 20px;
	border: 3px double #CC0000;
	padding: 5px;
}
html>body #adreslink { margin-top: 0px; }
#adreslink P { margin-top: 0px; text-align: center; }


/* UITLEG: Stijl definities voor het standaard menu */

/* UITLEG: Instellen van de lettergrootte voor het standaard menu */
A.menu { font-size: 11pt; }

/* UITLEG: Instellen alignment en marges voor het standaard menu */
P.menu {
	margin: 0px;
	text-align: right;
}

/* UITLEG: Instellen van de marges voor de divisie rondom het standaard menu bovenaan de pagina */
DIV.menuboven {
	margin: 20px 5px 45px 20px;
	padding: 0px;
	border: 0px none;
}


/* UITLEG: Stijl definitie voor het logo en de bedrijfsnaam linksboven in elke pagina */
DIV.linkerbalk { margin: 5px 8px 0px 8px; }

.bglogo {
	background-image: url('images/bg5.jpg');
	color: #000000;
	background-color: #FFCC33;
}

.bedrijf {
	font-family: arial,sans-serif;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: transparent;
	margin: 0px;
}

/* UITLEG: Lettertype definitie voor de random citaat teksten */
#flquote, P.quote, P.bron {
	font-family: verdana,arial,sans-serif;
}

/* UITLEG: Instellen van de kleur en lettergrootte voor de eerste letter van het random citaat aan de linkerkant van elke pagina */
#flquote {
	font-size: 16pt;
	font-weight: bold;
	color: #FF9933;
	background-color: transparent;
}

/* UITLEG: Instellen van de marge en lettergrootte voor de verdere text van het random citaat aan de linkerkant van elke pagina */
P.quote {
	font-size: 10pt;
	margin-top: 58px;
}

/* UITLEG: Instellen van de marge en lettergrootte voor de bron vermelding van het random citaat aan de linkerkant van elke pagina */
P.bron {
	font-size: 8pt;
	margin-top: 4px;
}

/* UITLEG: Verborgen maken van de bezoekersteller onderaan het linkermenu */
.counter {
	visibility: hidden;
	color: #000000;
	background-color: transparent;
}


/* UITLEG: Stijl definitie voor de gele menubalk op elke pagina */
DIV.balk {
	color: #000000;
	background-color: #FFCC33;
	background-image: url('images/bg5.jpg');
	background-repeat: repeat;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 15px 40px;
	position: relative;
	height: 50px;
}
html>body DIV.balk { height: 20px; }

/* UITLEG: Stijl definitie van de catagorienaam in de gele menubalk op elke pagina */
H1 {
	color: #CC0000;
	background-color: transparent;
	font-weight: 900;
	font-size: 14pt;
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* UITLEG: Instellen van de kleuren, alignment en marges voor het submenu in de gele menubalk */
FORM.kies {
	color: #000000;
	background-color: transparent;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
SELECT.kies {
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFCC;
}


/* UITLEG: Stijl definitie voor de links naar andere pagina's als een artikel uit meerdere pagina's bestaat */
DIV.pagnr {
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 40px;
	position: relative;
	text-align: right;
}

.pagnrhght {
	margin: 0px;
	text-align: center;
	font-size: 9pt;
}

/* UITLEG: Instellen van de marges en positie van de inhoud van de welkomstpagina */
DIV.index {
	margin: 10px 10px 0px 180px;
	padding: 0px 0px 0px 20px;
	position: relative;
	text-align: right;
}

/* UITLEG: Instellen van de marges van het logo op de welkomstpagina */
P.indexlogo {
	margin: 0px 100px 0px 180px;
}

/* UITLEG: Instellen van de marges en lettergrootte voor de titel op de welkomstpagina */
H1.index {
	margin: 18px 0px 15px 0px;
	font-size: 15pt;
	text-transform: none;
	text-align: right;
}