TABLE {
    font-size: 9pt;
    font-family: Verdana,Arial,Sans-Serif;
    color: #281F83;
      }
table#ylalogo {
  background-image: url('kuva1.jpg');
  width: 900px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  }
table#ylalogo td {
  vertical-align: top;
  }
table#osa {
  width: 900px;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}

table#menu {
  width: 120px;
  }
table#menu tr {
  height: 20px;
  }
table#menu td {
  vertical-align: top;
  }
table#kokotila {
  width: 610px;
}
table#kokotila td {
  vertical-align: top;
  }
table#osa td {
  vertical-align: top;
  margin: 0;
  }
table#eka {
  width:280px;
  margin: 0;
        }
table#eka td {
  vertical-align: top;
  margin: 0;
  }
table#eka2 {
  width:200px;
  margin: 0;
        }
table#toka {
  width:280px;
  vertical-align: top;
  margin: 0;
        }
table#toka td {
  vertical-align: top;
  margin: 0;
  }
table#toka2 {
  width:360px;
  margin: 0;
        }
table#eka3 {
  width:320px;
  margin: 0;
        }
table#toka3 {
  width:260px;
  font-size: 8pt;
  font-family: Verdana,Arial,Sans-Serif;
  color: #281F83;
  margin: 0;

        }
table#toka3 tr {
  height: 15px; 
  margin: 0;

        }
table#eka4 {
  width:260px;
  font-size: 8pt;
  font-family: Verdana,Arial,Sans-Serif;
  color: #281F83;
  margin: 0;

        }

table#ajankohtaista {
    width: 125px;
    background-image: url('utausta.jpg');
    border-width: 1px;
    border-style: double;
    border-color: #000;
    font-family: verdana, arial; 
    color: #281F83;
    font-size: 10px; 
}

.ajankohtaista2 {
    background-image: url('utausta2.jpg');
    border-width: 1px;
    border-style: double;
    border-color: #000;
    font-family: verdana, arial; 
    color: #281F83;
    font-size: 10px;
    margin: 0 ;
}

table#alalogo {
  background-image: url('master.jpg');
  width: 900px;
  height: 15px;
  }

FORM {
    display: inline;
     margin: 0;
     }
.linkki {
   font-size: 9pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #281F83;
        }
.linkki2 {
   font-size: 7.5pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #281F83; 
         }
.linkki3 {
   text-decoration: none;
   font-size: 7.5pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #281F83 ;
   padding: 5px 5px 5px 5px;
         }
.linkki4 {
   font-size: 8pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #281F83; 
         }
.linkki5 {
   font-size: 9pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #281F83; 
   border-width: 1px; 
   border-color: #281F83; 
         }
.linkki6 {
   font-size: 8pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #F6F811; 
         }
.linkki7 {
   font-size: 9pt;
   font-family: Verdana,Arial,Sans-Serif;
   color: #281F83;
        }
.bmargin {
   padding: 2px;
         }
.kuva {
   float:left;
   margin-right:10px;
	}
.kuva2 {
   float: right;
   margin-left:1px;
	}

.vari {
   font-size: 7.5pt;
 font-family: Verdana,Arial,Sans-Serif;
   color: #474747;
   background-color: #767676;

      }
.vari2 {
   font-size: 7.5pt;
 font-family: Verdana,Arial,Sans-Serif;
   color: #000000;
   background-color: #E6E8FA;
      }
P { 
  font-size: 9pt;
  font-family: Verdana,Arial,Sans-Serif;
  color: #281F83;
  }
A {
  font-size: 8pt;
  font-family: Verdana,Arial,Sans-Serif;
  color: #281F83; 
  }
A:hover {
  text-decoration: underline;
        }
.isoa {
  font-size: 11pt; font-family: Verdana,Arial,Sans-Serif;
  color: #281F83; 
      }

body {
    background-color: #CDCDCD;
    margin-top: 15px;
     }
.vmargin {
    margin-left: 10px;
     }

.nappi {
    background-color: #FFFCAD; 
    border-width: 1px; 
    border-color: #281F83; 
    border-style: solid; 
    font-family: verdana, arial; 
    color: #281F83;
    font-size: 11px; 
    font-weight: bold; 

}
.nappikopio {
    background-color: #FFFFFF; 
    border-width: 1px; 
    border-color: #281F83; 
    border-style: solid; 
    font-family: verdana, arial; 
    color: #281F83;
    font-size: 11px; 
    font-weight: bold; 
    

}


TEXTAREA {
    background-color: #FFFFFF; 
    border-width: 1px; 
    border-color: #281F83; 
    border-style: solid; 
    font-family: verdana, arial; 
    color: black; 
    font-size: 11px; 
    font-weight: bold; 
       }
.Rajat {
    border-bottom: medium solid red;
       }
SELECT {
    background-color: #FFFFFF; 
    border-width: 1px; 
    border-color: #281F83; 
    border-style: solid;
    font-family: verdana, arial; 
    color: black; 
    font-size: 11px;
    font-weight: bold; 
} 
div {
    overflow:auto;
    width:75%;
    height:300px;
    background-color:#FFFFFF;
    text-align: left;
    }


a:hover.linkki5 {
	 color: #666666;
         color: white;
         background: #FFCC99;
         background: #000099 none;
         text-decoration: none;
}
a:hover.linkki7 {
         color: #666666;
         color: white;
         background: #FFCC99;
         background: #000099 none;
         text-decoration: none;
         }
.nappi:hover {
         color: #666666;
         color: white;
         background: #FFCC99;
         background: #000099 none;
         text-decoration: none;
	 
}
.menu {
  background: white none;
  width: 130;
  height: 140;
  margin: 0%;
  position: absolute;
  left: 30;
  top: 80;
}
.tausta {
  background: white none;
  color: black;
  width: 900px;
  height: 500px;
  margin: 0%;
  top: auto;
  left: auto;
  rigth: auto;
  position: absolute;
}
.kartta {
  background: white;
  width: 390px;
  height: 335px;
  margin: 0;
  bottom: 100;
  left: 200;
  position: absolute;
}




</style>