/* PVO 2009 */

/* Basic styles */
html {
	background: #3a71b4 url(../img/html_bg.png) repeat-x top left;
}
body {
	margin: 0 0 40px 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	color: #525252;
	background: transparent url(../img/body_bg.png) no-repeat top center;
	min-width: 900px;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 48px;
	font-weight: normal;
	color: #3a71b4;
	margin: 0;
	padding: 20px 0 40px 3px;
	font-family: Arial, sans-serif;
	background: transparent url(../img/h1_bg.png) repeat-x bottom left;
	line-height: 1em;
}

h2 {
	line-height: 1.2em;
	font-size: 150%;
	font-weight: bold;
	color: #3a71b4;
	margin: 0;
	padding: 0 0 3px 0;
}

h3 {
	line-height: 1.2em;
	font-size: 100%;
	color: #3a71b4;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0 0 20px 0;
}

a {
	text-decoration: none;
	color: #3a71b4;
}

a:hover {
	text-decoration: none;
	color: #5eb104;
}

.clearer {
	clear: both;
}

.left {
	float: left;
}
.right {
	float: right;
}


/* DIVS */

#container {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 869px;
	min-height: 1200px;
	position: relative;
	z-index: 10;
}

#header {
	background-color: transparent;
	margin: 0;
	padding: 0;
	clear: both;
}
	#logo {
		margin: 0;
		padding: 0;
		width: 350px;
		float: left;
		height: 164px;
	}
	#header-text {
		float: right;
		color: #9db9da;
		height: 17px;
		padding-top: 6px;
		padding-right: 9px;
	}
	#header-links {
		clear: right;
		float: right;
		height: 22px;
		padding-right: 5px;
	}
		#header-links ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#header-links li {
			margin: 0; 
			padding: 0;
			float: left;
			list-style-type: none;
		}
		#header-links a {
			line-height: 14px;
			display: block;
			margin: 4px 0;
			padding: 0 4px;
			color: #ffffff;
			font-weight: bold;
			border-left: 1px solid #6aa2d3;
			border-right: 1px solid #a1c4e4;
		}
			#header-links a:hover {
				color: #3a71b4;
			}
			#header-links li.first a {
				border-left-width: 0;
			}
			#header-links li.last a {
				border-right-width: 0;
				color: #69a1d3;
			}

#navi {
	clear: both;
	margin: 0;
	padding: 8px 105px 10px 10px;
	background: transparent url(../img/navi_bg.png) no-repeat top left;
	height: 32px;
}
	#navi ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		z-index: 1000;
	}
	#navi li {
		margin: 0 1px 0 0; 
		padding: 0;
		float: left;
		list-style-type: none;
	}
	#navi a {
		line-height: 20px;
		display: block;
		padding: 6px;
		font-size: 130%;
		color: #578ec6;
		z-index: 1000;
		float: left;
	}
		#navi a:hover,
		#navi .current a {
			background: #57a206 url(../img/navi_hover_bg.png) repeat-x top left;
			text-decoration: none;
			color: #ffffff;
		}
		#navi a#home {
			background: transparent url(../img/navi_home.png) no-repeat 6px 6px;
			width: 25px;
			height: 25px;
		}
		#navi a#home:hover {
			background: transparent url(../img/navi_home_hover.gif) no-repeat 6px 6px;
			width: 25px;
			height: 25px;
		}


#content {
	clear: both;
	background: transparent url(../img/content_bg.png) no-repeat top left;
	_background: transparent url(../img/content_bg_ie6.png) no-repeat top left;
	margin: 0;
	padding: 0 9px 0 9px;
	line-height: 1.3em;
}

	ul.content-link-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.content-link-list li  {
		margin: 0 0 0 0; 
		padding: 0;
		list-style-type: none;
	}

#contentwrap {
	background: #f9fbfd url(../img/contentwrap_bg.png) no-repeat bottom left;
	padding: 0 0 50px 0;
	margin: 0;
	min-height: 650px;
	_height: 650px;
}
	#pvo-2009-frontpage #contentwrap {
		background: #e8eef4 none;
	}

.content-columns {
	background: transparent url(../img/content-columns_bg.png) repeat-y top left;
	padding: 0;
}
.column-left {
	float: left;
	margin: 0;
	padding: 20px 25px 0 30px;
	width: 585px;
}
.column-right {
	float: right;
	width: 180px;
	padding: 20px 30px 0 0;
}


