body {
	background:#edeaba url(../pic/header_pg.jpg) repeat-x 0px 0px; margin:0; padding:0; color:#000; height:auto; font:0.75em Arial, Geneva, sans-serif;
	}
	
hr {
	display: none;
	}
	
/* table on IE 6 varten */
	
table {
	margin:0; border-collapse:collapse;
	}
	
/* h1 on logon tekstivastine ks. #logo h1 */
	
h2 {
	 font-size: 22px; margin: 0 0 18px 0;
	}
	
h3 {
	 font-size: 12px; font-weight: normal; margin: 0 0 22px 0; padding-bottom: 15px; background:url(../pic/viiva.gif) repeat-x bottom left;
	}
	
p {
	 line-height: 16px; margin: 0 10px 18px 0;
	}
	
em {
	 font-weight:normal; font-style:normal; color:#0093dd; 
	}

a {
	color:#0093dd; text-decoration:underline; 
	}
a:hover {
	color:#0093dd; text-decoration:underline;
	}
	
#wrapper {
	min-width:955px; width:100%; margin: 0 auto; text-align: left; background:url(../pic/kuva.jpg) no-repeat 0px 123px; 
	}

/* Header */	

#header {
	margin:0; background:url(../pic/logo_tausta1.jpg) no-repeat 0px 0px; height:123px;
	}
	
#header1 {
	margin:0; background:url(../pic/logo_tausta2.jpg) no-repeat 0px 0px; width:80px; height:123px; float:right; display:inline;
	}
#header1 ul {
	margin:0; padding:0; list-style-type:none; position:relative; top:15px; right:40px;
	}
#header1 li {
	padding:0; margin:0 0 0 4px; 
	}
#header1 a {
	text-decoration:none; background:url(../pic/nuoli.gif) no-repeat 0px 4px; font-size:11px; 
	}
#header1 a:hover {
	text-decoration:none; 
	}
#header1 span {
	padding:0 0 0 13px; 
	}
	
#header2 {
	margin:0; background:url(../pic/ihmiset.gif) no-repeat 195px 40px; width:350px; height:123px; float:left; display:inline;
	}

#logo {
	float: left; width: 200px; 
	}	
#logo h1 {
	margin:0; width:161px; height:78px; background:url(../pic/logo.jpg) no-repeat 23px 19px; 
	}	
#logo span {
	display:none;  
	}	
	
	
/* Content */	
	
#content {
	width:100%; padding-bottom:50px; 
	}
#content:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
	}
	
#container1 {
	float:left; display:inline; width:740px; padding-top: 50px; 
	}
#container2 {
	float:left; display:inline; width:157px; padding: 0 30px 0 28px; background:url(../pic/naviviiva.gif) no-repeat left bottom; margin-top: 50px;
	}
	
#text {
	float:left; display:inline; width:370px; padding: 0 55px 0 315px;  
	}
	
.hline {
	width:185px; background:url(../pic/pystyviiva.gif) repeat-y right bottom;  
	}
.hline:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
	}

#pic h3 {
	margin-bottom:28px; width:157px; height:100px; background:url(../pic/logo2.gif) no-repeat 0px 0px; 
	}
#pic span {
	display:none;  
	}	
	
#topnav {
	margin-bottom:35px;
	}
#extranav {
	margin-top:35px; margin-bottom:50px;
	}
#topnav ul, #extranav ul {
	margin:0; padding:0; list-style-type:none; 
	}
#topnav li {
	padding:3px 0 3px 26px; margin-bottom:10px;  
	}
#extranav li {
	padding:0 0 3px 14px; margin-bottom:10px; 
	}
#topnav a {
	padding:0; 
	}
#topnav li.first {
	background:url(../pic/vihrea_nuoli.gif) no-repeat left center; 
	}
#topnav li.second {
	background:url(../pic/sininen_nuoli.gif) no-repeat left center;   
	}
#topnav li.third {
	background:url(../pic/keltainen_nuoli.gif) no-repeat left center; 
	}
#topnav li.fourth {
	background:url(../pic/punainen_nuoli.gif) no-repeat left center;  
	}
#topnav li.fifth {
	background:url(../pic/lila_nuoli.gif) no-repeat left center;  
	}
#topnav a:hover {
	text-decoration:none; 
	}
#topnav span, #extranav span {
	line-height: 16px;
	}

/* Footer */	

#footer {
	height:26px; background:#fd9800; margin-left:210px;
	}
#footer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; 
	}
	
/* Other */
	
div.line {
	clear:both; width:157px; height:2px; overflow:hidden; margin:0; background:url(../pic/viiva.gif) repeat-x bottom left;