/*
	02072009	Jukka Arola
				Tuunattu IE6-yhteensopivaksi.
	10072009	Jukka Arola
				IE7 tiputtaa oikean laidan "nostot" leipätekstin
				alle.
*/

/* @override http://extra.activeark.com/dev/juho_lehmonen/mloy/mvc/assets/css/style.css */

/*	 Base
----------------------------------------*/
*{margin:0;padding:0}
/*body{background:#fff url("../img/bg_body.png") repeat-x 4px top;*/
body{background:#fff url("../img/bg_body.png") repeat-x 4px top;
font-family:"Trebuchet MS", times new roman;color:#515151;font-size:81%;}
#page{background:#fff url("../img/bg_top.png") no-repeat left top;width:950px;}
a{text-decoration:none;color:#13832f}
a:hover{text-decoration:underline;}
/*a:visited{color:#55552f;}*/ /* 10072009, Jarola */
a:visited{color:#13832f;}
#sidebar,#maincontent{line-height:1.5}

hr{clear:both;color:#d2d0d0;border:0;border-top:1px solid #d2d0d0;background:#d2d0d0;height:1px;margin-bottom:10px;}
hr.clear{color:#fff;background:#fff;border:0;margin:0}
.kuva{padding:3px; border:1px solid #d2d0d0;}
.float_left{float:left;margin-right:25px;}
.img_text{overflow:auto}
.readmore{
	padding-left: 15px;
	background: transparent url("../img/sprite_sidebar.png") no-repeat -600px 4px;
	color: #13832f;
}
.ingressi{font-weight:bold;font-style:italic;}
.ingressiwide{font-weight:bold;font-style:italic;padding-top: 20px;}

/*	 Typography
----------------------------------------*/
#footer{font-size:0.9em}
#main_navi{font-size:12px;}
h1,h2,h3{font-size:1.5em;color:#515151;font-weight:normal;}
h3.sivukartta{font-size:1.3em;color:#515151;font-weight:normal;border-bottom:thin;border-bottom-color:black;border-bottom-style:solid;}
h4.sivukartta{font-size:1.0em;color:#515151;font-weight:bold;}
#sidebar h2,#column2 h3{font-size:1.08em;font-weight:bold;}
#column1 h3,h5{font-size:1em;color:#515151;font-weight:bold;}

/*	 Header & menut
----------------------------------------*/
#header{position:relative;min-height:85px;margin-bottom:20px}
#header{height:85px}
div > #header{height:auto}

#top_navi{list-style:none;position:absolute;top:5px;right:-10px;font-size:12px;}
#top_navi li{float:left;padding:0 15px;
background:transparent url("../img/sprite_topnavi.png") no-repeat 0 -300px}
#top_navi li:first-child{background:none}
#top_navi li a{color:#60f97d}
#top_navi li a:hover{text-decoration:underline;color:#60f97d}

#top_navi li a.sitemap,#top_navi li a.palaute,#top_navi li a.print{
padding-left:17px;background:transparent url("../img/sprite_topnavi.png") no-repeat}
#top_navi li a.sitemap{background-position:0 0}
#top_navi li a.palaute{background-position:0 -98px;}
#top_navi li a.print{background-position:0 -198px;}

#main_navi{list-style:none;position:absolute;bottom:-1px;left:240px;}
div > #header #main_navi{bottom:0}
#main_navi li{float:left;padding-left:15px;background:transparent url("../img/sprite_mainnavi.png") no-repeat 7px -79px}
#main_navi li:first-child{background:none;}
#main_navi li.first{background:none;}
#main_navi li a{
display:block;width:82px;height:57px;
text-align:center;padding-top:15px;margin-bottom:-30px;
font-weight:bold;color:#fff;
outline:0;
}
#main_navi li a:focus,#main_navi li a:hover,#main_navi li a.valittu{
background:transparent url("../img/sprite_mainnavi.png") no-repeat;
color:#137fbd;text-decoration:none;}
.logo{
	position: absolute;
	top: 0px;
	left: -1px;
	width: 200px;
	height: 80px;
	outline: 0;
}

/*	 Sidebar
----------------------------------------*/
#sidebar,#maincontent,#navi2{float:left;}
#sidebar{
width:240px;margin-right:15px;
background:#f7f7f7 url("../img/bg_sidebar.png") repeat-y right top;
border-right:1px solid #d2d0d0;border-bottom:1px solid #d2d0d0;}
div > #sidebar{margin-right:19px}
#sidebar h2{padding:7px 0 0 40px;margin-bottom:30px}

#sidebar div{
	background:transparent url("../img/sprite_sidebar.png") no-repeat -300px 0;
/*	background:url("../img/sidebar1.png") no-repeat;*/
	padding:0 15px 10px 20px;
	height:1%; /* 14.10.2009 J. Arola, aiheuttaa IE:ssä diveille hasLayout==true -> PeekABoo-bugi korjaantuu */
}

#sidebar #hae{background:#f7f7f7 url("../img/bg_sidebar.png") repeat-y right top;border-top:1px solid #d2d0d0;padding:15px 10px;}
#sidebar #hae{margin-bottom:-30px}
div > #sidebar #hae{margin-bottom:0}

#sidebar #hae input {
	width:170px;
	height:21px;
	border:1px solid #d2d0d0;
	margin-right:5px;
	float:left;
	/*background:url('../img/google.png') repeat-y*/
}

#sidebar #hae input.submit{width:38px;height:21px;margin:0}

#navi2{background:#2079ad;padding:0;float:left;}
#navi2 ul{list-style:none;border-top:1px solid #196793;float:left;}
#navi2 li{float:left;
display:block;
width:240px;height:30px;
border:1px solid #196793;
border-left:0;border-top:0;
background:#2079ad url("../img/bg_navi2.png") repeat-x;
}
#navi2 li.valittu{background-image:none}
#navi2 a{color:#fff;font-weight:bold;position:relative;top:5px;padding-left:40px;background:transparent url("../img/sprite_sidebar.png") no-repeat -885px 0;display: block;}
#navi2{margin-right:-20px;}
div > #navi2{margin:0}
#navi2 ul{margin-left:-10px;}
div > #navi2 ul{margin-left:-20px;}

#sidebar #ajankohtaista{background-position:0 0}
#sidebar p{margin-bottom:10px}
#sidebar #ajankohtaista p{margin-bottom:20px}

#sidebar #ajankohtaista li {
	margin-bottom:10px;
}
#sidebar #ajankohtaista li a {
	padding-left:20px;background:transparent url("../img/sprite_sidebar.png") no-repeat -600px 4px;color:#13832f;
}

.laatikkolinkki {
	text-decoration: none;
	font-weight: bold;
	padding-left: 13px;
	display: block;
	background:transparent url("../img/arrow_wht.jpg") no-repeat 12px 0px !important;
	
}
.active{
	background: #2079ad url("../img/arrow_down.jpg") no-repeat 10px 4px !important;
}

.submenu {
	background: #2079ad !important;
	border:none !important;
	width: 241px !important;
	line-height: 0.9;
}

.padding-bottom{
	padding-bottom: 10px;
}
.none{
	background: none !important;
}

#pikalinkit ul{list-style:none}
#pikalinkit li{margin-bottom:10px}
#pikalinkit li a{padding-left:20px;background:transparent url("../img/sprite_sidebar.png") no-repeat -600px 4px;color:#13832f;}

/*	 Content
----------------------------------------*/

#maincontent{width:690px; *width:680px; } /* 02072009 Jukka Arola, IE6:sta varten "tähtihack", oli 680 */

html>body #maincontent { *width:690px; } /* 10072009 Jukka Arola, IE7 nappasi yo. kiinni. Tällä "resetoidaan" yo. IE7:lle.
IE 6 ei osaa lukea child-selectoria html>body */

#maincontent div{position:relative;}
#maincontent .row {width:648px;padding:20px;margin-bottom:30px;border:1px solid #d2d0d0;}

#maincontent .col {float:left;margin-right:5px;width:200px;}
div > #maincontent .col{margin-right:10px;}
#maincontent .col .last{margin-right:0}
#maincontent .etusivu_kuva{width:680px;padding:4px;}

/* 02072009 Jukka Arola Lisätty selectori, joka ottaa kiinni kaikki (ie6/7) css-luokan alasivu_kuva alla olevat img-tagit ja pienentää niitä 10px*/
.alasivu_kuva  img{
	*width:679px;
}


#maincontent .firstcol,#maincontent .secondcol {
float:left;width:298px;*width:293px;min-height:100px;*height:120px; /* 02072009 Jukka Arola, lisätty *width IE6:sta varten - näytetään sarakkeet vähän pienempinä ie6:lla*/
padding:20px; padding-bottom:0;margin-bottom:30px;
border:1px solid #d2d0d0;
}
#maincontent .firstcol{margin-right:10px}


