html {
	width: 100%;
	height: 100%;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #001d6d;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 100%;
	background-color: #445D8E;
	background-image: url(../gfx/bg.gif);
}
#flashotsikko, #flashotsikko2, #flashotsikko3 { /* new styles */
	margin-bottom: 12px;
}

.headline_pdf { /* new style */
	margin-top: 7px
}

#pagecontainer {
	position: relative;
	width: 960px;  	/* changed 5.6.2008 oli width: 790px; */
	/* background-color: #FFFFFF; */
	background-image: url(../gfx/bg_page.gif);
	background-repeat: repeat-y;
	visibility: visible;
	left: 0px;
	top: 0px;
	margin: 0px auto;
}
#bgtop {
	position: absolute;
	left: 0px;
	top: 75px;
	width: 960px;  	/* changed 5.6.2008 oli width: 790px; */
	height: 107px;
	z-index: 0;
}
#top {
	position: relative;
	left: 0px;
	top: 0px;
	height: 115px;
	width: 960px;  	/* changed 5.6.2008 oli width: 790px; */
	clear: both;
}
#middle {
	position: relative;
	left: 0px;
	top: 0px;
	width: 960px;  	/* changed 5.6.2008 oli width: 790px; */
	background-image: url(../gfx/bg_slide_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	min-height: 562px;	/* IE ignores this one */  /* changed 5.6.08 oli 548 */
	height: 562px;	/* IE treats this as min-height */  /* changed 5.6.08 oli 548 */
}
*>#middle {
	height: auto; /* IE ignores child selector, modern browsers replace height declaration */
}

#middle_front {
	position: relative;
	left: 0px;
	top: 0px;
	width: 960px;  	/* changed 5.6.2008 oli width: 790px; */
	background-image: url(../gfx/bg_slide_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	height: 459px; /* changed 5.6.08 oli 440 */
}

#footer {
	position: relative;
	background: #FFFFFF;
	height: 28px;
	width: 960px;  	/* changed 5.6.2008 oli width: 790px; */
	color: #000066;
	clear: both;
}
#footer span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	position: relative;
	left: 16px;
	top: 8px;
}
#navigation {
	position: absolute;
	height: 40px;
	width: 588px;
	left: 18px; /* changed 5.6.08 */
	top: 75px;
	z-index: 100;
}
#navigation #navitem1 { position: absolute; left: 0px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 300 }
#navigation #navitem2 { position: absolute; left: 62px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 301 }
#navigation #navitem3 { position: absolute; left: 175px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 302 }
#navigation #navitem4 { position: absolute; left: 250px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 303 }
#navigation #navitem5 { position: absolute; left: 343px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 304 }
#navigation #navitem6 { position: absolute; left: 434px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 305 }
#navigation #navitem7 { position: absolute; left: 502px; top: 0px; width: 62px; height: 40px; visibility: visible; z-index: 306 }
#navigation #reactiveline { position: absolute; left: 0px; top: 39px; width: 588px; height: 1px; visibility: hidden; z-index: 200 }
#navigation #navitem1_on { position: absolute; left: 0px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 100 }
#navigation #navitem2_on { position: absolute; left: 62px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 101 }
#navigation #navitem3_on { position: absolute; left: 175px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 102 }
#navigation #navitem4_on { position: absolute; left: 250px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 103 }
#navigation #navitem5_on { position: absolute; left: 343px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 104 }
#navigation #navitem6_on { position: absolute; left: 434px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 105 }
#navigation #navitem7_on { position: absolute; left: 502px; top: 0px; width: 62px; height: 40px; visibility: hidden; z-index: 106 }
#navigation #navitem1_on.selected { z-index: 400; visibility: visible }
#navigation #navitem2_on.selected { z-index: 400; visibility: visible }
#navigation #navitem3_on.selected { z-index: 400; visibility: visible }
#navigation #navitem4_on.selected { z-index: 400; visibility: visible }
#navigation #navitem5_on.selected { z-index: 400; visibility: visible }
#navigation #navitem6_on.selected { z-index: 400; visibility: visible }
#navigation #navitem7_on.selected { z-index: 400; visibility: visible }

#subnavigation { /* changed 5.6.08  NEWSTYLE */
	position: relative;
	left: 0px;
	top: 0px;
	clear: both;
	height: auto;
	width: 588px;
	/* left: 18px; changed 5.6.08 */
	/* top: 280px; */
	z-index: 100;
}

