<!--

* {
font-family:verdana;
font-size:12px;
color:#303229;
line-height:1.4;
}

body {
background:url(tausta1.jpg) repeat-y 0px 0px #475b81;
padding: 0;
margin: 0;
}

small{font-size: 80%;}
b, u {color:#475b81;}
i {color:#9e917f;}
ok1{color:#006600;}
ok2{color:#CC0000;}

.koko {
width:970px;
margin: 20px auto;
padding: 0;
}

.yla {
width:970px;
height:312px;
padding: 0;
background:url(otsikko.png) no-repeat 0px 0px transparent;
display:block;
z-index:2;
position:relative;
}

.otsikko {
width:200px;
padding:95px 0px 0px 65px;
z-index:5;
position:relative;
text-align:center;
font-family: 'Parisienne', cursive;
font-size:46px;
color:#223a67;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
line-height:1.0;
}

.keskella {
margin-left:auto;
margin-right:auto;
}

.linkit {
float:left;
width:210px;
margin:-70px 0px 0px 65px;
z-index:6;
position:relative;
}

.linkki a {
font-family:tahoma;
font-size:14px;
color:#475b81;
font-weight:normal;
letter-spacing:2px;
text-decoration:none;
padding:4px 10px;
text-align:center;
margin:10px auto;
width:170px;
height:20px;
clear:both;
display:block;
background-color:#e4ddd3;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.linkki a:link {
font-family:tahoma;
font-size:14px;
color:#475b81;
font-weight:normal;
letter-spacing:2px;
text-decoration:none;
padding:4px 10px;
text-align:center;
margin:10px auto;
width:170px;
height:20px;
clear:both;
display:block;
background-color:#e4ddd3;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.linkki a:visited {
font-family:tahoma;
font-size:14px;
color:#475b81;
font-weight:normal;
letter-spacing:2px;
text-decoration:none;
padding:4px 10px;
text-align:center;
margin:10px auto;
width:170px;
height:20px;
clear:both;
display:block;
background-color:#e4ddd3;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.linkki a:active {
font-family:tahoma;
font-size:14px;
color:#475b81;
font-weight:normal;
letter-spacing:2px;
text-decoration:none;
padding:4px 10px;
text-align:center;
margin:10px auto;
width:170px;
height:20px;
clear:both;
display:block;
background-color:#e4ddd3;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.linkki a:hover {
font-family:tahoma;
font-size:14px;
color:#4e75be;
font-weight:normal;
letter-spacing:2px;
text-decoration:none;
padding:4px 10px;
text-align:center;
margin:10px auto;
width:170px;
height:20px;
clear:both;
display:block;
background-color:#e9e4dc;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.sisalto {
width:100%;
background:url(tausta.png) repeat-y 0px 0px transparent;
padding: 0;
}

.teksti {
width:600px;
margin: 0px 60px 0px 0px;
font-family:verdana;
font-size:12px;
color:#303229;
line-height:1.4;
text-align:justify;
float:right;
z-index:7;
position:relative;
}

.loppu {
clear:both;
}

.copyt {
width:970px;
height:119px;
display:block;
background:url(ala.png) no-repeat 0px 0px;
}

.copyt_kuva {
float:left;
margin:40px 70px 0px 55px;
}

.copyt_teksti {
font-family:tahoma;
font-size:11px;
color:#ffffff;
font-weight:normal;
letter-spacing:0px;
padding:30px 60px 0px 0px;
}

.copyt_teksti a:link {
color:#ffffff;
}

.copyt_teksti a:visited {
color:#ffffff;
}

.copyt_teksti a:active {
color:#ffffff;
}

.copyt_teksti a:hover {
color:#ddd4c8;
}

h1 {
font-family:gerogia;
font-size:30px;
color:#475b81;
margin-left:30px;
letter-spacing:1px;
font-weight: normal;
font-style:italic;
}

h2 {
font-family:gerogia;
font-size:18px;
color:#9e917f;
margin-left:50px;
letter-spacing:2px;
font-weight: normal;
text-transform:uppercase;
}

h3 {
font-family:gerogia;
font-size:14px;
color:#9e917f;
margin-left:40px;
margin-right:40px;
letter-spacing:2px;
font-weight: normal;
text-transform:uppercase;
}

a:link, a:visited, a:active {
color:#5d7bab;
}

a:hover {
color:#9e917f;
}

-->