body {
  margin: 0;
  padding: 0;
  text-align: center;
    background-color: #a3dbe8; 
	background-image: url('page_bg.gif');
	background-position: top left;
	background-repeat: repeat;
  color: #00b3de;
  font: small Tahoma, Arial, Helvetica, sans-serif;
}


H1, .h1 { font-size: 140%; color: #747678; background-color: transparent; font-weight: Bold; }
H2, .h2 { font-size: 130%; color: #747678; background-color: transparent; font-weight: Bold; }
H3, .h3 { font-size: 120%; color: #747678; background-color: transparent; font-weight: Bold; }
H4, .bold { font-size: 100%; color: #747678; background-color: transparent; font-weight: Bold; }


.teksti { margin-top: 5px; margin-bottom: 5px; }
p { margin-top: 5px; margin-bottom: 5px; }

.note{ font-size: 95%; color: #000000;}
.note1{ font-size: 90%; color: #444444; }
.note2{ font-size: 85%; color: #666666;}
.note3 { font-size: 75%; color: #666666; }


.HeadlineLink { color: #747678; font-weight: Bold; }
.tulimieleen { color: #747678; font-weight: bold; text-decoration: none }

@media print {
    .EI_TULOSTETA { display: none; }
    #sidebar { display: none; }
    #footer { display: none; }
}

@media screen {
    .EI_RUUDULLA { display: none; }
}

#wrapper {
	width: 990px;
	text-align: left;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	color: #00b3de;
	background-color: #FFFFFF;
	border: 1px solid #76d3e9;
}


#header {
  color: #00b3de;
  text-align: left;
  margin: 0;
  padding: 0;
  height: 152px;
  border-bottom: 0px solid #ff8d26;
}

#header A:link {
	color: #a3ba2a; text-decoration: underline;
}

#header A:visited { text-decoration: underline;
	color: #a3ba2a; 
}

#header A:hover {
	color: #839622; text-decoration: underline;
}

#main {
	width: 100%;
	/* height: 100%; */
	padding: 0;
	margin: 0;
	text-align: left;
	border-top: 0px solid #FFFFFF;
}


#sidebar {
    clear: both;
	float: left;
	width: 210px;
	margin: 0;
	padding: 12px 0 0 30px;
	border: 0px solid #FF0000;
}

#sidebar_ala {
    clear: both;
	float: left;
	width: 210px;
	margin: 25px 0 0 0;
	padding: 0 0 0 30px;
	border: 0px solid #FF0000;
}




#sidebar ul, #sidebar li {
  list-style: none;
   margin: 0;
  padding: 0;
}






/* ============== MenuLink ========*/

A.MenuLink {
	color: #FFFFFF; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

A.MenuLinkSelected {
	color: #808080; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

A.MenuLink:hover {
	color: #CCCCCC; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.1em;
}


/* ============== SubMenuLink ========*/


A.SubMenuLink {
	color: #808080; font-size: 90%; font-weight: bold;  margin: 0px; text-decoration: none;
		text-transform: uppercase;
}

A.SubMenuLinkSelected {
	color: #505050; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: none;
		text-transform: uppercase;
}
A.SubMenuLink:hover {
	color: #505050; font-size: 90%; font-weight: bold; margin: 0px; text-decoration: none;
		text-transform: uppercase;
}



/* ============== MENU DIV ========*/

.MenuDiv_1 { 
	background-image: url('navi_bg.gif'); 
	background-repeat: repeat;
	background-color: #00b3de; 
	margin: 1px 0 0 0;
	padding: 8px 1px 8px 20px;
	text-align: left;
}


.MenuDiv_2 { 
	background-image: url('navi_bg_selected.gif'); 
	background-repeat: repeat; 
	background-color: #a3dbe8; 
	margin: 1px 0 0 0;
	padding: 8px 1px 8px 20px;
	text-align: left;
}

.MenuDiv_haku { 
	background-image: url('haku_bg.gif'); 
	background-repeat: repeat;
	margin: 0;
	padding: 8px 1px 8px 1px;
	text-align: center;
	color: #666666; 
}


.MenusubDiv { 
	background-image: url('navi_bg_selected.gif');	
	background-repeat: repeat; 
	margin: 0;
	padding: 2px 1px 3px 40px;
	text-align: left;
	border-top: 1px dashed #FFFFFF;
}


/* ======================*/




#content {
  margin: 0 60px 0 240px;
  padding: 12px 0 0 0;
  border-top: 1px solid #FFFFFF;
  color: #333333;
}

#content_taulukko {
  margin: 0 30px 0 260px;
  padding: 12px 0 0 0;
  border-top: 1px solid #FFFFFF;
  color: #333333;
}



#content_ala {
  margin: 0 0px 0 240px;
  padding: 0 0 0 0;
  border-top: 1px solid #FFFFFF;
  color: #333333;
}


#content A:link {
	color: #333399; text-decoration: none;
	font-size: 110%;
}

#content A:visited 
{ color: #333399; text-decoration: none;
	font-size: 110%;
}

#content A:hover {
	color: #596617; text-decoration: none;
		font-size: 110%;
}

