BODY {
	//background-image: ffffff;
	font: x-small tahoma;
	color: black;
	background: #feFFFF;
}

td.bold2 {
	FONT-FAMILY: tahoma;
	FONT-SIZE: x-small;
}

td.sivumenulinkki {
	FONT-FAMILY: Verdana;
   FONT-SIZE: 8pt;
   COLOR: #334566;
   align: right;
   padding-left:11px;
}

h1.johdanto {
	FONT-FAMILY: verdana;
	COLOR: #000000;
   font-style: italic;
   FONT-SIZE: 10pt;
   FONT-WEIGHT: Bold;
	margin-bottom: 2mm;
	margin-top: 0mm
}

tr.alaosa {
	background: #FEFEF0;
}

td.taulukko1 {
	background: #ffffff;
   border-bottom: #c0c0c0 1px solid;
   border-right: #c0c0c0 1px solid;
}

td.johdanto {
	vertical-align: top;
   background: #FFF0C0;
/* background: #FFF8e0; */
   padding-left:60px;
   padding-right:70px;
   padding-top:30px;
   padding-bottom:10px;
   font-size:10pt;
   font-family:verdana;
   color:#000000;
}

td.johdanto_etusivu {
	vertical-align: top;
   background: #FFF0C0;
/* background: #FFF8e0; */
   padding-left:60px;
   padding-right:30px;
   padding-bottom:10px;
   font-size:10pt;
   font-family:verdana;
   color:#000000;
}

div.inactive {
	background:#c8dEdE;
/*	background:#b8cEcE;*/
/*	background:#ffC0C0; */
   padding-left:5px;
   padding-right:5px;
   border-left: solid white 1px;
   border-right: solid black 1px;
   border-top: solid white 1px;
   border-bottom: solid black 1px;
}

td.inactive_tab {
/*	background:#d0d0a0;*/
	background:#c8dEdE;
/*	background:#b8cEcE;*/
/*	background:#ffC0C0; */
   padding-left:5px;
   padding-right:5px;
   border-left: solid white 1px;
   border-right: solid black 1px;
   border-top: solid white 1px;
   border-bottom: solid #b8cEcE 1px;
/*	FONT-WEIGHT: Bold;*/
/*   color:gray;*/
}

td.button_up {
/*	background:#00C0C0;*/
/*	background:#c8dEdE;*/
/*	background:#b8cEcE;*/
/*	background:#ffC0C0; */
	/*background:#ffffe0;*/
   padding-left:5px;
   padding-right:5px;
/*   border-left: solid #d0d0a0 1px;
   border-right: solid #404040 1px;
   border-top: solid #d0d0a0 1px;
   border-bottom: solid #404040 1px;*/
/*	FONT-WEIGHT: Bold;*/
/*   color:gray;*/
}

td.button_down {
/*	background:#00C0C0;*/
/*	background:#c8dEdE;*/
/*	background:#b8cEcE;*/
	/*background:#ddddc0;*/
   padding-left:5px;
   padding-right:5px;
/*   border-left: solid #404040 1px;
   border-right: solid #d0d0a0	 1px;
   border-top: solid #404040 1px;
   border-bottom: solid #d0d0a0 1px;*/
/*	FONT-WEIGHT: Bold;*/
/*   color:gray;*/
}

td.active_tab {
/*	background:#E8FEFE;*/
/*	background:#fefec0;*/
   background:#FfF0C0;

   padding-left:5px;
   padding-right:5px;
   border-top: solid #c0c0a0 1px;
   border-left: solid #c0c0a0 1px;
   border-right: solid black 1px;
/*   border-top: solid white 1px; */
/*	FONT-WEIGHT: Bold;*/
/*   color:gray;*/
}

td.empty_tab {
/*    border-bottom: solid white 1px; */
}


a.sivumenulinkki {
   COLOR: Black;
}

tr.inactive {
	background: #f0f0f0;
}

tr.active {
   cursor: hand;
	BORDER-RIGHT: #999999 1px solid;
   BORDER-TOP: #999999 1px solid;
   BORDER-LEFT: #999999 1px solid;
   BORDER-BOTTOM: #999999 1px solid;
   BACKGROUND-COLOR: #cccccc;
}

tr.inactiverow {
	background: #f0f0f0;
}

