body, th, td, input, select, textarea, option {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
}

body {
    margin: 0px;
    background: #ffffff;
    color: #000000;
}
a {
    xxtext-decoration: underline;
    text-decoration: none;
    color: #336633;
    font-weight:bold;
}
a:hover {
    text-decoration: underline;
    color: #FF8838;
    /* background-color: white; */
}
a:hover.nav {
}

a.fav {
    font-weight: bold;
    font-size: 7pt;
}

H1, H2, H3 {
    font-size: 14pt;
    color: #336633;
}
H2 {
    font-size: 12pt;
}

H3 {
    font-size: 10pt;
}

img {border: 0pt}

table {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
}
tr {
    margin: 0px;
}

th, td {
    padding: 2px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    text-align: left;
    xxbackground: #FFFFFF;
    xxcolor: #336633;
}

a.nav  {
    color: #FFFFFF;
}
a.nav:hover  {
    color: #FF8838;
}
td.nav {
    background: #336633;
    height: 20px;
    width: 24%;
    vertical-align: middle;
    text-align: center;
}
td.spacer {
    width: 1%;
}
.title {
    XXbackground: #666666;
    xxcolor: #666666;
    text-align: center;
}

.logo {
    color: #336633
}


td.leftframe {
   xbackground: #336633; /* 3-6-3  16-16-16 9-11-9*/
   background: #91c891;
}

td.rightframe {
   background: #FFB17D;
}

table.content {
   margin: 10px;
}

/* hieronder ongebruikt */

input {
    width: 200px;
}
textarea {
    width: 500px;
    height: 300px;
}
.button, .lowCheckBox {
width: auto;
}
.lowCheckBox {
height: 11px;
}
#importantHeaders {
display: block;
}
#allHeaders {
display: none;
}
#textareaWrite {
width: 100%;
height: 200px;
}
#inputFrameSize {
width: 20px;
}