html {
height: 100%;
}

body {
background:#dde0e2 url(kuvat/note.jpg) repeat-y;
color:#000000;
font-family:arial,verdana,times new roman; 
font-size:12px;
font-weight:normal; 
font-style:normal;
margin: 0;
padding: 0;
text-align:left;
}

.wrapper{
background:#dde0e2;
margin: 0;
width: 900px;
border-width:0px; 
padding: 0;
}

.top {
background:#dde0e2;
height:10px; 
width:900px;
border: 0; 
padding: 0; 
margin: 0;
}

.ots {
background:#00709a url(kuvat/otsikko.jpg);
height:150px; 
width:900px;
border: 0; 
padding: 0; 
margin: 0;
}

.otsikko {
color:#dde0e2;
text-align: left;
padding: 10px 0 0 750px; 
}

.asia {
width: 900px;
margin: 0;
}

.asiak {
margin: 0 5px 0 5x;
border-width:0;
padding:0; 
}

.vasen {
width: 300px;
float: left; 
text-align:left;
margin: 0;
border-width:0; 
padding: 0;
}

.keski {
width: 400px;
float: left; 
text-align:left;
margin: 0;
border-width:0; 
padding: 0;
}

.oikea {
width: 200px;
float: right; 
text-align:left;
margin: 0;
border-width:0; 
padding:0;
}

.apu {
clear:both;
color:#adc297;
height:1px; 
width:900px;
margin: 0;
padding: 0;
}

.footer1 {
height:90px; 
width: 900px;
background-color:#00709a;
font-size: 100%;
color:#ffffff;
text-align:left; 
margin: 0;
border: 0; 
padding: 10px 0 0 0;
}

.box1 {
background:#d6dadc;
width: 285px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
border-width:1px;
border-color:#B5B3B0; 
border-left-color:#ffffff; 
border-top-color:#ffffff; 
border-style:solid;
text-align:left;
}

.box2 {
background:#d6dadc; 
width: 392px; 
margin: 20px 0px 10px 0px; 
padding: 0px 0px 0px 0px; 
border-width:1px; 
border-color:#B5B3B0; 
border-left-color:#ffffff; 
border-top-color:#ffffff; 
border-style:solid; 
text-align:left; 
}

.box3 {
background:#dde0e2;
width: 185px;
padding: 0 0 0 10px;
border-width:0px;
}

.box4 {
background:#dde0e2;
width: 160px;
padding: 0 0 0 30px;
border-width:0px;
}

.box5 {
background:#d6dadc;
width: 180px;
margin: 5px 0px 0px 12px;
padding: 0px 0px 0px 0px; 
border-width:1px;
border-color:#B5B3B0; 
border-left-color:#ffffff; 
border-top-color:#ffffff; 
border-style:solid;
text-align:left;
}

.image1{
background:#ffffff;
margin: 0;
border-width:1px;
padding:2px; 
border-color:#B5B3B0;
border-style:solid;
}

.image2{
background:#ffffff;
margin: 15px 0px 0px 10px;
border-width:1px;
padding:2px; 
border-color:#B5B3B0;
border-style:solid;
}

h2 {
color:#00709a;
font-family:georgia,arial,verdana,times new roman; 
font-size:150%;
font-style:normal;
text-align:center;
} 

a {
text-decoration:none;
color:#00709a;
} 

a:hover{
color:#000000;
}

.a2 {
text-decoration:none;
color:#ffffff;
text-align:left;
} 

.maili {
background:#d6dadc;
text-align:left; 
margin: 0; 
padding: 0px; 
border-width:1px; 
border-color:#B5B3B0; 
border-style:solid; 
}

/* Navigointi */

ul#navmenu {
	float:left; 
	padding: 5px 0 0 0;
	margin: 0;
	border: 0;
	font-size:120%;
	width:900px;
	
	background:#d6dadc url(kuvat/menu.gif); 
	list-style: none;
}

ul#navmenu li {
	float: left; /*For Gecko*/
	display:inline;
	list-style:none;
	margin: 0;
	border: 0;
	position: relative;
	height: 22px;   /* 27 */
	z-index: 5;
}

ul#navmenu ul {
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 1px solid #b5b3b0;
	width: 14em;  /* Kuinka pitkä on aukeavan alivalikon pituus */
	font-size:12px;
	list-style: none;
	display: none;
	position: absolute;
	top: 22px;  /* Kuinka iso väli on aukeavan alivalikon ja päävalikon välissä. */
	left: 0;
	background: #d6dadc;
	color: #00709a;
	float: none;
	z-index: 5;
}

ul#navmenu ul li {
	float: none;               /*For Gecko*/
	display: block !important;
	display: inline;           /*For IE*/
	height: 100%;              /* Alivalikkojen korkeus */
	padding: 0;
	margin: 0;
}

/* 1. Menu */

ul#navmenu a {
	float: none !important;   /*For Opera*/
	float: left;              /*For IE*/
	display: block;
	text-decoration: none;
	height: auto !important;
	height: 100%;             /*For IE*/
	padding: 0 0 0 20px;	
	margin: 0;
	color: #00709a;
	text-align:left;
}

