
/* Styles voor tekst */

body, p, td, li
        { color: #000000; 
          font-size: 8pt; 
          font-family: verdana, Arial, Helvetica, sans-serif; 
          line-height: 1.5em;   
          vertical-align: top; 
 }

.hoofdkop { letter-spacing: 1px; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 16px; 
           line-height: 1.5em; 
           color: #79043E;
           font-weight: bold;
 }
 
.kop { letter-spacing: 0; 
          font-family: verdana, Arial, Helvetica; 
          font-size: 11px; 
          color: #660033;
          font-weight: bold; 
 }
 

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


.small  { font-family: verdana, Arial; 
          font-size: 6pt; 
          font-style: italic; 
          line-height: 13px; 
          font-weight: normal; 
          font-variant: normal; 
          text-transform: none; 
          color: #000000}

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


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

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

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

.text A:hover  { color: #FF0000; font-weight: normal; font-size: 13px; font-family: 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; 
 }
.subkopje { padding: 0px; font-family: Arial, Helvetica; font-size: 11px; color: #000000; font-weight: bold}

.subkopje1 { padding: 0px; font-family: Arial, Helvetica; font-size: 11px; color: #000000; font-weight: normal; }

.catstxt { letter-spacing: 1px; padding: 3px; color: #660033; font-weight: normal; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 15px; text-decoration: none }

.catstxt A:link  { letter-spacing: 1px; padding: 3px; color: #660033; font-weight: normal; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 9px; text-decoration: none }

.catstxt A:active  { letter-spacing: 1px; padding: 3px; color: #660033; font-weight: normal; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 9px; text-decoration: none }

.catstxt A:visited  { letter-spacing: 1px; padding: 3px; color: #660033; font-weight: normal; font-size: 9px; font-family:  verdana, Arial, Helvetica, sans-serif; line-height: 9px; text-decoration: none }

.catstxt A:hover  { letter-spacing: 1px; padding: 3px; color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; line-height: 9px; text-decoration: none }

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

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

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

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



/* Styles voor navigatie */


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

#button ul {
        width: 180px;
        padding: 0 0 1em 0;   
        margin: 0;
        padding: 0;
	border-bottom: 1px solid #AA6389;
	 }	
#button ul li {
        margin: 0;
        padding: 0;
        list-style: none;
	display: inline;
        text-align: left;
  }
#button li a {
	display: block;
	padding: 3px 1px 3px 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
	color: #79043E;
        border-bottom: 1px solid #AA6389;
	text-decoration: none	
	}
html>body #button li a {
	width: 174}

#button li a:hover{
        background-color: #CC3467;
        color: #ffffff;
	}

#button li a.selected{
        background-color: #CC3467;
        color: #ffffff;
       	}
#button ul {
	margin: 0;
        padding: 0px 0;
	border-bottom: 0px solid #C48439;
	}

#nieuws {position: absolute;
top: 206px;
left: 0px;
letter-spacing: 0;
} 

#nieuws ul {
        width: 180px;
        padding: 0 0 1em 0;   
        margin: 0;
        padding: 0;
	border-bottom: 1px solid #AA6389;
	 }	
#nieuws ul li {
        margin: 0;
        padding: 0;
        list-style: none;
	display: inline;
        text-align: left;
  }
#nieuws li a {
	display: block;
	padding: 1px 1px 1px 1px;
	font-weight: normal;
	font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
	text-align: left;
        color: #79043E;
        border-bottom: 1px solid #AA6389;
	text-decoration: none;
	
	}
html>body #nieuws li a {
	width: 174}

#nieuws li a:hover{
        background-color: #CC3467;
        color: #ffffff;
	}

#nieuws li a.selected{
        background-color: #CC3467;
        color: #ffffff;
       	}
#nieuws ul {
	margin: 0;
        padding: 0px 0;
	border-bottom: 0px solid #C48439;
	}
	


#menu {position: absolute;
       top: 126px;
       left: 181px;
       text-align: right}

#menu ul {
        margin: 0;
        padding: 0    }	
#menu ul li {
       	display: inline }
#menu li a{ padding: 6px 6px 6px 5px;
        list-style: none;
        display: inline;
        text-decoration: none;
        font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #ffffff
        }

#menu li a:hover{
  	color: #ffffff;
        background-color: #CC3467;        
       }

#menu li a.selected{
      color: #ffffff;
        background-color: #CC3467;   
        }
#menu ul {
	margin: 0;
        padding: 5px 0;
        border-bottom: 0px solid #002E5B;
	}
	
	html>body #menu ul {width: auto;
	padding: 5px 0;
	}


/* Styles voor TABEL content */


.kolom {
	font-family: Arial,Helvetica;
         margin: 5px;	
        font-size: 12px;
        color: #000000;
        text-align: justify}

#rechts { 
       font-family: Arial,Helvetica;	        
}

#onder { 
       font-family: verdana,Helvetica;	        
}

#content { font-family: verdana, Helvetica;	  
      
          
}

#inhoud {        
         margin: 0px 0px 0px 15px;
        
	}


#zoeken {position: absolute;
top: 128px;
left: 5px;
} 

.zoek {	font-family: verdana,geneva,helvetica,arial,sans-serif; 
        font-size: 12px; width: 90px; 
        height: 19px; color : #000000;               
}


/* 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, h2, h3, h4, h5, h6
{ letter-spacing: 1px; 
           margin: 0;
	   font-family: verdana, Arial, Helvetica;
           font-size: 16px; 
           line-height: 1.5em; 
           color: #79043E;
           font-weight: bold;
 }


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

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

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

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

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

p
{}

.separator
{
	background-repeat : repeat-x;
	background : url(../back/stippel.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. */
