/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,
img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,dialog,figure,footer,header,hgroup,nav,section {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline; }

article,aside,dialog,figure,footer,header,hgroup,nav,section { display: block; }

table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 1.4em;
	width: 100%; }

caption,th,td {
	font-weight: normal;
	text-align: left; }

table,td,th { vertical-align: middle; }

blockquote:before,blockquote:after,q:before,q:after { content: ""; }

blockquote,q { quotes: "" ""; }

a img { border: none; }


/* Text
-------------------------------------------------------------- */
html { font-size: 100.01%; }

body {
	background: #fff;
	color: #666;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 88%;
	line-height: 1.5; }

h1,h2 { text-transform: uppercase; }

h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-weight: bold; }

h1 {
	font-size: 1.71em;
	line-height: 1;
	margin-bottom: 0.5em; }

h2 {
	font-size: 1.43em;
	line-height: 1;
	margin-bottom: 0.75em; }

h3 {
	font-size: 1.29em;
	line-height: 1;
	margin-bottom: 1em; }

h4 {
	font-size: 1.14em;
	line-height: 1;
	margin-bottom: 1em; }

h5 {
	font-size: 1em;
	margin-bottom: 1.5em; }

h6 { font-size: 1em; }

h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img { margin: 0; }

p { margin: 0 0 1.5em; }

p img.left {
	float: left;
	margin: 0.5em 1.5em 1.5em 0;
	padding: 0; }

p img.right {
	float: right;
	margin: 0.5em 0 1.5em 1.5em; }

a:focus,a:hover { color: #000; }

a {
	color: #0281ca;
	text-decoration: underline; }

blockquote {
	color: #666;
	font-style: italic;
	margin: 1.5em; }

strong { font-weight: bold; }

em,dfn { font-style: italic; }

dfn { font-weight: bold; }

sup,sub { line-height: 0; }

abbr,acronym { border-bottom: 1px dotted #666; }

address {
	font-style: italic;
	margin: 0 0 1.5em; }

del { color: #666; }

pre {
	margin: 1.5em 0;
	white-space: pre; }

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5; }

li ul,li ol { margin: 0; }

ul,ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 3.333em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

th 				{ font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
tr.even td 		{ background: #e5ecf9; }
tfoot 			{ font-style: italic; }
caption 		{ background: #eee; }


/* Layout
-------------------------------------------------------------- */
.container {
	margin: 0 auto;
	width: 960px; }

/* 
html,
body,
#page { height: 100%; }

body > #page {
	height: auto;
	min-height: 100%; }
*/

#wrap {
	background: #fff url(/pics/kaukomarkkinat/bg-page.png) top repeat-x;
	/* padding-bottom: 300px; */ }

#header {
	background: #011630 url(/pics/kaukomarkkinat/bg.jpg) top no-repeat;
	height: 80px;
	padding: 30px 0 0; }

	#header #logo { float: left; }
	
	#header #language {
  	 	position: absolute;
   	 	right: 25%;
   	 	top: 0; }

	#header #language a:hover {
    	text-decoration: none; }

	#header #language a {
    	background-position: center top;
    	background-repeat: no-repeat;
    	color: #FFFFFF;
    	cursor: pointer;
    	display: block;
    	height: 27px;
    	overflow: hidden;
    	text-indent: -999em;
    	width: 97px; }

	#header #language a:hover {
    	background-position: center bottom; }
	#header #language a#language-fi {
    	background-image: url("/pics/kaukomarkkinat/lang-fi.png"); }
	#header #language a#language-en {
    	background-image: url("/pics/kaukomarkkinat/lang-en.png"); }

