.Header {
  color: #ffffff;
  font-weight: bold;
  background-color: #a61500;
  padding: 2px 3px;
}

/* form elementen */
.content2 a {
    color: #ad1001;
    text-decoration: none;
}

.content2 a:hover {
    color: #a41401;
    text-decoration: none;
}

a.details {
  color: #000000;
}

table td {
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 12px;
}

input, select, textarea {
    border: 1px solid;
    color: #000000;
    border-color: #8e7672;
    background-color: #c3bebe;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
}

input.radio {
    border: 0px;
    padding: 2px;
    background-color: #FFFFFF;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
    color: #000000
}

input.submit {
    border: 1px solid;
    color: #ffffff;
    border-color: #8e7672;
    background-color: #a61500;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
    width: 100px;
}

input.submit:hover {
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}

/* tooltip */
.tooltip {
    FONT-family: courier;
    FONT-SIZE: 11px;
    font-weight: bold;
    border: 1px solid black;
    border-color: #556177;
    padding: 1px;
    background-color: #d4e0f7;
    color: #556177;
}

#dhtmltooltip {
    position: absolute;
    width: 300px;
    border: 1px solid;
    border-color: #8e7672;
    padding: 6px;
    background-color: #c3bebe;
    visibility: hidden;
    z-index: 100;
}

/*        ------   Menu Make-up    --------            */

#menu {
    vertical-align: text-top;
    color: white;
    font-size: 12pt;
    font-family: arial;
    font-weight: bold;
    vertical-align: text-top;
    padding-left: 12px;
}

#menu a {
    color: white;
    font-size: 12pt;
    font-family: arial;
    font-weight: bold;
    vertical-align: text-top;
    text-decoration: none;
    text-align: left;
    color: white;
    padding: 4px 5px 5px;
}

#menu li {
    margin: 2px;
    padding: 1px;
}

#menu a:hover {
    color: #ad1001;
}

#menu li:hover {
    color: #ad1001;
    border: 0px;
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
#menu li {
    width: 96%;
}

#menu li ul {
    width: 180px;
}

#menu li ul a {
    text-align: left;
    padding-left: 5px;
}

#menu li ul {
    margin-top: -1px;
}

/******************** Styles *************************/

.content1 {
  padding: 1%;
}

.content2 {
  padding: 1%;
}


body {
    font-size: 12px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

p {
    font-size: 12px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    vertical-align: inherit;
}

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

a:visited { }

a:hover { 
    color: #a41401;
    text-decoration: none;
}

a:active { color: red }

.navbar {
    color: #fff;
    font-size: 12pt;
    font-family: verdana;
    font-weight: bold;
    word-spacing: 24pt;
    padding-left: 12px;
}

.menubar {
    color: white;
    font-size: 12pt;
    font-family: arial;
    font-weight: bold;
    vertical-align: text-top;
    padding-left: 12px;
}

h3, .rekenmodulenaam {
    color: #ad1001;
    font-size: 1.17em;
    font-family: Helvetica;
    font-weight: bold;
    margin: 1em 0;
    padding-right: 12px;
    padding-left: 12px;
}

/**** Checkbox ****/
input.checkbox{
  height: 12px;
  width: 12px;
  font-size: 14pt;
  background-color: #d4e0f7;
  padding: 0px;
}

input.checkbox:focus{
  border-top: 2px solid beige;
  border-left: 2px solid beige;
  border-right: 2px ridge #a99;
  border-bottom: 2px ridge #a99;
}

input.checkbox:active{
  padding:0;
  border-top: 2px ridge beige;
  border-left: 2px ridge beige;
  border-right: 2px ridge #ffc;
  border-bottom: 2px ridge #fcc;
  padding:0;
}

.stappen {
  width: 100%;
  padding: 1px;
  font-weight: bold;
  background-color: #ffffff;
}

.stappen td {
  border: 1px solid;
  border-color: #8e7672;
}

.stappen td.notvisited {
  background-color: #8e7672;
}

.stappen td.notvisited input.submit {
  font-size: 11px;
  border: 0px;
  width: 100%;
  background-color: #8e7672;
  color: #ffffff;
}

.stappen td.notvisited input.submit:hover {
  cursor: default;
}

.stappen td.selected {
    background-color: #a61500;
}

.stappen td.selected input.submit {
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  border: 0px;
  width: 100%;
  background-color: #a61500;
}

.stappen td.selected:hover {
  background-color: #a61500; 
}

.stappen td.selected input.submit:hover {
  background-color: #a61500; 
  cursor: pointer;
  cursor: hand;
}

.stappen td.visited {
  background-color: #8e1801;
}

.stappen td.visited input.submit {
  color: #ffffff;
  font-size: 11px;
  border: 0px;
  width: 100%;
  background-color: #8e1801;
}

.stappen td.visited:hover {
  background-color: #a61500;
}

.stappen td.visited input.submit:hover {
  background-color: #a61500;
  cursor: pointer;
  cursor: hand;
}

table#poweredtable {
    float: left;
    width: 100%;
}

div#poweredby {
    color: black;
    font-family: arial, sans-serif;
    font-style: italic;
    font-size: 11px;
    text-align: right;
}

div#poweredby a {
    color: #a61500;
    text-decoration: none;
}

div#poweredby a:hover {
    color: #8e1801;
    text-decoration: none;
}

div#poweredby a:visited {
    color: #a61500;
    text-decoration: none;
}

#pdfLink {
color: black;
}