/* Yleiset */
*		{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		{padding: 0; margin: 0; font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 100%;
		 text-align: center; background: #FCF6D4 url(img/2010/tausta-kel.jpg) no-repeat top center}
h1,h2,h3,h4	{margin: 0 0 0.5em 0; padding: 0; color: #EEAA01}
h1		{font-size: 155%; font-weight: bold}
h2		{font-size: 135%; font-weight: bold}
h3		{font-size: 115%; font-weight: bold}
h4		{font-size: 100%; font-weight: bold}
strong		{font-size: 115%; font-weight: bold}
em		{font-size: inherit; font-weight: normal; font-style: italic}
table		{font-size: 100%; border: 0; border-collapse: collapse}
td,th		{vertical-align: top; padding: 0}
q		{font-style: normal; font-weight: normal}
q:before,q:after	{content: ""} /* Tämä emuloi IE-käytöstä muissa selaimissa */

#rakenne	{text-align: left; margin: 0 auto; width: 961px; overflow: visible; position: relative; left: 0; top: 0}

/* Hakutoiminto */
#haku		{margin: 0; height: 90px; padding: 0; font-size: 80%}
#haku div	{float: left; margin-top: 25px; border: 3px solid #FFFFFF; background: #FFFFFF}
#haku input	{font-size: inherit}
#haku .text	{border: 0; color: #888888; height: 1.5em; line-height: 1.5em; padding: 0; margin: 0}
#haku .hae	{width: auto; border: 0; padding: 0 1ex; height: 1.5em; line-height: 1.5em; background: #FFD100; color: #000000}
#haku p		{clear: both; color: #666666; padding: 1ex 1ex; margin: 0}

/* Yläpalkki ja www */
#kuva		{border-top: 8px solid #FFFFFF; border-bottom: 8px solid #FFFFFF; height: 328px; position: relative; font-size: 80%}
#kuva a		{display: block; position: absolute; left: 0; bottom: 10px; width: 230px; text-align: center; padding: 1ex 0;
		 background: #FFD100; color: #000000; text-decoration: none; font-weight: bold}

/* Joukkueen ja sarjan logot: */
#logo		{position: absolute; top: 80px; left: -30px; width: 292px; height: 302px}
#sarja		{position: absolute; top: 275px; left: 330px; width: 279px; height: 142px}


/* Navigaatio */
#navialue	{float: left; width: 230px; margin: 8px 0 0 0; border: 1px solid #DED5C8; background: #FFFFFF; font-size: 80%}
#navi		{list-style-type: none; margin: 0 0 -1px 0; padding: 0 8px}
#navi li	{border-bottom: 1px dashed #DED5C8; margin: 0; padding: 0}
#navi a		{color: #000000; text-decoration: none; padding: 0.7ex 0 0.7ex 1.5em; display: block; text-indent: -1em}
#navi a:hover	{color: #EEAA01; font-style: italic}
#navi a.polku	{color: #EEAA01; font-style: italic}
#navi li ul	{list-style-type: none; margin: 0 0 0.5ex 1ex; padding: 0}
#navi li ul li	{border: none}
#navi li ul a	{padding: 0 0 0 1.5em}

/* Sisältöalue */
#sisalto	{float: right; width: 725px; margin: 8px 0 0 0; padding: 23px; border: 1px solid #DED5C8; overflow: hidden;
		 font-size: 80%; background: #FFFFFF; color: #000000}
#sisalto a	{color: #000000; text-decoration: underline}
#sisalto a:hover	{color: #EEAA01; text-decoration: none}

/* Etusivulla käytetään tila lähes reunoihin asti */
.etusivu	{margin: -20px}

/* Sisällönhallinnan luomat taulukot */
#sisalto .autotable	{border-spacing: 0; margin: 1ex 0 1em 0; padding: 0; border-collapse: collapse}
#sisalto .autotable td	{border: 0; padding: 0 2ex 0 0}

/* Pupen uutiset */
#sisalto .pupenews	{background: transparent; color: #000000}
#sisalto .pupenews h3	{padding: 0 0 0 1ex; margin: 0; color: #EEAA01}
#sisalto .pupenews strong	{color: #EEAA01}
#sisalto .pupenews ul	{list-style-type: none; padding: 0; margin: 0}
#sisalto .pupenews li	{clear: both; margin: 3px 0; padding: 0}
#sisalto .pupenews li a	{display: block; color: #000000; text-decoration: none; padding: 1ex; position: relative; width: 100%;
			 border: 1px solid #DED5C8; background: #FDFDFC url(img/2010/uutinen_kel.png) repeat-x top left}
#sisalto .pupenews li a *	{cursor: pointer}
#sisalto .pupenews li a:hover	{background: #FFBC00 url(img/2010/uutinen_kel_hover.png) repeat-x top left; color: #000000}
#sisalto .pupenews li a:hover .more	{background: #FFFFFF; color: #000000; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
#sisalto .pupenews li a:hover strong	{color: #000000}
#sisalto .pupenews li a img	{border: 0 none; float: right; margin-left: 2ex; position: relative}
#sisalto .pupenews li a .pad	{display: block; float: right; width: 150px; height: 1.5em; visibility: hidden}
#sisalto .pupenews li a var	{font-size: 80%; font-style: italic; color: #666666}
#sisalto .pupenews li a .more	{display: block; position: absolute; top: 1ex; right: 1ex; background: #FFD100; color: #000000;
				 font-weight: bold; padding: 0 0.5ex; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70)}

/* Ylen uutiset */
#sisalto .ylenews	{background: transparent; color: #000000}
#sisalto .ylenews h3	{padding: 0 0 0 1ex; margin: 0; color: #0070A9}
#sisalto .ylenews strong	{color: #0070A9}
#sisalto .ylenews ul	{list-style-type: none; padding: 0; margin: 0}
#sisalto .ylenews li	{clear: both; margin: 3px 0; padding: 0}
#sisalto .ylenews li a	{display: block; color: #000000; text-decoration: none; padding: 1ex; position: relative; width: 100%;
			 border: 1px solid #A1CCE1; background: #FFFFFF url(img/2010/uutinen_sin.png) repeat-x top left}
#sisalto .ylenews li a *	{cursor: pointer}
#sisalto .ylenews li a:hover	{background: #28A6D8 url(img/2010/uutinen_sin_hover.png) repeat-x top left; color: #000000}
#sisalto .ylenews li a:hover .more	{background: #FFFFFF; color: #000000; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
#sisalto .ylenews li a img	{border: 0 none; float: right; margin-left: 2ex; position: relative}
#sisalto .ylenews li a .pad	{display: block; float: right; width: 150px; height: 1.5em; visibility: hidden}
#sisalto .ylenews li a var	{font-size: 80%; font-style: italic; color: #666666}
#sisalto .ylenews li a .more	{display: block; position: absolute; top: 1ex; right: 1ex; background: #FFD100; color: #000000;
				 font-weight: bold; padding: 0 0.5ex; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70)}

