/* @override http://www.salpaus.fi/material/tyylit.css */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url("/material/bg_body.gif") top left repeat-x;
	color: #000;
	font: normal 11px/16px Verdana,Arial,sans-serif;
}
#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 860px;
}

#error #container, #feedback #container { width: 653px; }

/* Begin #header */
#header {
	height: 87px;
	width: 848px;
	position: relative;
}
#error #header { width: 653px; }

#logo {
	position: absolute;
	top: 24px;
	left: 9px;
	height: 37px;
	width: 148px;
	display: block;
	border: 0;
}
#additionalnavi {
	width: 422px;
	height: 70px;
	float: right;
	display: inline;
	background: transparent url("/material/bg_additionalnavi_bottom.gif") bottom left no-repeat;	
}
#additionalnavi .links, #additionalnavi .search {
	margin: 0;
	padding: 10px 0 0 0;
	height: 51px;
	width: 215px;
	float: left;
	display: inline;
	background: #F0EFEB url("/material/bg_additionalnavi.gif") bottom left repeat-x;
	color: #5C5B4F;
}
#additionalnavi .links {
border-left: 1px solid #D9D8CC;
padding-left: 5px;
width: 200px;	
color: #B6B5A5;
}
#additionalnavi .search {
	border-right: 1px solid #D9D8CC;
	margin: 0;
	padding: 0 0 0 0;
	height: 61px;
}
#additionalnavi #search_options {
	margin: 10px 10px 0px 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	
}
#additionalnavi #search_options li {
	height: 14px;
	float: left;
	padding: 5px 0 7px 0;
	margin: 0 5px -7px 0;
	background: #D7D5CB url("/material/bg_searchoptions.gif") bottom center no-repeat;
}
#additionalnavi #search_options li.selected {
	background: #F66000 url("/material/bg_searchoptions_sel.gif") bottom center no-repeat;
}
#additionalnavi #search_options li.selected A {
	color: #fff;
}
#additionalnavi #search_options LI A {
	color: #5C5B6E;
	display: block;
}
#additionalnavi #search_options LI A:hover {
	color: #5C5B6E;
}
#additionalnavi #search_options LI.selected A:hover {
	color: #fff;
}


#additionalnavi input.textfield {
	width: 155px;
	height: 16px;
	font: 11px verdana;
	margin-left: 0;
}

/* 404 and feedback headers */
#solidnavi { background: url("/material/bg_navi_solid.gif") top center no-repeat; padding: 14px 0 0 10px; height: 62px; }

/* End #header */

/* Begin 1-tason navigaatio #mainnavi */
#mainnavi {
	height: 40px;
	width: 100%;
	margin: 0; 
	padding: 0;
	font-size: 0;
}
#index #mainnavi {
	position: relative;
	height: 177px;
	margin-top: 3px;
	background: transparent url("/material/bg_navireuna.gif") bottom left no-repeat;
}
#mainnavi ul {
	height: 40px;
	margin: 0;
	padding: 0;
}
#index #mainnavi ul {
	height: 165px;
}
#mainnavi li {
	float: left;
	display: inline;
	height: 35px;
	margin: 3px 2px 2px 0;
	padding: 0;
	width: 210px;
}
#index #mainnavi li {
	height: 165px;
	margin: 0 2px 0 0;
}
#mainnavi li.opened {
	height: 40px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #0061A6;
}
/* End 1-tason navigaatio #mainnavi */

/* Begin 2-tason navigaatio #subnavi */
#subnavi {
	height: 30px;
	width: 846px;
	background-color: #0061A6;
}
#subnavi ul {
	display: block;
	width: 844px;
	clear: both;
	height: 30px;
	background-color: #0061A6;
}
#subnavi li {
	float: left;
	display: inline;
	color: #66A0CA;
	height: 30px;
	line-height: 0;
	padding-right: 1px;
	background: #0061A6 url("/material/bg_subnavi.gif") right 50% no-repeat;
}
/* End 2-tason navigaatio #subnavi */


/* Begin #murupolku */
#trail {
	color: #85846C;
	height: 25px;
	padding-left: 7px;
	margin-bottom: 4px;
	line-height: 25px;
}
/* End #murupolku */

/* Begin #content */
#content {
	padding-bottom: 9px;
	background: #ffffff url("/material/bg_content_top.gif") 182px 25px no-repeat;
	width: 100%;
}
#service #content {
	background-image: none;
}
#error #content, #feedback #content { background: none; padding-bottom: 20px; }

#index #content {
	background: #fff url("/material/bg_content_index_new.gif") bottom left no-repeat;
	width: 100%;
}
#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
/* End hide from IE-mac */

#kuvitus {
	background: url("/material/bg_content.gif") bottom left no-repeat;
	padding-bottom: 12px;
	margin-top: 2px;
}
#content div.leftcolumn {
	width: 403px;
	float: left;
	display: inline;
	margin: 32px 19px 0 0;
}
#content div.rightcolumn {
	width: 210px;
	float: left;
	display: inline;
	margin-top: 32px;
}
#content div.widecolumn {
	width: 510px;
	float: left;
	display: inline;
	margin: 32px 19px 0 0;
}
#error #content div.leftcolumn, #error #content div.rightcolumn{
	margin-top: 10px;
	width: 300px;
	margin-left: 15px;
}

