/* @override http://www.ottolonkero.fi/css/new_style.css */

a, img{outline: none; border: 0;}
img { behavior: url("iepngfix.htc") }
img.forget { 
	behavior: none;
}

a {
	text-decoration: none;
}

body {
	/*background: #dfebf1 url('../images/tausta_blank.png') repeat-x top center;*/
	/*background: #dfebf1 url('../images/bl_tausta_2.jpg') repeat-x top center;	*/
	background: #dbe8ef url('../images/sin_tausta.jpg') no-repeat top center;		
	/*background-color: #eaf1f7;*/
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 900px;
	height: 100%;
	
}
html {
	height: 100%;
}

body#body_mainosvideot {
	/*background: #dfebf1 url('../images/player_tausta_2.png') no-repeat top center;	*/
}

#pagecontainer {
	width: 900px;
	clear: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.popup {
	position: absolute;
	top: 130px;
	right: 110px;
	text-align: left;
	font-size: 14px;
	font-family: georgia, arial, verdana;
	padding: 34px 0 0 37px;
	background: transparent url(../images/popupbg.png);
	width: 203px;
	height: 90px;
	_position:none;
	_margin-top: 70px;
	-margin-right:-450px;
}
.popup p {
	padding: 0;
	margin: 0;
}
.popup img {
	margin: 0;
	padding: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
	
	#container {
		margin: 0 auto;
		padding: 0;
		width: 900px;
		position: relative;
		z-index: 1;
		text-align: center;
		min-height: 760px;
		height: auto !important;
		height:760px;
	}

	body#body_otto {
		background-color: #dbe8ef;
	}

	body#body_error {
		background-color: #dbe8ef;
	}
	
	body#body_otto #container,
	body#body_error #container {
		height: 600px;
	}
	
	body#body_mainosvideot #container {
		/*background: #eaf1f7 url('../images/mainosvideo_tausta.jpg') no-repeat -10px -70px;*/
		background: #dbe8ef url('../images/video_tausta3.jpg') no-repeat 0 0;		
		height: 653px;
	}
	body#body_tuotteet #container {
		height: 715px;
		/*background: transparent url('../images/iso_purkki.jpg') no-repeat 0 0;*/
		/*background: transparent url('../images/otto_tolkki_tuotetiedot.png') no-repeat 244px 0;		*/
	}
	
	body#body_etusivu {
		background-color: #dbe8ef;
		/*background-image: none;*/
	}
	body#body_etusivu #container {
		height: 657px;		
		width: 900px;
		/*background: transparent url('../images/etusivu_omaedit.jpg') no-repeat 0 -70px;*/
		background-color: #dbe8ef;
		/*background: transparent url('../images/tolkit_etusivu5_4.jpg') no-repeat 0 0;		*/
		background: transparent;				
		
	}	
	body#body_etusivu {
	background: #dbe8ef url('../images/otto_etusivu_12.jpg') no-repeat top center;
}
	
/*	body#body_etusivu #container #etusivu_tuotelinkki {
		position: absolute;
		top: 380px;
		left: 460px;
		width: 177px;
		height: 68px;
	}*/
	
	#etusivu_bottom_wrap {
		xposition: absolute;
		xtop: 448px;
		xleft: 0px;
		width: 900px;
		height: 270px;
		margin: 448px 0 0 0;
		_margin: 248px 0 60px 0;
		padding: 0 0 0 0;
		float: left;
		position: relative;
		z-index: 8;
	}
	#etusivu_bottom_wrap #nuoli {
		position: absolute;
		left: -40px;
		top: 30px;
		width: 131px;
		height: 125px;
	}
	#etusivu_bottom_wrap #podi {
		position: absolute;
		left: 20px;
		top: -50px;
