@charset "UTF-8";
/* CSS Document */

/*Lisäys 5.10.2009*/
html, body {
	position:relative;
	margin:0;
	padding:0;
	height:100%;
}
body img.background {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden; 
	width: 100%;
	height: 100%;
	min-width: 800px;
	min-height: 600px;
}

/*-----------------*/
div#container {
	position:relative;
	margin:0 auto;
	width:998px;
	background: transparent;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 0% 300px;
}
div#content_main {
	/*position: relative;*/
	width: 998px;
	margin: 0 auto;
}
div#content_main p {
}
/* etusivu */
div#etusivutausta {
	position: absolute;
	top: 66px;
	left: 5px;
	width: 988px;
	height: 711px;
	color: #fff;
	font-size: 12px;
	background:url(../images/bg_etusivu.jpg) no-repeat;
	z-index: 99;
}
div#solu1, div#solu2, div#solu3, div#solu4, div#solu5, div#solu6, div#solu7, div#solu8, div#solu9, div#solu10, div#solu11, div#solu12, div#solu13, div#solu14, div#solu15, div#solu16 {
	float: left;
	position: relative;
	width: 215px; /* 215px */
	height: 152px;
	padding: 24px 20px 0px 16px;
	z-index: 500;
	overflow: hidden;/*border: solid 1px orange;*/
}
div#solu2, div#solu3, div#solu4, div#solu5, div#solu8, div#solu9, div#solu10, div#solu11, div#solu12, div#solu13, div#solu14, div#solu15, div#solu16 {
	width: 230px;
	padding: 24px 5px 0px 0px;
}
div#solu1.kuvasolu, div#solu2.kuvasolu, div#solu3.kuvasolu, div#solu4.kuvasolu, div#solu5.kuvasolu, div#solu6.kuvasolu, div#solu7.kuvasolu, div#solu8.kuvasolu, div#solu9.kuvasolu, div#solu10.kuvasolu, div#solu11.kuvasolu, div#solu12.kuvasolu, div#solu13.kuvasolu, div#solu14.kuvasolu, div#solu15.kuvasolu, div#solu16.kuvasolu {
	width: 230px;
	padding: 24px 5px 0px 0px;
}
div#solu1 p, div#solu2 p, div#solu3 p, div#solu4 p, div#solu5 p, div#solu6 p, div#solu7 p, div#solu8 p, div#solu9 p, div#solu10 p, div#solu11 p, div#solu12 p, div#solu13 p, div#solu14 p, div#solu15 p, div#solu16 p {
	width: 205px;/*border: solid 1px orange;*/
}

div#solu1 h1, div#solu2 h1, div#solu3 h1, div#solu4 h1, div#solu5 h1, div#solu6 h1, div#solu7 h1, div#solu8 h1, div#solu9 h1, div#solu10 h1, div#solu11 h1, div#solu12 h1, div#solu13 h1, div#solu14 h1, div#solu15 h1, div#solu16 h1 {
	position: relative;
	width: 200px;
	left: 15px;
	/*border: solid 1px black;*/
}
div#solu1.kuvasolu h1, div#solu2.kuvasolu h1, div#solu3.kuvasolu h1, div#solu4.kuvasolu h1, div#solu5.kuvasolu h1, div#solu6.kuvasolu h1, div#solu7.kuvasolu h1, div#solu8.kuvasolu h1, div#solu9.kuvasolu h1, div#solu10.kuvasolu h1, div#solu11.kuvasolu h1, div#solu12.kuvasolu h1, div#solu13.kuvasolu h1, div#solu14.kuvasolu h1, div#solu15.kuvasolu h1, div#solu16.kuvasolu h1 {
	position: relative;
	left: 0px;
	width: 133px;/*border: solid 1px yellow;*/
}
div#solu5.kuvasolu h1, div#solu6.kuvasolu h1, div#solu7.kuvasolu h1, div#solu9.kuvasolu h1, div#solu10.kuvasolu h1, div#solu11.kuvasolu h1, div#solu12.kuvasolu h1, div#solu13.kuvasolu h1, div#solu14.kuvasolu h1, div#solu15.kuvasolu h1, div#solu16.kuvasolu h1 {
	left: 4px;
	/*border: solid 1px black;*/
}
div#solu5.kuvasolu p, div#solu9.kuvasolu p, div#solu10.kuvasolu p, div#solu11.kuvasolu p, div#solu12.kuvasolu p, div#solu13.kuvasolu p, div#solu14.kuvasolu p, div#solu15.kuvasolu p, div#solu16.kuvasolu p {
	position: relative;
	left: 6px;
}
div#solu1 p, div#solu2 p, div#solu3 p, div#solu4 p, div#solu5 p, div#solu6 p, div#solu7 p, div#solu8 p, div#solu9 p, div#solu10 p, div#solu10 p, div#solu11 p, div#solu12 p, div#solu13 p, div#solu14 p, div#solu15 p, div#solu16 p {
	margin-left: 15px;
}
div#solu1.kuvasolu p, div#solu2.kuvasolu p, div#solu3.kuvasolu p, div#solu4.kuvasolu p, div#solu5.kuvasolu p, div#solu6.kuvasolu p, div#solu7.kuvasolu p, div#solu8.kuvasolu p, div#solu9.kuvasolu p, div#solu10.kuvasolu p, div#solu11.kuvasolu p, div#solu12.kuvasolu p, div#solu13.kuvasolu p, div#solu14.kuvasolu p, div#solu15.kuvasolu p, div#solu16.kuvasolu p {
	float: right;
	width: 135px;
	text-align: left;
	z-index: 1;
	border: none;/*border: solid 1px orange;*/
}
div#solu6 h1 {
	position: relative;
	width: 220px;
	left: 0px;/*border: solid 1px orange;*/
}
div#solu6 p {
	position: absolute;
	width: 120px;
	top: 52px;
	left: 90px;
}

