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

/* links */
a:link            {color: #001C44; text-decoration: underline;}
a:visited         {color: #001C44; text-decoration: underline;}
a:active          {color: #001C44; text-decoration: underline;}
a:hover           {color: #FE7C1A; text-decoration: underline;}

/* fonts */
h1                {color: #FE7C1A; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold;}
h2                {color: #FE7C1A; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold;}
h3                {color: #FE7C1A; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold;}
h3 a:link         {color: #FE7C1A; text-decoration: underline;}
h3 a:visited      {color: #FE7C1A; text-decoration: underline;}
h3 a:active       {color: #FE7C1A; text-decoration: underline;}
h3 a:hover        {color: #FE7C1A; text-decoration: underline;}
h4                {color: #001C44; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
h5                {color: #FFFFFF; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}
h6                {color: #001C44; font-family: helvetica,arial; font-size: 9pt; font-weight: Bold;}

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

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

.react            {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt;}
.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: #FE7C1A; 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: #FE7C1A; text-decoration: underline;}

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

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

/* forms */
INPUT             {color: #20404F; font-family: verdana,helvetica,arial; font-size: 8pt;}
TEXTAREA          {color: #000000; font-family: verdana,helvetica,arial; font-size: 8pt;}
.radiobutt        {border: 0px; color: #FE7C1A;}
.okbutt           {margin: 3px 0px 3px 0px; border: 1px solid #919191; background-color: #C5D2E3; color: #FE7C1A; font-family: verdana,helvetica,arial; font-size: 10px; font-weight: Normal;}
.okbuttright      {text-align: right; padding-right: 6px;}

/* plaatjes */
.portfoliopic     {margin: 3px 0 3px 0; border: 1px solid #919191;}
.portfolio        {color: #919191; font-family: verdana,helvetica,arial; font-size: 9px;}

.rexfoto          {margin: 0 10px 1px 0; border: 1px solid #919191;}

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


/* POSITIONERING */
/* maak een maincontainer, en zet daarin de bg met dropshadows */
#maincontainer {
   width                 : 769px;
/* margin                : 0 0 0 30px; */ /* 30px van links */
   margin                : 0 auto; /* gecentreerd */
   background            : #FFF url("../images/bg_main.png") repeat top left;
}

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

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

#datum {
   text-align            : right;
   padding               : 6px 12px 0 0;
   color                 : #B3B3B3; 
   font-family           : verdana,helvetica,arial;
   font-size             : 9px;
   font-weight           : normal; 
}

#bedrijfsnaam {
   position              : absolute;
   top                   : 38px;
   margin                : 0 0 0 157px;
   padding               : 0; 
   color                 : #FFFFFF;
   font-family           : verdana,helvetica,arial; 
   font-size             : 9px; 
   font-weight           : Bold;
}

#logo {
   position              : absolute;
   top                   : 61px;
   margin                : 0 0 0 78px;
   padding               : 0; 
}

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

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

/* fixed width li */
/* http://www.sovavsiti.cz/css/horizontal_menu.html */
#navbalk li, #navbalk2 li {
   display               : inline; /* horizontaal */
   float                 : left;
   text-align            : left;
   width                 : 24%; /* MAX. 24% */
   margin                : 0;
   padding               : 0 0 0 6px;
   color                 : #FFFFFF;
   font-family           : verdana,helvetica,arial; 
   font-size             : 9px; 
   font-weight           : bold;
}

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

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


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


/* LINKERBALK */
#linkerbalk {
   float                 : left;
   width                 : 151px;
   margin                : 0;
   padding               : 0 0 20px 0;
   background-color      : #30509A;
}

/* menu links in linkerbalk */
#menulinks {
   width                 : 151px;
   background-color      : #30509A;
   color                 : #FFFFFF; 
   font-family           : verdana,helvetica,arial;
   font-size             : 9px;
   font-weight           : Bold; 
   padding               : 0;
   margin                : 0;
   border                : 0;
}

#menulinks ul {
   padding               : 0;
   margin                : 0;
}

#menulinks li {
   list-style            : none;
   background            : #30509A url("../images/menu_button.png") no-repeat top left;
   color                 : #FFFFFF; 
   font-family           : verdana,helvetica,arial;
   font-size             : 9px;
   font-weight           : bold; 
   margin                : 0;
   padding               : 0;
   height                : 18px;
   line-height           : 16px;
   border-top            : 0px;
   border-bottom         : 0px solid #30509A;
}

#menulinks a, #menulinks a:link, #menulinks a:visited, #menulinks a:active, #menulinks a:hover {
   display               : block;
   background            : #30509A url("../images/menu_button.png") no-repeat top left;
   color                 : #FFFFFF; 
   text-decoration       : none;
   font-weight           : normal; 
   margin                : 0;
   padding               : 0 0 0 6px;
   height                : 18px;
   line-height           : 16px;
   border                : 0px;
}

#menulinks a:hover {
   background            : url("../images/menu_button_over.png") no-repeat top left;
   color                 : #001C44; 
}

#menulinks li.clicked a {
   background            : url("../images/menu_button_clicked.png") no-repeat top left;
   color                 : #001C44; 
}

#menulinks li.inactive {
   background            : url("../images/menu_button_inactive.png") no-repeat top left;
   color                 : #143079; 
   font-weight           : bold; 
}

#menulinks li.label {
   background            : url("../images/menu_button.png") no-repeat top left;
   padding               : 0 0 0 7px;
   margin                : 0;
   color                 : #FFFFFF; 
   font-weight           : bold; 
}
/* EINDE LINKERKANT */


/* RECHTERKANT */
#rechterbalk {
   float                 : right;
   width                 : 280px;
   margin                : 0;
   padding               : 10px 10px 20px 0;
}
/* 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 */
#broodtekst {
   margin                : 0 300px 0 160px;
   padding               : 5px 0 20px 0;
   width                 : 280px;
   text-align            : justify;
   line-height           : 17px;
/* background-color      : #ffe4e1; */
}

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

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

#broodtekst p {
   padding               : 4px 0 4px 0;
   margin                : 0;
}

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

/* http://www.handleidinghtml.nl/css/eigenschappen/display/beschrijving.html */
#broodtekst li {
   display               : list-item; /* speciaal voor FF */
   list-style-type       : square;
   text-align            : left;
}

#broodtekst td.pflistkop {
   text-align            : left;
}

/* CLEAR */
/* http://css.maxdesign.com.au/selectutorial/tutorial_step19.htm */
#cleardiv {
   clear                 : both;
}
/* EINDE CONTENT */


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

.adres {
   text-align            : left;
   padding-top           : 30px;
   padding-left          : 160px;
   font-family           : verdana,helvetica,arial;
   font-size             : 9px;
   font-weight           : normal; 
   color                 : #919191; 
   line-height           : 15px;
}

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

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


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