/* img,a{
	 behavior: url(iepngfix.php)
 }*/
 
 body{
	 margin:0px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:normal;
	 font-size:12px;
	 color:#3e3d40;
	 padding: 0;
	 background:url(images/bg.jpg) top center no-repeat scroll; 
 }
 
 h1,h2,h3,h4{
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:normal;
	 color:#3e3d40;
 }
 h1{
	 font-size:22px;
 }
 h2{
	 font-size:16px;
 }
 h3{
	 font-size:14px;
 }
 h4{
	 font-size:12px;
	 font-weight: bold;
 }
 a{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 text-decoration:none;
	 color:#3e3c3f;
 }
 a:hover{
	 text-decoration:underline;
 }
 #leiska{
	position:absolute;
	height:100%;
	width:100%;
 }
 #ylapalkki{
	margin: 0 auto;
	width:1260px;
    position: relative;
 }
 #ylapalkki_vasen{
	 width:640px;
	 height:194px;
	 float:left; 
	 position: relative;
	 margin-left: 15px;
 }
 #ylapalkki_vasen_logo{
	 float:left;
	 width:171px;
	 height:28px;
	 margin-top:153px;
	 margin-left:36px;
 }
 #ylapalkki_vasen_form{
	position: absolute;
	height:17px;
	width:190px;
	top:163px;
	right:70px;
	z-index: 2;
 }
 #ylapalkki_vasen_form .search{
	width: 173px;
	height:15px;
	background-color: #ffffff;
	border-left: 1px #8da4c4 solid;
	border-top: 1px #8da4c4 solid;
	border-bottom: 1px #8da4c4 solid;
	border-right: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#8da4c4;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	z-index: 3;
 }
 #ylapalkki_vasen_form_submit{
	width:17px;
	height:17px;
	position:absolute;
	top:0;
	left:173px;
 }
 #ylapalkki_oikea{
	z-index: 1;
 	position: absolute;
 	top: 0; 
 	right: 15px;
	width:640px;
	height:194px;
	display: block;
 }

 #valikkotausta{
	margin:0 auto;
	max-width:1701px;
	width:expression(document.body.clientWidth > 1701? "1701px": "auto" );
	height:27px;
	clear:both;
 }
 
 #valikkopalkki{
	width:1260px;
	height:27px;
	margin:0 auto;
	position: relative;
	z-index: 500;
	/*background: #8DA4C4;*/
 }

 #ylapalkki_oikea_numerot{
	 visibility:hidden; /*Majo 16.2.2011*/
	 position:absolute;
	 top:0;
	 right: 0;
	 width:300px;
	 height:20px;
	 margin-top:7px;
	 margin-right:14px;
	 text-align:right;
 }
 #ylapalkki_oikea_numerot a {
 	visibility:hidden; /*Majo 16.2.2011*/
	margin-left:14px;
	text-decoration:none;
	color:#c6d2e2;
	font-weight: bold;
	font-size:12px;
}
 
#valikko {
	position:absolute;
	max-width: 1200px;
	width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
	height:21px;
	left:17px;
	top:6px;
	float: left;
	z-index: 500;
}

#valikko .taso1 a{
	padding:0 21px 5px 22px;
	color:#ffffff;
}

#valikko #takaisin a{
	background:url(images/valikko_btn_alasivupohja.png) center no-repeat;;
	margin-top:-6px;
	display: block;
	width: 21px;
	height: 27px;
	padding:0;
	color:#ffffff;
}

#valikko ul li .taso1 a:hover{
	color:#ffffff;
}

#valikko ul li .taso1 a:hover, #valikko ul .valittu{
	background: transparent url(images/valikko_btn_pohja.png) bottom center no-repeat;
}

#valikko ul {
	list-style: none;
	margin:0;
	width: auto;
	padding:0;
	float: left;
	z-index: 500;
	position: relative;
}

#valikko a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	display: block;
	margin: 0;
}

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

#valikko a:hover {
	color: #3e3c3f;
	background: #808a93;
}
#valikko .alasivu{
	background: url(images/valikko_arrow.png) right no-repeat;
}
#valikko .alasivu a:hover{
	background: #808a93 url(images/valikko_arrow.png) right no-repeat;
}

#valikko li {position: relative;}

#valikko ul ul {
	margin-left:20px;
	padding: 15px 0 15px 0;
	position: absolute;
	z-index: 500;
}

#valikko ul ul a {
	font-size:12px;
}

