/* PERUSASETUKSET */

body {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Sans serif;
	background: #fff;
	background: #ffffff url('../images/kr_sivupalkki.jpg') repeat-x top;
	behavior: url('loaded.htc');
}

.center {
	text-align: center
}

.floatright {
	float: right
}

.floatleft {
	float: left
}

.floatrightcontent {
	float: left;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
}

.floatrightbottom {
	position: relative;
	left: 7px;
	bottom: -80px;
	width: 137px;
	height: 91px;
}

.floatleftcontent {
	float: left;
	padding-top: 3px;
	padding-left: 7px;
	padding-bottom: 3px;
}

.floatleftbottom {
	float: left;
	padding-left: 7px;
	padding-top: 50px;
}

a {
	color: #007AC2;
	text-decoration: none;
}

a:hover {
	color: #E8AF10;
}

h1 {
	font-size: 15px;
	font-weight: bold;
	color: #2282B4;
	margin: 10px 10px 10px 0px;
	padding: 3px 10px 3px 0px;
	border-bottom: 2px solid #E8AF10;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	color: #2282B4;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	color: #2282B4;
	margin: 10px 10px 10px 0px;
	padding: 3px 10px 3px 0px;
	border-bottom: 2px solid #E8AF10;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #007AC2;
	margin: 10px 10px 10px 0px;
	padding: 3px 10px 3px 0px;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	color: #007AC2;
	margin: 10px 10px 10px 0px;
	padding: 3px 10px 3px 0px;
}

h6 {
	font-size: 13px;
	font-weight: bold;
	color: #007AC2;
	padding: 0px 10px 0px 10px;
}

p {
	padding: 2px 10px 2px 10px;
	line-height: 1.4em;


/*ma

rgin: 5px 10px 15px 10px;*/
}

hr {
	display: none;
}

.footnote {
	font-size: 0.9em;
	line-height: 1.1em;
	color: #2282B4;
	text-align: center;
}

.prev {
	display: block;
	float: left;
	margin-top: 10px;
	padding: 0;
}

.prev a, #middle-content .prev a:visited {
	text-decoration: none;
	margin: 0 0 0 5px;
}

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

.next {
	display: block;
	float: right;
	margin-top: 10px;
	padding: 0;
}

.next a, #middle-content .next a:visited {
	text-decoration: none;
	margin: 0 5px 0 0;
}

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

ul {
	margin: 0 3px;
	list-style: none;
	padding: 3px 0px 3px 0px;
}

ul li {
	padding: 0 0 0 3px;
	margin: 0 0 3px;
}

.StarList ul {
	margin: 0 5px;
	list-style: none;
	padding: 0;
}

.StarList ul li {
	background: url(../Images/Star.gif) no-repeat 0 3px;
	padding: 0 0 0 20px;
	margin: 0 0 10px;
}


/* @group Startpage Intro Video */


.MainPicElement {
	margin-top: -20px;
	position: relative;
	width:  100%;
	z-index: 1;
}

#IntroVideo {
	display: block;
	position: relative;
	z-index: 999;
}

#IntroVideo a{
	display: block;
	position: relative;
	top: 190px;
	left:250px;
	font: normal 17px/22px 'Helvetica Neue', Arial, sans-serif;
	text-align: left;
	z-index: 999;
	color: #2862c8;
}

#IntroVideo a:hover{
	text-decoration: underline;
}


/* @end */

/* @group Social Media Icons (Index Page) */

#SocialMediaIcons {
	margin: 0px 0;
	padding: 0;
	height: 55px;
	text-align: left;
}

#SocialMediaIcons p{
	margin: 0;
	padding: 5px 0px 2px 7px;
	font-weight: bolder;
	text-align: left;
}

#SocialMediaIcons ul {
	clear: both;
}

#SocialMediaIcons li {
	display: inline;
	list-style-type: none;
	height: 32px;
}


/* @end */



ol li {
	padding: 3px;
}

/* YLƒOSAN ASETUKSET JA KUVAT */

#header {
	background: url('../images/kr_ylapalkki.jpg') no-repeat left top;
	height: 74px;
	width: 800px;
	margin: 0 auto
}

/* NAVIGOINTIALUE */

#main-navi {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 24px;
	width: 800px;
	text-align: center;
}

#main-navi ul {
	margin: 0 0 0 157px;
	padding: 0;
	clear: both;
}

#main-navi li {
	display: inline;
	list-style-type: none;
}

#main-navi a {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 9px 5px 9px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #fff;
}

#main-navi a:hover {
	background: #1D498C;
	color: #dba600;
}

/* Body ID + Category ID = selected tab */

#body_13 #navi_13, #body_14 #navi_14, #body_15 #navi_15, #body_23 #navi_23, #body_26 #navi_26, #body_27 #navi_27, #body_28 #navi_28, #body_30 #navi_30, #body_31 #navi_31 {
	background: #fff;
	color: #22539f;
}

div.cutter-top {
	height: 1px;
	font-size: 1px;
	background: #FFF
}

/* Content */

#content {
	width: 800px;
	height: 100%;
	margin: 1px auto;
	background-color: #fff;
}

#layer_content {
	background: url('../images/KR_Layer.png') no-repeat 0 0;
	display: block;
	min-height: 370px;
	max-width: 370px;
	padding: 235px 0px 0px 0px;
}

#layer_image {
	position: absolute;
	bottom: 20px;
	left: 0;
	height: 273px;
	width: 250px;
	z-index: 1;
	display: block;
	min-height: 273px;
	max-width: 250px;
}

