@charset "utf-8";
/* CSS Document */

body {
	background: #f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

h1 {
	font-size:20px;
	line-height: 24px;
	color: #7c7c7c;
}

a img {
	border: none;
}

a {
	color: #669900;
	text-decoration: none;
	font-weight: bold;
}

#main_container {
	background: url(../images/main_bg.gif) repeat-y;
	width: 894px;
	margin: 0 auto;
}

#main_container img#top_image {
	text-align: center;
	display: block;
	padding: 28px 0 10px 0;
	margin: 0 auto;
}

#navi_wrapper {
	position: relative;
	height: 30px;
	z-index: 2;
}

#navi {
	height: 30px;
	list-style: none;
	width: 821px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 40px;
}

#navi_wrapper img {
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 40px;
}

#navi li {
	display: block;
	float: left;
	padding: 1px 0 0 0;
}

#navi li.last {
	display: block;
	float: right;
}

#navi li a {
	line-height: 26px;
	display: inline-block;
	padding: 0 7px;
	text-decoration: none;
	font-weight: bold;
	color: black;
	font-size:11px;
	vertical-align: top;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #f4f4f4;
	height: 27px;
}

#navi li a.selected, #navi li a:hover {
	background: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #015198;
}

#navi li.first a {
	border-left: none;
	margin-left: 5px;
}

#navi li.hera_first a {
	background: url(../images/navi_hera1.gif) 100% 100% no-repeat;
}

#navi li.hera_first a:hover, #navi li.hera_first a.selected {
	background: white url(../images/navi_hera1_white.gif) 100% 100% no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#navi li.hera_second a {
	background: url(../images/navi_hera2.gif) 100% 100% no-repeat;
}

#navi li.hera_second a:hover, #navi li.hera_second a.selected {
	background: white url(../images/navi_hera2_white.gif) 100% 100% no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#navi li.hera_third a {
	background: url(../images/navi_hera3.gif) 100% 100% no-repeat;
}

#navi li.hera_third a:hover, #navi li.hera_third a.selected {
	background: white url(../images/navi_hera3_white.gif) 100% 100% no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#navi li.hera_fourth a {
	background: url(../images/navi_hera4.gif) 100% 100% no-repeat;
}

#navi li.hera_fourth a:hover, #navi li.hera_fourth a.selected {
	background: white url(../images/navi_hera4_white.gif) 100% 100% no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#navi li.last a {
	border: none;
	margin-right: 8px;
	background: url(../images/lukko.gif) 15px 50% no-repeat;
	padding: 0 15px 0 30px;
}

#navi li.last a:hover, #navi li.last a.selected {
	background: white url(../images/lukko.gif) 15px 50% no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #015198;
}

#main_image {
	text-align: center;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 1;
	top: 0;
}

#text_wrapper {
	background: #fafafa url(../images/text_wrapper_bg.gif) 0 100% repeat-x;
	margin: 2px auto;
	width: 870px;
	padding-bottom: 20px;
}

#text_content {
	background: url(../images/text_content_bg.gif) repeat-x;
	padding: 32px 47px 15px 39px;
	width: 784px;
	margin: 2px auto;
}

#text_content img {
	display: block;
}

#left_paragraph {
	float: left;
	width: 482px;
}

#right_paragraph {
	float: left;
	width: 276px;
	margin-left: 26px;
}

.ajankohtaista, .hera_toimijat {
	background: url(../images/bubble_bg.gif) repeat-y;
	margin-bottom: 20px;
}

.hera_toimijat {
	margin-bottom: 0;
}

.hera_toimijat p {
	margin: 0 20px 20px 20px;
}

.hera_toimijat p a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

.hera_toimijat p a:hover {
	text-decoration: underline;
	font-weight: normal;
}

.hera_toimijat img.top {
	margin-bottom: 15px;
}

.ajankohtaista ul {
	list-style: none;
	padding: 10px 20px;
	margin: 0;
}

.ajankohtaista ul li {
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #f9f9f9;
}

.ajankohtaista ul li.first {
	border-top: none;
}

.ajankohtaista ul li.last {
	border-bottom: none;
}

