body {
	margin: 0;
	padding: 0;
	background-color:#efefef;
	background:url(images/bg-body01.jpg) 0 0 no-repeat #e4e4e4;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#5a5a5a;
	}

div.container  {
	width: 980px;
	margin: 0 0;
	height: 100%;
	background:url(images/bg-content2.png) transparent 52px 213px no-repeat;
}	

div.header {
	position: relative;
	width: 980px;
	height: 153px;
	background:url(images/bg-header.png) transparent 0 124px no-repeat;
}

div.header .logo{
	position: absolute;
	top: 35px;
	left: 65px;
}


div.navi {
	position: relative;
	width: 980px;
	height: 41px;
	background:url(images/bg-nav.png) transparent 0 0 no-repeat;
	padding-left: 61px;
	padding-right: 62px;
}

div.footer {
	width: 850px; float:left; padding: 0 0 50px 80px; 
}

div.footer div{
	width: 150px; float:left; 
}

.etusivu p.tervetuloa {
 font-size : 16px;
 font-weight: normal;
 line-height: 160%;
 margin-top:15px;
 }


.etusivu p.tervetuloa:first-letter {
 font-size : 330%;
 font-weight : normal;
 float : left;
 display: block;
 padding: 8px;
 width : 1em;
 color: #9e9e9e;
 font-family: Georgia, "Times New Roman", Times, serif;
 margin-bottom: -10px;
 }
 
 .etusivu p.tervetuloa:first-letter {
 font-size : 100%\9; /* IE8 and below */  
 float : left\9;
 display:inline\9;
 padding: 0px\9;
 color: #5A5A5A\9;
 }



* Ylävalikko */

#menu {
	width: 857px;
	height: 30px;
	position: relative;
	top: 0px;
	float: left;
	background: transparent;
	margin: 0 auto;

}


#menu ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#menu li {
float: left;
height: 41px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#menu li a {
float: left;
display: block;
height: 41px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#n1_lock, #n1_lock a { background:transparent url("images/navi/1a.png") 0 0 no-repeat; width:81px; background-position: 0 0; }
#n2_lock, #n2_lock a { background:transparent url("images/navi/2a.png") 0 0 no-repeat; width:123px; background-position: 0 0; }
#n3_lock, #n3_lock a { background:transparent url("images/navi/3a.png") 0 0 no-repeat; width:92px; background-position: 0 0; }
#n4_lock, #n4_lock a { background:transparent url("images/navi/4a.png") 0 0 no-repeat; width:86px; background-position: 0 0; }
#n5_lock, #n5_lock a { background:transparent url("images/navi/5a.png") 0 0 no-repeat; width:86px; background-position: 0 0; }

#n6_lock, #n6_lock a { background:transparent url("images/navi/6a.png") 0 0 no-repeat; width:66px; background-position: 0 0; }
#n7_lock, #n7_lock a { background:transparent url("images/navi/7a.png") 0 0 no-repeat; width:78px; background-position: 0 0; }
#n8_lock, #n8_lock a { background:transparent url("images/navi/8a.png") 0 0 no-repeat; width:115px; background-position: 0 0; }
#n9_lock, #n9_lock a { background:transparent url("images/navi/9a.png") 0 0 no-repeat; width:68px; background-position: 0 0; }
#n10_lock, #n10_lock a { background:transparent url("images/navi/10a.png") 0 0 no-repeat; width:112px; background-position: 0 0; }
#n11_lock, #n11_lock a { background:transparent url("images/navi/11a.png") 0 0 no-repeat; width:107px; background-position: 0 0; }



#n1, #n1 a { background:transparent url("images/navi/1a.png") 0 0 no-repeat; width:81px; background-position: 0 -41px;}
#n2, #n2 a { background:transparent url("images/navi/2a.png") 0 0 no-repeat; width:123px; background-position: 0 -41px;}
#n3, #n3 a { background:transparent url("images/navi/3a.png") 0 0 no-repeat; width:92px; background-position: 0 -41px;}
#n4, #n4 a { background:transparent url("images/navi/4a.png") 0 0 no-repeat; width:86px;background-position: 0 -41px; }
#n5, #n5 a { background:transparent url("images/navi/5a.png") 0 0 no-repeat; width:86px; background-position: 0 -41px;}

