a.ext{
	padding-right:13px;
	background-position: center right;
	background-repeat:no-repeat;
}
a span.ext{
	padding-right:13px;
	height:1em;
	background-position: center right;
	background-repeat:no-repeat;
}
a,
a:link{color:#0089cf;}
a:hover,
a:focus,
a:active{color:#000000;}

html,
body {font-family:Arial,Helvetica,Verdana,Sans-serif;}
p.ingress {font-family: georgia, arial;}

body{font-size:0.75em;/*12px*/}
body.fontSizeSmall {font-size: 70%;}
body.fontSizeLarge {font-size: 90%;}

#mainNav,
p.ingress,
h2,
.paging {font-size:1.166em;/*14px*/}

div#content .newsWrap h2,
#fragments,
#fragments h2 {font-size:1em;/*12px*/}

div#content .news h3 {font-size:1.5em;/*18px*/font-weight: normal; line-height: 1.2;}

div#content p.ingress {font-style: italic; color: #7e7e7e; text-shadow: 0 1px 1px #d2d2d2, 1px 0 0 #e4e4e4; margin: 10px 0 20px 0;}

.date,
.search,
#additionalNav,
#breadcrumbs{font-size:0.916em;/*11px*/}

a.newsletterlink {
	border-left:2px solid #DDDDDD;
	border-top:2px solid #DDDDDD;
	border-right:2px solid #DDDDDD;
	border-bottom:2px solid #DDDDDD;
	font-weight:bold;
	margin-top:1px;
	padding:5px;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

#fragments ul,
#subNavCol ul{
	list-style:none;
}
#naviContainer h2,
#subNavCol h2{
	display:none;
	visibility:hidden;
}

/* pagewide */
body{
	background: #9cb227;
}

#pageWrap,
#headerWrap {
	background: #ffffff;
}

#mosaicWrap {
	background: #fdfdfd url(../kuvat/bg_mosaic.png) left top repeat-x;
	padding: 10px 0;
}

#mosaic{
	width: 959px;
	margin: 0 auto;
	background: #ffffff;
	overflow: hidden;
	-moz-box-shadow: 0px 2px 6px #7d7d7d;
	-webkit-box-shadow: 0px 2px 6px #7d7d7d;
	box-shadow: 0px 2px 6px #7d7d7d;

}

#mosaic .picsWrap {
	float: left;
	width: 137px;
	height: 252px;
	overflow: hidden;
	position: relative;
}

#mosaic a {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	width: 137px;
	z-index: 11;
	background: transparent url(../kuvat/mosaic_shadow.png) left top repeat-y;
	color: #ffffff;
	text-shadow: 0 1px 1px #555555;
}

#mosaic a:hover {
	/* color: #000000; */
	text-shadow: none;
	background: transparent url(../kuvat/mosaic_link_hover.png) left top no-repeat !important;
}

#mosaic .first a,
#mosaic .first a span {
	background: none;
}

#mosaic a:hover span {
	background-image: none !important;
}

#mosaic a span {
	position: absolute;
	display: block;
	height: 33px;
	padding: 10px 0 5px 0;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 137px;
	text-align: center;
	background: #000000 url(../kuvat/mosaic_shadow.png) left top repeat-y;
	cursor: pointer;
}

#mosaic .first a span span,
#mosaic a span span{
	/* position: static;
	display: inline;
	background: transparent url(../kuvat/mosaic_arrow.png) right 3px no-repeat;
	padding-right: 10px;
	font-size: 0px; */
	display: none;
}
/*
#mosaic .first a:hover span span,
#mosaic a:hover span span{
	background-image: url(../kuvat/mosaic_arrow_h2.png);
}
*/
#mosaic #m1, #mosaic #m1 a span {background-color: #793a80}
#mosaic #m2, #mosaic #m2 a span {background-color: #737111}
#mosaic #m3, #mosaic #m3 a span {background-color: #5682a2}
#mosaic #m4, #mosaic #m4 a span {background-color: #e45620}
#mosaic #m5, #mosaic #m5 a span {background-color: #eb911b}
#mosaic #m6, #mosaic #m6 a span {background-color: #ffcc00}
#mosaic #m7, #mosaic #m7 a span {background-color: #003773}

#mainNavWrap {
	background: #b3cc30 url(../kuvat/bg_mainNav.png) left bottom repeat-x;
}

