/******************************/
/*                            */
/*   A L G E M E E N          */
/*                            */
/******************************/

body, table, form, input, textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

body {
	background-color: #FFFFF8; /* #FCF8FF; */ /* #F7F2EB; */
	color: black;
	padding: 2ex;
}

img, input[type='image'] {
   /*
      Default vertical-align is baseline. Maar FF past dit
      ook toe als er helemaal geen text-siblings zijn en voegt
      dan dus onnodig lege ruimte toe onder het plaatje.
   */
   vertical-align: middle;
}
p.topniveau {
   margin-top: 2em;   
}


/******************************/
/*                            */
/*   K L E U R E N            */
/*                            */
/******************************/

.tekstrood {
	color: Red;
}

.blauw {
	background-color: #F4F8FF;
}

.lila {
	background-color: #F4ECF4;  /* F8F0F8*/   /* #F4F8FF; */
}

.lichtcreme {
   background-color: #FFFFF8;
}

.creme {
	background-color: #FFFFF0;
}

.donkercreme {
	background-color: #FFFFE8;
}


/******************************/
/*                            */
/*   H E A D E R S            */
/*                            */
/******************************/

h1 {
  /* Default: FF 20 pt, IE 24 pt */
  font-size: 22pt;
  /* margin-top: 1em; */
  margin-bottom: 24px;
}

h2 {
  /* Default: FF 12 pt, IE ... */
  font-size: 16pt;
  margin-top: 2em;
}

h3 {
  /* Default: FF 12 pt, IE ... */
  font-size: 12pt;
  margin-top: 2em;
}


/******************************/
/*                            */
/*   B O V E N B A L K        */
/*                            */
/******************************/

.bovenbalk {
	/* border-bottom : 1px dashed Black; */
	background-color : #996699;  /* #DDBBF7;  #DDAAFF;   #FFBB66 ;  Matchmap: #666699; */
	color: White;
	height : 30px;
	width : 100%;
}

.bovenbalk .titelveld {
	padding-right : 20px;
	color : White;
	font-weight: bold;
	padding-left : 4px;
	white-space : nowrap;
}

.bovenbalk .linkveld {
	border-left : 1px dashed White;
	padding-left : 12px;
	padding-right : 12px;
	white-space : nowrap;
}

.bovenbalk .linkveld a {
	color : White;
	text-decoration : none;
	/* font-variant: small-caps; */
	font-style: normal;
}


/******************************/
/*                            */
/*   B E R I C H T B A L K    */
/*                            */
/******************************/

.berichtbalk {
  /* width: 100%; */
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: #F4F8FF;
  border: 1px dashed Black;

}

.berichtbalk ul {
  margin-top   : 8px;
  margin-bottom: 8px;
  margin-right : 3em;
}


/******************************/
/*                            */
/*   H O O F D K A D E R      */
/*                            */
/******************************/

table.hoofdkader {
	margin-top: 12px;
	border-top: 1px solid White;
	border-bottom: 1px solid Gray;
	border-left: 1px solid White;
	border-right: 1px solid Gray;
}

td.hoofdkader {
	padding: 12px 18px 6px 12px;    /* top -> right -> bottom -> left */
	border-top: 1px solid Gray;
	border-bottom: 1px solid White;
	border-left: 1px solid Gray;
	border-right: 1px solid White;
}


/******************************/
/*                            */
/*   H O O F D M E N U        */
/*                            */
/******************************/

table.hoofdmenu {
   border-color: #E1CEE1;
}

.hoofdmenu tr {
   vertical-align: top;
}

.hoofdmenu td {
   border-top-color: #F0E0F0; /* #E1CEE1; */
   border-top-width: 1px;
   border-top-style: solid;
   margin-left: 0px;
   margin-right: 0px;
   padding-bottom: 24px;
   padding-top: 0px;
   padding-left: 0px;
}

td.hoofdmenu-keuze {
   padding-right: 16px;
}

td.hoofdmenu-beschrijving {
   padding-right: 0px;
}

.hoofdmenu ul {
   margin-bottom: 0px;
   margin-top: 0px;
}

.hoofdmenu-keuze p, .hoofdmenu-keuze div {
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 2px 4px;
   background-color: #F0E0F0; /* #D8E6F7; */
   width: 150px;
   /* text-align: justify; */
}

.hoofdmenu-beschrijving p, .hoofdmenu-beschrijving div {
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 2px 4px;
}

