/* CSS-asettelu



Sis�llysluettelo

1. Rakenne 

1.1 yla

1.2 alaosa (vasen ja sisalto)

1.3 vasen

1.4 ala

 _____________

| lo|   yla   |

|_go|_ _ _ _ _|

| v |         |

| a | sisalto |

| s |         |

| e |         |

| n |_ _ _ _ _|

|______ala____|



2. Tekstit, otsikot, fontit, linkit, yms.



3. Sivukohtaiset asettelut

3.0 Etusivu

3.1 Poistomyynti

3.2 Yhteystiedot

3.3 Tuotteet (tuote-esittely)

3.4 Horizontal-div eli pieni kuvagalleria, joka scrollautuu vaakatasossa (esim. p��sivulla ja ajankohtaista-sivulla).

3.5 Galleria

3.6 iframe (esim. virtuaaliluettelo toimii iframessa)

3.7 esitteet

3.8 sivukartta

3.9 suunnittelu

3.10 haku

3.11 ratings



4 Englanninkielisen sivun asettelut - yl�palkin ikonit



*/







@media screen {  /* Media screen eli n�yt�ll� n�kyv�t asettelut (eri asettelut, kun sivut tulostetaan paperille) */



/* 1. Rakenne */



html, body{		/* esiasettelut ja div.boxin ulkopuolinen osa eli l�hinn� sen taustav�ri */

                font-family: Arial, sans-serif;

                font-size: 10pt;

                line-height: 1.4em;

                color: #303030;

                background-color: #2E2D3B;

                padding-top: 0;

                margin-top: 0;

}

div.boxi {		/* Koko sivun ymp�r�iv� boxi */

                padding-top: 0;

                margin-top: 0;

                margin: auto;

                width: 950px;

                height: 1200px;

                background-color: white;

                text-align: left;

				border: 0;

}

div.logo {		/* Div, joka sitoo vasemmalla ylh��ll� olevan logon  */

                float: left;

                background:url("sivukuvat/logo2.jpg");

                width: 369px;

                height: 143px;

                background-repeat: no-repeat;

}

div.logolinkki {     /* Tekee logosta linkin, jota napsauttamalla pääsee etusivulle */

                width: 350px;

                height: 90px;

}





/* 1.1 Rakenne: yla */



div.yla {       /* Ylapalkki, jossa linkit - Tämän leveyttä voi muuttaa*/

                float: left;

                background:url("sivukuvat/yla.jpg");

                width: 528px;

                height: 143px;

                background-repeat: repeat-x;

}

div.yla_oikea {	/* Ylh��ll� oikealla oleva mutka, ei sis�ll� mit��n muuta kuin taustakuvan */

                float: left;

                background:url("sivukuvat/yla_oikea.jpg");

                background-repeat: no-repeat;

                width: 53px;

                height: 143px;

}

div.kielilinkki {     /* Div, jossa lippu oikealla yl�palkin alaosassa, josta kielen vaihtaminen */

                width: 43px;

                height: 30px;

                color: #ccc;

                margin-top: 84px;

				margin-right: 10px;

                font-size: 8pt;

}

div.kielilinkki img {	/* Se lippu */

				border: 0;

}



ul.paalinkit {                            /* Linkkilista ylh��ll� */

        text-align: left;

        font-family: Arial, Helvetica, sans-serif;

        font-weight: normal;

        font-size: 14pt;

        margin-left: 0;

        margin-top: 48px;

        padding: 0px;

        text-align: left;

}

ul.paalinkit li {                        /* Linkkilistan yksi solu */

        display: inline;

        list-style: none;

}

ul.paalinkit li a {                         /* Linkkilistan yhden solun sisällä oleva linkki */

        text-decoration: none;

        margin: 0;

        padding: 5px;

        margin: 12px;

        padding-top: 42px;

        padding-bottom: 3px;

}

li#etusivu a {												/* Etusivu-ikoni */

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -14px -5px;

}

li#etusivu a:hover {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -814px -5px;

        color: #95BDFF; text-decoration: none;

}

li#etusivu.valittu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -414px -5px;

        color: #999; text-decoration: none;

}





li#tuotteet a {											/* Tuotteet-ikoni */

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -108px -5px;

}

