/* CSS Document */

body{
background-color: #FFFFFF;
margin: 0px 0px 0px 5px;
}


.repale_tausta{
background-image: url('./images/jatkumo2.gif');
background-position: top left;
background-repeat: repeat-x;
}

.repale_taulu{
background-image: url('./images/repale.gif');
background-repeat: repeat-x;
width: 100%;
}

.viiva1{
background-image: url('./images/viiva1.gif');
background-repeat: repeat-x;
height: 7px;
}

.viiva2{
background-image: url('./images/viiva2.gif');
background-repeat: repeat-x;
height: 7px;
}

.viiva3{
background-image: url('./images/viiva3.gif');
background-repeat: repeat-x;
height: 9px;
}

.kulmaala{
background-image: url('./images/kulmaala.gif');
background-position: bottom left;
background-repeat: no-repeat;
background-color: #FFFFFF
}

.kulmayla{
background-image: url('./images/kulmayla.gif');
background-position: top left;
background-repeat: no-repeat;
background-color: #FFFFFF;
}

.content_td{
background-color: #FFFFFF;
}

.content_taulu{
padding-top: 14px;
padding-left: 24px;
/*padding-right: 19px;*/
}

.navi2{
padding-left: 4px;
}

.vihreapysty{
height: 18px;
width: 1px;
background-color: #FFFFFF;
text-valign: middle;
}


.moduletablemambel td {
color: #373635;
font-family: Arial;
font-size: 11px;
padding: 0px 0px 0px 14px;
}

.moduletablemambel td a, .moduletablemambel td a:visited
{
color: #373635;
font-family: Arial;
font-size: 11px;
padding: 0px 13px 0px 14px;
background: url(./images/harmaapysty.gif) repeat-y right;
}

.moduletablemambel td a:hover
{
color: #373635;
font-family: Arial;
font-size: 11px;
padding: 0px 13px 0px 14px;
background: url(./images/harmaapysty.gif) repeat-y right;
text-decoration: underline;
}


.taulu_100{
height: 100%;
}

.leftbutton_tausta{
background-image: url('./images/leftbutton_tausta.gif');
background-repeat: no-repeat;
width: 184px;
height: 35px;
}

.leftbutton_taulu{
height: 100%;
width: 184px;
}

.leftbutton_yla{
background-image: url('./images/yla.gif');
background-repeat: no-repeat;
width: 184px;
height: 4px;
}

.leftbutton_keski{
background-image: url('./images/keski.gif');
background-repeat: no-repeat;
background-color: #3AA138;
width: 184px;
height: 100%;
text-align: right;
color: #FFFFFF;
font-family: Arial;
font-size: 11px;
padding-top: 0px;
padding-right: 1px;
padding-left: 13px;
}

.leftbutton_ala{
background-image: url('./images/ala.gif');
background-repeat: no-repeat;
width: 184px;
height: 4px;
}

.leftbutton_word{
color: #FFFFFF;
font-family: Arial;
font-size: 11px;
font-weight: bold;
text-valign: middle;
text-align: right;
}

.leftbutton_tausta2{
background-image: url('./images/leftbutton_tausta2.gif');
background-repeat: no-repeat;
width: 184px;
height: 18px;
}

.leftbutton_td{
padding-right: 13px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
text-valign: middle;
text-align: right;
color: #4EB04C;
width: 178px;
}

.leftbutton_word2{
font-family: Arial;
font-size: 11px;
font-weight: bold;
text-valign: middle;
color: #4EB04C;
}

.vihreanuoli{
width: 3px;
height: 18px;
}

.vihrea_taulu{
background-image: url('./images/vihrea_toisto.gif');
background-repeat: repeat-x;
}

.vihrea{
background-image: url('./images/vihrea_toisto.gif');
background-repeat: repeat-x;
background-color: #E4F3DA;
}

.taulu_ala{
background-image: url('./images/taulukulmaala.gif');
background-repeat: no-repeat;
background-position: top left;
}

.alareuna{
background-image: url('./images/alareuna.gif');
background-repeat: repeat-x;
height: 52px;
}

