/* Styles voor tekst */

body, p, td, li
        { color: #0D0046; 
          font-size: 9pt; 
          font-family: verdana, Arial, Helvetica, sans-serif; 
          line-height: 1.7em;   
          vertical-align: top; 
 }

.subkop { letter-spacing: 1; 
          font-family: verdana, Arial, Helvetica; 
          font-size: 12px; 
          color: #042B51;
          font-weight: bold; 
 }

.small  { font-family: verdana, Arial; 
          font-size: 7pt; 
          font-style: nomal; 
          line-height: 1.7em; 
          font-weight: normal; 
          font-variant: normal; 
          text-transform: none; 
          padding: 2px;
          color: #000000}

.text   { font-family: Verdana; 
          font-size: 9pt; 
          font-style: normal; 
          line-height: 1.5em; 
          font-weight: normal; 
          font-variant: normal; 
          text-transform: none; 
          color: #042B51
 }

.adres {width: 165;
          font-family: verdana, Tahoma, Helvetica; 
          font-size: 11px;
          line-height: 1.5em; 
          color: #ffffff;  
          padding: 2px;
			 text-align: right
         
  
}

.text  A:link { color: #0066CC; font-weight: normal; font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none }

.text  A:active { color: #0066CC; font-weight: normal; font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none }

.text  A:visited { color: #0066cc; font-weight: normal; font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none }

.text A:hover  { color: #FF0000; font-weight: normal; font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-decoration: none }

.trans img        { filter:alpha(opacity=70);
                    -moz-opacity: 0.7; 
                    opacity: 0.7; 
                   -khtml-opacity: 0.7;
 }

.trans:hover img { filter:alpha(opacity=100); 
                   -moz-opacity: 1.0; 
                   opacity: 1.0; 
                   -khtml-opacity: 1.0; 
 }
 
 .trans1 img       { filter:alpha(opacity=70);
                    -moz-opacity: 0.7; 
                    opacity: 0.7; 
                   -khtml-opacity: 0.7;
 }

.trans1:hover img { background: #788FE7;filter:alpha(opacity=100); 
                   -moz-opacity: 1.0; 
                   opacity: 1.0; 
                   -khtml-opacity: 1.0; 
 }


#catstxt { margin: 5px; 0px; 0px; 5px; letter-spacing: 1; padding: 2px; color: #ffffff; font-weight: normal; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; text-decoration: none }

#catstxt a { letter-spacing: 1; padding: 2px; color: #ffffff; text-decoration: none }

#catstxt a:hover  { letter-spacing: 1; padding: 2px; color: #C8E08F;  text-decoration: none }

#catstxt a.selected  { letter-spacing: 1; padding: 2px; color: #C8E08F;  text-decoration: none }

.link A:link  { color: #ffffff; font-weight: normal; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }

.link A:active  { color: #ffffff; font-weight: normal; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-letter-spacing: 1; text-decoration: none }

.link A:visited  { color: #ffffff; font-weight: normal; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }

.link A:hover  { color: #ff0000; font-weight: normal; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1; text-decoration: none }



/* Styles voor navigatie */


#button {position: absolute;
top: 165px;
left: 0px;
} 

#button ul {
        width: 190px;
        padding: 0 0 1em 0;   
        margin: 0;
        padding: 0;
	border-bottom: 0px solid #000000;
	 }	
#button ul li {
        margin: 0;
        padding: 0;
        list-style: none;
	display: inline;
        text-align: left;
  }
#button li a {
	display: block;
	padding: 2px 1px 2px 2px;
	border-left: 1px solid #ffffff;

	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #068081;
	text-decoration: none;
	width: 100%;
}
html>body #button li a {
	width: auto;
	}

#button li a:hover{

        border-left: 1px solid #ffffff;
        border-right: 1px solid #83bec3;
  	border-top: 1px solid #83bec3;
        border-bottom: 1px solid #83bec3;
        background-color: #83bec3;
        color: #068081;
	}

#button li a.selected{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #E7E7EF;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #83bec3;
	color: #068081;
	
}
#button ul {
	margin: 0;
        padding: 0px 0;
	border-bottom: 0px solid #ff0000;
	}

/* Styles voor navigatie */

#button1 {position: absolute;
top: 200px;
left: 0px;
} 


#button1 ul {
        width: 191px;
        padding: 0 0 1em 0;   
        margin: 0;
        padding: 0;
	border-bottom: 0px solid #000000;
	 }	
#button1 ul li {
        margin: 0;
        padding: 0;
        list-style: none;
	display: inline;
        text-align: left;
  }