li#tuotteet a:hover {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -908px -5px;

        color: #95BDFF; text-decoration: none;

}

li#tuotteet.valittu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -508px -5px;

        color: #999; text-decoration: none;

}

li#esitteet a {											/* Esitteet-ikoni */

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -212px -5px;

}

li#esitteet a:hover {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -1012px -5px;

        color: #95BDFF; text-decoration: none;

}

li#esitteet.valittu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -612px -5px;

        color: #999; text-decoration: none;

}



li#lisatietoa a {											/* Lis�tietoa-ikoni */

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -305px -5px;

}

li#lisatietoa a:hover {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -1105px -5px;

        color: #95BDFF; text-decoration: none;

}

li#lisatietoa.valittu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -705px -5px;

        color: #999; text-decoration: none;

}

ul.paalinkit a:link { color: #FFF; }

ul.paalinkit a:visited { color: #FFF; }

ul.paalinkit a:active { color: #FFF; }



ul.alalinkit {     			                       /* Alempi linkkilista ylh��ll� */

        text-align: left;

        font-family: Arial, Helvetica, sans-serif;

        font-weight: bold;

        font-size: 11pt;

        margin-left: 0;

        margin-top: 0px;

        padding: 0px;

		width: 500px;

		float: left;

		border: 0px solid red;		

}

ul.alalinkit li {         			               /* Linkkilistan yksi solu */

        display: inline;

        list-style: none;

}

ul.alalinkit li a {              		           /* Linkkilistan yhden solun sisällä oleva linkki */

        text-decoration: none;

        margin: 0;

        padding-left: 35px;

        padding-top: 0px;

        padding-bottom: 3px;

        color: white;

}

ul.alalinkit li a:hover {

        color: #1D2C64;

        text-decoration: underline;

}

ul.alalinkit a.valittu { color: #666; }









/* DataTables-jQuery-taulujen muotoilut */

table.datatables {
	border: 1px solid #777;
}

table.datatables thead {
	cursor: pointer;
	background-color:#ddd;
	border: 1px solid #ccc;
}

table.datatables tbody tr:nth-child(even){
	background-color:#eef;
	border: 1px solid #ccc;
}

table.datatables td, table.datatables th {
	border: 1px solid #ccc;
    font-size: 10pt;
}

table.datatables td.pr, table.datatables th.pr {
    font-size: 8pt;
    text-align: center;
    padding:0;
}







/* 1.2 Rakenne: alaosa: vasen ja sisalto */



div.alaosa {		/* Alaosaan kuuluu vasen palkki ja sivujen valkotaustainen sis�lt� */

                /*clear: both;

                width: 100%;*/

                /*height: 580px;*/

				/*border: 1px solid red;*/

}







/* 1.3 Rakenne: vasen */



div.vasen_boxi {  /* Vasemman palkin ymp�rill�, varmistaa, ettei vasen palkki lopu kesken. Ei siis sis�lt��, vain taustakuva. */

                float: left;

				background-color: #A2A3A8;

                background:url("sivukuvat/vasen.jpg");

                background-repeat: repeat-y;

                width: 226px;

                height: 820px;

                padding-right: 0px;

                margin-bottom: -990px;

                padding-bottom: 990px;

}

div.vasen {		/* Vasen palkki ja sen sis�lt� */

				padding-left: 10px;

				padding-right: 5px;

				/*border: 1px solid red;*/

}

div.vasen form.tuotehaku {

				margin: 0 auto;

				padding: 5px;

				/*border: 1px solid blue;*/

}

fieldset.tuotehaku {

				width: 160px;

}



div.vasen h2 {

				padding-top: 20px;

				text-align: center;

}



/* UUSI VALIKKO VASEMMALLA */



		ul#menu, ul#menu ul {

		  font-family: Arial, sans-serif;

		  font-size: 8pt;

		  background-color: #B2B3B8;

		  list-style-type:none;

		  text-align: left;

		  margin: 0;

		  padding: 0;

		  width: 200px;

		  line-height: 1.2em;

		}

		ul#menu a {

		  display: block;

		  text-decoration: none;

		  margin-bottom: 1px;		  

		}

		ul#menu li {

		  margin: 0;

		  padding: 0;	

		  margin-top: 0px;

		}

		ul#menu li a {

		  background: #33333F;

		  color: #fff;	

		  padding: 3px;

		  padding-left: 7px;

		  padding-top: 7px;

		  padding-bottom: 7px;

		  font-weight: bold;		  

		}

		ul#menu a.paaryhma {

		  padding: 15px;

		  font-size: 9pt;

		}

		ul#menu li a:hover {

		  background: #000;

		}

		ul#menu li ul li a {

		  background: #696878;

		  color: #fff;

		  padding-left: 20px;

		  font-weight: bold;

		}

		ul#menu li ul li a:hover {

		  background: #5B5A68;

		  border-left: 5px #000 solid;

		  padding-left: 15px;

		}

		ul#menu a.menulinkki {

			background: #ddd;

			color: #000;			

			padding-left: 30px;

			font-weight: normal;

		}

		ul#menu a.menulinkki:hover {

		  background: #ccc;

		  border-left: 10px #22202D solid;

		  padding-left: 20px;

		}	
		
		ul#menu div#showImage {
			position:relative;
			width:0;
			height:0;
		}
		
		ul#menu div#showImage img {
			position:absolute;
			width:100px;
			border:1px solid #555;
			left:200px;
			top:-60px;
		}