#footer,
#mainNav,
#header,
#pageContent{
	width:960px;
	margin: 0 auto;
	overflow: hidden;
}

#header{
	position: relative;
}

.hidden {
	display: none !important;
}

/*******************/
/* logos etc */
h1{
	float:left;
}


h2#slogan{
	float:left;
	display:block;
	margin-left:20px;
}

/*******************/

.headerContentWrap{
	float: right;
	margin-top: 7px;
}

.headerContentWrap p {
	font-weight: bold;
	margin-bottom: 3px;
}

/* search */
#search{float: left;}

#search p {margin-left: 12px;}

.search{
	margin-right:15px;
	padding-right: 15px;
	border-right: 1px solid #E6E6E6;
	overflow: hidden;
}

#search p span {
	font-weight: normal;
	padding: 0 10px;
	color: #E6E6E6;
}

#search .searchHelp {
	font-weight: normal;
	font-size: 0.916em;
}

.search input.form_input{
	background: #fcfcfc;
	height: 28px;
	line-height: 28px;
	border: none;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	width: 175px;
}

.search span.form_input{
	display: block;
	background: #ffffff url(../kuvat/bg_search.gif) left top no-repeat;
	padding-left: 16px;
	float: left;
}

.search input.form_submit{
	display: block;
	float: left;
	border: none;
	background: #ffffff url(../kuvat/bg_searchButton.gif) left top no-repeat;
	width: 30px;
	height: 32px;
	letter-spacing: -10000px;
	font-size: 0;
	cursor: pointer;
}

/****** text size ******/

#textSize {
	float: left;
}

#textSize a{
	display: block;
	width: 29px;
	height: 30px;
	float: left;
	/*border: 1px solid #ebebeb;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #ffffff;*/
	background: #ffffff url(../kuvat/bg_text_size2.png) left top no-repeat;
}

#textSize a.medium {
	background-position: -29px top;
}

#textSize a.large {
	background-position: -59px top;
}

#textSize a.small:hover,
#textSize a.small.selected {
	background-position: left -60px;
}

#textSize a.medium:hover,
#textSize a.medium.selected {
	background-position: -29px -60px;
}

#textSize a.large:hover,
#textSize a.large.selected {
	background-position: -59px -60px;
}

#textSize a.selected:hover {
	cursor: default;
}


/*
#textSize a.small{
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

#textSize a.large{
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-right: 1px solid #ebebeb;
}
*/

#textSize a span {
	display: none;
}

/*******************/
/* additional navigation */

#additionalNav{
	list-style:none;
	border-bottom:0 none;
	position: absolute;
	right: 0;
	bottom: 5px;
}
#additionalNav li{
	float:left;
}

#additionalNav li a{
	padding: 0 0.3em;
	border-right:1px solid #0089cf;
}

#additionalNav li.last a{
	border: none;
}


/*******************/
/* main navigation */


#mainNav{
	list-style:none;
}

#mainNav li{
	display: block;
	line-height: 36px;
	white-space:nowrap;
	float: left;
}

#mainNav li.first{
	padding-left: 0;
}

#mainNav li.last{
	padding-right: 0;
}

#mainNav a,
#mainNav a:link,
#mainNav a:hover,
#mainNav a:focus,
#mainNav a:active{
	color:#465308;
	text-shadow: 0 1px 0 #c9d878;
}

#mainNav a,
#mainNav .selected span {
	display: block;
	margin: 5px 0;
	padding: 0 5px;
	border-right: 1px solid #95ab25;
	border-left: 1px solid #bfd646;
}

#mainNav li.first a{
	border-left: none;
}

#mainNav li.last a{
	border-right: none;
}

#mainNav li.selected span{
	border: none;
	padding: 0 6px;
}

#mainNav li.selected{
	background: #007fc0 url(../kuvat/bg_mainNav_s.png) left bottom repeat-x;
	color: #ffffff;
	text-shadow: 0 1px 0 #036ba0;
}

#mainNav li:hover a {
	text-shadow: none;
	text-decoration: none;
	color: #ffffff;
}


/*******************/
/* columns */

#columnsWrap {
	background: transparent url(../kuvat/bg_dashed_line.gif) 740px 10px repeat-y;
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
}

#columns{clear:left;}

#contentCol{
	float:left;
	width:100%;
}
div#content{
	margin: 0 220px 0 200px;
	padding-right: 10px;
}

