*		{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img,object,embed,td,th	{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
img		{border: none; vertical-align: middle}

body		{background: #2B303C url(/img/alaliuku.png) bottom left fixed repeat-x; margin: 0; padding: 0 0 220px 0; text-align: center;
		 font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF}

td, th	{font-family: Arial, Helvetica;font-size: 75%;color: #2B303C;padding:2px;}

/* Haku.php hakutaulun kaksiensimmäistä solua */
td.yritystd	{width: 350px;}
td.toimialatd	{width: 150px;}

th		{font-size: 85%;text-align: left;}
#tausta		{background: transparent url(/img/ylaliuku.png) top left repeat-x; min-height: 378px; }

/* Yläpalkki ja uutiset */
#ylapalkki	{background: transparent url(/img/logo.jpg) top center no-repeat; height: 266px; overflow: hidden}
#logo		{width: 1000px; margin: 0 auto; position: relative}
#logo h1	{display: none}
#logo h2	{position: absolute; left: 75px; top: 105px; font-size: 100%; color: #FFFFFF; width: 325px; text-align: center; margin: 0; padding: 0}
.uutinen	{position: absolute; top: 35px; right: 0; width: 360px; height: 140px; border: 1px solid #525D73; font-style: italic}
#utausta	{background: #0F1421; opacity: 0.7; -moz-opacity: 0.7}
#uteksti	{color: #FFFFFF; padding: 15px 20px 0 20px; overflow: auto; text-align: left}
#uteksti h3	{font-weight: bold; font-size: 100%; margin: 0 0 1ex 0; padding: 0}
#uteksti p	{font-size: 80%; margin: 0 0 15px 0}
#uteksti a	{color: #3A77CB; text-decoration: none}
#uteksti a:hover	{text-decoration: underline}

/* RSS-uutiset */
.boksi ul.rss	{list-style-type: none; padding: 0; margin: 0}
.boksi ul.rss li	{clear: both; margin: 0; padding: 0}
.boksi ul.rss li a	{display: block; color: #FFFFFF; text-decoration: none; padding: 1ex; position: relative; width: 100%;
			 border-top: 2px solid #FFFFFF; background: #0792a7 url(/img/tagitausta.png) top left repeat-x}
.boksi ul.rss li a *	{cursor: pointer}
.boksi ul.rss li a:hover	{background: #3377CB}
.boksi ul.rss li a:hover .more	{background: #FFFFFF; color: #3377CB; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
.boksi ul.rss li a img	{border: 0 none; float: right; margin-left: 2ex; position: relative}
.boksi ul.rss li a .pad	{display: block; float: right; width: 150px; height: 1.5em; visibility: hidden}
.boksi ul.rss li a var	{font-size: 80%; font-style: italic; color: #EEEEEE}
.boksi ul.rss li a .more	{display: block; position: absolute; top: 1ex; right: 1ex; background: #3377CB; color: #FFFFFF;
				 font-weight: bold; padding: 0 0.5ex; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70)}
.boksi ul.rss strong		{font-size: 120%}

/* Navigaatio */
#navi		{margin: 0 0 0 6px; padding: 0; border: 2px solid #121722; float: left; height: 43px; list-style-type: none}
#navi li	{float: left; border: 1px solid #121722; height: 41px; font-style: italic}
#navi a		{display: block; line-height: 39px; text-align: center; background: transparent url(/img/navi.png) top left;
		 padding: 0 20px; color: #ffffff; text-decoration: none}
#navi a:hover	{font-style: italic;color: #3BAFC2}

/* Sisältöosan rakenne-elementit */
#sivu		{width: 1000px; margin: -210px auto -100px auto; text-align: left}
#sisalto	{background: #F3F3F3; border: 1px solid #F9F9F9; color: #000000; padding: 3px; font-size: 80%;border-radius: 10px; -moz-border-radius: 10px;}
#vasen		{float: left; width: 682px; border: 1px solid #F0F0F0; padding: 25px 35px}
#vasen p	{margin: 0 0 1em 0; padding: 0}
#oikea		{float: right; width: 308px; overflow: hidden;}

/* Tagit */
#tagit		{border: 1px solid #105364; background: #395E96 url(/img/tagitausta.png) top left repeat-x; margin: 0 0 1ex 0;
		 padding: 2px; text-align: center;border-radius: 7px; -moz-border-radius: 7px;}/*#102858;*/
#tagit h3	{margin: 0 0 1ex 0; padding: 0; color: #FFFFFF; font-size: 120%}
#tagit p	{margin: 0; padding: 0 0 1ex 0; font-size: 70%}
#tagit a	{color: #FFFFFF; text-decoration: underline}
#tagit a:hover	{color: #EEEEEE; text-decoration: none}
.tag1,.tag2,.tag3,.tag4,.tag5,.tag6,.tag7,.tag8,.tag9,.tag10 {padding-left: 4px; padding-right: 4px;}
.tag1		{font-size: 220%}
.tag2		{font-size: 200%}
.tag3		{font-size: 180%}
.tag4		{font-size: 170%}
.tag5		{font-size: 160%}
.tag6		{font-size: 150%}
.tag7		{font-size: 140%}
.tag8		{font-size: 130%}
.tag9		{font-size: 120%}
.tag8		{font-size: 110%}

/* Tagibox div, johon asiasanatehdotukset ladataan*/
div#asana 		{cursor: pointer;position:absolute;display: none;border: 1px solid #000000;background-color:#ffffff;padding: 2px; overflow:auto; height: 200px;width:200px;}
label {cursor: pointer}
label#lkunta, label#ltyyppi, label#lvapaasana, label#lkotiseutu		{color: #ffffff;}
.valittu	{text-decoration: none;}

/* Bannerialue on isäntää suurempi, jotta bannereiden marginaalit mahtuvat kyytiin */
.banneri     {border: 1px solid #5A5B53; float: left; margin: 0px 5px 10px 5px;}
.banneri div {border: 1px solid #C9CCD1;}
.banneri img {text-align:center;vertical-align: top}
.banneri embed	{margin: 0 10px 10px 0; border: 1px solid #C9CCD1}
.banneri object	{margin: 0 10px 10px 0; border: 1px solid #C9CCD1}

#f_banners {clear: both;width: 616px; margin-top: -30px;}
#switch_back	{position: relative; top: 14px; left: -20px; }
#switch_forward	{position: relative; top: -6px; right: -618px; }
#switch_back a:link,  #switch_forward a:link, #switch_back a:visited,  #switch_forward a:visited {font-size: 120%;text-align: center;text-decoration: none;color: #5A5B53;}
#switch_back a:hover,  #switch_forward a:hover {color: #FAC91C;}

/* Painikkeet, niiden näköiset otsikot sekä input-nappulat */
.nappi		{height: 39px; line-height: 39px; background: transparent url(/img/loota.png) top left repeat-x; overflow: hidden;margin-bottom:4px;}
.nappi div	{height: 39px; background: transparent url(/img/loota_oik.png) top right no-repeat; text-align: center}
.nappi a	{display: block; height: 39px; background: transparent url(/img/loota_vas.png) top left no-repeat; padding: 0 15px;
		 color: #3A77CB; text-decoration: none; font-size: 120%}
.nappi a:hover	{color: #FFFFFF}
.nappi h4	{display: block; height: 39px; background: transparent url(/img/loota_vas.png) top left no-repeat; padding: 0 15px;
		 color: #FFFFFF; font-size: 120%; font-weight: normal; font-style: italic; margin: 0}
.nappi input	{display: block; height: 39px; background: transparent url(/img/loota_vas.png) top left no-repeat; padding: 0 15px;
		 color: #3BAFC2; text-decoration: none; font-size: 120%; border: 0; margin: 0; cursor: pointer; width: 100%}
.nappi input:hover	{color: #FFFFFF}
.nappi15	{width: 15ex}
/* Luo lisää erikokoisia nappeja tarpeen mukaan */

.boksi		{background: #2B303C url(/img/boksi_yo.png) top right no-repeat; color: #FFFFFF; margin-bottom: 1ex; line-height: 120%}
#pad0 * 	{background: transparent}
#pad1 * 	{background: transparent}
.boksi h3	{background: transparent url(/img/loota.png) top left repeat-x; float: left; height: 39px; line-height: 39px;
		 margin: 0; padding: 0; font-weight: normal; font-size: 120%}
.boksi h3 span	{display: block; background: transparent url(/img/boksi_yv.png) top left no-repeat}
.boksi h3 .pad	{background: transparent url(/img/boksi_ots_oik.png) top right no-repeat; padding: 0 15px}
.boksi div	{background: transparent url(/img/boksi_av.png) bottom left no-repeat; clear: both}
.boksi .pad	{background: transparent url(/img/boksi_ao.png) bottom right no-repeat; padding: 15px}
.boksi .eiots	{background: transparent url(/img/boksi_yv2.png) top left no-repeat}

/* Alareunan teksti */
#alateksti	{margin: 0; padding: 15px 0; color: #3A77CB; font-size: 75%}

/* Yleiset */
.clear		{clear: both}
.fl		{float: left; margin: 0 10px 10px 0}
.fr		{float: right; margin: 0 0 10px 10px}

/* IE-korjaukset */
/*\*/
* html #utausta	{filter: alpha(opacity=70)}
* html #vasen 	{width: 678px;}
* html #oikea 	{width: 312px;}
* html .banneri     {margin: 0px 2px 10px 2px;}
* html .boksi	{zoom: 1}
* html #tausta		{background: transparent url(../img/ie/ylaliuku.png) top left repeat-x; min-height: 378px;z-index:-1;}
* html #ylapalkki	{background: transparent url(../img/ie/logo.jpg) top center no-repeat; height: 266px; overflow: hidden;z-index:-1;}
* html #sivu		{width: 1000px; margin: -90px auto; text-align: left; position:relative;}
* html .banneri embed	{margin: 0 8px 8px 0; border: 1px solid #C9CCD1}
* html .banneri object	{margin: 0 8px 8px 0; border: 1px solid #C9CCD1}
* html #f_banners {clear: both; width: 608px; margin-top: -12px;margin-left: 4px;}
/**/
a:link,a:active,a:hover,a:visited,a:link.tag,a:active.tag,a:hover.tag,a:visited.tag {color: #2B303C;}
a:link.tag,a:active.tag,a:hover.tag,a:visited.tag,a:link.address,a:active.address,a:hover.address,a:visited.address {text-decoration:none;}
a:link.address,a:active.address,a:hover.address,a:visited.address {color: #bbbbbb;font-size:8pt;font-style:italic;}

