@media screen {
body {
margin: 0;
padding: 0;
background: #fff url(kuvat/tausta2.gif) repeat-x;
color: #1c3458;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
}
a {
color: #093fa1;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline;
line-height: 19px;
}
a:hover {
text-decoration: none;
}
#keskitys {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
#pohja {
clear: both;
background: url(kuvat/pohjatausta.gif) repeat-y;
width: 967px;
height: 100%;
min-height: 1100px;
max-height: 100%;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
}
#pohja #ylapalkki {
clear: both;
background: url(kuvat/ylapalkki2.gif) no-repeat;
width: 967px;
height: 154px;
height: 230px;
margin: 0;
padding: 0;
text-align: center;
}
#pohja #ylapalkki .logo a h1 {
display: none;
}
#pohja #ylapalkki .logo a {
display: block;
background: url(kuvat/logo.gif) no-repeat center bottom;
width: 238px;
height: 27px;
margin: 0 auto 0 auto;
padding: 5px 0 0 0;
text-align: center;
}
#pohja #ylapalkki.iso .logo a h1 {
display: none;
}
#pohja #ylapalkki.iso .logo a {
display: block;
background: url(kuvat/ylakuva.jpg) no-repeat left top;
width: 955px;
height: 132px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}
#logot_viiva {
width: 900px;
margin:5px auto 0 auto;
border-bottom:1px solid #FFF;
}
#pohja #ylapalkki #linkit {
width: 949px;
height: 70px;
margin: 10px auto 0px auto;
padding: 0;
}
#pohja #ylapalkki #linkit div a {
display: block;
float: left;
background-repeat: no-repeat;
background-position: center center;
width: 158px;
height: 70px;
margin: 0;
padding: 0;
text-align: center;
}
#pohja #ylapalkki #linkit div a span {
display: none;
}
#pohja #ylapalkki #linkit div.yksi a  {
background-image: url(kuvat/01.gif);
}
#pohja #ylapalkki #linkit div.kaksi a  {
background-image: url(kuvat/02.gif);
}
#pohja #ylapalkki #linkit div.kolme a  {
background-image: url(kuvat/03.gif);
}
#pohja #ylapalkki #linkit div.nelja a  {
background-image: url(kuvat/04.gif);
}
#pohja #ylapalkki #linkit div.viisi a  {
background-image: url(kuvat/05.gif);
}
#pohja #ylapalkki #linkit div.kuusi a  {
background-image: url(kuvat/06.gif);
}
#pohja #ylapalkki #linkit div.seitseman a  {
background-image: url(kuvat/07.gif);
}
#pohja #ylapalkki #linkit div.kahdeksan a  {
background-image: url(kuvat/08.gif);
}
#pohja #ylapalkki #linkit div.yhdeksan a  {
background-image: url(kuvat/09.gif);
}
#pohja #ylapalkki #linkit div.kymmenen a  {
background-image: url(kuvat/010.gif);
}
#pohja #ylapalkki #linkit div.yksitoista a  {
background-image: url(kuvat/011.gif);
}
#pohja #ylapalkki #linkit div.kaksitoista a  {
background-image: url(kuvat/012.gif);
}
#pohja #ylapalkki #linkit div.kolmetoista a  {
background-image: url(kuvat/013.gif);
}
#pohja #ylapalkki #linkit div.yksi a:hover  {
background-image: url(kuvat/01a.gif);
}
#pohja #ylapalkki #linkit div.kaksi a:hover  {
background-image: url(kuvat/02a.gif);
}
#pohja #ylapalkki #linkit div.kolme a:hover  {
background-image: url(kuvat/03a.gif);
}
#pohja #ylapalkki #linkit div.nelja a:hover  {
background-image: url(kuvat/04a.gif);
}
#pohja #ylapalkki #linkit div.viisi a:hover  {
background-image: url(kuvat/05a.gif);
}
#pohja #ylapalkki #linkit div.kuusi a:hover  {
background-image: url(kuvat/06a.gif);
}
#pohja #ylapalkki #linkit div.seitseman a:hover  {
background-image: url(kuvat/07a.gif);
}
#pohja #ylapalkki #linkit div.kahdeksan a:hover  {
background-image: url(kuvat/08a.gif);
}
#pohja #ylapalkki #linkit div.yhdeksan a:hover  {
background-image: url(kuvat/09a.gif);
}
#pohja #ylapalkki #linkit div.kymmenen a:hover  {
background-image: url(kuvat/010a.gif);
}
#pohja #ylapalkki #linkit div.yksitoista a:hover  {
background-image: url(kuvat/011a.gif);
}
#pohja #ylapalkki #linkit div.kaksitoista a:hover  {
background-image: url(kuvat/012a.gif);
}
#pohja #ylapalkki #linkit div.kolmetoista a:hover  {
background-image: url(kuvat/013a.gif);
}
#pohja #ylapalkki #valikko {
width: 907px;
height: 19px;
margin: 0;
padding: 10px 60px 0 0 ;
text-align: right;
}
#pohja #ylapalkki #valikko ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
}
#pohja #ylapalkki #valikko ul li, #pohja #ylapalkki #valikko li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
#pohja #ylapalkki #valikko ul li a, #pohja #ylapalkki #valikko li a {
color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #ylapalkki #valikko ul li a:hover, #pohja #ylapalkki #valikko li a:hover {
color: #000000;
}
#pohja #ylapalkki #valikko ul li span, #pohja #ylapalkki #valikko li span {
color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
margin: 0;
padding: 0 8px 0 5px;
}
#pohja #sivupalkki {
background: #1f325a;
float: left;
width: 242px;
margin: 0 0 60px 6px;
padding: 0;
}
#pohja #sivupalkki img {
border: 1px solid #ffffff;
margin: 30px 0 0 19px;
padding: 0;
}
#pohja #sivupalkki .pad {
width: 164px;
margin: 71px 0 0 24px;
padding: 0;
}
#pohja #sivupalkki h3 {
background: url(kuvat/sivupalkki_otsikko.gif) center bottom no-repeat;
margin: 0 0 18px 0;
padding: 0 0 4px 17px;
color: #ffffff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sivupalkki h4 {
margin: 3px 0 0 0;
padding: 0;
color: #2768f8;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
}
#pohja #sivupalkki p {
margin: 0;
padding: 0 0 10px 0;
background: url(kuvat/viiva.gif) center bottom no-repeat;
color: #ffffff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 17px;
}
#pohja #sivupalkki p a {
margin: 0;
padding: 0;
display: block;
color: #2768f8;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 17px;
}
#pohja #sivupalkki p a:hover {
text-decoration: underline;
}
#pohja #sivupalkki .info {
width: 158px;
margin: 20px 0 0 19px;
padding: 17px;
background: #606e89;
color: #ffffff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 17px;
border: 1px solid #ffffff;
}
#pohja #sisalto {
background: url(kuvat/liukuvari.jpg) repeat-x #ffffff;
float: right;
width: 713px;
height: 100%;
min-height: 700px;
max-height: 100%;
margin: 0 6px 0 0;
padding: 0;
}
#pohja #sisalto .alavalikko {
float: left;
width: 259px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 0;
}
#pohja #sisalto .alavalikko ul {
list-style-type: none;
margin: 105px 0 0 33px;
padding: 0;
}
#pohja #sisalto .alavalikko ul li, #pohja #sisalto .alavalikko li {
background: url(kuvat/li.gif) 0 4px no-repeat;
list-style-type: none;
margin: 0;
padding: 0 0 0 15px;
}
#pohja #sisalto .alavalikko ul li a, #pohja #sisalto .alavalikko li a {
color: #1d325d;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sisalto .alavalikko ul li.valittu a, #pohja #sisalto .alavalikko li.valittu a {
color: #083da3;
}
#pohja #sisalto .alavalikko ul li a:hover, #pohja #sisalto .alavalikko li a:hover {
text-decoration: underline;
}
#pohja #sisalto .sisaltopohja {
float: right;
width: 413px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 50px 20px 70px 20px;
border-left: 1px solid #0c3da3;
}
#pohja #sisalto #yksi.sisaltopohja {
float: right;
width: 673px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin: 0;
padding: 50px 20px 70px 20px;
border: 0;
}
#pohja #sisalto .sisaltopohja h2 {
margin: 0;
padding: 0 0 4px 18px;
background: url(kuvat/sisalto_otsikko.gif) left bottom no-repeat;
color: #0c3da3;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sisalto .sisaltopohja h3 {
margin: 0 0 -15px 0;
padding: 0;
color: #0b3ca2;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
}
#pohja #sisalto .sisaltopohja h4 {
margin: 0 0 10px 0;
padding: 0;
color: #0b3ca2;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
letter-spacing:0.1em;
}
#pohja #sisalto .sisaltopohja small {
font-size: 10px;
line-height: 19px;
}
#pohja #sisalto .sisaltopohja .viiva {
width: 100%;
height: 1px;
background: #0c3da4;
margin: 10px 0 10px 0;
padding: 0;
}
#pohja #sisalto .sisaltopohja .viiva hr {
display: none;
}
#pohja #alapalkki {
border-top: 1px solid #9fa0a5;
margin: 35px 20px 40px 20px;
padding: 12px 0 0 0;
color: #9e9fa4;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
line-height: 19px;
text-align: center;
}
#pohja .vasen {
float: left;
text-align: left;
}
#pohja .oikea {
float: right;
text-align: right;
}
.tasaus {
clear: both;
}
/* Tulostuslinkki */
#tulostuslinkki a {
display:block;
margin:30px 0 0 0;
padding-left:20px;
background: url(kuvat/tulosta.gif) center left no-repeat;
}
} /* Helmi SCREEN loppuu */

@media print {
* {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}
}