/*		width: 251px;
		height: 348px;*/
		width: 251px;
		height: 267px;
	}	
	
	
	#etusivu_bottom_wrap #etusivu_mainosvideot_text {
		position: absolute;
		left: 70px;
		bottom: -20px;
		width: 210px;
		display: block;
		text-align: left;
		font-family: Georgia;
	}	
	#etusivu_mainosvideot_text h2,
	#etusivu_oikea_alakulma h2 {
		font-size: 17px;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#etusivu_oikea_alakulma h2 {
		font-size: 24px;
	}
	
	

	
	#etusivu_bottom_wrap #etusivu_oikea_alakulma {
		position: absolute;
		left: 304px;
		top: 210px;
		width: 370px;
		display: block;
		text-align: left;
		font-family: Georgia;
	}	

	#etusivu_mainosvideot_text p,
	#etusivu_oikea_alakulma p {
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	
	#etusivu_mainosvideot_text p a,
	#etusivu_oikea_alakulma p a {
		color: #b40151;
		font-weight: bold;
		text-decoration: none;
	}	

	#etusivu_mainosvideot_text p a:hover,
	#etusivu_oikea_alakulma p a:hover {
		color: #000;
	}
	
			
	
	#body_tuotteet #tuotepakkaukset {
		position: absolute;
		top: 296px;
		left: 116px;
		width: 160px;
		text-align: left;
		display: block;
	}	
	#tuotepakkaukset {
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#tuotepakkaukset p {
		padding: 0;
		margin: 0 0 20px 0;
	}
	#tuotepakkaukset span.title {
		font-weight: bold;
	}
	
	
	
	#body_tuotteet #tuoteinfo {
		position: absolute;
		top: 196px;
		right: 0;
		width: 290px;
		text-align: left;
		display: block;
	}		
	#tuoteinfo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	#tuoteinfo h2 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#tuoteinfo h3 {
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}	
	table#tuoteinfo_table {
		border: 0;
		margin: 0;
		padding: 0;
		border-spacing: 0;
	}
	table#tuoteinfo_table td {
		padding: 2px 10px 2px 2px;
	}
	
	.even {
		background-color: #dadee1;
	}	
	
	#otto_logo {
		position: absolute;
		width: 253px;
		height: 137px;
		top: 138px;
		left: 317px;
		z-index: 3;
		xdisplay: none;
		/*background: transparent url('../images/otto_logo.png') no-repeat top left;	*/
	}
	
	#error_logo {
		position: absolute;
		width: 269px;
		height: 149px;
		top: 138px;
		left: 287px;
		z-index: 3;
		/*background: transparent url('../images/otto_logo.png') no-repeat top left;	*/
	}	
	
	#otto_logo_noflash {
		position: absolute;
		width: 253px;
		height: 137px;
		top: 104px;
		left: 317px;
		z-index: 3;
		/*background: transparent url('../images/otto_logo.png') no-repeat top left;	*/
	}	
	
	#video_container {
		position: absolute;
		height: 212px;
		width: 318px;
		top: 400px;
		left: 292px;
	}
	#video_container img {
		width: 318px;
		height: 212px;
	}
	
	#topnavi {
		margin: 0;
		padding: 0;
		width: 900px;
		height: 34px;
		z-index: 200;
		position: relative;
	}
	#topnavi img {
		border: none;
	}
	
	#suora_lonkero {
		position: absolute;
		top: 5px;
		right: 0;
		z-index:20;
		display: none;
	}
	
.fb {
	position: absolute;
	background-color: #ffffff;
		top: 25px;
		right: 20px;
		z-index:20;
}	
	
#nav {
position: absolute;
left: 200px;
top: 0;
width: 492px; /*600px;*/
height: 34px;
/*position:relative;*/
background: url(../images/otto_topnavi_sprite2.gif);
margin: 0;
padding: 0;
font-family: Georgia;
font-size: 16px;
}

#nav li {
float: left;
list-style-type: none;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0 0 0 0;
display: block;
height: 34px;
background: url(../images/otto_topnavi_sprite2.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}


/*up state*/
li#nav_etusivu a {
left: 0;
width: 120px;
background-position: 0 0;
}
/*
li#nav_otto a {
left: 119px;
width: 109px;
background-position: -119px 0;
}*/

li#nav_tuotteet a {
left: 120px;
width: 105px;
background-position: -120px 0;
}

li#nav_mainosvideot a {
left: 225px;
width: 144px;
background-position: -225px 0;
}

li#nav_hartwall a {
left: 369px;
width: 123px;
background-position: -369px 0;
}



/*hover state*/
li#nav_etusivu a:hover {
background-position: 0 -40px;
color: #000;
}
/*
li#nav_otto a:hover {
background-position: -119px -40px;
color: #000;
}*/

li#nav_tuotteet a:hover {
background-position: -120px -40px;
color: #000;
}

li#nav_mainosvideot a:hover {
background-position: -225px -40px;
color: #000;
}