#breadcrumbs{
	margin:1em 0;
}
#breadcrumbs span.selected{
	font-weight:bold;
}

div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6,
div#content p{
	margin:1.6em 0 0.5em 0;
	line-height:1.5;
}

div#content ul {
	line-height:1.5;
}

div#content p{
	margin:0.75em 0;
}

div#content{
	color:#555555;
}

/*
div#content ul,
div#content ol{
	padding-left:3em;
}
*/

div.hr{
	margin-top:2em;
	height:4px;
}

div.hr hr{
	display:none;
	visibility:hidden;
}

/*******************/
/* Fragments */
#fragments{
	margin-left:-210px;
	width: 210px;
	float:right;
	/* border-left: 1px dashed #b6b6b6; */
}

.fragmentsContent {
	margin-bottom: 20px;
}

.fragmentsContent .banner a {
	display: block;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	text-decoration: none;
}

.fragmentsContent .banner {
	padding: 10px 0;
}

#fragments li {
	background: url(../kuvat/bullet_right_pan.gif) left .2em no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	color: #555555;
}

#fragments li a{
	font-weight: bold;
}

.printMe{
	padding-left:34px;
	line-height:2;
	display:block;
	margin: 5px 13px;
}

.fragment h2{

	color:#ffffff;
	float:left;
	padding:0 0.8em;
	margin:0 0.8em 1px 0.8em;
}
.fragment h2 span{
	line-height:1.5;
}
.fragmentContent{
	clear:left;
	color:#555555;
}
.fragmentContent li span.infotext{
	display:block;
}
.fragmentContent a{font-weight:bold;}

.fragmentContent span.date{
	color:#999999;
}



/* Links */
.fragment_links .fragmentContent{
	border:1px solid #dddddd;
	padding:0 1px 1px 1px;
}
.fragment_links .fragmentContent li{
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	margin-top:1px;

	padding:5px;
}



/*Files* /
.fragment_files .fragmentContent li span.infotext{
	display:inline;
}
.fragment_files .fragmentContent{
	clear:left;
	border:1px solid #dddddd;
	padding:0 1px 1px 1px;
	border-width:1px 0;
}
.fragment_files .fragmentContent li{
	margin-top:1px;
	padding:5px;
}
/**/


.fragment_news h2{}
.fragment_news .fragmentContent{
	clear:left;
	border:1px solid #dddddd;
	padding:0 1px 1px 1px;
	border-width:1px 0;
}
.fragment_news .fragmentContent li{
	margin:5px 0;
	padding-left:10px;

}
.fragment_news .fragmentContent a{font-weight:normal;}
.fragment_news .fragmentContent span.date{display:block;}



/* Events */
.fragment_events h2{}
.fragment_events .fragmentContent{
	border:1px solid #dddddd;
	padding:0 1px 1px 1px;
}
.fragment_events .fragmentContent li{
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	margin-top:1px;

	padding:5px;
}


/*******************/
/* Sub navigation */
#subNavCol{
	float:left;
	width:200px;
	margin-left:-960px;
	margin-bottom:80px;
}
#subNavCol ul ul{
	padding-left:10px;
	/* border-left: 1px solid #0089CF; */
}

#subNavCol ul ul ul{
	font-size:1em;
}

#subNavCol ul span{
	display:block;
}

#subNav{
	line-height:1.25;
	margin-left:20px;
	margin-right:20px;
}
#subNav li{
	margin: 7px 0;
}
/*
#subNav li.last{

}
#subNav li li{
	padding:1px 0;
}
*/

#subNav li.selected li.selected li.selected,
#subNav li.selected li.selected,
#subNav li.selected {
    font-weight: bold;
}

#subNav li.selected li.selected li,
#subNav li.selected li {
    font-weight: normal;
}

/*******************/
/* copyright */
.copyright{
	display:block;
	text-align:center;
	color:#555555;
	margin-bottom:2em;
}

#footer{clear:both; padding-top: 15px;}



/*******************/
/* temporary notice */
.notice{
	padding:3em;
	padding-top:0;
	margin:0em 0 15em 0;
}

/*******************/
/* feedback form */
fieldset{
    border:2px solid #dddddd;
    padding:1em;
    margin:1em 0;
}
#pageContent fieldset p{
	float:left;
	margin:0.5em 0;
}
#pageContent fieldset p.nimi{
	width:11em;
	clear:left;
}

