body
{
background : navy;
color: white;
font-family : Verdana, Arial;
font-style : normal;
margin : 0;
padding: 0;
font-size: 12;
scrollbar-arrow-color: white;
scrollbar-face-color: navy;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: navy;
scrollbar-shadow-color: navy;
scrollbar-darkshadow-color: navy;
scrollbar-track-color: navy;
}

table {
font-size: 12;
}

th {
background: darkred;
text-align: left;
}

h1
{
font-size : 20;
font-weight: bold;
}

h2
{
font-size : 16;
font-weight: bold;
}

h3
{
font-size: 14;
font-weight: bold;
}

b
{
font-size : 12; font-weight: bold;
}
.textkop { text-decoration: none; font: normal 12px Arial black,Arial,Verdana,Helvetica }

.text { text-decoration: none; font: normal 11px Arial,Verdana,Helvetica }

.infotext { text-decoration: none; font: normal 12px Arial,Verdana,Helvetica }

.bold { font-size : 12; font-weight: bold; }

.kop1  { font-size : 20; font-weight: bold; }

.kop2  { font-size : 16; font-weight: bold; }


a
{
color: white;
font-size : 12;
font-weight: bold;
text-decoration : none;
}

a:hover
{
color: white;
font-size : 12;
font-weight: bold;
text-decoration : underline;
}

a.sub				{color: white; font-size : 9; font-weight: normal; text-decoration : none;}
a:hover.sub			{color: white; font-size : 9; font-weight: normal; text-decoration : underline;}
A.inleiding:link		{color: #3A3D8E; text-decoration:none;}
A.inleiding:visited		{color: #3A3D8E; text-decoration:none;}
A.inleiding:hover		{color: #019F54; text-decoration:underline;}

img
{
border: 0;
}

/* Begin styles voor de links pagina*/
img.i100100
{
width: 100px;
height: 100px;
}

.linkbox
{
text-align: center;
float: left;
width: 130px;
height: 130px;
}
/* Eind styles voor de links pagina*/

/* Begin voeter menu*/
hr {
border:1px;
color: white;
background-color: navy;
width: 97%;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:focus, #nav a:active
{
display:block;
width:100%;
line-height: 1.3em;
padding: 0px 0px 1px 0px;
border: solid 1px white;
margin: 0;
text-decoration: none;
text-align: center;
font-size: 8;
}

/*other styles specific for menu item that has focus et cetera,
    like colors, borders and backgrounds*/
#nav a:hover, #nav a:focus, #nav a:active
{
  color: white;
  background: darkred;
}

div#nav, #nav ul, #nav li
{
  float: center;
  padding: 0;
  margin: 0;
}

div#nav
{
  width: 100%; /*menu items times width set for them*/
  margin: 0;   /*if wanted centered*/
}

#nav li
{
  list-style:none;
  text-indent:0;
  float: left;
  width:6em; /*what ever you need them to be*/
}
/*value for other browsers than IE*/
#nav ul>li
{
  width: 6em;
  margin:0 0.2em;
  /*the sum of these values
    is the base for calculating the
    total width of the menu*/
}
/* Eind voeter menu*/

.TA
{
  scrollbar-3dlight-color: navy;
  scrollbar-arrow-color: white;
  scrollbar-base-color: navy;
  scrollbar-darkshadow-color: navy;
  scrollbar-face-color: navy;
  scrollbar-highlight-color:;
  scrollbar-shadow-color: white
}

/* Begin Lijst voor het smoelen boek */
#smoelendoos
{
  position: relative;
  width: 750px;
  height: 633px;
  margin: 20px auto 0 auto;
  border: 1px solid #aaa;
}
#smoelendoos ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 175px;
  height: 440px;
  margin: 5px;
  float: right;
}
#smoelendoos a.smoelen span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
#smoelendoos a.smoelen, #smoelendoos a.smoelen:visited
{
  display: block;
  color: white;
  text-decoration: none;
  border: 1px solid white;
  margin: 1px 1px 1px 1px;
  text-align: left;
  cursor: default;
}
#smoelendoos a.foto1
{
  background: url(images/smoelen/bart_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto2
{
  background: url(images/smoelen/fred3_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto3
{
  background: url(images/smoelen/hans1_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto4
{
  background: url(images/smoelen/istvan3_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto5
{
  background: url(images/smoelen/martin4_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto6
{
  background: url(images/smoelen/mathew2_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto7
{
  background: url(images/smoelen/merel2_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto8
{
  background: url(images/smoelen/nicole4_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto9
{
  background: url(images/smoelen/patrick2_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos a.foto10
{
  background: url(images/smoelen/roeland2_th.jpg);
  height: 100px;
  width: 75px;
}
#smoelendoos li
{
  float: right;
}
#smoelendoos a.smoelen:hover
{
  border: 1px solid red;
}
#smoelendoos a.smoelen:hover span
{
  position: absolute;
  height: 440px;
  width: 240px;
  top: 6px;
  left: 6px;
  color: white;
  background: navy;
}
/* Einde Lijst voor het smoelen boek */

/* Begin Lijst voor het menu */
#menu {
position: absolute;
top: 50px;
left: 6px;
font-size: 8pt;
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;
}
#menu dl {
width: 10em;
}
#menu dt {
cursor: pointer;
border: 1px solid white;
margin: 2px 0;
}
#menu dd {
display: none;
}
#menu li {
height: 1.3em;
border: 0px solid white;
}
#menu li a, #menu dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: darkred;
}
/* Einde Lijst voor het menu */

/* Begin Lijst voor de datum */
#datum {
margin: 6px;
font-size: 8pt;
font-style: italic;
}
/* Einde Lijst voor de datum */