li#nav_hartwall a:hover {
background-position: -369px -40px;
color: #000;
}


/*current state*/
#body_etusivu li#nav_etusivu a {
background-position: 0 -40px;
color: #000;
}
/*
#body_otto li#nav_otto a {
background-position: -119px -40px;
color: #000;
}
*/
#body_tuotteet li#nav_tuotteet a {
background-position: -120px -40px;
color: #000;
}

#body_mainosvideot li#nav_mainosvideot a {
background-position: -225px -40px;
color: #000;
}

#body_hartwall li#nav_hartwall a {
background-position: -369px -40px;
color: #000;
}






#tuote_wrapper {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	outline: 0;
}

#tuote_wrapper #left_col {
	width: 295px;
	float: left;
	height: 530px;
}
#tuote_wrapper #middle_col {
	width: 300px;
	float: left;
	height: 600px;	
}
#tuote_wrapper #right_col {
	width: 305px;
	float: left;
	height: 530px;	
}

#left_col #fourpack {
	width: 160px;
	margin-top: 180px;
	margin-left: 120px;
	display: block;
	text-align: left;
	position: relative;
}

#fourpack #pack4 {
	width: 160px;
	float: left;
}

#pack4 .otto_single {
	float: left;
	margin-top: 10px;
}
#pack4 .otto_4pack {
	float: left;
	margin-left: 10px;
}

#fourpack {
	font-size: 13px;
	font-family: Georgia;
}

	#fourpack p {
		padding: 0;
		margin: 0 0 20px 0;
	}
	#fourpack span.title {
		font-weight: bold;
	}



	#body_tuotteet #tuoteinfo2 {
		position: relative;
		margin-top: 110px;
		margin-left: 10px;
		width: 290px;
		text-align: left;
		display: block;
	}		
	#tuoteinfo2 {
		font-family: Georgia;
		font-size: 13px;
	}
	#tuoteinfo2 h2 {
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#tuoteinfo2 h3 {
		font-size: 13px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}	
	table#tuoteinfo_table {
		border: 0;
		margin: 0;
		padding: 0;
		border-spacing: 0;
	}
	table#tuoteinfo_table td {
		padding: 2px 10px 2px 2px;
	}



#kannu_wrapper {
	width: 900px;
	text-align: center;
}
#kannu_wrapper img {
	border: none;
}






#pikkutolkki_container {
	width: 900px;
	float: left;	
}



#otto_wrapper {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	text-align: center;
	margin-top: 65px;
}

#error_wrapper {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	text-align: center;
}
#error_wrapper #title {
	width: 900px;
	height: 40px;
	padding-top: 75px;
	margin-bottom: 170px;
	text-align: left;	
}


#error_wrapper #title h1 {
	display: block;
	padding-left: 334px;
	font-family: Georgia;
	font-size: 17px;
	font-weight: bold;
}

#error_wrapper #error_tekstit {
/*	width: 284px;
	margin-left: 296px;
	margin: 0px auto;
	padding: 0;
	text-align: center;*/
margin:0 auto 0 294px;
padding:0;
text-align:center;
width:294px;	
}

#error_tekstit h2 {
	font-size: 22px;
	font-weight: normal;
	color: #333;
	font-family: Georgia;
}
#error_tekstit h3 {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	font-family: Georgia;
	text-transform: uppercase;
}

#otto_wrapper #title {
	width: 900px;
	height: 40px;
	padding-top: 25px;
	text-align: center;
}
#otto_wrapper #title h1 {
	margin: 0;
	padding: 0;
	background: transparent url('../images/otto_page_text_top.png') no-repeat top center;
	width: 900px;
	height: 40px;
	text-indent: -9999px;
}

#otto_wrapper #title h1 span {
	text-indent: -9999px;
}



#otto_wrapper  #left_col {
	width: 200px;
	float: left;
	text-align: left;
	font-size: 14px;
	padding-left: 100px;
	line-height: 18px;
}
#otto_wrapper #middle_col {
	width: 300px;
	float: left;
	height: 240px;
}
#otto_wrapper #right_col {
	width: 200px;
	float: left;
	text-align: left;
	font-size: 14px;
	margin-right: 100px;
	line-height: 18px;
}

#otto_wrapper #otto_bottom {
	width: 900px;
	float: left;
	margin-top: 20px;
}




