/* CSS Document */
html, body, form, h1, h2, h3, table {
margin:0;
padding:0;
}
html, body {
font:12px Verdana, Arial, Helvetica, sans-serif;
height:100%;
}
#wrapper {
height:100%;
background-image:url(img/bg.gif);
background-repeat:repeat-y;
width:980px;
float:left;
}
#top {
background-image:url(img/top.jpg);
background-repeat:no-repeat;
height:127px;
width:790px;
}
#kartta {
float:right;
padding:2px;
margin:7px 0 0 0;
width:180px;
border:1px solid #7E942F;
}
#material {
}
#navi {
margin:0 5px 0 0;
text-align:right;
float:left;
background-image:url(img/navi_bg.gif);
background-repeat:repeat-y;
width:167px;
}
#content {
float:left;
background-image:url(img/content_bg.gif);
background-repeat:repeat-y;
width:601px;
height:427px;
}
#text {
width:596px;
height:377px;
scrollbar-face-color : #E5EAD5;
scrollbar-shadow-color : #E5EAD5;
scrollbar-highlight-color : #E5EAD5;
scrollbar-3dlight-color : #7E942F;
scrollbar-darkshadow-color : #7E942F;
scrollbar-track-color : #7E942F;
scrollbar-arrow-color : #7E942F;
overflow:auto;
}
#bottom {
}
.separator {
clear:both;
height:0px;
}
p {
margin: 0 15px 2px 15px;
font: normal 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
#navi ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navi li {
margin: 0;
padding: 0 2px 0 0;
display: block;
}
#navi a {
border-top:1px solid #A5B46E;
display: block;
padding: 0 5px 0 0;
height: 25px;
width: 160px;
font: bold 13px/26px Verdana, sans-serif;
color: #272727;
text-decoration: none;
}
.valittu_navi {
	background-color:#E5EAD5;
}
#navi a:hover {
background-color:#E5EAD5;
}
#navi a:active {
background-color:#E5EAD5;
}
#navi img {
margin-top:0;
}
#kello {
text-align:right;
width:165px;
font-size:10px;
padding:5px 0 4px; 0;
}
h1 {
font: bold 14px Verdana, sans-serif;
margin:0 0 10px 25px;
}
h1 a:link {
	color:#6D2361;
}
h1 a:hover {
	color:#272727;
}

#content div#galleria h1 {
font: bold 14px Verdana, sans-serif;
margin:0 0 10px 15px;
}
#content img {
margin: 0 10px 5px 10px;
padding:2px;
border:1px solid #7E942F;
float:right;
clear:right;
}
#content div#galleria {
margin:0 0 0 8px;
}
#content div#galleria img {
float:none;
margin: 0 0 5px 5px;
padding:2px;
border:1px solid #7E942F;
}
#content img.bottom_img {
margin:0;
padding:0;
border:0px;
float:none;
clear:none;
}
.otsikko {
margin:0 0 10px 4px;
border-bottom:3px solid #7E942F;
border-top:1px solid #7E942F;
width:573px;
background-color:#E5EAD5;
text-transform:uppercase;
padding:0 0 0 20px;
color:#272727;
font: bold 14px/24px Verdana, Arial, Helvetica, sans-serif;
}
#footer {
font-size:10px;
position:absolute;
bottom:0;
width:770px;
text-align:center;
color:#9EAF63;
}
#footer a:link {
color:#9EAF63;
}
#footer a:hover {
color:#333;
}
a:link {
color:#7E942F;
}
a:visited {
color:#7E942F;
}
a:hover {
color:#333;
}
#lomake {
margin:0 0 0 25px;
width:450px;
border:1px dotted #7E942F;
}
#lomake td {
padding:1px;
}
.input_box {
width:280px;
color:#7E942F;
font-family:Verdana;
border:1px solid #7E942F;
margin:0;
padding:0;
}
#osoite {
float:left; 
position:absolute; 
top:400px;
left:15px; 
width:110px; 
height:62px; 
border:1px solid #A5B46E; 
padding:10px; 
background-color:#FFF; 
color:#272727; 
font:normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
}