*            {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}
input,select,textarea {font-family: Lora, Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-size: 90%; background: #EFEFEA}
input        {vertical-align: middle; margin: 0}
label        {cursor: pointer}
table        {font-size: 100%}
td,th        {text-align: left; vertical-align: top}
html         {height: 100%}
body         {margin: 0; padding: 0; color: #FFFFFF; background: #403B36 url(http://kalastus.s3.amazonaws.com/img/tausta.png) top center repeat-y; font-size: 100%;
              font-family: Lora, Georgia, 'Times New Roman', Times, serif; font-weight: normal; text-align: center; line-height: 1.2em;
              height: 100%; word-spacing: 0.2ex; min-width: 900px}

/* Otsakkeet */
h1,h2,h3,h4  {display: block; padding: 0 0 0.1em 0; margin: 0.3em 0 0.3em 0; line-height: 1.2em; font-weight: normal}
h1           {font-size: 170%}
h2           {font-size: 150%}
h3           {font-size: 130%}
h3           {font-size: 110%; font-weight: bold}

/* Luettelot */
ul           {margin: 0; padding: 0; list-style-type: square}
li           {margin: 0 0 1ex 1em; padding: 0}

/* Pääelementti */
#rakenne     {width: 900px; margin: 0 auto -1.5em auto; padding-top: 61px; background: url(http://kalastus.s3.amazonaws.com/img/yla.png) top left no-repeat;
              text-align: left; position: relative; min-height: 100%; height: auto !important; height: 100%; left: 1px}
html>body #rakenne {left: 0}

/* Uutislaatikko */
#uutisloota	{position: absolute; right: 16px; top: 77px; width: 242px; height: 212px; margin: 0; padding: 8px; overflow-x: hidden; overflow-y: auto;
		 color: #000000; border: 1px solid #C0C1B5; font-size: 80%; line-height: 1.2em; background: #FFFFFF; background-color: rgba(255,255,255,0.85)}
#uutisloota a	{color: #000000; text-decoration: underline}
#uutisloota a:hover	{text-decoration: none}

/* Yläpalkki */
#kuvapalkki  {height: 244px; padding: 0 580px 0 28px; color: #403B36; text-align: center; font-style: italic; font-size: 17px}
#logoteksti  {margin-top: -1.3em}

/* Navipalkki */
#navi        {background: #EFEFEA url(http://kalastus.s3.amazonaws.com/img/navi.png) bottom left repeat-x; padding: 1ex; line-height: 1.5em; text-align: center;
              font-size: 90%; cursor: default}
#navi a      {background: url(http://kalastus.s3.amazonaws.com/img/linkki.png) -50px 0 no-repeat; text-decoration: none; border: 1px solid #DDDDDD;
              padding: 0.3ex 1ex; color: #403B36; letter-spacing: 0.4ex}
#navi a.nyk  {background: url(http://kalastus.s3.amazonaws.com/img/linkki.png) top left repeat-x}
#navi a:hover {background: url(http://kalastus.s3.amazonaws.com/img/linkki.png) top left repeat-x}