div#solu7 {
	overflow: visible;
}

div#solu7 h1 {
	position: relative;
	width: 200px;
	left: 13px;
	top: 8px;
}

#solukuva1 {
	position:  absolute;
	top: 10px;
	left: 247px;
	z-index: 97;
}
#solukuva2 {
	position:  absolute;
	top: 10px;
	left: 247px;
	z-index: 97;
}
#solukuva3 {
	position:  absolute;
	top: 10px;
	left: 494px;
	z-index: 97;
}
#solukuva4 {
	position:  absolute;
	top: 188px;
	left: 0px;
	z-index: 97;
}
#solukuva5 {
	position:  absolute;
	top: 10px;
	left: 741px;
	z-index: 97;
}
#solukuva6 {
	position:  absolute;
	top: 225px;
	left: 246px;
	z-index: 97;
}
#solukuva8 {
	position:  absolute;
	top: 188px;
	left: 741px;
	z-index: 97;
}
#solukuva9 {
	position:  absolute;
	top: 366px;
	left: 0px;
	z-index: 97;
}
#solukuva10 {
	position:  absolute;
	top: 366px;
	left: 247px;
	z-index: 97;
}
#solukuva11 {
	position:  absolute;
	top: 366px;
	left: 494px;
	z-index: 97;
}
#solukuva12 {
	position:  absolute;
	top: 366px;
	left: 741px;
	z-index: 97;
}
#solukuva13 {
	position:  absolute;
	top: 544px;
	left: 0px;
	z-index: 97;
}
#solukuva14 {
	position:  absolute;
	top: 544px;
	left: 247px;
	z-index: 97;
}
#solukuva15 {
	position:  absolute;
	top: 544px;
	left: 494px;
	z-index: 97;
}
#solukuva16 {
	position:  absolute;
	top: 544px;
	left: 741px;
	z-index: 97;
}
h1.etusivu {
	float: right;
	width: 135px;
	left: 120px;
	padding: 0;/*border: solid 1px black;*/
}
.soluerotin {
	float: left;
	width: 13px;
	height: 152px;
}
.soluerotin2 {
	float: left;
	width: 5px;
	height: 152px;
}
.soluerotin3 {
	float: left;
	width: 35px;
	height: 152px;
}
.soluerotin4 {
	float: left;
	width: 30px;
	height: 152px;
}
#etusivutausta p, #etusivutausta h1 {
	margin: 0;
	padding: 0;
}
#etusivutausta h1 {
	color: #fff;
}
/* etusivun linkit */
#solu1 a, #solu2 a, #solu3 a, #solu4 a, #solu5 a, #solu6 a, #solu8 a, #solu9 a, #solu10 a, #solu11 a, #solu12 a, #solu13 a, #solu14 a, #solu15 a, #solu16 a {
	background: url(../images/transparent.gif);
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 245px;
	height: 174px;
	color:#fff;
	text-decoration:none;
	z-index: 199;
	/*border: solid 1px yellow;*/
}
#klikkaa1, #klikkaa2, #klikkaa3, #klikkaa4, #klikkaa5, #klikkaa6, #klikkaa8, #klikkaa9, #klikkaa10, #klikkaa11, #klikkaa12, #klikkaa13, #klikkaa14, #klikkaa15, #klikkaa16 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 145px;
	visibility: hidden;
	z-index: 100;
}
#klikkaa2, #klikkaa6, #klikkaa10, #klikkaa14 {
	left: 247px;
}
#klikkaa3, #klikkaa7, #klikkaa11, #klikkaa15 {
	left: 494px;
}
#klikkaa4, #klikkaa8, #klikkaa12, #klikkaa16 {
	left: 741px;
}
#klikkaa5, #klikkaa6, #klikkaa7, #klikkaa8 {
	top: 323px;
}
#klikkaa9, #klikkaa10, #klikkaa11, #klikkaa12 {
	top: 501px;
}
#klikkaa13, #klikkaa14, #klikkaa15, #klikkaa16 {
	top: 679px;
}
/* etusivulista */
body div#solu7 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	/*border: solid 1px orange;*/
	margin-top: 10px;
}
body div#solu7 ul.etusivulista {
	position: relative;
	display: block;
	width: 220px;
	top: 23px;
	left: 13px;
	padding: 0px;
	margin: 0px;
}
body div#solu7 ul a:link, body div#solu7 ul a:visited {
	position: relative;
	width: 200px;
	color: #fff;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