#pdfnosto {
	background-image: url('../gfx/annual_report_tausta.jpg');
	background-repeat: no-repeat;
	padding: 7px;
	margin-bottom: 1px;
	width: 140px;
	height:54px;

}

#pdfnosto_vaaka {	
	float:left;
	background-image: url('../gfx/annual_report_tausta.jpg');
	background-repeat: no-repeat;
	padding: 7px;
	width:140px;
	height:54px;
}

#subnavigation #sub_about {
	position: relative;
	left: 23px;
	top: 0px;
	clear: both; /* changed 5.6.08  NEWSTYLE */
	/* position: absolute; changed 6.6.08 oli absolute */
	/*left: 5px; changed 6.6.08 oli xxpx */
	/* top: 0px; changed 6.6.08 oli 35px */
	width: 588px; /* oli 171 */
	height: auto;
	margin-top: 30px;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 14px; 
	text-decoration: none;
	color: #93c1e1;
}
#subnavigation #sub_services {
	position: relative;
	left: 23px;
	top: 0px;
	clear: both; /* changed 5.6.08  NEWSTYLE */
	/* position: absolute; changed 6.6.08 oli absolute */
	/*left: 5px; changed 6.6.08 oli xxpx */
	/* top: 0px; changed 6.6.08 oli 35px */
	width: 588px; /* oli 555 */
	height: auto;
	margin-top: 30px;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 14px; 
	text-decoration: none;
	color: #93c1e1;
}
#subnavigation #sub_press {
	position: relative;
	left: 23px;
	top: 0px;
	clear: both; /* changed 5.6.08  NEWSTYLE */
	/* position: absolute; changed 6.6.08 oli absolute */
	/*left: 5px; changed 6.6.08 oli xxpx */
	/* top: 0px; changed 6.6.08 oli 35px */
	width: 588px; /* oli 263 */
	height: auto;
	margin-top: 30px;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 14px; 
	text-decoration: none;
	color: #93c1e1;
}
	
#theme_pic_front {
	position: relative;
	left: 0px;
	top: 0px;
	width: 672px;
	height: 225px;
	clear: both;
	border-left: 18px solid #FFFFFF;	 /* changed 5.6.08 , oli 5px */
	z-index: 10;
}
#theme_pic {
	position: relative;
	left: 0px;
	top: 0px;
	width: 672px;	 /* changed 5.6.08 , oli 582px */
	height: 136px;	 /* changed 5.6.08 , oli 81px */
	clear: both;
	border-left: 18px solid #FFFFFF;	 /* changed 5.6.08 , oli 5px */
	z-index: 10;
}
#front_col1 {
	margin: 3px 0 0 0; /* new 5.6.08 */
	position: relative;
	left: auto;
	top: auto;
	width: 188px;	 /* changed 5.6.08 , oli 170px */
	height: 202px;	/* 230 - 16 - 12 */
	background-color: #94D2FE;
	padding: 16px 16px 12px;	/* top left/right bottom */
	float: left;
	border-top: 1px solid #FFFFFF;
	border-left: 18px solid #FFFFFF;	 /* changed 5.6.08 , oli 5px */
}
#front_col1.selected { background-color: #93C8EE }
#front_col2 {
	margin: 3px 0 0 5px; /* new 5.6.08 */
	position: relative;
	left: auto;
	top: auto;
	width: 188px;	 /* changed 5.6.08 , oli 170px */
	height: 202px;	/* 230 - 16 - 12 */
	background-color: #ABDAFB;
	padding: 16px 16px 12px;	/* top left/right bottom */
	float: left;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#front_col2.selected { background-color: #A4D0F2 }
#front_col3 {
	margin: 3px 0 0 5px; /* new 5.6.08 */
	position: relative;
	left: auto;
	top: auto;
	width: 188px;	 /* changed 5.6.08 , oli 170px */
	height: 202px;	/* 230 - 16 - 12 */
	background-color: #CFEAFD;
	padding: 16px 16px 12px;	/* top left/right bottom */
	float: left;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#front_col3.selected { background-color: #B5D6F6 }
#headline_col {
	position: absolute;
	left: 693px; /* changed 5.6.08 , oli 594px */
	top: 0px; /* changed 5.6.08 , oli -31px */
	width: 224px;	 /* changed 5.6.08 , oli 167px */
	z-index: 20;
	padding: 26px 12px 12px;	/* top left/right bottom */
}
img.top_padded {
	clear: both;
	margin-top: 6px;
}
img.right_padded {
	clear: both;
	margin-right: 6px;
}
img.btn_more {
	position: absolute;
	left: 145px;
	top: 192px;
}
img.sectiontitle {
	clear: both;
	margin-bottom: 12px;
	height: auto;
}
img.title {
	clear: both;
	margin-bottom: 7px;
}
img.photo {
	margin-right: 8px;
	margin-bottom: 5px;
}

