body {
margin : 0;
padding : 0;
background-color : #ffffff;
text-align : center;
color : #ffffff;
}
p {
font-family : Arial;
font-size : 11px;
color : #ffffff;
}
#content h1 {
font-family : Arial;
font-size : 18px;
font-weight : normal;
color : #ffffff;
}
#content h2 {
font-family : Arial;
font-size : 14px;
font-weight : bold;
color : #ffffff;
}
h2 {
font-family : Arial;
font-size : 12px;
font-weight : bold;
color : #ffffff;
padding-left : 20px;
}
ul {
font-family : Arial;
font-size : 12px;
font-weight : normal;
color : #FFFFFF;
text-decoration : none;
}
li {
font-family : Arial;
}
#keskitys {
width : 1024px;
height : 768px;
margin : 0 auto;
position : relative;
text-align : left;
padding-bottom : 0;
vertical-align : top;
background-image : url(../pics/tausta1.jpg);
background-repeat : no-repeat;
background-position : top left;
}
#keskitys2 {
width : 1024px;
height : 768px;
margin : 0 auto;
position : relative;
text-align : left;
padding-bottom : 0;
vertical-align : top;
background-image : url(../pics/tausta2.jpg);
background-repeat : no-repeat;
background-position : top left;
}
#top {
position : relative;
left : 0;
width : 100%;
height : 56px;
margin-top : 40px;
background-image : url(../pics/top.jpg);
background-repeat : no-repeat;
background-color : transparent;
}
#menu {
position : relative;
width : 186px;
left : 24px;
float : left;
background-image : url(../pics/logo.jpg);
background-repeat : no-repeat;
background-color : transparent;
padding-top : 130px;
}
#menu a:link, #menu a:visited {
font-family : Arial;
font-size : 14px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
}
#menu a:hover {
font-family : Arial;
font-size : 14px;
font-weight : bold;
color : #c000ff;
text-decoration : none;
}

#elli {
background-color : transparent;
height : 341px;
left : 255px;
position : absolute;
top : 20px;
width : 543px;
}
#content {
height:326px;
left:262px;
overflow:auto;
padding-top:10px;
position:absolute;
top:361px;
width:525px;
}
#content p {
margin-left : 20px;
margin-right : 20px;
font-family : Arial;
font-size : 12px;
font-weight : normal;
color : #ffffff;
}
#content h1 {
margin-left : 20px;
margin-right : 20px;
font-family : Arial;
font-size : 20px;
font-weight : normal;
color : #ffffff;
text-transform : uppercase;
}
#content img {
margin-left : 20px;
margin-right : 20px;
}
#content a:link, #content a:visited {
font-family : Arial;
font-size : 12px;
font-weight : bold;
color : #ffffff;
text-decoration : underline;
}
#content a:hover {
font-family : Arial;
font-size : 12px;
font-weight : bold;
color : #330033;
text-decoration : none;
}
#play {
position : absolute;
left : 831px;
top : 626px;
background-color : transparent;
}
.wrong {
font-family : Arial;
font-size : 18px;
font-weight : bold;
color : #ff0000;
}
#flash {
position : absolute;
left : 574px;
top :0px;
background-color : transparent;
}