#nav {
	float: right;
	padding: 8px 0 0;
	position: relative;
	z-index: 99; }

	#nav ul.topnav {
		font-size: 1.29em;
		font-weight: bold;
		line-height: 1;
		list-style: none;
		margin: 0; }

		#nav ul.topnav li {
			float: left;
			margin: 0;
			padding: 0 0 0 40px;
			position: relative; }

		#nav ul.topnav li:first-child { padding: 0; }

			#nav ul.topnav li a:hover { color: #fff; }
			#nav ul.topnav li a:focus { outline: 0; }

			#nav ul.topnav li a {
				color: #aaa;
				display: block;
				float: left;
				padding: 8px 0;
				text-decoration: none; }

			#nav ul.topnav li span {
				background: transparent url(/pics/kaukomarkkinat/subnav-trigger.gif) center top no-repeat;
				float: left;
				height: 36px;
				width: 16px; }

			#nav ul.topnav li .subhover { background-position: center bottom; }
			
			#nav ul.topnav li span.subhover {
				background-position: center bottom;
				cursor: pointer; }

			#nav ul.topnav li ul {
				background: #fff;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
				border-top: 1px solid #ddd;
				display: none;
				float: left;
				font-size: 0.78em;
				font-weight: normal;
				left: 40px;
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 34px;
				width: 260px;
				z-index: 99; }

				#nav ul.topnav li ul li {
					border-bottom: 1px solid #ccc;
					clear: both;
					margin: 0;
					padding: 0;
					width: 260px; }

					#nav ul.topnav li ul li a:hover {
						background-position: right bottom;
						color: #333; }

					#nav ul.topnav li ul li a {
						background: #fff url(/pics/kaukomarkkinat/subnav-arrow.gif) right top no-repeat;
						color: #999;
						float: left;
						padding-left: 10px;
						width: 250px; }

			#nav li.selected a 		{ color: #fff; }
			#nav li.selected ul a 	{ color: #aaa; }

.page-home #header { height: 300px; }

.page-home #select-industry {
	height: 285px;
	margin: 0 0 -220px;
	position: relative;
	top: -220px;
	z-index: 12; }

#main {
	min-height: 480px;
	padding: 30px 0; }
	
	.page-home #main { padding-top: 0; }

	#page #content {
		float: right;
		width: 640px; }
	
	#page #sidebar {
		float: left;
		width: 280px; }

#sidenav ul {
	border-top: 1px solid #d6d6d6;
	list-style: none;
	margin-left: 0;
	padding: 0; }
	
	#sidenav h2 a:hover { color: #666; }
	#sidenav h2 a 		{ color: #333; text-decoration: none; }

	#sidenav ul li {
		border-bottom: 1px solid #d6d6d6; }
	
	#sidenav ul ul {
		border: none;
		font-size: 0.86em;
		list-style: none;
		margin: 0 0.75em 0.5em 20px; }

		#sidenav ul ul li {
			border: none; }

		#sidenav ul ul ul {
			font-size: 1em;
			margin-left: .75em; }

	#sidenav ul a:hover { text-decoration: underline; }

	#sidenav ul a {
		background: #fff url(/pics/kaukomarkkinat/sidenav-bullet.gif) left no-repeat;
		display: block;
		padding: 8px 20px;
		text-decoration: none; }

		#sidenav ul ul a {
			background: none;
			color: #666;
			display: inline;
			padding: 0; }

	#sidenav a#selected {
		color: #111;
		font-weight: bold; }

#events .event-cal {
	background: #fff url(/pics/kaukomarkkinat/bg-calendar.png) top no-repeat;
	float: left;
	height: 46px;
	line-height: 1;
	margin: 0.3em 1em 1em 0;
	overflow: hidden;
	text-align: center;
	width: 46px; }

	#events .event-cal span {
		display: block;
		font-weight: bold;
		padding: 3px 0; }
	
	#events .event-cal .event-cal-month {
		color: #fff;
		font-size: 0.71em; }
	
	#events .event-cal .event-cal-day {
		color: #000;
		font-size: 1.57em; }

	#events ul {
		border-top:1px solid #D6D6D6;		
	}



#column-header 	{ }
#column-main 	{ float: left; display: inline; overflow-x: hidden; width: 380px; }
#column-side 	{ float: right; display: inline; overflow-x: hidden; width: 230px; }
#column-extra 	{ clear: both; }

#footer {
	background: #002157;
	clear: both;
	color: #78a1b1;
	font-size: 0.86em;
	/* height: 280px;
	margin-top: -300px; */
	overflow: hidden;
	padding: 20px 0 0;
	position: relative; }

	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4 {
		color: #fff;
		text-transform: uppercase; }
	
	#footer a:hover { text-decoration: none; }
	#footer a 		{ color: #4683e6; }
	
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0; }
	
	#footer .column {
		border-right: 2px solid #072b66;
		float: left;
		min-height: 170px;
		padding: 10px 20px;
		width: 198px; }
	
		#footer .column.first {
			padding-left: 0;
			width: 218px; }
		
		#footer .column.last {
			border: none;
			width: 200px; }

