
* { margin: 0; padding: 0; zoom: 1 }

html, body {
	padding: 0;
	margin: 0; }

body {
	text-align: left;
	background-color: #c1c1c1;
	/* background-color: #f3f3f3; */
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #656565; }


#wrapper {	
	width: 940px;	
	margin: 0px auto 10px auto;	
	padding-top: 10px;
   background: url(../images/wrapper_bg.gif) repeat-y; }

#wrapper_footer {	
	height: 20px;	
	background: url(../images/wrapper_footer.gif) top no-repeat;	
	width: 940px;
	}



#wrapper-helper {
    margin-left: 10px;	
	 margin-right: 10px;
}

#wrapper-main {width: 900px; margin: 0 10px; }



/* Elements */

#print-header {
    display: none; visibility: hidden;
}

#header_wrap {
    width: 900px;	
	 height: 115px;	
	 position: relative;
}

#header {
	background: url(../images/header_bg.gif) no-repeat top;
	width: 900px;
	height: 80px; }

#header #logo { padding: 20px 0px 0px 15px; }

#header .icons {
    position: absolute;	
	 top: 54px;	
	 left: 740px;
}

* html #header .icons {
	position: absolute; left: 720px; }

#header .icons div {
    float: right;	
	 margin-right: 10px;
}

#header .icons div.icon_download img,
#header .icons div.icon_print img {
    margin-right: 5px;
}

#header .icons div a,
#header .icons div a:hover {
    color: #fff;	
	 text-decoration: none;
}

#navigation-main {
    height: 37px;	
	 background: url('../images/navigation-main_bg.gif') top left repeat-x;
	}

body.popup #navigation-main {
    text-align: center;
}

body.popup #navigation-main select {
    margin-top: 5px;
}

#navigation-main ul {
    list-style-type: none;	
	 margin: 0;	
	 margin-left: 10px;	
	 padding: 0;
}

#navigation-main ul li {
    display: inline;	
	 line-height: 35px;	
	 margin-right: 22px;
	 white-space: nowrap;
}

#navigation-main ul li a,
#navigation-main ul li a:link,
#navigation-main ul li a:hover {
    font-size: 1.2em;	
	 color: #2864ce;	
	 text-decoration: none;
}

#navigation-main ul li a:hover {
    color: #474747;
	text-decoration: underline;
}

#navigation-main ul li.selected a {
    color: #474747;	
	 text-decoration: underline;
}

#footer {
    width: 900px;	
	 height: 35px;	
	 background: url('../images/footer_bg.gif') top left no-repeat;
	clear:both;
}

#footer .copyright {
    width: 400px;	
	 line-height: 35px;	
	 float: left;	
	 margin-left: 10px;	
	 font-size: 1em;	
	 color: #fff;
}

*html #footer .copyright { margin-top:-10px; }

#footer .copyright a {
    text-decoration: none;	
	 color: #fff;
}

#footer .copyright a:hover {
    color: #474747;
}

#footer .icons {
    width: 250px;	
	 float: right;	
	 line-height: 35px;
}

#footer .icons div {
    float: right;	
	 margin-right: 10px;
}

#footer .icons div a,

#footer .icons div a:hover {
    font-size: 10px;	
	 color: #fff;	
	 text-decoration: none;
}

#footer .icons div a:hover {
    color: #474747;
}



/* Common */

a,

a:link,
a:hover,
a:visited {
    color: #0199e0;	
	 text-decoration: none;
}

a:hover {
    color: #0199e0;	
	text-decoration:underline;
}

a img {
    border: none;
}

h1 {
    font-weight: bold;	
	 color: #2864ce;	
	font-size: 1.9em; }


h2 {
    font-weight: bold;	
	 color: #2864ce;	
	font-size: 1.2em; }

.content_narrow h2 { font-size: 1.4em; }

.content_narrow p {font-size: 1.1em;  padding: 3px 0 7px 0; }

.content_narrow h3, .content_narrow h4 {margin-top: 15px; }

h3 {
    font-size: 1.2em;	
	color: #2864ce;
}

h4 {
    font-size: 1.1em;
	color: #2864ce;
}


.flash_holder {
    background: url('../images/line_bg.gif') bottom repeat-x;	
	padding: 3px 0px 4px 0px; }

.content {
	margin: 0px;	
	 float: left;
}

.content_narrow { width: 620px; padding: 0px 15px 30px 15px; float:right; }

.content_narrow ul, ul ul, ul ul ul {
	padding: 0px 0px 0px 15px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #656565;
	list-style-type: disc;
	}
	
.content_narrow li {
	padding: 0px 0px 3px 0px;
	}

#sidebar {width: 250px; float:left;  } 