div.vasen img.logot { border: 0; padding: 8px; margin-left: -30px; } /* Vasemmassa palkissa olevat logokuvat (finpilar, bals) */

div.vasen img.thumb { border: 0; } /* Vasemmalla sivussa esiinponnahtavien tuotekuvauksien pikkukuvat */

div.vasen p { margin-left: -20px; }

div.vasen form { margin-left: -20px; }



ul#vasen_lista1 { display: none; } /* Tuotelistan ylin osa KK:n tuotteet, joka n�ytet��n, kun Balsin sivu on aktiivinen */

ul#vasen_lista3 { display: none; } /* Tuotelistan alin osa Balsin tuotteet, joka n�ytet��n, kun Balsin sivu on aktiivinen */

ul#vasen_lista3  li{ margin-left: 10px; list-style-type: disc; }



ul.vasen_lista {                    /* Tuotelista vasemmalla */

        text-align: left;

        color: #222;

        font-family: Tahoma, Helvetica, sans-serif;

        line-height: 1.6em;

        font-weight: normal;

        font-size: 9pt;

        margin-left: 0;

        margin-top: 20px;

        padding: 0px;

}

ul.vasen_lista li {                        /* Linkkilistan yksi solu */

        list-style-type: circle;

        border: solid 0px #D8D8D8;

}

ul.vasen_lista li a {                         /* Linkkilistan yhden solun sis�ll� oleva linkki */

        text-decoration: none;

        margin: 0;

        padding-top: 0px;

        padding-bottom: 3px;

        color: #000070;

}

ul.vasen_lista li a:hover { color: white; text-decoration: underline; }



ul.vasen_lista#alalinkit {					/* Alalinkit sijoitettu uudelleen vasempaan palkkiin (ylimp�n� vasemmassa palkissa) */

		padding: 0;

		text-align: left;

		font-family: Arial, sans-serif;

		font-size: 13pt;

		margin-top: -30px;

}

ul.vasen_lista#alalinkit li { list-style: circle url("sivukuvat/whitecircle.gif"); }

ul.vasen_lista#alalinkit a { text-decoration: none; }

ul.vasen_lista#alalinkit a.valittu { color: #666; }



div.pikkudiv { 		/* Esiinponnahtavat tuotekuvaukset */

        display: none;

        position: absolute;

        left: 100px;

        width: 500px;

        border: 2px ridge #444;

        background-color: white;

        padding: 10px;

		padding-left: 30px;

		z-index: 11;		

}

div.pikkudiv img {  /* Esiinponnahtavien kuvausruutujen kuvat */

        float: left;

        vertical-align: text-top;

        padding: 0;

        margin: 0;

        margin-right: 10px;

		z-index: 12;

}







/* 1.4 Rakenne: sisalto */