#content #osiopaasivu div.leftcolumn, #content #osiopaasivu div.rightcolumn {
	width: 403px;
	float: left;
	padding: 30px 0 30px 10px;
	margin: 0;
	background: none;
}
#content #osiopaasivu div.leftcolumn {
	padding-top: 15px;
}
#content div.rightcolumn div.righttopdiv {
	padding: 10px 0 20px 0;
	background: transparent url("/material/bg_rightcolumn.gif") bottom right no-repeat;
}
#content #osiopaasivu div.rightcolumn div.righttopdiv {
	padding: 30px 10px 10px 0;
	margin: -30px 0 20px 0;
	width: 402px;
	background: transparent url("/material/bg_toprightdiv.gif") top right repeat-y;
	z-index: 100;
}
#content #osiopaasivu div.righttopdiv:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

/* Hides from IE-mac \*/
* html div.righttopdiv {height: 1%;}
/* End hide from IE-mac */
span.rightcolumnbottom {
	position: relative;
	display: block;
	clear: both;
	height: 10px;
	margin-bottom: -10px;
	margin-right: -10px;
	background: transparent url("/material/bg_toprightdiv_bottom.gif") bottom right no-repeat;
}
#salpaus, #opiskelemaan, #opiskelijat, #yritykset  {
	width: 210px;
	float: left;
	display: inline;
	margin-right: 2px;
	background: #F3F1E9 url("/material/bg_container.gif") top left repeat-x;
}
#salpaus {
	width: 209px;
	border-left: 1px solid #D3D1C2;
}
#yritykset {
	width: 209px;
	border-right: 1px solid #D3D1C2;
}
.oikopolut {
	min-height: 120px;
	padding: 10px 10px 0px 10px;
	background: #F3F1E9 url("/material/bg_oikopolut_new.gif") top left repeat-x;
	overflow:hidden;
}

#frontnews {
margin-top: 15px;
height: 97px;
background: transparent url("/material/front_news_bg.gif") top left repeat-x;
width: 846px;
}

#frontnews .column {
	width: 192px;
	padding: 15px 10px;
	float: left;
	height: 65px;
	margin-top: 1px;
}

#frontnews .column.first { background: transparent url("/material/front_news_bg_left.gif") top left no-repeat; height: 100%; margin: 0; }
#frontnews .column.last { background: transparent url("/material/front_news_bg_right.gif") top right no-repeat; border: 0; height: 100%; margin: 0; width: 190px;}

#frontnews .column IMG {
margin: -15px -10px;
}

#frontnews H3 A {
background:transparent url("/material/bg_h3_link_straight.gif") -10px -9px no-repeat;
padding-top: 0;
padding-left: 15px;
}

.sisaltolinkit {
	padding: 10px 10px 22px 10px;
	background: transparent url("/material/bg_sisaltolinkit.gif") top left repeat-x;
}
.sisaltolinkit FORM INPUT { width: 120px; }
#hakusivut {
	margin-bottom: 10px;
}
/* End #content */

#footer {
	height: 26px;
	margin-top: 10px;
	background: transparent url("/material/bg_footer.gif") top left no-repeat;
	color: #77755F;
	text-align: center;
	line-height: 26px;
	clear: both;
}

#error #footer, #feedback #footer { background-image: url("/material/bg_footer_short.gif" ); }

/* Begin OTSIKKO- JA KAPPALEMAARITTELYT */
H1 {
	color: #0061A6;
	font-size: 22px;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: bold;
	font-family: Arial,Verdana,sans-serif;
	line-height: 24px;
}
H2 {
	font-size: 17px;
	line-height: 18px;
	color: #0061A6;
	margin: 0;
	padding: 15px 0 10px 0;
	font-family: Arial,Verdana,sans-serif;
}
#navi h2 {
	background: #EDEADF url("/material/bg_navi_h2.gif") top left no-repeat;
	color: #0061A6;
	font: normal 13px/16px Verdana,Arial,sans-serif;
	padding: 17px 10px 4px 10px;
	margin: -5px 0 2px 0;
	text-transform: uppercase;
}

div.righttopdiv h2 {
	position: relative;
	margin-top: -40px;
	margin-right: -10px;
	margin-bottom: 15px;
	padding-top: 40px;
	background: transparent url("/material/bg_toprightdiv_h2.gif") top right no-repeat;
}
H3 {
	font: bold 14px Arial,Verdana,sans-serif;
	color: #0061A6;
	margin: 0;
	padding: 9px 0 4px 0;
}
/*
H3 {
	font-size: 13px;
	color: #0061A6;
	margin: 7px 0 4px 0;
	font-weight: bold;
	font-family: Arial,Verdana,sans-serif;
}
*/
H4 {
	margin: 0 0 10px 0;
	color: #737268;
	font: normal 10px/14px Verdana,Arial,sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}
div.righttopdiv h4 {
	color: #0061A6;
	font-size: 11px;
}
div.righttopdiv h5 {
	color: #EB5300;
	font-size: 11px;
	margin: 10px 0 2px 0;
}
p {
	margin: 0 0 15px 0;
}
#osiopaasivu p {
	margin-left: 10px;
}

H1.alert { color: #FFF; background: url("/material/icon_alert.gif") top left no-repeat; padding-left: 55px; padding-top: 9px; font-size: 18px; }

/* End OTSIKKO- JA KAPPALEMAARITTELYT */

/* Begin LISTA- JA LOMAKEMAARITTELYT */
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.leftcolumn ul li, .rightcolumn ul li {
	background: transparent url("/material/list_style_image.gif") 5px 8px no-repeat;
	margin: 0;
	padding: 0 0 4px 15px;
}

#error .leftcolumn ul li, #error .rightcolumn ul li {
	background: transparent url("/material/bg_link.gif") 5px 5px no-repeat;
}

