/* Fontiksi Arial. Arialin ominaisuuksien takia asetetaan
   myös riviväli tavallista hiukan isommaksi. */
 * { font-family: Arial, sans-serif; }
 *    { line-height: 1.3; }

body { margin-left: 1.5em;
       font-size: 100%; 
	   background: #000033;
	   color: #FFCCFF; }
	   
a {text-decoration: none; color: #FFCCFF;}
a:hover { text-decoration: underline; color: #FF0000; }   

/* Otsikoiden fontiksi Verdana, Arial tai muu pääteviivaton
   fontti kaikissa tilanteissa. Pääotsikon keskitys. */
h1, h2, h3, h4, h5, h6 {
   font-family: Verdana, Arial, sans-serif; 
   text-align: center; }

/* Otsikoiden koot kohtuullisiksi ja lihavointi vähäiseksi
   tai kokonaan pois. */
h1 { font-size: 170%; }
h2 { font-size: 145%; color: red; }
h3 { font-size: 125%; }
h4 { font-size: 115%; }
h5 { font-size: 106%; }
h6 { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }

/* Otsikoiden (paitsi pääotsikon) yläpuolelle enemmän tilaa
   kuin alapuolelle, suunnilleen kultaisen leikkauksen mukaan
   eli noin 1,62 : 1. Näissä on otettava huomioon otsikoiden
   fonttikoot, koska em on tässä elementin oma fonttikoko!
   Lisäksi pienennetään kappaleiden ylä- ja alareunuksia mm.
   siksi, että ne muuten aiheuttavat tyhjää otsikon jälkeen. */
h2 { margin: 1em 0 0.625em 0; }
h3 { margin: 1.1em 0 0.679em 0; }
h4 { margin: 1em 0 0.625em 0; }
h5 { margin: 0.81em 0 0.5em 0; }
h6 { margin: 0.81em 0 0.5em 0; }
p  { margin: 0.3em 0 0.9em 0; }
   
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
p { widows: 2; orphans: 2; text-align: center; }
.pieni { font-size: 70%; }

img {border-width: 0; }