@charset "utf-8";
@font-face {
    font-family: 'fontti'; /*a name to be used later*/
    src: url('fontti.ttf'); /*URL to font*/
}

body{ width: 956px; height: 538px;overflow-y: scroll; padding: 0; margin: auto; font-family: fontti; font-size: 18px }
#yla{ width: 956px; height: 185px; margin-top: 0px;}
#ala{ width: 956px; height: 73px; background-color: white;}

#page{width: 956px; height: 350px; overflow: hidden}



#nav{margin-top: 0px;width: 956px; height: 36px;}

#nav ul{list-style-type: none;
        margin: 0;
        padding: 0;}

#nav ul li{float:left; text-decoration: none; height: 36px;}

#nav ul li a{display: block; color: white; background-color: black; text-decoration: none; margin-top: 5px; text-align: center; height: 36px; }
#nav ul li a.news{width: 222px;  }
#nav ul li a.artworks{width: 197px;}
#nav ul li a.cv{width: 129px;}
#nav ul li a.links{width: 156px;}
#nav ul li a.contact{ width: 252px;}

#nav ul li a.news{text-decoration: underline }
#nav ul li a.artworks{text-decoration: underline}
#nav ul li a.cv{text-decoration: underline }
#nav ul li a.links{text-decoration: underline }
#nav ul li a.contact{text-decoration: underline }


#artworklist{float:left; width: 280px; height: 200px; font-size: 13px;}
#lista{float:left; width: 245px; height: 250px; overflow:auto}
#newslist{float:left; width: 700px; height: 250px; overflow:auto}
#artworklist h1{font-size: 21px}
#artworklist p{margin-left: 105px;}
#artworklist a{color:black;}
#artworklist a:link{color: black; text-decoration: none}
#artworklist a:hover{color: black; text-decoration: underline}

#player_back{position: absolute;margin-top: 18px; margin-left: 300px; width: 437px;height: 285px; background-color: black;}
#player{margin-left: 28px; margin-top:14px }
#player_info{color: white; width: 437px;height: 91px;margin-left: 35px; font-size: 12px;  line-height: 90%; text-decoration: none}
#player_info a{color: white; width: 437px;height: 91px; font-size: 12px;  line-height: 100%; text-decoration: none}


#photo{margin-left: 26px; margin-top:14px }
#photo_info{color: white; width: 437px;height: 91px;margin-left: 35px; font-size: 12px;  line-height: 90%;}
#photowrapper{height:196px; width: 380px}

.sisalto{
    margin-left: 105px;
    width: 861px;
}
.sisalto h1{
    font-size: 21px;
}
.sisalto a{
    color:black;
}
.sisalto a:link{
    color: black;
    text-decoration: none;
}
.sisalto a:hover{
    color: black;
    text-decoration: underline;
}
.buttons{
    width: 50px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float:left; text-decoration: none;

}
.buttons ul{

}
.buttons ul li{}
.nextbutton{
    height: 5px;
    width: 5px;
        font-size: 60px;
        

}
img {
    padding: 0;
    margin: 0;
}