div.sisalto {		/* Sivujen valkotaustainen osa eli se miss� joka sivun vaihtuva sis�lt� on. */

                float: left;

                padding-left: 35px;

                padding-right: 20px;

                padding-bottom: 40px;

                width: 667px;

                background-color: white;

                font-family: Arial, Helvetica, sans-serif;

                font-size: 10pt;

                line-height: 1.5em;

				background-color: white; padding-bottom: 1000px; margin-bottom: -1000px; 

}

div.sisalto#yhteystiedot, #suunnittelu{	/* T�ll� muutetaan sis�lt� divin asetuksia sivukohtaisesti, eli #yhteystiedot yksil�i yhteystiedot-sivun */

				font-family: Calibri, Tahoma, sans-serif;

}



td.tuotesivuVasen {

				border: 0px solid #888;

}



td.tuotesivuOikea {

				border: 0px solid red;

				width: 220px;

				float: right;

				text-align: right;

				font-size: 8pt;

				line-height: 1.3em;

				font-family: sans-serif;

}



td.tuotesivuOikea img {

				border: 1px solid #aaa;

				padding: 10px;

				float: right;

				margin-bottom: 10px;

				

				/* for Mozilla Firefox */

				-moz-border-radius: 10px;

				-moz-box-shadow: 3px 3px 3px #bbb;



				/* for Safari & Google Chrome */

				-webkit-border-radius: 10px;

				-webkit-box-shadow: 3x 3px 3px #bbb;

}

table#tuotetaulu thead {
    cursor: pointer;
}

table.tuotetiedot, table.tuotesivunTulosta {

				font-family: Calibri, Verdana, sans-serif;

				font-size: 12pt;

				width: 360px;



				border: 1px solid #aaa;

				

				/* for Mozilla Firefox */

				-moz-border-radius: 5px;

				-moz-box-shadow: 3px 3px 3px #bbb;



				/* for Safari & Google Chrome */

				-webkit-border-radius: 5px;

				-webkit-box-shadow: 3x 3px 3px #bbb;

}

table.tuotesivunTulosta {

				width: 220px;

				float: right;

				line-height: 1.5em;

}

table.tuotetiedot td, table.tuotesivunTulosta td {

				border-bottom: 1px solid #aaa;

}

tr.viimRivi td {

				border-bottom: 0;

}

td.ensimSarake {

				width: 120px;

}

table.tuotetiedot tr:nth-child(even), table.tuotesivunTulosta tr:nth-child(even) {

				background-color: #F1F1F1;

}







div.juttu {	/* Sis�ll�n joillakin sivuilla, esim. ajankohtaista-sivulla erotellaan eri aiheet toisistaan. */

        padding-bottom: 10px;

}



div.juttu span {	/* Pienemm�ll� fontilla jotkut tekstit esim. (pdf 256 kt). */

		font-family: Arial, sans-serif;

		font-size: 10pt;

}



/* 1.5 Rakenne: ala */



div.ala {			/* Alapalkki */

                clear: both;

                background-color: #ACACAC;

                background:url("sivukuvat/ala.jpg");

                background-repeat: repeat-x;

                color: #CCC;

                width: 100%;

                height: 30px;

                padding-top: 10px;

                text-align: center;

}

/* ala_boxi toimii samoin kuin vasen_boxi, eli ei sis�ll� mit��n ja huolehtii vain siit�, ett� elementti jatkuu niin alas kuin sis�lt�� on */

