/* CSS by Timo Lähde 2008 */

html {
overflow: auto;

scrollbar-3dlight-color:777777;
scrollbar-arrow-color:ffffff;
scrollbar-base-color:aaaaaa;
scrollbar-darkshadow-color:555555;
scrollbar-face-color:;
scrollbar-highlight-color:ffffff;
scrollbar-shadow-color:

a:link {text-decoration: none; color: #B54C00;}  /* unvisited link */
a:visited {text-decoration: none; color: #B54C00;} /* visited link */
a:active {text-decoration: none; color: #B54C00;} /* selected link */
a:hover {text-decoration: none; color: #602A02;} /* mouse over link */
}

body {
background-image: url("bgilta.gif");
background-position: top center;
background-repeat: no-repeat;
color : #AD6A0A;
margin:0px;
padding:0px;
overflow : auto;
width: 800;
text-align: center;
}

#laskuri {
position:absolute;
left:50%;
top:0px;
margin-left:240px;
width: 160;
height: 10;
text-align: left;
}

#ylaotsikko {
position:absolute;
left:50%;
width: 640;
height: 150;
margin-left:-400px;
background-image: url("../data/alex.png");
background-position: top center;
background-repeat: no-repeat;
}

#paalinkki {
position:absolute;
left:50%;
top:43px;
margin-left:240px;
width: 160;
height: 100;
text-align: left;
}

#sivulinkki {
position:absolute;
left:50%;
top:155px;
width: 160px;
height:520px;
margin-left:240px;
padding:0px;
text-align: left;
background-image: url("perhonen_ani.gif");
background-position: bottom left;
background-repeat: no-repeat;
}

#motto {
position:absolute;
left:50%;
top: 150px;
height: 150px;
width: 640;
padding:0px;
}

#ksivu1 {
position:absolute;
left:50%;
top: 250px;
height: 400px;
width: 630;
margin-left:-400px; 
padding:0px;
}

#ksivu2 {
position:absolute;
left:50%;
top: 240px;
height: 400px;
width: 630;
margin-left:-400px; 
padding:0px;
overflow:auto;
}

#ksivu3 {
position:absolute;
left:50%;
top: 160px;
height: 520px;
width: 630;
margin-left:-400px; 
padding:0px;
overflow:auto;
}

#ksivu4 {
position:absolute;
left:50%;
top: 390px;
height: 250px;
width: 630;
margin-left:-400px; 
padding:0px;
overflow:auto;
}

#gkuva {
position:absolute;
left:50%;
top: 150px;
height: 450px;
width: 510;
margin-left:-395px; 
padding:0px;
}

table.gallery {
width: 510;
border: 0;
padding:0;
text-align: center;
}

tr.gallery {
valign: middle;
height: 450;
}


#tkuva {
position:absolute;
left:50%;
top:610px;
width: 510;
height: 10;
margin-left:-400px; 
vertical-align: bottom;
}

#lkuva {
position:absolute;
left:50%;
top:155px;
width: 115;
height:510px;
margin-left:115px; 
padding:0px;
text-align:left;
overflow:auto;
}

#alaotsikko {
position:absolute;
left:50%;
top:655px;
width: 510;
}

.link1 { font-size: 15pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: bold;
text-decoration: none;

 }
a.link1:link {text-decoration: none; color: 03033D;}  /* unvisited link */
a.link1:visited {text-decoration: none; color: 03033D;} /* visited link */
a.link1:active {text-decoration: none; color: 03033D;} /* selected link */
a.link1:hover {text-decoration: none; color: #b60000;} /* mouse over link */

.link2 { font-size: 13pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: bold;
text-decoration: none;
word-spacing: 30px
 }
a.link2:link {text-decoration: none; color: 03033D;}  /* unvisited link */
a.link2:visited {text-decoration: none; color: 03033D;} /* visited link */
a.link2:active {text-decoration: none; color: 03033D;} /* selected link */
a.link2:hover {text-decoration: none; color: #b60000;} /* mouse over link */

.otsikko1 { 
font-size: 15pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: bold;
text-decoration: none;
 }


.otsikko2 { 
font-size: 13pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: bold;
text-decoration: none;
 }

.otsikko3 { 
font-size: 8pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
color:#555555
 }

.teksti1 { 
font-size: 14pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
 }

.teksti2 { 
font-size: 13pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
 }