/* Body-elementtiä koskevat määritykset:
fontin määrittely: arial,verdana,"sans serif";
tekstin tasaus : vasen
taustaväri: hex-värikoodi valkoiselle
vasen marginaali - etäisyys vasemmasta reunasta pikseleinä
ylämarginaali - etäisyys yläreunasta pikseleinä
taustakuva - osoite, missä kuva palvelimella sijaitsee
taustakuvan toisto : toisto x-akselin suuntaisesti niin pitkälle kuin on tarve
täytettä ennen sisällön alkua: 20px.
*/
body{
font-family:arial,verdana,"sans serif";
text-align:left;
margin-left:30px;
margin-top:30px;
background-image:url(./kuvat/tausta.png);
background-repeat:repeat-x;
padding:20px;
}

/*pääotsikko h1
tekstin tasaus: keskelle
fontin koko: 38pt
*/
h1{
text-align: center;
font-size: 38pt;}

/*otsikko h2
fontin tasaus: keskelle
fontin koko: 24pt
*/
h2{
text-align: center;
font-size: 24pt;
}

/*otsikko h4
fontin koko: 12pt
riviväli: 14pt;
*/
h4{
font-size: 13pt;
line-height: 14pt;
}

h5{
font-size: 10pt;
line-height: 12pt;
}
/*Diviä kaikki koskevat määritykset
sivuston leveys: 800 px
marginaalit: automaattinen
tekstin tasaus: vasen
taustaväri:  hex-värikoodi valkoiselle
*/
#kaikki{
width:800px;
margin: 0 auto;
text-align:left;
background-color:#ffffff;
}

/*Diviä ylapalkki koskevat määritykset
tekstin tasaus: keskitys
HUOM! määritykset on korvattu kahdella kuvalla, joten näitä määrityksiä ei näy missään. 
*/
#ylapalkki{
text-align:center;
}

/*Diviä navigaatio koskevat määritykset
tekstin tasaus: keskitys
tekstin väljyys: 10px;
*/
#navigaatio{
text-align: center;
word-spacing:10px;
}

/*Diviä teksti koskevat määritykset
täyte sisäreunasta, ennen kuin teksti alkaa: 30px
taustaväri: valkoinen
tekstin tasaus: pakotus oikealle
*/
#teksti{
padding:30px;
text-align: right justify;
font-size:11pt;
}
/*Diviä alapalkki koskevat määritykset:
tekstin koko: pieni
tekstin tasaus: keskellä
*/
#alapalkki{
font-size:small;
text-align:center;
}

/*Linkkejä koskevat määritykset:
väri: #hex-värikoodi siniselle
tekstin koristelu: ei mitään -> tämä tekee linkistä alleviivamattoman
*/
a{
color: #66aaff;
text-decoration: none;
}

/*Aktiivisia linkkejä koskevat määritykset, joita koskee myös vain linkkejä koskevat määritykset:
väri: #hex-värikoodi tummalle siniselle
*/
a:active{
color: #78c9d3;
}

/*Luettuja linkkejä koskevat määritykset, joita koskee myös vain linkkejä koskevat määritykset:
väri: #hex-värikoodi tummalle siniselle
*/
a:visited{
color: #0033ff;
}