body {
  font-family: arial, helvetica, sans-serif;
  font-size: 90%;
  text-align: center;
  color: rgb(50,50,50);
  margin: 0.5em 0 0;
}

#main {
  width: 57em;
  text-align: left;
  margin: 0 auto;
  max-width: 100%;
}

#header {
  background: 0 2.6em no-repeat url(logo.png);
  clear: both;
  height: 83px;
  padding-bottom: 1em;
}

#cntnt01moduleform_1 { /* haku */
  margin-top: 33px;
  clear: right;
  float: right;
}

#skiplinks, #skiplinks li, #languages, #languages li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#skiplinks {
  float: left;
  font-size: 80%;
}

#languages {
  float: right;
  font-weight: bold;
  color: rgb(40,73,7);
  font-size: 80%;
}

#languages a {
 font-weight: normal;
 padding-left: 0.2em;
}

#nav, #nav1 {
  background: 75% 0 no-repeat url(header.jpg) black;
  padding-top: 110px;
  clear: both;
  margin-bottom: 1em;
}

#nav ul, #nav1 ul {
  display: block;
  background: white 0 0 repeat-x url(greenborder.png);
  list-style: none;
  height: 2.3em;
  margin: 0;
  padding: 0;
}

#nav ul li, #nav1 ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

#nav a, #nav1 a, #nav .currentpage h3, #nav1 .currentpage h3 {
  float: left;
  padding: 0.5em;
  border-top: 6px solid rgb(92,131,47);
}

#nav .currentpage h3, #nav1 .currentpage h3 {
  font-weight: bold;
  border-top: 6px solid rgb(40,73,7);
  color: rgb(40,73,7);
}

#nav a.activeparent, #nav1 a.activeparent {
  font-weight: bold;
  border-top: 6px solid rgb(40,73,7);
  color: rgb(40,73,7);
}

#nav a span, #nav1 a span {
 position: absolute;
 left: 50%;
 margin-left: -28.5em;
 top: 3em;
 width: 416px;
 height: 50px;
 cursor: pointer;
}

#nav2 {
  width: 18em;
  float: left;
  display: inline;
  padding-bottom: 2em;
}

#nav2 ul, #nav2 li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  border-top: 1px solid rgb(50,50,50);
}

#nav2 li {
  border-top: none;
  border-bottom: 1px solid rgb(50,50,50);
}

#nav2 a, #nav2 li.currentpage {
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  text-decoration: none;
}

#nav2 ul ul {
  border: none;
  margin: 0 0 0.4em 1em;
}

#nav2 ul li.currentpage ul {
  border: none;
  margin: 0.4em 0 0 1em;
}

#nav2 ul ul li {
  border: none;
  margin: 0;
  padding: 0;
  background: 0 0.6em no-repeat url(dash.png);
}

#nav2 ul ul a, #nav2 ul ul h3 {
  padding: 0.1em 0 0.1em 10px;
}

#nav2 ul ul .currentpage {
  padding: 0;
}

#nav li dfn, #nav1 li dfn, #nav2 li dfn, .tosu li dfn, .toke li dfn, .structural, .news-morelink span, .two-col #breadcrumb {
  display: block;
  width: 0;
  height: 0;
  border: 0;
  font-size: 0;
  overflow: hidden;
  position: absolute; /* IE ei tajua muuten kuin tällä */
  color: white;
}

#nav li h3, #nav1 li h3, #nav2 li h3 {
  font-size: 100%;
  font-family: arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#nav2 .currentpage h3 {
  font-weight: bold;
}

#breadcrumb, #content {
  width: 35em;
  float: right;
  display: inline;
  margin-right: 2em;
}

#content {
  line-height: 1.3em;
  padding-bottom: 2em;
}

#breadcrumb {
  font-size: 80%;
  margin: 0 0 1.25em 0;
  float: left;
  padding-left: 2.5em;
  width: 42em;
}

body.two-col #breadcrumb {
  width: auto;
  float: none;
  display: block;
  clear: both;
  margin-left: 0;
  padding: 0;
}

