html, body { margin: 10; padding: 0; text-align:center; align: center}
body { color: #333; font: 12px Arial; line-height: 18px; background-image: url(img/bkgr_body_faded.png); background-repeat:repeat-x; }
h2 { color: #000000; font: 20px Arial; font-weight: 300; }
h3 { font: 13px Arial; font-weight: 500; padding: 3px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
h4 { font: 13px Arial; font-weight: 800; color: #00694e; border-bottom: 1px solid #ccc;}
a { color: #337810; }
#container { width: 950px;
margin: 0 auto;
text-align:left;
}
#wrapper { float: left;
width: 100%;
background:#FFFFFF;
}
/* Header */
#header {}
#header h1 { color: #FFFFFF; margin: 0 0 3px; padding: 24px 18px 0; }
#header p { margin-top: 4; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 18px; }
#header a:active { color: #FFFFFF; text-decoration: none;}
#header a:link { color: #FFFFFF; text-decoration: none;}
#header a:visited { color: #FFFFFF; text-decoration: none;}
#header a:hover { color: #FFFFFF; text-decoration: underline; }
/* Menu */
#menu { height:30px; background-image: url(img/bkgr_black_glas.png); }
#menu a:active { color: #FFFFFF; font: 14px Arial; text-decoration: none;}
#menu a:link { color: #FFFFFF; font: 14px Arial; text-decoration: none;}
#menu a:visited { color: #FFFFFF; font: 14px Arial; text-decoration: none;}
#menu a:hover { color: #FFFFFF; font: 14px Arial; text-decoration: none; background-color:#000000;}
#menu ul { margin: 0; margin-left:5;}
#top_menu li { display:inline; list-style: none; padding: 0; float: left;}
#menu a { display: block; width:90px; padding: 6px 2px 3px 20px; vertical-align:middle; }
/* Content Style */
#content { padding-left: 10px;}
#content p { color: #333; font: 12px Arial; line-height: 18px; }
#content li { color: #333; font: 12px Arial; line-height: 18px; }
#content a:active { color: #337810; font: 12px Arial; text-decoration: none}
#content a:link { color: #337810; font: 12px Arial; text-decoration: none}
#content a:visited { color: #337810; font: 12px Arial; text-decoration: none}
#content a:hover { color: #337810; font: 12px Arial; text-decoration: underline;}
#navigation { padding: 10px; }
#navigation a:active { color: #333; font: 11px Arial; text-decoration: none}
#navigation a:link { color: #333; font: 11px Arial; text-decoration: none}
#navigation a:visited { color: #333; font: 11px Arial; text-decoration: none}
#navigation a:hover { color: #333; font: 11px Arial; text-decoration: underline;}
ul.nav-menu { margin: 0; padding: 0; list-style: none;}
#extra { padding: 10px;}
#extra p { color: #333; font: 11px Arial; line-height: 18px; }
#extra a:active { color: #333; font: 11px Arial; text-decoration: none}
#extra a:link { color: #333; font: 11px Arial; text-decoration: none}
#extra a:visited { color: #333; font: 11px Arial; text-decoration: none}
#extra a:hover { color: #333; font: 11px Arial; text-decoration: underline}
#extra small { font-size: 11px; line-height: 18px; }
#content p, #extra p { padding-right: 10px; }
/* Content Positioning & Size */
#navigation { float: left; margin-top: 20px; margin-left: -942px; width: 175px; }
#content { margin: 20px 200px 36px 215px;}
#extra { float: left; margin-top: 20px; margin-left: -200px; width: 175px;}
/* Footer */
#footer { height:36px; border-top: 10px; background-image: url(img/bkgr_footer.png); background-repeat:no-repeat; padding-top: 8px; padding-bottom: 0px; clear: left; width: 100%; }
#footer a { color: #eee; }
#footer p { font: 10px Arial; color: #ccc; margin-top: 5px; margin-bottom: 5px; }
.redline { border-bottom: 1px solid #FF0000; }
.orangeline { border-bottom: 1px solid #FFC000;}
.greenline { border-bottom: 1px solid #92D050;}
.darkgreenline { border-bottom: 1px solid #00B050;}
.lightgray { color: #333; font: 12px Arial; background-color:#EBEBEB; padding:2; }
.white { color: #333; font: 12px Arial; background-color:#FFFFFF; padding:2; }
.stats_h { color: #FFFFFF; font: 14px Arial; font-weight: 500; background-color:#006666;}
.stats_l { color: #333; font: 9px Arial; font-weight: 500; background-color:#E8E8E8;}
.slagtest_h { color: #FFFFFF; font: 14px Arial; font-weight: 500; background-color:#006666;}
.slagtest_b { color: #FFFFFF; font: 9px Arial; font-weight: 500; background-color:#808080;}
.slagtest_l { color: #333; font: 9px Arial; font-weight: 500; background-color:#EBEBEB;}
.odd { color: #333; font: 11px Arial; font-weight: 500; background-color:#FFFFFF;}
.even { color: #333; font: 11px Arial; font-weight: 500; background-color:#EBEBEB;}
/* Table */
table.action { border: 1px solid #C0C0C0; }
tr.odd:hover { background: #ff9; color: #000;}
tr.even:hover { background: #ff9; color: #000;}
table.stats
{
background: #fff;
border-style: solid;
border-width: 1px 1px 0 0;
border-color:#C0C0C0;
}
th.stats
{
background: #fff url(/img/th.gif) repeat-x bottom left;
color: #933;
border-style: solid;
border-width: 0 0 1px 1px;
border-color:#C0C0C0;
font-size: 12px;
font-weight: normal;
letter-spacing: 2px;
line-height: 25px;
text-transform: uppercase;
}
td.stats
{
border-style: solid;
border-width: 0 0 1px 1px;
border-color:#C0C0C0;
padding: 3px 3px 3px 7px;
vertical-align: top;
}
th.lektion
{
background: #fff url(/img/th.gif) repeat-x bottom left;
color: #933;
border-style: solid;
border-width: 0 0 1px 0;
border-color:#C0C0C0;
font-size: 12px;
font-weight: normal;
letter-spacing: 2px;
line-height: 25px;
text-transform: uppercase;
}
th.screening
{
background: #fff url(/img/th.gif) repeat-x bottom left;
color: #933;
border-style: solid;
border-width: 1px 0 1px 0;
border-color:#C0C0C0;
font-size: 12px;
font-weight: normal;
letter-spacing: 2px;
line-height: 25px;
text-transform: uppercase;
}