BODY {
background-image: url('elementit/tausta.png');
background-repeat: repeat-x;
background-color: #515151;
margin-top: 20px;
margin-left: 0px;
background-attachment: fixed;
}

td {font-family: Trebuchet MS, sans serif; font-size: 10pt;}

h3 {font-size: 12pt; }
h4 {font-size: 10pt;}

.perusta, .yla, .ala, .logo {width: 862px;}
.perusta {border-width:0; padding:0;}

.logo {height: 70px;}

.yla, .ala, .alakamp, .erotin {height: 11px; background-repeat: no-repeat;}
.yla {height: 20px; background-image: url('elementit/ylaosa.png'); }
.ala {height: 11px; background-image: url('elementit/alaosa.png'); }

.oikea, .vasen, .harmaa {background-repeat: repeat-y;}
.vasen {width: 5px; background-image: url('elementit/vasen.png'); }
.oikea {width: 24px; background-image: url('elementit/oikea.png'); }

.harmaa, .alakamp, .valikko {width: 397px;}
.alakamp {height: 106px;}
.harmaa {background-image: url('elementit/harmaa.png'); }
.valk {width: 436px; background-color: #FFFFFF;}
.alakamp {background-image: url('elementit/alataus.png'); }

.ala2 {height: 7px;}
.menu, .erotin {height: 29px;}
.menu {vertical-align: middle; width: 122px; background-image: url('elementit/menu.png'); background-repeat: repeat-x;}
.erotin {width: 5px;}

a.val {font-size: 8pt; color: #FFFFFF; text-decoration: none;}
a.val:hover {text-decoration: underline;}