body {
   background            : #ACB5B4 url("../images/bg_body.png") repeat top left;
   margin                : 0;
   padding               : 0;
   font-family           : verdana,helvetica,arial; 
   font-size             : 8pt;
   color                 : #000033; 
}

/* links */
a:link            {color: #000033; text-decoration: underline;}
a:visited         {color: #000033; text-decoration: underline;}
a:active          {color: #000033; text-decoration: underline;}
a:hover           {color: #D81E05; text-decoration: underline;}

/* basisfonts */
h1                {color: #D81E05; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold;}
h2                {color: #D81E05; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold;}
h3                {color: #D81E05; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
h3 a:link         {color: #D81E05; text-decoration: underline;}
h3 a:visited      {color: #D81E05; text-decoration: underline;}
h3 a:active       {color: #D81E05; text-decoration: underline;}
h3 a:hover        {color: #D81E05; text-decoration: underline;}
h4                {color: #FFFFFF; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold; margin: 0; padding: 0;}
h5                {color: #000033; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
h6                {color: #000033; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}

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

/* STANDAARD CLASSES (alleen tekst) */
.nav              {color: #6C6C6C; font-family: verdana,helvetica,arial; font-size: 8pt;}
.nav a:link       {color: #6C6C6C; text-decoration: none;}
.nav a:visited    {color: #6C6C6C; text-decoration: none;}
.nav a:active     {color: #6C6C6C; text-decoration: none;}
.nav a:hover      {color: #D81E05; text-decoration: underline;}

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

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

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

/* forms */
INPUT             {color: #000033; font-family: helvetica,arial; font-size: 8pt;}
TEXTAREA          {color: #000033; font-family: helvetica,arial; font-size: 8pt;}

.radiobutt        {border: 0px; color: #000033;}
.okbutt           {margin: 3px 0px 3px 0px; border: 1px solid #6C6C6C; background-color: #FFFDEC; color: #000033; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Bold;}

/* plaatjes */
.thumb            {border: 1px solid #6C6C6C; margin: 0 0 3px 0; padding: 0;}
.introfoto        {border: 1px solid #6C6C6C; margin: 0; padding: 0;}

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


#printlogo {
   display               : none;
}

/* POSITIONERING */
/* maak een maincontainer, en zet daarin de bg met dropshadows */
#maincontainer {
   width                 : 789px;
   margin                : 0 auto; /* gecentreerd */
   padding               : 0;
   background            : #FFFFFF url("../images/bg_main.png") repeat-y top left;
}

/* forceer header en content in een kolom van x pixels breed */
#maincontainer2 {
   width                 : 769px;
   margin                : 0 auto; /* gecentreerd */
   padding               : 0;
}

/* HEADER */
#header {
   width                 : 769px;
   height                : 100px;
   margin                : 0;
   padding               : 0;
   background            : #FFFFFF url("../images/bg_header.png") no-repeat top left;
}

#logo {
   margin               : 0;
   padding                 : 7px 0 0 20px; 
}

#banner1 {
   position              : absolute;
   top                   : 7px;
   margin                : 0 0 0 295px; 
   padding               : 0;
}

/* horizontale navigatiebalk */
/* navbalk valt onder de header */
/* navbalk2 komt nog in de footer? */
#navbalk, #navbalk2 {
   position              : absolute;
   top                   : 82px;
   width                 : 610px;
   margin                : 0 0 0 8px;
   padding               : 0; 
   z-index               : 30;
}

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

/* fixed width li */
#navbalk li, #navbalk2 li {
   display               : inline; /* horizontaal */
   float                 : left;
   text-align            : left;
   width                 : 18%; /* MAX. 24% */
   margin                : 0;
   padding               : 0 0 0 3px;
   color                 : #FFFFFF;
   font-family           : verdana,helvetica,arial; 
   font-size             : 8pt; 
   font-weight           : bold;
}

#navbalk li a, #navbalk2 li a {
   color                 : #FFFFFF;
   text-decoration       : none;
}

#navbalk li a:hover, #navbalk2 li a:hover {
   color                 : #F4DD1A;
   text-decoration       : none;
}
/* EINDE HEADER */


/* CONTENT */
/* 3-koloms: linkerbalk met menulinks, broodtekst, rechterbalk */
div#contentcontainer {
   width                 : 769px;
   margin                : 0 auto; /* gecentreerd */
} 


/* LINKERBALK = obsolete */


/* RECHTERKANT */
#rechterbalk {
   float                 : right;
   width                 : 234px;
   margin                : 0;
   padding               : 0;
   background-color      : #F2F8E3;  /* bg zit ook in de bg_main.png */
}

#zoekbox          {background-color: #F2F8E3;} /* obsolete; inav heeft eigen css */
#zoekbox form     {margin: 0; padding: 0;}

#newsbox .kop     {padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7;}
#newsbox .td1     {padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7;}
#newsbox .td2     {padding: 2px 0 2px 8px; background-color: #F2F8E3; border-bottom: 1px solid #E7E7E7;}

#taalbox .kop     {padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7;}
#taalbox .td1     {padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7;}
#taalbox img      {padding: 0 10px 0 0;}

#loginbox .kop    {padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7;}
#loginbox .td1    {padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7;}
#loginbox .td2    {padding: 2px 0 2px 8px; background-color: #F2F8E3; border-bottom: 1px solid #E7E7E7;}


/* EINDE RECHTERKANT */


/* MIDDENKOLOM (broodtekst) */
/* in de HTML ná linker- en rechterbalk plaatsen; */
/* die floaten eromheen */
/* geef apart de width aan ipv margin-right te vergroten, */
/* om ongewenste padding links te voorkomen */

/* op de homepage includen we een extra div met daarin een plaatje of flash movie */
#introplaat {
   margin                : 1px 0 0 2px;
   padding               : 0;
   width                 : 530px; /* plaatje met border 1px: 528*216 */
   height                : 218px;
   background-color      : #F2F8E3;
}

#broodtekst {
   margin                : 0 235px 0 10px;
   padding               : 5px 0 20px 0;
   width                 : 510px;
   line-height           : 17px;
/* background-color      : #ffe4e1; */
}

#broodtekst h1 {
   padding               : 3px 0 0 0; /* druk h1 tegen de bovenkant */
   margin                : 0;
}

#broodtekst h2 {
   padding               : 8px 0 0 0; /* flink wat marge tussen /p en h2 */
   margin                : 0;
}

#broodtekst p {
   text-align            : justify;
   padding               : 4px 0 4px 0;
   margin                : 0;
}

#broodtekst ul {
   padding               : 0 0 0 17px;
   margin                : 0;
}

#broodtekst li {
   display               : list-item; /* speciaal voor FF */
   list-style-type       : square;
   text-align            : left;
}

/* thumbnail lists */
td.lijn {
   margin                : 10px 0 10px 0;
   border-bottom         : 1px solid #E7E7E7;
}


/* CLEAR */
#cleardiv {
   clear                 : both;
}
/* EINDE CONTENT */


/* FOOTER */
#footer {
   clear                 : both;
   position              : relative;
   width                 : 769px;
   height                : 40px;
   margin                : auto;
   padding               : 0;
   background            : #FFFFFF url("../images/bg_footer.png") no-repeat top left;
   z-index               : 200;
}

.adres {
   text-align            : left;
   padding-top           : 15px;
   padding-left          : 20px;
   font-family           : verdana,helvetica,arial;
   font-size             : 8pt;
   font-weight           : normal; 
   color                 : #6C6C6C; 
   line-height           : 15px;
}

.adres a, .adres a:link, .adres a:active, .adres a:visited {
   color                 : #6C6C6C; 
}

.adres a:hover {
   color                 : #D81E05; 
}


/* extra dropshadow langs bottom, gehele breedte */
#footer2 {
   clear                 : both;
   position              : relative;
   margin                : auto;
   padding               : 0;
   width                 : 789px;
   height                : 20px;
   background            : url("../images/bg_footer2.png") no-repeat top left;
}