﻿/*Navigointinuolet eteen ja taaksepäin slideshow:ssa*/
.taakse {
	float:left;
	margin-right:15px;
	width:27px;
	height:250px;
	cursor:pointer;
	display:block;
	background:url(../images/kesakamppis2010/nuoli_left.png) center center no-repeat transparent;
	text-indent:-9999px; 
}
.eteen {
	float:right;
	margin-left:10px;
	background:url(../images/kesakamppis2010/nuoli_right.png) center center no-repeat transparent;
	display:block;
	width:27px;
	height:250px;
	cursor:pointer;
	text-indent:-9999px; 
}
/* root element for tabs */
#flowtabs {
	/* dimensions */
	width:892px;
	height:53px !important;
	margin:0 !important;
	padding:0 0 0 5px;/* IE6 specific branch (prefixed with "_") */
}
#flowtabs img {
	border:solid 1px #000;
	outline:0;
}

/* Lisätty projektin tyylien takia */
#flowtabs ul {
	color:#fff;
	}
/* single tab */
#flowtabs li {
	float:left;
	margin:0;
	padding:0 0 0 2px;
	text-indent:0;
	list-style-type:none;
	border:none;
}
/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 49px;
	width: 65px;
	padding:0 0 0 4px;
	margin:0px;
	/* font decoration */
	color:#fff;
	text-decoration:none;
}
/* adjust the background image position on each tab 
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}*/
 
/* mouseover state */
#flowtabs a:hover {
	color:#fff;
}
/* currently selected tabs */
#flowtabs a.current {
	cursor:default;
	color:#fff;
	line-height:53px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
/*#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }*/


/* panes */
#flowpanes {
	width:897px;
	height:288px;
	/*position:relative;*/
	overflow:hidden;/*	clear:both;*/
}
/* single pane */
#flowpanes div {
	display:none;
	color:#fff;
	margin:20px 10px;
	width:877px;
	height:258px;
}
/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	padding:0 15px 10px 0;
	letter-spacing:0.5px;
	margin:0;
}
#flowpanes a {
	color:#fff;
}
#flowpanes p {
	color:#fff;
}
/*Tämä piilottaa eteen tai taakse linkin alussa ja lopussa*/
.disabled {
	visibility:hidden !important;
}
/* override single pane */
#flowpanes div {
	float:left;
	display:block;/*	cursor:pointer;*/
}
#flowpanes .items img {
	border:0;
	outline:0;
}
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	margin:0;
	padding:0;
}