#subnavi {

}
/* Vain alasivujen subnaviin ylätoppausta */
#pvo-2009-subpage #subnavi {
	padding-top: 40px;
}
	#subnavi ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#subnavi li {
		margin: 0 0 0 0; 
		padding: 0;
		list-style-type: none;
		border-bottom: 2px solid #f5f8fb;
	}
		#subnavi li.first {
			border-top: 2px solid #f5f8fb;
		}
		#subnavi li.current {
			margin-left: -7px;
			margin-right: -7px;
			padding-left: 7px;
			padding-right: 7px;
			background: transparent url(../img/subnavi_current_bg.png) no-repeat bottom left;
		}
	#subnavi a {
		line-height: 20px;
		display: block;
		_height: 1%;
		padding: 2px 12px 2px 12px;
		font-size: 100%;
		font-weight: bold;
		color: #3a71b4;
		z-index: 1000;
	}
		#subnavi a:hover,
		#subnavi .current a {
			background: #a1dc3b url(../img/subnavi_hover_bg.png) repeat-x bottom left;
			text-decoration: none;
			color: #ffffff;
		}
		
#footer {
	clear: both;
	margin: 0;
	padding: 25px 15px 60px 15px;
	background: transparent url(../img/footer_bg.png) no-repeat bottom left;
	_background: transparent url(../img/footer_bg_ie6.png) no-repeat bottom left;
	min-height: 114px;
	_height: 114px;
	position: relative;
}
	#footer-sitemap {
		
	}
		#footer-sitemap a {
			font-size: 85%;
			font-weight: bold;
		}
		#footer-sitemap ul {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			/* Needed for equal height borders */
			overflow: hidden; 
		}
		#footer-sitemap li {
			float: left;
			min-width: 115px;
			_width: 115px;
			/* Needed for equal height borders */
			margin: 0 0 -200px 0;
			padding: 0 20px 200px 20px;
			list-style-type: none;
			border-left: 1px dotted #3a71b4;
		}
			#footer-sitemap li.first {
				border-width: 0;
			}
		#footer-sitemap ul ul {
			float: none;
			clear: both;
			margin: 0;
			padding: 0;
		}
			#footer-sitemap ul ul a {
				font-weight: normal;
			}
			#footer-sitemap ul ul li {
				float: none;
				clear: both;
				margin: 0;
				padding: 0;
				border-width: 0;
			}
	#footer-links-and-copyright {
		position: absolute;
		left: 165px;
		bottom: 12px;
		color: #ffffff;
		font-size: 90%;
	}
		#copyright {
			float: left;
			padding: 2px 18px 2px 0;
			font-weight: bold;
		}
		#footer-links-and-copyright ul {
			margin: 0;
			padding: 2px 0 2px 0;
			list-style: none;
			float: left;
		}
		#footer-links-and-copyright li {
			margin: 0; 
			padding: 0;
			float: left;
			list-style-type: none;
		}
		#footer-links-and-copyright a {
			padding: 0 18px 0 18px;
			margin: 2px 0 2px 0;
			color: #ffffff;
			border-left: 1px solid white;
		}
			#footer-links-and-copyright a:hover {
				color: #3a71b4;
			}

	

/* CLEARFIX to fix backgrounds etc for elements that have floated child elements */
.clearfix:after,
#header:after,
#navi ul:after,
#content:after,
.tabs-navi:after,
.tab:after,
#footer:after,
#footer-sitemap:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
	.clearfix,
	#header,
	#navi ul,
	#content,
	.tabs-navi,
	.tab,
	#footer,  
	#footer-sitemap  
	{
		display: inline-block;
	}
	html[xmlns] .clearfix,
	html[xmlns] #header,
	html[xmlns] #navi ul,
	html[xmlns] #content,
	html[xmlns] .tabs-navi,
	html[xmlns] .tab,
	html[xmlns] #footer,
	html[xmlns] #footer-sitemap
	{
		display: block;
	}
	* html .clearfix,
	* html #header,
	* html #navi ul,
	* html #content,
	* html .tabs-navi,
	* html .tab,
	* html #footer,
	* html #footer-sitemap
	{
		height: 1%;
	}

