body {
  background: white;
  color: black;
  font-family: tahoma, sans-serif;
  margin: 0 auto;
  padding: 0;
}

body, td, th, input {
  font-size: 13px;
}

img {
  border: none;
}

th, td {
  vertical-align: top;
  padding: 1px;
}

applet {
  margin: 10px;
  display: block;
}

th {
  text-align: left;
  white-space: nowrap;
  padding: 1px 10px;
}

ul, ol {
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  margin: 1em 10px;
}

div#sivunavi li.active a {
  font-weight: bold;
}

div#sivunavi li.inactive a {
  font-weight: normal;
}

.maf-content a:link, .maf-content a:visited {
  color: #0070bc;
  text-decoration: underline;
}

.maf-content a:hover, .maf-content a:active {
  color: #0070bc;
  background: #fff300;
}


div#menu {
  width: 200px;
  float: left;
  margin: 10px 0;
}

#menu ul {
  margin: 0;
  padding: 10px;
  border: #ccc solid 1px;
}

#menu li {
  list-style: none;
  display: block;
  padding: 2px 10px;
  margin: 1px 0;
}

#menu li:hover,
#menu li.selected {
  background: #eee;
}

div#submenu { }

#submenu ul {
  margin: 0;
  padding: 20px;
}

#submenu li {
  list-style: none;
  float: left;
  margin: 2px 10px;
}

pre#maf-debug {
  color: #567;
  background: #cde;
  font-family: 'lucida console', monospace;
  font-size: x-small;
  padding: 20px;
  margin: 10px 0;
  clear: both;
}