DIV.error {
  font-weight: bold;
  border: 2px solid #E00;
  padding: .5em;
  margin: 1em 0;
}
DIV.reservering TABLE.tabs {
  border-spacing: 5px; /* should be 5px 0px, but IE6 gets confused, compensated by top margin in .tabarea */
  margin-left: -5px;
}
DIV.reservering TABLE.tabs TD {     
  border: 1px solid black;
  border-bottom: 0px;
  padding: .1em .5em;
  background-color: #FFF; 
  cursor: pointer;
}
DIV.reservering TABLE.tabs TD.active {
  background-color: #BEB;
}
DIV.reservering DIV.order, DIV.reservering DIV.tabarea {
  border: 1px solid black;
  padding: .5em;
  background-color: #FFF;    
}
DIV.reservering DIV.tabarea {
  display: none;
  margin-top: -5px;
}
DIV.reservering TABLE.calendar, DIV.reservering TABLE.calnav {
  width: 100%;
  border-spacing: 5px;   
}                             
DIV.reservering TABLE.calendar {
  margin-top: -10px;
}
DIV.reservering TABLE.calendar TD {
  border: 1px solid black;
  padding: 0;
  background-color: #FFF;    
  text-align: center; 
  white-space: nowrap;
}
DIV.reservering TABLE.calendar TD.outofmonth {
  background-color: #DDD;    
}
DIV.reservering DIV.order {
  margin-bottom: .5em;
}
DIV.reservering TABLE.calendar IMG {
  margin: 0 1px;
}
TABLE.reserveringlijst {
  border-collapse: collapse;  
  width: 100%;   
  margin-bottom: 1em;
}                           
TABLE.reserveringlijst TH {
  background-color: #8AB023;
  border: 1px solid black;
  padding: 0 .4em;
}                           
TABLE.reserveringlijst TD {
  border: 1px solid black;
  padding: 0 .4em;
}                           
DIV.reservering .nb {
  white-space: nowrap;
}
DIV.reservering TR.summary TD {
  background-color: #BAE473;
  font-style: italic;
}                           


TABLE.agenda {
  border-spacing: 0;
  border-collapse: collapse;
}
TABLE.agenda TD, TABLE.agenda TH {
  border: 1px solid black;
  padding: 0 2px;
  text-align: center;
}
TABLE.agenda TD.used {
  background-color: #ACF;
}