.leftcolumn ol, .rightcolumn ol {
	list-style: decimal;
	padding-left: 10px;
	margin: 0 0 10px 0;
	display: block;
	line-height: 13px;
}
.leftcolumn ol li, .rightcolumn ol li {
	padding: 0;
	margin: 0 0 4px 15px;
}

ul.leftcolumn, ul.rightcolumn {
	padding: 0;
	margin: 0 10px 20px 0;
	width: 180px;
	float: left;
}

#koulutushaku UL LI {
	margin: 15px 0;
}
#koulutushaku UL LI UL {
	margin: 10px 0;
}
#koulutushaku UL LI UL LI {
	background: transparent url("/material/list_style_image.gif") left 6px no-repeat;
	padding-left: 10px;
	margin: 0 0 3px 3px;
}

form { margin: 0; padding: 0; }
#error form { clear: both;}

input, select {
	padding: 0;
	font: normal 11px/11px verdana,arial,sans-serif;
}

#lomake1 form table tbody tr td input {
	width: auto;
	height: auto;
}

#error input { width: 240px; margin: 0; }

#content input {
	margin: 0;
}
#content input.submit {
	height: 18px;
	width: 42px;
	margin: 8px;
	float: left;
}
#additionalnavi input.submit, input.findicon {
	height: 20px;
	width: 35px;
	margin: 8px 0 0 8px;
	display: inline;
	text-indent: -1000px;
	overflow: hidden;
	border: 0;
	background: transparent url("/material/btn_etsi.gif") bottom left no-repeat;
	cursor: pointer;
}
input.findicon {
	width: 20px !important;
	background-image: url("/material/btn_etsi_icon.gif");
	margin-bottom: 0 !important;
}

div.righttopdiv hr {
	margin: 12px 0;
	height: 0;
	border: 0;
	border-bottom: 1px solid #CDCBBA;
}
#error input { float: none; margin-top: 0px !important; }
#error LABEL { display: block; clear: both; padding-top: 12px;  }

/* End LISTA- JA LOMAKEMAARITTELYT */

/* Begin LINKKIMAARITTELYT */
a:link, a:active{
	color: #EB5300;
	text-decoration: underline;
}
a:visited {
	color: #ff9966;
	text-decoration: underline;
}
li a:link, li a:active, li a:visited {
	text-decoration: none;
}
a:hover, li a:hover {
	color: #EB5300;
	text-decoration: underline;
}

#index #content li a:link, #index #content li a:active, #index #content li a:visited, a.arrow {
	background: transparent url("/material/bg_link.gif") 0 50% no-repeat;
	padding-left: 10px;
}
a.arrow { text-decoration: none; }
a.arrow:hover, li a.arrow:hover { text-decoration: underline; }

	/* Begin #mainnavi LINKIT */
	#mainnavi li a:link, #mainnavi li a:active, #mainnavi li a:visited {
		width: 210px;
		display: block;
		float: left;
		display: inline;
	}
	#navi_salpaus, #navi_opiskelemaan, #navi_opiskelijat, #navi_yritykset {
		height: 35px;
		text-indent: -1900px;
		background-image: url("/material/bg_mainnavi.gif");
		background-repeat: no-repeat;
	}
	#mainnavi li a#navi_salpaus:link, #mainnavi li a#navi_salpaus:visited, #mainnavi li a#navi_salpaus:active {
		background-position: 0px -77px;
	}
	#mainnavi li a#navi_salpaus:hover {
		background-position: 0px -42px;
	}
	#mainnavi li a#navi_opiskelemaan:link, #mainnavi li a#navi_opiskelemaan:visited, #mainnavi li a#navi_opiskelemaan:active  {
		background-position: -212px -77px;
	}
	#mainnavi li a#navi_opiskelemaan:hover {
		background-position: -212px -42px;
	}
	#mainnavi li a#navi_opiskelijat:link, #mainnavi li a#navi_opiskelijat:visited, #mainnavi li a#navi_opiskelijat:active {
		background-position: -424px -77px;
	}
	#mainnavi li a#navi_opiskelijat:hover {
		background-position: -424px -42px;
	}
	#mainnavi li a#navi_yritykset:link, #mainnavi li a#navi_yritykset:visited, #mainnavi li a#navi_yritykset:active {
		background-position: -636px -77px;
	}
	#mainnavi li a#navi_yritykset:hover {
		background-position: -636px -42px;
	}
	#mainnavi .opened #navi_salpaus:hover {
		background-position: 0px 0px;
	}
	#mainnavi .opened #navi_salpaus:link, #mainnavi .opened #navi_salpaus:visited, #mainnavi .opened #navi_salpaus:active {
		background: #0061A6 url("/material/bg_mainnavi.gif") 0px 0px no-repeat;
	}
	#mainnavi .opened #navi_opiskelemaan:hover {
		background-position: -212px 0px;
	}
	#mainnavi .opened #navi_opiskelemaan:link, #mainnavi .opened #navi_opiskelemaan:visited, #mainnavi .opened #navi_opiskelemaan:active {
		background: #0061A6 url("/material/bg_mainnavi.gif") -212px 0px no-repeat;
	}
	#mainnavi .opened #navi_opiskelijat:hover {
		background-position: -424px 0px;
	}
	#mainnavi .opened #navi_opiskelijat:link, #mainnavi .opened #navi_opiskelijat:visited, #mainnavi .opened #navi_opiskelijat:active {
		background: #0061A6 url("/material/bg_mainnavi.gif") -424px 0px no-repeat;
	}
	#mainnavi .opened #navi_yritykset:hover {
		background-position: -636px 0px;
	}
	#mainnavi .opened #navi_yritykset:link, #mainnavi .opened #navi_yritykset:visited, #mainnavi .opened #navi_yritykset:active {
		background: #0061A6 url("/material/bg_mainnavi.gif") -636px 0px no-repeat;
	}
	/* End #mainnavi LINKIT */
	
	/* Begin #subnavi LINKIT */
	#subnavi a:link, #subnavi a:active, #subnavi a:visited {
		color: #fff;
		padding: 0 10px; 
		text-decoration: none;
		line-height: 30px;
		height: 30px;
		float: left;
		display: inline;
		margin: 0;
	}
	#subnavi a:hover {
		background: #2779B3 url("/material/bg_subnavi_hover2.gif") center bottom no-repeat;
	}
	#subnavi .selected a, #subnavi .opened a {
		background: #004474 url("/material/bg_subnavi_opened.gif") center bottom no-repeat;
	}
	/* End #subnavi LINKIT */
	
	/* Begin 3-tason navigaatio #navi */
	#navi {
		width: 182px;
		margin-right: 30px;
		float: left;
		display: inline;
	}
	#navi ul {
		background-color: #005795;
	}
	#navi ul li {
		margin-bottom: 2px;
	}
	#navi ul li.opened, #navi ul li#selected {
		font-weight: bold;
	}
	#navi ul li ul {
		margin-top: 2px;
	  background: #0061A6 url("/material/bg_navi_ul_ul.gif") top left repeat-x; 
	}
	#navi ul li ul li {
		margin-bottom: 0;
		font-weight: normal;
	}
	#navi ul li ul li#selected, #navi ul li ul li:hover {
		background: #003E69 url("/material/bg_navi_selected.gif") right center no-repeat;
		font-weight: normal;
	}
	/* End 3-tason navigaatio #navi */

	/* Begin #navi LINKIT */
	#navi a:link, #navi a:active, #navi a:visited {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	#navi ul li a:link, #navi ul li a:active, #navi ul li a:visited {
		background-color: #3381B8;

		padding: 3px 10px;
	}
	#navi ul li#selected a:link, #navi ul li#selected a:active, #navi ul li#selected a:visited {
