html { /* === stel de webpagina eerst zo in dat deze altijd de max hoogte en breedte heeft en dat alle borders enz op 0 staan === */
   height:100%; 
   max-height:100%;
   width:100%;
   padding:0; 
   margin:0; 
   border:0; 
   background:#fff; 
   font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;

/* === (zorg dat IE5 en de Mac de regel -(overflow:hidden)- niet zien) === */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {/* === stel ook de body eerst zo in dat deze altijd de max hoogte en breedte heeft en dat alle borders enz op 0 staan === */
   height:100%;
   max-height:100%;
   width:100%;
   overflow:hidden; /* === zorg dat de body zelf nooit scrollbalken heeft === */
   padding:0;
   margin:0;
   border:0;
}

p {
   margin:0; /* --- geen verticale margin voor een p-element --- */
}

/* === de eigenlijke pagina tekst, instellingen voor alle browsers behalve IE === */
#content {
   overflow:auto; /* zorg dat HIER, in de eigenlijke pagina tekst, de scrollbalken indien nodig WEL vertoond worden */
   position:absolute;
   /* z-index:3; /*  */
   top:108px;     /* ++ dit getal moet gelijk zijn aan wat bij IE als border-top staat, en wat als hoogte bij de header staat */
   bottom:45px;/* -- dit getal moet gelijk zijn aan wat bij IE als border-bottom staat, en wat als hoogte bij de footer staat */
   left:98px;    /* == dit getal moet gelijk zijn aan wat bij IE als border-left staat, en wat als width bij left staat */
   right:0;
   margin 0px;
   padding-right:   10px;
   padding-left:     20px;
   margin-bottom:  8px;
   margin-top:        8px;

   color: #BCF1FC;
   background-color: #05000e; /*  */
   background-image:url(../pictures/intro/dark.jpg); /*  */
   /* background-position: center center;  /*  */
   /* background-repeat: no-repeat;/*  */

scrollbar-base-color: #DBEF00;
scrollbar-arrow-color: #0054B5;
scrollbar-3dlight-color: #F9F9C5;
scrollbar-darkshadow-color: #702B00;
scrollbar-face-color: #D9A929;/* #D3D000;/* */
scrollbar-highlight-color: #EAE885;
scrollbar-shadow-color: #845100;
scrollbar-track-color: #ebd872;/* #EDE8A1;/* */
}


/* === de eigenlijke pagina tekst, instellingen voor IE, die snapt de normale werkwijze nl niet === */
* html #content {
   height:100%;
   width:100%;
   top:0;
   left:0;
   border-top:108px solid #fff;     /* zie ++comment bij de content */
   border-bottom:45px solid #fff; /* zie --comment bij de content */
   border-left:98px solid #fff;     /* zie ==comment bij de content */
}

#content p {
   padding:10px;
}



/* === de instellingen voor de bovenkant, de  -header- === */
#head {
   position:absolute;
   margin:0;
   top:0;
   left:0;
   display:block;
   width:100%;
   height:108px;      /* zie ++comment bij de content */
   z-index:5;
   overflow:hidden;  /* NOOIT een scrollbalk */

   /* text-align:right;/*  */ 
   font-size: 12pt;
   font-family: "comic sans ms", Helvetica, sans-serif;
   color: #BCF1FC;/*  */


   border-style: ridge;
   border-width: 4px;
   border-color: #D9A929;/* #9900FF;/*  */
   background-color: #05000e; /*  */
   background-image:url(../pictures/magicalonder2b.jpg); /*  */
}

#head .headtext{
   font-family: "Formal", Curlz, Harrington, Arial, Helvetica, sans-serif;
   font-size: 28px;/* 36px;/*  */
   font-style: normal;
   font-weight: bold;
   line-height: 55px;
   padding-left:128px; /* vanwege plaatje */
   display:block;
   text-align: center;
   white-space: nowrap; /* tekst bij smalle pagina niet naar volgende regel */
}

#head .firstletter {
  font-family: "Formal", Curlz, Harrington, Arial, Helvetica, sans-serif;
  font-size: 150%;
  float: none;
}

