﻿
#login-search {
	height:65px;
	margin:0 0 9px 0;
	padding:0;
	width:345px;	
	float:left;
}
#sidebar-a {
	width:163px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
}

#content-wrap {
	width:611px;
	float:left;
	margin:0;
	padding:0 6px 0 0;
}

#content {
	width:426px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#sidebar-b {
	float:left;
	width:165px;
	margin:0 0 0 0;
	padding:0;
	font-size:90%;
	color:#333;
}
.etusivu #sidebar-b {
	float:left;
	width:175px;
	margin:0px 0 0 0;
	padding:0;
	font-size:100%;
}
#footer {
	margin:0px;
	padding:40px 0 0 0;
	width:790px;
	background:#666 url(../img/taustat/alaosa_alasivut.gif) no-repeat;
	clear:both;
}
.etusivu #footer {
	margin:0px;
	padding:40px 0 0 0;
	width:790px;
	background:#666 url(../img/taustat/alaosa_etusivu.gif) no-repeat;
	clear:both;
}

.palstat {
	margin:0;
	padding:0;
	border-top:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
	float:left;
	width:426px;
	background:url(../img/taustat/palstaviiva.gif) repeat-y;
}
.palsta1 {
	width:203px;
	margin:0 20px 0 0;
	padding:5px 0 0 0;	
	float:left;
	
}
.palsta2 {
	width:203px;
	margin:0;
	padding:5px 0 0 0;
	float:left;
}
.palsta-clear {
	width:0px;
	height:1px;
	font-size:1px;
	margin:-1px 0 0 0;
	padding:0;
	clear:both;
	float:right;
	border-top:1px solid #a5a5a5;
}

div.palstat .palsta-clear {
	width:426px;
	height:1px;
	font-size:1px;
	margin:-1px 0 0 0;
	padding:0;
	clear:both;
        float: none;
	border-top:1px solid #a5a5a5;
}

