/*##########################################################################
Dit is de stylesheet-voorbeeld van je DSE fotoalbum. Pas het aan naar je
eigen stijl.
Hernoem fotoalbums-voorbeeld.css naar fotoalbums.css en vanaf dat moment is dit
jouw stylesheet voor het fotoalbum.

Zie http://www.w3.org/Style/CSS/ voor extra informatie over CSS files
en http://www.w3c.nl/Dutch/translations.shtml voor vertalingen in
het Nederlands.

Wil je snel zien wat de hex-codes zijn van al die kleurtjes of wil je nieuwe
kleuren gebruiken, installeer dan eens het gratis programma ColorCop wat
je kunt vinden op http://www.datastic.com/tools/colorcop/

In deze voorbeeld stylesheet is EXPRESS voor duidelijke (en LELIJKE) kleuren
gekozen zodat je ze snel kan terugvinden en daarna kan wijzigen in wat je
zelf mooi vindt.

###########################################################################*/

/* Eigenschappen fotoalbum */

/* alles wat tussen deze sterren staat is commentaar */

/* pas hieronder de achtergrondkleur van het vlak buiten het fotoalbum aan.
   Bij DSE is dat #FFFFCC (lichtgeel).
   Als voorbeeld kiezen we hier voor helder wit: #FFFFFF     */

body { margin-top: 10px;
       margin-bottom: 10px;
       background: #FFFFFF;
      }

/* Eigenschappen van gebied rondom fotoalbum tabel
   (Meestal niet nodig om aan te passen)           */

DIV.fotoalbum {
  text-align: center;
  background: transparent;
  }

/* Algemene eigenschappen fotoalbum tabel
     border:       dikte van de rand
     border-color: kleur van de rand  (standaard #FFEE99, hier blauw #0000FF)
     font-family:  font types waaruit browser kan kiezen
     font-size:    de grootte van het font                                  */

TABLE.fotoalbum {
  border-collapse: collapse;
  border: outset 2px;
  border-color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  }

/* Bepaal hier de kleur van tabel koppen (waar de bestandsnaam staat)
     color:       kleur tekst
     background:  achtergrondkleur (standaard donkergeel #FFCC00,
                                    in het voorbeeld lichtgrijs #E2E2E2) */

TABLE.fotoalbum TH {
  color: black;
  background: #6699CC;
  padding: 4px 4px 4px 4px;
  }

/* Bepaal hieronder de kleur van tabel cellen
   Je ziet hier meestal niets van.
   Standaard is #FFCC00 (donkergeel)  */

TABLE.fotoalbum TD {
  color: black;
  background: #CCCCCC;
  padding: 4px 4px 4px 4px;
  }

/* Bepaal hieronder de kleur van tabel cellen
   die de mappen (directories) afbeelden.
   Je ziet hier meestal niets van.
   Standaardkleur is #FFEE99 (lichtgeel)
     text-align: plaatsing tekst (left,center,right) */

TABLE.fotoalbum TD.dir {
  background: #CCCCCC;
  text-align: center;
  padding: 4px 0px 4px 0px;
  }

/* Bepaal hier de kleur van tabel cellen
   waarin de kleine fotootjes afgebeeld worden.
   Standaardkleur is #FFEE99 (lichtgeel)
   We kiezen hier voor #800080 (donkerpaars)     */

TABLE.fotoalbum TD.thumb {
  color: white;
  background: #CCCCCC;
  text-align: center;
  padding: 0px 0px 0px 0px;
  }

/* Bepaal hier de kleur van tabel cellen
   direkt boven de kleine fotootjes.
   (Meestal gelijk aan kleur van TD.thumb)
   Standaardkleur is #FFEE99 (lichtgeel)
   Wij kiezen hier #FFFFFF (wit)             */

TABLE.fotoalbum TD.filmtop {
  color: black;
  background: #CCCCCC;
  text-align: center;
  padding: 8px 0px 0px 0px;
  }

/* Bepaal hier de kleur van tabel cellen
   direkt onder de kleine fotootjes.
   (Meestal gelijk aan kleur van TD.thumb)
   Standaardkleur is #FFEE99 (lichtgeel)
   Wij kiezen hier #000000 (zwart)   */

TABLE.fotoalbum TD.filmbottom {
  color: black;
  background: #CCCCCC;
  text-align: center;
  padding: 0px 0px 8px 0px;
  }

/* Bepaal hier de kleur van tabel cel
   waar de grote foto in afgebeeld wordt.
   Standaardkleur is #FFEE99 (lichtgeel)
   Wij kiezen hier #FF8080  (lichtrood)    */

TABLE.fotoalbum TD.image {
  background: #CCCCCC;
  text-align: center;
  }

/* Bepaal hier de kleur van tabel cel waar de bezoeker
   het menu ziet om de afmetingen van de foto's te regelen
   Standaardkleur is #FFEE99 (lichtgeel)
   Wij kiezen hier #FF80FF  (lichtpaars)   */

TABLE.fotoalbum TD.sizecontrol {
  background: #CCCCCC;
  text-align: center;
  }

/* Bepaal hier de kleur van de tabel cel onderaan waar de gebruiker
   de navigatieregel ziet met de teksten: begin/vorig 20/volgende 20/eind.
   Standaardkleur is #FFCC00 (donkergeel)
   Wij kiezen hier #ABFAAB  (lichtgroen) */

TABLE.fotoalbum TD.infoline {
  background: #8EC1B9;
  text-align: center;
  }


/* Kleur van verwijzingen (href's, links) van de kleine foto's
   standaardkleur is #0000BB (donkerblauw)  */
TD.thumb A:link {
  color: #000000;
  background-color: transparent;
  }

/* Kleur van verwijzingen (href's, links) van de kleine foto's
   die al bezocht zijn
   Standaardkelur is #800080 (paars)         */
TD.thumb A:visited {
  color: #000000;
  background-color: transparent;
  }

/* Kleur van verwijzingen beneden (href's, links)
   Standaardkleur is #0000BB (donkerblauw)          */
TD.infoline A:link {
  color: #000000;
  background-color: transparent;
  }

/* Kleur van verwijzingen beneden (href's, links) die al bezocht zijn
   Standaardkleur is #800080 (paars)        */
TD.infoline A:visited {
  color: #003300;
  background-color: transparent;
  }

/* Kleur van verwijzingen bovenaan (href's, links) */
   Standaardkleur is #0000BB (donkerblauw)       */
A:link {
  color: #000000;
  background-color: transparent;
  }

/* Kleur van verwijzingen bovenaan (href's, links) die al bezocht zijn
   Standaardkleur is #800080 (paars)         */
A:visited {
  color: #000000;
  background-color: transparent;
  }