div.ala_boxi { float: left; background-color: #2E2D3B; padding-bottom: 1000px; margin-bottom: -1000px; width: 100%; }



div.ala ul {		/* Alapalkin lista eli alapalkin sis�lt�v�t tekstit listassa */

                margin: 0;

                padding: 0;

}

div.ala li {		/* Listan yksi osa, n�ytet��n kaikki riviss�, ei allekkain */

                display: inline;

                list-style: none;

                padding-left: 10px;

                padding-right: 10px;

                padding-bottom: 10px;

}















/* 2. Fontit yms. */



img.bannerikuva {

		margin-bottom: 15px;

		width: 100%;

		float: left;

		display: none;

}

h1 {

        font-family: Tahoma, sans-serif;

        font-size: 16pt;

        letter-spacing: 0.1em;

        color: #1D2C64;

        margin-top: 0;

        padding-top: 0;

		text-align: left;

}

h2 { text-align: left; margin: 0; font-size: 10pt; }

h3 { margin: 0; text-align: left; font-size: 11pt; }

h4 { }

hr {

        width: 100%;

        border: 0;

        border-top: 1px solid #1D2C64;

        margin-top: -10px;

        padding-top: 0;

}

p.tekniset {			/* Sinert�v�ll� taustalla olevat laatikot eli tekniset tiedot ja my�s muunlaiset tekstit. */

        font-family: Arial, sans-serif;

        font-size: 10pt;

        background-color: #E8F0F0;

		padding: 2px;

		padding-left: 7px;

		border: 1px solid #ccc;

}

p.varoitus {			/* Punaisella olevat varoitustekstit (suunnittelusivulla) */

		color: red;

}









/* 3.0 Sivukohtaiset asettelut: Etusivu */



ul.pikalinkit{		/* Etusivulla olevat pikalinkit */

		padding-left: 14px;

}

ol.pikalinkit {

		padding-left: 14px;

		font-family: sans-serif;

}





/* 3.1 Sivukohtaiset asettelut: Poistomyynti */



div.poistomyynti {	/* Poistomyyntisivun div */

		padding-bottom: 30px;

		font-family: sans-serif;

		line-height: 1.2em;

		font-size: 10pt;

		border-bottom: 1px solid #1D2C64;

		margin-bottom: 10px;

}

div.poistomyynti img {

        float: right;

		height: 120px;

        margin-top: 5px;

        margin-bottom: 10px;

        margin-left: 20px;

		border: 0px solid #555;

}









/* 3.2 Sivukohtaiset asettelut: Yhteystiedot */



table.yhteystiedot {	/* Yhteystiedot-sivulla oleva yhteystietotaulukko */

		background-color: #D5D5D5;

		width: 100%;

		padding: 4px;

		border: 1px solid #ccc;

		font-family: Tahoma, sans-serif;

		font-size: 11pt;

}

table.yhteystiedot td#setWidth{ width: 100px; }

table.yhteystiedot tr.otsikko{

		background-color: #D5D5D5;

		font-weight: bold;

		font-size: 8pt;

		padding: 0;

}

table.yhteystiedot tr{	background-color: #E8F0F0;}

table.yhteystiedot tr.varjo {background-color: #DBDDE3;}

table.yhteystiedot td{	padding: 5px; }







/* 3.3 Sivukohtaiset asettelut: Tuoteryhmat-sivun tuote-esittely-taulukko */



table.tuote-esittely {

		width: 100%;

		font-size: 9pt;

		font-weight: bold;

		font-family: Arial, sans-serif;

		line-height: 1.2em;



}

table.tuote-esittely td {

		width: 150px;

		vertical-align: top;

		text-align: center;

		border: 1px solid #aaa;

		padding-top: 5px;

		padding-bottom: 10px;

}



a.tuote{ text-decoration: none; } 



a.tuote:hover{

		color: black;

		text-decoration: none;

}



a.tuote img{ border: 0; margin-bottom: 5px; border: 1px solid #ccc; }



a.tuote:hover img { border: 1px solid black;  }



table.tuotteet {

				font-family: Calibri, Verdana, sans-serif;

				font-size: 10pt;

				

				width: 100%;



				border: 1px solid #aaa;

				

				/* for Mozilla Firefox */

				-moz-border-radius: 5px;

				-moz-box-shadow: 3px 3px 3px #bbb;



				/* for Safari & Google Chrome */

				-webkit-border-radius: 5px;

				-webkit-box-shadow: 3x 3px 3px #bbb;

}



table.tuotteet_lista tr:nth-child(even), table.tuotteet tr:nth-child(even)  {

	background-color: #EEE;

}



table.pistorasiataulukko {

	font-family: sans-serif;

	font-size: 8pt;

	border: 1px solid #BBB;

	line-height: 1.1em;

}

table.pistorasiataulukko td,th {

	border: 1px solid #888;

	padding: 2px;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: center;

}

table.pistorasiataulukko th { line-height: 1.3em; padding-top: 4px; }

table.pistorasiataulukko .prsuko {

	background-color: white; color: black;

}

table.pistorasiataulukko .pr3x16, .pr3x32 {

	background-color: #7781FF; color: black;

} 

table.pistorasiataulukko .pr5x16, .pr5x32 {

	background-color: #FF7777; color: black;

}

table.pistorasiataulukko .pr5x63, .pr5x125 {

	background-color: #FF7777; color: black;

}



table.tuotesivunTulosta img.ikonit {

		width: 20px;

		height: 18px;

		padding: 0;

		margin: 0;

		margin-left: 8px;

		margin-top: 2px;

		

		border: 0px solid #bbb;

		

		/* for Mozilla Firefox */

		-moz-border-radius: 0px;

		-moz-box-shadow: 0px 0px 0px #bbb;



		/* for Safari & Google Chrome */

		-webkit-border-radius: 0px;

		-webkit-box-shadow: 0px 0px 0px #bbb;		

}







/* 3.4 Sivukohtaiset asettelut: Horizontal -kuvascrollaus vaakatasossa */



#horizontal {

		width: 100%;

		height: 150px;

		overflow: auto;

		white-space: nowrap;

}

#horizontal img {

		padding: 10px;

		border: 1px solid #ccc;

		border-top: 1px solid #999;

		border-left: 1px solid #999;

}







/* 3.5 Sivukohtaiset asettelut: Galleria */





div#tuotegalleria {	/* tuotegalleria-sivun sisalto-div */

		/*text-align: center;*/

		font-family: Arial, sans-serif;

		font-size: 8pt;

}

table#tuotegalleria { width: 100%; }

table#tuotegalleria td {

		border: 1px solid #aaa;

		text-align: center;

		padding: 5px;

}

