/* ----------------------
 * Catha's stylesheet
 * 
 .
 
Gebruikte kleuren:
(...google... html color picker)
------------------
Voorgrondkleur           : #decd51  (donker oker): 660033 (Aubergine)
Voorgrondkleur feller    : #faee45  (oker) : 990000 (dieprood)
Voorgrondkleur felst     : #fff563  (citroen geel, textlogo) : cc0033 (rood)
Voorgrondkleur wit       : #ffffff  (wit, (als muis erover)) : 000000 zwart

Achtergrondkleur:        : #000033  (erg donker blauw) : ffffcc (zachtgeel)
Achtergrondkleur lichter : #000055  (lichter blauw, om iets op te vallen (nav), (plaatjes)) : cccc99 (zand)
Achtergrondkleur licht   : #6666cc  (licht blauw, (als muis erover)) : cc9999 (mauve)
Achtergrondkleur logo    : #fff563  (citroen geel, voor CathLogo) : ffffff ( wit)

Gebruikte fonts:
----------------
Font voor alles          : verdana  (standaard web rechtop blok font)

(pas je a.j.b. op met fonts!: kies alleen standaard web fonts (...google...)
zodat het ook op de wildvreemdste computers, (mac's, unix mainframimes...)
er goed uitziet, dus geen "NoudioDuke"...)

 .
 *
 *
 */


/* ------------------------------
 * Standaard html opmaak settings
 */

Body {
   margin-top:  10px;
   margin-left: 10px;
   color: #decd51;
   background-color:#ffffcc;
   background-attachment:fixed;
}

H1 {
   color: #cc0033;
   font-family: verdana;
   font-size: large;
   text-decoration: none;
}

H2 {
   color: #660033;
   font-family: verdana;
   font-size: large;
   text-decoration: none;
}

H3 {
   color: #660033;
   font-family: verdana;
   font-size: medium;
   text-decoration: none;
}

H4 {
   color: #000000;
   font-family: verdana;
   font-size: x-small;
   text-decoration: none;
}

P {
   color: #660033;
   font-family: verdana;
   font-size: 11px;
}

/* ------------------------------
 * Links die je kan klikken
 */

A:link {
   color: #990000;
   font-family: verdana;
   text-decoration: none;
}

A:visited {
   color: #660033;
   font-family: verdana;
   text-decoration: none;
}

A:hover {
   color: #ffffff;
   font-family: verdana;
   text-decoration: none;
}

/* -----------------------------------------------
 * Tables (mind you! de hele pagina is een tabel!)
 */

TABLE {
  color: #660033;
  background-color: #ffffcc;
}

/* ------------------------------------
 * Standaard tabel vlakje
 */

TD {
   color: #cc9999;
   background-color: #ffffcc;
   font-family: verdana;
   font-size: 11px;
   text-decoration: none;
   line-height: 1.6em;
}

/* -----------------------------------
 * Tabel vlakje voor navigatie (groot)
 * (zie class = "nav_td" in html)
 */

TD.nav_td {
   background-color: #cccc99;
   font-size: 20px;
 }

TD.nav_td:hover {
   color: #ffffff;
   background-color: #cc9999;
   font-size: 20px;
}


/* -----------------------------------
 * Tabel vlakje voor navigatie (kleiner)
 * (zie class="nav_php" in html/php)
 */

TD.nav_php {
   background-color: #cccc99;
   font-size: 13px;
}

TD.nav_php:hover {
   color: #ffffff;
   background-color: #cc9999;
   font-size: 13px;
}

/* -------------------------------------------------
 * speciaal in het leven geroepen opmaak hulpjes...
 * (zie class="logo" etc... in html)
 */

.logo {
  color: #ffffcc;
  background-color: #ffffcc; 
}

.logo_inverse {
  color: #ffffff;
  background-color: #ffffcc;
  font-size: 16px;
  font-style: verdana;
}

.logo_text {
  color: #cc0033;
  font-size: 48px;
  font-style: verdana;
}

/*
 * (zie class="plaatjes" etc... in php)
 */
.plaatjes {
  background-color: #ffffcc;
}