@import url( common.css );

A {
	cursor: pointer !important;
}

DIV#contentwrap {
	width: 890px;
	background: #D91618;
}

DIV#content {
	width: 890px;
	background: transparent url(../_img/ui/bg_frontpage.jpg) 0 0 no-repeat;
	float: left;
}

DIV#footer {
	width: 890px;
	height: 57px;
	background: transparent url(../_img/ui/bg_footer.gif) 0 bottom no-repeat;
	clear: both;
}



DIV#tabs {
	position: relative;
	height: 245px;
}

DIV#tabnavi {
	position: absolute;
	left: 602px;
	top: 39px;
	width: 270px;
	height: 146px;
	background: transparent url(../_img/ui/bg_frontpage_tabs.jpg) 0 0 no-repeat;
	padding-top: 2px;
	overflow: hidden;
}

BODY.en DIV#tabnavi { background: transparent url(../_img/ui/bg_frontpage_tabs_en.jpg) 0 0 no-repeat; }

A.tablink {
	display: block;
	width: 270px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

A.tablink { background: transparent url(../_img/ui/bg_frontpage_tabs_hover.jpg) -9999px -9999px no-repeat; }

A#tablink-1:HOVER,
A#tablink-1.act { background-position: 0 -2px; }

A#tablink-2:HOVER,
A#tablink-2.act { background-position: 0 -52px; }

A#tablink-3:HOVER,
A#tablink-3.act { background-position: 0 -102px; }

DIV.tabcontent {
	display: none;
	position: absolute;
	left: 41px;
	top: 63px;
	width: 450px;
	font: normal 16px/23px Arial, Helvetica, sans-serif;
}

DIV.tabcontent H2 {
	padding-bottom: 2px;
	font: bold 18px/25px Arial, Helvetica, sans-serif;
}

DIV#tab-0 { display: block; }

DIV#columns {
	position: relative;
	width: 890px;
	border-bottom: 1px solid #EBEBEB;
	background: #FFF url(../_img/ui/bg_index_columns.gif) 0 0 repeat-y;
	padding-bottom: 0;
	float: left;
	clear: both;
	color: #4e6c7c;
}

DIV#columns H2 {
	height: 37px;
	margin-bottom: 17px;
	font: normal 17px/37px Arial, Helvetica, sans-serif;
	color: #2F353B;
}

DIV#columns P {
	padding-bottom: 12px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}

DIV#columns A,
DIV#columns A:VISITED {
	color: #1190E9;
}

SPAN.newsdate {
	display: block;
	font: normal 10px/13px Tahoma, Arial, Helvetica, sans-serif;
}

A.more {
	position: absolute;
	bottom: 10px;
	background: transparent url(../_img/ui/bullet_add.gif) 0 5px no-repeat;
	padding-left: 17px;
}



DIV#col-1,
DIV#col-2 {
	width: 245px;
	background: transparent url(../_img/ui/bg_index_column.gif) 0 0 no-repeat;
	padding: 0 15px 31px 31px;
	float: left;
}

DIV#col-1 A.more { left: 31px; }
DIV#col-2 A.more { left: 321px; }

DIV#col-3 {
	width: 298px;
	background: #DADDDE url(../_img/ui/bg_index_col3.gif) 0 0 repeat-x;
	padding: 10px 0 0 10px;
	float: left;
}

A.bnnr {
	display: block;
	width: 288px;
	height: 90px;
	margin-bottom: 10px;
	line-height: 90px;
	text-indent: -9999px;
	overflow: hidden;
}

A#jokakoti { background: transparent url(../_img/content/bnnr_jokakoti.jpg) 0 0 no-repeat; }
A#vaisala { background: transparent url(../_img/content/bnnr_vaisala.jpg) 0 0 no-repeat; }
A#avoimet { background: transparent url(../_img/content/bnnr_avoimet.jpg) 0 0 no-repeat; }

BODY.en A#jokakoti { background: transparent url(../_img/content/bnnr_jokakoti_en.jpg) 0 0 no-repeat; }
BODY.en A#vaisala { background: transparent url(../_img/content/bnnr_vaisala_en.jpg) 0 0 no-repeat; }
BODY.en A#avoimet { background: transparent url(../_img/content/bnnr_avoimet_en.jpg) 0 0 no-repeat; }

DIV#flash {
	width: 288px;
	height: 240px;
	border: 1px solid #000;
	border-width: 0 0px 1px 0;
	margin: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
}