.ala-nostot {
	width:426px;
	margin:0;
	padding:10px 0;
	float:left;
}
.reunanostot {
	margin:0 0 1em 0;
	padding:0 0 2px 8px;
	background:url(../img/taustat/reunanosto-tausta.gif) left bottom no-repeat;
}
.clear {
	margin:10px 0;
	padding:0;
	font-size:1px;
	margin-top:-1px;
	height:1px;
	border-top:1px solid #e6e6e6;
	clear: both;
}
/* otsikot */
#masthead h1 {
	float:left;
	width:420px;
	height:65px;
	margin:0 0 9px 0;
	padding:0;
	font-size:1em;
}
#content h1 {
	font-size:2.2em;
	padding:0;
	margin:0 0 0.6em 0;
	font-weight:bold;
}
#content h2 {
	font-size:1.6em;
	padding:0;
	margin:0 0 0.6em 0;
	font-weight:bold;
	line-height:100%;
}
#content .palstat h2 {
	font-size:1.4em;
	padding:0;
	margin:0 0 0.6em 0;
	font-weight:bold;
	line-height:95%;
}
#content .ala-nostot h2 {
	font-size:1.6em;
	padding:0;
	margin:0 0 0.4em 0;
	font-weight:bold;
	line-height:95%;
}
#content h3 {
	font-size:1.2em;
	padding:0.7em 0 0 0;
	margin:0 0 0.4em 0;
	font-weight:bold;
	line-height:100%;
}
#content h4 {
	font-size:1.4em;
	padding:0.5em 0 0 0;
	margin:0 0 0.3em 0;
	font-weight:bold;
	line-height:100%;
}
#content .author {
	color:#666;
	font-size:1em;
	font-style:italic;
	font-weight:normal;
	margin:-0.8em 0 0.6em 0;
	padding:0 0 0 0;
}
#content .palstat .author {
	color:#666;
	font-size:1em;
	font-style:italic;
	font-weight:normal;
	margin:-0.7em 0 0.6em 0;
	padding:0 0 0 0;
}
#content h5 {
	font-size:1.2em;
	padding:0.3em 0 0 0;
	margin:0 0 0.2em 0;
	font-weight:bold;
	line-height:100%;
}
#content h6 {
	font-size:1em;
	padding:0;
	margin:0 0 0.2em 0;
	font-weight:bold;
	line-height:100%;
}
#sidebar-b h2 {
	font-size:1.6em;
	padding:0;
	margin:0 0 0.5em 0;
	font-weight:bold;
	line-height:100%;
}
#sidebar-b h3 {
	font-size:1.4em;
	padding:0;
	margin:0.2em 0 0.3em 0;
	font-weight:bold;
	line-height:100%;
}
dt {
	font-weight:bold;
}
#nostot dt {
	margin:0;
	padding:6px 0 0 6px;
	height:27px;
	color:#ffe87f;
}
#ajankohtaista dt { 
	background:#000 url(../img/taustat/otsikkotausta_punainen.gif) no-repeat;
}
#kehu-pelisi dt { 
	background:#000 url(../img/taustat/otsikkotausta_oranssi.gif) no-repeat;
}
#blogi dt { 
	background:#000 url(../img/taustat/otsikkotausta_oranssi2.gif) no-repeat;
}
#keskustelut dt { 
	background:#000 url(../img/taustat/otsikkotausta_keltainen.gif) no-repeat;
}
/* leipäteksti*/
.breadcrumb {
	margin:0;
	padding:0;
	color:#333;
}
p {
	margin:0 0 1.2em 0;
	padding:0;
}
#content .description {
	color:#333;
	font-weight:normal;
	margin:0 0 0.2em 0;
	padding:0;
	line-height:100%;
}
#content .palstat .description {
	font-size:0.9em;
}
#content .ala-nostot .description {
	margin:0 0 0.2em 0;
}
/* listat jne */
#nostot dl {
	margin:0 0 10px 0;
	padding:0 0 7px 0;
	background:#454545 url(../img/taustat/nostot-lista_bg.gif) left bottom no-repeat;
}
#nostot dd {
	margin:0 6px 5px 6px;
	padding:0 0 5px 0;
}
#ajankohtaista dd, #keskustelut dd {
	border-bottom: 1px solid #b18734;
}
#nostot dd.kuva {
	text-align:center;
}
#nostot dd.kuva a img {
	margin:0 auto;
}
#content ul, #content ol, #content dl {
	margin-bottom: 1.2em;
}
#content .ala-nostot ul {
	list-style:none;
	margin:0 0 0.4em 0;
	padding:0;
	float:left;
	width:310px;
}
#content .ala-nostot ul li {
	margin:0 0 0.2em 0;
	padding:0 0 0 10px;
	background:url(../img/kuvitus/red-bullet.gif) 0 5px no-repeat;
}

/* kuvat */
.vasen {
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
.oikea {
	margin:0 0 0 5px;
	padding:0;
	float:right;
}
.palstat img {
	margin:0 0 2px 0;
}
#content .ala-nostot img.vasen {
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	float:left;	
}

/* linkit */
a {
	color:#009;
	text-decoration:none;
}
a:visited {
	color:#906;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a img {
	border:0 none;
}
#content a {
	font-weight:bold;
}
#content .breadcrumb a {
	color:#333;
	font-weight:normal;
}
.breadcrumb a:hover {
	color:#000;
}
.breadcrumb a.selected, .breadcrumb a.selected:hover,  {
	color:#999;
}

#content h2 a, #content h3 a {
	color:#000;
}

