/* Tyylit */ 

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin:0;
	color:#000000;
	line-height:130%;
	background-color:#f5f6f7;
	
	}

p{
	margin:10px 0;
	line-height:130%;
}

a, a:link, a:visited, a:active{
	font-family:  Helvetica, Arial, sans-serif;
	color: #6d6e70;
	text-decoration: none;
}

a:hover{
	font-family:  Helvetica, Arial, sans-serif;
	color: #000;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: Helvetica, Arial, sans-serif !important;
	color: #59595b !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:130%;

}
.login {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

hr { text-align: right; width: 100%; height: 1px; color: #cacaca; border: none; clear:both; } /* For Internet Explorer */
html>body hr { margin:20px 0 30px 0; width: 100%; height: 1px; background:url(../img/2011/footer.png) no-repeat top center; border: none;  clear:both; } /* For Gecko-based browsers */
html>body hr { margin:20px 0 30px 0; width: 100%; height: 1px; background:url(../img/2011/footer.png) no-repeat top center; border: 0px solid #F00;  clear:both; }

h1 {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 34px;
	letter-spacing:-1px;
	color: #000000;
	margin:0 0 14px 0;
	line-height:110%;
	font-weight:bold;
}

h2 {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height:110%;
	margin:20px 0 10px 0;
	font-weight:bold;
	color:#000;
}

h3 {
	font-size: 16px;
	color:#000;
	margin:20px 0 8px 0;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

#koko{
	background:#f5f6f7 url(../img/2011/bg.png) repeat-y top center;
	width:100%;
	height:100%;}

#container{
	width:976px;
	
	}

#top_tyhja{
	}
#header{
	height:200px;
	background:url(../img/2011/menu_bg.png) no-repeat bottom center;}

#headerdiv{
	position:relative;
	height:200px;
	width:976px;
}

#kielet{
	position:absolute;
	right:20px;
	top:20px;
	font-size:11px;
}

#logo{
	position:absolute;
	left:417px;
	top:22px;
	font-size:11px;
}

#vuosifi{
	position:absolute;
	left:604px;
	top:49px;
	height:68px;
	width:178px;
	font-size:11px;
	background:url(../img/new/10vuotta.png) no-repeat top right;
}

#vuosise{
	position:absolute;
	left:619px;
	top:50px;
	height:68px;
	width:163px;
	font-size:11px;
	background:url(../img/new/10ar.png) no-repeat top right;
}

#menul{
	position:absolute;
	left:20px;
	top:165px;
	color:#fff;
	
	font-size:11px;
	
}
	
#menu{
	list-style:none;
	margin:0;
	padding:0;
	width:936px;
}

#menu td{
	text-align:center;
	color:#fff;
}	

ul#menu li{
	float:left;
	margin:0 6px 0 0;
	font-size:12px;
	color:#fff;
}

#menu  a, #menu  a:link, #menu  a:active, #menu  a:visited{
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	padding:0 20px;
}

#menu a:hover{
	color:#000;
}
	
#content{
	
	}
	
#ca{
	width:976px;
	
	}	
	
.laatikko{
	width:220px;
	height:220px;
	overflow:hidden;
	display:block;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:30px;
	cursor:pointer;
	
}

.tekstilaatikko{
	background:url(../img/harso.png) top center;
	position:absolute;
	bottom:-19px;
padding:6px 14px;
	left:0;
	width:100%;
	color:#000;
}

.tekstilaatikko a{
	font-size:15px;
	font-weight:bold;
}	
	
#footer{

	text-align:right;
	padding:8px 33px 14px 33px;
	font-size:10px;
	color:#c8c9ca;
	background:url(../img/2011/footer.png) no-repeat top center;}

input.ilmoit, textarea.ilmoit, select.ilmoit{
	width:300px;
}

a.ilmoit, a.ilmoit:link, a.ilmoit:active{
	font-family: arial;
	color: #ab0000;
	text-decoration: none;
}

a.ilmoit:visited{
	font-family: arial;
	color: #0000ab;
	text-decoration: none;
}

.hide{
	display: none;
}

.visible{
	display: block;
}

map, area {
	cursor: pointer;
	}