/* Structure */

html,
body
{
	padding: 0;
	margin: 0;
}

body
{
	text-align: left;
	min-width: 800px; /* for mozilla */
	background-color: #FFF;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*  font-size: 86%;*/
    font-size: 11px;
	color: #656565;
}

body.wide
{
    min-width: 870px;
}

#wrapper
{
    width: 800px;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

body.wide #wrapper
{
    width: 870px;
}

#wrapper-helper
{
    margin-left: 10px;
    margin-right: 10px;
}

/* Elements */

#print-header
{
    display: none;
}

#header
{
    width: 780px;
    height: 115px;
    position: relative;
}

body.wide #header
{
    width: 850px;
}

#header .icons
{
    position: absolute;
    top: 54px;
    left: 600px;
}

#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
{
    width: 780px;
    height: 37px;
    background: url('../images/navigation-main_bg.gif') top left repeat-x;
}

body.wide #navigation-main
{
    width: 850px;
}

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: 13px;
    white-space: nowrap;
}
body.fi #navigation-main ul li
{
    margin-right: 7px;
}

#navigation-main ul li a,
#navigation-main ul li a:link,
#navigation-main ul li a:hover
{
    font-size: 12px;
    color: #2864ce;
    text-decoration: none;
}

#navigation-main ul li a:hover
{
    color: #474747;
}

#navigation-main ul li.selected a
{
    color: #474747;
    text-decoration: underline;
}

#navigation-sub
{
    width: 240px;
    float: left;
    margin-top: 23px;
    margin-bottom: 25px;
    margin-right: 10px;
}

#navigation-sub table
{
    background: url('../images/navigation-sub_separator.gif') bottom left repeat-x;
}

#navigation-sub table tr
{
    background: url('../images/navigation-sub_separator.gif') top left repeat-x;
}

#navigation-sub table tr a
{
    color: #2864ce;
}

#navigation-sub table tr a:hover
{
    color: #474747;
}

#navigation-sub table tr a,
#navigation-sub table tr a:hover
{
    font-size: 12px;
    text-decoration: none;
}

#navigation-sub table tr.open a
{
    background: url('../images/navigation-arrow_open.gif') top left no-repeat;
}

#navigation-sub table tr.open td table tr a
{
    background: none;
}

#navigation-sub table tr.open a,
#navigation-sub table tr.open a:hover
{
    color: #474747;
}

#navigation-sub table tr.closed a
{
    background: url('../images/navigation-arrow_closed.gif') top left no-repeat;
}

#navigation-sub table tr.selected
{
    background-color: #f1f1f1;
}

#navigation-sub table tr.selected a,
#navigation-sub table tr.selected a:hover,
#navigation-sub table tr.open td table tr.selected a,
#navigation-sub table tr.open td table tr.selected a:hover
{
    color: #474747;    
}

#navigation-sub table tr td table
{
    background: #fff;
}

#navigation-sub table tr.open td table a
{
    color: #2864ce;
}

#navigation-sub table tr td a
{
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 10px;
}

#navigation-sub table tr td table a
{
    padding-left: 25px;
}

#footer
{
    width: 780px;
    height: 36px;
    background: url('../images/footer_bg.gif') top left no-repeat;
    font-size: 11px;
}
body.wide #footer
{
    width: 850px;
    background: url('../images/footer_bg-wide.gif') top left no-repeat;
}

#footer .copyright
{
    width: 400px;
    line-height: 36px;
    float: left;
    margin-left: 10px;
    font-size: 10px;
    color: #8b8b8b
}

#footer .copyright a
{
    text-decoration: none;
    color: #8b8b8b;
}

#footer .copyright a:hover
{
    color: #474747;
}

#footer .icons
{
    width: 250px;
    float: right;
    line-height: 36px;
}

#footer .icons div
{
    float: right;
    margin-right: 10px;
}

#footer .icons div a,
#footer .icons div a:hover
{
    font-size: 10px;
    color: #8b8b8b;
    text-decoration: none;
}
#footer .icons div a:hover
{
    color: #474747;
}

/* Common */

a,
a:link,
a:hover
{
    color: #0199e0;
    text-decoration: underline;
    font-size: 10px;
}
a:hover
{
    color: #2864ce;
}

a img
{
    border: none;
}

h2,
h3,
h4
{
    font-weight: bold;
    color: #2864ce;
    margin-top: 25px;
    margin-bottom: 5px;
}

h2
{
    font-size: 13px;
    margin-top: 0px;
}

h2.inside_content
{
    margin-top: 25px;
}

h3
{
    font-size: 12px;
}

h4
{
    font-size: 11px;
}

p
{
    margin-top: 0px;
}

body.wide p
{
    width: 510px;
}

body.wide table p
{
    width: auto;
}

.flash_holder
{
    padding-bottom: 3px;
    background: url('../images/line_bg.gif') bottom left repeat-x;
    margin-bottom: 3px;
}

.content
{
    width: 510px;
    margin-top: 23px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

body.wide .content
{
    width: 580px;
}

body.popup .content
{
    width: 760px;
}

.content img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.clear_fix
{
    clear: both;
    height: 1px;
    line-height: 1px;
}

/** Frontpage **/

body.frontpage .content
{
    width: 780px;
    float: none;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 11px;
}

table.lifts table
{
    margin-bottom: 10px;
}

table.lifts th
{
    font-size: 12px;
    font-weight: bold;
    color: #3a72d5;
    padding: 0 0 0 5px;
}

table.lifts tr td
{
    padding: 0 0 5px 5px;
}

table.lifts tr.read_more a
{
    font-size: 10px;
    text-decoration: none;
}

table.lifts tr.read_more a:hover
{
    color: #2864ce;
}

/** Page **/


/** Tables **/

table.tableClass {
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	font-size: 9px;
}
table.tableClass tr {
	height: 16px;
}
table.tableClass td {
	vertical-align: bottom;
	white-space: nowrap;
}

tr.rowFormat_line {
	border-bottom: #0038A8 solid 1px;
}

.cellFormat_line {
	border-bottom: #0038A8 solid 1px;
}

tr.rowFormat_dblline {
	border-bottom: #0038A8 solid 2px;
}

.cellFormat_dblline {
	border-bottom: #0038A8 solid 2px;
}

tr.rowFormat_topline {
	border-top: #0038A8 solid 1px;
}

.cellFormat_topline {
	border-top: #0038A8 solid 1px;
}

tr.rowFormat_tbline {
	border-top: #0038A8 solid 1px;
	border-bottom: #0038A8 solid 1px;
}

.cellFormat_tbline {
	border-top: #0038A8 solid 1px;
	border-bottom: #0038A8 solid 1px;
}

.cellFormat_bgGrey {
	background-color: #F1F2F5;
	padding-right: 4px;
}
.cellFormat_bgWhite {
	padding-right: 4px;
}
.cellFormat_titles {
}
.cellFormat_hover
{
    background-color: #DBDFE5;
}

.cellFormat_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.cellFormat_centerbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}
.cellFormat_rightbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
}
.cellFormat_leftbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}
.cellFormat_rightnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	padding-right: 4px;
}
.cellFormat_leftnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
}
.cellFormat_leftnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

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;
}
.cellFormat_bold_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
    color: #2864ce;
}

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;
}

