/* Adams / Rakenne / CSS Document */

/* PÃÃrakenne */









p{















color: #000;
font-size: 11px;
font-style: normal;
font-weight:100;
line-height: 1.25em;
letter-spacing: 0.025em;



}







body{







	margin: 0px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #CCCCCC;
	background:url(../images/body_bg.jpg) repeat-y top center #91bbd4;















}















/* Rakenteen wrappaus*/















#mainWrapper {















	margin:auto;



	text-align:left;



	width: 100%;



	margin-top: 0x;



	background:url(../images/metalliputki.gif) repeat-x;























}























/* Sisällön wrappaus*/















#borders{







	width:900px;



	height:570px;



	margin-left:auto;



	margin-right: auto;



	padding-top: 20px;



	background:url(../images/content_bg_02.png) no-repeat;















}















#contentWrapper{







	width:859px;







	height:522px;







	margin: 0px 0px 0px 21px;















}















#toplogo{







	height: 45px;







	width: 275px;







	float: left;







	margin-top: 36px;







	margin-left: 5px;















}







#header {







	margin-top: 0px;







	height: 80px;







	width: 900px;







	margin-left:auto;







	margin-right: auto;























}















#slogan{







	width: 500px;







	height: 20px;







	float: right;







	margin: 45px 20px 0 0;







	text-align: right;















}















#slogan h3{







	color: #fff;







	font-size:17px;







	font-weight:100;







	letter-spacing: -0.02em;























}















#colLeft{







	width: 160px;







	height: 522px;







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







	float: left;







}























body#index #colLeft{







	width: 160px;







	height: 522px;







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







	float: left;







}





body#index #colLeft a, body#index #colLeft a:visited{





color: #fff;

text-decoration: none;



}



body#index #colLeft a:hover{





color: #fff;




}


























#colRight{







	width: 184px;







	height: 522px;







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







	float: left;















}























#mainCol{







	width: 515px;

	height: 417px;

	background:#000000;

	float: left;







}



#mainCol a, #mainCol a:visited{

color:#2c4fa0;

text-decoration:none;}



#mainCol a:hover{

color:#2c4fa0;

text-decoration:underline;}



#mainCol.center{

	width: 515px;

	height: 417px;

background: #b5b5b6;







}















body.ovet #mainCol{







	width: 515px;

	height: 417px;

	background:#fff;





}















body.ovet2 #mainCol{







	width: 515px;

	height: 50px;

	background:#fff;















}



body.myyntipisteet #mainCol{



	width: 515px;

	height: 50px;

	background:#fff;





}





























#mainCol img{







	float: left;







}















#index .infoBox{







	width: 160px;

	height: 100px;

	background-image:url(../images/infoBox_bg_transparency.png);

	background-repeat:repeat-y;

	border-bottom: 2px solid gray;

	display:table-cell;

	vertical-align: bottom;







}















.infoBox .heading{





	color: #fff;

	font-size: 13px;

	margin-left: 20px;



}















#index .infoBox ul {







	list-style:none;

	padding:2px;

	border-bottom: 2px solid gray;

	border-top: 2px solid gray;

	margin-top: 0px;





}















#index .infoBox li {







	display:block;

	width: 160px;

	padding:0px;















}













.infoBox p{

	width: 120px;

	height: 195px;

	display:table-cell;

	vertical-align: bottom;








}



body#index .infoBox p{

	width: 120px;

	height: 125px;

	line-height: 1.6em;

	font-style:italic;

	letter-spacing: 0;
	margin-top: 0;



}


#index .infoBox p a:hover{
text-decoration: underline;

}








#mainAnimation{



	width: 698px;

	height: 522px;

	background:#000000;

	float: left;



}















.textArea{







	margin-left: 222px;





}







a{



font-family:"Trebuchet MS";







}















hr {







	border: 0;







	width: 90%;







	color: #dfdfdf;







	background-color: #dfdfdf;







	height: 1px;







}























