/* Poutapilvi CSS Document 9/2007 */

body {
	margin:0px 20px 20px 20px;
	padding:0px;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/bg.png) top center no-repeat #fff;
}
	
body.contentbg {
	background-color:#fff;
	background-image:none;
}
	
form {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

div.wrap {
	width:953px;
	margin:0px auto;
}
	
div.float {
	float:left;
	overflow:hidden;
}
	
div.clear {
	clear:both;
	font-size:1px;
	height:1px;
}

.notpublic {
	color:#000;
}
	
	
/* Header */
	
div.header {
	margin:0px 15px;
	position:relative;
	width:921px;
	height:132px;
}

div.backto_frontp {
	 width:276px;
	 height:50px;
	 position:absolute;
	 right:0;
	 bottom:30px;
}

div.navigation {
	white-space:nowrap;
	position:absolute;
	bottom:0;
	left:30px;
}

div.navigation img {
	margin-right:4px;
	vertical-align:bottom;
}

div.navigation img.navi_selected {
	margin-bottom:-1px;
	position:relative;
}


/* Topsection */

div.topsection {
	position:absolute;
	top:0;
	left:20px;
	background-color:#fff;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	opacity:.8;
	padding:5px 10px;
	color:#0859ba;
	font-size:11px;
}

div.topsection img {
	background:transparent;
}

div.topsection span {
	vertical-align:middle;
}

div.topsection a {
	font-weight:bold;
	text-decoration:none;
	color:#0859ba;
}

div.topsection a:hover {
	text-decoration:underline;
}

div.searchbox {
	display:inline;
}

div.searchbox form {
	display:inline;
}

input.searchboxinput {
	margin:0px;
	padding:2px;
	font-size:11px;
	color:#333;
	border:1px solid #3175cf;
	width:120px;
	vertical-align:middle !important;
}

input.searchboxsubmit {
	margin:0px;
	vertical-align:middle !important;
	background-color:#fff;
	border:1px solid #3175cf;
	font-weight:bold;
	font-size:11px;
	overflow:visible;
	color:#3175cf;
	padding:1px 4px;
}


/* Horbar */
	
div.horbar {
	padding:5px 28px;
	margin:0px 15px;
	font-size:11px;
}

.horbaritem, .horbaritemselected {
	display:inline;
	font-weight:bold;
	padding:5px 10px;
}
	
.horbaritem a {
	color:#fff;
	text-decoration:none;
	padding:5px 0px;
}
	
.horbaritemselected a {
	color:#fff;
	text-decoration:none;
}


/* Horbar colors */

div.defaultpage_yritys .horbar {
	background-color:#387ed1;
	border:1px solid #fff;
}

div.defaultpage_yritys .horbaritemselected {
	background-color:#2367b8;
}

div.defaultpage_palvelut .horbar {
	background-color:#387ed1;
	border:1px solid #fff;
}

div.defaultpage_palvelut .horbaritemselected {
	background-color:#2367b8;
}

div.defaultpage_ratkaisu .horbar {
	background-color:#71b022;
	border:1px solid #fff;
}

div.defaultpage_ratkaisu .horbaritemselected {
	background-color:#5e9b12;
}

div.defaultpage_tyonaytteet .horbar {
	background-color:#cf4485;
	border:1px solid #fff;
}

div.defaultpage_tyonaytteet .horbaritemselected {
	background-color:#bc2c6f;
}


/* Block containers */

div.frontp_blocks, div.defaultp_blocks {
	margin:0px 15px;
	background-color:#fff;
}

	
/* Frontpage */
		
div.leftblock {
	width:372px;
}
	
div.leftblock_margin {
	margin:35px 30px 10px 27px;
}
	
div.leftblock .content img {
	margin:0px 0px 10px 0px;
}
	
div.centerblock {
	width:294px;
}
	
div.centerblock_margin {
	margin:0px 26px 10px 0px;
}
	
div.centerblock .content {
	background-color:#eaf1f9;
	border:1px solid #8cb4e5;
	padding:17px;
}

div.centerblock .content img {
	border-bottom:1px solid #eaf1f9;
	margin:0px;
}
	
div.rightblock {
	width:255px;
}
	
div.rightblock_margin {
	margin:0px 25px 10px 0px;
}

div.rightblock .news_top {
	position:relative;
	width:230px;
}

div.rightblock .news_top .rss_feed {
	position:absolute;
	top:32px;
	right:15px;
}

div.frontp_contact table {
	border-top:1px solid #d0d1d1;
	width:310px;
	font-size:11px;
	color:#717170;
}

div.frontp_contact td {
	vertical-align:top;
	padding:10px 16px 10px 0px;
}

tr.frontp_contact_row2 {
	background:url(../images/dots_horizontal.gif) top repeat-x;
}

div.frontp_contact a {
	color:#717170;
	text-decoration:none;
}

div.frontp_contact a:hover {
	text-decoration:underline;
}

div.frontpage .poweredby {
	text-align:center;
	margin:0;
}
	
	
/* Defaultpage Mainscreens */

div.leftblock_default {
	width:455px;
}

div.leftb_default_margin {
	margin:35px 30px 10px 27px;
}

div.leftblock_default .content img {
	margin:0px 0px 10px 0px;
}

div.leftblock_dual {
	width:595px;
}

div.leftb_dual_margin {
	margin:35px 60px 10px 27px;
}

div.centerblock_default {
	width:256px;
}

div.centerb_default_margin {
	margin:0px 26px 10px 0px;
}

div.rightblock_default {
	width:209px;	
}

div.rightb_default_margin {
	margin:0px 32px 10px 0px;
}

div.rightblock_default .content {
	background-color:#eaf1f9;
	border:1px solid #8cb4e5;
	padding:8px;
}

div.rightblock_dual {
	width:324px;
}

div.rightb_dual_margin {
	margin:0px 32px 10px 0px;
}

div.rightblock_dual .content {
	background-color:#ecf5fb;
	border:1px solid #a6d5e8;
	padding:8px;
}

div.leftb_default_bottom {
	background:url(../images/dots_horizontal.gif) repeat-x top;
	padding-top:18px;
}

div.leftb_dual_bottom {
	background:url(../images/dots_horizontal.gif) repeat-x top;
	padding-top:18px;
}

div.defaultp_contact {
	margin:0px 15px;
	border-top:1px solid #d0d1d1;
	border-bottom:1px solid #d0d1d1;
	padding-top:5px;
	position:relative;
	width:923px;
	background-color:#fff;
}

div.contact_margin {
	padding:0 20px 5px 20px;
}

div.defaultp_contact table {
	font-size:11px;
	color:#717170;
}

div.defaultp_contact td {
	vertical-align:top;
	padding:10px 25px 10px 0px;
}

div.defaultp_contact a {
	color:#717170;
	text-decoration:none;
}

div.defaultp_contact a:hover {
	text-decoration:underline;
}

div.defaultp_contact .poweredby {
	position:absolute;
	top:18px;
	right:15px;
}

div.wide_default {
	width:920px;
}

div.wide_default_margin {
	margin:35px 32px 10px 27px;
}


/* Defaultpages */

div.leftnavi {
	width:183px;
}

div.leftnavi_margin {
	margin:20px 0px 10px 28px;
}

div.mainblock {
	width:550px;
}

div.mainblock_margin {
	margin:25px 22px 10px 20px;
}

div.rightinfoblock {
	width:190px;	
}

div.rightinfob_margin {
	margin:0px 32px 10px 0px;
}

div.rightinfoblock .content {
	background-color:#e5f4fe;
	border:1px solid #a6d5e8;
	padding:8px;
}


/* Footer */
	
div.footer {
	margin:0px 15px;
}
	
div.footer_bottom {
	background:url(../images/footer_bottom.gif) no-repeat;
}


/* Content */

div.content {
	padding-bottom:10px;
}

div.content .content {
	padding-bottom:0px;
}

.content, .content p {
	margin:0px;
	font-size:12px;
	color:#333;
	line-height:17px;
}

.sideblock .content, .sideblock .content p {
	line-height:16px;
}

.rightblock_default .content, .rightblock_default .content p {
	font-size:11px;
	line-height:15px;
}

.rightinfoblock .content, .rightinfoblock .content p {
	font-size:11px;
	line-height:15px;
}

.centerblock_default .content, .centerblock_default .content p {
	font-size:11px;
	line-height:15px;
}

.content h1 {
	color:#3175cf;
	font-size:17px;
	font-weight:bold;
	line-height:normal;
	margin:0px;
	padding-bottom:10px;
}
	
.content h2 {
	color:#3175cf;
	font-size:15px;
	font-weight:bold;
	line-height:normal;
	margin:0px;
	padding-bottom:8px;
}
	
.content h3 {
	color:#3175cf;
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	margin:0px;
	padding-bottom:8px;
}
	
.content a {
	color:#3175cf;
	text-decoration:underline;
	font-weight:bold;
}
	
.content a:hover {
	text-decoration:none;
}
	
div.content_image_caption {
	font-size:11px;
	padding:4px 10px 15px 10px;
	line-height:normal;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#666;
	background:none;
}

table.p4table {
	border-collapse:collapse;
}

.sideblock .content table, .sideblock .content table p {
	font-size:11px;
	line-height:15px
}

form.p4form table {
	margin:15px 0px 5px 0px;
}
	
form.p4form td {
	padding:2px 8px 2px 0px;
	vertical-align:middle;
}

.content li {
	list-style-position:inside;
}

.content img {
	margin:10px;
}
	
.content img[align="left"] {
	margin-left:0px;
}
	
.content img[align="right"] {
	margin-right:0px;
}

.content table img {
	margin:0px;
}

img.contentbaricon,img.contentstateicon {
	border:none;
	margin:3px;
}


/* Content colors */

div.defaultpage_ratkaisu .content h1 {
	color:#71b022;
}
	
div.defaultpage_ratkaisu .content h2 {
	color:#71b022;
}
	
div.defaultpage_ratkaisu .content h3 {
	color:#71b022;
}

div.defaultpage_tyonaytteet .content h1 {
	color:#cf4485;
}
	
div.defaultpage_tyonaytteet .content h2 {
	color:#cf4485;
}
	
div.defaultpage_tyonaytteet .content h3 {
	color:#cf4485;
}
	

/* Sidemenu */

.sidemenulevel {
	font-size:11px;
	}
	
.sidemenulink {
	padding:5px 0px;
	border-bottom:1px solid #c4dbef;
	}

.sidemenulink a {
	color:#3175cf;
	text-decoration:underline;
	text-decoration:none;
	}
	
.sidemenulink a:hover {
	color:#79b3e3;
	}
	
.sidemenulevel .sidemenulevel {
	padding:0px 0px 0px 28px;
	font-weight:normal;
	border-bottom:1px solid #c4dbef;
	}
	
.sidemenulevel .sidemenulevel .sidemenulevel {
	border-bottom:0px;
	}
	
.sidemenulevel .sidemenulevel .sidemenulink {
	border-bottom:0px;
	padding:4px 0px;
	}
	
a.sidemenuselected {
	text-decoration:none;
	font-weight:bold;
	}
	
.sidemenuarrow {
	display: inline;
	margin: 0px;
	}
	
	
/* News */

.content .newstitle {
	color:#3175cf;
	font-size:15px;
	font-weight:bold;
	line-height:normal;
	margin:0px;
	padding-bottom:8px;
}

.content .newsdigesttitle {
	color:#3175cf;
	font-size:15px;
	font-weight:bold;
	line-height:normal;
	margin:0px;
	padding-bottom:8px;
}

div.frontp_blocks .content .newsdigesttitle {
	display:none;
}

div.centerblock_default .newsdigesttitle {
	padding:8px 9px;
	border-top:1px solid #8cb4e5;
}
	
.content .newsdate {
	display:block;
	color:#333;
	font-size:11px;
}
	
.newsdigestitem .newsheading {
	margin:0px;
}

.newsdigestitem {
	margin-bottom:8px;
}
	
div.rightblock .newsdigestitem, div.centerblock_default .newsdigestitem {
	padding:7px 9px;
	margin:0px;
	border:1px solid #8cb4e5;
	border-top:0px;
}

div.rightblock .newsdigesttitle, div.centerblock_default .newsdigesttitle {
	border-left:1px solid #8cb4e5;
	border-right:1px solid #8cb4e5;
}

div.rightblock .newsdigest .row2, div.centerblock_default .newsdigest .row2 {
	background-color:#eaf1f9;
}

div.rightblock .content p.newsheading {
	font-size:11px;
	line-height:14px;
}

div.rightblock .content p.newsingress {
	font-size:11px;
	line-height:14px;
}
	
div.newsdigest .newsreadmore {
	display:none;
}
	
div.news .newsingress {
	margin:2px 0px;
}
	
.content p.newsitemingress {
	margin-bottom:15px;
}
	
p.newsitemreadmore {
	margin-top:20px;
}
	
div.news .content {
	padding-bottom:0px;
}

div.newsdigesttitle img.rssfeed {
	float:right;
	margin:0px;
}

span.newsname {
	font-size:11px;
	color:#666;
}


/* News colors */

div.defaultpage_ratkaisu .content .newstitle {
	color:#71b022;
}

div.defaultpage_ratkaisu .content .newsdigesttitle {
	color:#71b022;
}

div.defaultpage_tyonaytteet .content .newstitle {
	color:#cf4485;
}

div.defaultpage_tyonaytteet .content .newsdigesttitle {
	color:#cf4485;
}
	
	
/* Path and printer */

div.path {
	padding:0px 0px 10px 0px;
	font-size:11px;
	color:#666;
	margin-bottom:20px;
}

div.path a {
	color:#666;
}

a.pathlink {
	text-decoration:none;
}

a:hover.pathlink {
	text-decoration:underline;
}

a.pathlinkcurrent {
	text-decoration:none;
	font-weight:bold;
}

img.printer {
	float:right;
}


/* Search page */

.searchhilited {
	text-decoration:underline;
}
	
a.searchhilited {
	text-decoration:underline;
}
	
a:hover.searchhilited {
	text-decoration:none !important;
}
	
.searchresult {
	margin-bottom: 17px;
}
	
.searchresultcount {
	margin:20px 0px 10px 0px;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
}
	
.searchheading a {
	font-size:12px;
	text-decoration:none;
}
	
.searchheading {
	margin-bottom: 5px;
}
	
.searchsummary {
	font-size: 12px;
}

input.searchsubmit {
	background-color:#3175cf;
	padding:3px 5px;
	font-weight:bold;
	font-size:11px;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
	color:#fff;
	border:1px solid #3175cf;
	vertical-align:middle;
}


/* Coverbox */

#coverbox img, #coverbox a {
	padding: 0px;
	margin: 0px;
}