color: #003d68;
		background: #d7d5cb url("/material/bg_navi_selected.gif") right center no-repeat;

}

	#navi ul li ul li a:link, #navi ul li ul li a:active, #navi ul li ul li a:visited, #navi ul li#selected ul li a:link, #navi ul li#selected ul li a:active, #navi ul li#selected ul li a:visited {
		background: transparent url("/material/bg_navi_link.gif") 13px 10px no-repeat;
color: #fff;
		padding-left: 20px;
		margin-bottom: 0;
	}
	#navi ul li a:hover {
		background: #4594CB url("/material/bg_navi_selected.gif") right center no-repeat;
	}
	#navi ul li ul li:hover {
		background: #1B72B0 url("/material/bg_navi_selected.gif") right center no-repeat;
	}


	/* End #navi LINKIT */

#trail a:link, #trail a:visited, #trail a:active {
	color: #85846C;
	text-decoration: none;
	margin: 0 3px;
}
#trail a:hover {
	color: #EB5300;
	text-decoration: underline;
}
#additionalnavi .links a:link, #additionalnavi .links a:active, #additionalnavi .links a:visited {
	color: #5C5B4F;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0 5px;
	line-height: 24px;
}

#additionalnavi .search A {
	color: #5C5B4F;
	text-decoration: none;
	background: none;
	padding: 0 3px;
	display: block;
	line-height: 11px;
}

#additionalnavi a:hover {
	text-decoration: underline;
}
#additionalnavi .links a.english {
	background: transparent url("/material/bg_english.gif") 0 50% no-repeat;
	padding-left: 26px;
	display: block;
	float: left;
}
H3 a:link, H3 a:visited, H3 a:active, H3 a:hover  {
	font: bold 14px/16px Arial,Verdana,sans-serif;
	color: #0061A6;
	margin: 0;
	padding: 8px 0 4px 25px;
	display: block;
	height: 16px;
	background: transparent url("/material/bg_h3_link.gif") top left no-repeat;
	text-decoration: none;
}
H3 a:hover {
	text-decoration: underline;
	color: #EB5300;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #5C5B4F;
	background: none;
	padding: 0;
	margin: 0 10px;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/* Uudet osiopsivun viivat */

div#osiopaasivu div.righttopdiv h3 a:link, div#osiopaasivu div.righttopdiv h3 a:visited, div#osiopaasivu div.righttopdiv h3 a:active, div#osiopaasivu div.righttopdiv h3 a:hover {
	font: bold 14px/16px Arial,Verdana,sans-serif;
	color: #0061A6;
	margin: 0;
	padding: 8px 0 4px 25px;
	display: block;
	height: 16px;
	background:transparent url("/material/bg_h3_link_straight.gif") top left no-repeat;
	text-decoration: none;
}
/* End LINKKIMAARITTELYT */

/* Begin COMMON & MISC */

a img {
	border: 0;
}
img.kuvitus {
	margin: 0 0 30px 0;
}

IMG.featureimage { position: relative; margin: -9px 0 0 -10px;}

