/* PERUSRAKENNE */

body{
	margin:0;
	padding:0;
	background-color: #E9E9E9;
	font-family: arial;
	font-size: 12px;
}
.popup
{
	background-color: #ffffff;	
}

/* Hack for frontpage boxes */
#frontBottomRow {
	margin-top: -10px;
}

#maincontainer{
	width: 916px; /*Width of main container*/
	margin: 0 auto;
	background: transparent url(../gfx/white_bg.gif) left bottom repeat-x;
}

/* Yläreuna */

#topsection{
	position: relative;
	background: #E9E9E9 url(../gfx/header_bg.jpg) left bottom no-repeat;
	height: 305px; /*Height of top section*/
}
#topsection h1{
	margin: 0;
}
#topsection a#link1, 
#topsection a#link2, 
#topsection a#link3  {
	position: absolute;
	display: block;
	bottom: 0;
	height: 48px;
	width: 291px;
}
#topsection a#link1 {
	left: 14px;
}
#topsection a#link2 {
	left: 312px;
}
#topsection a#link3 {
	left: 610px;
}

.englishHead {
	background: #E9E9E9 url(../gfx/header_bg_eng.jpg) left bottom no-repeat !important;
}

/* Kokonaan uutta alkaa*/

#contentwrapperFront{
	float: left;
	width: 916px;
	background: transparent url(../gfx/contentarea_topshade.gif) 8px top no-repeat;
	margin-top: 10px;
	min-height: 100px;
}
#leftcolumnFront{
	float: left;
	width: 291px; /*Width of left column in pixel*/
	background: transparent;
	margin: 8px 0 0 0;
	padding-left: 14px;
}
#leftcolumnFrontBottom{
	float: left;
	width: 291px; /*Width of left column in pixel*/
	background: transparent;
	margin: -2px 0 0 0;
	padding-left: 14px;
}
.Row{
	float: left;
	width: 916px;
}
.maincolumnFront{
	float: right;
	width: 604px;
	/* ei määritystä */
}
.contentcolumnFront{
	float: left;
	width: 291px;
	background: transparent;
	margin: 8px 7px 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 0;
}
.rightcolumnFront{
	float: left;
	width: 291px; /*Width of right column*/
	background: transparent;
	margin: 8px 0 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 0;
}

/* Kokonaan uutta loppuu */

#contentwrapper{
	float: left;
	width: 100%;
	background: transparent url(../gfx/contentarea_topshade.gif) 8px top no-repeat;
	margin-top: 10px;
	min-height: 100px;
}
#contentcolumn{
	margin: 8px 304px 0 312px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumn2{
	margin: 8px 0 0 312px;
	width: 594px;
}
#leftcolumn{
	float: left;
	width: 291px; /*Width of left column in pixel*/
	margin-left: -902px; /*Set margin to that of -(MainContainerWidth)*/
	margin-top: 18px;
	background: transparent;
}
#rightcolumn{
	float: left;
	width: 296px; /*Width of right column*/
	margin-left: -306px; /*Set left margin to -(RightColumnWidth)*/
	margin-top: 18px;
	background: transparent;
}

#footer{
	clear: left;
	margin-left: 8px;
	background: transparent url(../gfx/contentarea_topshade.gif) left top no-repeat;
	height: 58px;
	color: #000000;
}

#shade { width: 940px; background-color: red; margin: 0 auto; position: relative; /*Center container on page*/ background: transparent url(../gfx/shade_repeat.gif) top center repeat-y; }
#shade_inner { background: transparent url(../gfx/shade_bottom.gif) left bottom no-repeat; }

#logo { position: relative; left: 0; top: 0; }

#shade_top_left { position: absolute; left: 0; top: 0; width: 12px; height: 41px; background: transparent url(../gfx/shade_topleft.gif); }
#shade_top_right { position: absolute; left: 928px; top: 0; width: 12px; height: 41px; background: transparent url(../gfx/shade_topright.gif); }
#topshade { position: absolute; left: 12px; top: 7px; background: transparent url(../gfx/shade_top.gif) center 14px no-repeat; width: 916px; height: 30px;  }

