/*
Hulpmiddelen om css file snel te updaten.
Kopieer de volledige regel om deze door een andere te laten vervangen

gewone tekst	
	font-family: Arial, sans-serif;
	color: black;	

kopjes
	font-family: helvetica;

kleuren
	
*/

BODY {
	background: white;
	font-family: Arial, sans-serif;
	color: black;
}

P {
	color: black;
}

A {
	color: rgb(147,206,68);
	text-decoration: underline;
}

A:HOVER {
	color: black;
	text-decoration: underline;
}

HR {
	color: rgb(147,206,68);
}

H1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 19px;
	color: rgb(147,206,68);
}

H2 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: rgb(147,206,68);
}

H3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: black;
}

.navigationlink {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: rgb(147,206,68);
      line-height: 3ex;
      display: block;
      width: 160px;
      padding-left: 5px;
      background-color: white;
      border: 1px solid rgb(147,206,68);
      margin-bottom: -2px;
      margin-left: -2px;
}

.navigationlink:HOVER {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: rgb(147,206,68);
      line-height: 3ex;
      display: block;
      width: 160px;
      padding-left: 5px;
      background-color: rgb(216,237,186);
      border: 1px solid rgb(147,206,68);
      margin-bottom: -2px;
      margin-left: -2px;
}

.selectednavigationlink {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: white;
      line-height: 3ex;
      padding-left: 5px;
      display: block;
      width: 160px;
      background-color: rgb(147,206,68);
      border: 1px solid rgb(147,206,68);
      margin-bottom: -2px;
      margin-left: -2px;
}

.selectednavigationlink:HOVER {
	color: rgb(241,241,241);
	text-decoration: none;
}

.copyright {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

TD {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}

TD.bodycell {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}

.navigationcell {
	background: rgb(255,255,255);
}

.navigationend {
	background: rgb(255,255,255);
}

.step {
    font-size: 18px;
    color: rgb(147,206,68);
}

.formbutton {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: rgb(230,230,230);
	color: black;
	font-weight: bold;
    border: 1px solid rgb(100,100,100);
}

.formbutton:active {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: rgb(241,241,241);
	color: black;
	font-weight: bold;
    border: 1px solid rgb(100,100,100);
}

.formbutton[disabled],
.formbutton[disabled]:active {
	font-family: Arial, sans-serif;
	font-size: 12px;
    background-color: rgb(241,241,241);
	color: black;
	font-weight: bold;
    border: 1px solid rgb(100,100,100);
}

.activeformbutton {
	font-family: Arial, sans-serif;
	font-size: 12px;
    background-color: rgb(241,241,241);
	color: black;
	font-weight: bold;
    border: 1px solid rgb(100,100,100);
}

INPUT {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: black;
	text-decoration: none;
}

SELECT {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: black;
	text-decoration: none;
    background-color: #eeeeee;
    border: 1px solid rgb(241,241,241);
}

INPUT.text {
    background-color: white;
    border: 1px solid rgb(241,241,241);
}

INPUT.timer {
    background-color: #eeeeee;
    border: 0px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    width: 75px;
    color: black;
}

TEXTAREA {
	font-family: Arial, sans-serif;
	font-size: 13px;
    background-color: white;
    border: 1px solid rgb(241,241,241);
}


TABLE.paratab {
    border-collapse: collapse;
    border: 1px solid rgb(241,241,241);
	background-color: white;
}

TD.paratab {
    border: 1px solid rgb(241,241,241);
}

TABLE.pagehelptext {
    border-collapse: collapse;
	background-color: white;
    border: 1px solid rgb(241,241,241);
}


TD.pagehelptext {
    border: 1px solid white;
}

.accesscode {
    margin: 5px;
    font-family: monospace;
    font-size: 13px;
}

TABLE.myTable {
    border-collapse: collapse;
    border: 1px solid rgb(230,230,230);
	background-color: #FFFFFF;
}

TABLE.myTable TD {
    /* border: 1px solid rgb(241,241,241); */
    border: 0px;
}


TABLE.myTable TR.header {
	background-color: rgb(230,230,230);
}

TABLE.myTable TR.header TD {
    color: black;
    border: 0px;
}

TABLE.myTable TR.header TD A {
	color: rgb(147,206,68);
}

TABLE.myTable TR.header TD A:HOVER {
	color: #000000;
}

TABLE.myFilledTable {
    border: 0px;
	background-color: #FFFFFF;
}

TABLE.myFilledTable TD {
	background-color: rgb(241,241,241);
    border: 0px;
}

TABLE.popupHelp TD {}

/* status */

hr.answer {
	color: rgb(241,241,241);
}

hr.feedback {
	color: rgb(241,241,241);
}

.statusHeader {
	font-style: italic;
}

.correctOption {
	font-weight: bold;
}

.wrongOption {
	color: #BBBBBB;
}

table.status {
    border: 1px solid rgb(241,241,241);
}

td.correct {
	background-color: green;
}

td.incorrect {
	background-color: red;
}

td.unscored {
	background-color: blue;
}

td.notdone {
	background-color: yellow;
}

A.number {
    text-decoration: none;
}

SPAN.correct {
    font-size: 20px;
    color: green;
}

SPAN.incorrect {
    font-size: 20px;
    color: red;
}

SPAN.notdone {
    font-size: 20px;
    color: yellow;
}

SPAN.buttonBackgroundColor {
    background-color: lime;
}

.TextBoxCounter {
    background-color: rgb(241,241,241);
    font-weight: bold;
    color: black;
    border: 1px solid rgb(100,100,100);
    width: 30px;
}

.totalCounter {
    font-weight: bold;
    border: 0px;
}

a.linkToEOA{
  color: white;
  text-decoration: none;
}

a.linkToEOA:HOVER{
  color: white;
  text-decoration: underline;
}
TABLE.bodyBorderNoMenu{
  margin-left: 20px;
}