/* zet eerst wat standaard eigenschappen voor sommige elementen */
body {
margin: 0;
padding: 0;
/* font eigenschappen werken volgens de cascade door in de hele site */
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
overflow: hidden;
}

/* vette blauwe links zonder onderstreping */
a {
text-decoration: none;
color: #400080;
font-weight: normal;
font-size: 10pt;
}

/* laat onderstreping zien als de muis over een link gaat */
a:hover {
text-decoration: underline;
}

/* gebruik een div om de gehele site in te vatten */
div#page {
/* positionering van andere elementen is t.o.v. #page */
/*position: static;*/
top: 0px;
/* gebruik left en right om vloeiende schaling te krijgen */
left: 0px;
right: 0px;
height: 100%;
/* min-width werkt niet in IE */
width: 100%;
/* kleur werkt volgens cascade door op de site inhoud */
background: #FFFFFF url(http://www.verenigingvol.nl/images/vlak.png);
background-repeat: repeat-y;
float: left;
overflow: auto;
}

div#nav {
position: absolute;
/* navigatie tegen de linkerrand van #page, */
left: 0;
/* ...direct onder #banner, */
top: 200px;
/* ...en tot de onderrand van #page */
bottom: 0;
width: 190px;
/*background-color: #FFF;*/
color: #FFF;
}

div#nav a.menu {
/* maak menu links als blokjes */
display: block;
/* laat een klein randje aan drie kanten */
margin: 10px 1px 0 1px;
/* tekst laten inspringen */
padding-left: 25px;
color: #400080;
/*background-color: #FFF;*/
font-size: 125%;
font-weight: bold;
font-style: italic;
/* laat geen onderstreping zien als de muis over het menu gaat */
text-decoration: none;
}

div#nav a.submenu {
/* submenu links als menu links */
display: block;
margin: 2px 1px 0 1px;
/* ...maar met iets meer inspringing */
padding-left: 40px;
color: #400080;
font-size: 100%;
font-weight: bold;
font-style: italic;
/* laat geen onderstreping zien als de muis over het menu gaat */
text-decoration: none;
}

div#nav a.comm {
/* laat een klein randje aan drie kanten */
display: block;
margin: 1px 1px 0 1px;
/* tekst laten inspringen */
padding-left: 25px;
color: #400080;
font-size: 80%;
font-weight: normal;
font-style: italic;
text-decoration: none;
}

div#content {
/* #content is static, zodat die groeit met de inhoud,
   gebruik marges om overlap van de inhoud te voorkomen */
margin: 10px 125px 30px 250px;
/* padding om de inhoud uit de rand te houden */
padding: 4px 10px 10px 10px;
/* iets groter font dan de rest van de site */
color: #400080;
font-size: 10pt;
line-height: 140%;
/* width: 600px;*/
}

select {
/* #form select same color and font as content*/
color: #400080;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}

table.nb { /* Table with no border  */
border: 0px;
border-spacing : 0px;
border-collapse : collapse;
margin-left: -10px;
}
	
td {
/* padding om de inhoud uit de rand te houden */
padding: 0px 10px 0px 10px;
/* iets groter font dan de rest van de site */
color: #400080;
font-size: 10pt;
vertical-align: top;
line-height: 140%;
}

th {
/* padding om de inhoud uit de rand te houden */
padding: 0px 10px 0px 10px;
/* iets groter font dan de rest van de site */
color: #400080;
font-size: 10pt;
font-weight: bold;
text-align: left;
line-height: 140%;
}