/* Css voor de pagina zelf */

   body
   {
   margin-top: 10;    /* de grootte van de bovenmarge van de pagina */
   padding: 0;
   background: white;    /* de kleur van de achtergrond van de pagina */
   font: arial, verdana, sans-serif;    /* Het lettertype */
   font-size: 15px;    /* de grootte van de letters */
   color: black;    /* de kleur van de letters */
   }

   dl, dt, dd, ul
   {
   margin: 0
   padding: 0;
   list-style-type: none;
   width: 145px;
   }

   li
   {
   margin: 0
   padding: 0;
   list-style-type: none;
   width: 145px;
   background: #90aad8;
   }

/* Css die het horizontale menu beschrijft */

   #menu
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 100% /* precision for Opera */
   }

   #home
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 80px /* precision for Opera */
   }

   #badlinnen
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 100px /* precision for Opera */
   }

   #baby
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 130px /* precision for Opera */
   }

   #allerlei
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 80px /* precision for Opera */
   }

   #kledij
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 70px /* precision for Opera */
   }

   #contact
   {
   position: relative; /* Menu position that can be changed at will */
   top: 0;
   left: 0;
   z-index:100;
   width: 80px /* precision for Opera */
   }

   #smenu1
   {
   position: absolute; /* Menu position that can be changed at will */
   top: 21;
   left: 83;
   z-index:100;
   width: 100% /* precision for Opera */
   }
 
   #smenu2
   {
   position: absolute; /* Menu position that can be changed at will */
   top: 21;
   left: 185;
   z-index:100;
   width: 100% /* precision for Opera */
   }

   #smenu3
   {
   position: absolute; /* Menu position that can be changed at will */
   top: 21;
   left: 317;
   z-index:100;
   width: 100% /* precision for Opera */
   }

   #menu dl
   {
   float: left;
   width: 50px;
   }

   #menu dt
   {
   cursor: pointer;
   text-align: center;
   background: #90aad8;
   border: 1px solid gray;
   background: #90aad8;
   margin: 1px;
   }

   #menu dd 
   {
   display: none;
   border: 1px solid gray;
   }

   #menu li a, #menu dt a, #badlinnen, #baby, #kledij, #allerlei {
   color: white;
   text-decoration: none;
   display: block;
   height: 100%;
   border: 0 none;
   }

   #smenu1 li a:hover, #smenu2li a:hover, #smenu3 li a:hover,
   #smenu1 a:focus, #smenu2 a:focus, #smenu3 li a:focus,
   #smenu1 a:hover, #smenu2 a:hover, #smenu3 dt a:hover,
   #smenu1 dt a:focus, #smenu2 dt a:focus, #smenu3 dt a:focus
   {
   background: #c0cde2;
   }

/* De css die de tabel beschrijft */

   table  /* opmaak van de tabel zelf */
   {
   border-collapse: collapse;
   border: 1px solid #90aad8;
   font-family:Courier;
   font-size: 15px;
   }

   td  /* opmaak van de cellen */
   {
   border: 1px solid white;
   background-color: #c0cde2;
   }

   #tabelReclamebalk
   {
   border: 0px solid red;
   }

   #tdReclamebalk
   {
   border: 0px;
   }

   #menuRechts
   {
   background-image: url(pics/berenIntro.jpg); 
   }

   #hoofdbalk
   {
   background-image: url(pics/hoofdbalk.jpg);
   }

   #tdTitelMidden
   {
   border: 0px;
   font-family: arial;
   font-size: 70%;
   padding-left: 5px;
   vertical-align: top;
   background-color: #DEE6F2;
   }

   #tdRechts
   {
   background-color: #c0cde2;
   }
 
/* Andere css */

   #site
   {
   position: absolute;
   z-index: 1;
   top : 70px;
   left: 10px;
   color: #000;
   background-color: #ddd;
   padding: 5px;
   border: 1px solid gray;
   }