#nostot dd a {
	color:#e4e4e4;
}
#nostot dd a:visited {
	color:#d1d1d1;
}
#nostot dd a:hover {
	color:#fff;
}
/* navigointi */
#masthead h1 a {
	display:block;
	margin:0 0 0 19px;
	padding:0;
	height:46px;
	width:142px;
	text-decoration:none;
	outline:0 none;
	text-indent:-9999px;
}
#navi {
	margin:0 auto;
	padding:0;
	width:152px;
	background:url(../img/taustat/navibg.gif) top center repeat-y;
	text-align:center;
}
#navi ul {
	margin:0;
	padding:4px 0 0 0;
	width:152px;
	list-style:none;
	background:url(../img/taustat/navi_top_bg.gif) top center no-repeat;
	text-align:left;
}
#navi ul ul {
	margin:0;
	padding:0 0 0 0;
	width:130px !important;width:100px;
	list-style:none;
	background:transparent;
	text-align:left;
	border-top:1px solid #333;
}
#navi ul ul ul {
	border-top:0 none;
}
#navi li {
	margin:0 11px 0 11px
	padding:0;
	width:130px;
	border-bottom:1px solid #82110d;
}
#navi li li {
	margin:0 0 0 0 !important;
	padding:0;
	width:130px !important;width:100px;
	font-size:0.9em;
	border-bottom:0 none;
}
#navi li li li {
	font-size:1em;
	width:130px !important;width:100px;
}
#navi li#uusinlehti {
	background:#000;
}
#navi li a {
	display:block;
	margin:0;
	padding:4px 6px !important;
	padding:4px 0;
	background:#1a1a1a url(../img/taustat/navi_link-bg.gif) repeat-x;
	color:#e4e4e4;
}
#navi li a:hover {
	display:block;
	margin:0;
	padding:4px 6px !important;
	padding:4px 0;
	background:#1a1a1a;
	text-decoration:none;
	color:#fff;
}
#navi li a.selected, #navi li a.selected:hover {
	display:block;
	margin:0;
	padding:4px 6px !important;
	padding:4px 0;
	background:#d6d6d6 url(../img/taustat/navi_active-link-bg.gif) repeat-x;
	color:#000;
}


#navi li li a {
	display:block;
	margin:0;
	padding:4px 6px 4px 12px !important;
	padding:4px 0 4px 0;
	background:#d6d6d6;
	color:#333;
	border-bottom:1px solid #333;
}
#navi li li a:hover {
	display:block;
	margin:0;
	padding:4px 6px 4px 12px !important;
	padding:4px 0 4px 0;
	background:#d6d6d6;
	text-decoration:none;
	color:#000;
}
#navi li li a.selected, #navi li li a.selected:hover {
	display:block;
	margin:0;
	padding:4px 6px 4px 12px !important;
	padding:4px 0 4px 0;
	background:#e6e6e6;
}
#navi li li li a, #navi li li li a:hover {
	padding:4px 6px 4px 22px !important;
	padding:4px 0 4px 0;
	background:#e6e6e6;
}
#navi li li li a.selected, #navi li li li a.selected:hover  {
	padding:4px 6px 4px 22px !important;
	padding:4px 0 4px 0;
	background:#fff;
}

#navi li.sisapiiri a {
	display:block;
	margin:0;
	padding:4px 6px !important;
	padding:4px 0;
	background:#540b08 url(../img/taustat/navi_sisapiiri-bg.gif) repeat-x;
	color:#d3bebd;
}
#navi li.sisapiiri a.selected, #navi li.sisapiiri a.selected:hover, #navi li.sisapiiri a:hover {
	display:block;
	margin:0;
	padding:4px 6px !important;
	padding:4px 0;
	background:#540b08;
	text-decoration:none;
	color:#fff;
}


#navi li.sisapiiri li a {
	display:block;
	margin:0;
	padding:4px 6px 4px 12px!important;
	padding:4px 0 4px 0;
	background:#440806;
	color:#d3bebd;
}
#navi li.sisapiiri li a:hover {
	display:block;
	margin:0;
	padding:4px 6px 4px 12px!important;
	padding:4px 0 4px 0;
	background:#440806;
	color:#fff;
}
#navi li.sisapiiri li a.selected, #navi li.sisapiiri li a.selected:hover {
	display:block;
	margin:0;
	padding:4px 6px 4px 12px!important;
	padding:4px 0 4px 0;
	background:#440806;
	text-decoration:none;
	color:#fff;
}

#navi li.sisapiiri li li a, #navi li.sisapiiri li li a:hover {
	padding:4px 6px 4px 22px !important;
	padding:4px 0 4px 0;
	background:#3b0806;
	color:#d3bebd;
}
#navi li.sisapiiri li li a.selected, #navi li.sisapiiri li li a.selected:hover  {
	padding:4px 6px 4px 22px !important;
	padding:4px 0 4px 0;
	background:#3b0806;
	color:#fff;
}