ul#navmenu a:hover {
	background:#ffffff; 
	color: #000000;
}


/* 2. Menu */

ul#navmenu li li a {
	float: none;
	background:#d6dadc;
	color: #00709a;
	border-bottom: 0px solid #000000;
	border-right: none;
	padding: 1px 0 1px 10px;
}


/* 3. Menu */

ul#navmenu li li li a {
	background:#d6dadc;
	color: #00709a;
	border-bottom: 0px solid #000000;
	border-right: none;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 14.1em;   /* Kuinka kauaksi toinen alavalikko aukeaa vasemmalle/oikealle. */
	z-index: 91; /* Firefoxia varten */
}

/*
.ots4 {
background-color:#adc297;
background-image:url(kuvat/ots4.jpg); 
height:158px; 
border-width:0px; 
padding: 0 0 0 0; 
}

.ots5 {
background-color:#adc297;
background-image:url(kuvat/ots5.jpg); 
height:158px; 
border-width:0px; 
padding: 0 0 0 0; 
}

.ots6 {
background-color:#adc297;
background-image:url(kuvat/ots6.jpg); 
height:158px; 
border-width:0px; 
padding: 0 0 0 0; 
}

.ots9 {
background-color:#adc297;
background-image:url(kuvat/ots9.jpg); 
height:158px; 
border-width:0px; 
padding: 0 0 0 0; 
}

.viiva {
clear: both;
background-color:#5b8b5b;
height:2px; 
border-width:0; 
padding: 0;
margin: 0 0 2px 0; 
}

.viiva2 {
background-color:#5b8b5b;
height:2px; 
border-width:0; 
padding: 0;
margin: 2px 0 2px 0; 
}

.table2 {
background-color:#a5bc90;
font-family:verdana,arial; 
font-size: 100%;
text-align:left;
margin: 15px 0 0 15px;
border-collapse:separate;
border-width:1 px;
border-color:#5b8b5b; 
border-style:solid;
padding:2px; 
}

.table3 {
background-color:#adc297;
font-family:verdana,arial; 
font-size: 100%;
text-align:left;
margin: 10px 0 0 15px;
border-width:0;
padding:0; 
}

.menu {
background:#ffffff url(kuvat/menu.gif); 
color:#cccccc; 
height:27px;
font-size:120%;
text-align:left;
word-spacing: 20px;
border-width: 2px 0 0 0;
border-color:#fffff;
border-style:solid; 
padding: 5px 0 0 20px;
margin: 0;
}

.menu {
background:#ffffff url(kuvat/menu.gif); 
color:#cccccc; 
height:27px;
font-size:120%;
text-align:left;
word-spacing: 20px;
border-width: 0 0 0 0;
border-color:#ffffff;
border-style:solid; 
padding: 5px 0 0 20px;
margin: 0;
}

.asiao {
margin: 0 0 0 10px;
border-width:0; 
padding:0;
}

h1 {
color:#ffffff;
font-size:400%;
font-family:garamond,times new roman,arial; 
font-style:normal;
margin: 20px 0 0 0;
text-align:left;
} 

h22 {
color:#0000ff;
font-size:180%;
font-weight:bold;
font-style:normal;
margin: 20px 0 15px 20px;
} 

h3 {
color:#0000ff;
font-size:125%;
font-weight:normal;
font-style:normal;
margin: 20px 5px 0px 5px;
} 

dl {
color:#000000;
font-size:100%;
font-weight:normal;
font-style:normal;
margin: 10px 0 0 15px;
} 

.a3 {
text-decoration:none;
color:#ffffff;
} 

.asiav {
margin: 0 10px 0 0;
border-width:0;
padding:0; 
}

.box0 {
background:#00709a;
width: 285px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
border-width:1px;
border-color:#B5B3B0; 
border-style:solid;
text-align:left;
}

.box3 {
background:#d6dadc;
width: 180px;
margin: 20px 0px 0px 15px;
border-width:1px;
border-color:#B5B3B0; 
border-style:solid;
}

.vali {
height:16px;
width:900px;
background:#adc297 url(kuvat/bg3.jpg) repeat;
border-width:0;
padding:0;
margin:0; 
}

.footer2 {
height:20px; 
width: 900px;
background-color:#000000;
color:#ffffff;
margin:0;
border-width:0; 
font-size: 90%;
text-align: center;
padding: 8px 0 0 0;
}

.table1 {
text-align:left;
font-size: 100%;
margin: 10px 0 0 20px;
}

.image2{
margin: 0 0 0 25px;
border-width:0px;
padding:0px; 
border-color:#dee9de; 
border-style:solid;
}

.footer2 {
height:20px; 
width: 900px;
background-color:#dde0e2;
font-size: 100%;
color:#000000;
margin: 0;
border-width: 0; 
text-align: center;
padding: 8px 0 0 0;
}
*/