/*****************************************************************************/
/* Algemene instellingen                                                     */
/*****************************************************************************/

/* Standaard instellingen voor html en body */
html, body {
  border                     : 0px;
  margin                     : 0px;
  padding                    : 0px;
  height                     : 100%;
  background-color           : #f0efe9;
  scrollbar-track-color      : #f0efe9;
  scrollbar-face-color       : #f0efe9;
  scrollbar-arrow-color      : #a4986b;
  scrollbar-shadow-color     : #a4986b;
  scrollbar-darkshadow-color : #747d84;
  scrollbar-highlight-color  : #ffffff;
  scrollbar-3dlight-color    : #ffffff;
  -webkit-text-size-adjust   : none;
}

/* Standaard font */
body, td, input, textarea {
  font-family                : Verdana, Arial;
  font-size                  : 8pt;
}

/* Fullsize tabel */
table.fullsize {
  border                     : 0px;
  margin                     : 0px;
  padding                    : 0px;
  height                     : 100%;
  vertical-align             : middle;
}

/* Verticale alignment onder */
.bottom {
  vertical-align             : bottom;
}

/* Gouden tekst */
span.gold { 
  color                      : #a4986b; 
  font-weight                : bold; 
}

/* Tekst voor SEO */
div.seo { 
  display                    : none; 
}

/* Geen stippellijn rond links in Firefox */
a {
  outline: none;
}

/* Dikgedrukte tekst */
.bold {
  font-weight                : bold; 
}

/* Tekst: terug naar vacaturelijst */
.terug {
  font-weight               : bold;
  color                     : #747d84;
}

/*****************************************************************************/
/* Instellingen van de hoofdtabel die de website omvat (index.html)          */
/*****************************************************************************/

/* Tabel waarbinnen de website geplaatst is; bevat de buitenste borders */
table.main {
  border-top                 : 5px solid #a4986b;
  border-left                : 5px solid #a4986b;
  border-right               : 5px solid #747d84;
  border-bottom              : 5px solid #747d84;
}

/* Tabel-cel waarbinnen de banner staat; bevat het dunne gouden randje onder de banner */
table.main td.banner {
  text-align                 : center;
  height                     : 130px;
  background-color           : #fff;  
  border-bottom              : 1px solid #a4986b;
}

/* Tabel-cel waarbinnen de footer staat */
table.main td.footer {
  height                     : 60px;
  background                 : url(../images/footer.gif) repeat-x top left;
}

/* De opmaak en positionering van de footer tekst */
table.main td.footer div {
  font-size                  : 7pt;
  text-align                 : center;
  padding-bottom             : 5px;
}

/* Tabel-cel waarbinnen het menu staat; bevat de witte border om het menu */
table.main td.left {
  border-top                 : 10px solid #fff;
  border-left                : 10px solid #fff;
  border-right               :  5px solid #fff;
  border-bottom              : 10px solid #fff;
}

/* Tabel-cel waarbinnen de actuele pagina staat; bevat de witte border om de actuele pagina */
table.main td.right {
  border-top                 : 10px solid #fff;
  border-left                :  5px solid #fff;
  border-right               : 10px solid #fff;
  border-bottom              : 10px solid #fff;
}

/*****************************************************************************/
/* Menu instellingen (menu.html)                                             */
/*****************************************************************************/

/* De achtergrondkleur van het menu */
body.menu, body.menu td  { 
  background-color           : #cac7be;   
}

/* De ruimte rondom de menu-items */
body.menu td { 
  padding                    : 10px;
}

/* De opmaak en positionering van de menu-links */
body.menu a { 
  font-weight                : bold; 
  text-decoration            : none;
  display                    : block; 
  height                     : 20px; 
  width                      : 190px;
  color                      : #555;
  outline                    : none;
}

/* De kleur van een menu-item als de muis erover gaat */
body.menu a:hover { 
  color                      : #a4986b;
}

/*****************************************************************************/
/* Instellingen van actuele pagina                                           */
/*****************************************************************************/

/* Tekstkleur en achtergrondkleur van de actuele pagina */
table.info, table.info td {
  color                      : #747d84;
  background-color           : #eae8df;  
}

/* Tekstkleur voor links op de actuele pagina */
table.info a {
  color                      : #555;
}

/* Witte border tussen linker en rechter deel van actuele pagina */
table.info td.filler {
  width                      : 10px;
  height                     : 100%;
  background-color           : #fff;  
}

/* Linker gedeelte van de actuele pagina */
table.info td.left {
  text-align                 : left;
  padding                    : 10px;
}

/* Rechter gedeelte van de actuele pagina */
table.info td.right {
  position                   : relative;
  z-index                    : 1;
  width                      : 313px;
}

/* Rechter gedeelte van de actuele pagina zonder foto */
table.info div.right {
  padding                    : 10px;
}

/* Foto op homepage initieel onzichtbaar (fade in) */
table.info img#foto {
  opacity                    : 0;
  MozOpacity                 : 0;
  KhtmlOpacity               : 0;
  filter                     : 'alpha(opacity=0)';
}

/* Tekst rechtsonder op de actuele pagina */
table.info img.pagetext {
  position                   : absolute;
  z-index                    : 2;
  right                      : 10px;
  bottom                     : 0px;
}

/* Speciale opmaak van header tekst */
table.info div.header,
table.info span.header {
  font-size                  : 8pt; 
  font-weight                : bold; 
  text-align                 : left;
  color                      : #555;
  padding-bottom             : 10px;
}

/* Speciale opmaak van detail tekst */
table.info div.normal {
  font-size                  : 8pt; 
  font-weight                : normal; 
  text-align                 : justify;
  color                      : #555;
  padding-right              : 10px;
  padding-bottom             : 10px;
}

/* Ruimte tussen regels op scherm met referenties */
table.info div.referentie {
  margin-bottom              : 4px;
}

/* Speciale opmaak van tekst onder foto */
table.info div.smalltext {
  font-size                  : 7pt; 
  font-weight                : bold; 
  text-align                 : center;
  color                      : #555;
}

/* Opmaak van header in tabel */
table.info td.header {
  font-size                  : 8pt; 
  font-weight                : bold; 
  color                      : #555;
}

/* Opmaak van header in formulier */
table.info td.form-header {
  font-size                  : 8pt; 
  font-weight                : bold; 
  color                      : #555;
  padding-bottom             : 15px;
}

/* Opmaak van label in formulier */
table.info td.label {
  font-size                  : 8pt; 
  font-weight                : normal; 
  color                      : #000;
  padding-top                : 5px;
  padding-bottom             : 5px;
}

/* Opmaak van data in formulier */
table.info td.data {
  font-size                  : 8pt; 
  font-weight                : normal; 
  color                      : #000;
  padding-top                : 5px;
  padding-bottom             : 5px;
}

/* Opmaak van invoervelden in formulier */
table.info input.field, 
table.info textarea {
  font-size                  : 8pt; 
  font-weight                : normal; 
  color                      : #000;
  width                      : 250px;
}

/* Opmaak van buttons in formulier */
table.info input.button {
  font-size                  : 9pt; 
  font-weight                : bold; 
  width                      : 100px;
  height                     : 24px;
  color                      : #000;
}

/* Opmaak van foutmelding */
table.info div.error {
  font-size                  : 8pt; 
  font-weight                : bold; 
  color                      : #f00;
}

/* Tekst: terug naar vacaturelijst */
a.terug {
  font-weight               : bold;
  color                     : #747d84;
}