td{	







vertical-align: top;















}















a img{







border: 0;















}















#mainNavi {







	float: left;
	width: 159px;



	padding: 0px;



	margin: 0px;



	margin-top: 20px;



	background: none;



	border-top: 2px solid gray;



	float: left;







}







#mainNavi ul {







	margin: 0px;
	padding: 0px;

	list-style-type: none;



	padding-bottom: 10px;















	







}







#mainNavi li {















	border-bottom: 2px solid gray;















}







#mainNavi a{











	text-decoration: none;



	display: block;



	font-size: 12px;



	padding: 2px;



	color: #959698;



	padding-left: 25px;







}















#mainNavi a:hover{











	text-decoration: none;



	display: block;



	font-size: 12px;



	padding: 2px;



	color: #fff;



	padding-left: 25px;



	background-color:#000;







}















#mainNavi li .on {







	font-weight: bold;



	text-decoration: none;



	display: block;



	font-size: 12px;



	padding:2px;



	color: #fff;



	padding-left: 25px;



	background-color: #000000;







}































#thumbScroll li a.current {





	color: #fff;





}















#thumbScroll2 li a.current {







	color: #fff;



}















.infoBox{







	width: 159px;

	height: 267px;

	margin-top: 9px;

	float: left;

	padding-bottom: 90px;



















}















#colRight .infoBox{







	width: 150px;



	height: 51px;



	float: left;



	padding: 10px 1px 12px 22px;















}







#colRight .infoBox li a{



font-size:14px;















}















#colRight a, #colRight a:visited{







	color: #898989;



	font-size:12px;



	text-decoration: none;



	letter-spacing: -0.025em;











}















#colRight a:hover{



	color: #fff;



























}















#colRight ul{



	padding-left: 14px;
	padding-top: 0px;
	padding-right: 0px;	
	list-style:url(../images/bullet_01.gif);






}



#colRight li a{


	color: #898989;
	text-decoration: none;
	font-size:12px;
	margin-left: -4px;
	display:block;





}















#colRight li a:hover{







	color: #fff;







}







































a.link01{







	font-weight: bold;







	text-decoration: none;







	font-size: 13px;







	color: #959698;







	padding-left: 20px;







}















a.link01:hover {







	text-decoration: none;







	font-size: 13px;







	color: #fff;























}


















#colLeft p{







	padding-left: 23px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-top: 0px;
	color: #fff;
	font-size: 11px;
	line-height: 1.15em;
	



}


















#colRight img a{







	padding-bottom: 2px;







	padding-right: 2px;















}























/*  Skrollit */







div#Scroll	{ 







    position:relative; 







    width:132px; 







	height:266px;







    overflow:hidden;







	margin-left: 26px;







	margin-top:20px;







	}







	







#scrollLinks{







	width:35px;







	height: 30px;







	margin-top: 20px;







	margin-left: 72px;







	text-align:center;















}















.ovet2 #scrollLinks{







	width:53px;



	margin-top: -6px;



	height: 173px;



	margin-left: 0px;



	text-align:center;



	float: left;



	background-color:#fff;



	padding-top: 183px;



	z-index: 0;







}







#scrollLinks3{







	width:49px;

	margin-top: -357px;

	height: 173px;

	text-align:center;

	float: right;

	background-color:#fff;

	padding-top: 183px;

	z-index: 0;







}


.myyntipisteet #scrollLinks3{







	margin-top: -337px;









}






#scrollLinks img{







	padding-bottom: 7px;







}





#scrollLinks3 img{







	padding-bottom: 7px;







}









#Scroll a img:hover{







	filter:alpha(opacity=50);







	-moz-opacity:0.5;





	-khtml-opacity: 0.5;





	opacity: 0.5;















}