#logotext{ position: absolute; left: 18px; top: 10px; width: 359px; height: 80px; background: transparent url(../gfx/text.gif) top right no-repeat; }
#logotext a{ position: absolute; left: 0px; top: 0px; width: 84px; height: 80px; background: transparent url(../gfx/logo.gif) top left no-repeat; }
#logotext h1 { visibility: hidden; }

#logotext_en{ position: absolute; left: 18px; top: 10px; width: 359px; height: 80px; background: transparent url(../gfx/text_en.gif) top right no-repeat; }
#logotext_en a{ position: absolute; left: 0px; top: 0px; width: 84px; height: 80px; background: transparent url(../gfx/logo_en.gif) top left no-repeat; }
#logotext_en h1 { visibility: hidden; }

/* SIVUN YLÄLAIDAN FORM JA NAPIT */

#searchform {
	position: absolute;
	left: 408px;
	top: 42px;
	width: 208px;
	height: 24px;
	background: transparent url(../gfx/form_bg.gif);
}

form { margin: 0; padding: 0; }

#searchform .searchfield {
	border: 0px; 
	width: 155px;
	height: 15px;
	background-color: transparent;	
	margin-top: 2px;
	margin-left: 5px;
	font-size: 12px;
	line-height: 17px;
}

#searchform .submitbutton { 
	border: 0px; 
	background-color: transparent;	
	width: 40px; 
	height: 17px; 
	font-weight: bold; 
	color: #ffffff; 
	font-size: 11px;
	margin-top: 1px;
	margin-left: 2px;
}

#topbuttons {
	position: absolute;
	left: 628px;
	top: 41px;
	width: 290px;
	height: 50px;
	background-color: transparent;
}

#topbuttons ul { margin: 0; padding: 0; }

#topbuttons li {
	list-style-type: none;
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
	background: transparent url(../gfx/button_off.gif) left top no-repeat;
	width: 89px;
	height: 25px;
}

#topbuttons  li.current {
	background: transparent url(../gfx/button_on.gif) left top no-repeat;
}

#topbuttons li a {
	display: block;
	line-height: 25px;
	background: transparent;
	padding-left: 25px;
	color: #000000;
	font-size: 11px;
}

#topbuttons li a:hover { text-decoration: none; }

 .narrow { 
	width: 291px; 
	background: transparent url(../gfx/narrowcontainer_bg.png) center top no-repeat;
}

/*.wide { 
	width: 589px; 
	background: transparent url(../gfx/widecontainer_bg.png) center top no-repeat;
} */

/* SISÄLTÖALUEEN CONTAINERIT */

.container {
	width: 291px; 
	min-height: 50px;
	margin-bottom: 0px;
	overflow: hidden;
}

.bg2 {
	background: transparent url(../gfx/narrowcontainer_bg.png) center top no-repeat;
}

.bg3 {
	background: transparent url(../gfx/narrowcontainer_bg2.png) center top no-repeat;
}

#contentcolumn2 .container { 
	width: 589px; 
}


#contentcolumn2 .bg2 {
	background: transparent url(../gfx/widecontainer_bg.png) center top no-repeat;
}

#contentcolumn2 .bg3 {
	background: transparent url(../gfx/widecontainer_bg2.png) center top no-repeat;
}

.container h1, .container h2, .container h3, .container h4 { margin-bottom: 0px; padding-bottom: 0px; line-height: 1.1em; }
 
.pad { margin: 0 19px 0 19px; }
.pad ul{
  list-style-position:outside;
  padding-left:16px;
  }