div#tuotegalleria img {

		border: 0;

		width: 100px;

}



#horizontalgalleria {

		width: 100%;

		height: 135px;

		overflow: auto;

		white-space: nowrap;

}

#horizontalgalleria img.pikkukuvat {

		padding: 0;

		margin: 0;

		margin-right: 5px;

		border: 1px solid black;

}

/*a.tuote:hover div{				 Taitaa olla tarpeeton? 

		background-color: #333;

}*/







/* 3.6 Sivukohtaiset asettelut: iframe (esim. virtuaaliluettelo toimii iframessa) */



iframe {

        width: 100%;

        height: 500px;

        border: 1px solid #bbb;

}









/* 3.7 Sivukohtaiset asettelut: esitteet */



ul.luettelo2010 {

        font-size: 10pt;

}



ul.luettelo2010 a {

        font-size: 11pt;

}









/* 3.8 Sivukohtaiset asettelut: sivukartta */



ul.sivukartta {

		padding-left: 5px;

}



ul.sivukartta_pienempifontti {

		font-size: 80%;

}









/* 3.9 Sivukohtaiset asettelut: suunnittelu */



table.suunnittelu {

		background-color: #DDD;

		padding: 5px;

		font-size: 11pt;

		line-height: 1.3em;

}

table.suunnittelu tr { background-color: white;}

table.suunnittelu td { padding: 3px; padding-left: 6px; vertical-align: top;}

table.suunnittelu img { float: right; border: 0; }

table.suunnittelu ul { font-size: 10pt; padding-left: 10px;}

#suunnittelu fieldset { font-size: 10pt; }



td.border { border: 1px solid #bbb; padding-left: 8px; padding-right: 8px; }

tr#prsuko { background-color: #E2E2FF; }

tr#pr3 { background-color: #C1C1FF; }

tr#pr5 { background-color: #FFCDCD; }



ul.pistorasiat {

		padding-left: 15px;

		font-size: 10pt;

		margin-top: -10px;

		line-height: 1.1em;

}

ul.pistorasianrot { 

		padding-left: 40px;

		font-size: 10pt;

		margin-top: 0px;

		margin-bottom: 10px;

		line-height: 1.0em;

}

div.tulostus {

		border: 2px solid #999;

		margin-top: 10px;

		padding: 10px;

		padding-left: 30px;

}

ul.tulostus {

		padding-left: 15px;

		font-size: 10pt;

		font-family: Tahoma, Arial, sans-serif;

		margin-top: -10px;

		line-height: 1.2em;

}

fieldset {

}

#led, #festivo {

}



/* 3.10 Sivukohtaiset asettelut: haku */



div#haku {

		font-family: sans-serif;



}



/* 3.11 Sivukohtaiset asettelut: ratings */