#login {
	margin:0;
	padding:0;
	width:344px;
	height:32px;
	float:left;
}
#logout {
	margin:0;
	padding:0;
	width:344px;
	height:36px;
	float:right;
}
#search {
	margin:0;
	padding:0;
	width:344px;
	height:25px;
	float:right;
	
}
input#tunnus {
	float:left;border:1px solid #c91b14;
	width:117px;margin:0 5px 0 0;
	color: #c1b6b6;
	text-align: left;
	background:#5c2624 url(../img/taustat/kirjautumiskentta_bg.gif) repeat-x;
}
input#salasana {
	float:left;
	border:1px solid #c91b14;
	color: #c1b6b6;
	width:117px;margin:0 5px 0 0;
	text-align: left;
	background:#5c2624 url(../img/taustat/kirjautumiskentta_bg.gif) repeat-x;
}
input#hakusana {
	float:right;
	border:1px solid #ed9c00;
	color: #ed9c00;
	width:117px;margin:0 0 0 5px;
	text-align: left;
	background:#453c2b url(../img/taustat/hakukentta_bg.gif) repeat-x;
}
.button {
	color:#fff;
	background:#000 url(../img/taustat/button_bg.gif) repeat-x;
}
#login .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	float:left;color:#c1b6b6;
}
#logout .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	float:right;color:#c1b6b6;
}
#search .button {
	border:1px solid #ed9c00;
	margin:0 0 0 5px;
	padding:0;
	float:right;
}
p#ostoskori {
	width:117px;margin:0 0 0 5px;
	text-align: center;
	border:1px solid #ed9c00;
	color: #ed9c00;
	background:#453c2b url(../img/taustat/hakukentta_bg.gif) repeat-x;
}
#kirjaudu-palveluun .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	float:left;color:#c1b6b6;
}
#feedbackform .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	float:left;color:#c1b6b6;
}
#vahtikoiraform .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	float:left;color:#c1b6b6;
}

#logout a#ohje {
	float:right;
	display:block;
	color:#c1b6b6;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #c91b14;
	background:#000 url(../img/taustat/button_bg.gif) repeat-x;
	width:15px;
	height:15px; 
	text-align:center;
}
#logout a#ohje:hover {
	float:right;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #c91b14;
	background:#000;
	width:15px;
	height:15px; 
	text-align:center;
}


.liitetiedostot {
	padding:10px;
	border:1px solid #dce2d6;
	background:#e9e9e9 url(../kuvat/rasteritausta.gif);
}
.liitetiedostot img {
	float:left;
	margin:0 10px 0 0;
}
.virhe {
	color: red;
}

#documentlist dt { 
	background:#000 url(../img/taustat/otsikkotausta_punainen.gif) no-repeat;
}
#documentlist dd {
	border-bottom: 1px solid #b18734;
}
#documentlist dd.selected {
	border-bottom: 1px solid #b18734;
	background-color: #696969;
}
#ajankohtaista-1 dt { 
	background:#000 url(../img/taustat/otsikkotausta_punainen.gif) no-repeat;
}
#ajankohtaista-1 dd {
	border-bottom: 1px solid #b18734;
	color:#ffe87f;
}
#ajankohtaista-2 dt { 
	background:#000 url(../img/taustat/otsikkotausta_oranssi.gif) no-repeat;
}
#ajankohtaista-2 dd {
	border-bottom: 1px solid #b18734;
	color:#ffe87f;
}
#ajankohtaista-3 dt { 
	background:#000 url(../img/taustat/otsikkotausta_oranssi2.gif) no-repeat;
}
#ajankohtaista-3 dd {
	border-bottom: 1px solid #b18734;
	color:#ffe87f;
}
#ajankohtaista-4 dt { 
	background:#000 url(../img/taustat/otsikkotausta_keltainen.gif) no-repeat;
}
#ajankohtaista-4 dd {
	border-bottom: 1px solid #b18734;
	color:#ffe87f;
}

div#kehuvasen {float:left; margin-right: 20px;}

#content .form {line-height: 2em; margin-left: 0px;}

div#kehuvasen input 
{ 
	
	margin-left: 0px;
}