.container div {
	padding: 20px 19px 16px 19px;
}
.bg1 div {
	padding: 3px 19px 16px 19px;
}
.newslist{
	margin:0px;
}
.newsHead3{
	margin: 0;
	padding: 0;
	font-size: 20px;
}
.newsHead4{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* NAVI */

.linklist {
	margin: 0 0 10px 0;
	padding: 0;
}

.linklist li {
	display: block;
	width: 291px;
	height: 32px;
	background: transparent;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

.linklist li a {
	display: block;
	width: 271px;
	line-height: 32px;
	padding-left: 19px;
	color: #000000;
	font-weight: bold;
	background: transparent url(../gfx/subnavi/link_off_bg.gif) top left no-repeat;
}
.linklist li a:hover{
	background: transparent url(../gfx/subnavi/link_on_bg.gif) top left no-repeat;
	text-decoration: none;
}
.linklist li.current a ,
.linklist li.current a:hover{
	background: transparent url(../gfx/subnavi/link_active_bg.gif) top left no-repeat;
	text-decoration: none;
}

/*.linklist li.level2 a { padding-left: 40px; background: transparent url(../gfx/plus.gif) 20px center no-repeat; width: 250px; font-weight: normal; }*/
/*.linklist li.level3 a { padding-left: 62px; background: transparent url(../gfx/plus.gif) 42px center no-repeat; width: 228px; font-weight: normal; }*/

.linklist li.level2 a {width:231px; padding-left: 40px;padding-right: 20px; background: transparent url(../gfx/subnavi/link_off_level2_bg.gif) top left no-repeat; font-weight: normal; }
.linklist li.level2 a:hover { padding-left: 40px; background: transparent url(../gfx/subnavi/link_on_level2_bg.gif) top left no-repeat; font-weight: normal; }
.linklist li.level2 a.current, .linklist li.level2 a.current:hover { background: transparent url(../gfx/subnavi/link_active_level2_bg.gif) top left no-repeat; font-weight: normal; }
.linklist li.level3 a {width:211px; padding-left: 60px; padding-right: 20px; background: transparent url(../gfx/subnavi/link_off_level3_bg.gif) top left no-repeat; font-weight: normal; }
.linklist li.level3 a:hover { padding-left: 60px; background: transparent url(../gfx/subnavi/link_on_level3_bg.gif) top left no-repeat; font-weight: normal; }
.linklist li.level3 a.current, .linklist li.level3 a.current:hover { background: transparent url(../gfx/subnavi/link_active_level3_bg.gif) top left no-repeat; font-weight: normal; }

/* YLEISET MÄÄRITYKSET FONTEILLE YM. */

h1, h2, h3, h4, ul { margin: 0 0 14px 0; line-height: 16px; }
p {
	margin: 0 0 14px 0; line-height: 16px;
}
.header { margin: 0; }
h1 { font-family: arial; font-size: 20px; }
h2 { font-family: arial; font-size: 17px; }
h3 { font-family: arial; font-size: 14px; }
h4 { font-family: arial; font-size: 12px; }
a { color: #84248e; text-decoration: none; }
a:hover { text-decoration: underline; }
p#copyright { float: left; margin: 15px 20px 0 28px; }
* html p#copyright { margin-left: 14px; }
.left { float: left; }
.right { float: right; }

a.newsLink { font-weight: normal; color: #000000; }
a.newsLink:hover { text-decoration: none; }

.boldLink { font-weight: bold; color: #84248e; }

/* ALALAIDAN NAPIT */

.button {
	display: block;
	width: 87px;
	height: 24px;
	margin-top: 10px;
	margin-left: 4px;
	line-height: 23px;
	background: transparent url(../gfx/button_bg.png) left top no-repeat;
}

.wbutton {
	display: block;
	width: 146px;
	height: 24px;
	margin-top: 10px;
	margin-left: 4px;
	line-height: 23px;
	background: transparent url(../gfx/wbutton_bg.png) left top no-repeat;
}

.button a, .wbutton a {
	display: block;
	padding-left: 20px;
	color: #000000;
	font-size: 11px;
}

.button a:hover, .wbutton a:hover { text-decoration: none; }

/*Sitemap*/
#sitemap {
	margin-left: 20px;
	padding-bottom: 20px;
	background: transparent url(../gfx/tree_top.gif) left top no-repeat;
}
#sitemap .sitemapRow {
	display: block;
	height: 28px;
	clear: both;
}

ul.newslist {
	padding: 0;
	margin: 0;
}
ul.newslist li {
	padding: 0;
	margin: 0 0 15px 15px;
}

#sivutus {
	padding: 15px 0 0 11px;
	margin-left: -19px;
	margin-top: 30px;
	width:589px;
	background: transparent url(../gfx/widecontainer_bg2.png) left top no-repeat;
}
#sivutus a:hover{
	text-decoration: none;
}
#sivutus .sivutusnrotausta {
	padding: 5px 21px 5px 20px;
	background: transparent url(../gfx/sivutus_nro_bg.gif) center top no-repeat;
}
#sivutus .sivutusnrotausta2 {
	float:left;
	padding: 3px 10px 5px 10px;
	margin:0 5px 5px 0;
	background: transparent url(../gfx/sivutus_nro_bg.gif) 0 0 no-repeat;
	height: 26px;
}
#sivutus .sivutusnrotausta2 a {
	padding:2px 0 0 0;
}
.sitemapRow a {
	margin-top: 12px;
	float: left;
	display: block;
	padding-top: 1px;
}
.sitemapRow a.firstLevel {
	margin-top: 12px;
	font-weight: bold;
}
.sitemapRow .treeT, 
.sitemapRow .treeL, 
.sitemapRow .treeI, 
.sitemapRow .treeNone, 
.sitemapRow .treePage {
	float: left;
	display: block;
	height: 28px;
	width: 13px;
}
.sitemapRow .treeT {
	margin:0px;
	background: transparent url(../gfx/tree_t.gif) left top no-repeat;
}
.sitemapRow .treeL {
	background: transparent url(../gfx/tree_l.gif) left top no-repeat;
}
.sitemapRow .treeI {
	background: transparent url(../gfx/tree_i.gif) left top no-repeat;
}
.sitemapRow .treePage {
	background: transparent url(../gfx/tree_p.gif) left top no-repeat;
	padding-right: 4px;
}

