body
{
	background-color:#ffffff;
}
	
div#content
{
	border:2px dashed #99ffcc;
	max-width:80%;
	padding: 0.5em 1em;
	margin-left:25%;
	margin-right:10%;
	height:100%;
}

h1
{
	margin-left:25%;
	margin-right:30%;
	border-bottom:2px groove #ff1f8f;
}	

div#navi
{
	border:2px solid #99ffff;
	position:absolute;
	top:0;left:5%;
	width:15%;
	padding:0.5em;
	height:100%;
}

div#container
{
	position:relative;
}

/* --- PYSYVÄT LISTAELEMENTIT --- */
dl {
	margin-top: 0;
	padding-top: 0;
	padding-right: 0;
	line-height: 1.35;
	display:block;
}
dt {
	margin: 0.2em auto 0.2em 0;
	padding: 0;
}

/* --- STAATTISET LISTAEFEKTIT --- */
.static dd {
	position: static;
	top: 0px;
	display:block;
}

/* --- DYNAAMISET LISTAEFEKTIT --- */
dl.dynamic {
	width:400px;
}
dl.dynamic dt {
	line-height:1.35;
}
dl.dynamic dd {
	position:absolute;
	left:600px;
	width:250px;
	display:none;
	margin:0 0 0 8px;
	padding:0 4px 0 4px;
		/* end block rules */
	border: 2px dashed #3c86c7;
	font-size: 90%;
}
dt img {
	vertical-align: middle ;
}
/* dl.dynamic dt a {
	text-decoration: none ;
}
dl.dynamic dt a:first-line {
	text-decoration: underline !important;
} ei toimi */