#hartwall_wrapper {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	text-align: center;
}

#hartwall_wrapper #h_logo {
	display: block;
	height: 80px;
	width: 900px;
	text-align: center;
	margin-bottom: 160px;
	margin-top: 25px;
}

#hartwall_wrapper #title {
	width: 900px;
	height: 80px;
	padding-top: 25px;
	text-align: center;
	z-index: 30;
	margin-bottom: 160px;
	position: relative;
}
#hartwall_wrapper #title h1 {
	margin: 0;
	padding: 0;
	/*background: transparent url('../images/hartwall_logo.png') no-repeat 296px 0;*/
	width: 900px;
	height: 80px;
	text-indent: -9999px;
	
}
#hartwall_wrapper #title img {
	position: absolute;
	top: -20px;
	left: 0;
}

#hartwall_wrapper #title h1 span {
	text-indent: -9999px;
}

#hartwall_wrapper #hartwall_text {
	font-family: Georgia;
	font-size: 14px;
	text-align: left;
	width: 300px;
	margin: 0px auto;
}

p.to_hartwall_fi {
	margin: 0;
	padding: 0;
	float: right;
	display: block;
}

p.to_hartwall_fi a {
	color: #b40151;
	font-weight: bold;
	font-size: 14px;	
}
p.to_hartwall_fi a:hover {
	color: #000;
}

p.to_hartwall_fi a em {
	font-size: 18px;
}


#mainosvideo_wrapper {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	text-align: center;
	margin-top: 270px;
}


#mainosvideo_wrapper #left_col {
	width: 199px;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 36px;

}
#mainosvideo_wrapper  #left_col p {
	margin: 2px 10px 2px 20px;
	padding: 0;
}
#mainosvideo_wrapper #middle_col {

	width: 331px;
	float: left;
	height: 240px;
	padding: 0;
	margin: 0px 10px 0px 10px;
}

#mainosvideo_wrapper #middle_col #video_title {
	height: 20px;
	width: 318px;
	margin-left: 7px;
	display: block;
	float: left;
	font-family :Georgia;
	font-size: 13px;
}

#middle_col #player {
	width:318px;
	height:212px; 
	margin: 0 auto;
	padding: 0;	
}

#mainosvideo_wrapper #right_col {
	width: 250px;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	padding-left: 20px;
	padding-top: 20px;
}

#mainosvideo_wrapper #right_col p {
	font-size: 12px;
	letter-spacing: 0.01em;
	font-family: Georgia;
	font-weight: normal;
	margin: 3px 0 0 0;
	padding: 2px;
	width: 220px;
	line-height: 1.2em;
}

#left_col p span.boldline {
	display: block;
	font-weight: bold;
}


h2.videoarkisto {
	border-bottom: 1px dotted gray;
	border-width: 1px 0;
	width: 177px;
	margin: 0 0 0 74px;
	padding: 0;
	font-family: Georgia;
	font-size: 13px;
	font-weight: bold;
}
h2.mainosvideot {
	border-bottom: 1px dotted gray;
	border-width: 1px 0;
	width: 149px;
	margin: 0 10px 0 20px;
	padding: 0;
	font-family: Georgia;
	font-size: 13px;
	font-weight: bold;
}

.vid_wrap {
	width: 179px;
	float: left;
	display: block;
	clear: left;
	margin: 0;
	padding: 6px 0 2px 0;
	border-bottom: 1px dotted gray;
}
.vid_logo {
	width: 64px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.vid_nimi {
	float: left;
	width: 115px;
	margin: 0;
	padding: 0;
	letter-spacing:0.01em;
	line-height:1.1em;	
	
}
.vid_logo img {
margin: 0;
padding: 0;
}





#anna {
	position: relative;
	float: left;
}




ul#pikkutolkit_navi {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#pikkutolkit_navi li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	padding: 0 5px 0 5px;
	width: 80px;
	margin: 10px 2px 10px 2px;
	height: 120px;
	text-align: center;
}
ul#pikkutolkit_navi li a {
	display: block;
	height: 100px;
	padding: 1px 1px 1px 1px;	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 26px 10px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-family: Georgia;
}

* html ul#pikkutolkit_navi li a {
	font-size: 11px;
	line-height: 13px;
	letter-spacing: -0.09em;
	font-family: Georgia;
}