#maincontent h2,#maincontent h1{position:absolute;top:-15px;left:10px;margin-left:0;padding:0 10px;background:#fff;display:inline;}
#maincontent .col h2,#maincontent .col h1{top:-35px;left:-10px}
#maincontent h3{margin-bottom:5px}
#maincontent p,#maincontent ul{margin-bottom:20px;}
#maincontent .col p,#maincontent .col ul{margin-bottom:10px}
#maincontent .firstcol p,#maincontent .secondcol p{margin-bottom:10px}
#maincontent li{margin-left:15px; list-style-type: disc;}

#maincontent select{width:200px}


/*   Form
----------------------------------------*/

.form{
	border: none !important;
	padding-left: 0 !important;
	padding-bottom:5px;
}

textarea{
	width: 300px;
}
input{
	width: 300px;
}
#submit{
	width: 100px;
}


/*	 Alasivut
----------------------------------------*/
.alasivu_kuva{margin-bottom:30px;}

#column1,#column2{float:left;display: inline;margin-bottom:20px;}
#column1{width:462px;margin-right:20px;*width:490px;_width:485px;}
#column1 ul li{list-style-type: disc;}
#column2{width:208px;*width:180px;_width:175px;}
#column1 div ,#column2 div{border:1px solid #d2d0d0;}
#column1 div{padding:25px;}
#column1 .henkilo{padding:0;margin:0;border:0;overflow:auto;margin-bottom:20px;}
#column1 .henkilo p{margin-left: 152px;}
#column1 .henkilo .img{float:left;margin-right:30px;}
#column2 div{
background:#f7f7f7 url("../img/bg_col2.png") repeat-x center top;
padding:20px;padding-right:5px;margin-bottom:20px;}

