* {
 margin: 0; 
 padding: 0;
}
body {
 background: #b6b6b6 url(bg.jpg) repeat-x;
 color: #222;
 font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align:center;
}
a {color: #642;}
a:hover {color: #963;}
h1,h2,h3 {color: #939; padding: 8px 0 2px;}
h1 {font: normal 2.4em/normal Georgia, "Times New Roman", Times, serif}
h2 {font: normal 1.6em Georgia, "Times New Roman", Times, serif}
h3 {font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif}
blockquote{
 background: url('../img/quote.gif') no-repeat;
 display: block;
 font: normal 1.1em Georgia,serif;
 padding-left: 26px;
 margin-top: 30px;
 color: #c00;
}
form{margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li{line-height: 1.5em;}
p{padding: 2px 0 10px;}
ul {padding: 0 2em 1.2em;}
input.text, textarea {width:250px}
#wrapper {
 width:750px; 
 margin: 0 auto; 
 text-align:left;
 line-height: 1.3em;
 background: #fff;
}
#logo_osoite{
 position: relative;
 margin: -39px 0 0 20px;
 font: bold 1.5em Georgia, "Times New Roman", Times, serif;
 color: #696969;
}
.navigation{
 background: #DED9D0 url(../img/nav.gif) repeat-x; height: 41px;
}
.navigation a{
 background: #FFF url(../img/nav.gif) repeat-x;
 border-right: 1px solid #C9C6B3;
 color: #553;
 float: left;
 font: bold 1em Tahoma,sans-serif;
 padding: 0 14px;
 line-height: 41px;
 text-align: center;
 text-decoration: none;
}
.navigation a:hover,.navigation a.active {background-position: left bottom; color: #331;}
.main{
 width: 750px;
 background: url(../img/two-columns.gif) repeat-y;
}
.left{
 width: 60%;
 float: left;
 padding: 18px 20px;
}
.right{
 width: 30%;
 float: right;
 padding: 18px 12px 12px;
 background: #fff;
}
*html .left{
 padding-bottom: 10px;
}
/* yhteystiedot oikealla */
p.block{
 border-top: 1px dashed #ddd;
 margin: 0 0 1em;
 padding: 0;
 width: 90%;
 font-size:90%;
 font-weight:bold;
 color:#555
}
.hk_kuva{
 float: left;
 display: inline;
 margin: 10px; 
}
#google_kartta{
 height: 400px;
 width: 440px;
 margin-top: 20px;
 border: #ccc 2px solid;
 overflow: hidden;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#googlemap_still {
 float: right;
 margin: -50px 39px 20px 0;
 height: 114px;
 width: 169px;
 border: #aaa 2px solid;
 overflow: hidden;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
*html #googlemap_still {
 margin: -50px 20px 20px 0;
}
#googlemap_still a img{
 border: 0;
 text-decoration: none;
}
.bottom {
 clear: both;
 background: #aaa;
 border-top: 1px solid #666;
 color: #444;
 padding: 14px 20px;
 font-weight: bold;
}
#yhteistyo_header{
 width: 700px;
 font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 color: #993399;
}
.yht_tyo_kump{
 float: left;
 background: #aaa;
 display: inline;
 border-top: 1px dashed #ddd;
 margin: 4px 30px 4px 0;
 padding: 0;
 width: 28%;
}
.yht_tyo_kump a{
 color: #555;
 display: block;
 padding: 4px 3%;
 text-decoration: none;
 width: 94%;
}
.yht_tyo_kump a:hover{
 background: #c0b6cc;
 color: #553;
}
.footer {
 width: auto;
 clear: both;
 color: #666;
 background: #B5B5B5;
 padding: 10px;
 font-size: 0.8em;
 text-align: center;
}
.footer a{
 color: #444;
 text-decoration: none;
}
.footer a:hover{
 color: #666;
 text-decoration: underline;
}