/* Basic table, striped with jQuery */
table.striped {
	width: 100%;
	/*margin: 0 0 20px 0;*/
	background-color: #f7f9fc;
	/*
	border-left: 1px solid #ebeff3;
	border-bottom: 1px solid #ebeff3;
	*/
}
	table.striped caption {
		font-weight: bold;
		color: #3a71b4;
		padding: 10px;
		font-size: 120%;
	}
	table.striped th,
	table.striped td {
		padding: 3px;
		/*
		border-top: 1px solid #ebeff3;
		border-right: 1px solid #ebeff3;
		*/
	}
	table.striped th,
	table.striped strong {
		color: #3a71b4;
		font-weight: bold;
	}
	table.striped td {
		text-align: right;
	}
	table.striped thead tr {
		background: #ffffff;
	}
	table.striped thead th {
	text-align: right;
	}
	table.striped thead th.left {
	text-align: left;
	}
	table.striped tbody th {
		font-weight: normal;
		color: #525252;
		text-align: left;
	}
	table.striped tr.row-odd {
		/*background-color: white;*/
	}
	table.striped tr.row-even {
		/*background-color: #f7f9fc;*/
	}
	table.striped tr.row-hover,
	table.striped tr.row-hover th,
	table.striped tr.row-hover strong {
		background-color: #5eb104;
		color: #ffffff;
	}
	table.striped .border-bottom {
	border-bottom: #3a71b4 solid 2px;
	}
	table.striped .border-bottom-thin {
	border-bottom: #3a71b4 solid 1px;
	}
	table.striped .bigger-font {
	font-size: 130%;
	font-weight: bold;
	color: #3a71b4;
	}

/* Big background image */
#background-container {
	position: absolute;
	top: 334px;
	left: 0;
	width: 100%;
	height: 657px;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}
	#background-container img {
		width: 100%;
		min-width: 1440px;
		_width: 1440px;
		min-height: 657px;
	}
	
	
.banner-large {
	position: relative;
	height: 265px;
	margin: 0 0 2px 0;
	border-bottom: 8px solid #d0d7dc;
}
	#pvo-2009-frontpage .banner-large {
		margin-bottom: 50px;
		height: 327px;
	}
	#frontpage-map {
		position: absolute;
		top: -118px;
		left: 506px;
		z-index: 100;
	}
.banner-subpage {
	position: relative;
	height: 201px;
	margin: 0 0 0px 0;
	border-bottom: 8px solid #d0d7dc;
	float: left;
}
#subpage-map {
	position: absolute;
	top: -32px;
	left: 653px;
	z-index: 100;
}
.frontpage-boxes {
	padding: 15px 7px 15px 7px;
}
	.frontpage-boxes .box {
		float: left;
		width: 414px;
		height: 201px;
		background: #ffffff;
		margin: 0 2px 0 2px;
		_margin: 0 1px 0 1px;
	}
	.frontpage-boxes .box145{
		float: left;
		width: 145px;
		height: 201px;
		margin: 0 2px 0 2px;
		_margin: 0 1px 0 1px;
		
	}
	.frontpage-boxes .box266{
		float: left;
		width: 266px;
		height: 201px;
		margin: 0 2px 0 2px;
		_margin: 0 1px 0 1px;
	}
	.box-footer {
		background: #ffffff url(../img/box-footer_bg.png) repeat-x top left;
		min-height: 42px;
		_height: 42px;
	}
		.box-footer a {
			color: #5eb104;
			line-height: 42px;
			_height: 1%;
			display: block;
			padding-right: 40px;
			padding-left: 15px;
			text-align: right;
			background: transparent url(../img/frontpage-boxes/box-footer-a_bg.gif) no-repeat center right;
			margin-right: 5px;
		}
			.box-footer a:hover {
				color: #3a71b4;
			}
	.box-footer-2row a {
			line-height: 14px;
			padding-top: 8px;
			background-position: bottom right;
			text-align: left;
			padding-left: 42px;	
		}
			