input.submit{float:right;}

.required{color:#ff0000;}

.cl{clear:left;height:0;}

/***************************************************************************/

.printMode #subNav,
.printMode #mainNav,
.printMode #slogan,
.printMode #naviContainer,
.printMode #additionalNav,
.printMode .hr,
.printMode #search,
.printMode #fragments{
	display:none;
	visibility:hidden;
	position:absolute;
}

.printMode body,
.printMode #pageContent,
.printMode div#content,
.printMode #logo,
.printMode .copyright{

	border:0px none;
	padding:0;
	margin:0;
	height:auto;
	width:auto;
}
.printMode div#content{
	padding:0 1em;
}



/* Changes in phase 2 */

#footer .copyright,
#footer .hr{margin-left:199px;margin-right:252px;}
#footer .hr {padding-top:25px;margin-top:0;background-position:bottom center;}

div#content .latest ul{list-style:none;padding:0;margin:0;}
.latest li{padding-left:0; list-style:none;margin-left:0;}
.latest .date{display:block;float:left;clear:left;text-align:right;}

.pageinfo{margin:1em 0;}
.results li{margin-bottom:1em;}
.results .result_type{display:none;visibility:hidden;}
.results .result_teaser{font-style:italic;}

/**************************/
/* Alphabetic listing */
/* clearing commands */
.alphabeticList:after,
.alphabeticListing:after {content:".";display:block;height:0;clear: both;visibility: hidden;}
.alphabeticList,
.alphabeticListing {display:inline-block;}
/* Hides from IE-mac \*/
* html .alphabeticList,
* html .alphabeticListing {height:1%;}
.alphabeticList,
.alphabeticListing {display:block;}
/* End hide from IE-mac */

.alphabeticListing{
	padding-left:2px;
}
.alphabeticListing a,
.alphabeticListing strong,
.alphabeticListing em{
	border:1px solid #cccccc;
	display:block;
	float:left;
	margin:0;
	margin-left:-1px;
	padding:0;
	text-align:center;
	width:1.35em;
}
.alphabeticListing strong{
	margin-left:4px;
	margin-right:5px;
}
.alphabeticListing em{
	color:#bbbbbb;
}
.alphabeticListing .separator{
	visibility:hidden;
	display:none;
}
.alphabeticList{margin:1em 0;}
.alphabeticList .alphabetic_col{
	float:left;
	width:49%;
}


/**************************/
/* Sitemap */

#content .sitemap ol{
	padding:0.1em 1em 0.1em 2em;
	Xmargin-top:0.5em;
	Xmargin-bottom:1em;
}
#content .sitemap li{
	padding:0.2em 0.5em;
	margin-bottom:0.2em;
	margin-top:0.3em;
}


/*#content .sitemap{background-color:#e6e6e6;}*/

#content .sitemap ol li{background-color:#f9f9f9;font-size:1.2em;}
#content .sitemap ol ol li{background-color:#ffffff;font-size:0.909em;}
#content .sitemap ol ol ol li{background-color:#fcfcfc;font-size:0.9em;}

#content .sitemap ol li{border-left:4px solid; border-top:1px solid; border-color:#e2ebad; font-size:1.2em;}
#content .sitemap ol ol li{font-size:0.909em;border-left-width:3px;}
#content .sitemap ol ol ol li{font-size:0.85em; border-top:0 none;border-left-width:1px;}

#content .sitemap ol a{font-weight:bold;}
#content .sitemap ol ol a{}
#content .sitemap ol ol ol a{font-weight:normal;}


.materials td{
	padding:4px;
	vertical-align:top;
}
.materials .preview img{
	max-width:200px;
	max-height:200px;
	vertical-align:top;
	padding:4px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

.backToTop{
	text-align:right;
}

#pageContent #palaute .textarea{
	float:none;
	width:auto;
}

#palaute textarea{
	width:99%;
}

div#content .fragment_links h2{
	color:#9CB227;
	background:transparent;
}

div#content .fragment_links li{
	background:transparent;
}

/* Kysely */



table.answers{
	margin: 1em 0;
	width: 100%;
	/* font-size: 0.9em; */
}


table.answers td{
	border-bottom: 1px solid #ffffff;
}

table.answers td.odd,
.survey .odd{
	background: #e9e9e9 url(../kuvat/e9e9e9_tl.png) left top no-repeat;
}