/* Sisältö   */
#sisalto     {font-size: 85%}
#sisalto a   {color: #FFFF99}
#sisalto p   {margin: 0 0 1ex 0; padding: 0}
.vasen       {float: left; background: url(http://kalastus.s3.amazonaws.com/img/liuku_v.png) top left repeat-x; width: 550px; padding: 15px; overflow: hidden}
.vasen .lisa {background: #54514B; margin: 10px -10px 0 -10px; padding-left: 10px; padding-right: 10px; border: 1px solid #605F58}
.oikea       {float: left; background: url(http://kalastus.s3.amazonaws.com/img/liuku_o.png) top left repeat-x; width: 350px; padding: 15px}
.oikea .lisa {background: #8E967F; margin: 0 -10px; padding-left: 10px; padding-right: 10px; border: 1px solid #888C7C}
.oikea .ohje {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 85%; line-height: 1.1em; margin: 0 0 1ex 0}
.oikea ul    {margin-bottom: 1em}

/* Lomakkeet */
.lomake label {display: block; float: left; width: 8em; margin-right: 1ex}
.lomake label.sel {width: auto}
.lomake .val label {display: inline; float: none; width: auto; margin: 0; font-size: 80%}
.lomake .val input {background: transparent}
.lomake select {float: right}
.lomake p    {clear: both}
.lomake form {margin: 1ex 0 1em 0}
#vaslomake   {float: left; width: 245px; margin-right: 20px}
#oiklomake   {float: left; width: 245px}
.submit      {background: #EFEFEA url(http://kalastus.s3.amazonaws.com/img/linkki.png) top left repeat-x; color: #000000; border-top: 2px solid #EEEEEE;
              border-right: 2px solid #444444; border-bottom: 2px solid #444444; border-left: 2px solid #EEEEEE}
.textinput   {color: #000000; border-top: 2px solid #444444; border-right: 2px solid #EEEEEE; border-bottom: 2px solid #EEEEEE;
              border-left: 2px solid #444444}
.viesti      {width: 320px; color: #000000; border-top: 2px solid #444444; border-right: 2px solid #EEEEEE;
              border-bottom: 2px solid #EEEEEE; border-left: 2px solid #444444}
.kuvaboksi   {margin: 0 -10px; padding: 10px; background: #ABAC7B; color: #2A2623; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 80%; line-height: 120%}
a.etupop     {border: 1px solid #5A5B53; background: #8D8E85; padding: 1px; margin-bottom: 1ex; display: block; width: 245px;
              outline: none}

/* Kuvagalleria */
#galleria	{clear: both; font-family: "Trebuchet MS", Helvetica, sans-serif; line-height: 120%; width: 882px; background: #999A93; margin: 0 0 10px 9px;
		 padding: 5px 0 0 5px; overflow: visible; border: 1px solid #6C6D65;  -moz-box-shadow: 2px 2px 6px #000000; -webkit-box-shadow: 2px 2px 6px #000000;
		 box-shadow: 2px 2px 6px #000000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px}
#galleria .ohje {text-align: center; line-height: 30px}
#galleria .ohje *	{line-height: 1em}
#galleria .ohje span,
#galleria .ohje a	{padding: 3px 8px; color: #999A93; background: #54514B; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
#galleria .ohje a	{color: #FFFF99; background: #54514B; text-decoration: none}
#galleria .uudet	{float: left}
#galleria .vanhat	{float: right; margin-right: 5px}
#galleria .kuvapop	{width: 125px; float: left; padding: 0 5px 5px 0; margin: 0; text-align: center; font-size: 80%}
#galleria .kuvapop a	{color: #2A2623; text-decoration: none; outline: none}
#galleria .kuvapop a:hover	{color: #FFFFFF}
#galleria .hover	{display: none; position: absolute; width: 240px; background: #D7D6D1; color: #2A2623; padding: 2px 3px; border: 1px solid #6C6D65; margin: 0}

/* Hakutulokset */
.hakutulos   {width: 540px; margin: 0 -10px 1em -10px; clear: both}
.hakutulos .ots {background: #54514B; border: 1px solid #605F58}
.hakutulos .ots th {padding: 2px 10px 4px 10px}
.hakutulos td {padding: 2px 10px 4px 10px; border-bottom: 1px dashed #54514B}

/* Sekalaiset */
.ed          {float: left}
.ed a        {padding: 0 4px 2px 4px; background: #54514B; border: 1px solid #605F58; text-decoration: none}
.seur        {float: right}
.seur a      {padding: 0 4px 2px 4px; background: #54514B; border: 1px solid #605F58; text-decoration: none}
.oik         {text-align: right}
.kesk        {text-align: center}
.karttalinkki {font-size: 80%}
.banneri     {border: 1px solid #5A5B53; float: left; margin: 0 10px 10px 0}
.banneri div {border: 1px solid #8D8E85}
.banneri img {vertical-align: top}
.aakkoset    {line-height: 2em; text-align: center}
.aakkoset a  {padding: 0 4px 2px 4px; background: #54514B; border: 1px solid #605F58; text-decoration: none}
.fl          {float: left}
.fr          {float: right}
.clear       {clear: both}

/* Kartta */
#map_div	{float: right; width: 178px; margin: 6px -10px 0 0; background: #54514B; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		 border-radius: 5px; text-align: center}
#map_canvas	{width:162px; height:162px}
#karttalinkki	{}
#karttalinkki a	{text-decoration: none}
#karttalinkki a:hover	{text-decoration: underline}
/* Footer */
#push        {height: 1.5em; clear: both;position: relative; }
#copy        {height: 1.5em; margin: 0 auto; padding: 0; width: 900px; font-family: Arial, Helvetica, sans-serif;
              font-size: 80%; line-height: 1.5em;}

a:link.address,a:active.address,a:hover.address,a:visited.address {color: #CCCCCC;font-size: 8pt;font-style:italic;}

/* Sää */
#sisalto ul.weather	{list-style-type: none; margin: 0 0 10px 0}
#sisalto .weather li	{clear: left; margin: 0; padding: 0}
#sisalto .weather div	{float: left; overflow: hidden; margin-right: 6px}
#sisalto .weather img, #sisalto .weather .png	{vertical-align: middle}
#sisalto .weather p	{padding: 0; margin: -5px 0; line-height: 22px}
#sisalto .weather p.fc	{line-height: 32px}
#sisalto .weather .wind	{margin: 0 0.5ex; vertical-align: middle; display: -moz-inline-stack; display: inline-block; zoom: 1; color: #63B4FF; font-weight: bold;
			 font-size: 22px; font-family: Arial, Helvetica, sans-serif}

/* Some-palikat */
.some			{float: left; height: 30px; margin: 10px 20px 0 0; overflow: hidden}
.some iframe.fb		{margin-top: -41px; border: none; overflow: hidden; width: 150px; height: 90px}

/* Sisällön metaelementit */
.prop		{display: none}

/* Tiedostonlähetyksen ilmaisu */
#lahetys     {display: none; margin: 0; position: fixed; height: 100%; width: 100%; top: 0; left: 0; color: #FFFF99; background: #000000; background: rgba(0,0,0,0.86)}
#lahetys p   {position: absolute; top: 50%; left: 0; margin: 0; padding: 0; width: 100%; text-align: center}

@media print {
#uutisboksi, #uutisteksti, #kuvapalkki, #navi		{display: none}
#sisalto h1, #sisalto h2, #sisalto h3, #sisalto h4	{border: none}
}

/* Mietelause */
#sisalto .miete		{width: 524px; margin: 16px 0; background: #F4F4F1 url(http://kalastus.s3.amazonaws.com/img/miete_ala.png) no-repeat bottom left;}
#sisalto .miete p	{margin: 0; padding: 30px 26px; font-weight: bold; color: #403B36;font-style: italic; background: transparent url(http://kalastus.s3.amazonaws.com/img/miete_yla.png) no-repeat top left}
#sisalto .miete a	{color: #6C6d65}
.clear {clear: both;}

#cookie_consent		{display: none; background: #FFFFFF; color: #000000; overflow: hidden; -moz-box-shadow: 0 0 30px #000000; -webkit-box-shadow: 0 0 30px #000000;
			 box-shadow: 0 0 30px #000000}
#cookie_consent p	{width: 900px; max-width: 100%; margin: 1.5ex auto}
#cookie_consent a	{color: #111188}
#cookie_consent .buttons a	{display: inline-block; position: relative; padding: 0.5ex 1ex; margin: 0; cursor: pointer; text-decoration: none; font-weight: bold; text-transform: uppercase;
				 border: 1px solid rgba(0,0,0,0.5); outline: none; background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#AAAAAA));
				 background: -moz-linear-gradient(top,#FFFFFF,#AAAAAA); background: linear-gradient(to bottom, #FFFFFF 0%,#AAAAAA 100%);
				 text-shadow: 0 0 2px #FFFFFF; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
				 box-shadow: 0 0 2px rgba(0,0,0,0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
				 border-radius: 5px}
#cookie_consent .buttons a:before		{content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(255,255,255,0.5);
						 -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