tr.activerow {
   cursor: hand;
	BORDER-RIGHT: #999999 1px solid;
   BORDER-TOP: #999999 1px solid;
   BORDER-LEFT: #999999 1px solid;
   BORDER-BOTTOM: #999999 1px solid;
   BACKGROUND-COLOR: #cccccc;
}


/*H1 {
	FONT-FAMILY: verdana;
	COLOR: #3E8E83;
	FONT-SIZE: medium;
	FONT-WEIGHT: Bold;
	margin-bottom: 0mm;
	margin-top: 0mm
}*/

H1 {
	FONT-FAMILY: verdana;
/*   COLOR: #334566;*/
	COLOR: #000000;
/*   COLOR: #C60000;*/
   font-style: italic;
   FONT-SIZE: 10pt;
   FONT-WEIGHT: Bold;
	margin-bottom: 0mm;
	margin-top: 0mm
}

H2 {
	FONT-FAMILY: verdana;
   COLOR: Navy;
   FONT-SIZE: medium;
   FONT-WEIGHT: normal;
	margin-bottom: 0mm;
	margin-top: 0mm
}

H3 {
	FONT-FAMILY: verdana;
   COLOR: navy;
   FONT-SIZE: x-small;
   FONT-WEIGHT: Bold;
	margin-bottom: 0mm;
	margin-top: 0mm
}

H4 {
	FONT-FAMILY: verdana;
   COLOR: Black;
   FONT-SIZE: x-small;
   FONT-WEIGHT: Bold;
	margin-bottom: 0mm;
	margin-top: 0mm
}

.formi {
	border: solid 1px black;
	background: eeeeee;
}

.info {
	background: E7EFFF;
	border: solid 1px C6C6FF;
	font: x-small verdana;
}

.input {
	font: x-small verdana;
}

.button {
	font: x-small verdana;
	width: 2cm;
}

TD {
	font: 8pt verdana;
}

INPUT.TEXT {
	font: 20 courier;
}

A {
	color: red;
}

.sarakeotsikko {
  	FONT-SIZE: xx-small;
	background: #F0F0F0
}

.sarakeotsikko_bold {
	FONT-WEIGHT: bold;
  	FONT-SIZE: xx-small;
	background: #F0F0F0
}

x.small {
  	FONT-SIZE: xx-small;
	border: solid 1px #f0f0f0;
}

.laatikkootsikko {
	FONT-WEIGHT: bold;
  	FONT-SIZE: x-small;
	COLOR: 606060;
//	background: #3E8E83;
	background: #e0e0ff;
}

.small {
  	FONT-SIZE: xx-small;
	vertical-align: top;
}

.smallbold {
  	FONT-SIZE: xx-small;
	FONT-WEIGHT: bold;
	vertical-align: top;
}


table.lomake {
	border: solid #a0a0a0 1pt;
	background: #EEF2F5;
}

td.ryhmaotsikko {
	border-top: solid #a0a0a0 1pt;
	font-weight: bold;
}

td.ryhmaotsikko1 {
	font-weight: bold;
}

td.listasolu {
	border-left: dotted #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
	vertical-align: top;
}

td.listasolu_left_top {
	border-left: dotted #d0d0d0 1px;
	border-top: dotted #d0d0d0 1px;
}

td.listasolu_left_top_bottom {
	border-left: dotted #d0d0d0 1px;
	border-top: dotted #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
}


td.listasolu_left_top_right {
	border-left: dotted #d0d0d0 1px;
	border-top: dotted #d0d0d0 1px;
	border-right: dotted #d0d0d0 1px;
}

td.listasolu_all {
	border-left: dotted #d0d0d0 1px;
	border-top: dotted #d0d0d0 1px;
	border-right: dotted #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
	vertical-align: top;
}

td.listasoluright {
	border-left: dotted #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
	border-right: dotted #d0d0d0 1px;
	vertical-align: top;
}

td.listaotsikkosolu {
	border-top: dotted #a0a0a0 1px;
	border-left: dotted #a0a0a0 1px;
	border-bottom: dotted #a0a0a0 1px;
	background: #F0F0F0;
	FONT-WEIGHT: bold;
  	FONT-SIZE: x-small;
}