#footer #copyright {
	background: #011630;
	color: #fff;
	height: 60px;
	line-height: 60px;
	margin-top: 30px; }

	#footer #copyright p {
		float: right;
		margin: 0; }
	
	#footer #copyright a { color: #fff; }

	#footer #copyright img {
		float: left;
		margin-top: 17px; }


/* Industry Slider
-------------------------------------------------------------- */
#industry-slider {
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
	background: #e3e3e3 url(/pics/kaukomarkkinat/industry-slider-bg.gif) repeat-x top;
	border: 1px solid #ddd;
	height: 310px;
	margin-bottom: 1.5em;
	overflow: hidden;
	position: relative;
	width: 640px; }

	#industry-slider #slides {
		height: 270px;
		position: absolute;
		width: 9999em; }

	#industry-slider .slide {
		-moz-border-radius-topleft: 1ex;
		-moz-border-radius-topright: 1ex;
		-webkit-border-top-left-radius: 1ex;
		-webkit-border-top-right-radius: 1ex;
		color: #666;
		float: left;
		height: 270px;
		position: relative;
		width: 640px; }
	
		#industry-slider .slide a:hover { text-decoration: underline; }
		
		#industry-slider .slide a {
			font-weight: bold;
			text-decoration: none; }
		
		#industry-slider .slide p { margin-bottom: .75em; }
		
		#industry-slider .slide ul {
			font-size: 0.86em;
			list-style-type: none;
			padding: 0; }
			
			#industry-slider .slide ul li {
				background: transparent url(/pics/kaukomarkkinat/industry-slider-bullet.png) no-repeat left;
				padding: 0 0 0 1.5em; }
	
		#industry-slider .slide .slide-txt {
			bottom: 60px;
			left: 20px;
			position: absolute;
			width: 340px; }
		
		#industry-slider .slide .slide-img {
			-moz-border-radius: 1ex;
			-webkit-border-radius: 1ex;
			background: #4a4a4a;
			color: #fff;
			font-size: 0.86em;
			font-weight: bold;
			padding: 15px 15px 5px;
			position: absolute;
			right: 20px;
			text-align: center;
			top: 20px; }
		
			#industry-slider .slide .slide-img img { border: 1px solid #d8d8d8; }

#industry-slider-nav {
	bottom: 0;
	position: absolute;
	padding-top: 7px;
	width: 100%; }
	
	#industry-slider-nav-wrapper {
		-moz-border-radius-bottomleft: 1ex;
		-moz-border-radius-bottomright: 1ex;
		-webkit-border-bottom-left-radius: 1ex;
		-webkit-border-bottom-right-radius: 1ex;
		background: #f6f6f6 url(/pics/kaukomarkkinat/scroller-nav-bg.gif) top repeat-x;
		font-size: 0.86em;
		height: 40px; }
	
	#slider-nav {
		float: left;
		left: 50%;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		position: relative; }
	
		#slider-nav li {
			float: left;
			position: relative;
			right: 50%; }
		
		#slider-nav a:focus { outline: 0; }
		#slider-nav a:hover { color: #333; }
	
		#slider-nav a {
			border-right: 1px solid #ddd;
			color: #666;
			cursor: pointer;
			display: block;
			float: left;
			font-weight: bold;
			height: 40px;
			line-height: 40px;
			text-decoration: none; }
		
			#slider-nav a span {
				display: block;
				float: left;
				height: 40px;
				padding: 0 15px; }
		
		#slider-nav a.nextPage,
		#slider-nav a.prevPage,
		#slider-nav a.homePage span {
			width: 40px;
			padding: 0;
			text-indent: -999em;
			text-decoration: none;
			background-position: top;
			background-repeat: no-repeat; }
		
		#slider-nav a.prevPage { background-image: url(/pics/kaukomarkkinat/industry-slider-prev.png); }
		
		#slider-nav a.nextPage { border: none; background-image: url(/pics/kaukomarkkinat/industry-slider-next.png); }
		
		#slider-nav a.homePage span { background-image: url(/pics/kaukomarkkinat/industry-slider-home.png); }
		
		#slider-nav a.current {
			background: transparent url(/pics/kaukomarkkinat/industry-slider-selected.gif) no-repeat top;
			margin-top: -6px;
			position: relative; }
		
		#slider-nav a.current span { color: #fff; background-color: #666; margin-top: 7px; background-position: bottom; }
		
		#slider-nav a.disabled { color: #ccc; background-position: bottom; }


