/* realv.css
** CSS2 - Tyylitiedosto Real Vision Oy:n www-sivua varten.
** Tämä versio on optimoitu Windows-järjestelmän IE- ja Opera- selaimien
** versioille 5.00 -> 
** Tuntuu äkkiseltään toimivan myös Netscape 6.0:ssa, joskin tämä testi on
** kesken (2001-07-30).
**
** Luotu: 4. 6. 2001
**  - Alkutekijät, body-elementti.
**
** Muuteltu: 8. 6. 2001
**  - Yritetty saada fonttikoko oikeaksi Netscapessa 
**
** Muuteltu: 29. 6. 2001
**  - Käytännössä alusta uudelleen
**
** CSS:n tuki selaimissa ei ole hyvä, vaan pikemminkin katastrofi
** Täytyy miettiä vielä tarkkaan tokko tulevaisuuden web-sivua on
** järkeä tehdä tänään (kommentti 2001-06-06) 
**  
**************************************/

/* TODO: Netscapelle on tehtävä oma CSS, joka sitten selainasetusten perusteella vaihdetaan!!! */

/* ############################################################################### 
   #  kopioitu tähän W3C:n suositus lähtökohtaiseksi tyylisivuksi 2001-07-02  #### 
   #  - ja joku näistä sotkee Netscapen pahasti ikkunan kokoa säädettäessä.   #### 
   #  - ja siellä on paljon näitä ärsyttäviä pikseliasetuksia.                #### 
   ###############################################################################
 */

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }

/**/
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center; font-size:0.83em; }
CAPTION         { text-align: center }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4              { font-size: 1em; margin: 1em 0 }

/*!!! IE 5.5 Ei osaa (taas syystä tai toisesta..) skaalata fontteja oikein, jos ei tee näin:
p,ul,ol,
li				{ font-size: 1em; }
.. Mutta koskapa Netscape 4.7 tekee ihan oman näköisiä listoja ed. määritteillä, teemme seuraavasti:*/
p,li			{ font-size: 1em; }


H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 0.67em 0}
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }

OL, UL, DIR,
MENU, DD        { margin-left: 2em } /*40px }*/
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }


/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }



@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

/* ########################################################################################## */
/* ########################################################################################## */
/* ########################################################################################## */





body {

/* font-family: Arial, sans-serif;*/
     color:#000023;
     background: #cfd8ff none;
     /* background: #eff none; */
     margin: -1px 0 0 0;
     padding: 1px 0 0 0;

}

/*#### "Yleiset asetukset, kuten otsikot ja kappaleet" ####*/  

p
{
     margin: 1.33em 0 1.33em 2em;
}
ul
{
     padding: 0 0 0 0;
     margin: 0.5em 0 0.5em 4em;
}

.keskitys
{
	text-align: center;
}
/* Selaimet ei tue. Eivät auta miestä mäessä */
table.referenssitaulu
{
  border-style: none;
  margin: 0 0 0 2em;
  width: 80%;
}

table tr, th
{
  text-align: left;
  vertical-align: top;
}

table tr td, th
{
  background-image: none;
}

table.referenssitaulu tr td
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #eeeeef;
}

/*#### "Informaatiosisältö" ####*/  

.informaatio
{
    font-family: Arial, Helvetica, sans-serif;		
}

div.informaatio
{
    color: #000066;
    background: #ffffff;
    
    float: left;

    margin: 0 0 0 5%;
    padding: 1em 5% 1em 5%;

    width: 90%;		/* !!! Tämäkään pirulainen ei toimi Netscapessa */    
}


/*#### Navigointi ####*/
/* CSS2-tyyliasetukset Real Vision Oy:n nettisivua varten:
   Navigointipalkki (Soveltuu Kappalemuotoiseen versioon B)
   tehty 2001-07-05 pn.
*/   

#navip
{
	 background: transparent none;
   color: #aaaadd;		/* Tarkoituksella huono kontrasti */
   
   margin: 40px 1px 1px 10px;
   padding: 0 0 0 20px;

   font-size: 1.33em;
   font-family: Helvetica, Arial, sans-serif;
}

#navip img
{
   margin: 0 0.5em 0 -3px;
   padding: 0 0 0 0;
}

#navip a:link {
		 text-decoration: none;
		 color:#42f;
     background: transparent none;
}   
#navip a:visited {
		 text-decoration: none;
		 color:#52f; /*#a02;*/
     background: transparent none;
}
#navip a:active {
		 text-decoration: none;
		 color:#ccc;
     background: transparent none;
}
#navip a:hover {
		 text-decoration: none;
		 color:#fff;
     background: transparent none;
}

/* Tekstisisällön lopussa olevan navigointipalkin asetukset */
.alanavi
{
   text-align: center;
}



.kelluoikea
{
	float: right;
}
.kelluvasen
{
	float: left;
}

div.paivitystieto
{
	margin: 1em 0 0 0;
	padding: 2em 0.5em 0.5em 1em;
	font-size:0.83em;
}

/*
 * CSS2-tyyliasetukset Real Vision Oy:n nettisivua varten:
 * Etusivun asetukset
 * kesken(!) 2001-07-30 pn.
 */   
#etusivu
{
	 	color: #000033;
    background: #fcfcff;
		padding: 1em 10% 1em 10%;
}

.comment
{
     color: black;
     background: #ffdddf none;
}