ÿþ/* styles2.css **************************************************************/

/* vs 1  15 dec 2006  first try                                             */

/* vs 2  08 mar 2010  new start 

/* vs 2.1 11 mar 2010 new fonts,old:Rockwell, Arial, Helvetica, "sans serif"*/                                            */

/**********************************************************888***************/



body    {background : white ;                    

         font-family: Geneva,Times,"serif";  

         font-size  : 90% ;

         height     : 100% ;

         margin  : 0 ; 

         padding : 0 ;

         border  : none ;}



.main {

	position: absolute;

	margin-left: 50%;

      margin-top : 0 ; 

	left: -500px;

	width: 1000px;

	}

/* even niet : 	height: auto;  */





.inhoud {

	float: left;

	width:1000px;

	color: #000000;

	background-color: #FFFFFF;

	margin: 0px ;

	}



/**** anchors ***************************************************************/

/****************************************************************************/

a:link {color: #22E;                /* blue */

        text-decoration: underline;}



a:visited {color: #909;            /* purple */

           text-decoration: underline;}



a:hover {color: #000;              /*  black  */ 

         text-decoration: underline;}

/**********************************************************888***************/



/**** headers ***************************************************************/

h1 {background : RGB(255, 255, 255) ;

    font-size  : 130% ; }



h2 {background : RGB(255, 255, 255) ;

    font-size  : 110% ; }



h3 {background : RGB(255, 255, 255) ;

    font-size  : 105% ; }



h3.h3ins {margin     : 0 0 0 30px; }



h4 {background : RGB(255, 255, 255) ;

    font-size  : 101% ; }

/**********************************************************888***************/





/**** lists *****************************************************************/

ul.starblue   {list-style : url(images/starblue10b10.gif) ;} 

ul.stargreen  {list-style : url(images/stargreen10b10.gif) ;} 





/****************************************************************************/

/* mooie unordered list  http://www.alistapart.com/articles/taminglists     */

/*   even niet : 	border-right  : 1px solid #000 ;                          */

/****************************************************************************/

#button {

	width         : 7em  ;             /* 8%  */

	padding       : 3px 0 3px 0 ;

	margin-bottom : 3px ;

	margin-top    : 3px ;

	font-family   : 'Trebuchet MS',Verdana, Geneva, Helvetica, sans-serif ;

      font-size     : 80% ; 

	background-color : #9BE ;

	color         : #333 ;

	}



#button ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none; 

	}

		

#button li {

	border-bottom: 1px solid #90bbee;

	margin: 0;

	}





#button li a {

	padding         : 5px 2px 5px 2px ;

	border-left     : 8px solid #25B ;  

	border-right    : 8px solid #58C ;  

	background-color: #27B ;

	color           : white ;

	display         : block ;

      font-size       : 90%   ; 

	text-decoration : none ;

	text-align      : center ;

	width           : 100% ;

	}



 html>body #button li a { width : auto ; } 



#button li a:hover {

	border-left      : 8px solid #16D ;

	border-right     : 8px solid #5AE ;

	background-color : #29D ;

	color            : white ;

	}



/********************** green version **********************/

#buttong {

	width         : 7em  ;             /* 8%  */

	padding       : 3px 0 3px 0 ;

	margin-bottom : 3px ;

	margin-top    : 3px ;

	font-family   : 'Trebuchet MS',Verdana, Geneva, Helvetica, sans-serif ;

      font-size     : 90% ; 

	background-color : rgb(15,167,40) ;

	color         : #333 ;

	}



#buttong ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none; 

	}

		

#buttong li {

	border-bottom: 1px solid rgb(15,167,58) ;

	margin: 0;

	}





#buttong li a {

	padding         : 5px 2px 5px 2px ;

	border-left     : 8px solid rgb( 20,150,50) ;  

	border-right    : 8px solid rgb(120,220,50) ;  

	background-color: rgb(80,190,30) ;

	color           : white ;

	display         : block ;

      font-size       : 90%   ; 

	text-decoration : none ;

	text-align      : center ;

	width           : 100% ;

	}



 html>body #buttong li a { width : auto ; } 





/* There is one workaround in this part of the style sheet. To make the links active 

   for the full width of the DIV, I made them display: block;. This works for everything 

   but IE/Windows. If you give the block an explicit width of 100%, then IE/Windows plays 

   along. But doing this creates problems with IE5/Mac and Netscape/Mozilla. So I used the 

   child selector >  to redefine the width to auto. Since IE/Windows doesn t understand child

   selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule, and 

   everyone is happy. 

*/



#buttong li a:hover {

	background-color : rgb(120,220,50) ;

      border-left      : 8px solid rgb(100,190,50) ;

	border-right     : 8px solid rgb(100,190,50) ;

	color            : white ;

	}



#footpos { position : absolute ;  

	   margin   : 0 ;  

	   bottom   : 0 ;   

	   display  : block ;  

	   width    : 88% ;       /* is width  floatright2  */

	   height   : 160px ;                          

	   overflow : hidden ;  

	}



/**** paragraphs ************************************************************/

p.pblk  {color : black; margin : 0} 

p.pgre  {color : green; margin : 0} 

p.pgrb  {color : green; margin : 0; font-weight : bold;} 

p.pred  {color : red;   margin : 0} 





p.liscol {background : RGB(255,255,200); /* banded lists of refs etc */

                       padding : 5px;}    



p.liswit {background : RGB(255,255,255); 

                       padding : 5px;}



span.sc {color : black;  margin : 0; 

         font-size : 100%; font-style : italic ;

         font-family :   "Comic SANS MS", "sans serif";}

/****************************************************************************/



/**** tables ****************************************************************/

table.bb    { background : RGB(255,255,255); 

              border: solid black 1px;

              border-collapse : collapse; }



table.bb td { border     : solid black 1px ; padding : 2px 5px 2px 5px;}

/****************************************************************************/

/****************************************************************************/