.tip { color: #7B7A7A; }

/* End COMMON & MISC */

/* Begin HENKILOHAKU */
#searchform { position: relative; width	: 100%; height: 100px; margin-bottom: 20px; }
		#searchform INPUT { /*font: 11px Arial, Helvetica, sans-serif;*/ margin: auto; }
		#searchform #unitsfield {font: 11px verdana; }
		#searchform #nameform, #searchform #unitform, #searchform #letterform { margin: 0; padding: 25px 0; position: absolute; top: 23px; width: 100%; background-color: #F9F9F0; border: 1px solid #DCDCCC; vertical-align: middle; text-align: center; }
		#searchform #nameform { padding: 24px 0 24px 40px !important; width: 470px; }
		#searchform #unitform { padding: 24px 0 24px 40px !important; width: 470px; }
		#searchform #letterform { font-size: 12px; padding: 25px 0 !important; }
		#searchform UL { position: absolute; top: 0px; margin: 0 0 0 24px; padding: 0; list-style: none; display: block; height: 24px; clear: both; z-index: 2; }
		#searchform UL LI { float: left; height: 30px; width: 110px; padding: 0; margin: 0 1px; list-style: none; padding-left: 6px; position: relative; }
		#searchform UL LI A { display: block; height: 19px; text-align: center; padding: 5px 7px 0 7px; cursor: pointer; font-size: 11px; }
		#searchform UL LI.selected A { background-color: #DCDCCC; }
		#searchform UL LI.selected {  background: url("/material/search_pointer.gif") no-repeat 50% 100%; }
		#searchform UL LI#searchbyname { margin-left: 3px; }
		#searchform UL LI#searchbyletter { width: 210px; margin-right: 0%;}
		#searchform #searchpointer { display: none; }
		#searchform #namefield, #searchform #unitsfield { width: 330px; }
		#searchform #letterform { padding: 30px 0; letter-spacing: 1px; }
		#searchform #letterform A.selected { font-weight: bold; color: #000; text-decoration: underline; }
		#resulttable H3 { text-transform: none; color: #0E4569; font: normal 11px Arial, Helvetica, sans-serif; padding: 10px 0 2px 0; margin: 10px 0 0 0; font-weight: bold; border-bottom: 1px solid #BBC6CD; }

		#resulttable { margin-bottom: 40px; }
		#resulttable TD {  line-height: 16px; border: 0; }
		#resulttable TH { text-align: left; font-size: 11px; font-style: italic; font-weight: normal; }
		#resulttable TH.hlonimi { width: 130px; }
		#resulttable TH.hlopuh { text-align: right; width: 80px; }
		#resulttable TD.hlopuh { text-align: right; }
		#resulttable H3 { text-transform: none; color: #0E4569; font: normal 11px Arial, Helvetica, sans-serif; padding: 10px 0 2px 0; margin: 10px 0 0 0; font-weight: bold; border-bottom: 1px solid #BBC6CD; }

		#emailinfo { border: 1px solid #009BCF; padding: 10px; }
		#emailinfo H4 { margin: 0; padding: 0 0 4px 0; font-size: 11px; }
		#emailinfo UL { margin: 0; padding: 0 0 0 15px; }
		#emailinfo LI { width: 100%; position: relative; margin-bottom: 2px; }
		#emailinfo SPAN { display: block; position: absolute; top: 0; left: 200px; }
		
/* End HENKILOHAKU */

/* Begin FEEDBACK-FORM */
/* "Takaisin sivustolle"-linkki */
#header #takaisin {
	width:130px;
	position:relative;
	top:40px;
	left:523px;
}
#header #takaisin img {
	position:relative;
	top:4px;
	margin:0 0 0 2px;	
}
/* End "Takaisin sivustolle"-linkki */


/* Palautelomakkeen ylbanneri, askeleet 1,2,3 */  
#step_banner {
	height:77px;
	width:653px;
	background:url("/material/bg_palaute_steps.gif") no-repeat;
}
#step_banner #step1 {
	height:77px;
	width:653px;
	background:url("/material/bg_palaute_steps.gif") no-repeat;
}
#step_banner #step2 {
	height:77px;
	width:653px;
	background:url("/material/bg_palaute_steps.gif") 0 -77px no-repeat;
}
#step_banner #step3 {
	height:77px;
	width:653px;
	background:url("/material/bg_palaute_steps.gif") 0 -154px no-repeat;
}
/* End  Palautelomakkeen ylbanneri, akseleet 1,2,3 */  

/* Palautelomake yleiset */

#palaute {
	width:605px;
	position:relative;
	top:-20px;
}
#palaute label {
	font-size:small;
	color:#BD4F00;
}
#palaute hr {
	margin: 12px 24px;
	height: 0;
	border: 0;
	border-bottom: 1px solid #EBE9E1;
	float:none;
}
#palaute input {
	width:300px;
}
.pakolliset{
	float:right;
	position:relative;
	top:-28px;
	left:-10px;
	color:#A0A0A0;
	background: transparent url("/material/bg_tahti.gif") top left no-repeat;
	padding-left:10px;
}

.red {
	color:#ff0000;
	display:none;
}
#feedback ul {
	position:relative;
	top:-18px;
	left:18px;
}
/* End Palautelomake yleiset */

/* Palautelomakkeen taustakuva */
#form_header {
	margin:10px 0 0 0 ;
	width:605px;
	height:65px;
	background: url("/material/form_upper_bg.gif") no-repeat;
}

#form_footer {
	width:605px;
	height:65px;
	margin-top:-40px;
	background: url("/material/form_lower_bg.gif") no-repeat;
}
/* End Palautelomakkeen taustakuva */

