
/* Styles voor tekst */

body, p, td, li
        { color: #042B51; 
          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 {position: absolute;
         top: 488px;
          margin: 0px 0px 0px 10px;

         
  
}

.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=100);
                    -moz-opacity: 1.0; 
                    opacity: 1.0; 
                   -khtml-opacity: 1.0;
 }

.trans:hover img { filter:alpha(opacity=65); 
                   -moz-opacity: 0.6; 
                   opacity: 0.6; 
                   -khtml-opacity: 0.6; 
 }


#catstxt { margin: 7px; 0px; 0px; 7px; letter-spacing: 1; padding: 3px; 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: 3px; color: #ffffff; text-decoration: none }

#catstxt a:hover  { letter-spacing: 1; padding: 3px; color: #C8E08F;  text-decoration: none }

#catstxt a.selected  { letter-spacing: 1; padding: 3px; 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: 163px;
margin: 0px 0px 0px 0px;

} 

#button ul {
        width: 174px;
        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 0.3em;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size: 13px;
	background-color: #50B3EC;
	color: #ffffff;
	text-decoration: none;
	
	}
html>body #button li a {
	width: 174px;
	}

#button li a:hover{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
       border-bottom: 1px solid #ffffff;
        background-color: #6DC3F4;
        color: #000000;
	}

#button li a.selected{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	   border-bottom: 1px solid #ffffff;
        background-color: #6DC3F4;
        color: #000000;
       	}


#button1 {position: absolute;
top: 163px;

} 

#button1 ul {
        width: 178px;
        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.3em;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
   	font-size: 13px;
	background-color: #50B3EC;
	color: #ffffff;
	text-decoration: none;
	width: 178px;
	}
html>body #button1 li a {
	width: 178px;
	}

#button1 li a:hover{
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
  	    border-bottom: 1px solid #ffffff;
        background-color: #6DC3F4;
        color: #000000;
	}

#button1 li a.selected{
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
	    border-bottom: 1px solid #ffffff;
        background-color: #6DC3F4;
        color: #000000;
       	}



#nieuws {position: absolute;
top: 155px;
left: 0px;
} 

#nieuws ul {
        width: 201px;
        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 #ffffff;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	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: #C2E56F;
	color: #096826;
	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 #ffffff;
  	border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        background-color: #D8F495;
        color: #000000;
	}

#nieuws li a.selected{
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        background-color: #D8F495;
        color: #000000;
       	}
#nieuws ul {
	margin: 0;
        padding: 0px 0;
	border-bottom: 0px solid #C48439;
	}
	


#menu {position: absolute;
top: 128px;
margin: 0px 0px 0px 1px;
} 
#menu ul {
        margin: 0;
        padding: 0px 0;
           
	 }	
#menu ul li {
       	display: inline;
          }
#menu li a{ padding: 6px 20px; 0px; 20px;
        list-style: none;
        display: inline;
        text-decoration: none;
        border-right: 1px solid #ffffff;
        font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        background-color: #CB0D14;
        color: #ffffff;
        }

#menu li a:hover{
  	color: #CB0D14;
       background-color: #ffffff;
       border-right: 1px solid #ffffff;
        }

#menu li a.selected{
        color: #CB0D14;
        background-color: #ffffff;
        border-right: 1px solid #ffffff;
       }
#menu ul {
	margin: 0;
        padding: 4px 0;
        }
	
        html>body #menu ul {width: auto;
	padding: 2px 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. */