#kehupelisi table td, table th {
	vertical-align: top;
	padding: 3px 5px;
	font-size: 12px;
}

#kehupelisi table td {
	text-align: left;
}
#kehupelisi H3 {clear: both;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

#kehupelisi .required {
	color: Red;
}

#tocsrc .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	color:#c1b6b6;
}
#attsrc .button {
	border:1px solid #c91b14;
	margin:0 5px 0 0;
	padding:0;
	color:#c1b6b6;
}

div#content div.palsta-vertailu-h h2 {color: #222; font-size: 1.85em; margin-bottom: 15px;}

ul.prevnext {list-style-type: none; margin: 0px; padding: 0px;}
ul.prevnext li.prevlink {padding: 0px 0px 0px 15px; background: url(../img/buttons/prev.gif) no-repeat left; display: block;}
ul.prevnext li.nextlink {padding: 0px 15px 0px 0px; background: url(../img/buttons/next.gif) no-repeat right; display: block;}


table.wstilatut
{
	background: #fff;
	border: 0px;
}

table.wstilatut td
{
	border-bottom: 1px solid #666;
	border-right: 0px;
}
table.sininen {float:left;}
table.sininen th {background: #0066cc;border-color:#000000;border:solid 1px #000000;}

.sininen .odd td {
	background: #eaefff !important;border-color:#000000;border:solid 1px #000000;
	}
	
.sininen .even td {
	background: #cbdaff !important;border-color:#000000;border:solid 1px #000000;
	}
table.clean td, table.clean th{color:#000000;background:#ffffff;font-weight: normal;}
#ala_mainos{
  width:100%;
  border-top:1px solid #a5a5a5;
  float:left;
  clear:both;
  }
.ala_boksi{
  padding-top:10px;
  margin:0 auto;
  text-align:center;
  }
  
  div.kilpailu ul, div.kilpailu li
{
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
}
ul#uutiset-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#uutiset-list li
{
	list-style: none;
	margin: 0;
	padding: 0 0 7px 0;
}
ul#uutiset-list li a
{
	color: #333;
	font-size: 13px;
}
.tm-uutinen em
{
	display: none;
}

div#uutis-tab
{
	padding-bottom: 35px;
}
div#uutis-tab ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: solid 2px #bbb;
	width: 100%;
}
div#uutis-tab li
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
div#uutis-tab a
{
	display: block;
	padding: 5px 8px 5px 8px;
	border-right: solid 2px #bbb;
	color: #000;
}
div#uutis-tab a:hover
{
	display: block;
	background-color: #eee;
	padding: 5px 8px 5px 8px;
	border-right: solid 2px #bbb;
	text-decoration: none;
}
div#uutis-tab a:visited
{
	color: #000;
}
div#uutis-tab a.selected
{
	background-color: #ddd;
}



ul#lisa-linkit-yla
{
	border: dashed 1px #ccc;
	width: 148px;
	float: right;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
ul#lisa-linkit-yla li
{
	border-bottom: dashed 1px #ccc;
	margin: 3px 6px 3px 6px;
	padding: 3px 3px 3px 3px;
}
ul#lisa-linkit-yla li.last
{
	border: 0;
	padding: 3px 3px 3px 3px;
}
ul#lisa-linkit-yla a
{
	color: #888;
	font-weight: normal;
	font-size: 12px;	
}
table#lisa-linkit-ala
{
	border: dashed 1px #ccc;
	width: 390px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}
table#lisa-linkit-ala a
{
	color: #888;
	font-weight: normal;
	font-size: 12px;	
}
dl#lisaa-aiheesta
{
	margin-top: 0px;
	margin-bottom: 10px;
}
dl#lisaa-aiheesta a
{
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
dl#lisaa-aiheesta dt
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}
dl#lisaa-aiheesta dd
{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
}

dl#lisaa-aiheesta2
{
    color: #000;
	background-color: #ddd;
    border: 3px double grey;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 5px;
    display: block;
}
dl#lisaa-aiheesta2 a
{
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
dl#lisaa-aiheesta2 dt
{
	font-size: 12px;
	margin-bottom: 8px;
}
dl#lisaa-aiheesta2 dd
{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
}