body { margin:0; background:#F78804; font-family: Verdana, sans serif; font-size:x-small  }
h1   { font-size:130%; margin:1em 0 1em 0; color:#2D267D }
h2   { font-size:100%; color:#2D267D; margin:0 0 1em; }
p    { margin: 1em 0 }
td   { background:#FC0; font-size:x-small }
a    { color:#B20303 }
a:hover {color:#FC2E2E }

div#vraag   { margin: 1em 0 0.2em; font-weight:bold; }

div#logo { position:relative; text-align:center; margin:20px 0 -40px; }
table#content { margin: -20px 50px 100px 50px; }
td#content { background:#FC0; color:#0D004C; font-family:Verdana, sans serif;
             padding:25px; width:100%;  }
td#subvraag { width:20em }
             
img.bullet { margin: 11px 6px 0 0 }

td#top    { background-image: url(../gfx/bg_top.gif) }
td#right  { background-image: url(../gfx/bg_right.gif) }
td#bottom { background-image: url(../gfx/bg_bottom.gif) }
td#left   { background-image: url(../gfx/bg_left.gif) }

table.tabel th { background:#FCEAA0; font-size:80%; font-weight:bold; text-align:center }
table.tabel td { background:#FCEAA0; font-size:80%; padding:12px }

/* buttons */
div#menu      { text-align:center; font-size:80%; margin:8px }
a.button      { background:#F79E04; border:1px solid #FB0; }
div#menu a.button { background:#FB0; border:1px solid #FB0; }
a.selected    { background:#FFF }
span.disabled { background:#FC0; color:#908BBC; border:1px solid #FC0 }
div#menu span.disabled { background:#FBA002; color:#908BBC; border:1px solid #F90 }
div#menu a.button:hover, a.button:hover, a.selected, a.selected:hover { border:1px solid #2D267D; color:#2D267D; }
a.button, a.selected  { color:#2D267D; text-decoration:none }
a.button, a.selected, span.disabled { font-weight:bold; padding:0.2em 1em; height:1.7em }
div#menu a.button, div#menu a.selected, div#menu span.disabled { width:12em }

td#ypos { background:#F78804 }
div#ypos { font-size:80%; margin:3em 42px; color:#F9BD75; line-height:1.5em}
div#ypos a { color:#F7E1C7 }
div#ypos a:hover { color:#FC2E2E }

p.icons img { margin-right:16px }
.error { color: white; background: #F20; padding:2px }
table.formulier { margin-left:-4px;font-size:x-small }
table.formulier td { font-size:80%; font-weight:bold }
input, select { font-size:100%; width:100% }
textarea { font-family: Verdana; font-size:100%; width:100% }
input.submit { width: 12em; background:#F79E04; color:#2D267D; border: 1px solid #FC0; font-weight:bold }

table.actie { width:95% }
table.actie td { background:#FCEAA0;  }
table.actie td p { margin: 0 0 0.7em 0; }
table.actie td.left, table.actie td.leftfill  
                     { border-right:2px solid #FC0; padding:2px 8px; color:#2D267D; width:8em; font-size:80% }
table.actie td.left  { background:#FCEAA0 url(../gfx/round_lt.gif) no-repeat; width:13em; font-size:70%;
                       line-height:1.5em; padding-top:8px }
table.actie td.leftfill { font-size:70% }
table.actie td.right, table.actie td.rightfill 
                     { padding:2px 12px 2px; font-size:80%; vertical-align:top }
table.actie td.right { background:#FCEAA0 url(../gfx/round_rt.gif) no-repeat; background-position:top right;
                       padding-top:8px }
table.actie td h3 { font-weight:bold; color:#2D267D; font-size:100%; margin:8px 0 0.3em; padding:0 }
table.actie td.left h3 { font-size:120% }
table.actie td.leftbottom  { border-right:2px solid #FC0; background:#FCEAA0 url(../gfx/round_lb.gif) no-repeat;background-position:bottom left; }
table.actie td.rightbottom { background:#FCEAA0 url(../gfx/round_rb.gif) no-repeat;background-position:bottom right; }