#layer_image {
	display: block;
	margin: 0;
	padding: 0;
}

#left-content  



/*Vasen palsta*/ {
	float: left;
	display: inline;
	width: 150px;
	min-height: 744px;
	margin: 0px 8px;
	background: #fff url('../images/kr_oikea_palstafeidaus.png') no-repeat;
}

#mainpage-content 



/* MainPage Center Content */ {
	float: left;
	display: inline;
	width: 462px;
	min-height: 744px;
	margin-top: 0px;
}

#middle-content {
	float: left;
	display: inline;
	width: 462px;
	min-height: 744px;
	margin-top: 10px;
	z-index: -1;
}

#article-content {
	float: left;
	display: inline;
	width: 612px;
	min-height: 744px;
	margin-top: 0px;
}

#right-content  



/* Oikea palsta */ {
	float: left;
	display: inline;
	width: 150px;
	min-height: 744px;
	margin: 0 0 0 7px;
	background: #fff url('../images/kr_oikea_palstafeidaus.png') no-repeat;
}

blockquote {
	color: #007AC2;
	font-weight: bold;
	border: none;
	margin: 1em 0;
}

.roadshowitem {
	padding-top: 5px;
	padding-left: 10px;
	color: #21509c;
	font: normal 12px "Helvetica Neue", Arial, Sans serif;
}

#recruitment {
	float: left;
	width:  150px;
	min-height: 50px;
	background: transparent url('../images/recruitment_palstafeidaus.png') no-repeat;
}

.recruitmentinfo {
	padding-top: 8px;
	padding-left: 12px;
	color: #ecf5fd;
	font: normal 12px "Helvetica Neue", Arial, Sans serif;
	text-shadow: #646464 0 1px 2px;
}

blockquote *:first-child:before {
	content: "\201C";
}

blockquote *:first-child:after {
	content: "\201D";
}

#footer {
	padding: 0;
	margin: -40px auto 0px auto;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: .9em;
	background: #FFFFFF url('../images/kr_alapalkki.jpg') repeat-x top;
	width: 100%;
	height: 22px;
	overflow: hidden;
	z-index: 30;
	color: #fff;
}

#footer p {
	text-align: center;
	margin: 0;
	padding: 5px;
	display: block;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #f1f1f1;
}

/* INDEX INSERTS */

#etusivu #middle-content {
	margin-bottom: -8px
}

h2.header {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	background: #FADA0B;
	margin: 0;
	text-transform: uppercase;
	line-height: 2em;
	padding: 0 5px;
}

/* Hakemiston header elementti */

.navi-header {
	background-color: #e3e9f7;
	

/* back

ground: #e3e9f7 url('../images/kr_palsta_vas2.jpg') repeat-y top; */
			line-height: 40px;
	margin: 0 0 0px 0;
	font: bold 1.4em Arial, sans-serif;
	color: #dba600;
}

.navi-header a {
	color: #dba600;
	text-decoration: none;
	display: block;
	line-height: 40px;
	padding: 0 12px
}

.navi-header a:hover {
	color: #dba600;


/* backg

round: #e3e9f7 url('../images/kr_palsta_vas2.jpg') repeat-y top; */
}

/* SIVUNAVIGOINTI LINKIT */

.left-content {
	margin: 0 0px 20px 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #22539f;
}

.left-content li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.left-content a {
	display: block;
	padding: 4px 0px 4px 14px;
	font-weight: bold;
	text-decoration: none;
	color: #22539f;
	border-top: 1px solid #22539f;
}

.left-content a:hover {
	background: #fff;
	color: #22539f;
}

.selected {
	background: #fff;
	color: #22539f;
}

/* BUTTONS */

.gbutton {
	FONT-SIZE: 9pt;
	width: 70px;
	height: 25px;
	border: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../Images/green_button.gif);
	background-repeat: no-repeat;
}

.rbutton {
	FONT-SIZE: 9pt;
	width: 70px;
	height: 25px;
	border: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../Images/red_button.gif);
	background-repeat: no-repeat;
}

.bbutton {
	FONT-SIZE: 9pt;
	width: 70px;
	height: 25px;
	border: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../Images/blue_button.gif);
	background-repeat: no-repeat;
}

.gold_button {
	FONT-SIZE: 9pt;
	width: 70px;
	height: 25px;
	border: none;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../Images/gold_button.gif);
	background-repeat: no-repeat;
}

/* SPECIAL TABLES */

.ContentTable {
	background-color: #007AC2;
	color: #000033;
}

.ContentTable th {
	font-size: 12px;
	font-family: Arial, Helvetica;
	background-color: #007AC2;
	height: 20px;
	color: #FFFFFF;
	vertical-align: left;
}

.ContentTable td {
	align: center;
	padding: 3px;
	background-color: #FFFFFF;
}

/* CHART STYLES */

.chart {
	font-family: Arial;
	font-size: 1em;
	border: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: .4em .1em;
}

.chart li {
	list-style: none;
	float: left;
	width: 5em;
	text-align: center;
	background: url(../Images/chart_bg.gif) center 1.6em no-repeat;
}

.chart li span {
	display: block;
	text-indent: -999em;
	padding-bottom: 90px;
	background: url(../Images/chart_bg_ol.gif) center -1px no-repeat;
	border-top: 5px solid #fff;
}

.chart strong {
	display: block;
	text-align: center;
	font-weight: normal;
}