#leftSearchArea {
	display: block;
	width: 253px;
	padding: 17px 19px 0 19px;
	background: transparent url(../gfx/narrowcontainer_bg.png) center top no-repeat;
}
#leftSearchFieldBg {
	display: block;
	background: transparent url(../gfx/form_bg_new.gif) left top no-repeat;
	height: 30px;
	width: 249px;
}
#leftSearchField {
	display: block;
	float: left;
	padding: 2px 0 0 3px;
}
#leftSearchField input {
	font-family: Arial, Helvetica, sans-serif; /* "Tahoma", */
	font-size: 12px;
	padding-left: 3px;
	padding-top: 1px;
	border: 0 !important;
}
#leftSearchArea #ender {
	float: right;
	display: block;
	height: 23px;
	width: 44px;
	text-align: center;
	background: transparent url(../gfx/form_button_search.gif) left top no-repeat;
}
#leftSearchArea #ender a {
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	line-height: 21px;
	padding: 0 6px;
}
#leftSearchCheckboxes {
	display: block;
	padding: 8px 15px 8px 0;

}
#leftSearchCheckboxes label.checkbox {
	display: inline;
	padding: 0 3px 0 3px;
}
#leftSearchCheckboxes input.checkbox {
	padding: 1px 0 3px 0;
}

#leftSearchAreaHelp {
	display: block;
	float: left;
	padding: 17px 19px 0 19px;
	background: transparent url(../gfx/narrowcontainer_bg.png) center top no-repeat;
}
#leftSearchAreaHelp h1 {
	margin-top: 3px;
}
#leftSearchAreaHelp ul { width: 253px; margin: 0; padding: 0; }
#leftSearchAreaHelp li {
	margin: 0 0 0 17px;
	padding: 0 0 10px 0;
}

#mainSearchAreaHelp {
	padding-top: 3px; 
}
#mainSearchAreaHelp h1 {
	padding-left: 3px;
}
#mainSearchAreaHelp ul {
	padding-left: 19px;
}
#mainSearchAreaHelp li {
	padding-bottom: 10px;
}
a.searchResult {
	display: block;
	padding-left: 16px;
	padding-bottom: 10px;
	line-height: 17px;
	background: transparent url(../gfx/hakutulos_icon.gif) left 2px no-repeat;
}