/* "Koulutustyyppi" radio-inputit */
#radio_i {
	text-align:left;
	margin-left:180px;
}
#radio_i input {
	width:12px;
}
#radio_i label {
	color:#000;
	margin-left:10px;
}
#palaute input, #palaute select {
/*	vertical-align: auto; */
	margin:0;
	padding:0;
	float: none;
}
#tyyppi label#radio_h {
float:left;
margin-left:50px;
}
#tyyppi label#radio_h {
}
/* End "Koulutustyyppi" radio-inputit */


/*begin kysy koulutuksesta */
div#koulutus {
	margin-top:30px;
	padding-left:74px;
}
div#koulutus select#koulutusala {
	margin-left:20px;
	width:300px;
}

div#kysymys label {
	float:left;
	margin-top:10px;
	margin-left:91px;
}
div#kysymys textarea#kysytxt {
	margin-top:5px;
	margin-left:21px;
	width:300px;
}
div#nimi  {
	margin-top:15px;
	margin-left:118px;
}
div#nimi input#nimikentta {
	margin-left:20px;
}

div#yritysdiv {
	margin-top:15px;
	margin-left:52px;	
}
div#yritysdiv input#yritys {
	margin-left:20px;	
}
div#tehtavadiv {
	margin-top:15px;
	margin-left:89px;	
}
div#tehtavadiv input#tehtava{
	margin-left:20px;	
}
div#osoite {
	margin-top:15px;
	margin-left:74px;	
}
div#osoite input#katuosoite{
	margin-left:20px;	
}
div#postinro {
	margin-top:15px;
	margin-left:42px;	
}
div#postinro label {
	width:75px;
	text-align:right;
}
div#postinro label span.toim {
	float:left;
	margin-top:15px;
	margin-left:29px;
}
div#postinro input#postinumero {
	margin-left:20px;	
}
div#postinro input#toimipaikka {
	margin-top:15px;
	margin-left:28px;
}
div#puhelin {
	margin-top:15px;
	margin-left:98px;	
}
div#puhelin input#puhelinkentta{
	margin-left:20px;	
}
div#sposti {
	margin-top:15px;
	margin-left:32px;	
}
div#sposti input#email{
	margin-left:20px;	
}
#napit {
	margin:30px 0 2px 0;
	padding-left:158px;
}
#napit input {
	height:20px;
	border: 0;	
}
#napit input#back {
	width:65px;
	margin:0 0 0 20px;
}

#napit input#laheta {
	width:69px;
	margin:0 0 0 45px;
}

/*End kysy koulutuksesta */

/* begin tilaa esite */

#esitteet {
padding-bottom:15px;

}
#esitteet label {
	float:left;
	margin-left:92px;
}
div#esitteet div#esite_cb {
	margin-left:178px;
}
div#esitteet div#esite_cb input {
	float:left;
	width:15px;
	height:15px;
}
div#esitteet div#esite_cb label {
	margin-left:0px;	
}

div#palaute_ta label {
	float:left;
	margin-left:100px;
}
div#palaute_ta textarea#palautekentta {
	margin-left:20px;
}
div#palaute_ta p {
	width:300px;
	margin-top:10px;
	margin-left:187px;
	margin-bottom:10px;
}
div#yhteydenotto input#ask {
	width:15px;
	margin-left:177px;
}
div#yhteydenotto label {
	margin-left:10px;
}



/* Palautelomake 3*/
#feedback ul li {
	background: transparent url("/material/bg_link.gif") 5px 5px no-repeat;
	margin: 0;
	padding: 0 0 8px 15px;
}
#feedback ul.pad {
	position:relative;
	top:0px;
	left:18px;
}
#feedback ul li a {
	text-decoration:underline;
}





div label {
	padding-left:10px;
}
div label.tahti {
	background: transparent url("/material/bg_tahti.gif") top left no-repeat;
}






#koulutushaku {
	width:850px;
	margin: 0 0 15px 0;
	min-height:0;
}
#koulutushaku #top {
	background:url("/material/bg_kh_left_column.gif") repeat-x;
	width:850px;
	min-height:0;

}
#koulutushaku #left_fade {
	width:182px;
	/*float:left;*/
}
#koulutushaku #search {
	width:664px;
	margin: 0 0 0 186px;
	background:#fff;
	padding: 0 0 0 20px;
}
#koulutushaku #search h1 {
	padding: 20px 0;
}

#kh_field {
	/*height:92px;*/
	width:644px;
	background:#F3F0E9;
	padding-top:10px;
	padding-bottom: 10px;
}
#kh_field_top{
	/*height:59px;
	clear: both;
	float: none;*/
	background:#F3F0E9;
}
#kh_field_top:after{
	    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}
#kh_field_top #hakukentta  {
	margin-top:10px;
	width:384px;
	height:18px;
}/*
#droppi label {
	position:relative;
	left:57px;
	top:-1px;
}*/
#droppi #toimiala {
	width:388px;
	height:18px;	
}
#kh_field_top label {
	float:left;
	margin-top:10px;
	margin-left:15px;
	/*position:relative;
	top:21px;
	left:20px;*/
}
#kh_field_top #hakukentta {
	/*position:relative;
	left:83px;*/
	font: 11px verdana;
	margin-left: 15px;
}


#kh_field_top input#etsi {
	margin-top:10px;
	margin-left:15px;
/*	position:relative;
	left:93px;
	top:1px;*/
}
div#droppi {
	margin-top:10px;
	width:600px;
}
#kh_field  div.kh_field_ftr div#droppi label {
	float:left;
	margin-top:10px;
	margin-left:53px;

}
#kh_field div.kh_field_ftr:after{
	    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}
