/* navigation elements */ @import url("navi.css");
html{
	margin:0;
	padding:0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	margin:0 auto;
	color:#000;
	background: #006600 url(../gfx/body_bg.gif) repeat-x;
}
#admin {
	background:#006600;
	border-bottom:1px solid #000;
	height:25px;
	line-height:25px;
	color:#fff;
}
#admin a{
	color:#fff;
}
#admin a:hover{
	color:#669900;
}
table, tr, td{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
a, a:visited{
	color: #000;
}
a:hover{
	color:#669900;
}
h1{
	margin:25px 0 10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
.folderName h2{
	background-color:#449b00;
	line-height:18px;
	color:#fff;
	border-bottom: 1px solid #006600;
	border-top: 1px solid #7cc444;
	margin:25px 0 10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.rightContent .text  h1 a,
.rightContent .text h1 a:visited,
.rightContent .text  h2 a,
.rightContent .text h2 a:visited{
	font-size:12px;
	font-weight:normal;
	color: #fff
}
h1 span,
h2 span{
	padding:0 8px 0 4px;
	color: #fff;
	font-weight:bold;
	font-size:13px;
}
h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:12px;
}
.item h3{
	margin:0 0 3px;
}
.item h3 a{
	font-weight:normal;
	margin:0 0 0 5px;
}
img{
	border:none;
}

#mainwrapper{
	width:1010px;
	margin:0 auto;
	background:  url(../gfx/mainwrapper_bg.png) no-repeat;
}
/* HEADER **************************************/
#lang{
	height:33px;
	width:960px;
	text-align:right;
	color:#fff;
	line-height:33px;
	margin:0 auto;
}
#lang a{
	color:#fff;
	text-decoration:none;
	margin:0 0 0 35px;
}
#lang a:hover{
	text-decoration:underline;
}
#header{
	height:41px;
	width:960px;
	padding-top:219px;
	margin:auto;
	background: #fff;
}
#fp #header{
	background:#669900 url(../gfx/header1_bg.jpg) center 10px no-repeat;
}

/* CONTENT **************************************/
#contentwrapper{
	width:960px;
	margin:auto;
	background: #fff;
	text-align:left;
	padding:0 0 10px 0;
}
#fp #contentwrapper{
	padding:0;
}
/* left content */
.leftContent{
	width:300px;
	float:left;
	position:relative;
}
.leftContent .holeBox, .leftContent .grayBox{
	float:right;
	margin:0 0 10px;
	position:relative;
	width:200px;
	padding: 15px 45px;
	
}
.leftContent .holeBox{	
	background:url(../gfx/holeBox_bg.png) no-repeat bottom left;	
	min-height:70px;
	padding: 15px 45px 10px;
}
.leftContent .holeBox a{
	color:#669900;
	font-weight:bold;
	display:block;
	padding-bottom:3px;
	text-decoration:none;
}
.leftContent .holeBox .top{
	background:url(../gfx/box290Top.gif) no-repeat top left;
	top:0;
	left:0;
}
.leftContent .holeBox .top, .leftContent .bottom{
	height: 5px;
	width:290px;
	position:absolute;
}
.leftContent .grayBox{
	background:url(../gfx/boxGray290_bg.png) no-repeat top left;
	min-height:120px;
	line-height:16px;
}
.leftContent .grayBox p{
	margin:5px 0;
}
.leftContent .bottom{
	background:url(../gfx/box290Bottom.gif) no-repeat bottom left;
	bottom:0;
	right:0;
}
/* right content */
.rightContent{
	float:right;
	width:650px;
	font-size:12px;
}
.rightContent .columnLeft{
	width:313px;
	min-height:225px;
	float:left;
	padding:15px 22px 15px 15px;
	background: url(../gfx/boxGray343_bg.png) no-repeat top left;
	position:relative;
}
.rightContent .columnLeft .navi{
	margin:5px 0 0 60px;
}
.rightContent .columnLeft .bottom{
	background:url(../gfx/box343Bottom.gif) no-repeat bottom left;
	bottom:0;
	left:0;
	height:5px;
	width:343px;
	position:absolute;
}
.rightContent .columnRight{
	width:290px;
	float:right;
	padding-right:8px;
}
.rightContent .breadcrumbs{
	font-size:11px;
}
.rightContent .breadcrumbs, .rightContent .text, body .fileEdit{
	margin:0 55px;
}
.breadcrumbs a, .breadcrumbs a:visited, .rightContent .text a, .rightContent .text a:visited{
	color:#669900;
}
.rightContent .text{
	font-size:12px;
}
.rightContent .inlineRight{
	display:inline;
	float:right;
	text-align:right;
	padding:0 0 10px 10px;
}
.rightContent .inlineRight img{
	max-width:250px;
}
/* news tab */
div.tabs10{
	font-size:12px;
}
div.tabs10 a {
	background:none;
}
div.panel {
	width:auto;
}
div.panel.events dd.date{
	float:left;
	width:70px;
	margin:0;
}
div.panel.events dt.heading{
	float:right;
	width:470px;
}
div.panel.events dl{
	display:block;
}
ul#newsTab12
ul#objectTab,
ul#pictures{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.tabList{
	list-style-type:none;
	padding:0;
}
ul.tabList li a,
ul#objectTab li a{
	text-decoration:none;
	font-weight:bold;
}
/* same layout as h1 element */
.text ul.tabList li a span {
	display: block;
	font-size:14px;
	margin:25px 0 10px;
	padding:0;
	color: #000;
}
#newsPanel12 dl, #newsPanel13 dl, #newsPanel14 dl, #newsPanel15 dl{
	margin:7px 0 0; 
}
#newsPanel12 dl dt.heading, #newsPanel13 dl dt.heading,#newsPanel14 dl dt.heading, #newsPanel15 dl dt.heading{
	padding:0;
	margin: 0;
	float:left;
	padding: 3px 8px 5px 0;
}
#newsPanel12 dl dd.date, #newsPanel13 dl dd.date, #newsPanel14 dl dd.date, #newsPanel15 dl dd.date{
	padding: 3px 0 5px;
}
#fp #newsPanel12 dl dt.heading{
	padding:0;
	margin: 0;
	float:right;
	width:240px;
	padding: 3px 8px 5px 0;

}
#fp #newsPanel12 dl dd.date{
	padding: 3px 0 5px;
	float:left;
	width:60px;
	margin:0;
}