.image-boxes {
	padding: 0;
	margin: 0 -7px 10px -7px;
}
	.image-boxes .box {
		float: left;
		width: 292px;
		background: #ffffff url(../img/image-box_bg_bottom.png) no-repeat bottom left;
		margin: 0 7px 0 0;
		_margin: 0;
		padding-bottom: 3px;
	}
	.image-boxes .box-content {
		background: #ffffff url(../img/image-box-content_bg.png) no-repeat top left;
		padding: 7px 7px 3px 7px;
	}
	.image-boxes .box-footer {
		background: #ffffff url(../img/box-footer_bg.png) repeat-x top left;
		min-height: 33px;
		_height: 33px;
		width: 278px;
		margin-left: 7px;
		padding-top: 3px;
		border-bottom: 3px solid #ffffff;
	}
	/*Yleinen*/
		.image-boxes .box-footer a {
			font-size: 130%;
			color: #5eb104;
			line-height: 33px;
			_height: 1%;
			display: block;
			padding: 0 40px 0 10px;
			text-align: left;
			background: transparent url(../img/frontpage-boxes/box-footer-a_bg.gif) no-repeat center right;
			margin-right: 5px;
		}
	
		/*Vain Tilinpäätös sivulla*/
		.image-boxes .box-footer span {
			/*font-size: 130%;*/
			font-size: 17px;
			color: #5eb104;
			/*line-height: 33px;*/
			_height: 1%;
			display: block;
			padding: 0 40px 0 10px;
			text-align: left;
			background: transparent url(../img/frontpage-boxes/box-footer-a_bg.gif) no-repeat center right;
			margin-right: 5px;
		}

		/*Vain Tilinpäätös sivulla*/
		.image-boxes .box-footer span a {
			font-size: 14px;
			color: #5eb104;
			line-height: 33px;
			_height: 1%;
			display: inline;
			padding: 0 0px 0 0px;
			text-align: left;
			background: none;
			margin-right: 5px;
		}
			.image-boxes .box-footer a:hover {
				color: #3a71b4;
			}
		
.content-box {
	float: right;
	width: 296px;
	margin: 0 0 0 6px;
	_margin: 0 1px 0 1px;
	background: transparent url(../img/content-box_bg.png) repeat-y top left;
	color: #d95e16;
	padding: 0;
}
	.content-box-wrap {
		padding: 0 0 6px 6px;
		background: transparent url(../img/content-box-wrap_bg.png) no-repeat bottom left;
	}
	.content-box-header {
		background: #f9fbfd url(../img/content-box-header_bg.png) no-repeat bottom left;
		height: 22px;
		padding: 0 6px 0 0;
	}
		.content-box-header h4 {
			margin: 0;
			padding: 2px 36px 1px 5px;
			background: transparent url(../img/content-box-header-h1_bg.png) no-repeat bottom right;
			height: 19px;
			line-height: 19px;
			float: left;
			font-size: 100%;
		}
			.content-box-header h4 span {
				background: transparent url(../img/content-box-header-question.png) no-repeat top left;
				padding-left: 20px;
			}
	.content-box-content {
	width: 250px;
	padding: 9px 8px 9px 8px;
	text-align: center;
	font-style: italic;
	font-size: 125%;
	line-height: 1.5em;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #f4f7fb;
	border-bottom: 1px solid #f4f7fb;
	}
	.content-box-footer {
		background: #ffffff url(../img/box-footer_bg.png) repeat-x top left;
		min-height: 33px;
		_height: 33px;
		width: 278px;
		margin-left: 3px;
		padding-top: 3px;
		border-bottom: 3px solid #ffffff;
	}
		.content-box-footer a {
			color: #5eb104;
			line-height: 33px;
			_height: 1%;
			display: block;
			padding-right: 40px;
			text-align: right;
			background: transparent url(../img/frontpage-boxes/box-footer-a_bg.gif) no-repeat center right;
			margin-right: 5px;
		}
			.content-box-footer a:hover {
				color: #3a71b4;
			}

/* Tabbed content */
.tabs {
	margin: 0 0 20px 0;
}
	.tabs-navi {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.tabs-navi li {
			float: left;
			margin: 0; 
			padding: 5px 0 0 0;
			list-style-type: none;
			background: transparent url(../img/tabs-navi_li_bg.png) no-repeat right top;
		}
		.tabs-navi li.last {
			background: transparent url(../img/tabs-navi_li_last_bg.png) no-repeat right top;
		}
		.tabs-navi li.current {
			z-index: 100;
		}
		.tabs-navi a {
			float: left;
			display: block;
			line-height: 24px;
			padding: 0 25px 0 8px;
			font-weight: bold;
			outline: none;
		}
			.tabs-navi li.first a {
				border-left: 1px solid #f0f2f5;
			}
			.tabs-navi li.current a {
				color: #5eb104;
			}

	.tab {
		padding: 15px 3px 3px 3px;
		border: 1px solid #ebeff3;
		background-color: #ffffff;
	}
/***********************************
			KÄYTTÖEHDOT
***********************************/
body#kayttoehdot {
	background: none;
	background-color: #f9fbfd;
	min-width: 450px;
}

#kayttoehdot .column-left {
	float: left;
	margin: 0;
	padding: 20px 25px 0 30px;
	width: 585px;
}