body {
    font-family: Verdana;
    font-size: 13pt;
    text-align: center;
}


#border {
    border: 2px solid;
/*
    border-color: #005292;
*/
    border-color: #595197;
    padding: 0;
    padding-top: 1em;
    margin: 0;
    -moz-border-radius: 1em;
}

a {
    color: #0000FF;
    text-decoration: none;
}

p {
    margin-top: 1em;
    padding-left: 1em;
}

#logo {
    position: absolute;
    left: -2.5em;
    top: -2.5em;
    z-index: 2;
}

#container {
    position: relative;
    margin: 0 auto;
    width: 600px;
    margin-top: 4em;
    text-align: left;
}

#cont {
    margin-top: 2.5em;
}

#slogan {
    margin-bottom: 2em;
}

#yleislink:hover {
    background-color: #FFBBBB;
}

#selkolink:hover {
    background-color: #BBFFBB;
}

#englishlink:hover {
    background-color: #DDDDFF;
}

#matpanklink {
    margin-top: 2em;
}
#matpanklink:hover {
    background-color: #DDDDDD;
}

#oppymplink:hover {
    background-color: #DDDDDD;
}

#alavasen {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 20px;

    display: none;
}
#alaoikea {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 20px;

    display: none;
}

#ylaoikea {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 20px;

    display: none;
}