/* include next lines in the body of your webpage to include and activate this stylesheet 
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
   <link href="./styles.css" rel="stylesheet" type="text/css">
*/


/* and include for overruling in a page all/some styles that defined in this stylesheet, use in the head:
   <style type="text/css">
      <!--
      //-->
   </style>

*/ 

/*
#01FF66 = groen
#0E0079 = blauwig
#FF0000 = rood
#808080 = grijs
#FFFFFF = wit
*/



body { 
       color: #0E0079; 
       font-family: verdana, sans-serif; 
       background-image: url('images/common/backgroundlogo3.jpg'); 
       background-attachment: fixed;
       background-position: center ; /* center 50%*/
       background-repeat: no-repeat;
       font-size: 9pt;
     }
	 
body.noback {    /* used for welcome page */
              color: #0E0079; 
			  font-family: verdana, sans-serif; 
              background-image: url('images/common/wit.gif');    /* fix to mask coloration when hovering link in the news menu when using FF */
              background-attachment: fixed;                      /* fix to mask coloration when hovering link in the news menu when using FF  */
    	      background-repeat: repeat;                         /* fix to mask coloration when hovering link in the news menu when using FF  */
			  font-size: 9pt;
            }
 


   
table.fotoindex { 
                  margin-left: 20px; 
                  margin-right: 20px; 
                }

A:link    { FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #0E0079;}
A:visited { FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #0E0079;}
A:hover   { FONT-WEIGHT: bold; TEXT-DECORATION: none; COLOR: #FF0000;}
A:active  { FONT-WEIGHT: bold; TEXT-DECORATION: none; Color: #FF0000;}
 
A.menu:link    { COLOR: #0E0079; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 8pt;} 
A.menu:visited { COLOR: #0E0079; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 8pt;}
A.menu:hover   { COLOR: #FF0000; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 8pt;}
A.menu:active  { Color: #FF0000; FONT-WEIGHT: normal; TEXT-DECORATION: none;  text-align: justify; font-size: 8pt;}

p        { margin-left:  20px; margin-right: 20px; text-align: justify;}
p.foto   { margin-left:  20px; margin-right: 20px; margin-bottom: 4px; margin-top: 4px; text-align: center; font-size: 8pt;}
p.menu   { margin-left:  20px; margin-right: 20px; color: #FFFFFF; font-size: 8pt; text-align: center; }
p.captionright  { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 8pt; text-align: center;}
p.captionleft   { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 8pt; text-align: center;}
p.captioncenter { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 8pt; text-align: center;}
p.fotocaption   { margin-left: 20px; margin-right: 20px; font-style: italic; font-size: 8pt; text-align: center; margin-top: 0pt;}
p.fotocounter   { margin-left: 20px; margin-right: 20px; COLOR: #808080; font-style: normal; font-size: 8pt; text-align: center;}
p.center { margin-left: 20px; margin-right: 20px; text-align: center; font-size: 8pt;  }
p.left   { margin-left: 20px; margin-right: 20px; text-align: left; font-size: 8pt;  }
p.right  { margin-left: 20px; margin-right: 20px; text-align: right; font-size: 8pt; }


h1 {margin-left: 20px; margin-right: 20px; font-family: arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 16pt;}
h2 {margin-left: 20px; margin-right: 20px; text-align: center; font-size: 12pt;}
h3 {margin-left: 20px; margin-right: 20px; text-align: center; font-size: 10pt;}
h4 {margin-left: 20px; margin-right: 20px; text-align: center; font-size: 9pt; }

h2.foto {margin-left: 20px; margin-right: 20px;  margin-bottom: 4px; font-family: arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 16pt;}

hr { margin-left: 20px; margin-right: 20px; }
hr.menu { margin-left: 0px; margin-right: 0px; } /* no margins needed since it is already enclosed in the p.menu */

img.center { margin-left: 20px; margin-right: 20px; text-align: center;  }
img.left   { margin-left: 20px; margin-right: 20px; text-align: left;    }
img.right  { margin-left: 20px; margin-right: 20px; text-align: right;   }

center.menu   { font-size: 8pt;}
center.center { margin-left: 20px; margin-right: 20px;}

ul   { margin-left: 20px; margin-right: 20px;}
li   { margin-left: 20px; margin-right: 20px;}
            
td { 
      line-height: 150%;
   } 
form { margin-left: 20px; margin-right: 20px;}