td.listaotsikkosoluright {
	border-top: dotted #a0a0a0 1px;
	border-left: dotted #a0a0a0 1px;
	border-bottom: dotted #a0a0a0 1px;
	border-right: dotted #a0a0a0 1px;
	background: #F0F0F0;
	FONT-WEIGHT: bold;
  	FONT-SIZE: x-small;
}

td.luettelootsikko {
	vertical-align: top;
  	FONT-SIZE: xx-small;
	background: #F0F0F0;
}

.pikkubutton {
	font: xx-small verdana;
}

td.rivititle {
	vertical-align: top;
 	FONT-SIZE: x-small;
}

td.smallbottom {
	FONT-SIZE: xx-small;
	vertical-align: bottom;
}

td.riviteksti {
	vertical-align: top;
 	FONT-SIZE: x-small;
	FONT-WEIGHT: bold;
}

td.luettelosolu {
	vertical-align: top;
}

td.luettelosolu_small {
	vertical-align: top;
  	FONT-SIZE: xx-small;
}

A:link {
  text-decoration: none;
  color: #4038d0;
}/*normal links in the text*/

A:visited {
  text-decoration: none;
  color: #4038d0;
}

A:hover { /*this effect is not shown in NN4.xx*/
  text-decoration: underline;
  color: #4038d0;
}

A:active {/*colour in NN4.xx is red*/
  text-decoration: none;
  color: #4038d0;
}


TD.solu {
	FONT-FAMILY: verdana;
	FONT-SIZE: xx-small;
	BACKGROUND-COLOR: #ffffdd;
	COLOR: black;
}

td.listasolu {
	border-left: dotted #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
}

td.listasoluleft {
	border-left: solid #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
}

td.arvosolu {
	border: solid black 1px;
	FONT-SIZE: xx-small;
	padding-left: 1mm;
}

td.listasolubottomleft {
	border-left: solid #d0d0d0 1px;
	border-bottom: solid #d0d0d0 1px;
}

td.listasolubottom {
	border-left: dotted #d0d0d0 1px;
	border-bottom: solid #d0d0d0 1px;
}

td.listasolu_bottom_right {
	border-left: dotted #d0d0d0 1px;
	border-right: dotted #d0d0d0 1px;
	border-bottom: solid #d0d0d0 1px;
}

td.listasoluright {
	border-left: dotted #d0d0d0 1px;
	border-bottom: dotted #d0d0d0 1px;
	border-right: dotted #d0d0d0 1px;
}

td.listaotsikkosolu {
	border-top: solid #a0a0a0 1px;
	border-left: solid #a0a0a0 1px;
	border-bottom: solid #a0a0a0 1px;
	background: #F0F0F0;
}

td.listaotsikkosoluright {
	border-top: solid #a0a0a0 1px;
	border-left: solid #a0a0a0 1px;
	border-bottom: solid #a0a0a0 1px;
	border-right: solid #a0a0a0 1px;
	background: #F0F0F0;
}

td.riviotsikkosolu {
	border-bottom: solid #a0a0a0 1px;
	border-left: solid #a0a0a0 1px;
	background: #F0F0F0;
}

td.riviotsikkotop {
	border-bottom: solid #a0a0a0 1px;
}

td.bold2 {
	FONT-FAMILY: verdana;
	FONT-SIZE:   x-small;
	FONT-WEIGHT: Bold;
}

td.small {
	FONT-FAMILY: verdana;
	FONT-SIZE:   xx-small;
}


td.riviotsikkosolubottom {
	border-left: solid #a0a0a0 1px;
	border-bottom: solid #a0a0a0 1px;
	background: #F0F0F0;
}



TD.solu_keltainen {
	FONT-FAMILY: verdana;
	FONT-SIZE: xx-small;
	BACKGROUND-COLOR: #ffffdd;
	COLOR: black;
}

TD.solu_vihrea {
	FONT-FAMILY: verdana;
	FONT-SIZE: xx-small;
	BACKGROUND-COLOR: #99ffcc;
	COLOR: black;
}

TD.solu_punainen {
	FONT-FAMILY: verdana;
	FONT-SIZE: xx-small;
	BACKGROUND-COLOR: #ffcccc;
	COLOR: black;
}