#n6, #n6 a { background:transparent url("images/navi/6a.png") 0 0 no-repeat; width:66px; background-position: 0 -41px;}
#n7, #n7 a { background:transparent url("images/navi/7a.png") 0 0 no-repeat; width:78px; background-position: 0 -41px;}
#n8, #n8 a { background:transparent url("images/navi/8a.png") 0 0 no-repeat; width:115px; background-position: 0 -41px;}
#n9, #n9 a { background:transparent url("images/navi/9a.png") 0 0 no-repeat; width:68px; background-position: 0 -41px;}
#n10, #n10 a { background:transparent url("images/navi/10a.png") 0 0 no-repeat; width:112px; background-position: 0 -41px;}
#n11, #n11 a { background:transparent url("images/navi/11a.png") 0 0 no-repeat; width:107px; background-position: 0 -41px;}

#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover, #n7 a:hover, #n8 a:hover , #n9 a:hover, #n10 a:hover, #n11 a:hover  { background-position: 0 0; }

/* Ylävalikko päättyy */

div.content {
	display: inline;
	float: left;
	width: 988px;
	height: auto;
	background:url(images/bg-content.png) transparent 0 124px repeat-y;
	margin: 0 auto;
}

div.content_left {
	display: inline;
	width: 520px;
	height: auto;
	background-color: transparent;
	text-align: left;
	float: left;
	margin: 30px 0 40px 80px;
}	

div.content_wide {
	display: inline;
	width: 880px;
	height: auto;
	background:url(images/bg-content2-wide.png) transparent left top no-repeat;
	text-align: left;
	float: left;
	margin: 16px 0 0 50px;
	padding: 20px 24px 20px 44px;
}

div.content_wide table td{
	padding: 6px 0 6px 0;
}




div.infoboksi {
	display: block;
	width: 240px;
	height: auto;
	background-color: #fff;
	text-align: left;
	float: left;
	border: 1px solid #e1e1e1;
	padding-top: 10px;padding-bottom: 15px;
	margin: 20px 10px 20px 0;
}

.etusivu-keilahallit {
	width: 420px;
	border: 2px solid #e1e1e1;
	padding: 5px 20px 10px 30px;
	float: left;
	margin-top: 20px;
}

.etusivu-keilahallit div{
	margin-right:15px;
	width: 170px;
	float: left;
	
}

.etusivu-keilahallit h2, .etusivu-liitymukaan h2{
	text-align: center;margin: 5px 0 10px; ;background-color: #fafafa;	
}

.etusivu-liitymukaan {
	width: 420px;
	border: 2px solid #e1e1e1;
	padding: 5px 20px 10px 30px;
	float: left;
	margin-top: 30px;
}

.etusivu-liitymukaan p{
	width: 415px; text-align: center;
}



div.infoboksi_seurat {
	display: inline;
	width: 300px;
	height: auto;
	background-color: #fff;
	text-align: left;
	float: left;
	border: 1px solid #e1e1e1;
	margin: 0 0 20px 10px;
}

div.tulokset {

	position: relative;
	width: 214px;
	background-color: transparent;
	left: 730px;
	top: 100px;
	float: left;
	padding: 0;
	margin: 0 auto;
	
}





/* TULOKSET PIILOTUS HEADERISTA*/
.header div.tulokset {
	display: none;
}





div.tulokset_linkki {

	width: 160px;
	text-align: right;
}


div.tulokset_header {
	
	position: relative;
	width: 214px;
	height: 32px;
	background-color: transparent;
	background-image:url(images/tiedotteet_header_header.png);
	background-repeat:no-repeat;
}

div.tulokset_content{
	
	position: relative;
	width: 214px;
	height: auto;
	background-color: transparent;
	background-image:url(images/tiedotteet_header_content.png);
	background-repeat:repeat-y;
	padding: 0;
	margin: 0 auto;
}

div.tulokset_footer{
	
	position: relative;
	width: 214px;
	height: 21px;
	background-color: transparent;
	background-image:url(images/tiedotteet_header_footer.png);
	background-repeat:no-repeat;
}

div.sidebar{
	display: inline;
	width: 314px;
	height: auto;
	background-color: transparent;
	padding: 0;
	margin: 19px 0 20px 40px;
	float: left;
	
}

div.sidebar_linkki {
	width: 291px;
	text-align: left;
	margin: 0 auto;
	padding-left: 25px;
	;

}

