body {
	position:absolute;
	color:black;
	background-color:#DDDDDD !important;
	margin:0% 0% 0% 0%;
	padding:0%;
}

body div.menu {position: fixed}

p {
font-family: Times New Roman, Times, serif;
text-align : left;
margin-top: 1%;
margin-right : 4%;
margin-bottom: 1%;
margin-left : 10%;
}

.red {
color:#800080;
}
ol {
font-family: Baskerville, Times, Times New Roman, serif;
text-align : left;
margin-top: 1%;
margin-right : 4%;
margin-bottom: 1%;
margin-left : 10%;
}

h1 {
font-family: Baskerville, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
text-indent: 1%;
margin-top: 3%;
margin-bottom: 5%;
margin-left : 6%;
}

h2 {
font-family: Baskerville, Times, Times New Roman, serif;
font-weight : 300;
font-style : normal;
text-indent : 0.2%;
margin-top: 2%;
margin-bottom: 3%;
margin-left : 8%;
}

h3 {
font-family: Baskerville, Times, Times New Roman, serif;
font-weight : normal;
font-style : normal;
text-indent : 0.2%;
margin-top: 1%;
margin-bottom: 2%;
margin-left : 10%;
}

h4 {
font-family: Baskerville, Times, Times New Roman, serif;
font-weight : normal;
font-style : normal;
text-indent : 0.2%;
margin-left : 12%;
}

#wrapper {
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0%0% 0% 0%;
}

#headerV {
	width: 7%;
	height: 7em;
	background:#FFFFFF !important;
	float: left;
	overflow: hidden;
}

#headerK {
	width: 76%;
	height: 7em;
	background:#FFFFFF !important;
	float: left;
	left: 7%;
	overflow: hidden;
}

#headerO {
	width: 17%;
	height: 7em;
	background: #DDDDDD !important;
	left: 82%;
	overflow: hidden;
	clear:right;
}

#left {
	width: 7%;
	height: 190em;	
	background:#FFFFFF !important;
	float: left;
	left: 0%;
	overflow: hidden;

}

#middle {
	width: 76%;
	height: 190em;
	background:#FFFFFF !important ;
	float: left;
	left: 7%;
	overflow: hidden;

}

#mid_list {
margin-left: 10%;
list-style-type: none;
}

div.figure {
	float: left;
	margin-top: 2%;
	margin-right: 9%;
	margin-bottom: 1%;
	margin-left: 1%;
	padding:  0% 1px 0% 0% ;
}

div.figure p {
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

#sitaatti {
float: left;
width: 85%;
text-align : left;
border: thin silver solid;
margin-top: 1%;
margin-right: 3%;
margin-bottom: 1%;
margin-left: 5%;
padding: 1%;
}

#sitaatti p {
font-family: Times New Roman, Times, serif;
text-align: left;
font-size: smaller;
text-indent: 0;
}

q {
background-color: yellow; 
font-family: Times New Roman, Times, serif; }

qq {
background-color: aqua; 
font-family: Times New Roman, Times, serif; }

Q:lang(no)
{ quotes: '"' '"' "'" "'";
background-color: yellow; 
font-family: Times New Roman, Times, serif;}

Q:lang(no) 
{ quotes: "«" "»" "<" ">";
font-family: Times New Roman, Times, serif;
margin-right: 5%;
}

Q:before 
{ content: open-quote;}

Q:after 
{ content: close-quote;
}

/*div.figure {
	float: left;
	margin-top: 2%;
	margin-right: 9%;
	margin-bottom: 1%;
	margin-left: 1%;
	padding: 0% 0% 0% 8%;
}

div.figure p {
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}*/

#luettelo
{
list-style-type: none;
color: #0000C0;
background-color: #FFFFFF;
margin-left: 5%;
}

#tayte {
float: left;
margin-top: 15%;
margin-right: 15%;
margin-bottom: 15%;
margin-left: 15%;
visibility: hidden;
}
#right {
	background-color: #DDDDDD;
	padding: 10% 0% 0% 0%;
	width: 17%;
	height: 190em;
	left: 82%;
	z-index: 1;
	overflow: hidden;
	clear:right;

}

A:link {color: #0000C0; text-decoration: none; }

A:visited {color: #004040; text-decoration: none; }

A:active {color: #008000; text-decoration: none; }

#menu ul
{
margin-left: 3%;
padding: 1% 1% 5% 1%;
list-style-type: none;
font-family: Baskerville, Times, Times New Roman, serif;
}

#menu li
{ margin: 0;
list-style-type: none;
}

#menu a
{
display: block;
padding: 5px 10px;
width: 65%;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: .8em;
background-color: #DCDCDC;
}

#menu a:hover
{
color: #000000;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

#menu2 { 
margin-left: 5%;
list-style-type: none;
 }

#menu2 {
	list-style-type: none;
	font-size: 95%;
	line-height: 90%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom:2%;
	padding-left: 0%;
	text-align: left;
	left: 85%;
	background-color: #DCDCDC; 
	color: black;
}
#menu3 { 
margin-left: 7%;
list-style-type: none;
 }
#menu3 {

	list-style-type: none;
	text-decoration: none;
	font-size: 90%;
	line-height: 90%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom:2%;
	padding-left: 0%;
	text-align: left;
	left: 88%;
	background-color:#DDDDDD
}

#menu_loppu 
{ clear: both;
}

#footerV {
	width: 7%;
	height: 5em;
	background-color: #DDDDDD;
	float: left;
	left: 0%;
	bottom: 0%;
	overflow: hidden;
	position: fixed;
}

.merkki {
float: left;
margin-top: 5%;
margin-right: 1%;
margin-bottom: 1%;
margin-left: 10%;
}

#footerK {
	width: 76%;
	height: 5em;
	background-color: #DDDDDD;
	float: left;
	left: 7%;
	bottom: 0%;
	overflow: hidden;
	position: fixed;
}

#palaute {
text-align : justify;
}

#footerO {
	width: 17%;
	height: 5em;
	background-color: #DDDDDD;
	left: 82%;
	bottom: 0%;
	overflow: hidden;
	clear:right;
	position: fixed;
}