div#thumbScroll{


    position:relative; 

    width:152px; 

	height:260px;

    overflow:hidden;

	margin-left: 17px;

	margin-top:21px;

	margin-bottom: 29px;







	}


.myyntipisteet #thumbScroll{


    width:162px; 







	}










/*div#thumbScroll.innerMenu{















    position:relative; 

    width:170px; 

	height:345px;

    overflow:hidden;

	margin-left: 16px;







	}*/







	







.ovet div#thumbScroll.innerMenu{



















	}



















































.ovet2 div#thumbScroll{





	float: left;

    width:450px; 

	height:335px;

    overflow:hidden;

	margin-left: 12px;

	margin-top:15px;

	margin-bottom: 0px;







	}







	

.ovet2 div#lyr2{



	margin-top:7px;



	}









.ovet2 div#thumbScroll2{









    width:165px; 

	height:380px;

    overflow:hidden;

	margin-left:16px;

	margin-top:10px;





	}







div#thumbScroll2{



    width:155px; 

	height:380px;

    overflow:hidden;

	margin-left:16px;

	margin-top:10px;





	}





div#thumbScroll3{


position: relative;

    width:440px; 

	height:325px;

    overflow:hidden;

	margin-left: 16px;

	margin-top:-10px;

	margin-bottom: 3px;

	padding-top:0px;







	}



#colRight{



	padding:0px;





}



.myyntipisteet #lyr2{





}



#colRight #pageName a, #pageName a:visited{





	color: #fff;

	font-weight:500;

	font-size:15px;

	width: 184px;

	height: 43px;

	text-align:center;

	display:block;

	padding-top:31px;

	text-decoration:none;

	background-image:url(../images/pageName_02_bg.jpg);

	margin-top: 77px;















}







#colRight #pageName a:hover{







	color: #fff;

	font-weight:500;

	font-size:15px;

	width: 184px;

	height: 43px;

	text-align:center;

	display:block;

	padding-top:31px;

	text-decoration:none;

	background-image:url(../images/pageName_bg_on.jpg);





}





















#colRight #pageName_on a{







	color: #fff;

	font-weight:500;

	font-size:15px;

	width: 184px;

	height: 43px;

	text-align:center;

	display:block;

	padding-top:31px;

	text-decoration:none;

	background-image:url(../images/pageName_bg_on.jpg);

	margin-top: 77px;



}











#pageName a, #pageName a:visited, #pageName_on a{



	margin-top: 27px;

	padding-top:31px;

}









#pageName_02 a, #pageName_02 a:visited{







	color: #fff;







	font-weight:500;







	font-size:15px;







	width: 184px;







	height: 43px;







	text-align:center;







	display:block;







	padding-top:31px;







	text-decoration:none;







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







	float: left;















}















#pageName_02 a:hover{







	color: #fff;







	font-weight:500;







	font-size:15px;







	width: 184px;







	height: 43px;







	text-align:center;







	display:block;







	padding-top:31px;







	text-decoration:none;







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







	float: left;















}















#pageName_02_on a{







	color: #fff;







	font-weight:500;







	font-size:15px;







	width: 184px;







	height: 43px;







	text-align:center;







	display:block;







	padding-top:31px;







	text-decoration:none;







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







	float: left;















}















#pageName_03 a{







	color: #fff;







	font-weight:500;







	font-size:15px;







	width: 184px;







	height: 43px;







	text-align:center;







	display:block;







	padding-top:31px;







	text-decoration:none;







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







	float: left;















}















#pageName_03 a:hover{







	color: #fff;







	font-weight:500;







	font-size:15px;







	width: 184px;







	height: 43px;







	text-align:center;







	display:block;







	padding-top:31px;







	text-decoration:none;







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







	float: left;















}















#pageName_03_on a{







	color: #fff;







	font-weight:500;







	font-size:15px;







	width: 184px;







	height: 43px;







	text-align:center;







	display:block;







	padding-top:31px;







	text-decoration:none;







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







	float: left;















}