#coverimages img {
	padding-right:5px;
}

#coverbox {
	width: 145px;
	height: 175px;
	position: relative;
	overflow: hidden;
	z-index: 100;
}

#coverclip {
	width: 145px;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 0px;
	clip:rect(0px, 145px, 140px, 0px);
	overflow: hidden;
	z-index:1;
}

#coverimages {
	position:relative;
	height: 129px;
}

#covercontrols {
	width: 137px;
	background-color: #d2e8f6;
	border: 1px solid #a6d5e8;
	position: absolute;
	top: 135px;
	padding: 3px;
	white-space: nowrap;
}

#covercontrols .leftarrow, #covercontrols .balloon, #covercontrols .rightarrow {
	vertical-align: middle;
}

#covercontrols .leftarrow {
	padding-right: 2px;
}

#covercontrols .rightarrow {
	padding-left: 2px;
}
	
#coverimages a, #coverimages a:hover {
	text-decoration: none;
}

#covertitle {
	position: absolute;
	z-index: 101;
	top: 110px;
	width: 145px;
	height: 17px;
	text-align: center;
	padding-top: 4px;
	margin-top: 2px;
}
	
/* Attachments */

a.attachment, a.file {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 24px;
}
	
a.file { background-image:url(../aimg/icons/file.gif); }
a.pdf { background-image:url(../aimg/icons/pdf.gif); }
a.txt { background-image:url(../aimg/icons/txt.gif); }
a.jpg { background-image:url(../aimg/icons/jpg.gif); }
a.gif { background-image:url(../aimg/icons/gif.gif); }
a.zip { background-image:url(../aimg/icons/zip.gif); }
a.word { background-image:url(../aimg/icons/word.gif); }
a.powerpoint { background-image:url(../aimg/icons/powerpoint.gif); }
a.excel { background-image:url(../aimg/icons/excel.gif); }
a.rtf { background-image:url(../aimg/icons/rtf.gif); }

.content_image a.attachment, .content_image a.file, .content_image a.jpg, .content_image a.gif {
	background: none;
	padding: 0px;
}

.rightinfoblock .content img {
	margin:10px 0px;
}

.rssfeed {
	float:right;
}

div.poweredby {
	white-space:nowrap;
}

div.poweredby img {
	vertical-align:middle;
	margin-left:12px;
}

div.frontpage div.poweredby img {
	margin-left:0;
	margin-right:12px;
}

div.addthis_button {
	float:right;
	position:relative;
	margin-bottom:15px;
}

div.frontpage div.addthis_button {
	top:-11px;
	margin-bottom:0px;
}

div.readspeaker {
	float:left;
}