/* Comments are in gray and appear between these hash/asterisk marks. */
/* Suggested general rules to cover any font-family inheritance bugs. */

body, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, td, textarea, tr, ul {
font-family: Helvetica, Arial, sans-serif;
}

/* Link rules. */

/* a:link = State of normal link. */
a:link {
text-decoration: underline;
font-weight: bold;
color: #551a8b;
background: transparent;
}
/* a:visited = State of visited link. */
a:visited {
text-decoration: underline;
font-weight: bold;
color: #000066;
background: transparent;
}
/* a:hover = State of link on mouseover/hover.background: #ccc */
a:hover {
text-decoration: none;
color: #800000;
background: #C1C0D9; 
}
/* a:active = State of link on click.
a:active {
text-decoration: none;
color: #c00;
}*/

/* Acronym rule. */
acronym {cursor: help;}

/* Body rule with 0 margin fix. */
body {
padding: 0;
color: #000066;
background: #F2F2F2 url('Images/webachter.gif');
font-size: 15px;
}

body.content {
padding: 50;
}

body.left {
margin-top: 55px;
}

/* Tables --------------------------------------------------------------------*/

TD  {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 15px;
/*   background: white;*/
}
TD.large  {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 17px;
}
TD.small  {
	font-family : Arial, sans-serif;
	font-size : 13px;
}
TD.vsmall  {
	font-family : Arial, sans-serif;
	font-size : 11px;
}
IMG{
border: "0"
}

ol, ul{
list-style-image: url(Images/listblueball.gif);
list-style-type: circle
}
/* Hier NIET red, blue e.d. gebruiken want dan verandet de tekstkleur ook! */
ol.rood, ul.rood{
list-style-image: url(Images/listredball.gif);
list-style-type: circle
}
ol.groen, ul.groen{
list-style-image: url(Images/listgreenball.gif);
list-style-type: circle
}
ol.geel, ul.geel{
list-style-image: url(Images/listyellowball.gif);
list-style-type: circle
}

li{
margin-bottom:8px;
}

/* The display: inline removes the space after your form elements. */

form {
display: inline;
input.pink {background-color: #ffcccc; font-size: 12px;}
input {font-size: 14px;}
}


h1 {
font-size: 18px;
margin: 0;
padding: .1em;
}


h2 {
font-size: 16px;
margin: 0;
padding: .1em;
}

/* General rule for paragraph elements. */
/* Vanaf Internet. */

p {
  font-size: 15px;
}


/* Specific rule for bottom paragraph. See last modified date. */

p.last {
font-size: 13px;
border-top: .1em solid #000;
margin: 0;
padding: .1em 1em;
color: #777;
background: #ccc;
}

/* Generic class for centering text (p class="ctr"). */

.ctr {
text-align: center;
}

/* Generic class for small text (p class="small").
See copyright notice, date and time stamp at bottom of page. */

.small {
font-size: 11px;
}

.vsmall {
font-size: 9px;
}

/* Generic class to display (p class="code";) in font-family: monospace.
Font color is blue #0000cc. Background is transparent.
Top and bottom margins at 1em. Right and left margins at 5em. */

.code {
font-family: monospace;
color: #00c;
background: transparent;
margin: 1em 5em;
}

/* Generic class to display (p class="code comments") in dark gray.
Font color is gray #777777. Background is transparent.
Top and bottom margins at 1.5em. Right and left margins at 3em. */

.comments {
color: #777;
background: transparent;
margin: 1.5em 3em;
}

/* Generic color classes for various elements such as
(span class="blue")(strong class="purple")(em class="green").
Can be used when combining classes on various elements. */

.black {
color: #000;
background: transparent;
}

.grey {
color:#808080;
background: transparent;
}

.blue {
color: #000066;
background: transparent;
}

.green {
color: #090;
background: transparent;
}

.purple {
color: #609;
background: transparent;
}

.red {
color: #800000;
background: transparent;
}

/* Apply a hand cursor to elements like input/submit buttons. */

.hand {
cursor: pointer;
}

/* Apply a help cursor (question mark) to elements like tooltips (title="Tooltip Here"). */

.help {
cursor: help;
}