#contenttext {
	position: relative;
	clear:both;
	left: auto;
	top: auto;
	width: 640px;	/* 588 - 17 - 17 */
	height: auto;
	padding: 16px 17px 33px;	/* top left/right bottom */
	border-left: 5px solid #FFFFFF;
	z-index: 100;
}
#contenttext #col1 {
	width: 250px;	/* 284 - 17 - 17 */
	height: auto;
	float: left;
}
#contenttext #col2 {
	width: 270px;	/* 304 - 17 - 17 */
	height: auto;
	float: left;
	border-left: 34px solid #FFFFFF;
}
#contenttext #about_feat1 {
	width: 243px;
	height: 64px;
	float: left;
}
#contenttext #about_feat2 {
  margin: -38px 0 10px 0;
	width: 143px;
	height: 64px;
	float: left;
	border-left: 20px solid #FFFFFF;
}
#contenttext #about_feat3 {

	width: 143px;
	height: 64px;
	float: left;
	border-left: 20px solid #FFFFFF;
}
#contenttext #services_feat1 {
	width: 356px;
	height: 134px;
	float: left;
}

#contenttext .services_box {
  background-color: #006DB8;
  margin-top: 1px;
  padding: 12px;
  width: 335px;
	float: left;
}

#contenttext .services_box2 {
  background-color: #00A0E0;
  margin: 1px 0 0 1px;
  padding: 12px;
 /*  height: 16px;
 width: 55px; */
	float: left;
}

#contenttext #services_feat2 {
	width: 171px;
	height: 170px;
	float: left;
	border-left: 0px solid #FFFFFF;
}
#contenttext #careers_feat1 {
	width: 143px;
	height: 64px;
	float: left;
}
#contenttext #careers_feat2 {
	width: 143px;
	height: 64px;
	float: left;
	border-left: 13px solid #FFFFFF;
}
#emptydiv { clear: both; height: 1px; margin-top: -1px; overflow: hidden }


/* text formatting */
p { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; clear: both }
span.title { color: #006DB8; font-weight: bold } /* väri vaihdettu */
strong { color: #00226B; font-weight: bold }
.smalldarkblue {
	color: #00226B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
}
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 14px; text-decoration: none }
a:link { color: #0066CC }
a:active { color: #0066CC }
a:visited { color: #0066CC }
a:hover { color: #0066CC; text-decoration: underline }

a.textlink { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; text-decoration: none }
a.textlink:link { color: #0066CC }
a.textlink:active { color: #0066CC }
a.textlink:visited { color: #0066CC }
a.textlink:hover { color: #0066CC; text-decoration: underline }

ul.feat { clear: both; border: 0px; margin: 0 0 0 12px; padding: 0px; list-style-type: none; list-style-image: url(../gfx/list_item.gif) }
ul.feat li { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; margin-left: 5px; margin-bottom: 12px; color: #0066CC }
ul.feat a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; text-decoration: none }
ul.feat a:hover { text-decoration: underline }
ul.feat li span.date { color: #00226B }

ul.normal { clear: both; border: 0px; margin: 0 0 0 12px; padding: 0px; list-style-type: none; list-style-image: url(../gfx/list_item.gif) }
ul.normal li { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; margin-left: 5px; margin-bottom: 8px; color: #00226B }

ul.small { clear: both; border: 0px; margin: 0 0 0 12px; padding: 0px; list-style-type: none; list-style-image: url(../gfx/list_item_small.gif) }
ul.small li { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; line-height: 12px; margin-left: 5px; margin-bottom: 8px; color: #00226B }


#contenttext ul { clear: both; border: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; padding: 0px; list-style-type: square }
#contenttext ul li { text-align: left; font-weight: normal; margin-left: 16px }

#contenttext .services_box a, #contenttext .services_box2 a { color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; line-height: 14px; text-decoration: none }
#contenttext .services_box a:link, #contenttext .services_box2 a:link { color: #ffffff }
#contenttext .services_box a:active, #contenttext .services_box2 a:active { color: #ffffff }
#contenttext .services_box a:visited, #contenttext .services_box2 a:visited { color: #ffffff }
#contenttext .services_box a:hover, #contenttext .services_box2 a:hover { color: #ffffff; text-decoration: underline }