/*
}
#kh_field .kh_field_ftr {
	width:644px;
	background:#EBE9E3;
	margin:0;
	padding:15px 0 0 0;
	border-top:1px solid #DFDDDA;
	height:32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:32px;
}
html>body .kh_field_ftr {
	height:32px;
}*/
.kh_field_ftr select {
	margin-left: 15px;
	/*position:relative;
	left:73px;
	top:-28px;*/
}
/*
#boksit {
	height:13px;
	float:left;
	position:relative;
	left:83px;	
}
#boksit input {
	position:relative;
	top:-2px;
	width:13px;
	height:13px;
	margin: 0 10px 0 0;
}
#boksit label{
	margin: 0 10px 0 0;
}
#kh_field .kh_field_ftr label {
	float:none;
}
#kh_field .kh_field_ftr input {
	width:13px;
	float:none;
	display:inline;
}*/
#boksit {
	margin-top:10px;
	padding:0 0 0 95px;
}
#boksit input {
	width:15px;
	float:left;
	margin-left:15px;
}
#boksit label {
	float:left;
	margin-left:-5px;
}
div#boksit:after{
	    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#etsi {	
	height:20px;
	width:35px;
}
/* #navi h2 {
	height:550px;
} */
#search_results {
	margin:30px 0 0 0;
}
#search_results .error{
	margin-left:50px;
}
#search_result_ftr {
	border:1px solid #DDDBD1;
}
.search_result .search_result_ftr span {
	background-color: yellow;
}
/* Koulutushaku styles */
#searchfooter {
	width:850px;
	height:57px;
	margin:25px 0 25px 0;
	clear: both;
}
#searchfooter #leftsf, #searchfooter #rightsf {
	background-color: #F9F7F4;
	border-top: 1px solid #E0DEDB;
}
#searchfooter #leftsf {
	float:left;
	width:182px;
	height:57px;
}
#searchfooter #rightsf span {
	display: block;
	padding: 16px 0 0 20px;
}
#searchfooter #leftsf span {
	display: block;
	margin:16px 0 0 26px;
	padding-left: 8px;
	background: transparent url("/material/list_style_image_a.gif") left 3px no-repeat;
}
/* #searchfooter #leftsf span a {
	position:relative;
	top:1px;
	left:-3px;
} */
#searchfooter a{
	text-decoration:none;
}
#searchfooter #rightsf {
	float:right;
	width:644px;
	height:57px;
}
#searchfooter #rightsf a, #searchfooter #rightsf span {
	/*position:relative;
	top:17px;*/
	margin:0 2px 0;
}
/*#searchfooter img {
	position:relative;
	top:17px;
}
#searchfooter .edel {
	position:relative;
	left:20px;
}

#searchfooter #rightsf .edellinen {
	margin:0 110px 0 20px;
}
#searchfooter #rightsf .seuraava {
	margin:0 0 0 107px;
}*/
.orange {
	color:#f66000;
}
.blue {
	color:#4c7c9b;
}
#searchfooter .current {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
div.search_result h3 {
	color:#000;
	font-size: 18px;
	font-weight:400;
	margin:0 0 20px 0;
}
div.search_result a.result {
	font-weight:bold;
	margin:0 0 0 19px;
}	
.search_result_ftr {
	width:622px;
	height:74px;
	/*border-top:1px solid #DDDBD1;*/
	background: url("/material/bg_search_result.gif") repeat-x ;
	margin:5px 0 15px 0;
	padding:5px 0 0 19px;
}
.sr_left, .sr_middle, .sr_right {
	float:left;
	height:73px;
	width:205px;
}
.result {
	margin:5px 0;
}
.strong {
	font-weight:bold;
}
/* End Koulutushaku styles */

/* Hakutulos */
#hakutulos {
	width:850px;
	background:url("/material/bg_kh_left_column.gif") repeat-x;
}
#hakutulos #ht_header {
	width:644px;
	padding:20px 0 0 0;
	clear: both;
}
#hakutulos #top #ht_header form {
	float:right;
	margin:0 20px 10px 0;
	padding: 0;
}
#hakutulos #ht_header h1 {
	margin: 0 0 8px 0;
	width:444px;
}
#hakutulos #ht_header h2 {
	color:#000;
	margin-top:-13px;
	width:454px;
	color: #444;
}
#hakutulos #top {
	background:#fff;
	margin:0 0 0 182px;
	padding:0 0 15px 19px;
	position: relative;
}
#hakutulos table {
	width:644px;
	clear: both;
	display: table;
}
td {
	width:412px;
	vertical-align:top;
}

#lomake1 form table tbody tr td {
	width: auto;
}
td p{
	margin:12px 16px 10px 0;
}
td.left_col {
	width:232px;
}
td.left_col p{
	font-weight:bold;
	margin-left:20px;
	color: #444;
}
/* #hakutulos #ht_top {
	border-bottom:1px solid #dddbd1;
} */
#hakutulos #ht_bottom {
	margin:15px 0 0 0;
	/* background: #f8f7f4 url("/material/bg_hakutulos.gif") top left repeat-x; */
}
td {
	border-top:1px solid #dddbd1;
}
#hakutulos tr td a {
	text-decoration:none;
}
#rightsf form {
	margin:0 20px 0 0;
}
#rightsf form input{
	width:83px;
	height:20px;
	float:right;
}
#hakutulos #top #alat {
	width: 195px;
	position: absolute;
	top: 0;
	right: 5px;
	padding-top: 23px;
	background: transparent url("/material/bg_alat.gif") left 13px no-repeat;
}
#hakutulos #top #alat p {
	margin-left: 15px;
}
#hakutulos #top form input {
	width: auto;
	height: auto;
	padding: 5px;
	margin: 20px 5px 10px 5px;
	display: block;
}
#hakutulos #top form table td {
	padding-top: 10px;
	width: auto;
}
#hakutulos #top form table td p {
	margin: 0 0 10px 0;
}
#hakutulos #top form table td input {
	width: auto;
	height: auto;
	float: left;
	display: inline;
	margin: 0 5px 10px 0;
	padding: 2px;
	clear: none;
}
#hakutulos #top form table#ilmoittautumislomake td input {
	float: none !important;
	vertical-align: top;
}
#hakutulos #top form table td input#opt_Kotiosoitteeseen, #hakutulos #top form table td input#opt_Kotiin {
	clear: left;
}
#hakutulos #top #ht_header form input {
	width:83px;
	height:20px;
	margin: 0;
}