#content  ul {
  /*  list-style-image: url(/images/kolmio.gif);  */
    list-style: disc;
   margin-left: 15px;
   margin-right: 0px;
   padding-left: 0;
   /* color: #a3ba2a; */
   color: #77881f;
}

#content  li {
  padding-top: 4px;
  padding-bottom: 4px;
     border-bottom: 1px solid #76cee2;
}

#content li A:link {
	color: #333399; text-decoration: none;
	font-size: 100%;
}

#content li A:visited { text-decoration: none;
	color: #333399; 
	font-size: 100%;
}

#content  li A:hover {
	color: #596617; text-decoration: none;
	font-size: 100%;
}


/*----------laaja------------*/


table.laaja {
/* VIHREÄ */
  clear: right;
  width: 99%;
  line-height: 1.0em;
  border-collapse: collapse;
  border: 1px solid #a3ba2a;
  color: #000000;
  background-color:  #FFFFFF;
}

table.laaja1 {
/* ORANSSI */
  clear: right;
  width: 99%;
  line-height: 1.0em;
  border-collapse: collapse;
  border: 1px solid #ff7900;
  color: #000000;
  background-color:  #FFFFFF;
}

table.laaja2 {
/* SININEN */
  clear: right;
  width: 99%;
  line-height: 1.0em;
  border-collapse: collapse;
  border: 1px solid #00b3de;
  color: #000000;
  background-color:  #FFFFFF;
}





table.laaja th {
  padding: 2px 1px 2px 3px;
  margin: 0;
  border: 1px solid #a3ba2a;
  background-color: #a3ba2a;
   color: #FFFFFF;
   font-size: 85%; 
   font-weight: normal;
   text-align: left;
}

table.laaja1 th {
  padding: 2px 1px 2px 3px;
  margin: 0;
  border: 1px solid #ff7900;
  background-color: #ff7900;
   color: #FFFFFF;
   font-size: 85%; 
   font-weight: normal;
   text-align: left;
}


table.laaja2 th {
  padding: 2px 1px 2px 3px;
  margin: 0;
  border: 1px solid #00b3de;
  background-color: #00b3de;
   color: #FFFFFF;
   font-size: 85%; 
   font-weight: normal;
   text-align: left;
}






/* sininen:  #00b3de (vaaleasin: #a3dbe8) oranssi: #ff7900, vihreä: #b4ce2f (pallo: #77881f )   otsikko: #a3ba2a   */



table.laaja th a:link, table.laaja th a:visited {
   color: #CCCCCC;
   text-decoration: none;
}

table.laaja2 th a:link, table.laaja2 th a:visited {
   color: #CCCCCC;
   text-decoration: none;
}


table.laaja td {
  padding: 2px 1px 2px 3px;
  margin: 0;
  border: 1px solid #a3ba2a ;
  font-size: 80%; 
  vertical-align: top;
}

table.laaja1 td {
  padding: 2px 1px 2px 3px;
  margin: 0;
  border: 1px solid #ff7900 ;
  font-size: 80%; 
  vertical-align: top;
}


table.laaja2 td {
  padding: 2px 1px 2px 3px;
  margin: 0;
  border: 1px solid #00b3de;
  font-size: 90%; 
  vertical-align: top;
  color: black;
}

/*-------rajaton-----------*/

#rajaton td {
  padding: 6px 1px 4px 6px;
  margin: 0;
  border: 0px solid #999999;
  font-size: 80%; 
}

#rajaton2 td {
  padding: 6px 1px 4px 6px;
  margin: 0;
  border: 0px solid #999999;
  font-size: 100%; 
}

/*-------rajaton-----------*/

table#rajaton {
  width: 95%;
  line-height: 1.0em;
  border-collapse: collapse;
  border: 1px solid #C0C0C0;
  color: #000000;
}


table#rajaton td {
  padding: 6px 5px 5px 6px;
  margin: 0;
  border: 0px solid #C0C0C0;
}

/*-------rajaton-----------*/

.content-list ul {
  list-style: none;
   margin-left: 5px;
  padding-left: 0;
}

.content-list li {
  padding-bottom: 6px;
}











#alasivut ul {
	list-style-image: url(/images/kolmio.gif);
	margin: 0 0 5px 25px;
	padding: 0 0 0 25px;
}

#alasivut li {
	margin: 0;
	padding: 0;
}


#clearone {
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0px solid #CCCCCC;
}

#footer {
	text-align: center;
	color: white;
	font-size: 14px; 
	font-weight: normal;
	margin: 0; 
	padding: 0 0 0 240px; 
	height: 24px;
  clear: both;  
  background-image: url('navi_bg.gif');
  border: 0px solid #FF6600;
}


#update {
	float: right; 
	color: #00a6de;
	font-size: 85%;
	margin: 8px 2px 5px 5px;
	padding: 0;
}

#update A:link, #update A:visited {
		color: #00a6de; font-size: 85%; text-decoration: none;
}
#update A:hover {
		color: #006699; font-size: 85%; text-decoration: underline;
}


A.noline {
		text-decoration: none;
}