TD.taso {
	FONT-FAMILY: verdana;
	FONT-SIZE: x-small;
}
TD.tasox1 {
	BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: small; COLOR: #ffffff; BORDER-BOTTOM: black 1px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, Tahoma; BACKGROUND-COLOR: #a0a0a0; TEXT-DECORATION: none
}
TD.LEVEL1:unknown {
	BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; BORDER-BOTTOM: black 1px solid; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, Tahoma; BACKGROUND-COLOR: #979797; TEXT-DECORATION: none
}
TD.tasox2 {
	FONT-SIZE: small; COLOR: #ffffff; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Helvetica, Tahoma; BACKGROUND-COLOR: #c0c0c0; TEXT-DECORATION: none
}
TD.tasox3 {
	FONT-SIZE: x-small; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Tahoma; TEXT-DECORATION: none; BACKGROUND-COLOR: #e0e0e0;
}
TD.tasox4 {
	FONT-SIZE: x-small; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Tahoma; TEXT-DECORATION: none
}

DIV.lomake {
 	BORDER: black 1px solid;
	BACKGROUND-COLOR: #e0e0e0;
}

.formi {
	border: solid 1px black;
	background: eeeeee;
}

.lomake {
	border: solid 1px black;
	background: eeeeee;
}

.buttonborder {
	border: 1pt solid #000000;
}

.buttonborder2 {
	border-right: 1pt solid #707070;
	border-bottom: 1pt solid #D4D0C8;
	border-left: 1pt solid #ffffff;
	border-top: 1pt solid #D4D0C8;
}

span.activebutton {
	background: #D4D0C8;
	border-right: 1pt solid #707070;
	border-bottom: 1pt solid #707070;
	border-left: 1pt solid #ffffff;
	border-top: 1pt solid #ffffff;
	padding-left: 1mm;
	padding-right: 1mm;
  	FONT: x-small Verdana;

}
span.inactivebutton {
	background: #D4D0C8;
	border: 1pt solid #D4D0C8;
	padding-left: 1mm;
	padding-right: 1mm;
  	FONT: x-small Verdana;
}

div.asiaotsikko {
	font-weight:bold;
   padding:3px;
   padding-left:10px;
   border-top:1px solid #a0a0a0;
/*   background:#e0e0e0;*/
/*   background:#FEFEC0;*/
   background:#FfF0C0;

}

div.kuukausiotsikko {
/*	font-weight:bold;  */
   padding:3px;
   padding-left:10px;
/*   border-top:1px solid #a0a0a0;*/
   background:#f8f8f8;
}

div.asiateksti {
 	padding:10px;padding-bottom:20px;
}

div.linkki {
	text-align:right;
   line-height:1.5em;
}

td.paiva_valittu {
	text-align:center;
/*   border: solid 1px navy;*/
   background:#FFF0C0;
	border-top:#808080 1px solid;
	border-left:#808080 1px solid;
	border-right:#d0d0d0 1px solid;
	border-bottom:#d0d0d0 1px solid;
}

td.paiva {
	text-align:center;
/*   border: solid 1px #a0a0ff;*/
	border-bottom:#808080 1px solid;
	border-right:#808080 1px solid;
	border-top:#d0d0d0 1px solid;
	border-left:#d0d0d0 1px solid;
   background:#ffffff;
}

td.paiva_erikuu {
	text-align:center;
/*   border: solid 1px #a0a0ff;*/
	border-bottom:#808080 1px solid;
	border-right:#808080 1px solid;
	border-top:#d0d0d0 1px solid;
	border-left:#d0d0d0 1px solid;
   background:#e0e0e0;
}

button.apunappula {
	font: 8pt verdana;
   padding-left: 2px;
/*   background: #FFF0C0; */
	width: 35mm;
   text-align: left;
}

td.paiva_tapahtuma {
	text-align:center;
   background:#aa0000;
	border-top:#808080 1px solid;
	border-left:#808080 1px solid;
	border-right:#d0d0d0 1px solid;
	border-bottom:#d0d0d0 1px solid;
}

div.kuvateksti {
   font-size:8pt;
   font-style: italic;
   margin-bottom:1em;
   
}

div.popup {
   border:   1px solid #000000;
   position: absolute;
   padding:  0.5em;
   background-color:#fefefe;
}