body {
   background-color: black;
   background-image: url("isotausta.jpg");
   background-position: top center;
   background-repeat: no-repeat;
}

table.sivurunko {
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   border-collapse: collapse;
   border: solid 0px black;
   width: 862px;
}

table.jakaja {
   width: 552px;
   height: 300px;
}

td {
   color: #f9f9f9;
   font-family: Helvetica;
   font-size: 12px;
}

h1 {
   color: #f9f9f9;
   font-family: Helvetica;
   margin-left: 5px;
}

p {
   color: #f9f9f9;
   font-family: Helvetica;
   font-size: 12px;
   margin-left: 5px;
}

td.navi {
   height: 22px;
   background-image: url("navitabletausta.png");
   background-repeat: no-repeat;
   border: solid 0px black;
   padding: 3px 0px 0px 200px;
}

td.tiukka {
   padding: 0px 0px 0px 0px;
}

td {
   padding: 0px 0px 0px 0px;
}

td.vali {
   padding: 0px 0px 0px 0px;
   height: 10px;
}

td.runkolokero1 {
   width: 552px;
   height: 300px;
   padding: 0px 0px 0px 0px;
   background-color: black;
}

td.runkolokero2 {
   width: 2px;
   padding: 0px 5px 0px 5px;
}

td.runkolokero3 {
   width: auto;
   background-color: black;
   padding: 5px 10px 0px 15px;
   vertical-align: text-top;
}

td.runkolokero4 {
   width: 552px;
   height: 21px;
   background-color: black;
   padding: 0px 0px 0px 0px;
}	

td.runkolokero5 {
   border-top: solid 0px #26505c;
   vertical-align: top;
   background-color: black;
   padding: 5px 5px 0px 5px;
   background-position: center;
}

td.runkolokero6 {
   width: 295px;
   vertical-align: text-top;
  
}

td.runkolokero-jakaja {
   height: 3px;
}

td.valign {
   text-align: top;
}

img {
   margin-bottom: 0px;
   border: solid 0px black;
}

img.nappi {
   border: solid 1px black;
   margin-left: 0px;
   margin-right: 1px;
}

img.nappi:hover  {
   border: solid 1px #26505c;
}

img.topic {
   margin-bottom: 10px;
}


img.otsikko {
   margin-left: 5px;
}

img.wrappicture {
   margin-top: 60px;
   border: solid 1px #26505c;
}

div.taustadivi {
   background-image: url("mainpicback.jpg");
   width: 552px;
   height: 300px;
}

div.taustadivitrapeze {
   background-image: url("trapezeback.jpg");
   width: 552px;
   height: 300px;
}

.right {
   float: right;
   margin-right: 5px;
}
.left {
   float: left;
   margin-right: 5px;
   margin-left: 5px;
   }

input {
   border: solid 1px black;
   margin-left: 5px;
   font-family: Helvetica;
   font-size: 12px;
}

select {
   border: solid 1px black;
   margin-left: 5px;
   font-family: Helvetica;
   font-size: 12px;
}

a:link {
   color: #f9f9f9; 
}
a:visited {
   color: #f9f9f9;
}
a:hover {
   color: #8fa5a7;
}