/* Default document looper */
div.tabs10 .documents.panel{
	font-size:12px;
}
div.tabs10 .documents.panel .odd{
	background: #f7f7f7;
}
div.tabs10 .documents.panel dd{
	margin:0;
	float:left;
	clear:left;
	width:50px;
	height:30px;
}
div.tabs10 .documents.panel dd img{
	width:20px;
	padding-top:4px;
}
div.tabs10 .documents.panel dd.caption{
	display:none;
	width:auto;
}
div.tabs10 .documents.panel dt{
	/*float:left;*/
	width:480px;
	padding-top:5px;
	height:25px;
}
div.tabs10 .documents.panel a {
	background:none;
	float:left;
	margin:0;
	padding:3px 15px 0 0;
	text-decoration:none;
}
div.tabs10 .documents.panel a.hires{
	display:none;
}
/* Vihetlehtiö document looper with JPG previews of the PDF documents and no icons in two columns */
.t145 div.tabs10 .documents.panel{
	font-size:12px;
}
.t145 div.tabs10 .documents.panel .odd{
	/* all even ones are on the left and all odd ones are on the right.*/
	background: #ffffff;
}
.t145 div.tabs10 .documents.panel dd{
	margin:0;
	width:auto;
	float:left;
	clear:none;
}
.t145 div.tabs10 .documents.panel dd.icon img{
	display: none;
}
.t145 div.tabs10 .documents.panel dd.icon input{
	margin-top:9px;
}
.t145 div.tabs10 .documents.panel dd.caption{
	display:none;
	width:auto;
	clear:right;
	overflow:hidden;
}
.t145 div.tabs10 .documents.panel dt{
	float:left;
	/*width:480px;*/
	width: 46%;
	padding-top:5px;
	height:65px;

}
.t145 div.tabs10 .documents.panel img.preview{
	float:left;
	height:60px;
	border: 1px solid #ccc;
	margin: 0 3px;

}
.t145 div.tabs10 .documents.panel a {
	background:none;
	float:left;
	margin:0;
	padding:3px 15px 0 0;
	text-decoration:none;
}
.t145 div.tabs10 .documents.panel a.hires{
	display:block;
	float: left;
}

/**/
form#downloadForm a, form#downloadForm a:visited{
	color:#000;
}
form#downloadForm a:hover{
	color:#669900;
}
input#downloadButton{
	background:none;
	margin:0;
	padding:0;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}
a#toggleSelect{
	text-decoration:none;
}
input#downloadButton:hover{
	color:#669900;
}
/**/
.tabs10 .pictures a {
	float:none;
}
.pictures dl.gallery{
	display:block;
	width:125px;
	height:150px;
	float:left;
}
dl.gallery dt.image{
	float:left;
	text-align:center;
	width:150px;
}

dl.gallery dt.image img{
	max-width:150px;
	max-height:150px;
}

dl.gallery dt.title, dl.gallery dd.caption, dl.gallery dd.download{
	margin:0;
	width:150px;
	text-align:center;
}
dl.gallery dd.download a{
	float:none;
}
/* lomake */
ul#objectTab li{
	padding-bottom:10px;
}
form#formID fieldset{
	margin:0;
	padding:0;
}
form#formID label{
	width:110px;
}
form#formID textarea{
	float:left;
	margin:-15px 0 0 132px;
}
form#formID input.submit{
	margin:15px 0 0 132px;
}
/* bannerit */
.banner{
	margin:0 0 1px 0;
	/*height:84px;
	overflow:hidden;*/
}
/* FOOTER **************************************/
#footer{
	background: url(../gfx/footer_bg.gif) no-repeat top center;
	height:22px;
	/*margin:auto;
	width:969px;*/
	margin-left:2px;
}
#footer #flash{
	padding-top:20px;
}
/* YLEISET **************************************/
.clear{
	clear: both;
}
.hide{
	visibility:hidden;
	height:0;
	width:0;
	border: none;
	margin:0;
	padding:0;
	display:none;
}
h2.heading{
	font-size:12px;
	text-decoration: none;
}
/* keskustelupalsta ja välinepörssi */
form#auth{
	margin:25px 0 10px;
}
form#auth label{
	float:left;
	display:block;
	width:120px;
	clear:both;
	margin-top:10px;
}
form#auth input{
	float:left;
	display:block;
	width:120px;
	margin-top:7px;
}
form#auth input#submit{
	clear:both;
	width:auto;
	margin-left:120px;
}

.item{
	display:block;
	margin:5px 0 5px 4px;
	padding:5px 0 10px;
	border-bottom:1px dashed /*#E6E6E6*/ #7cc444;
}
.item div{
	overflow:hidden;
}
.fileEdit{
	font-size:12px;
}
body form#formID{
	width:600px;
}
body form#formID fieldset label{
	width:130px;
	font-size:12px;
	display:block;
	line-height:18px;
}
body form#formID fieldset input.SecondColumn,
body form#formID div textarea{
	width:450px;
	float:left;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
form#formID span.LV_invalid {
	color:#669900;
	margin-left:130px;
}