a:link { color: Purple; text-decoration: underline;}
a:visited { color: #330099;	text-decoration: underline;}
a:hover { color: Purple; text-decoration: none;}
a:active { color: #505050; background-color: #F5F5F5;}

html, body {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
  	height: 100%;
  	width: 100%;
  	font-size: 12px;
  	color: #000000;
  	background: #FFFFFF url("gfx/html.gif") repeat-y center top;
  	font-family: Arial, Verdana, sans-serif;
  	text-align: justify;
}

table {
	width: 780px;
	border: 0px;
	padding: 0px 0px;
	background-image: url(images/img4.jpg);
	font-family: Arial, Verdana, Times New Roman;
	font-size: 13px;
	font-weight: normal;
	text-align: justify;
}

/* CLASSES */

/* class, nodig om de breedte van tabellen in pagina's binnen de perken te houden */
table.contacttable {
	width: 500px;
}

td.nav {
	float: right;
	vertical-align: top;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 15px;
	text-align: right;
}

/* CLASSES, NODIG VOOR MSIE */
a.nav:link { color: Purple; text-decoration: none;}
a.nav:visited { color: #330099;	text-decoration: none;}
a.nav:hover { color: Purple; text-decoration: none;}
a.nav:active { color: #505050; background-color: #F5F5F5;}

a.content:link { color: Purple; text-decoration: none;}
a.content:visited { color: #330099;	text-decoration: none;}
a.content:hover { color: Purple; text-decoration: underline;}
a.content:active { color: #505050; background-color: #F5F5F5;}

.blauw {
color: #000080;
}

/* END CLASSES */

H1 {
	font-family: Arial, COMIC SANS MS, fantasy;
	font-size: 26px;
	font-weight: bold;
	color: #000080;
	text-align: left;
	margin-top: 10px;
}

H2 {
	font-family: Arial, Comic Sans MS, fantasy;
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-align: left;
	line-height: 80%;
	margin-bottom: -10px;
}

H3 {
	font-family: Arial, COMIC SANS MS, Verdana, fantasy;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	text-align: right;
	margin-right: -10px;
}

H4 {
	font-family: Arial, COMIC SANS MS, Verdana, fantasy;
	font-size: 8px;
	font-weight: bold;
	color: #505050;
	text-align: left;
}

H5 {  
	font-family: Arial, Comic Sans MS, fantasy;
	font-size: 14px;
	font-weight: bold;
	color: #000080;
	text-align: left;	margin-bottom: -10px;
	
}



ul {
    margin-left: 1em;
    padding-left: 1em;
    list-style-type: disc;
}

/* VERTICAAL MENU LEVEL 1 */

ul.vmenu1 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: block;
    z-index: 5;
}

ul.vmenu1 li {
    margin: 5px 0px 10px 30px;
    margin-left: 0px;
    margin-right: -20px;
    position: relative;
    height: 5px;
}

ul.vmenu1 li:hover ul.vmenu2 {
	display: block;
}

ul.vmenu1 a {
    text-decoration: none;
}

ul.vmenu1 div {
    width: 108px;
    height: 108px;
    cursor: pointer;
}

ul.vmenu1 div.ngp {
    border: 1px solid black;
    background-color: black;
    color: #FCC916;
}

ul.vmenu1 div.ngp {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

ul.vmenu1 span.vmenu1r, ul.vmenu1 div.ngpFull span.vmenu1r, ul.vmenu1 div.ngpEmpty span.vmenu1r {
    width: 8px;
    font-weight: bold;
    left: 101px;
}

/* VERTICAAL MENU LEVEL 2 */

ul.vmenu2 {
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    line-height: 10px;
    margin: 0px;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 130px;
    display: none;
    z-index: 10;
}

ul.vmenu2 li {
    background-color: #F4F3FB;
    border: 1px solid #003366;
    margin: 0px;
    margin-bottom: -1px;
    width: 210px;
    height: 20px;
    display: block;
    overflow: visible;
}

ul.vmenu2 li:hover {
   background-color: #DBE4E1;
   display: block;
}

ul.vmenu2 a {
    color: #003366;
    text-decoration: none;
    width: 225px;
    padding: 4px;
    display: block;
}

div {
	font-size: 13px
}
.vorm1 {
	font-weight: bold;
	color: #000080; 
}

/* FORMULIERVELDEN */

input, select, textarea {
	font-family: Arial, Verdana, Comic Sans;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #003366;
	background-color: #F4F3FB;
}