body.two-col #content {
  width: 100%;
  border-top: 1em solid white;
  float: none;
  display: inline;
}

#primary {
   width: 28em;
   float: left;
   display: inline;
   padding-bottom: 2em;
}

.no-nav #nav2 {
 display: none;
}

.no-nav #content, .no-nav #breadcrumb {
 float: left;
 padding-left: 0;
 margin-left: 0.5em;
}

#news {
   width: 23em;
   float: right;
   display: inline;
   padding-bottom: 2em;
}

div.attention, div.disclaimer, div.error {
  background: 5px 5px no-repeat url(attention.png) rgb(217,0,0);
  padding: 1em 1em 1em 56px;
  margin: 1em 0;
  color: white;
}

div.error ul, div.error li {
 list-style: none;
 margin: 0;
 padding: 0;
}

div.attention *, div.disclaimer *, div.error * {
  color: white;
}

div.invalid {
 border: 1px solid rgb(200,0,0);
 padding-bottom: 0.5em;
}

div.invalid-info {
 font-weight: bold;
 color: rgb(200,0,0);
 padding-left: 0.5em;
}

div.invalid textarea, div.invalid input {
 background: rgb(255,230,230);
}

#lastedited {
 font-size: 80%;
}

#footer {
  clear: both;
  border-top: 1px solid rgb(50,50,50);
  padding-top: 1px;
}

#footer ul, #footer li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#footer ul {
  /* tytyy kytt ul:n marginia, koska #footerin padding saa aikaan reunusta ylreunaan */
  margin-top: 0.5em;
}

#footer-utils {
  float: left;
}

#footer-utils li {
  margin-right: 0.5em;
}

#footer-credits {
  float: right;
  border-bottom: 1em solid white;
}

#footer-credits li {
  display: block;
  text-align: right;
}

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

#newslist li.news-info {
  margin-bottom: 1em;
}

ul.news-info, ul.news-info li {
 padding: 0;
 margin: 0;
 display: inline;
 color: rgb(40,40,40);
}

ul.news-info {
 font-size: 80%;
 display: block;
 margin-bottom: 1.25em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0;
  font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
  font-weight: normal;
}

h1, #news h2 {
  margin: 0;
  font-size: 1.7em;
  color: rgb(40,73,7);
}

.fulltext .news-summary {
 font-weight: bold;
}

.two-col h1, .two-col #news h2 {
  margin: 0.5em 0 0 0;
}

#nav2 .catlist a {
  display: inline;
  padding: 0;
  text-decoration: none;
}

#nav2 .catlist span {
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  text-decoration: none;
}

#nav2 .catlist span.inactive {
  color: rgb(150,150,150);
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
}

img {
  max-width: 105%; /* ettei mene oikeanpuoleisen sarakkeen alle */
}

#content a {
 /* Suurennetaan linkkialueita */
 position: relative;
 padding: 0.25em 0 0.35em;
 z-index: 1;
}

a:link {
  color: rgb(40,73,7);
}

a:visited {
  color: rgb(40,40,40);
}

a:hover, a:active {
  color: rgb(162,187,133);
}

/* Taulukot */

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}

th {
 text-align: left;
}

tbody th, td {
  border: 1px solid rgb(92,131,47);
}

.odd th, .odd td {
 color: rgb(0,0,0);
 background: rgb(194,211,175);
}

ul {
  list-style-type: disc;
}

ul.filelist, ul.filelist li {
 margin-left: 0;
 padding-left: 0;
 display: block;
 list-style: none;
}

/* Lomakkeet */

#content form {
 margin: 1em 0;
}

#content .text label, #content .textarea label {
 display: block;
 width: 30%;
 padding-right: 0.5em;
 float: left;
 text-align: right;
}

#content .text input, #content .textarea input {
 width: 60%;
}

#content form div {
  margin: 0.5em 0;
}

#content .textarea textarea {
  width: 60%;
}

#content .submit {
  margin-left: 30%;
}

#content .submit input {
 width: auto;
 margin-left: 0.5em;
}