body
{
	font-family: arial, helvetica, geneva, sans-serif;
}

p
{
	font-family: arial, helvetica, geneva, sans-serif;
}

.fontti
{
        font-family: arial, helvetica, geneva, sans-serif;
}


.sis
{
	font-family: arial, helvetica, geneva, sans-serif;
	margin-left: 17px;
}

ul
{
	font-family: arial, helvetica, geneva, sans-serif;
}


ol
{
        font-family: arial, helvetica, geneva, sans-serif;
}

dl
{
        font-family: arial, helvetica, geneva, sans-serif;
}



H1
{
 	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 140%;
}

H2
{
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 120%;
}

H3
{
 	font-family: arial, helvetica, geneva, sans-serif;
}

H4
{
	font-family: arial, helvetica, geneva, sans-serif;
}

H5
{
        font-family: arial, helvetica, geneva, sans-serif;
}

H6 {
        font-family: arial, helvetica, geneva, sans-serif;
}


a:link { 
color:#003366;
background-color:transparent; 
}

a:visited { 
color:#336633;
background-color:transparent;
}

a:active { 
color:#cc3300;
background-color:transparent;
}


.ingressi {  font-size: 95%; line-height: 95%; font-weight: 600; }

.kuvateksti { font-size: 80%; line-height: 100%; font-style: italic; }

.pienempi { font-size: 90%; }

.pienin { font-size: 85%; }

/* värejä leipätekstiin ja otsikoihin (otsikot voivat olla .sin) */

.sin { color: #004080; }
.pun { color: #ff0000; }
.sinharmaa { color: #336699; }
.kelt { background: #FFFF00; }
.harmaa { background: #CCCCCC; padding: 0.1em; }
.violetti { background: #CCCCFF; }
.violharmaa { background: #CCCCCC; color: #336699; }

	/* vaaleanruskean värinen pohja, ei reunoja, käytössä mm. 
	opinto-opassivuilla */

.pohja { background: rgb(238,229,222); padding: 0.5em; border: none; }

	/* vihreä pohja, ei reunoja, opiskelu.html:ssä erillisten uutisten 
	kokeilupohjavärinä */

.vihreapohja { background: rgb(216,232,216); padding: 0.2em; border: 
none; }

	/* vihreä pohja, vaaleansiniset reunat, käytössä 
laajasti, mm. opiskelun etusivulla uutispalstalinkin pohjana */

.vihpohja { background: rgb(221,237,221); padding: 0.1em; border: solid; 
border-width: thin; border-color: #9999CC; }

.sinpohja { background: #D2E6FA; padding: 0.1em; margin: 0em; border: solid; 
border-width: thin; border-color: #9999CC; }
  
	/*  reunat ja harmaa pohjaväri, käytössä opiskelu.html:ssä 
	keskipalstalla */

.reunat { background: rgb(245,245,245); padding: 0.5em; border: solid; 
border-width: thin; border-color: #9999CC; }


/* käytössä sanakirjassa: sanasto.phtml:n otsikossa */

.harmaapohja { background: rgb(245,245,245); padding: 0.3em; }

.violpohja { background: rgb(204,204,255); padding: 0.2em; border: solid; 
border-width: thin; black; }

.raamit 
{ padding-right: 0.4em;
padding-bottom: 0.4em;
padding-left: 0.3em;
padding-top: 0.3em;
border: solid 0.05em black; }

.infolaatikko { 
background: #D2E6FA; 
padding-right: 0.2em; 
padding-bottom: 0.3em;
padding-left: 0.3em;
padding-top: 0.2em;
border: dotted; 
border-width: thin; 
border-color: #9999CC; }

.vihrearaami { padding: 0.3em; border: dotted; border-width: medium; 0.15em; 
border-color: #669966; font-size: 90%; }

.valiots { margin-left: 5.0px; padding: 0.2em; border: solid; border-left-width: medium; border-bottom-width: thin; border-right: none; border-top: none; border-color: #999999; }


.esimerkki {
    padding-left: 2.0em;
    margin-top: 0.5em;
    border: none;
    font-size: 80%; }

.esimerkki2 {
    padding-left: 2.0em;
    margin-top: 0.5em;
    border: none;
    font-size: 90%; }

.sisennys {
    padding-left: 1.5em;
    border: none;
  }

/*päivitetty-päivämäärän muotoilu */
.paivitetty {
color: #CCCCC; 
background: transparent; 
font-size: 80%; 
font-style: italic; 
text-align: right;
}

/* murupolku */
.breadcrump {
	font-size: 80%;
}
.breadcrump a:hover { 
background:transparent;
}

.anfangi
 {float:left;
 margin-top:0em;
 margin-right:0.1em; 
 margin-bottom:0em;
 margin-left:0em;
 line-height: .8em;
 font-size:300%;
 font-family:"times","Times New Roman";
 border-width: thin; 
 border-style: solid; 
 border-color: black;
 padding: 0.1em;
 color: #294186;
 background-color: #CCCCCC; } 

/* tätä voi tarvita jossain  { text-transform: uppercase; } */