table.answers td.odd .rc_bl,
.survey .odd .rc_bl{
	background: transparent url(../kuvat/e9e9e9_bl.png) left bottom no-repeat;
}

table.answers.freetext .odd div.rc_tr,
.survey  .odd div.rc_tr {
	background: transparent url(../kuvat/e9e9e9_tr.png) right top no-repeat;
}

table.answers.freetext .odd div.rc_tr div,
.survey .odd div.rc_tr div{
	background: transparent url(../kuvat/e9e9e9_br.png) right bottom no-repeat;
}

table.answers .rc_bl{
	padding: 0.3em 0.2em;
}

table.answers div{
	line-height: 16px;
}

table.answers .rc_bl div{
	padding-left: 22px;
}

table.answers.freetext div.rc_tr {
	padding: 0;
}

table.answers.freetext .rc_bl{
	padding: 0;
}

table.answers.freetext div.rc_tr div {
	padding: 5px;
}

table.answers .rc_bl div.selected{
	background: transparent url(../kuvat/check.png) left center no-repeat;
	min-height: 16px;
}


table.answers td.percentageWrap {
	width: 150px;
	background: #ffffff;
}

table.answers div.percentage {
	background: #9cb227 url(../kuvat/9cb227_tr.png) right top no-repeat;
	/* overflow: hidden; */
}

table.answers div.percentage div {
	background: transparent url(../kuvat/9cb227_br.png) right bottom no-repeat;
	color: #4d590c;
	/* text-shadow: 1px 1px 1px #4f9ec6, 1px 1px #66ccff; */
	padding: 0.3em 0;
}

table.answers div.percentage div span{
	padding-left: 5px;
}

div#content .survey ul {
	padding-left: 10px;
	list-style: none;
	list-style-position: outside;
}

div#content .survey ul input {
	margin-right: 10px;
}

div#content .survey textarea {
	width: 100%;
}

div#content .survey h3 {
	margin-top: 25px;
}

.survey div.rc_tr div{
	padding: 5px;
}

.survey .submitButton {
	margin-top: 15px;
}

#content.twoPanels {
	margin-right: 0;
}

#content.twoPanels2 {
	margin-left: 0;
	/* background: transparent url(../img/bg_dashed_line.gif) right top repeat-y;*/
	/* border-right: 1px dashed #b6b6b6; */
}

/***** Share tool ******/

#shareTool{
	margin-top: 1em;
	display: block;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
}

#shareContainer{
	display: none;
} 

#shareTool  a{
	font-size: 90%;
} 

#shareTool a.sendLink {
	display: block;
}

#shareTool .shareWrap{
	position: absolute;
	display: block;
	background-color: #9CB227;
	border-top: 1px solid #9CB227;
	/*min-width: 425px;*/
	max-width: 475px;
	bottom: 12px;
	left: 0;
}

a.closeShareTool,
a.closeShareTool:link,
a.closeShareTool:active,
a.closeShareTool:visited,
a.closeShareTool:hover {
	color:#ffffff;
	font-family:Arial,Helvetica,Sans-serif;
	line-height:16px;
	padding:0 5px;
	text-decoration:none;
	display: block;
	border: 1px solid #ffffff;
	position: absolute;
	right: 5px;
	top: 4px;
	font-size: 80%;
}

.shareLinkTable td {
	padding: 10px 2px;
	text-align: center;
	width:14.3%;
}

.shareLinkTable td a,
.shareLinkTable td a:link,
.shareLinkTable td a:active,
.shareLinkTable td a:visited,
.shareLinkTable td a:hover{
	text-decoration: none;
	border: none;
}

.shareLinkTable td img{
	border:1px solid #cccccc;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-top: 2px;
	display: block;
}
.sendMail {
	color:#003300;
	width: 100%;
	font-family:Arial,Helvetica,Sans-serif;
	margin-left: 20px;
}

.sendMail label {
	display: block;
	font-weight: bold;
}

.sendMail input,
.sendMail textarea {
	border:1px solid #aaaaaa;
	width: 50%;
	background-color: #fafafa;
}

.sendMail textarea {
	width: 90%;
	height: 65px;
}

.sendMail .button {
	background-color:#cccccc;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding: 0 15px;
	cursor: pointer;
	width: 20%;
}

.newsImage {
	float: left;
	margin: 0 10px 10px 0;
}