#valikko ul ul ul {
	margin-left:0px;
	margin-top:-15px;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 500;
}

#valikko ul li ul{
	white-space:nowrap;
	width:auto;
	background: #E8EEF1 url(images/bg_valikko.jpg) top left repeat-y;
	z-index: 500;
}
#valikko ul li ul a{
	padding:0 15px 0 15px;
}

div#valikko ul ul,
div#valikko ul li:hover ul ul,
div#valikko ul ul li:hover ul ul
{display: none;}

div#valikko ul li:hover ul,
div#valikko ul ul li:hover ul,
div#valikko ul ul ul li:hover ul
{display: block;}
 
 #alavalikkotausta{
	width:1230px;
    padding: 0 15px; /* width yhteens� 1260 */
	margin:0 auto;
	height:27px;
	clear:both; 
 }
 #alavalikko{
	width:160px;
	height:22px;
	float:left;
	text-align:center;
	padding-top:4px;
 }
 #alavalikko_oikea{
	max-width:640px;
	width:expression(document.body.clientWidth > 640? "640px": "auto" );
	height:27px;
	float:right;
 }
 .alavalikko_linkit{
	 width:160px;
	 height:28px;
	 float:left;
	 text-align:center;
 }
 .alavalikko_linkit a:link, .alavalikko_linkit a:visited{
 	display: block;
	 padding-top:7px;
	 color:#ffffff;
 }
 .alavalikko-alaosio1 {
 	background-color: #4d7dd1;
 }
 .alavalikko-alaosio2 {
 	background-color: #5ba029;
 }
 .alavalikko-alaosio3 {
 	background-color: #58585a;
 }
 .alavalikko-alaosio4 {
 	background-color: #f29418;
 }

/* ALAOSIOVALIKON 2-RIVISET */
div#alavalikko_oikea.kieli_ru .alavalikko-alaosio2 a:link, div#alavalikko_oikea.kieli_ru .alavalikko-alaosio2 a:visited,
div#alavalikko_oikea.kieli_ru .alavalikko-alaosio4 a:link, div#alavalikko_oikea.kieli_ru .alavalikko-alaosio4 a:visited,
div#alavalikko_oikea.kieli_ee .alavalikko-alaosio2 a:link, div#alavalikko_oikea.kieli_ee .alavalikko-alaosio2 a:visited {
	padding-top: 2px;
	line-height: 1em;
}

#etusivu_sisalto{
	 overflow:hidden;
	 width:1230px;
	 padding: 0 15px; /* width yhteens� 1260 */
	 margin: 27px auto;
	 height:425px;
	 clear:both;
	 position: relative;
	 z-index: 3;
 }
 #etusivu_sisalto a{
	 color:#3e3d40;
/*	 padding-left:12px;
	 background:url(images/bg_linkki.png) no-repeat;
	 background-position:0px 6px;
*/
 }
 #etusivu_sisalto .erikoislinkki a, 
 #etusivu_sisalto .erikoislinkki a:link, 
 #etusivu_sisalto .erikoislinkki a:visited, 
 #etusivu_sisalto .erikoislinkki a:hover, 
 #etusivu_sisalto .erikoislinkki a:active, 
 #sisalto .erikoislinkki a, 
 #sisalto .erikoislinkki a:link, 
 #sisalto .erikoislinkki a:visited, 
 #sisalto .erikoislinkki a:hover, 
 #sisalto .erikoislinkki a:active {
	 color:#FF0066;
	 padding-left:0;
	 background:none;
 }
 #sisalto{
	 overflow-x:none;
	 overflow-y:auto;
	 width:1230px;
	 padding: 0 15px; /* width yhteens� 1260 */
	 margin:27px auto 0 auto;
	 height:497px;
	 clear:both;
	 position: relative;
	 z-index: 3;
 }
 #sisalto a{
	 color:#3e3d40;
