body {
background-color : #f1f1f1; 
font-family : Arial, Tahoma, Verdana;
font-size: 12px; 
margin: 0;
color: #000000; 
} 
a:link {
color: #000088; 
font-size: 12px; 
text-decoration: underline;
font-style: oblique;
} 
a:visited {
color: #000088; 
font-size: 12px; 
text-decoration: underline;
font-style: oblique;
}
a:active {
color: #000088; 
font-size: 12px; 
text-decoration: underline;
font-style: oblique;
} 
a:hover {
color: #000000; 
font-size: 12px;  
text-decoration: underline; 
font-style: oblique;
} 
.menu {
text-align: right;
font-size : 12px;
color : #000000; 
background-color : #cc9933; 
border : 1px solid #ffffff; 
}
.menu_b {
text-align: right;
font-size : 12px; 
color : #000000; 
background-color : #696969; 
border : 1px solid #ffffff; 
} 
.menu_c {
background: url(kuvat/ala.jpg) no-repeat top left; 
background-color : #808080; 
border : 1px solid #ffffff; 
} 
.oikeareuna {
background-color: #808080; 
border: 1px solid #ffffff;
font-size : 1px;
color: #808080; 
} 
.vasen { 
background-color : #f1f1f1; 
border : 1px solid #ffffff;
} 
.oikea { 
background-color : #eeeee0; 
border : 1px solid #ffffff;
font-size: 12px; 
text-align: left;
}
.ylakeski {
background: url(kuvat/yla.jpg) no-repeat top left; 
background-color : #EEE8CD;  
border : 1px solid #ffffff;
}
.ylavasen { 
background-color : #EEE8CD; 
border : 1px solid #ffffff;
} 
.asia {
padding-top: 10px;
padding-bottom: 40px;
padding-left: 40px; 
padding-right: 30px; 
}
.reuna {
border-bottom : 1px solid #c0c0c0; 
background-color : #ffffff; 
font-size : 1px; 
} 
.reuna_b {
border-top : 1px solid #c0c0c0;
background-color : #ffffff; 
font-size : 1px; 
} 
.alaosa {
color : #ffffff;
text-align: center; 
font-size: 12px; 
background-color : #808080; 
border : 1px solid #ffffff;
padding: 5px; 
} 
#ala1 {
color : #ffffff;
text-decoration: none;
font-style: normal;
} 
#ala2 {
color : #ffffff;
text-decoration: none;
font-style: normal;
} 
.menu a {
padding-right: 10px;
font-size : 12px;
color : #ffffff; 
text-decoration : none;
font-style: normal; 
} 
.menu a:link {
font-size : 12px;
color : #ffffff; 
text-decoration : none;
font-style: normal;  
} 
.menu a:visited {
font-size : 12px;
color : #ffffff; 
text-decoration : none;
font-style: normal;    
} 
.menu a:hover {
font-size : 12px;
color : #ffff99; 
text-decoration : none;
font-style: normal;   
} 
.menu_b a {
padding-right: 10px;
font-size : 12px; 
color : #ffffff; 
text-decoration : none;
font-style: normal;  
} 
.menu_b a:link {
font-size : 12px; 
color : #ffffff; 
text-decoration : none;
font-style: normal;  
} 
.menu_b a:visited {
font-size : 12px; 
color : #ffffff; 
text-decoration : none;
font-style: normal;   
} 
.menu_b a:hover {
font-size : 12px; 
color : #ffff99; 
text-decoration : none; 
font-style: normal;  
} 
.otsikko {
font-size : 24px; 
color : #000000;
text-align: left;
padding-left: 10px; 
background: url(kuvat/keski.jpg) no-repeat top left; 
background-color : #996633; 
border : 1px solid #ffffff; 
} 
.kuva {
border: 1px solid #ffffff; 
} 
.ajankoht {
background-color : #ededed; 
border-top : 0px solid #ffffff;
border-left : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
color: #000000;
font-size: 12px;
text-align: left;
margin-top: 0px;
padding: 5px 10px 5px 10px;
}
.ajankohtkehys {
background-color : #f1f1f1; 
border-top : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-bottom : 2px solid #ffffff;
color: #000000;
font-size: 12px; 
text-align: left;
margin: 0px;
padding: 10px 10px 10px 10px;
}
h1 {
color: #333366;
font-size: 20px;  
margin-bottom: 12px; 
text-align: left; 
}
.korttikuvat img {
border-style: solid;
border-color: #888888;
border-width: 1px;
margin: 2px;
}
.referenssit p {
font-family : Arial, Tahoma, Verdana;
font-size: 12px; 
margin-top: 10px;
margin-bottom: 3px; 
} 
.referenssit img {
border-style: solid;
border-color: #888888;
border-width: 1px; 
}
.yhteys ul {
font-style: oblique;
font-size: 12px; 
margin-top: 20px;
margin-bottom: 10px; 
line-height: 15pt;  
list-style: none;
} 
ul {
list-style : circle; 
}