/* When you view this file with a web browser: The name of this file */
/* is actually "/~jnw/styles/default.css".                           */

body { background-color: rgb(250, 240, 210);
       background-image: url( "/~jnw/images/background-pythagoras-light.jpg");
       font-family: arial, sans-serif;
       font-size: 12pt;
     }

.body { font-family: arial, sans-serif;
       font-size: 12pt;
     }

/* For some reason, Netscape v4.5 and Explorer 4.0 do not by default put */
/* the contents of <th> and <td> in the body font. So we have to tell them. */

th { background-color: rgb(250, 240, 210);
     font-family: arial, sans-serif;
       font-size: 12pt;
   }

td { font-family: arial, sans-serif;
     font-size: 12pt;
   }

tr { font-family: arial, sans-serif;
     font-size: 12pt;
   }

h1,h2,h3,h4
{
font-family: arial, helvetica, sans-serif;
font-weight: bold;
color: navy;
}

h1{font-size: 18pt;}
h2{font-size: 14pt;}

P
{
text-indent: 1em;
margin-top: 3pt;
margin-bottom: 0pt;
margin-right: 2em;
font-size: 12pt;
font-weight: 300;
font-family: arial, helvetica, sans-serif;
}

/* Quotes in a different font, please. */
q, blockquote { font-family: times, serif;
       font-size: 12pt;
   }

/* classes for floating. */
.left { float: left; }
.right { float: right; }

/* I want to use a different text color for the different languages. */
/* Also handle a properly, if Netscape supported it.                 */

.english
   { color: rgb(42, 0, 127);
   }
.english th
   { color: rgb(42, 0, 127);
   }
.english td
   { color: rgb(42, 0, 127);
   }
.english a:visited 
   { color: rgb(42, 0, 127);
   }
.english a:link
   { color: rgb(191, 50, 127);
   }

.dutch
   { color: rgb(0, 127, 90);
   }
.dutch th
   { color: rgb(0, 127, 90);
   }
.dutch td
   { color: rgb(0, 127, 90);
   }
.dutch a:visited
   { color: rgb(0, 127, 90);
   }
.dutch a:link
   { color: rgb(193, 127, 90);
   }

/* p:first-line { font-weight: bold                                  */
/*              }                                                    */

/* As p:first-line does not work in Netscape v4.5, we try to fake    */
/* it with a span class=first-line. That works, but font-variant:    */
/* small-caps does not. Also, the first-line pseudo-element cannot   */
/* be applied to br (nothing can), but a span can be used after a    */
/* br.                                                               */

.first-line { font-weight: bold
            }

.center {text-align: center}

.warning { color: rgb(255, 0, 0);
         }

/* tidy suggested a span.c1 instead of the font size=1 in my default */
/* footer. I changed it into a general class small-print.            */
.small-print {font-size: 8pt;
	     }
.big-print {font-size: 18pt;
	    font-weught: bold;
	     }

code { font-family: courier, monospace;
       font-size: 10pt;
       background-color: rgb(230, 235, 235);
     }

/* list-style-image does not seem to work in Netscape v4.5.          */

ul { list-style-image: url( "/~jnw/images/bullet-round-blue.gif" );
   }

/* list-style-position: inside; also does not work in Netscape v4.5. */
/* margin-left: 0; also does not work in Netscape v4.5.              */

ul.compact { list-style-position: inside;
             margin-left: 0;
           }

/*  For the weather section a different background.                  */
/*  Using this class does not result in the proper background.       */
.weather { 
	background-image: url("/~jnw/images/background-weerkaart.gif");
	 }

/* The following constructions do not seem to work in Netscape v4.5. */
/* Even worse, they cause formatting errors.                         */

/* hr.separator { width: 80%;                                        */
/*              }                                                    */

/* img { border-style: none;                                         */
/*       border-width: 0;                                            */
/*     }                                                             */