/*A l g e m e n e   i n s t e l l i n g e n*/
body      {background-color: #ECF8FF; color: #000000;}
A:link    {color: #0000FF}                      /* link kleur */
A:visited {color: #0000FF}                      /* kleur visited links */
A:active  {color: red}                          /* kleur aktieve link */

  /* h e a d e r s  en  b a l k e n */
.header {background-color: #FFFFFF; width: 90; text-align: center; vertical-align: middle} /* kop pagina */
.headertitle {background-color: #FFFFFF; font-family: Arial; color: #3347B2; font-weight: bold; font-size: 10pt; text-align: center; vertical-align: top}  /* titel in kop pagina */
.subheader {background-color: #D6DAF3; font-family: Arial; color: #3333CC; font-weight: bold; font-size: 10pt }  /* subtitel in kop pagina */
.subheader em  {color: black; font-style: normal}   /* em-tag binnen subheader */
.titlebar {background-color: #1F2F89; color: #FFFFFF; font-family: Arial; font-size: 90%; font-weight: bold; font-size: 100%; text-align: center; vertical-align: middle}   /* titlebar */
.usertitlebar {background-color: #E22222; color: #FFFFFF; font-family: Arial; font-size: 90%; font-weight: bold; font-size: 100%; text-align: center; vertical-align: middle}   /* titlebar with user data */
.submcancelbalk {background-color: #D6DAF3; font-family: Arial; text-align: center}   /*balk met submit/cancel buttons*/
.buttontekst { color:#99BBBB;
		background-color: #33A0A9;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.buttontekst A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.buttontekst A:visited { color: white; text-decoration: none ; width : 100%; height : 100% }
.buttontekst2 { color:#99BBBB;
		background-color: #23B099;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.buttontekst2 A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.buttontekst2 A:visited { color: white; text-decoration: none ; width : 100%; height : 100% }
.listbuttons { color:#99BBBB;
		background-color: #AAA0A9;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.listbuttons A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.listbuttons A:visited { color: white; text-decoration: none  ; width : 100%; height : 100% }
.fullbbbuttons { color:#99BBBB;
		background-color: #3366FF;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.fullbbbuttons A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.fullbbbuttons A:visited { color: white; text-decoration: none  ; width : 100%; height : 100% }
.button A:link { width : 100%; height : 100% }
.button A:visited { width : 100%; height : 100% }

.buttontekstnoactive { color: #99BBBB;
		background-color: #33A0A9;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                 width:90px;
                }
.StartElements {font-family: Arial; color: #0000CC; font-weight: normal; font-size: 10pt; vertical-align: top} 

  /* t a b s */

  /* Note: 
     if you use Internet Explorer and want to change the colour of the button text within a tab 
     changing the .tabactive property will give undesired effects. Instead, you have to 
     explicitly add the class of the button within the tab, e.g. 
     .tabactive.buttontekst2 instead of just .buttontekst2.  
  */


.tabactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #1F2F89;    /*223399*/
        vertical-align: top;
      }
.tabDatabase { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #1F2F89;
        vertical-align: top;
      }
.tabRestrictions { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #636BA9;     /*4466CC*/
        vertical-align: top;
      }
.tabactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tableft { text-align:left }
#tabright { text-align:right } 
.tabnoactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #BCD0DF;
        vertical-align: top;
      }
.tabnoactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabnoactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tabitem { text-align:left; font-size: 10pt; } 
#tabitem A:link {color: #FFFFFF; }  
#tabbutton {  text-align: left;}
#tabboolbox {  text-align: right;}


   /* l i s t s */
.listhead {background-color: #BBCCDD; font-family: Arial; color: #000030; font-weight: bold; font-size: 10pt; text-align: left; vertical-align: middle} /*header bij een lijst met links*/
.listsubhead {background-color: #BBCCDD; font-family: Arial; color: #000030; font-weight: normal; font-size: 10pt; text-align: left; vertical-align: middle} /*header bij een lijst met links*/
.listheadpages {background-color: #BBCCDD; font-family: Arial; color: #000030; font-weight: bold; font-size: 10pt; text-align: right; vertical-align: middle} /*header bij een lijst met links*/
.listitemOdd {font-family: Arial; color: #000030; font-weight: normal; font-size: 9pt; vertical-align: top} /*de link items van de lijst*/
.listitemOdd A:link {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemOdd A:visited {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemEven {background-color: #D4DFEF; font-family: Arial; color: #000030; font-weight: normal; font-size: 9pt; vertical-align: top} /*de link items van de lijst*/
.listitemEven A:link {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemEven A:visited {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemextend {font-family: Arial; color: #0066DD; font-weight: normal; font-size: 9pt; vertical-align: top} /*de link items van de lijst*/
.listitemextend A:link {color: #0066DD; text-decoration: none} /*links niet onderstrepen */ 

.SearchPartHeader {background-color: #CCDDFF; font-family: Arial; color: #0000CC; font-weight: bold; font-size: 10pt }
.SearchPartText {background-color: #CCDDFF; font-family: Arial; color: #0000CC; font-weight: normal; font-size: 8pt }
.SearchPartText A:link {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartText A:visited {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartText A:hover {color: #FF0000; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartCounter {background-color: #CCDDFF; font-family: Arial; color: #0000CC; text-align: right; font-weight: normal; font-size: 8pt }

   /* v o l l e d i g e  b e s c h r i j v i n g */
.descrname {font-family: Arial; 
            color: #000030; 
            font-weight: bold; 
            font-size: 82%; 
            vertical-align: top}   /* veldnaam in beschrijving */
.descrnamecurs {font-family: Arial; 
            color: #000030; 
            font-style: italic; 
            font-size: 82%; 
            vertical-align: top}   /* veldnaam in beschrijving */
.descrdata {font-family: Arial; 
              color: #000030; 
              font-weight: normal; 
              text-decoration: none;
              font-size: 82%; 
              vertical-align: top} /* veldwaarde in beschrijving */
.descrdata A:link {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.descrdata A:visited {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.descrdata A:hover {color: #FF0000; text-decoration: none} /*links niet onderstrepen */ 

  /* t r e e s   */
  
.TreeTable { background-color:#CCE0EF; }
.TreeElement { font-family: Arial; font-size: 10pt; color: #223399; text-decoration : none; }
.TreeElement A:link { text-decoration : none; color : #223399 }
.TreeElement A:visited { text-decoration : none; color : #223399 }
.TreeElement A:hover { text-decoration : none; color : #C10000 }
   /*f o u t m e l d i n g e n  e . d . */
.message {font-family: Arial; font-weight: bold; font-size: 125%; color: #3347B2; text-align: center;}

  /* m e n u */
.menutext { background-color: #d4dfef; font-weight: normal; font-size: 10pt; color: black; font-family: Arial; }
.menutext A:link { color:blue; text-decoration: none; }
.menutext A:visited { color: blue; text-decoration: none; }
.menutext A:hover { color: red; text-decoration: none; }

  /* w a r n i n g */
.warning {font-family: Arial; font-size: 10pt; font-weight: bold; color: red; }

  /* form button */
.formbutton { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight:bold; text-align: center; background-color: #23B099; vertical-align: top; }
.formbutton A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.formbutton A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }


/*========================*/
/* K l e u r e n          */
/*========================*/
/*  #FFFFFF   wit         */
/*  #3347B2   donkerblauw */
/*  #D6DAF3   lichtpaars  */
/*  #F4A54E   oranje      */
/*  #F4C54E   oker        */
/*  #000000   zwart       */
/*  #FFFFFF   wit         */
/*  #3347B2   donkerblauw */
/*  'red'     rood        */
/*  'green    groen       */
/*  #0000FF   blauw       */
/*========================*/

/* for the portal prototype - HDR18081 - coloured blocks to indicate which database a record is from */
.PortalDB1 {width:15px; text-align:center; background-color:crimson; color:#600000}
.PortalDB2 {width:15px; text-align:center; background-color:gold; color:#606000}
.PortalDB3 {width:15px; text-align:center; background-color:seagreen; color:#006000}
.PortalDB4 {width:15px; text-align:center; background-color:lightskyblue; color:#006060}
.PortalDB5 {width:15px; text-align:center; background-color:mediumaquamarine; color:#000060}
.PortalDB6 {width:15px; text-align:center; background-color:steelblue; color:#000060}
.PortalDB7 {width:15px; text-align:center; background-color:gainsboro; color:#000060}