html {
  margin: 0;
}

body {
/*
  background: white;
  color: black;
  background: black;
*/
  background: #020202;
  color: gray;
}

h1 {
  font-family: "times", "Times New Roman", serif;
/*
  color: black;
*/
  color: white;
  /*text-align: left;
  margin-left: 5em;
  margin-left: auto;
  margin-left: 6em;
  */
  border: 2px white solid;
  padding: 0.2em;
}

h2 {
  font-family: "times", "Times New Roman", serif;
  color: white;
  text-align: left;
  padding-left: 0.7em;
  font-size: 2em;
  border-bottom: 2px solid gray;
}

h3,h4,h5 {
  font-family: "times", "Times New Roman", serif;
  color: white;
  text-align: left;
  margin-left: 1em;
  background: transparent;
}

hr {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
}

p {
  margin: 8px;
}

pre {
  margin: 10px;
}

small {
  font-size: 10px;
  margin-left: 8px;
}

a {
  font-family: "times", "Times New Roman", serif;
  font-weight: bold;
  color: white;
}

a:link {
  color: white;
  background-color: transparent;
}

a:visited {
  color: silver;
  background-color: transparent;
}

a:active, a:hover {
  color: black;
  background-color: white;
  text-decoration: none;
}

.bold {
  font-weight: bold;
}

table.koodi th {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px dashed white;
}

div.linkit {
  text-align: center;
}

img {
	border: 0px;
}

.hide {
  display: none;
  color: white
}

div.map { 
  width: 11em; height: auto;
  font-size: small;
}

.uusi {
	/*
	background: #D99;
	*/
	color: white;
	background: red;
}

tr.pariton {
	/*
	background: #AAB;
	background: gray;
	*/
	background: white;
}

tr.parillinen {
}

div#menu {
	position: absolute;
	width: 10em;
	min-width: 8em;
	left: 5px;
	border: 2px solid white;
	/*margin-top: 1.5em;*/
	margin-right: 0.5em;
	margin-left: 0.2em;
  	text-align: left;
	padding-left: 0.5em;
	
/*
	background: black;
	color: white;
	font-size: small;
	padding: 1px;
*/
}

div#menu ul {
	list-style: none;
}
div#menu li {
}

div#menu a {
	font-family: "times", "Times New Roman", serif;
	font-weight: bold;
	font-size: small;
	color: white;
	text-decoration: none;
}

div#menu a:link {
	color: white;
	background: transparent;
	font-size: small;
	text-decoration: none;
}

div#menu a:visited {
	color: gray; 
	background: transparent;
	font-size: small;
	text-decoration: none;
}

div#menu a:hover,
div#menu a:active {
	color: black; 
	background: white;
	font-size: small;
	text-decoration: none;
}

span.under {
	text-decoration: underline;
}

#leftcolumn {
	/*float: left;*/
	width: 37em;
	min-width: 16em;
	border: 1px solid gray;
	/*margin-left: 1em;*/
}

#rightcolumn {
	/*float: left;*/
	width: 37em;
	min-width: 16em;
	border: 1px solid gray;
	margin-top: 2em;
	/*margin-left: 1em;*/
}

body {
	text-align: center;
}

#fullcolumn {
	/*float: left;*/
	/*width: 75%;*/
/*
	width: 37em;
*/
	border-left: 1px solid gray;
/*
	border: 1px solid black;
*/
	/*margin-right: 3em;*/
/*
	margin-left: auto;
*/
	margin-left: 12em;
	margin-right: auto;
	margin-bottom: 2em;
	text-align: left;
}

div.clearer {
	clear: left;
}

div#copy {
	/*margin-left: 12em;*/
	border-top: 1px solid gray;
}

div.chapter {
	margin-left: 2.0em;
	margin-bottom: 1.5em;
}

b {
	color: white;
}

div#naama {
	text-align: right;
}