/*
+----------------------------------------------------------------------+
| Voorbeeld van Cascading Style Sheets (CSS) in de stijl van Microsoft |
| Windows XP, gebaseerd op de richtlijnen uit de "Windows XP Visual    |
| Guidelines" van het Windows XP Design Team <www.microsoft.com>.      |
+----------------------------------------------------------------------+
*/

body {
background-color:    #efefff; /* Achtergrondkleur lavendel */
background-image:    none;    /* Geen achtergrondafbeelding */
color:               #000000; /* Voorgrondkleur zwart       */
font-family:         Verdana, "MS Sans Serif", Geneva, sans-serif;
}


/* Koppen */

h1 {
color:               #000000;
text-align:          center;
font-family:         "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:           36pt;
font-weight:         bold;
margin:              0px;
padding:             0px;
border-width:        0px;
}

h2 {
color:               #000000;
font-family:         "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
text-align:          center;
font-size:           24pt;
font-weight:         bold;
margin:              0px;
padding:             0px;
border-width:        0px;
}

h3 {
color:               #000000;
font-family:         "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:           18pt;
font-weight:         bold;
text-align:          center;
margin:              0px;
padding:             0px;
border-width:        0px;
}

h4 {
color:               #000000;
font-family:         "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:           12pt;
font-weight:         bold;
margin:              0px;
padding:             0px;
border-width:        0px;
}

/* Besturingselementen (controls) voor formulieren */

fieldset {
cursor:              default;
padding:             10px;
}


/* Andere blokelementen (block-level elements): */

p {
font-family:         Verdana, "MS Sans Serif", Geneva, sans-serif;
font-size:           12pt;
margin:              0px
}

li {
font-family:         Verdana, "MS Sans Serif", Geneva, sans-serif;
font-size:           12pt;
line-height:         1.2em;
margin-bottom:       1ex;
}

td {
padding:             2px;
}

th {
font-family:         Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size:           11pt;
text-align:          left;
}

/* Geen rand rond afbeeldingen: */
img {
border-style:        none;
border-width:        0px;
}

address {
font-family:         Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
font-size:           9pt;
font-style:          normal;
line-height:         1.2em;
/*margin-top:          13px; */
}


/* Inline elementen: */

cite, em, var {
font-style:          normal; /* Niet cursief ... */
font-weight:         bold;   /* ... maar vet     */
}


/* Selectors (pseudo-klassen) voor hyperlinks: */

a:link {
/*background-color:    #e6e6fa; */
color:               #000000;   /* Voorgrondkleur blauw */
text-decoration:     underline; /* Onderstrepen         */
}

a:visited {
/*background-color:    #e6e6fa; */
color:               #696969;   /* Voorgrondkleur blauw */
text-decoration:     underline; /* Onderstrepen         */
}

a:hover {
/*background-color:    #e6e6fa;*/
color:               #ff0f0f;   /* Voorgrondkleur lichter blauw */
cursor:              pointer;   /* Aanwijzer tonen als handje   */
text-decoration:     none;      /* Niet onderstrepen            */
}

a:active {
color:               #a1a1a1;   /* Voorgrondkleur rood          */
cursor:              pointer;   /* Aanwijzer tonen als handje   */
text-decoration:     none;      /* Niet onderstrepen            */
}


/* +-----------------------------------+
   |  S P E C I A L E   K L A S S E N  |
   +-----------------------------------+  */

/* Inverse video (klasse iv) met omgekeerde schermkleuren,
   bijvoorbeeld voor het markeren van zoektermen. */
.iv {
background-color:    #316ac5;   /* Achtergrondkleur blauw */
color:               #e6e6fa;   /* Voorgrondkleur wit     */
font-style:          normal;    /* Niet cursief           */
font-weight:         bold;      /* Vet                    */
}

/* Niet beschikbaar (klasse nb) */
.nb {
background-color:    #e6e6fa;   /* Achtergrondkleur wit         */
background-image:    none;      /* Geen achtergrondafbeelding   */
color:               #aca899;   /* Voorgrondkleur lichtgrijs    */
cursor:              default;   /* Standaardaanwijzer (pijltje) */
}

/* Sorteervolgorde (sv) markeren in tabelcellen (td) */
td.sv {
background-color:    #fefeff;
background-image:    none;
color:               #000000;
}

/* Schermblok (klasse sb) voor het weergeven van
   block-level elements (blokelementen) op het scherm */
.sb {
display:             block;
visibility:          visible;
}

/* Waarschuwing (klasse w) */
.w {
background-color:    #fefeff;   /* Achtergrondkleur wit       */
background-image:    none;      /* Geen achtergrondafbeelding */
color:               #de5c2f;   /* Voorgrondkleur rood        */
font-style:          normal;    /* Niet cursief               */
font-weight:         bold;      /* Vet                        */
}
/* Box Info */
.div0, .geheel {
position:            relative;
top:                 0px;
bottom:              0px;
width:               1100px;
border-width:        0px;
padding:             0px;
margin:              0px;
margin-left:         auto;
margin-right:        auto;
}

