html {
height: 100%;
}

body {
background:#666666;
color:#333333;
font-family:helvetica,arial,verdana,georgia,times new roman; 
font-size:12px;
font-weight:normal; 
font-style:normal;
margin: 0;
padding: 0;
text-align:left;
}

.wrapper{
background:#dddddd;
margin: 0;
width: 1060px;
padding: 0;
}

.ots {
background:#a52808;
height: 150px; 
width: 1060px;
border: 0; 
padding: 0; 
margin: 0;
}

.logo{
margin: 0;
padding: 0;
}

.menu {
font-family: arial,verdana,georgia; 
background: #dddddd url(kuvat/menu.jpg);
height: 22px; 
width: 1060px;
border: 0; 
padding: 8px 0 0 0;
margin: 0 0 20px 0;
font-size: 14px;
font-weight: normal; 
text-align: left;
}

.menu2 {
font-family: arial,verdana,georgia; 
background: #dddddd url(kuvat/menu6.jpg);
height: 22px; 
width: 230px;
border: 0; 
padding: 8px 0 0 0;
margin: 0;
font-size: 14px;
font-weight: normal; 
text-align: left;
}

.amenu {
color: #333333;
margin: 0 0 0 20px;
} 

.menuima{
border-width: 0px;
padding: 1px 0 0 0;
margin: 0 0 1px 80px;
}

.box300 {
background: #d3d3d3;
height: 270px; 
color: #666666;
margin: 0 0 20px 0;
border-width: 1px;
border-color: #c6c6c6;
border-style: solid; 
padding: 19px 15px 9px 15px; 
}

.box {
background: #d3d3d3;
color: #666666;
margin: 0 0 20px 0;
border-width: 1px;
border-color: #c6c6c6;
border-style: solid; 
padding: 9px 15px 20px 15px; 
}

.box220 {
background: #d3d3d3;
height: 220px;
width: 200px; 
color: #666666;
margin: 20px 0 0 0;
border-width: 1px;
border-color: #c6c6c6;
border-style: solid; 
padding: 3px 5px 3px 2px; 
}


