*, body{
	background:#DDE2E8 url(images/bg_site.jpg) repeat-x ;
	margin: 0; 
	padding: 0;
	text-align:center;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	}

h4{
text-align:left;
}

h3{
text-align:left;
}

#header{
	text-align: left;
	width:980px;
	height:230px;
	font-size:13px;
	color:#3b5472;
	padding:0 0px 0 9px;
	background: url(images/bg-top.png) bottom left no-repeat; 
	}


#koonti {
	clear:both;
	display: block; 
	margin: 0 auto;
	width:980px;
	background:none; 
	overflow:hidden; 
	position:relative;
	}

#topnav{
	background:transparent;
	z-index:150;
	margin-top:120px;
	margin-left:65px;
	clear:both;
	color:#FFFFFF;
	}

#sisalto{
	text-align:left;
	background: #FFFFFF;
	float:left;
	width:800px;
	padding:20px 50px 9px 20px;
	margin-left:50px;

}
	
#ala{
	background:url(images/bg-footer.png) no-repeat top left;
	display: block; 
	bottom: 0; 
	height: 2em;
	clear:both;
	width:980px;
	float:left;
	padding:20px 11px 20px 9px;
	margin:0;
	text-align: center;
	}

	
#button {
	width: 12em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:12px;
	background-color: #90bade;
	color: #333;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}

#button li a {
		display: block;
		padding: 2px 5px 2px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}


#copy{
	font-size:12px;
	color:#3b5472;
	background:transparent;
}

#content { 
	color:#293748;
	width:980px; 
	min-height:420px;
	height:420px;
	height:auto;
	float:left; 
	padding:25px 50px 20px 9px; 
	background: url(images/bg2.png) top left; 
	text-align:left;
	}

#cse-search-results{
	background:#FFFFFF;
	width:800px;
	margin-left:50px;
	padding:25px 50px 9px 20px;
}

#haku{
float:right;
margin-right:20px;
text-align:left;
}

#ylakuva{
background:transparent;
background-image:url('images/ylakuva42.png');
background-repeat: no-repeat;
margin-top:20px;
padding:20px 20px 0px 9px; 
height:191px;
}

.horizontalcssmenu{
background:transparent;
color: #ffffff;
}

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

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

a:link{
color:#333399;
}

a:visited{
color:#333399;}

a:hover{
color:#999999;}

.lista ul li{
text-align:left;
margin-left:30px;
background:#ffffff;
}

.lista ul {
background:#ffffff;
}

#yhteystiedot{
margin-top:10px;
margin-left:180px;
background:transparent;
background-image:url('images/reunus2.png');
background-repeat: no-repeat;
padding:25px 25px 10px 5px; 
height:280px;
width:340px;
color:#293748;
}

.teksti {
float:left;
width:400px;
background:#FFFFFF;
}

.kuva {
float:right;
background:#FFFFFF;
}

.wrap{
background:#FFFFFF;
clear:both;}

img{
background:#FFFFFF;
border:2px;
border-style: outset;
border-color:#293748;}

#lomake{
text-align:left;
float:left;
background:#FFFFFF;
}

.kentta{
text-align:left;
}

#sisennys{
margin-left:200px;
width:450px;
background:#FFFFFF;}

div.img
  {
  margin: 2px;
  border: 1px solid #666699;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #666699;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 180px;
  margin: 1px;
  }

#wrap_galleria{
clear: both;
width: 800px;
margin-left:35px;
background:#FFFFFF;
}

