BODY { 
	font-family: "Open Sans", Verdana;
	font-size: 11pt;
	margin: 0pt;
	text-align: center;
	background-color: #E7E7E7; 
}

DELul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

DELli {
	display: inline;
}

.leftmenu { 
	font-family: "Open Sans", Verdana;
	font-size: 10pt;
	width: 180px;
	height: 20px;
	text-align: center;
	background-repeat: no-repeat;
}

.leftmenu a:active	{ 
	color: #17458F;	
	text-decoration: none; 
	font-weight: bold;
	}
.leftmenu a:link	{ 
	color: #17458F;	
	text-decoration: none; 
	font-weight : bold;
	}
.leftmenu a:visited	{ 
	color: #17458F;
	text-decoration: none; 
	font-weight : bold;
	}
.leftmenu a:hover { 
	color: #003366;	
	text-decoration: none; 
	font-weight : bold; 
	#background-color: white;
	}
TABLE.line{
	padding: 10px;
	border-collapse: collapse;
}

TR.head{
	background-color: #E7E7E8;
	font-weight: bold;
}
TR.even{
	background-color: #F4F4F6;
/*	background-color: #E7E7E8;*/
}
TR.odd{
	background-color: white;
}
TD {
	font-family : "Open Sans", Verdana;
	font-size : 10pt;
	font-weight : none;
	line-height:14px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*padding-left: 10px;*/
	vertical-align: top;
}
TD.riviotsikkoR {
	text-align: right;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: top;
}
TD.riviotsikkoL {
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: top;
}
.menulink a:active	{ color: #FFFFFF;	text-decoration: none; font-weight : none }
.menulink a:link	{ color: #FFFFFF;	text-decoration: none; font-weight : none }
.menulink a:visited	{ color: #FFFFFF;	text-decoration: none; font-weight : none }
.menulink a:hover	{ color: #003366 ;	text-decoration: none; font-weight : none }

.leftmenu a:active	{ color: #000033;	text-decoration: none; font-weight : none }
.leftmenu a:link	{ color: #000033;	text-decoration: none; font-weight : none }
.leftmenu a:visited	{ color: #000033;	text-decoration: none; font-weight : none }
.leftmenu a:hover	{ color: #0066aa;	text-decoration: none; font-weight : none }

a:active	{ color: #0044DD;	text-decoration: none; font-weight : none }
a:link		{ color: #0044DD;	text-decoration: none; font-weight : none }
a:visited	{ color: #0044DD;	text-decoration: none; font-weight : none }
a:hover		{ color: #AAAAAA;	text-decoration: none; font-weight : none }

.hinta
{
  color       : #000000 ;
  font-family : "Open Sans", Verdana;
  font-size   : 12pt    ;
  font-weight : bold    ;
  text-decoration : none ;
}

.viite
{
	font-size:	7pt;
}

h3
{
  color       : #115588 ;
  font-family : "Open Sans", Verdana ;
  font-size   : 12pt    ;
  font-weight : bold    ;
  text-decoration : none ;
}

h4
{
  color       : #115588 ;
  font-family : "Open Sans", Verdana ;
  font-size   : 10pt    ;
  font-weight : bold    ;
  text-decoration : none ;
}
.o2
{
  font-family : "Open Sans", Verdana ;
  font-size   : 11pt    ;
  font-weight : bold    ;
  color       : #115588 ;
  text-decoration : none ;
}
.o3
{
  font-family : "Open Sans", Verdana ;
  font-size   : 8pt    ;
  font-weight : none   ;
  color       : #000033 ;
  text-decoration : none ;
}
.otsikko
{
  font-family : "Open Sans", Verdana ;
  font-size   : 10pt    ;
  color       : #336699 ;
  font-weight : bold    ;
  text-decoration : none ;
}

.alaotsikko
{
  font-family : "Open Sans", Verdana ;
  font-size   : 9pt    ;
  color       : #000000 ;
  font-weight : bold    ;
  text-decoration : none ;
}

.lomakekentta
{
  font-weight : bold    ;
}

.alaotsikko2
{
  font-family : "Open Sans", Verdana ;
  font-size   : 9pt    ;
  color       : #223377 ;
  font-weight : bold    ;
  text-decoration : none ;
}
.clsNews
{
  font-family : "Open Sans", Verdana ;
  COLOR: navy;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: bold
}
.clsDate
{
	font-size: 7pt;
	font-weight: normal;
}

.otsikko2
{
  font-family : "Open Sans", Verdana ;
  font-size   : 9pt    ;
  color       : #223377 ;
  font-weight : bold    ;
  text-decoration : none ;
}

.etusivu
{
  font-family : "Open Sans", Verdana ;
  font-size   : 11pt    ;
  color       : #223377 ;
  font-weight : none    ;
  font-style  : italic  ;
  text-decoration : none ;
}

.huom
{
  color       : red;
  text-decoration : none ;
}
.laatikko {
	BORDER-RIGHT: #336699 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #336699 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #336699 1px solid; 
	WIDTH: 100%; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #336699 1px solid; 
	BACKGROUND-COLOR: #cbddf9; 
	layer-background-color: #CBDDF9;
}
.laatikko1 {
	BORDER: #cbddf9 1px solid;
	MARGIN: 3px;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 300px; 
	PADDING-TOP: 5px; 
	BACKGROUND-COLOR: #F3F3F3; 
	layer-background-color: #F3F3F3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Change F0F4FA to E7E7E7 */
.laatikko1page{
	BORDER: #cbddf9 1px solid;
	MARGIN: 3px;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 98%; 
	PADDING-TOP: 5px; 
	BACKGROUND-COLOR: #E7E7E7; 
	layer-background-color: #E7E7E7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.laatikko2 {
	BORDER: #E7E7E8 1px solid;
	MARGIN: 3px;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.laatikko2news {
	WIDTH: 300px; 
	BORDER: #E7E7E8 1px solid;
	MARGIN: 3px;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.laatikko2newssimple {
	WIDTH: 250px; 
	MARGIN: 3px;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
}
.laatikko2a {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; BACKGROUND-COLOR: #F1F2F5; layer-background-color: #F1F2F5
}
.laatikko4 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; BACKGROUND-COLOR: #DFE7EF; layer-background-color: #DFE7EF; BORDER-TOP: #AEBCCA 1px solid; BORDER-BOTTOM: #AEBCCA 1px solid;
}
.laatikko5 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; BACKGROUND-COLOR: #F1F2F5; layer-background-color: #F1F2F5
}
.laatikko6 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; BACKGROUND-COLOR: #F5F6F9; layer-background-color: #F5F6F9
}

/* Color of header's navigation bar is #E7E7E8 */
/* - Changed 3c3c3c to e7e7e8 (navigation bar top color) */
/* - Changed 222222 to bbbbbd (navigation bar bottom color) */
/* - Changed 3f3f3f to bbbbbc (navigation bar drop-down color) */
/* - Changed 080808 to bbbbba (navigation bar drop-down color) */
/* - Changed ffffff to 2c2c2c (navigation bar drop-down color) */
/* hoover background should be #005DAA and text white */
/* Main font should be Open Sans Condensed Bold www.google.com/fonts/specimen/Open+Sans */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#cssmenu {
  height: 20px; /* from 40 to 20 */
  display: block;
  border: 1px solid;
	/*
  border-radius: 5px; /* from 5 to 2 */
  width: auto;
  border-color: #bbbbba;
  margin: 0;
  padding: 0;
}
#cssmenu > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);*/
  font-weight: 700;
  font-size: 13px;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  border-right: 1px solid #bbbbba;
  color: #005DAA;
  padding: 4px 13px; /* text padding horizontal/vertical from 12 20 to 4 13 */
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: #E7E7E8;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before { /* triangel */
  content: "";
  position: absolute;
  top: 9px; /* from 18 to 6 */
  right: 1px; /* from 6 to 1 */
  border: 5px solid transparent;
  border-top: 5px solid #2c2c2c;
}
#cssmenu > ul > li.has-sub:hover > a:before { /* triangel */
  top: 9px; /* from 19 to 9 */
}
#cssmenu > ul > li.has-sub:hover > a {
  padding-bottom: 4px; /* text padding must be align with ul>li>a from 14 to 7 */
  z-index: 999;
  border-color: #bbbbbc;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
/* drop down elements while hovering main element */
  display: block;
  background: #005DAA;
  color: white;
}
#cssmenu > ul > li.has-sub > a:hover,
#cssmenu > ul > li.has-sub:hover > a {
/* menu bar first element with drop down elements while hoovering */
  background: #005DAA;
  color: white;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 20px; /* from 38 to 18 */
  background: #bbbbbc;
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding: 5px 0; /* from 10 to 5 */
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul ul ul {
  position: absolute;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
  top: -5px; /* from -10 to -5 */
  border-radius: 5px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li > ul li a {
/* drob down menu elements */
  outline: none;
  display: block;
  position: relative;
  font-weight: 700;
  font-size: 13px;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);*/
  margin: 0;
  padding: 4px 10px; /* from 8px 20px to 4px 10px */
}
#cssmenu {
  background: #E7E7E8;
}
#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
/* Drop down menu element while hoovering */
  background: #E7E7E8;
  color: #005DAA;
	/* remove sliding colors
  background: -moz-linear-gradient(top, #E7E7E8 0%, #bbbbbd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E7E7E8), color-stop(100%, #bbbbbd));
  background: -webkit-linear-gradient(top, #E7E7E8 0%, #bbbbbd 100%);
  background: -o-linear-gradient(top, #E7E7E8 0%, #bbbbbd 100%);
  background: -ms-linear-gradient(top, #E7E7E8 0%, #bbbbbd 100%);
  background: linear-gradient(top, #E7E7E8 0%, #bbbbbd 100%);
	*/
}
#cssmenu > ul > li > a:hover { 
/* menu bar without drop down elements while hoovering */
  background: #005DAA;
  color: white;
}
#cssmenu ul ul a:hover {
  color: #2c2c2c;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #2c2c2c;
}