.hoofdmenu-keuze a {
   font-size: 12pt;
   font-weight: bold;
   text-decoration: none;
   color: #2A2A2A;
}


/******************************/
/*                            */
/*   L E G E N D A            */
/*                            */
/******************************/

table.legenda {
   margin-top: 12px;
	margin-left: 2px;
   background-color: #FFFFF8;
	border: 1px solid #B0B0B0;  /* #BCD0F8; */  /* #709DF8; */  /* #F0CA80; */ 
	  /* dotted #E09400 werkt niet bij domme IE, daarom solid en halverwege #FFFFFF */
}

table.legenda th {
   /* color: #79A0EF; */ /* #709DF8; */
	padding-top: 8px;
	padding-bottom: 12px;
}

table.legenda td {
	padding-left: 6px;
	padding-right: 6px;
}

table.legendalinks {
	border-right: 1px solid #B0B0B0;
}

#legendasymbool {
	text-align: center;
	font-weight: bolder;
	color: #606060;
}


/***********************************/
/*                                 */
/*   S P R I N G N A A R J A A R   */
/*                                 */
/***********************************/

table.springnaarjaar {
    /* border: 1px solid #D0D0D0; */
    background-color: #F0E0F0; /* #E0C0E0; */
    color: Black;
    width: 100%;
}

table.springnaarjaar td {
	padding: 4px;
}

table.springnaarjaar a {
    color: blue;
    text-decoration: none;
}


/******************************/
/*                            */
/*   O V E R Z I C H T        */
/*                            */
/******************************/

.overzicht {
    background-color: #F4F8FF; /* #F5F5F5; */ /* #E6E6FA; */
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #A0A0A0;
    white-space: nowrap;       /* werkt wel in FF, niet in IE6 */
}

.overzicht th, .overzicht td {
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;       /* werkt in FF en IE6 */
}

.overzicht .kolomkop {
	/* border-bottom: 1px solid Black; */
	margin-bottom: 12px;
}

.overzicht .kolomkop, .overzicht .kolomkop a {
	text-align: left;
	text-decoration: none;
	/* background: #E0C6E3; */
	color: Black;
}

.overzicht .sorteerkop, .overzicht .sorteerkop a {
	background-color:  /* #DEDEDE; */ #F0E0F0;
}

.overzicht .noot {
	float: right;
	margin-top: 24px;
	margin-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
	background-color: #f9fbff;
	border-bottom: 2px solid gray;
	border-left: none;
	border-right: none;
	border-top: 2px solid gray;
}


/**********************************/
/*                                */
/*   T O T A L E N L IJ S T J E   */
/*                                */
/**********************************/

table.totalenlijstje {
	border: 1px solid #F0CA80;  /* dotted #E09400 werkt niet bij domme IE, daarom solid en halverwege #FFFFFF */
	/* background-color: #FFCCAA; */ /* #F5F5F5; */ /* #E6E6FA; */
        margin-top: 12px;
        /* margin-left: 4px; */
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.totalenlijstje th {
        font-weight: normal;
        padding-left: 2px;
        padding-right: 2px;
        /* font-style: italic; */
	color: #E09400; /* orange; */
}

table.totalenlijstje td {
        padding-left: 2px;
        padding-right: 2px;
}


/*******************************/
/*                             */
/*   O V E R D R A C H T E N   */
/*                             */
/*******************************/

table.overdrachten {
	width: 100%;
}

.overdrachten th {
        text-align: left;
        color: #404040;
        padding-top: 6px;
        padding-bottom: 6px;
}

.afgehandeld {
	background-color: #d8e6f7;
	border: 1px solid gray;
}


/******************************/
/*                            */
/*   N O O T                  */
/*                            */
/******************************/

table.noot td {
	padding: 4px;
}


table.noot b {
   color: #404040;
}


/******************************/
/*                            */
/*   C O N T A C T E N        */
/*                            */
/******************************/

table.contacten {
   background-color: #F4F8FF;
   border: 1px solid #B0B0B0;
   padding: 4px;  /* IE6 pikt dit niet op! */
}

table.contacten th {
   text-align: left;
   font-style: italic;
   font-weight: normal;
   white-space: nowrap;
}

table.contacten th.onderstreept {
   border-bottom: 1px solid #808080;
   padding-bottom: 2px;
}

table.contacten td {
   white-space: nowrap;
}


/******************************/
/*                            */
/*   D I V E R S E N          */
/*                            */
/******************************/

.reactieveldkop {
	margin-bottom: 2px;
}