
/* Hakemisto elements */

.columns {
  display: block;
  width: 94%;
  margin: auto;
  padding-left: 3%;
  padding-bottom: 2%;
  
  background-image: url("/img/linkbg.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #fff;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.columnbox {
  display: block;
  float: left;
  width: 49%;
  }
  
.column {
  display: inline;
  float: left;
  width: 25%;
  _width: 23%; /* IE hack */
  padding-bottom: 0.5%;
  } 
/*
.column1, .column2 {
  display: inline;
  }

.column1 {
  float: left;
  width: 45%;
  padding-bottom: 0.5%;
  }

.column2 {
  float: left;
  width: 45%;
  margin-left: 4%;
  padding-bottom: 0.5%;
  }
*/
.rightmenu .rightcontent {
  padding-top: 1%;
  }

/* Hakemisto liststyles */

.hakemisto dt {
  margin: 1% 6%;
  padding: 0;
  }
 
.hakemisto dd {
  margin-left: 8%;
  padding: 0;
  }




.hakemisto  .nestedList ul,
.hakemisto  .nestedList li
{
  position: relative;
  margin: 0;
  padding: 0;
}

.hakemisto .nestedList li {
  font-weight: bold;
}

.hakemisto .nestedList li li {
  font-weight: normal;
}

.hakemisto  .nestedList ul span {
  position: relative;
  left: 0;
}

.hakemisto  .nestedList .toggleTol {
  position: absolute;
  right: 0;
}


.hakemisto .nestedList .toggleTolAll {
  position: absolute;
  right: 0;
  top: -2em;
}

.hakemisto .toggleTol,
.hakemisto .toggleTolAll {
  background: #f7f7f7;
  padding: 0.2em 0.5em;
  margin: -0.2em -0.5em;
  font-weight: normal;
  cursor: pointer;
  width: 9em;
  text-align: right;
  font-size: 85%;
}

.hakemisto .nestedList strong {
  display: block;
  width: 8em;
  position: relative;
  float: left;
  clear: right;
}

.hakemisto .nestedList ul ul {
  margin-bottom: 0.5em;
}

.hakemisto .nestedList ul ul strong {
  font-weight: normal;
}