ul#pikkutolkit_navi li a span {
	display: block;
	padding-top: 80px;
	width: 60px;
	margin: 0px auto;
}

ul#pikkutolkit_navi li a:hover,
ul#pikkutolkit_navi li a.valittu {
	background-position: 26px 0px;
}

ul#pikkutolkit_navi li a.valittu {
	font-weight: bold;
}















#videomenu {
	width: 183px;
	padding: 0;
	margin: 0 0 0 74px;
	background-color: transparent;
}

#videomenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 183px;
	zoom: 1;
}
#videomenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	clear: left; 
	background-color: transparent;
	width: 183px;
}
#videomenu ul li img {
}
#videomenu ul li a {
	cursor: hand;
	text-decoration: none;
	background-color: transparent;
	color: black;
	font-family: Georgia;
	font-size: 12px;
	display: block;
	float: left;
	clear: left;
	width: 183px; 
	background-image: url('../images/oikea_viiva_2.png');
	background-position: top right;
	background-repeat: no-repeat;	

}
* html #videomenu li a {
	width: 183px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	background-image: url('../images/oikea_viiva_2.png');
	background-position: top right;
	background-repeat: no-repeat;	
	color: #000000;
	font-family: Georgia;
	font-size: 10px;
	display: block;
	float: left;
	clear: left;
	letter-spacing:0.01em;
	line-height:1.1em;	
	
}
#videomenu a:hover,
#videomenu a.valittu {
	background-color: white;
	width: 183px;
	background-image: url('../images/oikea_viiva_2.png');
	background-position: right center;
	background-repeat: no-repeat;	
	border-right: none;	
	padding: 0;
	margin: 0;
	clear: left;
}

#videomenu .vid_wrap_muutos {
	width: 175px;
	float: left;
	display: block;
	clear: left;
	margin: 0;
	padding: 5px 0 3px 0;
	border-bottom: 1px dotted gray;
	position: relative;
	overflow: hidden;
}

.vid_wrap_muutos .image_wr {
	width: 57px;
	float: left;
}
.vid_wrap_muutos .text_wr {
	width: 114px;
	float: left;
	padding-left: 4px;
}


body#body_etusivu #container #etusivu_tuotelinkki2 {
position: absolute;
top: 480px;
left: 500px;	
/*background: transparent url(../images/otto_tuotteisiin_sprite_png.png) no-repeat top left;*/
margin: 0;
padding: 0;
font-family: Georgia;
font-size: 20px;
font-weight: bold;
color: #fff;
width: 177px;
height: 68px;
z-index: 40;

}

/*#etusivu_tuotelinkki2 a {
	float: left;
}*/



body#body_etusivu #container #etusivu_tuotelinkki {
position: absolute;
top: 380px;
left: 460px;	
background: transparent url(../images/otto_tuotteisiin_sprite_png.png) no-repeat top left;
margin: 0;
padding: 0;
font-family: Georgia;
font-size: 20px;
font-weight: bold;
color: #fff;

}

#etusivu_tuotelinkki a {
position: absolute;
text-decoration: none;
top: 0;
margin: 0;
padding: 0 0 0 0;
display: block;
width: 177px;
height: 68px;
background: transparent url(../images/otto_tuotteisiin_sprite_png.png) no-repeat 0 68px;
overflow: hidden;
float: left;

}

#etusivu_tuotelinkki a span {
	display: block;
	padding-top: 16px;
}
#etusivu_tuotelinkki a span em{
	font-size: 22px;
}

/*up state*/
#etusivu_tuotelinkki a {
left: 0;
top: 0;
width: 177px;
background-position: 0px 68px;
}



/*hover state*/
#etusivu_tuotelinkki a:hover {
background-position: 0px -68px;
color: #c30158;
}

/*current state*/
#etusivu_tuotelinkki a {
background-position: 0px 0px;
color: #fff;
}



#etusivu_bottom_wrap #etusivu_cont {
		position: absolute;
		left: -40px;
		top: -28px;
		height: 267px;
		width: 262px;
}

#etusivu_cont a {
	background-image: url(../images/es_nuoli_sprite2.gif);
	background-position: 0 76px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
}
#etusivu_cont a img {
	width: 251px;
	height: 267px;
	margin-left: 60px;
	
}





/*up state*/
#etusivu_cont a {
left: 0;
top: 0;
width: 177px;
background-position: 0px 267px;
}



