html {
  overflow-y: scroll;
}

html, body {
  background-color: #d0c6b9;
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
  background-image: url(tausta2.png);
  background-repeat: repeat-x;
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 17px;
  color: #303030;
  padding: 20px 0;
}

p, h1, h2 {
  margin: 0;
  padding: 0;
}

/*
a.external {
  color: black;
  text-decoration: none;
  border-bottom: 1px dotted gray;
}
*/

a:visited {
    color: #404040;
}

a.more { 
    text-decoration: none;
    font-weight: bold;
    color: blue;
}

a:hover {
  color: blue;
  text-decoration: underline;
  border-bottom: none;
}

html>body #all { 
  height: auto; min-height: 100% 
}

div#all {
  background-color: white;
  margin: 0 auto;
  width: 54.5em;
  height: 100%;
  position: relative;
  box-shadow: 4px 4px 8px;
}

div#logo {
  float: left;
  height: 11em;
}

div#logo h1 {
  display: none;
}

div#logo img {
  margin: 2em 2em 1em 2em;
  width: 128px;
  border: none;
}

div#logo a {
  border: none;
}

div#intro {
  float: right;
/*  border: 1px solid black; */
  margin: 3em 1.5em 0 0;
}

div#intro p {
  font-size: 20px;
}

div#topNavi {
  margin: 0;
  padding-right: 1em;
  padding-bottom: 1em;
  position: absolute;
  text-align: right;
  width: 53em;
  top: 9em;
}

div#topNavi ul, div#topNavi li {
  display: inline;
  margin: 0;
  padding: 0;
}

hr#topDivider {
  clear: both;
  height: 2px;
/*  color: #694d4b; */
/*  background-color: slategray; */
/*  color: #402f24;
  background-color: #402f24;
*/
  border: none;
  margin: 0 1.5em 0em;
  padding: 0;
}

div.menu {
  margin: 0em 0em 0 1.4em;
  height: 1.2em;
  padding: 0;
}

div.menu ul, div.menu li {
  display: inline;
  margin: 0;
  padding: 0;
}

div.menu a, span#selected {
  width: 12em;
  margin: 0em 0.1em 0 0.1em;
  float: left;
}

div.column h2 a, div.menu a, span#selected {
  padding: 0.3em 0.0em 0.4em 0.8em;
}

span#selected {
  background-color: #00cc00;
  text-decoration: none;
  color: #101010;
  font-weight: bold;
}

img#mainImage {
  display: none;
  width: 12.5em;
/*  height: 30em; */
/*  border: 1px black solid; */
  margin: 1em 0.5em 1em 1em;
  clear: both;

  float: left;
}

div.column {
  width: 16.5em;
/*  border: 1px black solid; */
  margin: 0em -0.5em 0em 1.5em;
  float: left;
  line-height: 1.3;
}

div.column h2 {
  font-size: 100%;
  background-color: red;
}

div.column h2 a, div.menu a {
/*  background-color: #aa0088; */
  background-color: #008000;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fefefe;
}

div.column h2 a:visited, div.menu a:visited {
  color: #fefefe;
}

div.column h2 a:hover, div.menu a:hover {
  text-decoration: none;
  color: #fff;
}

div.column ul {
  margin-left: 0;
  padding-left: 0;
  list-style-position: inside;
}

div.column ul li {
  margin-left: 0;
  padding-left: 0;
}

div.column p {
  margin-bottom: 1em;
}

div.column li a {
/*  border-bottom-style: none; */
}

div.column p a:hover {
  background: blue;
  color: white;  
}

div#content {
  float: left;
  width: 51.5em;
  margin: 1em 1.5em;
  line-height: 1.4;
/*  border-top: 1px solid #402f24; */
}

div#content h2 {
  margin: 0 0 1em 0 ;
  padding: 0;
}

/*div#content li a {
  border: none;
}*/

div#content h3 {
}

div#content h3 a {
  text-decoration: none;
  border: none;
}

div#content p {
  margin-bottom: 1em;
}

p.up {
/*  text-align: right; */
  font-size: 12px;
}

p.up a {
  color: Gray;
  border-color: Gray;
}

p.up a:hover {
  color: Blue;
}

div.info {
  width: 13em;
  float: right;
  border: 1px solid #402f24;
  margin: 0em 0 1em 0.5em ;
  padding: 0.5em;
}

div#content div.info h2 {
  font-size: 100%;
}

div.info ul {
  margin: 0;
  padding: 0 0 0 1em;
}

div#bigInfo {
  clear: both;
  width: 20em;
  margin: 0 auto 0 auto;
  background: #e2e2ff;
  border: 1px solid #101010;
  padding: 1em;
  color: black;
}

div#bigInfo h2 {
  font-size: 100%;
  margin-bottom: 1em;
}

div.ie-fix {
  clear: both;
}

div.empty {
  clear: both;
  height: 5em;
}

div#footer {
  position: absolute; 
  bottom: 0; 
  width: 55em;
  padding-bottom: 1em;
  text-align: center;
}

hr#bottomDivider {
  clear: both;
  height: 1px;
  color: #101010;
  background-color: #101010;
  border: none;
  margin: 1em 1em 1em 1em;
  padding: 0;
}

div#footer p {
  font-size: 12px;
}

span.spam {
  display: none;
}