body
{
color: #000000;
font-family: Arial; 
font-size: 11px; 
background-color: #F1F1F1;
overflow: auto;
margin: 0px;
padding: 0px;
} 

a:link { color: #777777; text-decoration: none;}
a:visited { color: #777777; text-decoration: none;}
a:hover { color: #222222; text-decoration: none;}
a:active { color: #222222; text-decoration: none;}

a.linkki { color: #000000; text-decoration: none;}
a.linkki:visited { color: #000000; text-decoration: none;}
a.linkki:hover { color: #777777; text-decoration: none;}
a.linkki:active { color: #777777; text-decoration: none;}

.base {
position: relative;
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
width: 950px;
margin-left: auto;
margin-right: auto;
}

.base2 {
position: relative;
top: 7px;
left: 0px;
}

.vasreuna {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
width: 16px;
background-image: url(pic/vasreuna.gif);
}

.keskusta {
background-image: url(pic/backgroundrepeat.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
}

.oikreuna {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
width: 16px;
background-image: url(pic/oikreuna.gif);
}

.vasreunaala {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
width: 16px;
height: 17px;
background-image: url(pic/vasreunaala.gif);
}

.alareuna {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
background-image: url(pic/alareuna.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
height: 17px;
}

.oikreunaala {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
width: 16px;
height: 17px;
background-image: url(pic/oikreunaala.gif);
}

.logo {
position: absolute;
top: 4px;
left: 40px;
z-index: 42;
}

.huomioimage {
display: none;
position: absolute;
top: 33px;
left: -76px;
z-index: 99999;
}

.linkkikehys {
position: relative; 
top: 15px; 
width: 880px;
}

.linkit {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

.linkit td {
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

.kehys {
cursor: pointer;
position: relative;
top: -21px;
border: 0px solid black;
padding: 0px;
}

.linkkiimage {
position: absolute;
top: 0px;
left: 0px;
border: 0px solid black;
}

.linkkiimagenone {
position: absolute;
top: 0px;
left: 0px;
border: 0px solid black;
display: none;
}

.linkkitxt {
cursor: pointer;
position: absolute;
top: 11px;
left: 13px;
font-size: 15px;
font-weight: bold;
}

.content {
position: relative;
margin-left: auto;
margin-right: auto;
border: 0px solid grey;
width: 630px;
z-index: 100;
}

.window {
position: relative;
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

.vas1 {
background-image: url(pic/vas1.gif);
width: 17px;
height: 18px;
padding: 0px;
border-spacing: 0px;
}

.vas2 {
background-image: url(pic/vas2.gif);
width: 17px;
padding: 0px;
border-spacing: 0px;
}

.vas3 {
background-image: url(pic/vas3.gif);
width: 17px;
height: 18px;
padding: 0px;
border-spacing: 0px;
}

.kes1 {
background-image: url(pic/kes1.gif);
height: 18px;
padding: 0px;
border-spacing: 0px;
}

.kes2 {
background-color: #F6F6F6;
padding: 0px;
border-spacing: 0px;
text-align: justify;
}

.kes3 {
background-image: url(pic/kes3.gif);
height: 18px;
padding: 0px;
border-spacing: 0px;
}

.oik1 {
background-image: url(pic/oik1.gif);
width: 17px;
height: 18px;
padding: 0px;
border-spacing: 0px;
}

.oik2 {
background-image: url(pic/oik2.gif);
width: 17px;
padding: 0px;
border-spacing: 0px;
}

.oik3 {
background-image: url(pic/oik3.gif);
width: 17px;
height: 18px;
padding: 0px;
border-spacing: 0px;
}

.otsikko {
position: absolute;
top: -32px;
left: 0px;
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

.ots1 {
background-image: url(pic/ots1.gif);
width: 11px;
height: 40px;
padding: 0px;
border-spacing: 0px;
}

.ots2 {
background-image: url(pic/ots2.gif);
height: 40px;
padding: 0px;
border-spacing: 0px;
}

.ots3 {
background-image: url(pic/ots3.gif);
width: 19px;
height: 40px;
padding: 0px;
border-spacing: 0px;
}

.otsikkotxt {
position: relative;
top: -4px;
font-size: 15px;
font-weight: bold;
}

.windowtxt {
position: relative;
top: -5px;
left: -6px;
font-size: 12px;
}

.list {
position: relative;
top: -3px;
left: -12px;
line-height: 16px;
}

.linkkilista {
display: none;
cursor: default;
position: absolute;
top: 18px;
left: -1px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #d2d2d2;
background-color: #ebebeb;
width: 83px;
z-index: 4310;
padding: 0px;
border-spacing: 0px;
}

.linkkilista td {
padding: 3px;
border-spacing: 0px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #d2d2d2;
background-color: #ebebeb;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 83px;
}

.kehys2 {
position: relative;
top: 0px;
border: 0px solid black;
padding: 0px;
}

.logot {
position: relative;
left: -70px;
top: -20px;
border: 0px solid black; 
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

.logot td {
border: 0px solid black; 
padding: 5px;
border-spacing: 0px;
border-collapse: collapse;
}

.hover-opacity {
opacity: 0.4;
filter: alpha(opacity=40);
border: 1px solid #cccccc;
}

.hover-opacity:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}