/* End Hakutulos*/

/* BEGIN ajankohtaiset */
#ajankohtaista div.leftcolumn a {
	background: transparent url("/material/list_style_image_a_right.gif") 5px 5px no-repeat;
	padding-left: 15px;
	margin: 0 0 3px 3px;
}
#ajankohtaista div.leftcolumn img {
	margin-bottom:20px;
}
#ajankohtaista  #content #osiopaasivu div.leftcolumn p, #ajankohtaista  #content #osiopaasivu div.leftcolumn a{
	margin-left:0;
}

#ajankohtaista div.rightcolumn div.righttopdiv h1 {
	font-size:18px;
}
#ajankohtaista div.rightcolumn ul li a {
	text-decoration:underline;
}
#ajankohtaista div.rightcolumn ul li {
	background: transparent url("/material/list_style_image_a_right.gif") 5px 5px no-repeat;
}
#ajankohtaista div.rightcolumn div.righttopdiv span.rightcolumnbottom {
	margin-top:10px;
}

#uutisotsikot div.leftcolumn {
	padding-bottom:20px;
}
#uutisotsikot div.leftcolumn ul li a {
	text-decoration:underline;
}
#uutisotsikot div.leftcolumn ul li {
	background: transparent url("/material/list_style_image_a_right.gif") 5px 5px no-repeat;
}
#uutisotsikot div.rightcolumn img {
	margin:34px 0 0 0;
}

#uutinen div.leftcolumn img {
	margin: 0 0 16px 0;
}
#uutinen div.leftcolumn div.footer {
	margin:25px 0 0 0;
	padding:4px 0 20px 0;
	border-top:1px solid #f4f3ed;
}
#uutinen div.leftcolumn div.footer p{
	color:#b1ae95;
}
#uutinen div.rightcolumn ul li {
	background: transparent url("/material/list_style_image_a_right.gif") 5px 5px no-repeat;
}
#uutinen div.rightcolumn ul li a{
	text-decoration:underline;
}
/* END ajanohtaiset */


body#index div#content a {
	background: transparent url("/material/bg_link.gif") 0 50% no-repeat;
	padding-left: 10px;
	text-decoration:none;
}
body#feedback div#feedback_form ul {
	padding-left:15px;
}



/* Etusivun "Sivut"-valinnan piilotus */
/*body ul#search_options li#option3 {
	display:none;
}
*/
body#index input.findicon {
	margin-left:5px;
}

/* Hakulistauksen footer-korjaus */
#rightsf .left {
	margin-top:18px;
	width:136px;
	margin-left:20px;
	float:left;
}
#rightsf .center {
	margin-top:18px;
	width:329px;
	float:left;
	text-align:center;
}
#rightsf .right {
	margin-top:18px;
	width:136px;
	margin-right:20px;
	float:left;
	text-align:right;
	}

/* Sivukartta */
#sivukartta { width: 846px; margin-top: -20px; }
#sivukartta UL { display: block; border-left: 1px solid #E3E2D7; margin: 0; }
#sivukartta UL UL { padding-top: 10px; }
#sivukartta UL UL UL { margin: -10px 0 10px -18px; padding: 15px 0 0 0; }

#sivukartta UL LI {
	display: block;
	width: 100%;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}
#sivukartta UL UL LI { 
	width: auto;
	float: none;
	padding: 0 0 8px 40px;
	background: transparent url("/material/sitemap_line.gif") 0 5px no-repeat;
}
#sivukartta UL UL UL LI {
	padding-bottom: 2px;
}

#sivukartta LI A { display: block; }

#sivukartta UL LI A { 
	font-size: 16px;
	font-weight: bold;
	color: #0061A6;
	margin: 20px 0 0 0;
	height: 16px;
	background: transparent url("/material/sitemap_toplevel_link.gif") 0 0 no-repeat;
	display: block;
	padding: 8px 0 9px 25px;
}
#sivukartta UL LI UL LI A {/* 
	font: bold 14px Arial,Verdana,sans-serif; */
	font-size: 14px;
	font-weight: bold;
	color: #0061A6;
	background: none;
	margin: 0;
	padding: 0;
}

#sivukartta UL LI UL LI UL LI A {/* 
	font: normal 12px Arial,Verdana,sans-serif; */
	font-size: 12px;
	font-weight: normal;
	height: 18px;
	color: #0061A6;
	margin: 0;
} 
#sivukartta UL LI UL LI UL LI A {/* 
	font: normal 11px Arial,Verdana,sans-serif; */
	color: #0061A6;
	margin: 0;
}

.keywords {
	display: none; 
}

#ht_top tbody tr td ul {
	list-style-type: square;
	margin-left: 20px;
}
