body              {background-color: #5ACCF5;
                   color: #001C44; 
                   font-family: verdana,helvetica,arial; 
                   font-size: 8pt;
                   margin: 0;
                  }

a:link            {color: #001C44; text-decoration: underline;}
a:visited         {color: #001C44; text-decoration: underline;}
a:active          {color: #001C44; text-decoration: underline;}
a:hover           {color: #FF6633; text-decoration: underline;}

h1                {color: #FF6633; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 7px 0;}
h2                {color: #FF6633; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 7px 0;}
/* lijstweergaves (stad, agenda) */
h3                {color: #FF6633; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 0px 0;}
h3 a:link         {color: #FF6633; text-decoration: underline;}
h3 a:visited      {color: #FF6633; text-decoration: underline;}
h3 a:active       {color: #FF6633; text-decoration: underline;}
h3 a:hover        {color: #FF6633; text-decoration: underline;}
h4                {color: #FF6633; font-family: verdana,helvetica,arial; font-size: 9pt; font-weight: Bold;}
/* h5 in box mét padding (login / zoekbox), zie onder */
h5                {position: relative; margin: 0 0 3px 0; color: #FFFFFF; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Bold;}
h6                {color: #FF6633; font-family: verdana,helvetica,arial; font-size: 9pt; font-weight: Bold;}

td,p,ul,ol,li     {color: #001C44; font-family: verdana,helvetica,arial; font-size: 8pt;}

ul                {list-style-type: square;}

table             {margin-top: 12px;}
form              {margin-top: 12px;}

/* STANDAARD CLASSES */
.brood            {color: #001C44; font-family: verdana,helvetica,arial; font-size: 8pt;}

.menu             {color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
.menu a:link      {color: #20404F; text-decoration: none;}
.menu a:visited   {color: #20404F; text-decoration: none;}
.menu a:active    {color: #20404F; text-decoration: none;}
.menu a:hover     {color: #FF6633; text-decoration: none;}

.nav              {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.nav a:link       {color: #919191; text-decoration: none; font-size: 8pt;}
.nav a:visited    {color: #919191; text-decoration: none; font-size: 8pt;}
.nav a:active     {color: #919191; text-decoration: none; font-size: 8pt;}
.nav a:hover      {color: #FF6633; text-decoration: underline; font-size: 8pt;}

/* onder prikbord berichten */
.react            {color: #919191; font-family: verdana,helvetica,arial; font-size: 7pt;}
.react a:link     {color: #919191; text-decoration: underline;}
.react a:visited  {color: #919191; text-decoration: underline;}
.react a:active   {color: #919191; text-decoration: underline;}
.react a:hover    {color: #FF8C00; text-decoration: underline;}

.zichtb           {color: #009900; font-family: verdana,helvetica,arial; font-size: 8pt;}
.zichtb a:link    {color: #009900; text-decoration: underline; font-size: 8pt;}
.zichtb a:visited {color: #009900; text-decoration: underline; font-size: 8pt;}
.zichtb a:active  {color: #009900; text-decoration: underline; font-size: 8pt;}
.zichtb a:hover   {color: #FF6633; text-decoration: underline; font-size: 8pt;}

.verbor           {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.verbor a:link    {color: #919191; text-decoration: underline; font-size: 8pt;}
.verbor a:visited {color: #919191; text-decoration: underline; font-size: 8pt;}
.verbor a:active  {color: #919191; text-decoration: underline; font-size: 8pt;}
.verbor a:hover   {color: #FF6633; text-decoration: underline; font-size: 8pt;}

.verwij           {color: #FF0000; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}
.verwij a:link    {color: #FF0000; text-decoration: underline; font-size: 8pt; font-weight: Bold;}
.verwij a:visited {color: #FF0000; text-decoration: underline; font-size: 8pt; font-weight: Bold;}
.verwij a:active  {color: #FF0000; text-decoration: underline; font-size: 8pt; font-weight: Bold;}
.verwij a:hover   {color: #FF0000; text-decoration: underline; font-size: 8pt; font-weight: Bold;}

/* wedstrijdtabel */
.kolomkop         {color: #44495D; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}
.groepkop         {color: #FF6633; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}
/* achtergrondkleur tabelrijen, alleen in het wedstrijdschema */
tr.off, tr.off td, tr.off a:link, tr.off a:visited, tr.off a:active, tr.off a:hover {background: #FFFFFF; color: #001C44; text-decoration: none;}
tr.on, tr.on td, tr.on a:link, tr.on a:visited, tr.on a:active, tr.on a:hover       {background: #338F3F; color: #FFFFFF; text-decoration: none; cursor: hand;}

/* INPUT form fields */
INPUT             {color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
TEXTAREA          {color: #000000; font-family: verdana,helvetica,arial; font-size: 8pt;}

.zoekbox          {width: 120px;}

.radiobutt        {border: 0px; color: #FF6633;}
.okbutt           {margin: 3px 0px 3px 0px; border: 1px solid #919191; background-color: #C5D2E3; color: #FF6633; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Normal;}
.okbuttright      {text-align: right; padding-right: 6px;}

.opslaanbutton    {margin: 3px 0px 3px 0px; border: 1px solid #919191; background-color: #C5D2E3; color: #000000; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Bold;}


/* hidden anti-spam textveld */
.leeg             {display: none;}

/* plaatjes */
/*
.pic              {margin: 3px 10px 3px 0px; border: 1px solid #001C44;}
.thumb            {margin: 4px 7px 4px 0px; border: 1px solid #001C44;}
.thumbg           {margin: 1px 7px 3px 3px; border: 1px solid #001C44;}
.thumbr           {margin: 3px 0px 1px 0px;}

#thumblist        {width: 100%; margin: 5px 0px 10px 0px;}
.thumbtd          {width: 100px; vertical-align: top; }
.thumbtx          {vertical-align: top; line-height: 16px;}
*/

/* thumblist is een p. om de een of andere reden wordt a:visited grijs? */
/* verholpen door hier alle a's te declareren? */
/*
.thumbtx             {line-height: 16px; color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
.thumbtx a:link      {color: #20404F; text-decoration: underline;}
.thumbtx a:visited   {color: #20404F; text-decoration: underline;}
.thumbtx a:active    {color: #20404F; text-decoration: underline;}
.thumbtx a:hover     {color: #FE7C1A; text-decoration: underline;}
*/
/* a:visited grijs is prima, alleen de hover werkt niet meer */
/*
.thumbtx a:hover     {color: #FE7C1A; text-decoration: underline;}

.listadres        {line-height: 16px; color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.listprijs        {line-height: 24px; color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}
*/

/* old style hr */
.hr hr            {display: none;}
.hr               {margin: 1px 0px 1px 0px; border-bottom: 1px solid #C5D2E3; height: 1px;}


/* POSITIONERING */
#maincontainer {
   width                 : 990px;
   margin                : 0;
   background            : url("../images/bg.png");
   background-repeat     : repeat-y;
   background-position   : top left;
}

/* druk de footer naar beneden */
#maincontainer2 {
   width                 : 990px;
   margin                : 0;
}

/* bovenrandje */
#header {
   width                 : 990px;
   height                : 33px;
   padding               : 0;
   margin                : 0;
   background            : url("../images/bg_top.png");
   background-repeat     : no-repeat;
   background-position   : top left;
}

/* horizontaal menu */
/* druk naar beneden door margin */
#navbalk, #navbalk2 {
   width                 : 958px;
   height                : 20px;
   margin                : 309px 0 0 19px;
   border                : 1px solid #779197;
   background-color      : #779197;
   color                 : #FFFFFF;
   font-family           : verdana,helvetica,arial; 
   font-size             : 8pt; 
   font-weight           : Bold;
}

#navbalk ul, #navbalk2 ul {
   margin                : 0 0 0 260px;
   padding               : 3px 0 0 0;
   list-style-type       : none;
}

#navbalk ul li, #navbalk2 ul li {
   display               : inline;
   color                 : #FFFFFF;
}

#navbalk ul li a, #navbalk2 ul li a {
   padding               : .2em 1em;
   color                 : #FFFFFF;
   text-decoration       : none;
}

#navbalk ul li a:hover, #navbalk2 ul li a:hover {
   color                 : #FF6633;
}

/* EINDE HEADER */



/* LINKERKOLOM */

/* linkercontainer is leeg, */
/* maar duwt de footer naar beneden */
#linkercontainer {
   float                 : left;
   width                 : 250px;
   height                : 1100px;
   margin                : 0;
   padding               : 0;
/*   background-color      : #ff00ff; */
}

/* Over de linkercontainer plaatsen we de linker menubalken, absoluut gepositioneerd */
/* Zo kunnen we floaten zonder dat het effect op de SEO heeft */
/* LET OP: in de HTML moet je absoluut gepositioneerde elementen */
/* ná de relatief gepositioneerde elementen zetten, dus onder de footer. */

/* menu links */
#menulinks {
   position              : absolute;
   top                   : 33px;
   left                  : 37px; /* 32 + 5 padding */
   width                 : 216px;
   height                : 300px;
   background-color      : #338F3F;
   color                 : #FFFFFF; 
   border                : 2px solid #ACD8E4;
   padding               : 0;
   margin                : 0;
}

/* hoofdmenu */
#menulinks ul {
   padding               : 0;
   margin                : 0;
}

#menulinks li {
   font-family           : helvetica,arial;
   font-size             : 11pt;
   font-weight           : Bold; 
   line-height           : 26px;
   background-color      : #338F3F;
   color                 : #FFFFFF; 
   list-style            : none;
   margin                : 0;
   padding               : 0px 0px 0px 0px;
   border-bottom         : 1px solid #ACD8E4;
}

#menulinks a {
   color                 : #FFFFFF; 
   text-decoration       : none;
   margin                : 0;
   padding               : 0px 5px 0px 7px;
   display               : block;
}

#menulinks a:visited {
   text-decoration       : none;
}

#menulinks a:active {
   text-decoration       : none;
}

#menulinks a:hover {
   background-color      : #FF6633;
   text-decoration       : none;
}

#menulinks li#active a {
   text-decoration       : none;
}

#linkerbalk {
   position              : absolute;
   top                   : 373px;
   left                  : 42px; /* 32 + 10 padding */
   width                 : 200px;
/*   background-color      : #ffffcc; */
}

/* EINDE LINKERKOLOM */



/* MIDDEN CONTENT */

#content {
   width                 : 670px; 
   margin                : 0 0 0 280px;
   padding               : 10px 0 0 0;
/*   background-color      : #991970; */
}

/* EINDE MIDDEN CONTENT */



/* FOOTERs */

#footer {
   clear                 : both;
   position              : relative;
   width                 : 990px;
   margin                : 0;
   padding               : 0;
   background            : url("../images/bg_bottom.png");
   background-repeat     : no-repeat;
   background-position   : top left;
}

#footer2 {
   clear                 : both;
   position              : relative;
   width                 : 800px;
   margin                : 20px 0 20px 100px;
   padding               : 0;
   text-align            : center;
}

/* EINDE FOOTERs */



/* ABSOLUUT GEPOSITIONEERDE ELEMENTEN */

/* afbeelding mascotte */
#kopimg {
   position              : absolute;
   left                  : 271px;
   top                   : 33px;
   width                 : 554px;
   height                : 304px;
   margin                : 0;
   padding               : 0px;
   background-color      : #ACD8E4;
}

#kopimg img {
   border                : 2px solid #ACD8E4;
}

/* advertenties rechtsboven */
#adblok {
   position              : absolute;
   left                  : 829px;
   top                   : 33px;
   width                 : 127px;
   height                : 300px;
   margin                : 0;
   padding               : 0px;
   background-color      : #FFFFFF;
   border                : 2px solid #ACD8E4;
}

#adblok p {
   padding               : 2px 3px 8px 3px;
   margin                : 0;
/*   background-color      : #123456; */
}

.adkop            {color: #20404F; font-family: verdana,helvetica,arial; font-size: 7pt; font-weight: bold;}
.adkop a:link     {color: #20404F; text-decoration: none;}
.adkop a:visited  {color: #20404F; text-decoration: none;}
.adkop a:active   {color: #20404F; text-decoration: none;}
.adkop a:hover    {color: #FF6633; text-decoration: underline;}

.adtxt            {color: #20404F; font-family: verdana,helvetica,arial; font-size: 7pt; font-weight: normal;}
.adtxt a:link     {color: #20404F; text-decoration: none;}
.adtxt a:visited  {color: #20404F; text-decoration: none;}
.adtxt a:active   {color: #20404F; text-decoration: none;}
.adtxt a:hover    {color: #20404F; text-decoration: none;}

.adurl            {color: #FF6633; font-family: verdana,helvetica,arial; font-size: 7pt; font-weight: normal;}
.adurl a:link     {color: #FF6633; text-decoration: none;}
.adurl a:visited  {color: #FF6633; text-decoration: none;}
.adurl a:active   {color: #FF6633; text-decoration: none;}
.adurl a:hover    {color: #FF6633; text-decoration: underline;}