/* 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;
	*/
	height: auto;
	line-height: 1.6em;
	letter-spacing: 0;
	margin: 1em 0;
	padding:0;
	display:block;
	
	
	}

body#index .infoBox p{
	width: 120px;
	height: auto;
	line-height: 1.6em;
	font-style:italic;
	letter-spacing: 0;
	margin: 1em;
	padding:0;
	display:block;
	
	

}

#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;

}