#column2 h3{margin-bottom:10px}
#column2 p{margin-bottom:5px}

/*	Linkkien alleviivaus leipätekstissä
	ja oikean laidan laatikoissa
	
	01072009 - Jukka Arola
-----------------------------------------*/

#column1 a, #column2 a
{
	text-decoration:underline;	
}

.imgCol2IE
{
	*width:189px;
	_width:170px;
}


/*    Table
-----------------------------------------*/
table{
	text-align: left;
	font-size: 11px;
	border: 1px solid #ababab;
}

th{
	padding: 4px;
	font-weight: bold;
	border: 1px solid #ababab;
}

td{
	padding: 4px;
	text-align: center;
	border: 1px solid #ababab;
}

.leftalign 
{
	font-family: "Trebuchet MS", "Times New Roman";
	text-align: left;
	white-space:nowrap;
	font-size: 14px;
	padding-left:12px
}

.leftalign table
{
	text-align: left;
	white-space:nowrap;
}

.leftalign tr
{
	padding: 0 px;
	text-align: left;
	white-space:nowrap;
	border-style: none;
	border: none;
	
}

.leftalign td
{
	text-align: left;
	white-space:nowrap;
	border: 0px;
}

.leftalign input
{
	text-align:left;
	width:auto;
	white-space:nowrap;
}
.leftalign label
{
	text-align: left;
	white-space:nowrap;
}

/*	 Footer
----------------------------------------*/
#footer{margin-bottom:150px;clear:both;border-top:1px solid #d2d0d0;padding:25px 0 0 20px;color:#909090;}
#footer{margin-top:-15px}
div  > #footer{margin-top:0}