/* General */
body, td, th                                   { font: 11px/17px Arial,Helvetica; color: #0F1B4F }
body                                           { background-color: #a49e89; margin: 0px }
body.vacatures                                 { background-color: #bebbad; margin: 16px }
#DYNCONTENT                                    { background-color: #e4e3dd; }
form, img                                      { margin: 0px; padding:0px }

table, td                                      { padding: 0px; margin: 0px }
td.textframe td.lcolunm                        { padding-right: 6px }

a, a:visited                                   { color: #3636ff; text-decoration: none }
a:hover                                        { text-decoration: underline }

#DYNCONTENT a,
#DYNCONTENT a:visited                          { color: #696c87; text-decoration: none }
#DYNCONTENT a:hover                            { color: #0a0a5c }

p                                              { margin: 10px 0px; padding: 0px; }
h2                                             { font: bold 16px Arial; color: #0a0a5c; margin: 8px 0px 0px; padding: 0px }
h3                                             { font: bold 11px Arial; color: #0a0a5c; margin: 0px; padding: 0px }
h4                                             { font: bold 12px Arial; color: #0a0a5c; margin: 12px 0px 0px; padding: 0px }

table.maintable                                { }
table.maintable td.textframe                   { background-color: #bebbad;
                                                 border-left:1px solid white;
                                                 border-right:1px solid white;
                                                 border-bottom:1px solid white;
                                                 padding: 0px;
                                                 height: 420px
                                               }
td.textframe td.text                           { padding: 4px 12px 0px 12px; width: 452px }

table.thumbs a:hover img                       { border-top:1px solid #d06b00;
                                                 border-bottom:1px solid #d06b00
                                               }
table.thumbs img                               { border-top:1px solid white;
                                                 border-bottom:1px solid white;
                                                 border-left:1px solid white;
                                                 border-right:0px solid white
                                               }

table.menutable                                { width: 750px;
                                                 background: url('../img/bg-menuleft.gif') #fff repeat-y;
                                                 border-top: 1px solid white;
                                                 border-left: 1px solid white;
                                                 border-right: 1px solid white;
                                               }

td.menu_links                                  { width: 273px; background: none no-repeat scroll 109px 0px; vertical-align: top }
td.menu_rechts                                 { width: 477px; background: none no-repeat scroll 285px 0px }
#menu0 td.menu_links                           { background-image: url('../data/Image/menu/0l.jpg') }
#menu0 td.menu_rechts                          { background-image: url('../data/Image/menu/0r.jpg') }
#menu1 td.menu_links                           { background-image: url('../data/Image/menu/1l.jpg') }
#menu1 td.menu_rechts                          { background-image: url('../data/Image/menu/1r.jpg') }
#menu2 td.menu_links                           { background-image: url('../data/Image/menu/2l.jpg') }
#menu2 td.menu_rechts                          { background-image: url('../data/Image/menu/2r.jpg') }
#menu3 td.menu_links                           { background-image: url('../data/Image/menu/3l.jpg') }
#menu3 td.menu_rechts                          { background-image: url('../data/Image/menu/3r.jpg') }
#menu4 td.menu_links                           { background-image: url('../data/Image/menu/4l.jpg') }
#menu4 td.menu_rechts                          { background-image: url('../data/Image/menu/4r.jpg') }
#menu5 td.menu_links                           { background-image: url('../data/Image/menu/5l.jpg') }
#menu5 td.menu_rechts                          { background-image: url('../data/Image/menu/5r.jpg') }
#menu6 td.menu_links                           { background-image: url('../data/Image/menu/6l.jpg') }
#menu6 td.menu_rechts                          { background-image: url('../data/Image/menu/6r.jpg') }
#menu7 td.menu_links                           { background-image: url('../data/Image/menu/7l.jpg') }
#menu7 td.menu_rechts                          { background-image: url('../data/Image/menu/7r.jpg') }
#menu8 td.menu_links                           { background-image: url('../data/Image/menu/8l.jpg') }
#menu8 td.menu_rechts                          { background-image: url('../data/Image/menu/8r.jpg') }
#menu9 td.menu_links                           { background-image: url('../data/Image/menu/9l.jpg') }
#menu9 td.menu_rechts                          { background-image: url('../data/Image/menu/9r.jpg') }

/* Text navigation */
div.subteksten                                 { margin: 10px 4px 0px 26px; color: white; font: normal 12px/14px Arial }
td.textframe div.pad                           { margin-bottom: 5px; font-weight: bold; }
div.subteksten a, div.subteksten a:visited     { color: white; font-weight: normal; display: block; margin-bottom: 8px }
div.subteksten .navigator a,
 div.subteksten .navigator a:visited           { display: inline }
div.subteksten a.idle                          { margin-left: 4px; padding: 2px 0px 0px }
div.subteksten a.selected                      { background-color: #675f44; padding: 2px 4px 4px }
div.subteksten div.navigator                   { margin-top: 5px; color: white; font-weight: bold; }
div.subteksten a:hover                         { text-decoration: underline }


/*  Dynamic Menu */
div.vdmenu                                     { position: relative; }
td.menu_links div.vdmenu                       { width: 109px;
                                                 height: 21px;
                                               }
td.menu_rechts div.vdmenu                      { width: 285px;
                                                 height: 42px;
                                               }
div.vdmenu, div.vdmenu div                     { margin: 0px;
                                                 border: 0px;
                                                 padding: 0px;
                                               }
div.vdmenu a                                   { display: block }

div.submenu                                    { position: absolute;
                                                 display: none;
                                                 height: 125px;
                                                 background-color: #7e8e9b
                                               }

td.menu_links div a                            { height: 21px }
td.menu_links div.mainidle a.active            { background-position: -218px 0px }
td.menu_links div.mainactive a                 { background-position: -109px 0px }

td.menu_links div.submenu a                    { height: 21px }
td.menu_links div.submenu a.idle:hover         { background-position: -162px 0px }
td.menu_links div.submenu a.active             { background-position: -324px 0px }
td.menu_links div.submenu a.active:hover       { background-position: -486px 0px }

td.menu_rechts div a                           { height: 42px }
td.menu_rechts div.mainidle a.active           { background-position: -570px 0px }
td.menu_rechts div.mainactive a                { background-position: -285px 0px }

td.menu_rechts div.submenu a                   { height: 21px }
td.menu_rechts div.submenu a.idle:hover        { background-position: -192px 0px }
td.menu_rechts div.submenu a.active            { background-position: -384px 0px }
td.menu_rechts div.submenu a.active:hover      { background-position: -576px 0px }

#vacatures                                     { display: block; height:20px; width: 105px; 
                                                 background-image: url('../data/Image/menu/vacatures.gif');
                                                 text-align: right;
                                               }
a#vacatures:hover                              { background-position: -105px 0px }

div#vmenu0                                     { left: 109px; top: 0px }
div#vmenu1                                     { left: 109px; top: -21px }
/*
div#vmenu2                                     { left: 109px; top: -42px }
div#vmenu3                                     { left: 109px; top: -63px }
div#vmenu4                                     { left: 109px; top: -84px }
div#vmenu5                                     { left: 109px; top: -105px }
div#vmenu6                                     { left: 285px; top: 0px }
div#vmenu7                                     { left: 285px; top: -42px }
div#vmenu8                                     { left: 285px; top: -84px }
*/
div#vmenu2                                     { left: 285px; top: 0px }   
div#vmenu3                                     { left: 285px; top: -42px } 
div#vmenu4                                     { left: 285px; top: -84px } 


/* Forms */

form.contact td.error                          { color: red; font-weight: bold }
form.contact th                                { text-align: left; font-weight: bold; padding-right: 10px }
form.contact input.txtkort,
form.contact input.txtlang,
form.contact textarea                          { font-size: 11px; border: 1px solid #999999; margin: 1px }
form.contact input.txtlang,
form.contact textarea                          { width:280px }
form.contact input.txtkort                     { width:80px }
form.contact input.button                      { font-size: 11px; font-weight: bold }