body                   { font-family: 'trebuchet ms', verdana, arial, swiss; margin: 0 0 0 0; background-color: white; }



tr                     { font-size: 11pt; }

tr.vspace              { font-size:  5pt; height:  8px; }

tr.vspace2             { font-size:  8pt; height: 13px; }

tr.nav                 { font-size: 10.5pt; line-height: 12pt; }



td.xxl                 { font-size: 18pt; font-weight: bold; }

td.xl                  { font-size: 13pt; font-weight: bold; }

td.l                   { font-size: 12pt; font-weight: bold; }

td.s                   { font-size: 9pt; }

td.xs                  { font-size: 8pt; }

td.g                   { font-size: 8pt; color: #777; }

td.gr                  { font-size: 8pt; color: #777; text-align: right; padding-top: 3px; }



span.xxl               { font-size: 18pt; font-weight: bold; }

span.xl                { font-size: 13pt; font-weight: bold; }

span.l                 { font-size: 12pt; font-weight: bold; }

span.s                 { font-size: 9pt; }

span.xs                { font-size: 8pt; }

span.g                 { font-size: 8pt; color: #555; }



tr.head                { background-color: #92c581; color: white; font-size: 80%; }

tr.1st                 { background-color: #d3e8cd; }

tr.2nd                 { background-color: #bedcb3; }



a                      { color: #e29000; text-decoration: none; }

a:visited              { color: #e29000; }

a:active               { color: #e29000; }

a:hover                { text-decoration: underline; }



a.nav_idle             { color: #f2d6ab; font-size: 11pt; font-weight: bold; line-height: 17pt; background: url('images/nav_dot_white.gif') left center no-repeat; padding-left: 14px; }

a.nav_idle:hover       { text-decoration: none; background: url('images/nav_dot_purple.gif') left center no-repeat; }

a.nav_idle:active      { color: #f2d6ab; }

a.nav_idle:visited     { color: #f2d6ab; }



a.nav_active           { color: #f2d6ab; font-size: 11pt; font-weight: bold; line-height: 17pt; background: url('images/nav_dot_orange.gif') left center no-repeat; padding-left: 14px; }

a.nav_active:hover     { text-decoration: none; }

a.nav_active:active    { color: #f2d6ab; }

a.nav_active:visited   { color: #f2d6ab; }



a.footer               { color: #804e98; text-decoration: none; }

a.footer:visited       { color: #804e98; }

a.footer:active        { color: #804e98; }

a.footer:hover         { text-decoration: underline; }



h1                     { color: #e29000; font-size: 14pt; font-weight: bold;                                       margin-bottom: 5px; }

h2                     { color: #e29000; font-size: 12pt; font-weight: bold; font-style: italic; margin-top: 20px; margin-bottom: 3px; }

h3                     { color: #e29000; font-size: 12pt; font-weight: bold; font-style: italic; margin-top:  5px; margin-bottom: 2px; }



td.h1                  { font-size: 14pt; font-weight: bold; }

td.h2                  { font-size: 12pt; font-weight: bold; font-style: italic; }



span.date              { font-size: 8pt; color:grey }



img[align="right"]     { margin: 0 0 8px 15px; }

img[align="left"]      { margin: 0 15px 8px 0; }

img.nomargin           { margin: 0 0 0 0; }



div.icon               { float: left; font-size: 80%; text-align: center; margin: 3px; }

div.right              { text-align: right; }

div.center             { text-align: center; }



div.nav                { margin: 280px 0 0 40px; }

div.main               { padding: 150px 50px 0 30px; }



input                  { font-family: arial, swiss; font-size: 10pt; color: #4b1c6e; }

textarea               { font-family: arial, swiss; font-size: 10pt; color: #4b1c6e; }

select                 { font-family: arial, swiss; font-size: 10pt; color: #4b1c6e; }



input.verplicht        { font-family: arial, swiss; font-size: 10pt; background-color: lightyellow; }







table.outmost          { width: 100%;  height: 100%; background-color: #f3d6ac; }

table.iter             { width: 1000px; height: 100%; background: white url('images/bg_iter.jpg') repeat-y left top; }

table.site             { width: 1000px; height: 100%; background: url('images/bg_site.jpg') no-repeat left top; }



tr.foot                { height: 36px; }



td.columnleft          { width: 240px; color: #8f1e2a; }

td.main                { color: #4b1c6e; padding: 0 10px 0 10px; }

td.foot                { background: url('images/bg_foot.jpg') no-repeat left top; text-align: center; color: #804e98; font-size:10pt; padding: 0 45px 0 45px; }



td.marginleft          { width: 50%; }

td.marginright         { width: 50%; }