@charset "utf-8";

/* Ahlman / Rakenne / CSS Document */



/* Päärakenne */



body{

	margin: 0px;

	background: none;

	background:url(../images/body_bg2.jpg);

	font-family: Trebuchet, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.4em;
	overflow-x: hidden;



}



/* Rakenteen wrappaus*/



#mainWrapper {



	margin-left:auto;

	margin-right:auto;

	text-align:left;

	width: 1000px;

	height: 100%;

	margin-top: 0x;





}



/* Yrityslogo */



#topLogo{

	width: 100px;

	margin-left: 60px;

	position: absolute;



}



/* Sekundaarinen navi - ylännavi*/



#header{

	position:relative;

	padding-top: 0px;

	height: 125px;

	background:url(../images/header_bg2.jpg) repeat-x;





}



#header_inner{

	width: 1000px;

	height: 125px;

	margin-left:auto;

	margin-right:auto;

	z-index: -20;

	





}





#secNavi_content{



	height: 18px;

	text-align:right;

	float: right;

	padding-right: 3em;

	color: #993300;





}

#secNavi_content a{

	color: #232222;

	text-decoration:none;

	font-size:10px;



}

#secNavi_content a:hover{

	color: #000;





}



/* Sisällön wrappaus*/



#contentWrapper{



	margin-left:auto;

	margin-right:auto;

	width: 1000px;

	margin-top: 25px;

	margin-left:62px



}









/* Päänavi*/



#mainNavi{

	height: 20px;

	width: 500px;

	margin: 65px 0 0 370px;

	position:absolute;

	font-family:Georgia, "Times New Roman", Times, serif;

	z-index: 100;





}



#mainNavi a{

	color: #a0100f;

	font-size:15px;

	padding-left: 30px;

	text-decoration:none;





}



#mainNavi a:hover{

	text-decoration: underline;





}



#mainAnimation{

	width: 600px;

	height: 135px;

	margin-left: auto;

	margin-right: auto;





}



/* Alatunniste */



#footer{

	margin-left: auto;

	margin-right: auto;

	width: 883px;

	height: 80px;

	bottom: 0;

	color: #000;

	margin-top: 15px;

	float: left;



} 





/* Palstat alkaa*/



#tocHeader{

	width: 192px;

	margin-bottom: 5px;







}





#toc{

	width: 218px;

	padding-right: 15px;

	border-right: 1px dotted gray;

	float: left;





}





#colLeft{

	width: 580px;

	padding-right: 15px;

	padding-bottom: 20px;

	margin-left: 20px;

	float: left;

	

}



#colRight{

	width: 275px;

	float: left;





}





#colRight a{

	font-size: 10px;

	font-weight:bold;

	color: #333333;

	text-decoration: none;

	



}



#colRight a:hover{

	font-size: 10px;

	font-weight:bold;

	color: #117da4;

	text-decoration:underline;





}



/* Palstat päättyy*/





a img{

	border: 0px;

}













#mainCol{

	width: 883px;

}



#fotos{

	position: absolute;

	z-index: 10;

	margin-left: 533px;

	margin-top: -200px



}





.basic #fotos{

	position: absolute;

	z-index: 10;

	margin-left: 641px;

	margin-top: -200px



}



.kohde #fotos{

	position: absolute;

	z-index: 10;

	margin-left: 641px;

	margin-top: -200px



}



.index #mapBox{

	width: 883px;

	background:url(../images/box_bg.png);

	border: 1px solid #cacac8;

position: absolute;

margin-top: 160px;

	z-index:100;
	height: 370px;

}





#mapBox{

	width: 883px;

	background:url(../images/box_bg.png);

	border: 1px solid #cacac8;

	float: left;

	z-index:100;

}





#box01{

	width: 330px;

	background:url(../images/box_bg.png);

	margin: 10px;

	float: left;

}



.basic #box01{

	width: 230px;

	background:url(../images/box_bg.png);

	margin: 10px;

	float: left;

}



.kohde #box01{

	width: 490px;
	padding-right:10px;

	background: none;

	margin: 10px 0 20px 25px;

	float: left;

}





#box01 ul{

	margin: 0;

	margin-top: 10px;

	padding: 0em 0 2em 1.7em;

}



#box01 ul li{

	list-style-image:url(../images/bullet.png);

	font-size: 12px;

	color: #434343;

	padding-bottom: 0.4em;

	line-height: 1.5em;

	margin-left: 5px;

}



.index #box01 a{

	color: #9c0f0c;

	text-decoration: none;

	margin-left: 10px;

	

}
.index #box01 ul li a{


color:#434343;

	text-decoration: none;

	margin-left: 0px;

	

}


.index #box01 a:hover{

	text-decoration: underline;

	

}

#box02{

	width: 510px;

	height: 277px;

	float: left;

	margin: 10px;

	background-color:#cccccc;



}

#box02 a{

text-decoration: none;
color: #416C28;


}

#box02 a:hover {

text-decoration: underline;


}



.basic #box02{

	width: 590px;

	height:auto;

	float: left;

	margin: 20px 0 10px 35px;

	background:none;



}



.basic #box02 h1{



	margin-top: 0px;



}



.kohde #box02 h1{



	margin-top: 20px;



}







.kohde #box02{

	width: 325px;
	height:auto;
	float: left;
	margin-top: 30px;
	background:none;



}

/* haku-tyylit*/




#searchBar{

	margin: 5px 0px 0px 8px;

	float:left;

	font-size: 8px;

	margin-left: 80px;

	width: 130px;





}









/* automaattiset tekstityylit*/



h1{

font-size: 22px;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-weight:100;

color: #9c0f0c;

margin-top: 2px;

}



.index h1{

font-size: 20px;

font-family: Georgia, Arial, Helvetica, sans-serif;

font-weight:100;

color: #9c0f0c;

margin-top: 0px;

}



h2{

	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9c0f0c;
	font-size: 13px;
	margin-top: 0;





}





#box01 h2{

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #9c0f0c;

	font-size: 14px;

	background: #e6e1b5;

	padding: 8px;

	margin: 0;

	width: 325px;





}





.basic #box01 h2{

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #9c0f0c;

	font-size: 12px;

	background: #e6e1b5;

	padding: 8px;

	margin: 0;

	width: 100%;





}

h3{

	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	margin-top: 1em;



}





p{

	font-family: Trebuchet, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #261a13;

	line-height: 1.3em;





}



.index p{



	font-size: 12px;

	line-height: 1.5em;







}

a{

	color: #0c759b;
	text-decoration:none;

}

a:hover{


	text-decoration: underline;

}

.kohde a, .basic a{

	color: #434343;

}

hr {

	border: 0;

	width: 100%;

	color: #dfdfdf;

	background-color: #dfdfdf;

	height: 1px;

}





td{	

vertical-align: top;
text-align:left;
font-size:13px;



}

.basic td p{	

font-size:11px;



}