body {
  /* background-color:#dcdcdc; */
  background: #EEE url(/images/noise.png) 50% 50% repeat;
  font-size:11px; }

div {
  background-color:transparent;
  width:inherit;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif; }

p {
  margin:10px 5px 10px 5px;
  padding:0px 0px 0px 0px;
  line-height:1.3; }

img {
  border:none; }

table {
  border:0px; }

td {
  vertical-align:top; }

hr {
  background-color: #5F7797; }

ul {
  list-style: disc;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 5px; }

li {
  padding: 3px 0 3px 5px;
  margin: .4em 0; }

blockquote { 
  margin: 0px 15px 0px 15px;
  line-height:1.3; }

h4 {
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif; }

A:link {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color:#000000;}

A:visited {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color:#000000; }

A:active {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color:#5F7797; }

A:hover {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color:#5F7797; }


/* PÄÄNAVIGOINTIVALIKKO */

div.language {
  text-align:right;
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 0px; }

div.navigationblock span {
  margin:0px 10px 0px 4px; }

div.mainnavigation {
  padding:3px 0px 3px 0px; }

img.lan_pic {
  padding:0px 5px 0px 0px; }

div.topblock {
   background-image: url(../images/logo.jpg); 
   background-repeat: no-repeat; 
   background-position: 0px 0px; }

td.mainnavi span {
  background-color:#5F7797;
  padding:2.5px 5px 2.5px 5px;
  margin:0px 3px 0px 0px;
  z-index:100; }

td.mainnavi span.active {
  background-color:#354463; }

div.subnavigation {
  background-color:#354463;
  padding:3px 0px 3px 0px; }

div.breadcrumb {
  margin:3px 0px 3px 5px;
  font-style:italic;
  color:#354463; }

/* NAVIGOINNIN LINKIT */

A:link.mhref {
  background-color:transparent;
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  font-weight:bold;
  color:#e9f2fc;}

A:visited.mhref {
  background-color:transparent;
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  font-weight:bold;
  color:#e9f2fc; }

A:active.mhref {
  background-color:transparent;
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  font-weight:bold;
  color:#e9f2fc; }

A:hover.mhref {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  font-weight:bold;
  color:#e9f2fc; }

/*  GENERAL SIDEBLOCK */

div.sideblock {
  width:200px;
  margin:10px 0px 0px 0px; }

div.header {
  background-color:#354463;
}

div.title {
  height:18px;
  border:1px solid #354463;
  background-color:#354463;
  }

div.content {
  border-top:none;
  margin:1px 0px 0px 0px;
  background-color:#FFFFFF;
  border:1px solid #354463; }

.sideblock .content {
  border-top:none; 
  min-height:20px; }

div.headline {
  padding:3px 0px 3px 0px;
  width:auto;
  float:left; }

div.headline span {
  font-weight:bold;
  color:#e9f2fc;
  margin:5px 5px 5px 5px; }


div.openclose {
  width:auto;
  float:right; 
  margin:4px 5px 5px 3px; }

img.openclose {
  border:none;
  height:11px;
  width:11px; }

.sideblock .header .openclose img.openclose {
  background: url('../images/switch_minus.gif') no-repeat bottom; }

.sideblock.hidden .header .openclose img.openclose {
  background: url('../images/switch_plus.gif') no-repeat bottom; }

.hidden .content {
  display: none; }


/* PÄÄALUE */

td.mainarea .sideblock {
  width:auto;
  margin:10px 20px 10px 20px; }

td.mainarea .sideblock .mainblock {
  width:auto; 
  margin:0px 5px 5px 5px; }

td.mainarea .sideblock .mainblock#one_image {
  text-align:center; }

td.mainarea .sideblock .mainblock .image {
  width:550px; }

td.mainarea .sideblock .mainblock .image .image_layer {
  text-align:center;
  position:relative; 
  z-index:1; }

td.mainarea .sideblock .mainblock .image .olympus {
  z-index:2; 
  position:relative; 
  top:380px; 
  left:204px; }

td.mainarea .sideblock .mainblock table {
  border-collapse:collapse; }

img.article {
  float:right; 
  width:250px;
  border:1px solid #354463;
  margin: 8px 8px 8px 8px;
  padding:2px 2px 2px 2px; }

/* OIKEAN REUNAN ERIKOISUUDET */

.rightside .content {
  text-align:center; }

/* UUSIN KUVA */

img.newest {
  width:170px;
  height:100px;
  border:none;
  padding:5px 5px 5px 5px;
  border:1px solid #5F7797; }

div.picborder {
  width:inherit;
  padding:7px 0px 7px 0px;
  text-align:center; }

div.picinfo {
  width:inherit;
  padding:7px 0px 15px 0px;
  text-align:center; }

span.date {
  font-family:Georgia, Times New Roman, Times, serif; }

/* TUKIJAT */

img.sponsor {
  width:170px;
  border:none;
  padding:5px 0px 0px 0px;
  border:0px; }

div.sponsorborder {
  width:inherit;
  text-align:center; }

div.sponsorinfo {
  width:inherit;
  padding:0px 7px 7px 7px;
  text-align:center; }

/* UUTISET PALKKI */

div.post {
  padding:10px 0px 0px 10px; }

div.date {
  font-family:mono, Verdana, Arial;
  font-size:9px;
  font-style:italic;
  color:#999999; }

div.post {
  width:auto; }

div.post .name {
  font-family:Georgia, Times New Roman, Times, serif; }

A:link.news, A:visited.news {
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color: #000000; }

A:active.news, A:hover.news {
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color: #000000; }

div.readmore {
  margin:5px 5px 10px 10px; }

/* LOG IN FORM */

div.login {
  padding:10px 0px 0px 10px; }

.inputbox {
  border:1px solid #5F7797;
  background-color: #dcdcdc;
  font-family: Verdana,Geneva,sans-serif; 
  font-size: 11px; 
  width: 170px;
  margin:0px 0px 5px 0px; }

.button {
  color: #5F7797;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #CCCCCC;
  width: auto;
  background: url("../images/button_bg.png") repeat-x;
  padding: 0px 5px 0px 5px;
  line-height: 18px;
  line-height: 16px;
  height: 26px;
  height: 24px;
  margin: 3px 0px 10px 0px; }
  
.error {
  margin:0px 10px 10px 0px;
  font-family: verdana, arial, helvetica;
  color:#FF6600; }

.login .logged {
  font-weight:bold;
  margin:0px 25px 10px 0px;
  font-family: verdana, arial, helvetica;
  color:#000000; }

/* TUKIJAT SIVU */

td.image {
  vertical-align:middle;
}

div.commentbox {
  width:250px;
  background-color:#dcdcdc;
  margin:15px 15px 15px 15px; }

div.commentbox .text {
  width:auto;
  padding:5px 10px 5px 10px; }

/* FAQ KYSYMYKSET */

A:link.faq {
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color:#CC3333; }

A:visited.faq {
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color:#CC3333; }

A:active.faq {
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color:#FF6600; }

A:hover.faq {
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color:#FF6600; }

/* KOMMENTTI LOMAKE

.cominputbox {
  border:1px solid #5F7797;
  background-color: #e9f2fc;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 11px;
  width: 270px;
  margin:0px 0px 5px 0px; }
  */
/* DOKUMENTIT SIVU */

.documentations {
  line-height:1.5; }
  
.docheader {
   font-weight: bold; 
   line-height:1.5; }
   
/* FEEDBACK FORM */

.feedback {
  border:1px solid #5F7797;
  background-color: #dcdcdc;
  font-family: Verdana,Geneva,sans-serif; 
  font-size: 11px; 
  width: 300px;
  margin:0px 0px 5px 0px; }

/* IMAGE PAGE */

img.imagefromcamera {
  width:500px;
  height:375px;
  margin:10px 10px 10px 10px; }

.bg2 {
  padding:2px 0px 2px 2px;
  margin:0px 0px 5px 0px; 
  background-color:#dcdcdc; }

.bg1 {
  padding:2px 2px 2px 2px;
  margin:0px 0px 5px 0px; }

/* VIDEO PAGE */



/* SEARCH */

.small_select {
 width:60px; }

.medium_select {
 width:80px; }

.large_select {
  border:1px solid #5F7797;
  background-color: #dcdcdc;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 11px;
  width: 350px;
  margin:0px 0px 5px 0px;
  height:80px;
  overflow:auto; }

div.selected {
  border:1px solid #5F7797;
  background-color: #dcdcdc;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 11px;
  width: 170px;
  margin:0px 0px 5px 0px;
  height:80px;
  overflow:auto;
  float:left; }

table.search_table img {
  cursor: pointer;
  border:0; }

table.search_table #kalenteri_3 {
  float:right;
}

A:link.search {
  background-color:transparent;
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color:#000000;}

A:visited.search {
  background-color:transparent;
  text-decoration: none;
  font-family: verdana, arial, helvetica;
  color:#5F7797; }

A:active.search {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color:#FF6600; }

A:hover.search {
  background-color:transparent;
  text-decoration: underline;
  font-family: verdana, arial, helvetica;
  color:#FF6600; }

div.result_navigation {
  margin:15px 0px 10px 0px;
  text-align:center; }

div.result_navigation table {
   width:100%;
   line-height:1.3; }

div.navi_left_active a:link, div.navi_left_active a:visited,
div.navi_right_active a:link, div.navi_right_active a:visited,
.navi_center a:link, .navi_center a:visited  {
  background-color:transparent;
  font-size:10px;
  text-decoration: none;
  color:#000000;}

div.navi_left_active a:active, div.navi_right_active a:active, .navi_center a:active {
  background-color:transparent;
  font-size:10px;
  text-decoration: none;
  color:#000000; }

div.navi_left_active a:hover, div.navi_right_active a:hover,.navi_center a:hover {
  background-color:transparent;
  font-size:10px;
  text-decoration: underline;
  color:#000000; }

div.navi_left_inactive, div.navi_left_active {
  float:left;
  text-align:left;
  width:110px;
  color:#666666;
  white-space:nowrap; }

div.navi_right_inactive, div.navi_right_active {
  float:right;
  text-align:right;
  width:110px;
  color:#666666;
  white-space:nowrap; }

.navi_center {
  float:center; }

div.navi_left_inactive img, div.navi_left_active img,
div.navi_right_inactive img, div.navi_right_active img {
  margin:0px 5px 0px 5px; }
  
div#navi_image {
  margin: 0 0 0 0;
  width:inherit;
}

div#navi_image table {
  width:500px;
}

ul.error {
  padding:5px 10px 5px 10px;
  margin:0px 10px 10px 10px;
  border:1px solid #FF6600;
  list-style:none; }

ul.locations {
  padding:2px 5px 2px 5px;
  margin:0px 0px 0px 10px;
  border:1px solid #666666;
  background-color: #dcdcdc;
  list-style:none;
  line-height:1.2em; }

ul.locations li {
  padding: 0 0 2px 0;
  margin: 0 0 0 0; }

ul.locations > li:first-child {
  font-weight:bold; }

.sponsorborder {
  margin: 0 0 5px 0; }

/* PROJECT GROUP */
table#yhteystiedot tr td {
  line-height:2; }

.blogi { padding:0; margin:0; padding-bottom:10px; border-bottom:1px solid #666666; }
.blogi img {
border:1px solid #354463;
margin: 8px 8px 8px 8px;
padding:2px 2px 2px 2px; 
text-align:center; }

.blogi h4 { font-size:16px; font-weight:bold; margin-bottom:0; padding-bottom:0; }
.blogi p { font-size:13px; }

table.projektiryhma { border:1px solid #5F7797; margin-top:5px; }

table.projektiryhma tr td { padding-left:10px; }