/* Peli-ilmoitukset */
#sisalto .peli		{border: 1px solid #FFD101; background: #FDFDFC url(img/2010/pelitausta.png) repeat-x top left; padding: 1ex}
#sisalto .peli table	{margin: 0 auto; text-align: center}
#sisalto .peli a	{color: #EEAA01; text-decoration: none}
#sisalto .peli a:hover	{text-decoration: underline}
#sisalto .peli tr.joukkue	{font-size: 120%; line-height: 48px}
#sisalto .pelilista	{list-style-type: none}
#sisalto .pelilista li	{padding-bottom: 1ex}

/* Tapahtumasivut */
#sisalto .tapahtuma	{line-height: 48px; color: #000000}
#sisalto .tapahtuma a	{color: #EEAA01; text-decoration: none}
#sisalto .tapahtuma a:hover	{text-decoration: underline}


/* Kalenteri ja kumppanit */
#kalenterifx		{width: 351px; height: 393px; position: absolute; right: 6px; top: 25px; background: #FFFFFF; opacity: 0.85;
			 filter: alpha(opacity=85); -moz-opacity: 0.85}
#kalenteri		{width: 351px; height: 393px; position: absolute; right: 6px; top: 25px}
#kalenteri iframe	{background: transparent}
#kumppanit		{width: 351px; height: 80px; position: absolute; left: 0; bottom: 0; padding: 8px 20px; line-height: 64px;
			 background: #FFFFFF}
#kumppanit .slideshow	{float: right; width: 188px; height: 64px}
#kumppanit p		{float: left; margin: 0; padding: 0; color: #000000}

/* Kalenteriframen tavarat */
body.kalenteri		{background: transparent; text-align: left; width: 351px; overflow: hidden}
.kalenteri .head	{background: #FFFFFF; padding: 3px; line-height: 1.5em; width: 351px}
.kalenteri .head h1	{margin: 0; padding: 0; font-size: 90%; text-align: center; color: #EEAA01}
.kalenteri .head p	{float: left; margin: 0; padding: 0; width: 50%; height: 1.5em; text-align: center;
			 position: relative; font-size: 80%; text-transform: uppercase}
.kalenteri .head p a	{position: absolute; top: 0; height: 1.5em; padding: 0 1ex; background: #FFD100; color: #000000;
			 text-decoration: none; font-size: 120%}
.kalenteri #ed		{left: 0}
.kalenteri #seur	{right: 0}

.kalenteri .data	{clear: both; margin: 8px; background: transparent}
.kalenteri table	{width: 335px; padding: 0; margin: 0; border: 0; background: #FFFFFF; border-collapse: separate; font-size: 80%;
			 border-spacing: 4px; table-layout: fixed}
.kalenteri table th	{padding: 0; text-align: center; font-weight: bold}
.kalenteri table td	{padding: 0; text-align: center; font-weight: normal}
.kalenteri .tyhja	{}
.kalenteri table a	{display: block; color: #FFFFFF; text-decoration: none}
.kalenteri table a:hover	{font-weight: bold}

.kalenteri .avain	{clear: both; font-size: 90%}
.kalenteri .avain p	{float: left; margin: 4px 8px; padding: 0; font-size: 90%}

.kalenteri .info	{clear: both; font-size: 80%; padding: 1ex}

/* Sekalaisia */
.clear		{clear: both}
.fl		{display: inline; float: left; margin-right: 10px}
.fr		{display: inline; float: right; margin-left: 10px}
.right		{text-align: right}
.left		{text-align: left}
.trap		{display: none}
.slideshow	{overflow: hidden}

/* IE-korjaukset */
/*\*/
* html .kalenteri table {*border-collapse: expression('separate', cellSpacing = '4px')}
/**/