body 

{
	background-color: #ffffff;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: 13px "Arial", sans-serif, monospace;
	*font-size: small;
	*font: x-small;
}

	div#docu 
	{
		font-size: 92.4%;
		/* yläraja */
		margin: 5em auto;
		padding: 0px;
		width: 56em;
		text-align: left;
		border: 1px solid; 
	}
	
		div#header 
		{
			width: 100%;
			margin: 0px;
			height: 1em;
			min-height: 66px;
			padding: 1em 0em 0.5em 0em;
		}

			img#logo
			{
				margin: 0px;
				padding: 0px;
				width: 273px;
				height: 66px;
				float: left;
			}
			
	.headerlinks {
		height:15;  
		cursor: default;
		padding: 0 1px; 
		text-align:center;
		background: #a4c5ff;
		color: #fff;
	}
	
	.headerlinks ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		border: 0px solid;
		border-color: red;
	}
	
	.headerlinks li {
		margin: 0 -2px;                /* 0 0 for IE, 0 -2 for others */
		padding: 0px 14% 0px 5px;
		text-align: center;
		display: inline;
		border-left: 2px solid;
		border-right: 0px dotted;
	}
	
	.headerlinks li#active {
		color: #fff;
		background-color: #a5a5a5;
	}
	
	.headerlinks li#active a {
		color: #fff;
	}
	
	.headerlinks a {
		text-decoration: none;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}

		div#leftnavigation
		{
			margin: 1em 0em;
			float: left;
			width: 14em;
		}

			div#leftnavigation p
			{
				margin: 1em 0em;
			}

			div#leftnavigation a
			{
				font-weight: bold;
				color: #000000;
				text-decoration: none;
			}

			div#leftnavigation a:hover
			{
				color: #0000ff;
				text-decoration: underline;
			}	

		div#bodytext
		{
			margin: 2em 0em;
			padding: 0em 0em 1em 0em;
			width: 41em;
			float: right;
			color: #333333;
		}

			div#bodytext h1
			{
				margin: 0em 0em 2em 0em;
				padding: 0em 0em 0.5em 0em;
				color: #000000;
				font-weight: bold;
			}

			div#bodytext h2
			{
				margin: 0em 0em 2em 0em;
				padding: 0em 0em 0.5em 0em;
				color: #000000;
				font: 14px "Arial", sans-serif, monospace;
				font-weight: bold;
			}

			div#bodytext h3
			{
				margin: 0em 0em 1em 0em;
				padding: 0em 0em 0.25em 0em;
				color: #000000;
				font-weight: bold;
			}
			
			div#bodytext ul 
			{
				margin: 0;
				padding: 0em 0em 0em 1.5em;
				list-style: disc;
			}

			div#bodytext p
			{
				margin: 0em 0em 1em 0em;
				color: #333333;
			}

	.quest {
		font-style: italic;
		/* Ei vaikutusta */
		margin: 0em 0em 0em 0em;
	}

		div#footer
		{
			clear: both;
			color: #666666;
			margin: 0em 0em 5em 0em;
			border: 1px solid;
			/* Testi */
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 8px;
			font-style: normal;
			text-decoration: none;
			font-weight: bold;
			color: #a5a5a5;
		}

			div#footer ul
			{
				display: block;
				text-align: right;
				margin: 0em;
				padding: 0em 0em 0em 0em;
			}

			div#footer li,

			div#footer p
			{
				display: inline;
			}

				div#footer a
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 8px;
					font-style: normal;
					font-weight: bold;
					color: #a5a5a5;
					text-decoration: none;
				}

				div#footer a:hover
				{
					color: #666666;
					text-decoration: underline;
				}

	.hidden {

		display: none;

	}