.ajankohtaista ul li a, .hera_toimijat ul li a {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.ajankohtaista ul li a:hover, .hera_toimijat ul li a:hover {
	text-decoration: underline;
	color: black;
}

.hera_toimijat ul {
	list-style: none;
	padding: 10px 20px;
	margin: 0;
}

.hera_toimijat ul li {
	margin: 0;
	padding: 0;
}

.hera_toimijat h2 {
	padding: 0;
	margin: 0 20px 0 20px;
	color: #6f6f6f;
	font-weight: bold;
	font-size: 12px;
}

#copyright {
	text-align: center;
	background: #f1f1f1 url(../images/main_bottom.gif) no-repeat;
	padding-bottom: 20px;
	padding-bottom: 20px;
	width: 894px;
	height: 37px;
	clear: both;
	color: #939292;
	line-height: 26px;
	font-size: 10px;
	margin: 0 auto;
}

.clearer {
	clear: both;
	float: none;
	width: 1px;
	height: 1px;
}


#herat ul, #herat_inner ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	clear: both;
	width: 482px;
	height: 30px;
}

#herat ul li, #herat_inner ul li {
	float: left;
	cursor: pointer;
	top: 4px;
	z-index: 3;
	position: relative;
}

#herat ul li h1, #herat_inner ul li h1 {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 12px;
	height: 30px;
	text-align: center;
	width: 120px;
	background: url(../images/tab_unselected.gif) no-repeat;
	line-height: 26px;
	vertical-align: middle;
}

#herat ul li h1.hera_first, #herat_inner ul li h1.hera_first a {
	color: #ff6600;
}

#herat ul li h1.hera_second, #herat_inner ul li h1.hera_second a {
	color: #669900;
}

#herat ul li h1.hera_third, #herat_inner ul li h1.hera_third a {
	color: #cc0001;
}

#herat ul li h1.hera_fourth, #herat_inner ul li h1.hera_fourth a {
	color: #990099;
}

#herat ul li.selected, #herat_inner ul li.selected {
	width: 120px;
	position: relative;
	top: 3px;
	z-index: 3;
}

#herat ul li.selected .hera_first, #herat_inner ul li.selected .hera_first {
	background: url(../images/tab_selected_hera1.gif);
}

#herat ul li.selected .hera_second, #herat_inner ul li.selected .hera_second {
	background: url(../images/tab_selected_hera2.gif);
}

#herat ul li.selected .hera_third, #herat_inner ul li.selected .hera_third {
	background: url(../images/tab_selected_hera3.gif);
}

#herat ul li.selected .hera_fourth, #herat_inner ul li.selected .hera_fourth {
	background: url(../images/tab_selected_hera4.gif);
}

#ajax_container {
	margin: 1px;
	padding: 20px;
}

#ajax_wrapper {
	clear: both;
	background: white;
	position: relative;
	z-index: 2;
	width: 478px;
}


#ajax_wrapper h2 {
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}

div.hera_first {
	border: 1px solid #ff6600;
}

#ajax_wrapper.hera_first #ajax_container {
	border: 1px solid #ffc299;
}

#ajax_wrapper.hera_first h2 {
	color: #ff6600;
}

div.hera_second {
	border: 1px solid #669900;
}

#ajax_wrapper.hera_second #ajax_container {
	border: 1px solid #bdd391;
}

#ajax_wrapper.hera_second h2 {
	color: #669900;
}

div.hera_third {
	border: 1px solid #cc0001;
}

#ajax_wrapper.hera_third #ajax_container {
	border: 1px solid #eb9999;
}

#ajax_wrapper.hera_third h2 {
	color: #cc0001;
}

div.hera_fourth {
	border: 1px solid #990099;
}

#ajax_wrapper.hera_fourth #ajax_container {
	border: 1px solid #d699d6;
}

#ajax_wrapper.hera_fourth h2 {
	color: #990099;
}

#ajax_container .wrapper {
	 width: 428px;
}

a.hera_browser {
	display: block;
	line-height: 20px;
}

a#selected {
	background: url(../images/arrow_indicator.gif) 0 3px no-repeat;
	padding: 0 0 0 25px;
}

.container {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

hr {
	height: 1px;
	background: #dcdcdc;
	border: none;
	border-bottom: 1px solid #dcdcdc;
	margin: 0;
	padding: 0;
	color: #dcdcdc;
	margin-bottom: 10px;
	margin-top: 10px;
}

.close {
	float: right;
	cursor: pointer;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 350px;
	background: black;
	display: block;
}

#rss {
	padding: 0 30px
}

h3 {
	font-size: 13px;
	margin-left: 30px;
	line-height: 28px;
	vertical-align: middle;
}

h3 img {
	margin-right: 10px;
	line-height: 28px;
	vertical-align: middle;
	margin-bottom: 4px;
}