body div#solu7 ul a:active, body div#solu7 ul a:hover {
	text-decoration: underline;
}
ul.etusivulista li {
	float: none;
	display: block;
}
.etusivulistaerotin {
	height: 9px;
}
/* perussivu */
div#content_vasen {
	/*position: relative;*/
	position: fixed;
	float: left;
	width: 500px;
	min-height: 735px;
	height: 100%;
	margin-top: 0px;
	background-color: transparent;
	z-index: 98;
	/*border: solid 1px yellow;*/
}

div#content_vasen #kuva_blogi {
	margin-top:50px;
}

div#content_vasen ul {
	position: absolute;
	width: 440px;
	top: 107px;
	left: 75px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	/*border: solid 2px yellow;*/
}
div#content_vasen ul a:link, div#content_vasen ul a:visited {
	display: block;
	float: left;
	height: 33px;
	margin-right: 6px;
	padding-right: 20px;
	text-decoration: none;
	color: #006ad0;
	font-weight: bold;
	background: transparent url(../images/bg_tab_oikea.png) no-repeat top right;
	z-index:1200;
	/*border: solid 2px yellow;*/
}
div#content_vasen ul a:hover {
	background: transparent url(../images/bg_tab_oikea_a.png) no-repeat top right;
}
div#content_vasen li a span {
	display: block;
	line-height: 21px;
	padding: 7px 0px 5px 12px;
	background: transparent url(../images/bg_tab_vasen.png) no-repeat;
}
div#content_vasen li a:hover span {
	background: transparent url(../images/bg_tab_vasen_a.png) no-repeat;
}
div#content_vasen p {
	width: 490px;
	color:#FFF;
	padding: 0px 5px 0px 0px;
	margin: -78px 0px 0px 0px;
	text-align: center;
	/*border: solid 2px white;*/
}
ul.ul_kuvat-links {
	position: absolute;
	left: 60px;
	z-index: 1200;
	/*border: solid 2px yellow;*/
}
#kuva1, #kuva2, #kuva3, #kuva4, #kuva5 {
	position: absolute;
	top: 75px;
	left: 0px;
	text-align:center;
	z-index: 98;
	/*border: solid 2px orange;*/
}

.tab-palkki {
	position: absolute;
	width: 510px;
	height: 45px;
	top: 140px;
	left: 0;
	background: transparent url(../images/bg_tab-palkki.png);
	z-index:1199;
	/*border: solid 2px red;*/
}
div#content_oikea {
	position: relative;
	float: right;
	width: 496px;
	min-height: 735px;
	height: 100%;
	margin: 68px 0px 0px 0px;
	background: transparent url(../images/bg_content_oikea.png);
	z-index: 99;
}
div#content_oikea p {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}
/*Lisäys 2.10.2009*/
div#content_oikea p img {
	border:1px solid #5ca3e7;
	float:right;
	margin:0 0 10px 10px;
}
/*--------------------*/

div#content_oikea .kuva {
	float:right;
	padding-left: 18px;
	margin: 0 40px 0 0;
	width:196px;
	text-align:center;
}

