/* Hoofdelementen */
HTML
{
	height:100%; /* Een anchor naar de html-tag (id=MainHTML) is een "Back to top"-link */ 
}

BODY
{
	height:100%;
	/* margin:0px; */ /* Voor IE & Mozilla */
	/* padding:0px; */ /*Voor Opera */
	BACKGROUND-IMAGE: url('achtergrond.jpg');
	FONT-FAMILY: 'Calibri', 'Book Antiqua', 'Times New Roman', 'Comic Sans MS';
	FONT-SIZE: 12pt;
	overflow: auto; /* Verwijdert de onnodige horizontale scrollbar (IE in Win7), behalve als er een verticale scrollbar is. (snelle workaround, anders ALLE html-pagina's updaten) */
}

/* ID's */
#MainBody /* Normale Body tag (naamgeving zo ivm evt. class zoals:NormalBody, ExplorersBody etc. Eventuele Name kan hetzelfde als id zijn */
{
	margin:0px;
	padding:0px;
}

#SlideShowBody /* Main body van de pagina's die door de HTMLSlideShowWizard Powertoy zijn gegenereerd */
{
	overflow-y: hidden; /* Bij WindowsEdition 1 (Win7+IE8) verschijnt anders altijd een extra horizontale scrollbar, omdat alle table's en div's width="100%" hebben. */
	/* als het goed is, is dit niet meer nodig. In plaats daarvan het HTML5-doctype specificeren */
}

#BodyTable /* Hoofdtabel van de pagina */ 
{
	border-width:0px;
	cell-spacing:0px;
	cell-padding:0px;
	height:100%;
	width:100%; /* Bij width="100%" verschijnt er altijd een horizontale scrollbar bij WindowsEdition 1 (Win7+IE8), als body-overflow niet auto is en er geen doctype is gespecificeerd */
}

#BovenRij
{
	height: 60px;
}
#BovenLinksVak /* tdLogo, geen class meer gebruiken */
{
	background-image: url('logo.gif');
	background-position: 25px 50%;
	background-repeat: no-repeat;
}
#BovenMiddenVak /* tdTitel */
{
	TEXT-ALIGN: center;
	width:100%;
}
#BovenRechtsVak /* tdSpeltakLogo */
{
}
#TitelTabel
{
	border: 0px;
	cell-padding: 0px;
	cell-spacing: 0px;	
}

#NavigatieKnopStam /* Knop onderin het navigatiemenu voor speltak Stam */
{
	display: none;
}

/* Classes */
.logo
{
	BACKGROUND-IMAGE: url('logo.gif');
	background-repeat: no-repeat;
	background-position:  25px 50%;
}
.printqr
{
	font-size: 0pt;
	height: 0px;
	width:0px;
	visibility:hidden;
}
.printfooter
{
	font-size: 0pt;
	height: 0px;
	visibility:hidden;
}
.printheader
{
	font-size: 0pt;
	height: 0px;
	visibility: hidden
}
.opacity50
{
	filter:alpha(opacity=50);
	opacity:0.5
}
.titel
{
	FONT-SIZE: 24pt;
	BACKGROUND-IMAGE: url('titel.gif');
	COLOR: #ffffcc;
	BACKGROUND-REPEAT: repeat;
	FONT-FAMILY: 'Book Antiqua', 'Times New Roman';
	BACKGROUND-COLOR: transparent;
	TEXT-ALIGN: center;
	FONT-VARIANT: small-caps;
	width: 600px;
	height: 60px;
}
.error404
{
	background-image:url('404gps.gif');
	background-repeat: no-repeat;
	background-position: 300px 20px;
	background-attachment: scroll;
	filter:alpha(opacity=50);
	opacity:0.5
}
.error404hard
{
	background-image:url('404gps.gif');
	background-repeat: no-repeat;
	background-position: 300px 20px;
	background-attachment: scroll;
	filter:alpha(opacity=100);
	opacity:1
}
H1
{
    COLOR: #000000
}
H2
{
    COLOR: #660033
}
H3
{
    COLOR: #996600
}
H4
{
    COLOR: #000000
}
H5
{
    COLOR: #660033
}
H6
{
    COLOR: #996600
}
.navigatie
{
    FONT-SIZE: 12pt;
    COLOR: #ffffcc;
    FONT-FAMILY: 'Book Antiqua', 'Times New Roman'
}
.navigatie TD
{
	width: 140px;
	height: 50px;
	text-align: center;
}
.navigatie A:active
{
    COLOR: #ffffcc;
    TEXT-DECORATION: none
}
.navigatie A:link
{
    COLOR: #ffffcc;
    TEXT-DECORATION: none
}
.navigatie A:visited
{
    COLOR: #ffffcc;
    TEXT-DECORATION: none
}
.mail
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Calibri', 'Book Antiqua', 'Times New Roman';
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.mail A:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.mail A:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.mail A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.actief
{
	background-image: url('actief.gif');
	width: 140px;
	cursor: hand;
	background-repeat: no-repeat;
	height: 60px;
	text-align: center
}
.actief TD
{
    BACKGROUND-IMAGE: url('actief.gif');
    WIDTH: 140px;
    CURSOR: wait;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 60px;
    TEXT-ALIGN: center
}
.passief
{
    BACKGROUND-IMAGE: url('navigatie.gif');
    WIDTH: 140px;
    CURSOR: hand;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 60px;
    TEXT-ALIGN: center
}
UL
{
    LIST-STYLE-IMAGE: url('donkergrijsballetje.gif');
    LIST-STYLE-TYPE: circle
}
UL UL
{
    LIST-STYLE-IMAGE: url('lichtgrijsballetje.gif');
    LIST-STYLE-TYPE: circle
}
UL UL UL
{
    LIST-STYLE-IMAGE: url('zwartballetje.gif');
    LIST-STYLE-TYPE: circle
}
A:active
{
    COLOR: #990000
}
A:link
{
    COLOR: #006600
}
A:visited
{
    COLOR: #669966
}