html, body {height:100%} 
body {
	padding:0px;
	margin:0px;
	text-align:center;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial;
}
.underline{
border-bottom: 3px solid #fdf06f;
}
#outer{
	height: 100%;
	width:1013px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-image: url(/wwwteemuaho.nsf/wrapperbg.jpg);
	background-repeat: repeat-y;
	min-height:900px;
}
#wrapper{
padding-left: 20px;
width:1013px;
	position:absolute;
	background-image: url(/wwwteemuaho.nsf/wrapperbg.jpg);
	background-repeat: repeat-y;
}
html>body #wrapper{height:auto; } /*for mozilla as IE treats height as min-height anyway*/ 
#header{
	position:absolute;
	top:0;
	left:-1px;
	width:758px;
	height:70px;
	background:#FF0000;
	overflow:hidden;
	color: #000000;
	z-index:100;
}
.flash{
padding: 10px 0px 0px 5px;
}
#left {
	position:relative;/*ie needs this to show float */
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(/wwwteemuaho.nsf/taleft.jpg);
	float:left;
	height: 860px;
	width: 160px;
	
	
}
#leftmenu{
padding-top:112px;
float:right;
width: 158px;
position: relative;
text-align: left;
list-style: none;
font-family: GillSans, Arial;
overflow:hidden;
}
#leftmenu ul { /* remove bullets and list indents */
/*list-style: none;*/
margin: 0px;
padding: 0px;
list-style: none;
overflow:hidden;
}
#leftmenu a{
color: #ffffff;
font-size: 12px;
/*margin-top: 5px;*/
font-family:GillSans,  Arial;
}
#leftmenu li{
list-style: none;
}
#leftmenu .link{
background-color: #6aa0d3;
text-align:left;
list-style: none;
text-decoration: none;
padding: 5px 0px 6px 4px;
margin-left: 10px;
display: block;
}
#leftmenu .thislink{
background-color: #456fb3;
text-align:left;
list-style: none;
text-decoration: none;
padding: 5px 0px 6px 4px;
margin-left: 10px;
display: block;
}
#leftmenu .sublink{
list-style: none;
text-align:left;
margin: 0px  0px 0px 10px;
background-color: #6aa0d3;
background-image: url(kelt_nelio.gif);
background-repeat: no-repeat;
background-position: 4px 10px;
text-decoration: none;
padding: 5px 0px 6px 3px;
display: block;
}
#leftmenu .sublink a{
margin-left: 8px;
width: 120px;
display:block;
}
#leftmenu .thissublink{
text-align:left;
margin: 0px  0px 0px 10px;
background-image: url(kelt_nelio.gif);
background-repeat: no-repeat;
background-position: 4px 10px;
background-color: #5787c3;
list-style: none;
text-decoration: none;
padding: 5px 0px 6px 3px;
display:block;
}
#leftmenu .thissublink a{
margin-left: 8px;
width: 120px;
display:block;
}
#leftmenu .thisline{
line-height: 1px;
height: 1px;
font-size: 1px;
text-align:left;
list-style: none;
text-decoration: none;
width: 158px;
margin: 0px  0px 0px 0px;
background-image: url(menuviiva.jpg);
}
#leftmenu .empty{
line-height: 0px;
height: 0px;
font-size: 0px;
text-align:left;
list-style: none;
text-decoration: none;
width: 148px;
margin: 0px  0px 0px 0px;
}
#leftmenu .sublinksub{
list-style: none;
text-align:left;
margin: 0px  0px 0px 10px;
background-color: #6aa0d3;
background-image: url(sin_nelio.gif);
background-repeat: no-repeat;
background-position: 14px 12px;
text-decoration: none;
padding: 5px 0px 6px 12px;
display: block;
}
#leftmenu .sublinksub a{
margin-left: 14px;
width: 110px;
display:block;
}
#leftmenu .thissublinksub{
text-align:left;
margin: 0px  0px 0px 10px;
background-color: #5787c3;
background-image: url(sin_nelio.gif);
background-repeat: no-repeat;
background-position: 14px 12px;
list-style: none;
text-decoration: none;
padding: 5px 0px 6px 12px;
}
#leftmenu .thissublinksub a{
margin-left: 14px;
width: 110px;
display:block;
}
#center
{
background-color: #ffffff;
position:relative;/*ie needs this to show float */
float: left;
width: 617px;
min-height: 700px;
height: auto;
overflow:hidden;
}
#center_top{
background-image: url(topbanner.jpg);
background-repeat: no-repeat;
width: 617px;
height: 67px;
}
#center_left{
margin-left: 20px;
margin-top: 30px;
position:relative;/*ie needs this to show float */
width: 280px;
float:left;
text-align: left;
font-family: Arial;
font-size: 12px;
padding-bottom: 65px;
list-style: url(sin_nelio.gif);
line-height: 1.4em;
}
#center_left li{
}
#center_left_frontpage{
margin-left:20px;
*margin-left: 10px;
margin-top: 30px;
position:relative;/*ie needs this to show float */
width: 320px;
float:left;
text-align: left;
font-family: Arial;
font-size: 12px;
padding-bottom: 40px;
/*list-style: url(kelt_nelio.gif);*/
line-height: 1.4em;
}
#center_right{
height:700px;
width: 260px;
background-repeat: no-repeat;
background-image: url(center_right2.jpg);
float: right;
padding-top:30px;
padding-left: 10px;
overflow:hidden;
}
#center_left_frontpage ul {
text-decoration: none;
display:block;
margin:0px;
padding: 0px;
/*list-style: url(kelt_nelio.gif);*/
}
#center_left_frontpage  li{
text-align: left;
list-style: url(kelt_nelio.gif);
}
#center_left_frontpage a {
text-decoration: underline;
display:block;
color:#7cabd8;
display: inline;
}
#center_left_frontpage a:hover{
text-decoration:none;
display:block;
color:#7cabd8;
display: inline;
}
#center_left_frontpage a:visited {
text-decoration: underline;
display:block;
color:#498bc9;
}
#center_left a {
text-decoration: underline;
color:#7cabd8;
}
#center_left a:hover{
text-decoration:none;
}
#center_left a:visited {
text-decoration: underline;
color:#498bc9;
}
#center_ img{
border: 1px solid #e9eaeb;
padding:0px 0px 0px 0px;
}
#center_right .kuvateksti{
float: right;
padding-right:20px;
padding-top: 5px;
display:block;
text-align: right;
width: 220px;
font-size: 10px;
color: #878889;
}
#center_right  p{
margin-left: 15px;
display:block;
width: 230px ;
*width: 226px;
overflow:hidden;
font-size: 10px;
color: #878889;
border: 1px solid #e9eaeb;
padding: 2px 2px 2px 2px;
}
#center_spacer{
height: 600px;
width: 1px;
float: right;
}
#center_both{
margin-left: 20px;
margin-top: 20px;
position:relative;/*ie needs this to show float */
width: 555px;
overflow: hidden;
float:left;
text-align: left;
font-family: Arial;
font-size: 12px;
padding-bottom: 65px;
list-style: url(sin_nelio.gif);
line-height: 1.4em;
}
#center_both a {
text-decoration: underline;
color:#7cabd8;
}
#center_both li a {
display:block;
}
#center_both a:visited {
text-decoration: underline;
color:#498bc9;
}
#center_both a:hover{
text-decoration:none;
}
#center_right_bottom{
position: relative;
height: 32px;
width: 155px;
/*background-image: url(taloushallintologo.jpg);*/
}
.H1 {
font-family: Helvetica;
font-size: 24px;
}
.H2 {
color: #000000;
font-family: Helvetica;
font-size: 18px;
}
.pdf{
height: 60px;
width:290px;
background-image: url(pdftausta.jpg);
text-decoration: none;
text-align: center;
display: table-cell;
/*vertical-align: middle;*/
padding-top:20px;
}
#topmenu {
background-color: #ffffff;
width: 617px;
width: 670px;
height:50px;
padding: 0px 0px 0px 0px;
}
#topmenu li{
float: left;
list-style: none;
margin: 6px 0px 0 0;
padding: 0px 0px 0px 4px ! important;
text-decoration: none;
text-transform: uppercase;
height:29px;
}
#topmenu li a{
border:1px solid white;
}
html>body #topmenu li{height:34px;} /*for mozilla as IE treats height as min-height anyway*/ 
html>body #topmenu li a{border: 0; } /*for mozilla as IE treats height as min-height anyway*/ 
#leftmenu li a{
text-decoration: none;
}
#center_left{
position:relative;/*ie needs this to show float */
width: 300px;
float:left;
text-align: left;
font-family:  Arial;
font-size: 12px;
line-height: 1.4em;
}
.title1{
font-weight: normal;
font-family: Helvetica;
font-size: 24px;
line-height: 1.4em;
}
/*ingressi*/
.title2{
font-weight: normal;
font-family: Helvetica;
font-size: 18px;
color: #498bc8;
line-height: 1.4em;
}
.title3{}
.title4{
font-size: 14px;
font-weight: bold;
font-family: Helvetica;
line-height: 1.4em;
}
.title5{
font-weight: normal;
font-family: Helvetica;
font-size: 24px;
line-height: 1.4em;
}
.title6{
/*display: block;*/
width: 190px;
font-family: Helvetica;
font-size: 12px;
color:#498bc9 ! important; 
text-decoration: none ! important;
line-height: 1.4em;
}
.title6 a{
width: 190px;
font-family: Helvetica;
font-size: 12px;
color:#498bc9 ! important; 
text-decoration: none ! important;
cursor: hand;
line-height: 1.4em;
}
#right {
	position:relative;/*ie needs this to show float */
	width:198px;
	float:left;
	height:864px;
	min-height:864px;