div.sidebar_header_harmaa {
	
	position: relative;
	width: 314px;
	height: 50px;
	background:url(images/sidebar_header_harmaa.png) left top transparent no-repeat;
}

div.sidebar_header_sininen {
	
	position: relative;
	width: 314px;
	height: 50px;
	background:url(images/sidebar_header_sininen.png) left top transparent no-repeat;
}

div.liitot_content{
	
	position: relative;
	width: 311px;
	height: auto;
	background:url(images/sidebar_content.png) transparent no-repeat left top;
	padding: 10px 0 0 0;
	margin: 0 0;
	height: auto;
}

div.sidebar_footer{
	position: relative;
	width: 311px;
	height: 22px;
}


div.seurat_content{
	
	position: relative;
	width: 311px;
	height: auto;
	background:url(images/sidebar_content.png) transparent no-repeat left top;
	padding: 10px 0 0 0;
	margin: 0 ;
}

li {
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#5a5a5a;
	line-height:14px;
	list-style-type: none;
	padding: 6px 0 6px 10px;
	margin:0;
	background:url(images/link_bullet.png) no-repeat 0 11px;
	list-style: none;

}

ul {
	margin: 0 0 10px 10px;
	padding:0;
}
	
p {
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#5a5a5a;
	line-height:18px;
	margin:0 0 10px;
}

.infoboksi p {
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#5a5a5a;
	line-height:18px;
	padding: 0px 10px 0px 10px;
}

.tulokset p {
	width: 200px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:10px;
	color:#7b9817;
	text-transform: uppercase;
	font-weight: bold;
	line-height:11px;
	padding-left: 35px;
	margin: 0 auto;

}

.sidebar p {
	width: 260px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica;
	font-size:11px;
	color:#3d9ec2;
	text-transform: uppercase;
	line-height:18px;
	padding-left: 20px;
	margin: 0 auto;

}

.sidebar_header_harmaa p, .sidebar_header_sininen p {
	width: 260px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica;
	font-size:14px;
	color:#fff;
	line-height:18px;
	padding-top: 18px;
	padding-right: 13px;
	margin: 0 auto;
}

.sidebar_header_harmaa p {
	color:#3690b1;
}


h1 {

	text-align: left;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:26px;
	color:#108dba;
	line-height:130%;
	font-weight:normal;
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;

}

h2 {
	text-align: left;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:18px;
	color:#108dba;
	line-height:18px;
	font-weight:normal;
}

.infoboksi h1 {
	text-align: left;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:14px;
	color:#4ca6c7;
	line-height:18px;
	padding: 0px 10px 0px 10px;
	width: 200px;

}
	
td,input,textarea,select {
	font-family:Tahoma, Arial, Helvetica;
	font-size:12px;
	color:#545454;
	line-height:18px;
	
	}

a {
	text-decoration: none;
	color:#108dba;

	}

a:hover {
	text-decoration:underline;
	color:#088fc1;
	}
	
.tulokset_content a {
	font-family:Tahoma, Arial, Helvetica;
	font-size:10px;
	line-height: 13px;
	text-transform: lowercase;
	font-weight: normal;
	text-align: right;
	text-decoration: underline;
	color:#989898;

	}

.tulokset_content a:hover {
	color:#7b9817;
	}
	
.sidebar_linkki a {
	font-family:Tahoma, Arial, Helvetica;
	font-size:12px;
	line-height: 13px;
	text-transform: lowercase;
	font-weight: normal;
	text-decoration: none;
	color:#108DBA;
}

.sidebar_linkki img {
	margin-bottom: -2px; margin-left: 10px;
}

.sidebar_linkki a:hover {
	color:#108DBA;
	text-decoration: underline;
	}

.sidebar_pieni p {
	font-family:Tahoma, Arial, Helvetica;
	font-size:10px;
	line-height: 13px;
	text-transform: lowercase;
	font-weight: normal;
	text-decoration: none;
	color:#989898;

	}
	
.sidebar_pieni2 p {
	font-family:Tahoma, Arial, Helvetica;
	font-size:10px;
	line-height: 13px;
	font-weight: normal;
	text-decoration: none;
	color:#989898;

	}
	

hr {
	border: 0;
	width: 260px;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
}

img.content {
	float: left;
	display: inline;
	border: 4px solid #98b827;
	margin: 20px 10px 20px 0 ;

}

img {border-style: none;}