/* Yleistyylit sivuille */
p
{
	font-size: 85%;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
}

ul, ol, dl 
{
	font-size: 85%;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-left: 10px;
}

.sissus_block
{
	font-size: 85%;
	margin-left: 30px;
	/* background-color: silver; */
}

.sissus_lista
{
	font-size: 85%;
	/* margin-left: 20px; */
	/* background-color: silver; */
}

.sis
{
	margin-left: 10px;
}

blockquote
{
	/* font-size: 85%; */
	font-family: arial, verdana, helvetica, sans-serif;
	/* background-color: blue; */
}

.pieni
{
	font-size: 70%;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-left: 10px;
}

p.alert
{
	color: #CC0000;
	background-color: transparent;
}

.reunus
{
	border: solid white 2px;
}

.substanssi /* minimikorkeus sivuille, voi asettaa muitakin tekstialueen ominaisuuksia border on demoamista varten */
{
	/* border: dotted 2px red; */
	min-height: 300px;
}

.kehys_motv-lista
{
	border: double #086E8F;
	width: 18em;
	margin-left: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.kehys_leveampi
{
	border: double #086E8F;
	width: 27em;
	margin-left: 12px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.haku
{
	margin-right: 10px;
	margin-bottom: 0px;
}


.navigaatio
{
	font-size: 85%;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 2px;
}

.alatunniste
{
	font-size: 85%;
	font-family: arial, verdana, helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.valkea:link,
a.valkea:hover,
a.valkea:active,  
a.valkea:visited 
{ 
	text-decoration: none;
	color: white;
}

a.navi:link,
a.navi:hover,
a.navi:active,
a.navi:visited 
{ 
	text-decoration: none;
}

/* Tyylit menetelmäopetuksen tietovarannolle */

body 
{
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 3px;
	font-family: arial, verdana, helvetica, sans-serif;
	color: black;
	background: #90C6D3;
}

.hae 
{
	background-color: #0F7493;
 	font-weight: bold;
 	font-size: 12px; color: white;
 	border: 1px solid white;
}

h1 
{
	font-size: 110%;
	color: #086E8F;
	padding-top: 10px;
}

h2 
{
	font-size: 105%;
	color: #267C98;
}

h3 
{
	font-size: 95%;
	color: #538EA1;
}

h4 
{
	font-size: 80%;
	color: #538EA1;
}

h1,
h2,
h3,
h4 
{
	font-family: arial, verdana, helvetica, sans-serif;
	margin-left: 10px;
}

.otsake 
{
	background-image: url(../kuvat/tausta_menetelmaopetus.png);
	background-repeat: repeat-x;
}

.ylalinkit
{
	font-size: 80%;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-top: 6px;
	margin-right: 10px;
	color: white;
}

.kvali
{
	float: right;
	width: 250px;
	height: 250px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	background: #F3E7E8;	
}

.kvali_alagrafiikka
{

	float: right;
	width: 250px;
	height: 6em;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	background: #F3E7E8;	
}

.kvali_ots
{
	background-image: url(../kuvat/osio_kvali.gif);
	background-repeat: no-repeat;
	font-family: arial, helvetica, geneva, sans-serif, monospace;
	font-size: 90%;
	padding: 8px;
	font-weight: bold;
	text-align: center;
}

.kvanti
{
	float: left;
	width: 250px;
	height: 250px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	background: #E2E2C2;	
}

.kvanti_alagrafiikka
{

	float: left;
	width: 250px;
	height: 6em;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	background: #E2E2C2;	
}

.kvanti_ots
{
	background-image: url(../kuvat/osio_kvanti.gif);
	background-repeat: no-repeat;
	font-family: arial, helvetica, geneva, sans-serif, monospace;
	font-size: 90%;
	padding: 8px;
	font-weight: bold;
	text-align: center;
}

.kuvaus
{
	font-size: 85%;
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 8px;
}

.alapalkki
{
	background-image: url(../kuvat/alapalkki_menetelmaopetus.gif);
	background-repeat: repeat;	
}

.kayttoilmoitus
{
	border: double #086E8F;
	width: 520px;
	margin-left: 12px;
	padding: 10px;
}

.kayttoilmoitus td
{
	font-family: Verdana, Helvetica, arial sans-serif; 
	font-size: .75em;
	padding: 2px;
}

a:link    
{
	color: #086285;
}

a:hover    
{
	color: #AD494D;
}

a:active  
{
	color: #AD494D;
}

a:visited 
{
	color: #628592;
}

a:link,
a:hover,
a:active,
a:visited
{
	font-family: arial, helvetica, geneva, sans-serif;
}

.murut
{
	height: 20px;
}

.pieni_muru
{
	font-family: arial, verdana, helvetica, sans-serif;
	margin-left: 10px;
	font-size: 75%;
	color: black;
}

@media print
{ 
	.no_print { display: none; } 
}
@media screen
{ 
	.no_screen { display: none; }
}

td.erottaja {
  color: red;
  background-color: #4679AB;
  height: 1px;
}

#updated {
  display: none;
}