#sivu {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 2;

}

#yla {

        background-color: #000000;
        background-image: url(logotausta.png);
        padding-top: 2px;
        z-index: 3;
        position: relative;

}

#top {
        background-image: url(logo.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 150px;
        z-index: 3;
        text-align: center;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
}

#varjo {
        background-image: url(varjo.png);
        background-repeat: repeat-x;
        height: 30px;
}


#otsikko {
        text-align: center;
        display: none;

}


#nav ul {
        position: absolute;       
        height: 73px;
        list-style-type: none;
        width: 140px;
        padding-left: 1px;
        padding-top: 7px;
        z-index: 4;
        margin-left: -10px;
}
        
#sisalto {
        margin-left: auto;
        margin-right: auto;
        padding-left: 140px;
        position: center;
        font-size: 14px;
        width: 450px;
        height: 650px;
        color: #000000;
        overflow: hidden;

}


#kuva1 {
        display: none;
        position: absolute;
        width: 250px;
        top: 205px;
        left: 340px;
        z-index: 2;
        height: 168px;
}


body {
        height: 100%;
        margin: 0;
        padding: 0;
        color: #464050;
        background-color: #aed8ff;
        font-family: arial, sans-serif;
        
}

table {
        border-spacing: 10px 0px;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #0000FF;
}
a:active {
	color: #357EC7;
}

.keskitys {
        text-align: center;

}

.kursiivi {
        font-style: italic;

}

.bold {
        font-weight: bold;

}