body {
margin : 0;
padding : 0;
background-color : #dfdfdf;
background-image : url(aa-tausta1.gif);
background-repeat : no-repeat;
background-position : top center;
text-align : center;
}
#kehys {
width : 800px;
background-color : #eae7e1;
background-image : url(aa-stausta2.gif);
background-repeat : no-repeat;
padding : 0 8px 0 8px;
margin : 0 auto;
border-left : 1px solid #101010;
border-right : 1px solid #101010;
border-bottom : 1px solid #101010;
}
#headeri {
background-color : #ffffff;
background-image : url(ylaosa2.gif);
background-repeat : no-repeat;
height : 110px;
width : 800px;
padding-top : 5px;
padding-bottom : 5px;
text-align : left;
}
#headeri img {
margin : 0 0 0 200px;
}
#sisalto-osa {
margin-top : 10px;
width : 800px;
}
#valikko {
width : 200px;
height : 400px;
float : left;
margin : 10px 0 0 0;
text-align : right;
}
#sisalto {
width : 550px;
padding-left : 4px;
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
padding : 0 10px 0 0;
float : right;
text-align : left;
}
#galleria {
width : 550px;
height : 100%;
padding-left : 4px;
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
padding : 0 10px 0 0;
float : right;
text-align : left;
}
#sisalto img {
margin : 0 0 0 8px;
}
#sisalto p {
padding-left : 10px;
}
#sisalto h1 {
font-size : 14px;
}
#sisalto h2 {
font-size : 15px;
}
#kliineri {
clear : both;
height : 1px;
}
#certs {
border : 1px solid #000000;
}
#alaosa {
width : 800px;
height : 80px;
background-color : #5f452e;
text-align : left;
clear : both;
margin : 20px 0 0 0;
border-top : 4px solid #000000;
}
#alaosa a {
text-decoration : none;
color : #ffffff;
}
#yht {
float : left;
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
font-weight : bold;
color : #ffffff;
padding : 8px;
width : 200px;
height : 60px;
text-align : center;
}
#yht2 {
float : left;
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
font-weight : bold;
color : #ffffff;
padding : 8px;
width : 120px;
height : 60px;
}
#yht3 {
float : left;
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
font-weight : bold;
color : #ffffff;
padding : 8px;
width : 160px;
height : 60px;
}
.nappi {
position : relative;
float : left;
margin-bottom : 4px;
padding : 0;
font-family : sans-serif, verdana, arial, helvetica;
background : url(Nappi1B.gif) no-repeat;
width : 200px;
height : 37px;
overflow : hidden;
}
.nappi a {
display : block;
color : #000000;
font-size : 12px;
width : 200px;
height : 37px;
display : block;
float : left;
font-weight : bold;
overflow : hidden;
text-decoration : none;
}
.nappi a:hover {
color : #000000;
}
.nappi img {
width : 200px;
height : 37px;
border : 0;
}
* html a:hover {
visibility : visible;
}
.nappi a:hover img {
visibility : hidden;
}
.nappi span {
position : absolute;
left : 0;
top : 10px;
text-align : right;
padding-right : 20px;
width : 200px;
}
#alaval {
position : relative;
float : left;
padding : 0;
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
width : 200px;
}
#alaval a {
font-family : sans-serif, verdana, arial, helvetica;
font-size : 12px;
text-decoration : none;
font-weight : bold;
}