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;}


/* 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 */
}


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


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

/* 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;
}