body {
  text-align:left;
}

h1 {
 text-align:center;
}
h2 {
 text-align:center;
}
h3 {
 text-align:center;
}
h4 {
 text-align:center;
/* padding-bottom:0;
 margin-bottom:0;*/
}
p {
 text-align:left;
/*  margin-left:5%;
  margin-right:5%;*/
}


img {
 border-width:1px;
 border-style:solid;
/* padding:1%;*/
}

ul {
	margin-top:1px;
        margin-bottom:1px;
  /*margin-left:9px;*/
margin-left:0px;
	padding-left:3%;
  margin-right:0;
  padding-right:0;
  border-right:0;
  text-align:left;
}

li {
 list-style-position: inside;
/*	list-style:outside;*/
  margin-top:10px;   
  margin-bottom:10px;
  padding-right:0;
  border-right:0;
  text-align:left;
}

ul li {
	list-style-type:square;
	font-weight:normal;
}

li.basic {
list-style-image:url("bullet.png");
	list-style-type:square;
  margin-top:2px;
  margin-bottom:2px;
}




div.basetop {
  position: fixed;
  width:auto;
  height:auto;
  right:0em;
  top:0em;
  left:auto; 
    background-color:#ffffff;
        margin-top:0;
        margin-bottom:0;
	margin-left:1%;
	margin-right:1%;
	padding-top:2px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:2px;
	font-weight:normal;
text-align:right;
  border-width:thin;
  border-style:solid;
  border-color:#dddddd;
}

a {text-align:left;}

:link { color: navy; text-decoration:none;}
:visited { color: blue; text-decoration:none; }
a:active { color: navy; text-decoration:none;}
a:hover {color: navy; text-decoration:underline; }

.sub { display: none; } .subexp {display: block; } .sub { display: none; } .subexp {display: block; } li.exp { list-style-image:url("plus.png"); list-style-type:square; margin-top:10px; margin-bottom:10px; cursor:pointer; } li.col { list-style-image:url("minus.png");list-style-type:square;  margin-top:10px; margin-bottom:10px; cursor:pointer; } li.exp_active { list-style-image:url("plus.png"); list-style-type:square; margin-top:10px; margin-bottom:10px; background-color:#eeeeff; cursor:pointer; } li.col_active { list-style-image:url("minus.png"); list-style-type:square; margin-top:10px; margin-bottom:10px; background-color:#eeeeff; cursor:pointer; /* if not included, bullets are not shown right in moz*/ } li.basic_active { list-style-image:url("bullet.png"); list-style-type:square; background-color:#eeeeff; margin-top:2px; margin-bottom:2px; }

.huomautus {
	border:1pt solid red; padding:5pt; FONT-SIZE: 13pt; COLOR: navy; LINE-HEIGHT: 15pt; FONT-FAMILY: Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none; 
      
}