html {
	background-image: url(images/tausta.jpg);
}

body {
	background: #ffffff;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: auto;
	border: 2px solid #212121;
	color: #000000;
	font-family: "Arial", "Times", "Verdana";
	font-size: 0.95em;
}

.header {
	padding: 5px;
	width: 800px;
}

p.navigation-bar {
	background-color: #212121;
	text-align: center;
	padding: 3px;
	font-size: 1.1em;
}

p.navigation-bar a:link {
	color: #ffffff;
	text-decoration: none
}

p.navigation-bar a:visited {
	color: #ffffff;
	text-decoration: none
}

p.navigation-bar a:hover {
	background-color: #ffffff;
	color: #4C0125;
	text-decoration: none
}

p.navigation-bar a:active {
	background-color: #ffffff;
	color: #4C0125;
	text-decoration: none
}


.keski {
	padding: 5px;
	width: 90%;
}

.footer {
	padding: 10px;
	width: 800px;
	font-size: 0.75em;
	border-top: 10px solid #212121;
}

h1 {
	color: #000000;
	font-family: "Arial", "Times", "Verdana";
	font-size: 1.5em;
}

/*
.keski_vasen {
	float: left;
	padding-left: 45px;
	width: 40%;
}

.keski_oikea {
	float: right;
	width: 40%;
}
*/

ul {
	margin-left: 0;
	padding-left: 0;
}

li {
	margin-left: 0;
	padding-left: 0;
}

.tietograf {
	border-style: outset;
	border-width: thick;
}