table.rooster2
  { width: 600px;
    text-align: center;
    border: 1px solid #00a6d6;
    border-collapse: collapse }

td.rooster2
  { border: 1px solid #00a6d6;
    vertical-align: middle;
    width: 100px;
    height: 40px }

td.rooster3
  { border: 1px solid #00a6d6;
    vertical-align: middle;
    width: 100px;
    height: 40px;
    background: #98d8ea }

td.rooster4
  { border: 1px solid #00a6d6;
    vertical-align: middle;
    width: 100px;
    height: 40px;
    background: #e1c400 }

table.rooster
  { width: 500px;
    text-align: center;
    border: 1px solid #00a6d6;
    border-collapse: collapse }

table.schema
  { width: 500px;
    border: 1px solid #00a6d6;
    border-collapse: collapse }

td.rooster
  { border: 1px solid #00a6d6;
    width: 90px }

th.schema, td.schema
  { border: 1px solid #00a6d6;
    text-align: left }
  
td.tijd
  { border: 1px solid #00a6d6;
    width: 45px }
   
tr.groen, td.groen
  { border: 1px solid #00a6d6;
    background: lightgreen }
  
tr.oranje, td.oranje
  { border: 1px solid #00a6d6;
    background: orange }
  
tr.zwart, td.zwart
  { color: white;
    background: black }
        
tr.studie, td.studie
  { background: #98d8ea }

.mr       
  { color: #ff0000 }

.zbl   
  { color: #009900 }

.math  
  { color: #00a6d6 }
  
.kleur 
  { color: red }  

.kopje
  { font-size: 125% }
  
.rood 
  { font-weight: bold;
    color: red }  

.blauw 
  { font-weight: bold;
    color: blue }  

.zwart
  { color: black }

.vraag
  { color: blue }
  
.antwoord
  { color: red}
    
h1.banner
  { text-align: center;
    text-decoration: none;
    line-height: 55px; 
    background-color: #edf1f3; 
    color: #505556; }

h1.blackboard
  { text-align: center;
    text-decoration: none;
    line-height: 55px; 
    background-color: #000000; 
    color: #ffffff; }

h2.center
  { text-align: center }
  
img.rand
  { border: 1px solid #000000; }

table.book
  { width: 250px }
    
#dhtmltooltip
  { position: absolute;
    width: 190px;
    line-height: 20px;
    border: 1px solid #000000;
    padding: 5px;
    background-color: #00a6d6;
    color: #ffffff;
    visibility: hidden;
    z-index: 500; }

#math a
  { color: #00a6d6;
    text-decoration: none }
 
#math a:hover
  { color: #000000;
    text-decoration: underline }
  
#rechtermenu
  { text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    line-height: 2.5em;
    background: #00a6d6; 
    color: #fffff; }

#rechtermenu a
  { color: #ffffff;
    text-decoration: none }

#rechtermenu a:hover
  { text-decoration: underline }