.copyright_td{
color: #BBBBBE;
font-family: Arial;
font-size: 9px;
padding-top: 7px;
padding-left: 0px;
padding-right: 19px;
text-align: right;
}

.harmaalogo{
padding-top: 13px;
width: 94px;
}

.navileftvihrea{
padding-left: 8px;
padding-top: 8px;
}

.button_tausta{
background-image: url('./images/button_tausta.gif');
background-repeat: repeat-x;
height: 30px;
/*width: 584px;*/
}

.button_tausta_td{
background-image: url('./images/button_tausta.gif');
background-repeat: repeat-x;
height: 30px;
}


.button_vasen{
width: 3px;
height: 30px;
}

.button_oikea{
width: 3px;
height: 30px;
}

.button{
/*width: 100px;*/
text-align: left;
padding-left: 8px;
padding-right: 8px;
height: 30px;
}

.contentpaneopen2{
color: #444444;
font-family: Arial;
font-size: 12px;
line-height: 1.5em;
width: 100%;
}

table.contentpaneopen{
width: 100%;
}

.contentpaneopen td{
color: #444444;
font-family: Arial;
font-size: 12px;
line-height: 1.5em;
}

.contentpane td{
color: #444444;
font-family: Arial;
font-size: 12px;
line-height: 1.5em;
}

.leftnavitausta{
background-image: url('./images/leftnavitausta.gif');
background-position: top right;
background-repeat: no-repeat;
height: 18px;
widht: 200px;
}


/* linkit */