/*	 padding-left:12px;
	 background:url(images/bg_linkki.png) no-repeat;
	 background-position:0px 6px;
*/
 }
 .flashlinkki{
	 width:55px;
	 height:37px;
	 float:left;
	 margin-right:10px;
 }
 .flashlinkki a{
	 color:#3e3d40;
	 padding-left:0 !important;
	 background:none !important;
 }
 .flashlinkki a:hover{
	 border-bottom:1px #e1007a solid !important;
 }
 #ladattava a{
	 background:url(images/bg_linkki_ladattava.png) bottom left no-repeat;
 }
 #sisalto_vasen{
 	 position: absolute;
 	 left: 0;
 	 top: 0;
	 width:210px;
	 height:497px;
	 overflow:hidden;
 }
 #sisalto_vasen_youtube{
	width:185px;
	height:152px;
 }
 #sisalto_vasen_linkit{
	position:relative;
	width:183px;
 }
  #sisalto_keski{
  	 margin-left: 220px; /* #sisalto_vasen:in width + 25px marginia */
  	 margin-right: 330px; /* #sisalto_oikea:n width + 25px marginia */
	 padding:0;
	 overflow:auto;
	 height:497px;
	 z-index: 3;
 }
 /* Tuotesivujen sis�ll�n scrollattava alue */
 #sisalto_tuote {
 	height: 437px;
 	overflow: auto;
 	margin-bottom: 15px;
 }
 #sisalto_oikea{
 	 position: absolute;
	 right: 15px;
	 top: 0;
	 overflow:hidden;
	 float:right;
	 width:320px;
	 height:497px;
 }
 #sisalto_oikea .kuvateksti{
	 font-style:italic;
	 font-size:11px;
 }
 #uutiskentta{
	 overflow: hidden;
	 width:1260px;
	 margin:0 auto;
	 margin-bottom:27px;
	 height:18px;
	 clear:both;
 }
 #uutiskentta a{
	margin:0 30px 0 30px;
	color:#3e3d40; 
 }
 #uutiskentta a:hover{
	text-decoration:underline;
 }
 #liity_postituslistalle{
	 clear:both;
	 font-weight:bold;
	 padding:0 40px 6px 34px;
	 background:url(images/bg_liity_postituslistalle.jpg) bottom left no-repeat;
	 border-bottom:1px #e2017b solid;
 }
 #ota_yhteytta{
	 clear:both;
	 font-weight:bold;
	 padding:0 40px 6px 34px;
	 background:url(images/bg_ota_yhteytta.jpg) bottom left no-repeat;
	 border-bottom:1px #e2017b solid;
 }
 #lataa_tasta{
	 clear:both;
	 font-weight:bold;
	 height:32px;
	 padding:5px 0 0 34px;
	 vertical-align:middle;
	 background:url(images/bg_lataa_tasta.jpg) bottom left no-repeat;
	 border-bottom:1px #e2017b solid;
 }
 .ajankohtaista{
	max-width:630px;
	width:expression(document.body.clientWidth > 630? "630px": "auto" );
	margin-bottom:25px;
 }
 img.ajankohtaista_kuva{
    float: right; 
    clear: right; 
    margin: 4px; 
 }
 #tuote {
	clear:both;
	margin-bottom:35px;
	max-width:630px;
	width:expression(document.body.clientWidth > 630? "630px": "auto" );
	min-height:127px;
 }
 #tuote img{
	 float:left;
	 padding-top:0;
	 padding-right:10px;
	 padding-bottom:30px;
	 width:164px;
 }
 #tuote h1 {
 	margin-top: 1em;
}
 .yhteystiedot_nimi{
	 margin:0;
	 font-weight:bold;
	 font-size:11px;
 }
 .yhteystiedot_muut{
	 margin:0;
	 font-style:italic;
	 font-size:11px;
 }
 div.popup{
	 position:relative;
	 top:-543px;
	 left: 453px;
	 display:none;
	 width:719px;
	 height:440px;
	 background:url(images/esite.jpg) bottom right no-repeat;
 }
 #alaosa{
	height:45px;
	width:100%;
	border-bottom:1px #e3027c solid;
	clear:both;
	position: relative;
	z-index: 4;
 }
 #alapalkki{
	 clear:both;
	 width:1230px;
 	 padding: 0 15px; /* width yhteens� 1260 */
	 height:45px;
	 margin:0 auto;
 }
 #alapalkki_vasen{
	width:750px;
	height:45px;
	float:left; 
 }
 #alapalkki_vasen_facebook{
	 float:left;
	 width:96px;
	 height:29px;
	 margin-left:0;
 }
 #alapalkki_vasen_twitter{
	 float:right;
	 margin-right:18px;
 }
 #alapalkki_sisalto{
	 margin: 0 auto 0 auto;
	 max-width:770px;
	 width:expression(document.body.clientWidth > 770? "770px": "auto" );
	 height:auto;
	 font-size:10px;
	 font-weight:bold;
	 color:#4f6682;
	 text-align: center;
	 top:-12px; /*Markus*/
	 position:relative; /*Markus*/
	 float:right; /*Markus*/

 }
 #alapalkki_sisalto p {
	 padding-top: 12px;
	 display: block;
 }
 #alapalkki_oikea{
	width:370px;
	height:45px;
	float:right;



 }
 #alapalkki_oikea_fullscreen{
	width:28px;
	height:20px;
	float:right;
	margin-right:10px;
	margin-top:5px;
 }
 #alapalkki_oikea_choose {