img.ratings {

		height: 290px;

		border: 1px solid #ccc;

}

img.suunnitteluvaihe { float: right; padding-left: 10px; padding-bottom: 2px; width: 300px;}







/* 4 Englanninkielisen sivun asettelut - yl�palkin ikonit */



/* Jotkut yl�palkin linkkien ikonit pit�� sijoittaa uudelleen pikselitarkkuudella */



li#english_etusivu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -18px -5px;

}

li#english_etusivu a:hover {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -818px -5px;

        color: #95BDFF; text-decoration: none;

}

li#english_etusivu.valittu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -418px -5px;

        color: #999; text-decoration: none;

}





li#english_esitteet a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -200px -5px;

}

li#english_esitteet a:hover {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -1000px -5px;

        color: #95BDFF; text-decoration: none;

}

li#english_esitteet.valittu a {

        background:url("sivukuvat/paalinkit.jpg");

        background-position: -600px -5px;

        color: #999; text-decoration: none;

}



} /* Media screen loppuu */



@media print {  /* Media print eli tulostuksessa olevat asettelut */



html { margin: 0; border: 1px solid #888; }



body {

		font-family: Arial, Helvetica, sans-serif;

		font-size: 10pt;

		color: black;

}

img.bannerikuva {

		margin-bottom: 15px;

		width: 100%;

		float: left;

}



h1 { font-size: 14pt; font-family: Arial, Helvetica, sans-serif }





div.yla { display:none; }

div.logo { display:none; }

div.vasen { display:none; }

div.sisalto img { border: 0; padding: 0; float: right; }

div.kielilinkki { display:none; }

div.pikkudiv { display:none; }

hr { width: 100%; border-top: 1px solid black; }

table.yhteystiedot { border: 1px solid #888; }

table.yhteystiedot td { border: 1px solid #888; padding: 4px;}

table, img { background: white; }

td.tuotesivuVasen {

				border: 0px solid #888;

}



td.tuotesivuOikea {

				border: 0px solid red;

				width: 220px;

				float: right;

				text-align: right;

				font-size: 8pt;

				line-height: 1.3em;

				font-family: sans-serif;

}

/*p.sans-serif {	font-family: Verdana, sans-serif; }*/



td.tuotesivuOikea img {

				border: 1px solid #555;

				padding: 10px;

				float: right;

				margin-bottom: 10px;

				

				/* for Mozilla Firefox */

				-moz-border-radius: 10px;

				-moz-box-shadow: 2px 2px 2px #999;



				/* for Safari & Google Chrome */

				-webkit-border-radius: 10px;

				-webkit-box-shadow: 2px 2px 2px #999;

}



table.pistorasiataulukko { border: 1px solid #666; }

table.pistorasiataulukko td,th {

	border: 1px solid #888;

	font-size: 9pt;

	text-align: center;

	font-family: Arial, sans-serif;

}



table.tuotetiedot, table.tuotesivunTulosta {

				font-family: Calibri, Verdana, sans-serif;

				font-size: 9pt;

				width: 360px;

				border: 1px solid #555;

				

				/* for Mozilla Firefox */

				-moz-border-radius: 5px;

				-moz-box-shadow: 2px 2px 2px #999;



				/* for Safari & Google Chrome */

				-webkit-border-radius: 5px;

				-webkit-box-shadow: 2px 2px 2px #999;

}

table.tuotesivunTulosta {

				width: 220px;

				float: right;

				line-height: 1.5em;

}

table.tuotetiedot td {

				border-bottom: 1px solid #555;

}



.jquery_link {

	display:none !important;

}



tr.teknisetTiedot {

	display: block !important;

	font-size: 10pt;

	line-height: 0.9em;

}

tr.teknisetTiedot td:first-of-type { width: 120px; }

tr.teknisetTiedot td:last-of-type { width: 220px; }



tr.viimRivi td { border-bottom: 0; }

td.ensimSarake { width: 120px; }

p.tekniset { font-size: 10pt; float: right; padding-top: 68px; }



ul.yhteystiedot {

					background-color: #6699FF;

					font-family: Verdana, sans-serif;

					font-size: 10pt;

}

ul.yhteystiedot li { list-style-type: circle; }



.noprint { display: none; }



}