/*body
{
background-image:url('bg.png');
background-repeat:repeat-x;
height:100%;
z-index:-1;
}*/

html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}

.first
{
float:left;
padding:0px 0px 0px 0px;
marging:0px 0px 0px 0px;
}

h1
{
font-size:40px;
font-family:serif;
font-style:italic;
color:#592c0c;
position:absolute;
left:1%;
top:0%;
}

ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
position:fixed;
top:4%;
left:25%;
}
li
{
float:left;
}
a.navi:link,a.navi:visited
{
display:block;
width:120px;
font-weight:bold;
font-size:17px;
color:#592c0c;
background-color:#dd7327;
text-align:center;
padding:4px;
text-decoration:none;
}
a.navi:hover,a.navi:active
{
background-color:#dd5f2e;
}

.second
{
padding:1% 4% 1% 4%;
border-style:solid;
border-width:5px;
border-color:#592c0c;
margin:auto;
position:fixed;
top:20%;
bottom:3%;
left:15%;
right:15%;
background-color:#228b22;
overflow:auto;
}

p.etu
{
font-size:20px;
font-family:sans-serif
}

p.otsikko
{
font-style:italic;
font-size:23px;
font-family:sans-serif
}

p.teksti
{
/*text-indent:50px;*/
font-size:20px;
font-family:sans-serif
}

p.runo
{
font-size:20px;
font-family:serif
}

a.link:link,a.link:visited
{
font-weight:bold;
font-size:18px;
color:#592c0c;
text-decoration:none;
font-family:sans-serif
}

a.link:hover,a.link:active
{
color:#dd9922;
}