body, html                { height:100%; color:#000000; font-family:Arial, Helvetica, sans-serif; background: #e7e7e8 url(../images/bg-repeat.jpg) repeat-x; font-size:12px; }
hr                        { border:1px solid #e4e5e6; margin-top:10px; margin-bottom:10px; }
h1                        { text-transform:uppercase; font-weight:bold; color:black; font-size:15px; letter-spacing:-0.7px; }
p                         { margin-bottom:15px; margin-top:5px; }

#form-zoek                { margin-top:10px; }
#fld-zoek                 { border:1px solid black; width:220px; height:18px; }
#fld-zoek:focus           { background:#eee; color:#333; } 
#btn-zoek                 { background:black; color:white; border:0px; position:absolute; }
#btn-zoek:hover           { cursor:pointer; }

a                         { color:#9a9c9e; text-decoration:none; }
a:hover                   { color:black; }
.active                   { color:black; }

#wrapper                  { border:1px solid red; width:50%; position:absolute; height:200px; }
#main-outer               { width:960px; height:590px; border:0px solid red; left:50%; margin-left:-480px; position:absolute; background:url(../images/main-bg.jpg); }
#main-nav-outer           { border:0px solid red; top:110px; height:55px; width:800px; position:absolute; background:url(../images/nav-1.jpg) no-repeat; text-transform:uppercase; font-weight:bold; color:#9a9c9e; font-size:10px; }

#main-nav-outer #home     { position:absolute; top:18px; left:21px; }
#main-nav-outer #help     { position:absolute; top:18px; left:67px; }
#main-nav-outer #terug    { position:absolute; top:18px; left:152px; }

#myframe                  { position:absolute; height:340px; width:900px; top:173px; margin-left:25px; border: 0px solid blue; }

#column-left              { float:left; width:280px; border:1px solid red; }

#files a                  { font-weight:bolder; line-height:20px; letter-spacing:-0.7px; font-size:10px; border-bottom:1px solid #CCC; font-weight:bold; }

#column-right             { height:340px; width:580px; border:0px solid red; overflow-y:auto; display:none; }
#column-right-header      { border:0px solid red; }
#column-right-legend      { border:0px solid red; }

#column-right-help        { height:340px; width:580px; border:0px solid red; overflow-y:auto; color:#939598; font-size:9pt; display:none; }
#content-right            { float: left; width:580px; border:1px solid green;}

#left                     { border:0px solid red; position:absolute; width:275px; height:340px; }
#right                    { border:0px solid blue; position:absolute; width:275px; height:340px; left:300px; }

#tbl-legend               { font-size:12px; margin-top:18px; font-weight:bold; color:#939598; }
#tbl-legend .titel        { width:230px; }
#tbl-legend .omschrijving { width:200px; }
#tbl-legend .datum        { width:100px; } 
#tbl-legend .link         { width:70px; }

#tbl-files                { font-size:12px; color:#939598; padding:5px; }
#tbl-files .titel         { width:240px; color:black; font-weight:bold; }
#tbl-files .omschrijving  { width:210px; }
#tbl-files .datum         { width:70px; color:black; font-weight:bold;} 
#tbl-files .link          { width:70px; font-style:italic; font-size:8pt; text-align:right; padding-right:10px; }

#tbl-files td             { padding-top:2px;padding-bottom:2px;}
#tbl-files tr:hover       { background:#eeeeee; cursor:default; }

#footer                   { position:absolute; bottom:0px; position:absolute; left:50%; width:940px; margin-left:-480px; text-align:right; text-transform:uppercase; font-size:7pt; }
#footer a                 { color:black; text-decoration:none; }

#spacer                   { height:25px; }

.header-red               { text-transform:uppercase; font-weight:bold; color:#8e1324; font-size:15px; letter-spacing:-0.7px; }
.header-green             { text-transform:uppercase; font-weight:bold; color:#72bf44; font-size:15px; letter-spacing:-0.7px; }
.header-darkblue          { text-transform:uppercase; font-weight:bold; color:#004e96; font-size:14px; letter-spacing:-0.7px; }

.header-darkgreen         { text-transform:uppercase; font-weight:bold; color:#009246; font-size:15px; letter-spacing:-0.7px; }
.header-grey              { text-transform:uppercase; font-weight:bold; color:#636363; font-size:15px; letter-spacing:-0.7px; }
.header-blue              { text-transform:uppercase; font-weight:bold; color:#00b9f2; font-size:15px; letter-spacing:-0.7px; }