/* Frontpage Slider
-------------------------------------------------------------- */
#select-industry {
	padding-bottom: 25px;
	background: transparent url(/pics/kaukomarkkinat/shadow.png) bottom no-repeat;
	overflow: hidden; }
	
	#select-industry a 			{ color: #fff; text-decoration: none; }
	
	#select-industry ul {
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0; }
				
		#select-industry ul li {
			width: 305px;
			height: 265px;
			border: 1px solid #d4d4d4;
			cursor: pointer;
			position: relative;
			overflow: hidden;
			padding: 0;
 			float: left;
			display: inline;
			margin-right: 20px; }

		#select-industry ul li#slide1 {
			background: transparent url(/pics/kaukomarkkinat/slide01.jpg) no-repeat 0 0; }
		
		#select-industry ul li#slide2 {
			background: transparent url(/pics/kaukomarkkinat/slide02.jpg) no-repeat 0 0;
			margin-right: 19px; }
		
		#select-industry ul li#slide3 {
			background: transparent url(/pics/kaukomarkkinat/slide03.jpg) no-repeat 0 0;
			margin-right: none; }
	
			#select-industry ul li .slide-header {
				position: absolute;
				bottom: 10px;
				height: 35px;
				padding: 13px 10px 0;
				margin: 0;
				background: #42bce3;
				width: 285px; }
				
				#select-industry ul li .slide-header h4 {
					color: #fff;
					float: left;
					display: inline;
					line-height: 1;
					text-transform: none;
					white-space: nowrap;
					padding: 0 15px 0 0;
					background: transparent url(/pics/kaukomarkkinat/slider-h4-bg.gif) no-repeat 100% 8px; }

	#select-industry .slide { display: none; }
	
		#select-industry .slide a:hover { text-decoration: underline; }

		#select-industry ul li.active .slide {
			display: block;
			height: 225px;
			width: 780px;
			padding: 20px; }

	#select-industry .slide-txt h1,
	#select-industry .slide-txt h2,
	#select-industry .slide-txt h3,
	#select-industry .slide-txt h4 { text-transform: none; color: #fff; }

	#select-industry .slide-txt {
		float: right;
		width: 320px;
		color: #fff; }
		
		#select-industry .slide-txt .site-links {
			float: left;
			margin-right: 40px;
			font-size: 0.86em; }
			
			#select-industry .slide-txt .site-links a:hover { text-decoration: underline; }
			#select-industry .slide-txt .site-links a { text-decoration: none; }
		
		#select-industry .slide-txt ul {
			list-style: none;
			position: relative;
			margin: 0;
			padding: 0;
			float: left; }
					
			#select-industry .slide-txt ul li {
				width: auto;
				height: auto;
				border: none;
				cursor: normal;
				display: block;
				overflow: hidden;
				padding: 0; }

#select-industry ul li.active .slide-header { display: none; }


/* Forms
-------------------------------------------------------------- */
form table { width: auto; margin: 0; }

form td { padding: 0 10px 0 0; }

