/* Tyylitiedosto alkaa tästä */

body {
background: #464646; /* Taustakuvan väri */
font: 12px Arial; /* Sivuston fontin koko ja tyyli */
}

/* Määritellään sivuston runko */
#runko {
background: white; /* Tautan väri */
width:80%; /* Levyes joka on 80% ikkunan koosta*/
border: 1px solid gray; /* Reunat; koko, tyyli ja väri */
}

/* Header eli ylin osa */
#header {
margin-top:15px; /* Sijoittelu; 15px ylhäältä alaspäin*/
width:98%; /* Headerin leveys */
height:140px; /* Korkeus */
background: url(kuvat/header.png); /* Kuvan osoite */
}

/* Headrin tekstin sijoitus */
.headerpadding {
padding: 55px 0px 0px 0px; /* ylös 55px, oikealle 0px, alas 0px, vasemmalle 0px */
font: 29px Arial white; /* fontin koko ja tuyli  */
color: white; /* fontin väri */
}

/* Sisältö osuuden runko */
#sisarunko { 
width: 100%; /* levyes täydet 100% */
height: auto; /* Korkeuden määrittely automaattinen */
padding: 0px; /* Sijoittelu on 0px kaikkiin suuntiin */
overflow: hidden;  /* Ilman tätä ulkoasu kusee */
} 

/*  Vasen sisältö osuus */
#vasen { 
width: 20%; /* leveys, joka on 20% koko osuudesta */
float: left; /* asetetaan vasempaan reunaan */
text-align: left; /* teksti sijoitetaan vasemmalle */
padding: 12px 28px 10px 10px; /* ylös 12px, oikealle 28px, alas 10px, vasemmalle 10px  */
border-right:1px solid #159ef0; /*  oikeran reunan määritelmät; paksuus, tyyli ja väri */
}

/*  Oikean puoleinen sisältö osuus */
#oikea { 
text-align: center; /*  teksti sijoitetaan vasemmalle */
width: 100%; /* leveys, joka on 70% koko osuudesta */
float: right; /* asetetaan oikeaan reunaan */
padding: 12px 0px 10px 0px; /* ylös 12px, oikealle 0px, alas 10px, vasemmalle 0px  */
} 

/* Tekijämerkintä osuus */
#tekija {
color: white; /* fontin väri */
font-size: 10px;  /* Fontin koko */
margin-top: 5px;  /* Sijoittelu; ylhäältä 5px alaspäin */
text-align: center; /* Tekstin sijoitus keskelle */
}

/* H-tehosteet */
h1 {
font: 19px Arial; /* Fontin koko ja tyyli */
color: black; /* Väri musta */
margin: 0px 0px 2px 1px; /* Sijoittelua 2px alas ja vasemmalle 1px */
}

/* Linkkien tehosteet */
a { /* Ei hiirtä päällä */
color: #0e6aac;  /* väri */
text-decoration: underline;  /* Alleviivattu */
}

a:hover {  /* Hiiri päällä */
color: #d9d9d9;  /* väri */
text-decoration: none; /*Ei tehosteita  */
}