a:link		{color: #FF8300; text-decoration: none; font-family: Arial;}
a:active	{color: #FF8300; text-decoration: none; font-family: Arial;}
a:visited	{color: #FF8300; text-decoration: none; font-family: Arial;}
a:hover		{color: #FF8300; text-decoration: underline; font-family: Arial;}

a.cot:link		{color: #444444; text-decoration: none; font-size: 12px; font-family: Arial; font-weight: bold;}
a.cot:active	{color: #444444; text-decoration: none; font-size: 12px; font-family: Arial; font-weight: bold;}
a.cot:visited	{color: #444444; text-decoration: none; font-size: 12px; font-family: Arial; font-weight: bold;}
a.cot:hover		{color: #444444; text-decoration: underline; font-size: 12px; font-family: Arial; font-weight: bold;}

a.lang:link		{color: #909090; text-decoration: none; font-size: 10px; font-family: Arial;}
a.lang:active	{color: #909090; text-decoration: none; font-size: 10px; font-family: Arial;}
a.lang:visited	{color: #909090; text-decoration: none; font-size: 10px; font-family: Arial;}
a.lang:hover	{color: #BBBBBB; text-decoration: none; font-size: 10px; font-family: Arial;}

a.leftnavi:link		{color: #4CAF4B; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftnavi:active	{color: #4CAF4B; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftnavi:visited	{color: #4CAF4B; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftnavi:hover	{color: #4CAF4B; text-decoration: underline; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}

a.leftbutton_word:link		{color: #FFFFFF; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftbutton_word:active	{color: #FFFFFF; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftbutton_word:visited	{color: #FFFFFF; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftbutton_word:hover		{color: #FFFFFF; text-decoration: underline; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}

a.leftbutton_word2:link		{color: #4EB04C; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftbutton_word2:active	{color: #4EB04C; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftbutton_word2:visited	{color: #4EB04C; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}
a.leftbutton_word2:hover	{color: #4EB04C; text-decoration: underline; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}

a.copyright:link			{color: #BBBBBE; text-decoration: none; font-family: Arial; font-size: 9px; }
a.copyright:active			{color: #BBBBBE; text-decoration: none; font-family: Arial; font-size: 9px; }
a.copyright:visited			{color: #BBBBBE; text-decoration: none; font-family: Arial; font-size: 9px; }
a.copyright:hover			{color: #BBBBBE; text-decoration: underline; font-family: Arial; font-size: 9px; }

.moduletable td { 
color: #444444;
font-family: Arial;
font-size: 11px;
}

.moduletablesivu td {
background-image: url('./images/leftbutton_tausta.gif');
background-repeat: no-repeat;
width: 184px;
height: 35px;
text-valign: middle;
text-align: right;
}

.moduletablesivu td a{
color: #FFFFFF;
font-family: Arial;
font-size: 11px;
font-weight: bold;
margin-bottom: 10px;
}

#navsidecontainer {
padding: 0px;
margin: 0px;
}

ul#navlist {
padding: 0px;
margin: 0px;
}

ul#navlist li{
list-style-type: none;
width: 184px;
height: 35px;
background-image: url('./images/leftbutton_tausta.gif');
background-repeat: no-repeat;
text-align: right;
margin-bottom: 4px;
padding-top: 5px;
}




ul#navlist li a{
list-style-type: none;
color: #FFFFFF;
font-family: Arial;
font-size: 11px;
font-weight: bold;
padding-right: 13px;
}




ul#subnavlist {
list-style-type: none;
padding: 0px;
margin: 0px;

}

ul#subnavlist li, ul#subnavlist li:hover {
list-style-type: none;
background-image: url('./images/leftbutton_tausta2.gif');
background-repeat: no-repeat;
width: 184px;
height: 18px;
padding: 0px;
}



ul#subnavlist li a{
font-family: Arial;
font-size: 11px;
font-weight: bold;
text-valign: middle;
color: #4EB04C;
padding-right: 10px;
margin-right: 13px;
background: url('./images/vihreanuoli.gif') right no-repeat;
}


.moduletableyht td {
background-image: url('./images/keski.gif');
background-repeat: no-repeat;
background-color: #3AA138;
width: 184px;
height: 100%;
text-align: right;
color: #FFFFFF;
font-family: Arial;
font-size: 11px;
padding: 13px 13px 15px 0px;
}

.moduletable td{
color: #FFFFFF;
font-family: Arial;
font-size: 11px;
}

.moduletable th{
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
}

.moduletablefooter td {
color: #BBBBBE;
font-family: Arial;
font-size: 9px;
padding-top: 7px;
padding-left: 0px;
padding-right: 19px;
text-align: right; }

#subnavcontainer {
padding-left: 0px; 
margin-left: 0px;

}

#subnavcontainer ul
{
    margin: 0;
	padding: 0 9 0 9; 
	font-family: Arial;
	height: 21px;
	background-color: #ffffff;
	background-image: url('./images/sivuend.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    color: #4CAF4B; 
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
	vertical-align:middle;
	
}

#subnavcontainer ul li {
 display: inline;
 margin-left: -4px;
 padding-top:3px; }

#subnavcontainer ul li a
{
	color: #4CAF4B; 
	text-decoration: none; 
	font-size: 11px; 
	font-family: Arial; 
	font-weight: bold; 
	text-valign: middle;
	padding: 0px 5px;
}

#subnavcontainer ul li a:hover
{
    color: #4CAF4B;
	text-decoration: underline; 
	font-size: 11px; 
	font-family: Arial; 
	font-weight: bold; 
	text-valign: middle;
}

#subnavlistyla a:link#current, #subnavlistyla a:visited#current
{color: #4CAF4B; text-decoration: none; font-size: 11px; font-family: Arial; font-weight: bold; text-valign: middle;}


/*J*/

.fp_tc {
    	color: #444444;
	text-decoration: none; 
	font-size: 11px; 
	font-family: Arial; 
	font-weight: none; 
	line-height: 1.5em;
}

.fp_st{
    	color: #28770C;
	text-decoration: none; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: bold; 
}

h1 {
    	color: #28770C;
	text-decoration: none; 
	font-size: 16px; 
	font-family: Arial; 
	font-weight: bold;
	border-bottom: 1px solid #65C063;
}

h2 {
    	color: #28770C;
	text-decoration: none; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: bold; 
	margin-bottom: 5px;
	/*border-bottom: 1px solid #28770C;*/
}

h3 {
	font-size: 14px; 
	font-weight: none; 
	border-bottom: 1px solid #D9D9D8; color: #373635;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 14px;

}

.h4{
	color: #373635;
	text-decoration: none; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: bold; 
	margin-bottom: 5px;
}

ul#cc{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

li#cc{
padding: 0px 0px 0px 15px;
list-style-type: none;
background-image: url('./images/nelio.gif');
background-position: bottom left;
background-repeat: no-repeat;
}

.contentetu {
    color: #08B408;
	text-decoration: none; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: none; 
	line-height: 1.5em;
	padding-left: 20px;
}

.contentetu2 {
	text-decoration: none; 
	font-family: Arial; 
	font-weight: none; 
	padding-left: 20px;
}


.content1 {
    color: #08B408;
	text-decoration: none; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: none; 
	line-height: 1.5em;
}

.content2 {
    	border-width: 1px;
    	border-color: #444444;
}

.content3 {
    	background-color: #f0f0f0;
    	margin-top: 5px;
    	margin-bottom: 5px;
    	padding-left:10px;
    	padding-bottom:5px;
    	padding-top:5px;
    	padding-right:10px;
    	font-family: Arial;
	    font-size: 12px;
}

.content4{
    background-color: #f0f0f0;
	margin-top: 5px;
    margin-bottom: 5px;
    padding-left:5px;
    padding-bottom:5px;
    padding-top:5px;
    padding-right:5px;
	border-bottom: 2px solid #ffffff; 
	color: #373635;
	font-family: Arial;
	font-size: 11px;
}

.content4table{
    	background-color: #f0f0f0;
}

.content5{
    	background-color: #ffffff;		
}

.content6{
    	background-color: #f0f0f0;
		padding-left:10px;
    	padding-bottom:5px;
    	padding-top:5px;
    	padding-right:10px;
		font-family: Arial;
		font-size: 11px;
		text-align: center;
}

.ako{
		color: #373635;
		font-family: Arial;
		font-size: 12px;
}

.small{
		color: #373635;
		font-family: Arial;
		font-size: 12px;
}

.componentheading{
	color: #28770C;
	text-decoration: none; 
	font-size: 16px; 
	font-family: Arial; 
	font-weight: bold;
	border-bottom: 1px solid #65C063;
}


a.fp:link	{color: #FF8300; text-decoration: none; font-size: 11px; font-family: Arial;}
a.fp:active	{color: #FF8300; text-decoration: none; font-size: 11px; font-family: Arial;}
a.fp:visited	{color: #FF8300; text-decoration: none; font-size: 11px; font-family: Arial;}
a.fp:hover	{color: #FF8300; text-decoration: underline; font-size: 11px; font-family: Arial;}

.contentpaneopen li{
/*list-style: url('.././images/nelio.gif') disc outside; 
background-color: yellow;*/
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
background-image: url('./images/neio2.gif'); 
background-position: top left;
background-repeat: no-repeat;
}

.contentpaneopen ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.etutaulu_y{
background-image: url('./images/tyla.gif');
background-position: bottom left;
background-repeat: no-repeat;
height: 6px;
padding: 0px 0px 0px 0px;
}

.etutaulu{
background-image: url('./images/tkeski.gif');
background-position: top left;
background-repeat: repeat-y;
width: 344px;
height: 140px;
padding: 10px 10px 10px 10px;
}

.etutaulu_a{
background-image: url('./images/tala.gif');
background-position: top left;
background-repeat: no-repeat;
height: 6px;
padding: 0px 0px 0px 0px;
}

.viiva{
	font-size: 14px; 
	font-weight: none; 
	border-top: 1px solid #D9D9D8; color: #373635;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 14px;
	text-align: center;
}

.button{
font-weight: bold;
}

.akobutton{
background-color: eeeeee;
color: #4CAF4B;
border-width: 1px;
border-style: solid;
font-size: 12px;
font-weight: bold;
}

.input{
background-color: white;
}

.inputbox{
	background-color: #FFFFFF;
	height: 20px;
	width: 200px;
	font-family: Verdana;
	font-size: 11px;
}

div.jflanguageselection
{
        float: right;
        vertical-align: middle;
        padding: 3px 2px 2px 2px;
}

/* language lists with UL (names & images) */
ul.jflanguageselection
{
        float: left;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8em;
        display: inline;

}

ul.jflanguageselection li
{
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin: 1px 1px 1px 1px;
    white-space: nowrap;
        border: none;
}

ul.jflanguageselection img
{
        border: none;
}