@import url(enia.css);


DIV#teaser {
	position: relative;
	width: 1000px;
	height: 378px;
	background: transparent none 0 0 no-repeat;
	margin: 0 0 18px;
	overflow: hidden;
}

A#tablink {
	display: block;
	width: 1000px;
	height: 378px;
	text-indent: -9999px;
	overflow: hidden;
}

DIV#teaser.tab1 { background-image: url(../_img/content/teaser/teaser-maksamme.jpg); }
DIV#teaser.tab2 { background-image: url(../_img/content/teaser/teaser-toissako.jpg); }
DIV#teaser.tab3 { background-image: url(../_img/content/teaser/teaser-kampanja.jpg); }
DIV#teaser.tab4 { background-image: url(../_img/content/teaser/teaser-tyopaikat.jpg); }

UL#teaser-tabs {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1000px;
	height: 75px;
	background: transparent url(../_img/content/teaser/teaser-tabs.jpg) 0 0 no-repeat;
	list-style: none;
}

UL#teaser-tabs LI {
	display: block;
	width: 250px;
	height: 75px;
	background: transparent url(../_img/content/teaser/teaser-tabs.jpg) -9999px -9999px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

UL#teaser-tabs LI A {
	display: block;
	width: 250px;
	height: 75px;
}

UL#teaser-tabs LI#tab1.current { background-position: 0 -75px; }
UL#teaser-tabs LI#tab2.current { background-position: -250px -75px; }
UL#teaser-tabs LI#tab3.current { background-position: -500px -75px; }
UL#teaser-tabs LI#tab4.current { background-position: -750px -75px; }



DIV#content {
	width: 605px;
	height: 264px;
	min-height: 0;
	background: #E2E6EA url(../_img/ui/bg-content-index.gif) 0 0 repeat-x;
	margin-bottom: 25px;
	padding: 35px 41px 0;
	overflow: hidden;
	float: left;
	color: #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

DIV#sidebox {
	width: 296px;
	height: 299px;
	float: right;
}



DIV#content H1 {
	font-size: 23px;
	padding-bottom: 19px;
	font-family: MB, Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: #ADB3BF -1px -1px 0px;
	color: #FFF;
}

DIV#content > DIV {
	position: relative;
	height: 220px;
	padding-bottom: 44px;
}

DIV#content * A.btn {
	position: absolute;
	left: 0;
	bottom: 17px;
}



DIV#ajankohtaista {
	width: 200px;
	height: 220px;
	padding-right: 40px;
	float: left;
}

DIV#ajankohtaista UL {
	list-style: none;
}

DIV#ajankohtaista UL LI {
	padding: 0 0 11px;
	line-height: 1.25em;
}

DIV#ajankohtaista UL LI A {
	color: #353535;
}

DIV#ajankohtaista UL LI SPAN.date {
	display: block;
	font-size: 0.8333em;
}



DIV#text {
	width: 362px;
	font-size: 1.0833em;
	line-height: 1.6154;
	float: right;
}



DIV#toimipisteet {
	width: 254px;
	height: 78px;
	background: transparent url(../_img/content/boxes/bg-toimipisteet.jpg) 0 0 no-repeat;
	margin-bottom: 15px;
	padding: 53px 21px 11px;
	font: bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
}

DIV#toimipisteet P {
	padding-bottom: 15px
}



DIV#rotator {
	position: relative;
	width: 296px;
	height: 142px;
	clear: both;
}

DIV#aperture {
	position: relative;
	width: 296px;
	height: 142px;
	overflow: hidden;
}

DIV#mover {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
	height: 142px;
}

DIV#mover A {
	display: none;
	position: absolute;
	top: 0;
	z-index: 50;
}

A.arr {
	display: none;
	position: absolute;
	top: 50%;
	width: 29px;
	height: 29px;
	background: transparent url(../_img/ui/arrows.png) -9999px -9999px no-repeat;
	margin-top: -15px;
	outline: none;
	z-index: 100;
}

A.arr.left {
	left: -13px;
	background-position: 0 0;
}

A.arr.right {
	right: -13px;
	background-position: -29px 0;
}

A.arr.left:HOVER {
	background-position: 0 -29px;
}

A.arr.right:HOVER {
	background-position: -29px -29px;
}