body {
margin-left: 3.2em;
margin-right: 3em;
background-color: #FFFFFF
}

* {
  font-family: Arial, sans-serif, Verdana;}

a:hover {
  color: #FF0000;
 }

.pikkul {
font-size: 0.85em;
}

h1 { 
font-size: 110%;
font-weight: bold;
}

 h2 {
font-size: 100% }

p,.norm {
  margin-left: 2.1em;
  line-height: 1.8;
   }

.eivalia {
  margin-top: 0em;
  margin-bottom: 0em;
}

.eka {
 margin-top: 0em;
 margin-left: 2.1em;
 line-height: 1.8;
 }

.kteksti {
color: #990033;
font-size: 95%;
 line-height: 1.4;

}

.vari {
color: #990033;
}

.r { border: solid 1px #d8d8d8;
}

table {
border-collapse: collapse;
}

.tehtava {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: -0.6em;
  margin-top: 0.1em;
  float: left;
 }

.jokeri {
 
  font-size: 120%;
  font-weight: bold;
  margin-top: 0.1em;
  margin-left: -0.3em; 
  margin-bottom: -0.6em;
  float: left;
 }
.jokeri2 {
 
  font-size: 120%;
  font-weight: bold;
  margin-left: -0.5em; 
 margin-top: 0.1em;
  margin-bottom: -0.6em;
  float: left;
 }


.reaktio {
   color: #0000C0;
}

.reaktio2 {
  font-size: 1em;
  color: #0000C0;
  margin-left: 7em;
}
.op {
  float: right;
  padding-left: 1em; 
  line-height:1.8;
  margin-bottom: 0.5em;

  border-left: 1px black solid;
}
.lis {
  float: right;
  font-size: 90%;
  color: #990033;
  padding: 0.5em 0.5em 0.5em;
  margin-left;1em;
  margin-bottom: 0.5em;
  border: thin black dotted;
  line-height:1.5;

}

ul,.sis { 
margin-left: 2em;
}

li, dd {
  font-size: 100%;
  line-height:1.8;
margin-bottom: 0.5em;
}


.nuoli {
font-size: 1.4em;
}

sub {
vertical-align: -0.4ex;
}
.koe {
 font-size: 120%;
  font-weight: bold;
  margin-left: 0em;
  margin-bottom: 0em;
  }