#sidebar ul li {border-bottom: 1px solid #d9d9d9; font-size: 1.1em; }

	ul.sidebar_menu {padding: 0px; margin: 0px; }

	ul.sidebar_menu li, ul#submenu li {list-style: none; display: block;  }
	
	ul.sidebar_menu li a  { color: #2864ce; text-decoration: none; padding: 5px 15px; display: block;   }
	
	ul.sidebar_menu li a:hover {background: #0c50c9; color: #FFF; text-decoration:none; }

	ul.sidebar_menu li.select { background: url(../images/arrow_r.gif) no-repeat left; }
	
	ul.sidebar_menu li.current { background: #0c50c9 url(../images/arrow_d.gif) no-repeat left;    }
	
	ul.sidebar_menu li.current1 { background: #0c50c9; }
	
	ul.sidebar_menu li.current a {color: #FFF; }
	
	ul.sidebar_menu li.current1 a {color: #FFF; }

	ul.submenu { padding: 0px; margin: 0px;  }
	
	ul.submenu li { background: #f3f3f3;  display: block;   }
	
	ul.submenu li.select { background-color: #7da0de; }
	
	ul.submenu li.select a {color: #fff; }
	
	ul.submenu li a { color: #2864ce; text-decoration: none; padding: 5px 5px 5px 30px; display:block; }
	
	ul.submenu li a:hover {background-color: #7da0de; color: #FFF; text-decoration:none; }
		
#wrapper-maincontent {width: 900px; }

#wrapper-narrowcontent {width: 900px; background: url(../images/narrow_bg.gif) repeat-y; margin: 10px 0px; position:relative; }

.content #col1 {width: 283px; margin: 0px 20px 20px 15px; float:left; }

.content #col2 {width: 283px; margin: 0px 20px 20px 0px; float:left; }

.content #col3 {width: 264px; margin: 0px 15px 20px 0px; float:right; }

.content #col1,.content #col2,.content #col3 {position: relative; display: inline; }

.clear {clear: both; height: 0; }


body.popup .content {
    width: 760px;
}

.content img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.clear_fix {
    clear: both;	
	 height: 1px;	
	 line-height: 1px;
}

blockquote, blockquote p {
	padding: 0;
	margin: 0px;
	padding-left: 4px;
}

.underline {
	text-decoration: underline;
	margin-bottom: 1px;
}

a.attachment, a.attachment:link, a.attachment:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #484848;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

a.attachment:hover, a.attachment:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #484848;
	text-decoration: none;	
	padding: 0;
	margin: 0;
}


/* TM */

.italic { font-style:italic; }

.leipis-kursiivi { font-style:italic; }

.vari-bold { font-weight: bold; color: #2864ce; }

.leipis-v-ri { color: #2864ce; }

.underline { text-decoration:underline; }


a.attachment-2, a.attachment-2:link, a.attachment-2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0199e0;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

a.attachment-2:hover, a.attachment-2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2864ce;
	text-decoration: none;	
	padding: 0;
	margin: 0;
}


/* Etusivun txt-laatikot */

.news_item_top {
	margin: 20px 0px;
	height: 175px; }

.news_item_top p {margin-bottom: 10px; }

.news_item_top a { background: url(../images/link.gif) no-repeat right center; padding-right: 10px; }

.news_item { margin: 20px 0px; }

.news_item p {margin-bottom: 10px; }

.news_item a { background: url(../images/link.gif) no-repeat right center; padding-right: 10px; }


/* Taulukot */

table.tableClass {
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	font-size: 10px; }

table.tableClass tr {
	height: 18px; }

table.tableClass td {
	vertical-align: bottom;
	white-space: nowrap; }

table.tableClassNarrow {
	border-collapse: collapse;
	width: 65%;
	padding: 0;
	font-size: 10px; }

table.tableClassNarrow {
	border-collapse: collapse;
	width: 65%;
	padding: 0;
	font-size: 10px; }

table.tableClassNarrow tr {
	height: 18px; }

table.tableClassNarrow td {
	vertical-align: bottom;
	white-space: nowrap; }


/* rivityylit, ei toimi IE6 */

tr.rowFormat_line {
	border-bottom: #0038A8 solid 1px; }
	
tr.rowFormat_dblline {
	border-bottom: #0038A8 solid 2px; }

tr.rowFormat_topline {
	border-top: #0038A8 solid 1px; }

tr.rowFormat_tbline {
	border-top: #0038A8 solid 1px;
	border-bottom: #0038A8 solid 1px; }
	

/* solutyylit */

.cellFormat_line {
	border-bottom: #0038A8 solid 1px; }

.cellFormat_dblline {
	border-bottom: #0038A8 solid 2px; }

.cellFormat_tbline {
	border-top: #0038A8 solid 1px;
	border-bottom: #0038A8 solid 1px; }

.cellFormat_bgGrey {
	background-color: #F1F2F5;
	padding-right: 5px; }

.cellFormat_bgWhite {
	padding-right: 5px; }

.cellFormat_hover {
    background-color: #DBDFE5; }

.cellFormat_bold {
	font-weight: bold; }

.cellFormat_center {
	font-weight: normal;
	text-align: center; }
	
.cellFormat_centerbold {
	font-weight: bold;
	text-align: center; }

.cellFormat_leftnormal {
	font-weight: normal;
	text-align: left; }

.cellFormat_leftbold {
	font-weight: bold;
	text-align: left; }

.cellFormat_leftbold_line {
	font-weight: bold;
	text-align: left; 
	border-bottom: #0038A8 solid 1px; }

.cellFormat_rightnormal {
	font-weight: normal;
	text-align: right;
	padding-right: 5px; }

.cellFormat_rightnormal_line {
	font-weight: normal;
	text-align: right;
	padding-right: 5px; 
	border-bottom: #0038A8 solid 1px; }

.cellFormat_rightnormal_bg {
	font-weight: normal;
	text-align: right;
	padding-right: 5px; 
	background-color: #F1F2F5; }

.cellFormat_rightbold {
	font-weight: bold;
	text-align: right;
	padding-right: 5px; }

.cellFormat_rightbold_line {
	font-weight: bold;
	text-align: right;
	padding-right: 5px; 
	border-bottom: #0038A8 solid 1px; }


blockquote, blockquote p {
	padding: 0;
	margin: 0px;
	padding-left: 5px; }

.underline {
	text-decoration: underline;
	margin-bottom: 1px; }

a.attachment, a.attachment:link, a.attachment:visited {
	font-weight: normal;
	color: #484848;
	text-decoration: underline;
	padding: 0;
	margin: 0; }
	
a.attachment:hover, a.attachment:active {
	font-weight: normal;
	color: #484848;
	text-decoration: none;	
	padding: 0; }