#head .menuback{
   position:absolute;
   margin:0;
   top:49px;
   left:0;/*  */
   display:block;/*  */
   width:100%;/*  */
   height:60px;     
   z-index:6;
   overflow:hidden;  /* NOOIT een scrollbalk */
   /* text-align:center;/*  */ 
    padding-left:60px; /* vanwege plaatje */
}

/* === de instellingen voor de onderkant, de  -footer- === */
#foot {
   position:absolute;
   margin:0;
   bottom:0;
   left:0;
   display:block;
   width:100%;
   height:45px;      /* zie --comment bij de content */
   z-index:31;
   overflow:hidden; /* NOOIT scrollbalken */

   border-style: ridge;
   border-width: 4px;
   /* border-top-width:0px;/*  */
   border-color: #D9A929;/* #9900FF;/*  */
   color: #BCF1FC;/*  */

   background-color: #CDD4FE; 
   background-image:url("../pictures/magicalonder3.jpg");
   /* background-attachment: fixed; /* */
   /* background-repeat: no-repeat;/*  */
   background-position: top;
   color: #FFFFFF;
   font-family: "comic sans ms", Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 10pt;
   margin-top: 10px;
   margin-left: 0px;
}


#foot a{
   color: #96FF01;
   font-weight: bold;
   text-decoration: none;
}

#foot a:hover{
   color: #c39200;
}

#foot .copyrightmini {
  font-size: 8pt;
  font-family: "comic sans ms",  Arial, Verdana;
}


#left {
   position:absolute;
   left:0;
   top:110px;           /* zie ++comment bij de content */
   bottom:45px;     /* zie --comment bij de content */
   width:110px;      /* zie ==comment bij de content */
   z-index:4;
   overflow:auto;
   font-size: 13px;
   color:#000; 

   border-style: ridge;
   border-width: 4px;
   /* border-top-width:0px;/*  */
   border-color: #D9A929;/* #9900FF;/*  */
   color: #BCF1FC;/*  */

   background-color: #CDD4FE; 
   background-image:url(../pictures/intro/dark.jpg); /*  */
   background-attachment: fixed;
   background-position: top;
}

* html #left {
   height:100%;
   top:0;
   bottom:0;
   border-top:110px solid #fff;        /* zie ++comment bij de content */
   border-bottom:50px solid #fff;  /* zie --comment bij de content */
   border-left:90px solid #fff;        /* zie ==comment bij de content */
}
 
#news {
   position:absolute;
   left:0;
   top:120px;           /* lager dan left omdat het menu erboven komt */
   bottom:20px;     /* zie --comment bij de content */
   width:82px;      /* zie ==comment bij de content */
   z-index:4;
   overflow:auto;
   font-size: 13px;
   text-align:center;/*  */ 
   color: #BCF1FC;
   padding: 12px; 

}





a.nav, a.nav:visited {
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}
a.nav:hover {
  color:#fc0;
}

a {
   text-decoration: none;/*  */
  font-weight:bold;
}

a img {
  border-style: none !important;
}

a:visited img {
  border-style: none !important;
}


.boldem {
   font-size:1.2em;
   font-weight:bold;
}

.bold {
   font-weight:bold;
}

h2 {
   margin-left:10px;
}

h3 {
   margin-left:10px;
}

.f8{
  font-size:8pt; /*  */
}
.f10{
  font-size:10pt; /*  */
}
.f12{
  font-size:12pt; /*  */
}
.f14{
  font-size:14pt; /*  */
}



/*   ===========  Speciale instellingen voor printen van een pagina ========== begin instelling ==  */
@media print
{

html, body {
   padding:0;
   margin:0;
   border:0;
   background:#fff;
   font-size:10pt;
   font-family:arial, sans-serif;
}

#head {
   font-size:20pt;
}

#content {
   background:#eee;
}

.noprinting{
  display: none;
}
}
/*   ===========  Speciale instellingen voor printen van een pagina ========== einde instelling ==  */