.div1, .kopdeel {
position:            absolute;
top:                 0px;
height:              50px;
left:                0px;
right:               0px;
padding:             0px;
margin:              0px;
color:               #000000;
text-align:          center;
font-size:           32pt;
font-weight:         bold;
font-family:         "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

.div2, .menudeel {
position:            absolute;
top:                 51px;
height:              500px;
left:                0px;
width:               158px;
border-width:        0px;
padding:             0px;
margin:              0px;
}

.div3, .tekstdeel {
position:            absolute;
top:                 51px;
left:                160px;
right:               0px;
border-width:        0px;
padding:             0px;
margin:              0px;
bottom:              0px;
}

.div4, .voetdeel {
position:            absolute;
top:                 852px;
left:                160px;
right:               0px;
border-width:        0px;
padding:             0px;
margin:              0px;
height:              20px;
font-size:           80%;
text-align:          center;
}

.plaatje
{
padding:               3px;
border:                3px solid silver;
background-color:      #009dc4;
-webkit-border-radius: 10px;
-moz-border-radius:    10px;
border-radius:         10px;
behavior:              url(PIE.php);
}
.afbeeld
{
padding:               3px;
background-color:      #009dc4;
-webkit-border-radius: 10px;
-moz-border-radius:    10px;
border-radius:         10px;
behavior:              url(PIE.php);
}

.plaatje:hover
{
cursor:              pointer;
}

button
{
border:              0px;
cursor:              pointer;
}

.menu
{
color:               #ffffff;
text-decoration:     none;
text-align:          left;
font-size:           90%;
font-weight:         normal;
width:               145px;
height:              36px;
margin-bottom:       6px;
}

.men1
{
color:               #ffffff;
text-decoration:     none;
text-align:          left;
font-size:           80%;
font-weight:         normal;
width:               130px;
height:              36px;
margin-left:         10px;
margin-bottom:       1px;
}

.knop
{
background:          #1572fe; /* Old browsers */
background:          -moz-linear-gradient(top,  #1572fe 0%, #1472ff 50%, #005fef 100%); /* FF3.6+ */
background:          -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1572fe), color-stop(50%,#1472ff), color-stop(100%,#005fef)); /* Chrome,Safari4+ */
background:          -webkit-linear-gradient(top,  #1572fe 0%,#1472ff 50%,#005fef 100%); /* Chrome10+,Safari5.1+ */
background:          -o-linear-gradient(top,  #1572fe 0%,#1472ff 50%,#005fef 100%); /* Opera 11.10+ */
background:          -ms-linear-gradient(top,  #1572fe 0%,#1472ff 50%,#005fef 100%); /* IE10+ */
background:          linear-gradient(top,  #1572fe 0%,#1472ff 50%,#005fef 100%); /* W3C */
-webkit-border-radius: 8px;
-moz-border-radius:    8px;
border-radius:         8px;
margin-bottom:         1px;
margin-top:            1px;
behavior:              url(PIE.php);
}

.knop:hover
{
background:            #005fef; /* Old browsers */
background:            -moz-linear-gradient(top,  #005fef 0%, #1472ff 50%, #1572fe 100%); /* FF3.6+ */
background:            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005fef), color-stop(50%,#1472ff), color-stop(100%,#1572fe)); /* Chrome,Safari4+ */
background:            -webkit-linear-gradient(top,  #005fef 0%,#1472ff 50%,#1572fe 100%); /* Chrome10+,Safari5.1+ */
background:            -o-linear-gradient(top,  #005fef 0%,#1472ff 50%,#1572fe 100%); /* Opera 11.10+ */
background:            -ms-linear-gradient(top,  #005fef 0%,#1472ff 50%,#1572fe 100%); /* IE10+ */
background:            linear-gradient(top,  #005fef 0%,#1472ff 50%,#1572fe 100%); /* W3C */
cursor:                pointer;
behavior:              url(PIE.php);
}

/* Selectors (pseudo-klassen) voor hyperlinks: */


.link {
/*background-color:    #e6e6fa; */
color:               #000000;   /* Voorgrondkleur blauw */
text-decoration:     underline; /* Onderstrepen         */
}
.link:link {
/*background-color:    #e6e6fa; */
color:               #000000;   /* Voorgrondkleur blauw */
text-decoration:     underline; /* Onderstrepen         */
}

.link:visited {
/*background-color:    #e6e6fa; */
color:               #696969;   /* Voorgrondkleur blauw */
text-decoration:     underline; /* Onderstrepen         */
}

.link:hover {
/*background-color:    #e6e6fa;*/
color:               #ff0f0f;   /* Voorgrondkleur rood */
cursor:              pointer;   /* Aanwijzer tonen als handje   */
text-decoration:     none;      /* Niet onderstrepen            */
}

.link:active {
color:               #a1a1a1;   /* Voorgrondkleur rood          */
cursor:              pointer;   /* Aanwijzer tonen als handje   */
text-decoration:     none;      /* Niet onderstrepen            */
}