.titlebar {
background-color: #22669d;
color: #fff;
font-weight: bold;
}




/*
 * Tm tyylitiedosto sis?lt?? kaikkien sivujen kesken yhteiset
 * sis?lt?- ja ulkoasutyylit
 *
 */
 
body {
  background-color:#fff;
  color:#000;
  font-family:arial,verdana,sans-serif;
  font-size:12px;
  background-image:url(body-bg.gif);
  background-repeat:repeat-x;
 }
 
form {
  margin:0px;
  padding:0px;
}

a {
  color:#107320;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

p {
  padding:0px;
  margin:8px 0px 8px 0px;
}

h2 {
  font-size:18px;
  font-weight:normal;
  padding:2px 2px 2px 20px;
  margin:12px 6px 12px 6px;
  background-repeat:no-repeat;
  background-image:url(h3-bg2.gif);
  background-position:2px 4px;
}

h3,h4,h5 {
  font-weight:bold;
  padding:0px;
  margin:9px 0px 8px 6px;
  font-size:14px;
}

h4 {
  padding:3px 6px 3px 6px;
  background-color:#107320;
  color:#fff;
}

h5 {
  font-size:13px;
  margin:4px 0px 4px 6px;
}

img.bordered {
  border:solid 1px #000;
}

address {
  font-style:normal;
}

.printonly { display:none; }

/*
 * Sivun raami, keskitys, taustat ja leveys.
 */

#all {
  width:747px;
  background-image:url(all-bg.gif);
  background-repeat:no-repeat;
}

#center {
  margin-left:auto;
  border-bottom:solid 1px #eee;
  width:755px;
  background-image:url(dot.gif);
  background-repeat:repeat-y;
  background-position:top right;
  margin-right:auto;
}

/*
 * yl?tunnisteen m??rittelyt
 */

#header {
  position:relative;
  border-top:solid 1px #EBEBEB;
  height:73px;
  overflow:hidden;
}

#header #logo {
  margin:12px 0px 0px 16px;
  padding:0px;
  background-image:url(logo-mmm.gif);
  width:143px;
  height:38px;
  background-repeat:no-repeat;
}

#header #logo a {
  text-decoration:none;
  width:143px;
  height:38px;
  display:block;
}

#header #logo span {
  visibility:hidden;
}

#header h1 {
  margin:4px 0px 0px 0px;
  padding:0px;
  height:11px;
  width:192px;
  display:block;
  font-size:10px;
  background-image:url(h2-bg-fi.gif);
  background-repeat:no-repeat;
  background-position:center center;
}

#header h1 span {
  visibility:hidden;
}

#navi1 {
  position:absolute;
  margin:0px;
  padding:0px;
  top:4px;
  right:0px;
  list-style-type:none;
  white-space:nowrap;
}

#navi1 li {
  display:inline;
  padding:0px 6px 0px 10px;
  background-image:url(navi1-bg.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
}

#navi1 li.first {
  background-image:none;
}

#navi1 li.last { 
  background-image:none;
  padding:0px;
}

#navi1 a {
  color:#858585;
  font-size:11px;
}

#navi2 {
  position:absolute;
  margin:0px;
  padding:0px;
  top:53px;
  right:0px;
  list-style-type:none;
}

#navi2 li {
  padding:0px 6px 0px 6px;
  border-right:solid 1px #71AA66;
  display:inline;
}

#navi2 li.last {
  border:none;
}

#navi2 a {
  color:#fff;
  font-size:11px;
}

#search {
  color:#858585;
  font-size:11px;
}

#search input {
  width:80px;
  background-color:#EFFEDD;
  border:solid 1px #878787;
  font-size:10px;
  margin:1px;
}

#search input.s {
  border:none;
  background-image:url(submit-bg.gif);
  background-repeat:no-repeat;
  background-position:0px 2px;
  width:21px;
  height:20px;
}

/*
 * PAGE
 */
 
#page {
  border-left:solid 1px #ccc;
  border-bottom:solid #788075 7px;
}

#navi_and_content {
  margin:0px;
  padding:0px;
  width:574px;
  float:left;
}

#left_navi {
  margin:0px;
  padding:0px;
  float:left;
  width:178px;
  overflow:hidden;
}

#language {
  position:absolute;
  top:0px;
  left:0px;
  width:190px;
  height:125px;
  background-repeat:no-repeat;
  padding:2px 0px 2px 8px;
  color:#fff;
  border-left:solid 1px #ddd;
  
  /*etusivun vasemman reunan  teemakuva*/
  background-image:url(teemakuva.gif); 
}

#language a {
  color:#fff;
  font-size:10px;
  padding:0px 3px 0px 3px;
}

#path {
  width:570px;
  background-color:#fff;
  padding:0px;
  margin:0px;
  float:left;
}

#path div {
  margin:0px;
  padding:4px 0px 6px 24px;
  background-image:url(home-bg.gif);
  background-repeat:no-repeat;
  background-position:4px 4px;
}

#path div a {
  color:#000;
  font-size:11px;
}

#print, #textsize, #start {
  background-repeat:no-repeat;
  background-image:url(print.gif);
  padding:1px 0px 1px 20px;
  font-size:11px;
  color:#777;
}
#textsize {
  background-image:url(textsize.gif);
}
#start {
  background-image:url(start.gif);
  background-position:5px 2px;
}