background-repeat: no-repeat;
/*background-color: #e5e9ec;*/
	background-image: url(taright.jpg);
}
#footer {
	width:617px;
	clear:both;
	height:80px;
	background-image: url(footer.jpg);
	text-align:center;
	left:0;
	bottom:0;
	position: relative;
	margin-top: 0px;
	padding: 5px 0px 0px 0px;
font-size: 12px;
color: #ffffff;
}
#taloushallinto{
width:617px;
	clear:both;
	height:300px;
		
	text-align:right;
	left:0;
	bottom:0;
	position: absolute;
	margin-top: 10px;
	padding: 0px 20px 0px 0px;
}
#taloushallinto {
	width:617px;
	clear:both;
	height:40px;
	text-align:right;
	left:0;
	bottom:0;
	position: relative;
	margin-top: -70px;
	padding: 5px 0px 0px 0px;
font-size: 12px;
color: #ffffff;
}
#taloushallinto img{
margin-right: 20px;
}
#footer a{
font-size: 11px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
line-height: 1.5em;
/*font-weight: bold;*/
}
#footer a:hover{
color: #fff7be;
}
#footer_links
{
margin-top:10px;
}
td {
font-family:  Arial;
font-size: 12px;
}
/*formityylit*/
.lomake td{
font-family: GillSans, Arial;
font-size: 12px;
}
input.texta {
		background-color: #f4f6f6;  
			border: 1px solid #000000;		 
		 padding: 2px 2px 2px 1px;
		 width: 294px;
		 color: #000000;
}
input.pnro {
		background-color: #f4f6f6;  
		border: 1px solid #000000;		 
		padding: 2px 2px 2px 1px;
		margin: 0px 2px 0px 0px;
		width: 98px;
		color: #000000;
}
input.textshort {
		background-color: #f4f6f6;  
		border: 1px solid #000000;		 
		padding: 2px 2px 2px 1px;
		width: 194px;
		color: #000000;
}
textarea.textarea {
		background-color: #f4f6f6;  
		border: 1px solid #000000;		 
		padding: 2px 2px 2px 1px;
		width: 294px;
		color: #000000;
}
select.lomake{
		background-color: #f4f6f6;  
		border: 1px solid #000000;		 
		padding: 2px 2px 2px 1px;
		width: 294px;
		color: #000000;
}
select.listbox{
background-color: #f4f6f6;  
width: 236px;
}
.small{
text-transform: none ! Important;
}
.piste{
width: 10px;
padding: 0px 5px 0px 5px;
background-position: center;
background-image:url(footer_pallo.jpg);
background-repeat: no-repeat;
}
.yhteystiedot{
line-height: 1.0em;
}
#footer_c{
margin-top:11px;
margin-right: 4px;
font-size:10px;
text-align: right;
}