/* Style sheet */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
               { margin: 0px; padding: 0px; }

body           { padding: 0; margin: 0; background-color: #f0f0ff; } 

a, div, input, p, select, td, textarea
               { font: 14px Trebuchet MS, arial, sans-serif; color: #222222; }

a              { text-decoration: none; color: #3a3a3a; }
a:hover        { text-decoration: underline; color: #3a3a3a; }

a.onder        { font-size: 11px; text-decoration: none; color: #ffffff; }
a.onder:hover  { font-size: 11px; text-decoration: underline; color: #ff0000; }

a.lmenu        { display: inline-block; width: 178px; height: 26px; font-size: 14px; font-weight: bold; 
                 padding-top: 4px; padding-left: 12px; margin-bottom: 4px;
                 color: #ffffff; background: url('../images/bg-lmenu-rood.gif') no-repeat; margin-left: 14px; }
a.lmenu:hover  { background: url('../images/bg-lmenu-blauw.gif') no-repeat; color: #ffffff; }

h1             { position: relative; left: -10000px; top: 10px; }
h2             { font-size: 18px; display: block; width: 100%; padding-bottom: 4px; margin-bottom: 16px; }
h4             { font-size: 14px; font-weight: bold; }

/*  Pagina structuur  */

#container     { padding: 0; margin: 0; width: 100%;}

#midden        { padding: 0; margin: 0 auto; width: 980px; }

#hoofd         { padding: 0; margin: 0; width: 980px; height: 170px; background-image: url('../images/achtergrond.gif'); 
                 margin: 2px 0px 0px 0px; position: relative;  }
#kopplaat      { position: absolute; top: 12px; left: 18px; }

#hoofdinhoud   { position: relative; padding: 0; margin: 0px 0px 0px 0px; width: 980px; min-height: 400px; _height: 400px;  
                 background: url('../images/midden.gif') repeat-y; }

#links         { float: left; width: 220px; min-height: 400px; _height: 400px; }

#inhoud        { float: left; margin-left: 10px; width: 560px; min-height: 400px; }
#binneninhoud  { margin: 20px 30px 20px 10px; width: 540px; }
#binneninhoud  p { margin-bottom: 16px; }
img.wsfoto        { float: right; margin-left: 16px; margin-bottom: 10px; margin-right: 10px; border: none; } 

#hplinks       { width: 50%; float: left; font-weight: bold; font-size: 16px; margin-top: 16px; }
#hprechts      { width: 35%; float: right; font-weight: bold; font-size: 16px; margin-top: 16px; }


#rechts        { float: right; width: 180px; min-height: 400px; _height: 400px; }

#onder         { padding: 0px; margin: 0px; width: 980px; height: 64px; text-align: center;
                 overflow: hidden; background: #f0f0ff url('../images/onder.gif') no-repeat; }
#copyright     { margin-top: 24px; font-size: 12px; color: #0000ff; }

#sitemap       { padding: 0px; margin: 0px; width: 980px; font-size: 12px; color: #0000ff; 
                 overflow: hidden; background: #f0f0ff url('../images/sitemap.gif') repeat; }
#sitemapl      { display: block; float: left; width: 180px; margin-left: 16px; }
#sitemapml     { display: block; float: left; margin-left: 20px; padding-left: 10px; width: 200px; }
#sitemapmr     { display: block; float: left; margin-left: 40px; padding-left: 10px; width: 220px; }
#sitemapr      { display: block; float: right; width: 200px; margin-right: 20px; }
span.item      { background: url('../images/bolletje.gif') no-repeat left center; padding-left: 22px; }

#onderlijn     { padding: 0px; margin: 0px; width: 980px; height: 15px;
                 overflow: hidden; background: #f0f0ff url('../images/onderlijn.gif') no-repeat; }

table.trand    { border-top: 1px solid #222222; border-left: 1px solid #222222; margin: 0px; padding: 0px; }
td.tkl         { font-weight: bold; text-align: left; border-bottom: 1px solid #222222; 
                 border-right: 1px solid #222222; padding: 3px; font-size: 12px; background-color: #dfdfdf; }
td.tkc         { font-weight: bold; text-align: center; border-bottom: 1px solid #222222; 
                 border-right: 1px solid #222222; padding: 3px; font-size: 12px;}

td.tal         { text-align: left; border-bottom: 1px solid #222222; border-right: 1px solid #222222; padding: 3px; font-size: 12px; }
td.tcl         { text-align: center; border-bottom: 1px solid #222222; border-right: 1px solid #222222; padding: 3px; font-size: 12px;}
td.trl         { text-align: right; border-bottom: 1px solid #222222; border-right: 1px solid #222222; padding: 3px; font-size: 12px;}
td.talx        { text-align: left; border-bottom: 1px solid #222222; padding: 3px; font-size: 12px; }