@charset "iso-8859-2";

body {
background-color:#333;
font:14px arial, helvetica, sans-serif;
line-height: 125%;
text-align:center;
background-image:url('kuvat/tausta.jpg');
background-repeat:repeat-x;
background-position:top left;
overflow: auto;
margin:0 auto;
}

#sivu {
text-align:center;
color:#fff;
position:relative;
left:0;
right:0;
top:0;
width:800px;
height:175px;
z-index:15;
margin:0 auto;
}

#vasen {
position:absolute;
left: 0px;
top:141px;
width:400px;
height:320px;
text-align: left;
background-image:url('kuvat/tekstitausta.png');
background-repeat:repeat-x repeat-y;
background-position:top left;
z-index:20;
}

#oikea {
position:absolute;
right: 0px;
top:141px;
width:400px;
height:320px;
border-left: 1px solid #fff;
overflow-y: auto;
overflow-x: hidden;
z-index:20;
}

#webtyot {
position:absolute;
right: 10px;
top:141px;
width:500px;
height:320px;
z-index:25;
}
#printtityot {
position:absolute;
right: -100px;
top:141px;
width:500px;
height:320px;
z-index:30;
}

object { 
outline:none; 
}

#oikeatausta {
position:absolute;
right: 0px;
top:60px;
width:400px;
height:320px;
z-index:20;
}

#kokoala {
position:absolute;
left: 0px;
top:141px;
width:800px;
height:320px;
text-align: center;
background-image:url('kuvat/tekstitausta.png');
background-repeat:repeat-x repeat-y;
background-position:top left;
z-index:20;
}

#exp {
position:absolute;
left:-240px;
top:141px;
width:1280px;
height:320px;
background-image:url('kuvat/exp1.jpg');
background-position:top left;
background-repeat:no-repeat;
}
#expyla {
position:absolute;
left:-240px;
top:0px;
width:1280px;
height:320px;
background-image:url('kuvat/exp12.jpg');
background-position:top left;
background-repeat:no-repeat;
}
#expala {
position:absolute;
left:-240px;
top:461px;
width:1280px;
height:320px;
background-image:url('kuvat/exp13.jpg');
background-position:top left;
background-repeat:no-repeat;
}

#ala {
position:absolute;
width: 800px;
text-align:center;
top:470px;
color: #ccc;
}

p {
margin: 0;
padding: 10px;	
}

p.tyo {
margin: 0;
padding: 20px 10px 10px 10px;
}

a img {
border: 0;
}
a img:hover {
border: 0;
}

#yhteydenotto {
position:absolute;
right: 0px;
top:141px;
width:400px;
height:320px;
text-align:left;
border-left: 1px solid #fff;
background-image:url('kuvat/tekstitausta.png');
background-repeat:repeat-x repeat-y;
background-position:top left;
z-index:20;
}

/* VALIKKOTYYLI ALKAA */

#valikko {
position: absolute;
left:145px;
width: 512px;
height: 44px;
z-index: 10;
background-color: none;
}
.menu {
padding: 0;
width: 100%;
}
.menu ul {
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.menu li {
display: inline; /*IE:tä varten*/
margin: 0;
padding: 0;
}
.menu a {
float: left;
display: block;
font: 18px Arial;
color: #fff;
width: 127px;
height: 44px;
text-decoration: none;
margin: 0 0 0 0; /*valikkopalkkien väli*/
padding: 0 1px 0 0; /*valikkotekstien väli*/
background-image: url('kuvat/valikko_off.png');
background-position: top left;
background-repeat: no-repeat;
}
.menu a:hover {
background-image: url('kuvat/valikko_on.png');
background-position: top left;
background-repeat: no-repeat;
}
.menu a.on { 
background-image: url('kuvat/valikko_on.png');
background-position: top left;
background-repeat: no-repeat;
}
/* VALIKKOTYYLI LOPPUU */

a {
font-weight: bold;
color: #014863;
}
a:hover {
color: #fff;
}
.menu img {
padding: 6px 0 0 0;
text-decoration: none;
border: none;
}
.menu img:hover {
padding: 6px 0 0 0;
text-decoration: none;
border: none;
}

#flash {
position:absolute;
width:214px;
height:170px;
top:220px;
right: 93px;
z-index: 50;
}

h1 {
margin:0;
padding:10px 0 0 10px;
font:18px arial, helvetica, sans-serif;
}