/*7.4.2010*/
div#content_oikea table {
	margin: 0 0 0 50px;
}
div#content_oikea table td {
	line-height:19px;
}
div#content_oikea table.kohteet td {
	line-height:23px;
	padding-left:2px;
}
div#content_oikea  h3 {
	display:block;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
}
div#content_oikea table h4 {
	margin: 0;
	font-size:11px;
	font-weight:bold;
}
/*7.4.2010 - End*/

div#content_oikea table.kollaasi {
	margin: 0 0 0 40px;
}
div#content_oikea table.kollaasi td {
	text-align:center;
	width:200px;
}
div#content_oikea table.kollaasi img {
	float:none;
}
div#content_oikea table.kollaasi p {
	margin-bottom:1em;
}
#content_oikea p {
	padding: 0px 50px 10px 50px;
}
#content_oikea p.kuvateksti {
	padding: 0;
}
div#header {
	height:40px;
	position:absolute;
	top:0;
	left:77px;
	z-index:10000;
}
div#header img {
	border:none;
}
div#footer {
	position: relative;
	float: left;
	width: 496px;
	height: 120px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
	background: transparent url(../images/bg_footer.png) no-repeat;
	clear: both;
}
div#footer p {
	padding: 22px;
}
/* listat */
 ul.linkit {
	padding-top: 31px;
	margin-left: -30px;
	color:#349dff;
}
div#content_oikea li {
	display: inline;
	margin-left: 20px;
}
.link-rss {
	background:url(../images/icon_rss.png) left top no-repeat;
	padding: 5px 0px 8px 27px;
	margin-left: 20px;
}
.link-facebook {
	background:url(../images/icon_facebook.png) left top no-repeat;
	padding: 5px 0px 8px 27px;
	margin-left: 20px;
}
.link-tulosta {
	background:url(../images/icon_tulosta.png) left top no-repeat;
	padding: 6px 0px 8px 33px;
	margin-left: 20px;
}
ul.lista {
	width: 385px;
	line-height: 25px;
	list-style-image:url("/templates/ol4/images/list-bullet.png");
	margin: 0px;
	margin-bottom: 18px;
	padding:0px;
	padding-left: 50px;
}
div#content_oikea .listaelementti {
	display: block;
	float: none;
	background: url(../images/list-bullet.png) no-repeat;
	padding: 0px 0px 0px 8px;
}
/* linkit */
a {
	outline: none;
}
a.menulinkki:link, a.menulinkki:visited {
	color: #fff;
	text-decoration: none;
}
a.menulinkki:active, a.menulinkki:hover {
	color: #fff;
	text-decoration: underline;
}
a.tekstilinkki:link, a.tekstilinkki:visited {
	font-weight: normal;
	color: #349dff;
	text-decoration: underline;
}
a.tekstilinkki:active, a.tekstilinkki:hover {
	font-weight: normal;
	color: #349dff;
	text-decoration: none;
}

/*Lisäys 19.11.2009 */
div#kuva_haastattelut {
	margin:120px 0px 0px 0px;
}

div#content_oikea p.haastatteluplayer {
	padding-top: 0px;
}

.link-etusivulle {
	background:none;
	padding: 0px 0px 25px 175px;
	/*margin-bottom: 15px;*/
}

.footer-spacer {
	height: 15px;
}
/*--------------------*/
/*Lisäys 24.11.2009 */
html body #content_oikea p.haastatteluplayer {
	padding-bottom:12px;
}
/*--------------------*/
/*7.4.2010*/
td.bullet_bio {
	background: url(../images/bullet_biovoima.gif) no-repeat center center;
	color:#FFF;
	text-align:center;
	width:23px;
	height:23px;
}
td.bullet_tuuli {
	background: url(../images/bullet_tuulivoima.gif) no-repeat center center;
	color:#FFF;
	text-align:center;
	width:23px;
	height:23px;
}
td.bullet_vesi {
	background: url(../images/bullet_vesivoima.gif) no-repeat center center;
	color:#FFF;
	text-align:center;
	width:23px;
	height:23px;
}
td.bullet_ydin {
	background: url(../images/bullet_ydinvoima.gif) no-repeat center center;
	color:#FFF;
	text-align:center;
	width:23px;
	height:23px;
}
#kartta {
	width: 210px;
	height:370px;
	float:right;
	/*margin-left:30px;*/
}
#kartta2 {
	position:relative;
	top:380px;
	/*width: 147px;
	height:259px;*/
	float:right;
	z-index:100;
}
#kartta_oikea {
	float:right;
	margin-right:10px;
}
#haastattelut {
	position: absolute;
	width: 989px;
	height: 380px;
	top: 67px;
	left: 0px;
	z-index:1;
}