/* jpw.css eerste versie 15 dec 2006                                        */
/*         vs 16 april 2007                                                 */ 
/*         vs 12 may 2007   added button class  etc                         */
/*         vs 14 sep 2007   first active version                            */
/*         vs 24 jun 2009   coloured lists refs                             */
/*  25 sep 2009 "Monotype Corsiva" verwijderd niet goed op sommige systemen */
/**********************************************************88888888**********/

/**** anchors ***************************************************************/
a:link    {color : blue ;}
a:visited {color : #58C ;}

a.litref {color : blue ;}            /* literature refs */
a.litref:visited {color : red ;}


/* font-family: Fairfield, "Times New Roman", Times, serif;                  */
/* font-family: 'Trebuchet MS', Arial, Helvetica, "sans serif" ;    reserve  */  

/**** bodies *****************************************************************/
body    {background : white ;                    
         font-family: Rockwell, Arial, Helvetica, "sans serif";  
         font-size  : 90% ;}



html, body, .tableh { height  : 100% ;
                      margin  : 0 ; 
                      padding : 0 ;
                      border  : none ;
                      }
            

/**** images *********************************************************/

 
/**** divisions **3 parts ******left : 12%-2% = 10%  ****************/

div.floatleft  {background : url(images/recbg.jpg);          /*   background : RGB(205,205,255) ;  */
                float      : left ;
                font-size  : 100% ;			
                height     : 100% ;    
                margin     : 0 0 0 0 ;
                width      : 12% ; }
		                

div.floatmiddle {float     : left ;
                 background : white ;  
                 margin     : 0 0 0 0 ;
	         width      : 76%;}


div.floatright  {float  : left ;
                background : url(images/recbg.jpg);
                font-size  : 90% ;			
                height     : 100% ;    
                margin     : 0 0 0 0 ;
                width      : 12% ; } 

/**** divisions **2 parts ******left 12% , right 87% , sum = 99% ****************/
div.floatleft2 {background : url(images/recbg.jpg);
                float      : left ;
                height     : 100% ;    
                margin     : 0 0 0 0 ;
                width      : 12% ; }

div.floatright2 {float  : left ;
                 background : white ;
                 margin     : 0 0 0 0 ;
                 width      : 88% ; } 

/**** 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% ; }


/**** paragraphs *****************************************************/
p       {background : white ;}  
p.pi1   {margin     : 0 ;
         padding    : 0 30px 0 10px;}
p.psi2  {margin     : 0 ;
         padding    : 0 30px 0 30px;}

p.nicefont {font-family : "Monotype Corsiva",  "Comic SANS MS", "Curlz MT",
                          "sans serif";
            font-size : 125% ;
            color : green; background : transparent;    margin : 0 }   /** test in lectures **/
p.nicefonte {font-family : "Bookman",  "Times", "serif";
            color : green; background : transparent;    margin : 0 }   /** test in theses **/
 
p.pblk  {color : black; background : transparent;    margin : 0} 
p.pbls  {color : black; background : transparent;    margin : 0; 
         font-size : 110%; font-family :  "Comic SANS MS", "sans serif";}

p.pgre  {color : green; background : transparent;    margin : 0} 
p.pgrb  {color : green; background : transparent;    margin : 0; font-weight : bold;} 
p.pred  {color : red;   background : transparent;    margin : 0} 


p.liscol {background : RGB(255,255,180); /* banded lists of refs etc */
                       padding : 5px;}    

p.liswit {background : RGB(255,255,255); 
                       padding : 5px;}

span.sc {color : black; background : transparent;    margin : 0; 
         font-size : 100%; 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;}




/**** 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 ;                         */
/* niet 	margin-left   : auto ;   margin-right : auto ;   */

/**************************************************************************/
#button {
	width         : 7em  ;             /* 8%  */
	padding       : 3px 0 3px 0 ;
	margin-bottom : 3px ;
	margin-top    : 3px ;
	font-family   : 'Trebuchet MS', 'Lucida Grande',
	                 Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif ;
	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', 'Lucida Grande',
	                 Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif ;
	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 ;  
	}


a:visited {
  color: #007777;
	text-decoration: none;
}
a:hover {
  color: #00AA00;
	text-decoration: underline;
}

/**** C++ comments allowed !! ****************************************/
/* bewaren voor later gebruik */
/* #ddffff =              light blue */
/* RGB(255, 255, 120) ;}  light yellow */
/* RGB(200, 255, 200) ;}  light green */
/* RGB(255, 255, 255) ; wit */
/* background : RGB(230,255,120)   light yellow */
/* 	        padding : 4em 1em 1em 1em ; */
/*            margin     : 10px 2% 10px 2% ;} */
	border-left      : 8px solid #1c64d1 ;
	border-right     : 8px solid #5ba3e0 ;
/*********************************************************************/