body {
	text-align: center;
    font-family:verdana;
    font-size: 12px;
    color: #000000;
    background-repeat:repeat-x;
    /*background-image:url(img/tausta.png);*/
    background-color: #ededed;
}

div#main {
    width: 812px;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    margin: 0px auto 0px auto;
    text-align: center;
}

div#yla {
    width: 812px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background-image:url('img/yla.png');
    background-repeat:no-repeat;
    background-position:center bottom;
}

div#keski {
    width: 812px;
    height: auto;
    margin: 0px;
    padding: 0px;
    background-image: url('img/keski.png');
    background-repeat: repeat-y;
}

div#ala {
    width: 812px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background:url('img/ala.png');
    background-repeat:no-repeat;
    background-position:center top;
}

div#login {
    width: 420px;
    height: auto;
    margin: 0px;
    padding: 5px;
    background-color: #f9f9f9;
    position: relative;
    margin: 0px auto 0px auto;
    border: solid 1px #c2c2c2;
}

A:link {text-decoration: underline; color: #003366;}
A:visited {text-decoration: underline; color: #003366;}
A:active {text-decoration: underline; color: #003366;}
A:hover {text-decoration: none; color: #FFFFFF; background-color: #003366;}

table#form {
    font-size: 12px;
}

.input {
    border: 1px solid #c2c2c2;
    background: #FFFFFF;
}

#submit {
    border: 1px solid #000000;
    background: #9cf;
}

h1 {
    font-family: verdana;
    font-size: 14px;
}

p#starsoft {
    font-size: 12px;
    color: #b3b3b3;
}