body {
  font-family:Arial, Tahoma, Verdana, 'Trebuchet MS', Sans-Serif;
}

/*Rakenteen maaritykset*/

div.kehys {
  margin: auto;
  width: 800px;
}

div.otsikko {
  padding-bottom: 10px;
  border-bottom: 2px groove #993399;
}

div.paavalikko p {
  text-align: center;
  float: left;
  font-weight: bold;
  width: 133px;
  padding-bottom: 10px;
  border-bottom: 2px groove #993399;
}

div.vasen {
  clear: left;
  float: left;
  margin: 0px;
  padding-right: 10px;
  width: 180px;
}

div.vasen p{
  font-weight: bold;
}


div.sisalto {
  float: left;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  width: 590px;
}

#etusivu {       /* etusivun sisalto*/
  width: 400px;
}

h1 {
  margin-top: 4em;
  font-size: large;
}

h2 {
  color: white;
  background-color: #993399;
  font-size: large;
  padding: 0.3em;
  margin-bottom: 0em;
}

h3 {
  color: #993399;
  font-size: medium;
}

div.oikea {
  clear: right;
  float: left;
  margin: 0px;
  min-height: 500px;
  border-left: 2px groove #993399;
  padding-left: 8px;
  width: 180px;
}

div.oikea p {
  text-align: center;
  font-weight: bold;
}

div.alaosa {
  font-size:small;
  border-top: 2px groove #993399;
  clear: both;
}

div.alaosa p {
  float: left;
  color: black;
  width: 160px;
}

/*Yksiloidyt elementit*/

#kalenteri {
  margin: auto;
  padding: 0.5em;
  border: 1px solid black;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
}

#paivitetty {
  margin-top: 1.5em;
  font-size: small;
  font-weight: normal;
}

/*Opettajasivu*/

div.opettaja {
  padding-top: 1em;
  padding-bottom: 0.5em;
  border-bottom: 2px groove #993399;
}

p.nimi {
  font-weight: bold;
}
p.yhteystiedot {
  float:right;
  margin-left: 2em;
  margin-bottom: 4em;
}
p.virkavapaalla {
  float:right;
  color: red;
}
p.aineet {
  text-decoration: underline;
}
p.sijainen {
 font-weight: bold;
}
p.sijainen:before {
 font-weight: normal;
 content:"Viransijaisena ";
}
p.muuta:before {
 font-style: italic;
 content:"Muuta: ";
}


.johtokunta {
  margin-top: 1em;
}
.johtokunta th {
  width: 50%;
  text-align: left;
}

.oikealle{
  float: right;
}

.alaviiva{
  padding-top: 1em;
  padding-bottom: 0.5em;
  border-bottom: 2px groove #993399;
}


/*Galleria*/

.kuva {
  padding-top: 1em;
  text-align: center;
}


/*Linkkien pseudoluokat*/

A:link {
 color:#993399;
 text-decoration: none;
}
A:visited{
  color:#993399;
  text-decoration: none;
}
A:active{
  color:#993399;
  text-decoration: none;
}
A:hover{
  color:#E462E0;
}


/*Tarpeettomiksi jaaneet*/

hr.viiva1 {
  border-bottom: 2px;
  style: groove;
  color: #993399;
}
hr.viiva2 {
  border-bottom: 2px;
  style: groove;
  color: #FBB917;
}
td.otsikko1 {
  background-color: #993399;
  color: white;
}
.vari1{
  color: #993399;
}
.vari2{
  color: #FBB917;
}
table.taulukko1 {
  border: 4px;
  border-style: double;
  border-color: #FBB917;
}