position:relative;
width: 157px;
height:16px;
right:0;
top:10px; 
float: right;
}

 #alapalkki_oikea_liput {
position:relative;
width: 210px;
height:16px;
right:0;
top:12px; 
float: left;
}

#alapalkki_oikea_choose ul {
background:url(images/bg_valikko.jpg) top left no-repeat;
list-style: none;
margin: 0;
width: 157px;
padding:0;
float: left;
}

#alapalkki_oikea_choose ul li ul{
margin-top:-176px;
height:160px;
padding:10px 0 0 0;
}

#alapalkki_oikea_choose a {
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
display: block;
margin: 0;
}

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

#alapalkki_oikea_choose a:hover {
color: #3e3c3f;
background: #808a93;
}

#alapalkki_oikea_choose li {position: relative;}

div#alapalkki_oikea_choose ul ul,
div#alapalkki_oikea_choose ul li:hover ul ul,
div#alapalkki_oikea_choose ul ul li:hover ul ul
{display: none;}

div#alapalkki_oikea_choose ul li:hover ul,
div#alapalkki_oikea_choose ul ul li:hover ul,
div#alapalkki_oikea_choose ul ul ul li:hover ul
{display: block;}

/* Scrollbar with jquery UI slider */
#slider
{
    height: 497px;
    width: 11px;
    margin:0px 10px 0px 10px;
    float:right;
}
#sisalto #slider a, #etusivu_sisalto #slider a {
	padding-left: 8px;
}
#scroller
{
    width: auto;
    height: 497px;
    overflow:hidden;
}
#content
{
    width: auto;
}

/* Ankkureista taustakuva pois */
#sisalto .ajankohtaista a.anchor {
	background: none;
	line-height: 0.1em;
}

/* Pop-upit */
#pop-up.pop-up {
	display: none;
	position: absolute;
	top: 0;
	left: 235px;
	width: 708px;
	height: 425px;
}

/* Popup-sivutyyppi */
.pop-up .popup-container {
	position: relative;
	width: 708px;
	height: 425px;
	background:url(images/bg_popup.jpg) top left no-repeat;
	z-index: 400;
}

#pop-up.pop-up .popup-sulje {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 9em;
	height: 2em;
	text-align: right;
}

#sisalto .pop-up .popup-sulje a:link, #sisalto .pop-up .popup-sulje a:visited, 
#etusivu_sisalto .pop-up .popup-sulje a:link, #etusivu_sisalto .pop-up .popup-sulje a:visited {
	 background:url(images/bg_linkki_ladattava.png) bottom right no-repeat;
	 padding-right: 10px;
}

.pop-up .popup-kuva {
	position: absolute;
	top: 0;
	left: 0;
	width: 294px;
	height: 415px;
	overflow: hidden;
}

.pop-up .popup-sisalto {
	position: absolute;
	top: 30px;
	left: 320px;
	width: 356px;
	height: 375px;
	overflow: hidden;
}

/* video-popupit */
#video.pop-up {
	display: none;
	position: absolute;
	top: 0;
	left: 235px;
	width: 696px;
	height: 415px;
	z-index: 400;
}

#video div.videot {
	display: none;
}
#video div.show {
	display: block;
}

#video.pop-up .popup-sulje {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	height: 1.3em;
	text-align: right;
	background-color: #fff;
}

#video.pop-up p {
	padding: 0;
	margin: 0;
	float: left;
}

/* Alue-edustajien listaus */
.edustaja_container {
	float: left;
	display: block;
	width: 300px;
	height: 11em;
	margin: 0 12px 12px 0;
}

.edustaja_kuva {
	width: 164px;
	height: auto;
	float: left;
}

.edustaja_teksti {
	margin: 0 0 0 174px;
	width: 126px;
	font-size: 90%;
}

#sisalto .edustaja_container a:link, #sisalto .edustaja_container a:visited {
	background: none;
	padding: 0;
}