/*hover state*/
#etusivu_cont a:hover {
background-position: 0px -267px;
color: #c30158;
}

/*current state*/
#etusivu_cont a {
background-position: 0px 0px;
color: #fff;
}


#extranosto1 {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 254px;
	height: 203px;
	z-index: 200;
}

#extranosto2 {
	position: absolute;
	bottom: 50px;
	right: 50px;
	width: 203px;
	height: 254px;
	z-index: 200;
}



.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 30%;
	height: 25%;
	padding: 16px;
	border: 16px solid red;
	background-color: white;
	z-index:1002;
	overflow: auto;
	text-align: center;
}






#pv_div {
	width: 210px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 1em;
	font-family: Georgia;
		
}

/*

		
		.otto_mainosvideot {
			width: 96px;
			height: 70px;
			float: left;
			margin: 2px;
			position: relative;
			text-align: center;
		}
		.otto_mainosvideot img.thumb_notselected,
		.otto_mainosvideot img.thumb_selected { 
			border: 6px solid transparent;
			padding: 6px;
			border: none;
			margin-top: 2px;
			
			
		}
		.otto_mainosvideot img.thumb_selected {
			border: 6px solid #fff;
			padding: 0;
		}		
		.otto_mainosvideot a {
			font-family: Georgia;
			font-size: 12px;
			display: block;

			text-decoration: none;
			width: 100px;
			height: 80px;
		}
		.otto_mainosvideot span.playicon {
			display: none;
			position: absolute;
			top: 8px;
			left: 22px;
			z-index: 2;
		}
		.otto_mainosvideot span.teksti {
			display: block;
			font-family: Georgia;
			font-size: 12px;
			
		}


.otto_mainosvideot a,
.otto_mainosvideot a:link,
.otto_mainosvideot a:active {
	color: #000;
	font-family: Georgia;
	text-decoration: none;
	font-size: 12px;
}

.otto_mainosvideo a:hover {
	text-decoration: underline;
}


.otto_mainosvideot a span,
.otto_mainosvideot a:link  span,
.otto_mainosvideot a:active  span {
	color: #000;
	font-family: Georgia;
	text-decoration: none;
	font-size: 12px;
}
.otto_mainosvideot a:hover  span {
	text-decoration: underline;
	border: none;
	font-size: 12px;
}

.otto_mainosvideot a.thumb_selected span {
	text-decoration: underline;
	font-size: 12px;
}



*/


		a.mainosv_item {
			display: block;
			float: left;
			width: 90px;
			height: 70px;
			text-align: center;
			margin-right: 2px;			
			position: relative;
			padding-top: 5px;
			color: #000;
			border: none;
			
		}

		a.mainosv_item img.main,
		a.mainosv_item img.main_valittu {
			position: relative;
			border: 0;
			padding: 6px;
			background-color:transparent;
		}
		a.mainosv_item img.main_valittu {
			background-color: white;
		}		
		a.mainosv_item img.sub {
			position: absolute;
			top: 10px;
			/*left: 25px;*/
			left: -2500px;
			width: 55px;
			height: 31px;
			display: block;
			border: 0;
			border: none;
			text-decoration :none;
		}
		a.mainosv_item span {
			font-family: Georgia;
			font-size: 12px;
			display: block;
		}
		
		a.mainosv_item:hover span{
			text-decoration: underline;
		}
		a.mainosv_item:hover img.sub,
		a.mainosv_item:hover img.main,
		a.mainosv_item:hover img.main_valittu {
			border: none;
			border-bottom: none;
		}
		
		
#alakuva {
	width: 411px;
	height: 102px;
	margin:50px auto 0;
	padding: 0;
	position: relative;
}		
/*#alakuva img {
	position: absolute;
	top: -20px;
	width: 411px;
	height: 102px;
	left: 0;	
}*/


/**
 * Biisi
 */
#kjartanin_biisi {
	position: relative;
	margin-top: 530px;
	margin-left: -500px;
}
#kjartanin_biisi .player {
	position: relative;
	z-index: 150;
}
#kjartanin_biisi .player object:active, #kjartanin_biisi .player object:focus {
	outline: none;
}
#kjartanin_biisi .nosto {
	margin-left: -200px;
}

#juhannusnosto {
	position: absolute;
	margin-top: 470px;
	z-index: 500;
	display: none;
}