#left_navi h4 {
  padding:4px;
  margin:0px;
  background-color:#1777B0;
  color:#fff;
  font-size:12px;
  font-weight:bold;
}

#navi3 {
  list-style-type:none;
  margin:0px;
  padding:0px 0px 8px 0px;
  background-image:url(dot.gif);
  background-repeat:repeat-x;
  background-position:bottom left;
}

#navi3 li {
  background-image:url(navi3-bg.gif);
  background-repeat:no-repeat;
  padding:6px 4px 4px 24px;
}

#navi3 a {
  font-size:11px;
  font-weight:bold;
  color:#777;
}

#navi3 li.selected {
  background-image:url(navi3-bg-b.gif);
  background-color:#e6ebf5;
}

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

#navi3 ul li {
  margin:0px;
  padding:1px 0px 1px 8px;
  background-image:none;
  font-weight:normal;
}

#navi3 li a {
  font-weight:normal;
}

#navi2 a.selected,
#navi3 a.selected {
  font-weight:bold;
}

#left_navi address {
  font-size:10px;
  padding:8px;
  border:solid 1px #dbdbdb;
  margin:4px;
}

#left_navi address a {
  text-decoration:underline;
}

#content {
  float:left;
  width:384px;
  overflow:hidden;
  padding:0px 5px 0px 7px;
  background-image:url(dots.gif);
  background-repeat:repeat-y;
}

#content table {
  margin:8px 6px 8px 6px;
  border:solid 1px #8ac888;
  border-collapse:collapse;
}

#content th {
  padding:4px;
  background-color:#ebf4cb;
}

#content td {
  padding:4px;
  border:solid 1px #8ac888;
}

#content a {
  text-decoration:underline;
}

#content p {
  padding:8px 6px 8px 6px;
}

#content img.b {
  float:left;
  padding-right:20px;
}

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

#content li {
  padding:4px 16px 4px 24px;
  background-image:url(li-bg4.gif);
  background-repeat:no-repeat;
  background-position:8px 8px;
}

#content li a {
  font-weight:bold;
  text-decoration:none;
}

#content ol {
  margin:0px;
  padding:0px 0px 0px 24px;
}

#content ol li {
  padding:4px 0px 4px 0px;
  background-image:none;
}

#content .right {
  text-align:right;
}

#content form {
  margin:12px;
}

#intro {
  position:relative;
  background-repeat:no-repeat;
}

#intro h2 {
  margin:0px;
  padding:0px 0px 0px 24px;
  background-image:url(h3-bg.gif);
  background-repeat:no-repeat;
  background-position:2px 2px;
  font-weight:normal;
  font-size:16px;
}

#intro p {
  background-image:url(h3-bg.gif);
  background-repeat:no-repeat;
  background-position:2px 2px;
  text-indent:20px;
}

#more_news {
  clear:both;
  width:382px;
  display:block;
  padding-top:8px;
  background-image:url(dot.gif);
  background-repeat:repeat-x;
}

#news_end {
  clear:both;
}

#news {
  float:right;
  width:165px;
  overflow:hidden;
}

#news ul {
  list-style-type:none;
  margin:0px 0px 4px 0px;
  padding:0px;
}

#news li {
  padding:4px 16px 4px 24px;
  background-image:url(li-bg1.gif);
  background-repeat:no-repeat;
  background-position:8px 8px;
}

#news a {
  color:#000;
  font-size:11px;
  display:block;
}

#news small {
  font-size:10px;
  color:#777;
}

#news ul.a {
  background-color:#E9E9E8;
}

#news ul.c,
#news ul.b {
  background-color:#EBF4CB;
  border:solid 1px #CFEAB5;
}

#news ul.b li {
  background-image:url(li-bg2.gif);
}

#news ul.c li {
  background-image:url(li-bg3.gif);
}

#news h5 {
  margin:0px;
  padding:3px;
  background-image:url(h5-bg.gif);
  background-repeat:repeat-x;
  color:#fff;
  font-size:12px;
}

#news .right {
  text-align:right;
}

#kuvalinkki {
  padding:16px 0px 16px 0px;
  background-color:#EBF4CB;
  text-align:center;
}

#kuvalinkki img {
  border:none;
}

#page_end { clear:both }

/*
 *  FOOTER
 */
#footer { padding:4px }
#footer small { float:left;font-size:11px; }
#footer a { float:right;font-size:11px;color:#000;margin-left:12px }
#footer_end { clear:both; }

#printfooter { display:none; }


/*
 *  EVENTCALENDAR
 */
 
 
#today { padding:4px; text-align:right; }
#calendar { padding:2px; }
#calendar td, #caledar th { font-size:11px }
#calendar table { border:solid 1px #eee; }
#calendar p { margin:0px; padding:0px;}
#calendar .kalenteri-kk-header { background-color:#BCC890; }
#calendar .green-header-day { background-color:#EBF4CB; }
#calendar .green-row-header-week { background-color:#EBF4CB;  }
#calendar .green-row-header-week a { color:#808080; }
#calendar .green-data-nextmonth { background-color:#f0f0f0; }
#calendar .green-data-hasentry { background-color:#CFEAB5; }
#calendar .PcalDayThis { border:solid 1px #a0a0a0; }
#calendar .AcalDayThis { font-weight:bold; }


.form0 {
display:none;
visibility:hidden;
}