body {
   margin: 0px;
   padding: 0px;
   font-size: 10pt;
   background-color: #fff;
   color: #000000; 
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Rijkleuren. Let op de volgorde...*/

.click_rij{
   cursor: pointer;
}

.rij_licht{
   background-color: #ffd0d0;   
}

.rij_donker{
  background-color: #ffc0c0;
}

.rij_subkop{
  background-color: #ffb0b0;
}

.tabelKop{
  background-color: red;
  color: white; 
}
.tabelKop A {
  color: white; 
  text-decoration: none;
}
.StatusAfgezegd {
 /*  background-color: #e0e0e0;*/
   color: #d8b8b8;
}



.StatusToegezegd {
   background-color: lime;
}

.StatusDatum {
   background-color: lime;
}


.rij_sel{
   background-color: #c0ffc0; 
}

.kandiewelniet{
   width: 12em;
}


.rij_onzichtbaar {
   background-color: #f0f0f0;
   color: #888888;
}


.rij_mouseover {
   background-color: red;
   color: white;
}



.nognietingevuld {
   background-color: #ff6060;
   color: black;
}



.kanDieOfKanDieNietForm {
   display: inline;   
}


.kanDieOfKanDieNiet {
   display: inline;
   padding-top:50px;
}
#zoekFrm {
   margin: 1em;
   margin-top: 2em;
}
#kopBalk{
   margin: 1em;
   font-size: 2em;
}

#gebrIdent{
   border: 1px solid red;
   margin-left: 2em;
   margin-right: 2em;
   padding: 0.2em;
   padding-left: 0.8em;
   background-color:  #ffe0e0;
}

table {
   padding: 0px;
   border-spacing:0px;
}

td, th{
   vertical-align: middle;
   padding: 0px;
   padding-left:0.5em;
   padding-right:0.5em;
}


/*
input {
   width            : 250px; 
   color            : black;    
   border           : 0px;  
}*/




.tabel {
 margin: 1em;
 border-collapse:	collapse;
}



.abutton{
   background-color : #ffe0e0;
   border           : 1px solid red;
   color            : #666; 
   cursor           : pointer;  
   text-decoration  : none;
   padding          : 0 1em 0 1em;  /* t  r  b l */
}

.abutton:hover{
   background-color : red;
   color            : white; 
}

.imgButton img{
   border: 0;
}
 
.fbutton{
   background-color : #ffe0e0;
   border           : 1px solid red;
   color            : #666; 
   width            : 10em;
   cursor           : pointer;
   font-size        : 98%;
}
 
.fbutton:hover{
   background-color: red;
   color: white;;  
}

.fbuttonKl{
   width: 3em;
}
 
.but_mouseover {
   background-color: red;
   color: white;
}
 
.cal_but {
   
} 

.buttonBar {
   margin-left: 1em;
   margin-left: 2em;
   padding-bottom: .3em;
}

.meldingOK {
   border           : 1px solid black;
   color            : green;
   background-color : #ccffcc;
   margin           : 0 2em 0 2em; /* t  r  b l */
   padding          : 0.1em 0.4em 0.1em 0.4em;
}

.meldingWaarschuwing {
   border           : 1px solid black;
   color            : yellow;
   background-color : red;
   margin           : 0 2em 0 2em; /* t  r  b l */
   padding          : 0.1em 0.4em 0.1em 0.4em;
}

.textInput {
   color            : black; 
   background-color : #ffc0c0;
   border           : 1px solid white;
}
.groot {
   width            : 20em;
}
 
.foutKleur {
   background-color : red;
   color            : yellow;
} 
 
ul.sellist { 
  text-align        : left; 
  margin            : 0.2em 0 0.2em 0; 
  list-style-type   : none; 
  padding           : 1px 1px 1px 1px; 
}
ul.sellist li { 
  display           : inline; 
}
ul.sellist li.selactive { 
   background-color : red;
   color            : white;
}
ul.sellist li.selactive a { 
  background-color  : red  ; 
  color             : white; 
}
ul.sellist li a { 
  padding           : 1px 0.5em ; 
  border            : 1px solid  #ff0000;
   
  background-color  :  #ffe0e0;
  color             : #666; 
  margin-right      : 0px;
  text-decoration   : none; 
}
ul.sellist a:hover { 
  background        : red;
  color             : white; 
}

td.aanw_1 { background: #55ff55;}
td.aanw_2 { background: #ff0000;}
td.aanw_3 { background: #f57d10;}
td.aanw_4 { background: #ffe600;}


.datumKolom { width: 6em;}
.tijdKolom { width: 7em;}