.rollover_up{







	padding-bottom: 2px;















}















#secNavi{







	width: 515px;

	height: 105px;

	background-image:url(../images/kabinettiputki.gif);

	background-repeat:no-repeat;

	background-position:top;

	background-color:#000000;

	float: left;









}















#extraNavi{







	width: 160px; 







	float: left; 







	height: 20px; 







	margin-top: 497px;







	position:absolute;















}























#lyr1 table td{



vertical-align:middle;

padding: 1px;}















#lyr1 table th{





height: 60px;

padding-right: 7px;

vertical-align:middle;





}























.ovet #mainCol h1{







color: #fff;

font-size:19px;

width: 495px;

height: 38px;

margin: 0px;







padding-left: 20px;







padding-top: 22px;







background-color: #b5b5b6;















}















.ovet2 #mainCol h1{





color: #fff;

font-size:19px;

width: 495px;

height: 38px;

margin: 0px;

padding-left: 20px;

padding-top: 22px;

background-color: #b5b5b6;

z-index: 10;





}







.rungot #mainCol h1{







color: #fff;

font-size:19px;

width: 495px;

height: 38px;

margin: 0px;

padding-left: 20px;

padding-top: 22px;

background-color: #b5b5b6;



}









body.myyntipisteet #mainCol h1{





color: #fff;

font-size:19px;

width: 495px;

height: 38px;

margin: 0px;

padding-left: 20px;

padding-top: 22px;

background-color: #b5b5b6;

z-index: 10;





}







h2{

font-size:14px;



color: #000;







}





#galleria #mainCol p{

margin-top:0px;



}

#mainCol.imgTop p{
margin-top: 0px;
}



#mainCol table td{



text-align: left;











}







table td p{



	margin: 0px;



	color: #000;



font-family:"Trebuchet MS";











}







p.lomakeText{



font-size: 9px;

margin-top:0px;

margin-bottom: 0px;

padding-top: 0px;

padding-bottom: 0px;

height: 8px;



}







.field01{



font-size: 9px;

margin: 0px 0;

padding:0px 0;
width: 245px;







}

.messageArea{	
width: 200px;

}


#lomake{

width: 493px; 

background-color: #dcdcdd;

border-left: 10px solid #fff;

border-top: 10px solid #fff;

padding-top: 5px;



}





#mainCol td{



vertical-align:top;}



#mainCol td p{



margin-bottom: 1em;}





.ovet2 #colRight #pageName a, .ovet2 #colRight #pageName_on a{



margin-top: 27px;



}



table.taulukko1{

margin-bottom: -10px;

}



.taulukko1 td{

	background: #dcdcdd;

	width: 450px;

	padding: 20px;

	margin-bottom: 10px;

	border-bottom: 5px solid #fff;

	min-height: 90px;

}







.taulukko1 td p{

color: #000;





}



#wrapper01{

float: left;

width:515px;

margin-top: 50px;



}



.myyntipisteet #wrapper01{


margin-top: 30px;



}

#lomakePalsta1 p{

padding:0;

margin: 0;



}





#thumbScroll ul{







	padding-left: 15px;

	padding-top: 0px;

	margin-left: 6px;

	padding-right: 0px;	

	list-style:url(../images/bullet_02.gif);

	list-style-position:outside;



}















#thumbScroll ul li{















}















#thumbScroll li a{







	color: #b5b5b6;
	text-decoration: none;
	font-size:12px;
	margin-left: 0px;















}















#thumbScroll li a:hover{







	color: #898989;

	text-decoration:underline;







}



.tuotetaulukko td{

padding: 0px 5px 10px 10px;





}



.tuotetaulukko h2{

margin-top:0px;





}



.tuotetaulukko p{

margin-bottom: 1em;





}

.taulukko2 tr td{
vertical-align:middle;
}



#myyntipisteet_view{
width:515px;
height:417px;
}