body{
margin: 10px 0 10px 0;
padding:0;
text-align:center;
background: #003300 url(images/bg.jpg) repeat;
background-attachment: fixed;
letter-spacing: 1px;
}

#pagewidth{
width:960px;
background-color: #fff;
border: 4px solid #fff;
text-align:left;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
font-family: Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 11px;
line-height: 1.6em;
color: #000;
}

#header{
position: relative;
height: 93px;
width: 100%;
background-color:#ffffff;
}

.title {
margin: 0;
padding: 32px 0 0 78px;
color: #fff;
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;
}

#leftcol{
width:190px;
padding-top: 40px;
float:left;
position:relative;
background-color:#fff;
}

a {
color: #235000;
text-decoration: underline;
font-weight: bold;
outline: none;
}

a:hover {
color: #9EC630;
text-decoration: none;
}

#list
{
margin-left: 20px;
padding-left: 0;
list-style: none;
}

#list li
{
position: relative;
padding-left: 16px;
background-image: url(images/list.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.borders {
border: 1px solid #000000;
}

#twocols{
width:770px;
padding-top: 40px;
float:right;
position:relative;
height: 100%;
}

#rightcol{
width:190px;
float:right;
position:relative;
font-size: 11px;
line-height: 1.4em;
border-bottom: 1px solid #FFFFFF;
overflow: hidden;
}

/*----------Begin Newsbox----------*/

fieldset {
border: 0px solid #598c01;
padding: 4px;
margin-top: 0px;
}

legend {
color: #339933;
font-weight: normal;
letter-spacing: 1px;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
}

/*----------End Newsbox----------*/

#maincol{
background-color: #fff;
float: left;
display:inline;
position: relative;
width:580px;
height: 100%;
}

h1,h2,h3 {
margin: 0 20px 0px 20px;
font-size: 22px;
font-weight: bold;
color: #339933;
letter-spacing: 3px;
line-height: normal;
}

h4 {
margin: 10px 0 0 0;
padding: 4px 0 4px 6px;
font-size: 14px;
font-weight: normal;
color: #000;
letter-spacing: 2px;
line-height: normal;
background: #DCF4C2 url(images/arrow.gif) no-repeat;
background-position: right;
}

h5 {
margin: 0 20px 0px 20px;
font-size: 1.1em;
font-weight: bold;
color: #598C01;
letter-spacing: 3px;
line-height: normal;
}

h6 {
margin: 0px 0px 0px 0px;
font-size: 1em;
font-weight: bold;
color: #598C01;
letter-spacing: 1px;
line-height: normal;
}

h7 {
margin: 0px 0px 0px 0px;
font-size: 0.9em;
font-weight: normal;
color: #598C01;
letter-spacing: 1px;
line-height: normal;
}

h8 {
margin: 0px 0px 0px 0px;
font-size: 0.9em;
font-weight: normal;
text-align: right;
color: #598C01;
letter-spacing: 1px;
line-height: normal;
}

h9 {
margin: 0 20px 5px 20px;
font-size: 22px;
font-weight: bold;
color: #339933;
letter-spacing: 3px;
line-height: normal;
}

table.kopklasskal {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
color: #339933;
width: 510px;
height: 28px;
}

table.kopklasskal td.head {
color: #339933;
padding-left: 26px;
padding-top: 3px;
text-align: left;
font-size: 1.5em;
font-weight: bold;
background-color: #fff;
background-image: url(images/topcenterr.png);
background-repeat: no-repeat;
}

table.kopklasskal td.headje {
color: #339933;
padding-left: 6px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
background-color: #fff;
background-image: url(images/topcenterr.png);
background-repeat: no-repeat;
}

table.spons {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
color: #339933;
width: 510px;
height: 28px;
}

table.spons td {
color: #339933;
padding-left: 26px;
padding-bottom: 12px;
text-align: left;
font-weight: bold;
background-color: #fff;
}

table.spons td.head {
color: #339933;
padding-left: 26px;
padding-top: 3px;
text-align:left;
font-size: 1.5em;
font-weight: bold;
background-color: #fff;
background-image: url(images/topcenterr.png);
background-repeat: no-repeat;
}

table.ploeginfo {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
color: #339933;
width: 510px;
background-color: #fff;
}

table.jscheids {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
color: #339933;
width: 590px;
background-color: #fff;
}

table.klassement {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
color: #339933;
width: 440px;
background-color: #fff;
}

table.klassement td.header {
color: #339933;
padding: 0px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
}

table.klassement td.head {
background-color: #C8E25A;
color: #339933;
padding: 0px;
text-align: center;
font-size: 1.3em;
font-weight: bold;
}

table.klassement td.hed {
background-color: #C8E25A;
color: #339933;
padding: 0px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
}

table.klassement td {
background-color: #ffffff;
color: #339933;
padding: 0px;
font-size: 0.9em;
text-align: left;
}

table.klassement td.tp {
color: #339933;
font-weight: bold;
background-color: #E9FF66;
padding: 0px;
}

table.kalender {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 0.9em;
color: #339933;
width: 520px;
background-color: #fff;
}

table.kalender td.header {
background-color: #C8E25A;
color: #339933;
padding: 0px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
}

table.kalender td.head {
background-color: #C8E25A;
color: #339933;
padding: 0px;
text-align: center;
font-size: 1.3em;
font-weight: bold;
}

table.kalender td.hed {
background-color: #C8E25A;
color: #339933;
padding: 0px;
text-align: center;
font-size: 0.9em;
font-weight: bold;
}

table.kalender td.hod {
color: #339933;
padding: 0px;
text-align: left;
font-size: 0.9em;
font-weight: bold;
}

table.kalender td {
background-color: #ffffff;
color: #339933;
padding: 0px;
font-size: 0.9em;
text-align: left;
}

table.kalender td.rand {
background-color: #C8E25A;
padding: 0px;
}

table.kalender td.beker {
color: #339933;
font-weight: bold;
background-color: #E9FF66;
padding: 0px;
}

#text{
text-align: left;
padding: 0 20px 20px 20px;
}

#footer {
padding: 20px 0 20px 0;
background-color:#fff;
clear: both;
text-align: center;
}

.content {
width:100%;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

<style type="text/css">
.green{display:block}
.green *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#C8E25A}
.green1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e7f2b8;
  border-right:1px solid #e7f2b8;
  background:#d5e983}
.green2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fcee;
  border-right:1px solid #f9fcee;
  background:#d2e779}
.green3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d2e779;
  border-right:1px solid #d2e779;}
.green4{
  border-left:1px solid #e7f2b8;
  border-right:1px solid #e7f2b8}
.green5{
  border-left:1px solid #d5e983;
  border-right:1px solid #d5e983}
.greenfg{
  text-align: left;
  background:#C8E25A}
</style>

<style type="text/css">
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E1FFAD}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2ffdb;
  border-right:1px solid #f2ffdb;
  background:#e8ffc1}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfff6;
  border-right:1px solid #fcfff6;
  background:#e6ffbc}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e6ffbc;
  border-right:1px solid #e6ffbc;}
.spiffy4{
  border-left:1px solid #f2ffdb;
  border-right:1px solid #f2ffdb}
.spiffy5{
  border-left:1px solid #e8ffc1;
  border-right:1px solid #e8ffc1}
.spiffyfg{
  background:#E1FFAD}

.commentbox{
background-color: #c8e25a;
width: 400px;
padding: 10px;
}

.commentfooter{
background: url(images/pijlcomment.jpg) 30px 0px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #000000;
}
</style>