fieldset {
	margin: 0 0 0.75em;
	padding: 0 0 1em;
	border-bottom: 1px solid #ccc; }

input[type=text],input[type=password],
input.text,textarea,select {
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 0.5em 0;
	padding: 5px;
	width: 300px; }

input[type=text]:focus,input[type=password]:focus,
input.text:focus,textarea:focus,select:focus {
	border-color: #666; }

textarea {
	height: 180px;
	padding: 5px;
	width: 380px; }

input[type=checkbox],input[type=radio],
input.checkbox,input.radio {
	position: relative;
	top: .25em; }


/* Misc
-------------------------------------------------------------- */
.rss-icon {
	color: #f7941e;
	float: right;
	font-weight: bold;
	text-decoration: none; }

	.rss-icon img { vertical-align: middle; }

.small {
	font-size: 0.86em;
	margin-bottom: 1.25em; }

.large {
	font-size: 1.29em;
	margin-bottom: 1.11em; }

.hide 		{ display: none; }
.quiet 		{ color: #666; }
.loud 		{ color: #000; }
.highlight 	{ background: #ff0; }

.added {
	background: #060;
	color: #fff; }

.removed {
	background: #900;
	color: #fff; }

.first {
	margin-left: 0;
	padding-left: 0; }

.last {
	margin-right: 0;
	padding-right: 0; }

.top {
	margin-top: 0;
	padding-top: 0; }

.bottom {
	margin-bottom: 0;
	padding-bottom: 0; }

.align-left { text-align: left; }
.align-right { text-align: right; }

.float-left {
	display: ilnline;
	float: left; }

.float-right {
	display: inline;
	float: right; }

.prepend-top { margin-top: 1.5em; }
.append-bottom { margin-bottom: 1.5em; }

.error,
.notice,
.success {
	border: 2px solid #ddd;
	margin-bottom: 1em;
	padding: .8em; }

.error {
	background: #FBE3E4;
	border-color: #FBC2C4;
	color: #8a1f11; }

	.error a { color: #8a1f11; }
	
.notice {
	background: #FFF6BF;
	border-color: #FFD324;
	color: #514721; }

	.notice a { color: #514721; }

.success {
	background: #E6EFC2;
	border-color: #C6D880;
	color: #264409; }

	.success a { color: #264409; }

hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: 1px;
	margin: 0 0 1em;
	width: 100%; }

	#content hr { height: 2px; }

hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden; }
	

.clearfix:after,
.container:after {
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden; }

.clearfix,
.container { display: block; }

.clear { clear: both; }



/* nostosivupohja */
#slider-image-wrapper .slider-image {z-index:-5;}

.slideNavigation{
	cursor: pointer;
}
	
#imageplace_leftArrow {
	background: url(/pics/banner_arrow_active_left.png) no-repeat;
	position:absolute;
	z-index:99;
	top:122px;
	height:241px;
	width:62px;
	}
#imageplace_leftArrow_nonActive {
	background: url(/pics/banner_arrow_nonactive_left.png) no-repeat;
	}		
#imageplace_rightArrow {
	background: url(/pics/banner_arrow_active_right.png) no-repeat;
	position:absolute;
	z-index:99;
	top:122px;
	right:0px;
	height:241px;
	width:62px;
	}
#imageplace_rightArrow_nonActive {
	background: url(/pics/banner_arrow_nonactive_right.png) no-repeat;
	}						
	

/* nostosivupohja */
	
			#slider {
				position:relative;												
			 	width:680px;
			 	*height:360px;*/
			 	/*background: #d5d5d5;*/
				margin-bottom:15px;
			}
			
			.sliderContent {
			
			}
			
			#slider img {
				padding-left:1px;
				padding-top:1px;				
			}
			
			#slider h3.sliderTitle {
				color:#fff;
				font-size:36px;				
				position:absolute;
				top:110px;
				left:37px;
			}
		
			#slider span {
				color:#fff;
				font-size:16px;
				position:absolute;
				left:37px;
				bottom:25px;
				width:490px;
			}
		
			#slider span p {
				color:#fff;
				font-size:16px;
			}
		

		
			#pager {
				position:absolute;
				width:200px;
				height:43px;
				top:350px;
				right:10px;
				z-index:100;		
				text-align:right;		
			}							
			
			#slider #prev {
				background: url(/pics/banner_arrow_active_left.png) no-repeat;
				display:block;
				position:absolute;
				z-index:99;
				top:40px;
				left:-15px;
				height:241px;
				width:62px;															
				text-indent:-9999px;
			}
			
			#slider #next {
				background: url(/pics/banner_arrow_active_right.png) no-repeat;
				position:absolute;
				z-index:99;
				top:40px;
				right:80px;
				height:241px;
				width:62px;		
				text-indent:-9999px;
														
			}			
			
			#pager a {
			 text-decoration:none;
			 color:red;
			}
			
			#pagerNav {																								
				list-style-type:none;
				position: absolute;
				right: 0;
				text-align: right;			
				margin:0;
				padding:0;
			}
			
			
			#pagerNav li {
				position:relative;				
				display:inline;							
				padding-right:6px;				
			}
			
			#pagerNav li a {
			 float:left;
			 background: url("/pics/kaukomarkkinat/pagerCircle.png") no-repeat left top;
			 width:30px;
			 height:26px;
			 font-size:16px;
			 font-weight:bold;
			 text-decoration:none;
			 padding-top:4px;
			 text-align:center;
			 margin-right:3px;
			 color:#024186;
			}
			
			#pagerNav .activeSlide {
				color:#fff;
				background-position:left bottom;
			}