.cardal {
background: #d3d3d3  url(kuvat/cral.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardar {
background: #d3d3d3  url(kuvat/crar.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardcr {
background: #d3d3d3  url(kuvat/crcr.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardch {
background: #d3d3d3  url(kuvat/crch.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.carddp {
background: #d3d3d3  url(kuvat/crdp.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.carddh {
background: #d3d3d3  url(kuvat/crdh.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardft {
background: #d3d3d3  url(kuvat/crft.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardir {
background: #d3d3d3  url(kuvat/crir.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardpl {
background: #d3d3d3  url(kuvat/crpl.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}
.cardsm {
background: #d3d3d3  url(kuvat/crsm.jpg);
height: 100px;
width: 300px;
margin: 0 0 3px 0;
}

.pcard {
color: #666666;
padding: 40px 0 0 25px; 
margin: 0;
}

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

.asiak {
margin: 0 25px 20px 25px;
border-width: 0;
padding: 0; 
}

.image1{
background:#dddddd;
margin: 0 0 0 25px;
}

.image2{
background: #dddddd;
margin: 0;
}

.image3{
background: #dddddd;
border-width: 0px;
margin: 0 0 20px 0;
}

.image4{
background: #dddddd;
margin: 40px 0 20px 0;
}

.image5{
background: #dddddd;
margin: 20px 0 20px 0;
}


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

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

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

.td1 {
padding: 5px 0 5px 5px;
}

.td2 {
padding: 5px 0 3px 6px;
}

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

.footer {
height: 28px; 
width: 1060px;
background-color: #666666;
font-size: 12px;
color: #ffffff;
text-align: center; 
margin: 0;
padding: 12px 0 0 0;
}

.tammat {
background:#d3d3d3;
color:#666666;
font-size:12px;
text-align:left;
margin: 0;
border-width:1px;
border-color:#c6c6c6;
border-style:solid; 
padding: 10px 0 0 20px; 
}

.tamma {
background:#d3d3d3  url(kuvat/menu4.jpg);
color:#666666;
height:43px; 
font-size:12px;
text-align:left;
margin: 0;
border-width:0px;
border-color:#c6c6c6;
border-style:solid; 
padding: 7px 0 0 20px; 
}

.tamma2 {
font-family: arial,verdana,georgia;
background:#d3d3d3  url(kuvat/menu6.jpg);
color:#666666;
width: 230px;
height:22px; 
font-size:14px;
text-align:left;
margin: 0;
border-width:0px;
border-color:#c6c6c6;
border-style:solid; 
padding: 8px 0 0 0; 
}

.tammaots {
background:#d3d3d3  url(kuvat/menu4.jpg);
color:#a52808;
height:35px; 
font-size:18px;
text-align:left;
margin: 0;
border-width:0px;
border-color:#c6c6c6;
border-style:solid; 
padding: 15px 0 0 25px; 
}

.suku {
background:#e6e6e6;
margin: 0 0 0 0;
border-width:2px;
border-color:#000000;
border-style:solid; 
padding: 0 0 0 10px; 
}

.uutiset {
background:#d3d3d3;
height:270px; 
color:#666666;
margin: 0;
border-width: 1px;
border-color:#c6c6c6;
border-style:solid; 
padding: 20px 10px 10px 10px; 
}

.target {
background:#d8d8d8;
color:#666666;
width: 195px;
margin: 30px 0px 0px 25px;
border-width:1px;
border-color:#d1d1d1;
border-style:solid; 
padding: 20px 10px 10px 10px; 
}

.since {
background:#d8d8d8;
color:#666666;
width: 195px;
margin: 20px 25px 0px 0px;
border-width:1px;
border-color:#d1d1d1;
border-style:solid; 
padding: 20px 10px 10px 10px; 
}

.vasen {
background:#dddddd;
width: 230px;
float: left; 
margin: 0;
border-width:0; 
padding: 0 0 0 15px;
text-align:left;
}

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

.oikea {
background:#dddddd;
width: 300px;
float: right; 
text-align:left;
margin: 0 15px 0 0;
border-width:0; 
padding: 0 0px 0 0;
}

.footer2 {
height:28px; 
width: 1060px;
background-color:#a52808;
background-color:#666666;
font-size: 12px;
color:#ffffff;
text-align:center; 
margin: 20px 0 0 0;
border: 0; 
padding: 12px 0 0 0;
}

.table1 {
background-color:#dddddd;
color:#333333;
font-size: 12px;
text-align:left;
margin: 0;
border-width: 0;
border-color:#c6c6c6; 
border-style:solid;
padding: 0; 
}

.tr1 {
color:#333333;
font-weight:bold;
}

.tr2 {
background-color:#dddddd;
font-size: 12px;
color:#333333;
font-weight:bold;
padding: 0 0 10px 0;
}

.table2 {
background-color:#d3d3d3;
color:#333333;
font-size: 12px;
text-align:left;
margin: 0;
border-width: 0;
border-collapse:collapse;
padding: 0; 
}

.td2 {
background-color:#d3d3d3;
color:#333333;
border-width: 1px;
border-color:#dddddd; 
border-color:#c6c6c6; 
border-style:solid;
padding: 3px 0 3px 6px;
}

.box1 {
background:#d6dadc;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px; 
border-width:2px;
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;
}

.ots1{
margin: 0 200px 0 0;
text-align:left;
}



h2 {
color:#a52808;
font-family:helvetica,arial,georgia,times new roman,verdana; 
font-size:14px;
font-style:normal;
text-align:left;
padding: 0;
} 

h3 {
color:#9f0304;
font-family:helvetica,arial,georgia,times new roman,verdana; 
font-size:18px;
font-style:normal;
text-align:left;
} 

h4 {
color:#9f0304;
font-family:helvetica,arial,georgia,times new roman,verdana; 
font-size:18px;
font-style:normal;
text-align:center;
} 

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

a:hover{
color:#a52808;
font-weight: normal;
background: #d3d3d3;
}

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

.a3 {
text-decoration:none;
color:#333333;
text-align:left;
} 

.a4 {
text-decoration:none;
color:#606060;
font-size:18px;
text-align:left;
} 

.a5 {
text-decoration:none;
color:#a52808;
font-size:18px;
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: 27px; 
	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 */
}

/*

.logo2{
margin: 0 300px 0 0;
}

.logo3{
margin: 0 4px 25px 0;
}

.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: 0;
} 

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;
}

.body2 {
background:#d9d9d9 url(kuvat/menu2.jpg) repeat-x;
background:#dddddd;
background:#666666;
color:#000000;
font-family:helvetica,arial,verdana,georgia,times new roman; 
font-size:12px;
font-weight:normal; 
font-style:normal;
margin: 0px 0 0px 0;
padding: 0;
text-align:left;
}

.body3 {
background:#666666 url(kuvat/menu2.jpg) repeat-x;
background:#dddddd;
color:#000000;
font-family:helvetica,arial,verdana,georgia,times new roman; 
font-size:12px;
font-weight:normal; 
font-style:normal;
margin: 0;
padding: 0;
text-align:left;
}

.body4 {
background:#666666;
color:#000000;
font-family:helvetica,arial,verdana,georgia,times new roman; 
font-size:12px;
font-weight:normal; 
font-style:normal;
margin: 0px 0 0px 0;
padding: 0;
text-align:left;
scrollbar-shadow-color:#000000; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-arrow-color:#000000; 
scrollbar-darkshadow-color:#666666; 
scrollbar-base-color:#000000; 
}


*/