html {overflow-y: scroll;}

BODY {
background-image: url('sivu_tausta.png');
background-color: #000000;
margin: 0px;
background-attachment:fixed;
}

fieldset {border: 0px;}
textarea {resize: none;}
a{color: #C0C0C0;}
a:hover {text-decoration: none;}
a:visited{color: #C0C0C0;}

#date {float: right; color: #FFFFFF; font-size: 8pt; width: 250px; margin-top: 40px; text-align: right;}
td {font-family: Verdana, Tahoma, "sans serif";font-size: 9pt; text-align: left;}
#logo {width: 200px; padding-left: 25px; clear: both;}
.justifyright {float: right;}
.justifyleft {float: left;}

h1, h2, h3  {color: #D97513}
h1 {font-size: 12pt; }
h2 {font-size: 10pt; font-weight: bold;}
h4 {color: #FFFFFF; font-size: 11pt; margin-top: 0px;}

.taulukko, .sivu_yla, .sivu_yla_svenska, .musta, .bottom {width: 980px; }

.sivu_yla {background-image: url('sivu_ylaosa.png');  background-repeat: no-repeat; 
height: 364px;}
.sivu_yla_svenska {background-image: url('sivu_ylaosa_svenska.png');  background-repeat: no-repeat; height: 364px;}
.musta {background-color: #000000;}
.bottom a {color: #FFFFFF; text-decoration: none; font-size: 8pt;}
.bottom {text-align: right;}
.vasen, .vasenkehys, .vasenyla, .vasenala {width: 300px;}

.vasenkehys {background-image: url('vasen_tausta.png'); background-repeat: repeat-y; color: #FFFFFF;}
.vasenyla, .vasenala {height: 35px;  background-repeat: no-repeat;}
.vasenyla {background-image: url('vasen_ylaosa.png'); }
.vasenala {background-image: url('vasen_alaosa.png'); }

.keski, .kalusto{width: 640px;}
.keski, .kalusto, .keski td {color: #FFFFFF;}
.kone {width: 210px; vertical-align: top;}
.selitys {width: 430px; vertical-align: top;}
.oikea {width: 40px;}
.alaosa{background-image: url('sivu_alaosa.png');  background-repeat: no-repeat; height: 31px;}

ul.palvelumme { list-style-image: url("listbullet.png"); margin: 0; padding: 0; list-style-position:inside; } 
ul.palvelumme li {}
.menu {font-family: "Tahoma", sans-serif; width:765px;font-size: 10pt; /*position:absolute;*/ z-index:100;height: 71px;overflow: visible; margin-left: 38px; padding-bottom: 29px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left;position:relative;text-align: center; height: 71px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFFFFF; width:113px; padding-top: 22px; }
.menu ul li ul {display: none;}
.menu table {margin:-1px; border-collapse:collapse;font-size: 9pt;}
/* specific to non IE browsers */
.menu ul li:hover a,.menu ul li a:hover {height: 71px;width: 113px;background-image:url('painike.png');background-repeat: no-repeat;}
.menu ul li:hover ul,.menu ul li a:hover ul{display:block; position:absolute; margin-top: 0px;left:0; width:113px;}
* html .menu ul li a:hover ul {margin-top:0;}
.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul{visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a{display:block; background:#D7E5F3; color:#000; height:auto; line-height:1.2em; padding:5px 10px; width:140px;text-align: left;}
* html .menu ul li a:hover ul li a {width:100px;}
.menu .active {background-image:url('painike.png');background-repeat: no-repeat;}
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover{background: #B3CDE7; color:#000;}
.menu ul li:hover ul li:hover ul,.menu ul li a:hover ul li a:hover ul{visibility:visible; position:absolute; left:100px; top:0;width:100px;}
.menu ul li:hover ul li:hover ul.left,.menu ul li a:hover ul li a:hover ul.left{left:-100px;}