#button1 li a {
	display: block;
	padding: 2px 1px 2px 0.5em;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #E7E7EF;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	align: left;
	font-size: 13px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	color: #83bec3;
	text-decoration: none;
	width: 100%;
}
html>body #button1 li a {
	width: auto;
		border-bottom: 0px solid #83bec3;
	}

#button1 li a:hover{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #83bec3;
  	border-top: 1px solid #83bec3;
	background-color: transparent;
	filter           : Alpha(opacity=50, finishopacity=25, style=1);
  -moz-opacity     : 0.15;
        border-bottom: 1px solid #83bec3;
        
		  color: #0D0046;
	}

#button1 li a.selected{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #E7E7EF;
	border-top: 1px solid #E7E7EF;
        border-bottom: 1px solid #cccccc;
        background-color: #ffffff;
        color: #83bec3;
       	}
#button1 ul {
	margin: 0;
        padding: 0px 0;
	border-bottom: 0px solid #83bec3;
	}


/* Styles voor navigatie */

#nieuws {position: absolute;
top: 200px;
left: 0px;
} 

#nieuws ul {
        width: 191px;
        padding: 0 0 1em 0;   
        margin: 0;
        padding: 0;
	border-bottom: 0px solid #000000;
	 }	
#nieuws ul li {
        margin: 0;
        padding: 0;
        list-style: none;
	display: inline;
        text-align: left;
  }
#nieuws li a {
	display: block;
	padding: 2px 1px 2px 0.5em;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #E7E7EF;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
        align=left;
	font-size: 13px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #E7E7EF;
	color: #000000;
	text-decoration: none;
	width: 100%;
	}
html>body #nieuws li a {
	width: auto;
	}

#nieuws li a:hover{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #E7E7EF;
  	border-top: 1px solid #E7E7EF;
        border-bottom: 1px solid #cccccc;
        background-color: #ffffff;
        color: #0D0046;
	}

#nieuws li a.selected{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #E7E7EF;
	border-top: 1px solid #E7E7EF;
        border-bottom: 1px solid #cccccc;
        background-color: #B28100;
        color: #0D0046;
       	}
#nieuws ul {
	margin: 0;
        padding: 0px 0;
	border-bottom: 0px solid #C48439;
	}



/* Styles voor navigatie */


#menu {position: absolute;
top: 143px;
left: 190px;
} 
#menu ul {
        margin: 0;
        padding: 0px 0;
           
	 }	
#menu ul li {
       	display: inline;
          }
#menu li a{ padding: 6px 10px 2px 10px;
        list-style: none;
        display: inline;
        text-decoration: none;
        border-right: 2px solid #017e80;
        font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #017e80;
        }

#menu li a:hover{
  	color: #017e80;
       background-color: #80c0c0;
       border-right: 2px solid #888888;
        }

#menu li a.selected{
        color: #017e80;
        background-color: #80c0c0;
        border-right: 2px solid #888888;
       }
#menu ul {
	margin: 0;
        padding: 4px 0;
        }
	
        html>body #menu ul {width: auto;
	padding: 3px 0;
	}


/* Styles voor TABEL content */




/* Because Netscape Navigator 4 does not allow inheritance into tables, and breaks inheritance after tables, rather than simply setting properties on the body and relying on inheritance, we explicitly set the properties using a selector group. */

h1
{letter-spacing: 1; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 18px; 
           line-height: 1.5em; 
           color: #042B51;
           font-weight: bold;}

h2
{letter-spacing: 1; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 16px; 
           line-height: 1.5em; 
           color: #042B51;
           font-weight: bold;}

h3
{letter-spacing: 1; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 15px; 
           line-height: 1.5em; 
           color: #042B51;
           font-weight: bold;}

h4
{letter-spacing: 1; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 14px; 
           line-height: 1.5em; 
           color: #042B51;
           font-weight: bold;}

h5
{letter-spacing: 1; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 13px; 
           line-height: 1.5em; 
           color: #042B51;
           font-weight: bold;}

h6
{letter-spacing: 1; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 12px; 
           line-height: 1.5em; 
           color: #042B51;
           font-weight: bold;}

p
{}

.separator
{
	background-repeat : repeat-x;
	background : url(../back/separator.gif);
        
}

a:link       { text-decoration: none; color: #0066cc }
a:active     { text-decoration: none; color: #0066cc  }
a:visited    { text-decoration: none; color: #0066cc }
a:hover      { text-decoration: none; color: #0000FF }
/* This basic style sheet provides selectors for the most commonly used elements. Use it as the basis for your style sheets. */