<!--

body {
   background: url(layout_images/tausta.jpg) repeat 0px 0px;
   color: #333;
   margin:1em;    /* gives some air for the pagewrapper */
}
/* center wrapper, min max width */
#wrapper {
   border: 1px solid black; 
   margin: 0 auto;       /* this centers wrapper */
   /* max-width: 80em;    IE wont understand these, so we will use javascript magick 
   /* min-width: 60em; */
   width: 1190px;
   color: black;
   background: #fff url(layout_images/main_bg.jpg) repeat 0px 0px;
}
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
#header {
   height: 180px;    /* adjust according your image size */
   background: #338B26;           
}
#content {
   /* margin: 1.5em auto 0 0;    some air above and under menu and content */
   
}
#main {
   margin-left: 566px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 1px;  /*and some air on the right */
  /* background-image:  url(layout_images/date-line.png) no-repeat 0 0px; */
     background:  url(layout_images/date-line.jpg) no-repeat top left; 


}
#clear {font-size: 1px; height: 1px}

#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 566px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
 
}
#footer {
   clear: both;       /* keep footer below content and menu */
   color: #000;
   background: #fff url(layout_images/footer_bg.jpg) no-repeat 0 bottom;   /* same bg color as in header */
   height: 64px;
}
.Container {
  position: relative;
  width: 275px;
  height: 330px;
 }
.News-header
 { position: absolute;
   width: 275px;
   height: 38px;
 }
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  top: 38px;
  width: 252px;
  height: 292px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  font-stretch: condensed;
  background: #FFF url(layout_images/container_background.gif) repeat;
}
#Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #000;
}
.Scroller-Container {
  position: absolute;
  top: 38px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 0px; left: 251px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 24px; height: 292px;
  position: absolute;
  top: 38px; left: 0px;
  background: transparent url(layout_images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  left: 1px;
  width: 23px; height: 22px;
}

.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 300px;
}
td.back {background:#fff url(layout_images/menu-ps-bg.jpg) no-repeat;
} 
#kuvaus{
  position: absolute;
  top: 420px;
  left: 350px; 
  width: 700px;
  height: 400px;
 }
 
.Leipateksti { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        margin-left: 1em;
        background: transparent;        
}
.Leipis { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        margin-left: 1em;       
}

.Leipatekstit { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 11pt;
        background: transparent; 
}

a.Leipatekstit:link { 
     	color: #00754A;
      	text-decoration: none;
}
a.Leipatekstit:visited { 
     	color: #00754A;
      	text-decoration: none;
}
a.Leipatekstit:active {
     	color: #00754A;
      	text-decoration: none;
}
a.Leipatekstit:hover { 
        color: #00754A;
      	text-decoration: underline;
}
.Leipateksti3 { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 10pt;
        margin-left: 1em;
        background: transparent;
}

.Leipateksti2 { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 10pt;
      	text-decoration: none;
}
a.Leipateksti2:link { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica;
		color: #000000;
      	text-decoration: none;
}
a.Leipateksti2:visited { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica;
		color: #000000;
      	text-decoration: none;
}
a.Leipateksti2:active {
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	text-decoration: none;
}
a.Leipateksti2:hover { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica;
		color: #000000;
      	text-decoration: underline;
}
.Leipateksti-pieni { 
      	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 8pt;
}
li { 
      	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
		color: #000000;
      	font-size: 8pt;
}
a.valikko:link   {
        font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
        color: #FFFFFE;
        text-decoration: none;
        font-size: 16pt;
        font-weight: bold;
}
a.valikko:visited {
        font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
        color: #FFFFFE;
        text-decoration: none; 
        font-size: 16pt;
        font-weight: bold;
}
a.valikko:hover {
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        color: #FF9506;
        text-decoration: none;
        font-size: 16pt;
        font-weight: bold;
}
a.valikko:active {
        font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
        color: #FF9506;
        font-size: 16pt;
        font-weight: bold;
}
.paivays { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        color: #000000;
        font-size: 12pt;
        letter-spacing: -1px;
        line-height: 80%;    
}
p  { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        color: #000000;
        font-size: 10pt;
}
H1 {   
        margin-top: 2em;
        margin-left: 1em;
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
	   font-weight: bold;
        color: #00754A;
        font-size: 20pt; 
}
H2 {  
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
	font-weight: bold; 
	color: #336699;
        font-size: 12pt; 
}
H3 {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
        font-weight: normal;
	color: #336699;
	font-size: 10pt
}
H4 {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
        font-weight: Bold;
	color: #336699;
	font-size: 10pt
}


pre {
	font-family: Monotype, "Courier New";
	font-size: 0.75em;
	line-height: 1.20em;
 
}
sup { 
     	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
	color: #000000;
      	font-size: 0.6em;
        background: transparent;
}

.lajinimi {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
    font-weight: bold;
	color: #336699;
	font-size: 14pt;
}
.sivuotsikko {
	font-family: "Vera Sans", Arial, sans-serif, Helvetica; 
    font-weight: bold;
	color: #336699;
	font-size: 12pt;
}
.otsikko { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-weight: bold;
        font-size: 10pt;
}
.tyyli   { 
        font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt;
}
.sarakeotsikko  { font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; background-color:#FFFF00;
}
.mittaririvi   {  font-family: "Courier New";
           font-size: 10pt; font-style:italic;
}
.lajikerivi      { 
        font-family: "Courier New", Courier;
        font-size: 10pt; 
        background-color:#ECE788;
}
.kenots          { 
        font-family: "Vera Sans", Arial;
        font-weight: bold;
        font-size: 9pt; text-decoration:underline;
}
a.linkki:link {font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; color:#336699; 
}
a.linkki:visited {font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; color:#666666;
}
a.linkki:active {font-family: "Vera Sans", Arial, sans-serif, Helvetica;
        font-size: 10pt; color:#F0251F; 
}
-->