#mainAreaSearchFieldBackground {
	display: block;
	height: 36px;
	width: 249px;
	background: #ffffff url(../gfx/form_bg_new.gif) left top no-repeat;
}

#mainAreaSearchField {
	float: left;
	display: block;
	padding: 3px 0 0 3px;
}
#mainAreaSearchField input {
	font-family: Arial, Helvetica, sans-serif; /* "Tahoma", */
	font-size: 12px;
	width: 180px;
	padding-left: 3px;
	padding-top: 1px;
	border: 0 !important;
}

#mainAreaSearchEnder {
	float: right;
	display: block;
	height: 23px;
	width: 44px;
	text-align: center;
	background: transparent url(../gfx/form_button_search.gif) left top no-repeat;
}
#mainAreaSearchEnder a {
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	line-height: 21px;
	padding: 0 6px;
}
#mainSearchCheckboxes {
	display: block;
	padding-bottom: 15px;
}
#mainSearchCheckboxes label.checkbox {
	display: inline;
	padding: 0 3px 0 3px;
}
#mainSearchCheckboxes input.checkbox {
	padding: 1px 0 3px 0;
}

/* Contactform */
#contactForm label {
	display: block;
	padding-bottom: 3px;
}
#contactForm label.checkbox {
	display: inline;
	padding: 0 3px 0 3px;
}
#contactForm input.checkbox {
	padding: 1px 0 3px 0;
}
#contactForm a.clearButton {
	display: inline;
	margin-left: 10px;
}
#contactForm .smallField {
	width: 250px;
	border: 1px solid #dadada;
	font-family: Arial, Helvetica, sans-serif; /* "Tahoma", */
	font-size: 12px;
	padding-left: 3px;
	margin-bottom: 14px;
}
#contactForm .largeField {
	width: 525px;
	border: 1px solid #dadada;
	font-family: Arial, Helvetica, sans-serif; /* "Tahoma", */
	font-size: 12px;
	padding-left: 3px;
	margin-bottom: 14px;
}
#contactForm .required {
	padding-left: 8px;
	width: 242px;
	background: #ffffff url(../gfx/input_bg.gif) left top no-repeat;
}
#contactForm .requiredLarge {
	padding-left: 8px;
	width: 525px;
	background: #ffffff url(../gfx/input_bg.gif) left top repeat-y;
}
#contactForm .missing {
	background-color: #f0f0f0;
}
#contactForm #contactFormTop{
	float: left;
	display: block;
	width: 550px;
	padding-bottom:20px;
}
#contactForm #contactFormBottom{
	float: left;
	display: block;
	width: 550px;
}
#contactForm #contactFormFloatLeft {
	float: left;
	display: block;
	width: 280px;
}
#contactForm #contactFormFloatRight {
	float: left;
	display: block;
	width: 270px;
}
#contactForm .buttonsend{
	float:left;
	display: block;
	height: 32px;
	margin-top: 10px;
	padding:5px 55px 20px 40px;
	line-height: 23px;
	background: transparent url(../gfx/form_button_send.gif) left top no-repeat;
}
.buttonback a{
	float:left;
	display: block;
	height: 32px;
	margin-top: 10px;
	padding:5px 55px 0px 40px;
	line-height: 23px;
	text-decoration:none;
	background: transparent url(../gfx/form_button_send.gif) left top no-repeat;
}
#contactForm .buttonreset{
	float:left;
	display: block;
	width: 178px;
	height: 32px;
	margin-top: 10px;
	padding:5px 0 20px 40px;
	line-height: 23px;
	background: transparent url(../gfx/form_button_reset.gif) left top no-repeat;
}
#tarkasteboxtxt {
	margin : 6px;
	line-height: 110%;	
}

#tarkastetxt {
	width : 120px;
}
#tarkastebox {
	background-color : #E9E9E9;
	height : 66px;
	font-size : 11px;
	
}

.contactDetails {
	width: 170px;
	height: 100px;
	overflow: hidden;
	float: left;
	padding-left: 20px;
	margin-bottom: 5px;
}

.container {
	clear: both;
}

.clear{
	clear: both;
}