body    {background-attachment:fixed;
        background-image:#fff;
        font-size:12px;
        line-height:1,1;
        font-family:arial, Sans-Serif;
background-repeat:repeat-x;
    margin-top:0px;
        color:#000;}

div#pohjalle  {margin:0 auto;
              width:800px;}

div#yla     {height:270px;
            background-image:url(ylabane.jpg);
            background-position:top left;
            background-repeat:no-repeat;}

div#pohja	{width:800px;
		min-height:500px;
		}

div#vasen	{float:left;
                width:100px;
		padding-top:30px;
		padding-left:2px;
		border-top:3px #999 double;}

div#oikea	{float:right;
		width:650px;
		background-image:url(taus.jpg);
		background-position:right;
		background-repeat:repeat-y;
		min-height:500px;
		margin-right:10px;
		border-right:3px #999 double;
		border-bottom:3px #999 double;
		border-top:3px #999 double;
		padding-left:20px;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:5px;}

div#oikeakeski	{float:right;
                text-align:center;
		width:650px;
		background-image:url(taus.jpg);
		background-position:right;
		background-repeat:repeat-y;
		min-height:500px;
		margin-right:10px;
		border-right:3px #999 double;
		border-bottom:3px #999 double;
		border-top:3px #999 double;
		padding-left:20px;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:5px;}
		
div.otekst  {padding-left:10px;
            padding-right:10px;}
            
#coll     {float:left;
          width:46%;
          text-align:left;
          padding-left:20px;
          padding-top:20px;}

#colr     {float:right;
          width:46%;
          text-align:left;
          padding-top:20px;}

img.bor {border:3px #999 double;}

p.cen   {text-align:center;}


h2      {font-size:14px;}

td.ylapad {padding-top:30px;}

div.flor {float:right;
        margin-right:30px;}

div.flop  {margin-left:30px;}


div.picr    {float:right;
            margin:10px;
            }

div.picl    {float:left;
            margin:10px;
            }

div.treeni     {float:right;
                margin-top:30px;
                border:1px solid #000;
                padding:10px;
                padding-top:90px;
                margin-right:20px;
                margin-left:15px;
               background-image:url(blogi/ylatr.jpg);
               background-color:#fff;
               background-repeat:no-repeat;
               background-position:top;}



/*navigointi */

a.navi:link {color:#000;
				font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:12px;
                text-decoration:none;
				font-weight:none;
				border:0px;}

a.navi:visited {color:#000;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:12px;
	
                text-decoration:none;
				font-weight:none;
				border:0px;}

a.navi:active {color:#000;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
				font-size:12px;
       				font-weight:none;
				border:0px;}

a.navi:hover {color:#222;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:12px;		
				font-weight:none;
				border:0px;
				text-decoration:underline;			}   

a.linkit:link {color:#000;
				font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:.9em;
                text-decoration:none;
				font-weight:bold;
				border:0px;}

a.linkit:visited {color:#000;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:.9em;
	
                text-decoration:none;
				font-weight:bold;
				border:0px;}

a.linkit:active {color:#000;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
				font-size:.9em;
       				font-weight:bold;
				border:0px;}

a.linkit:hover {color:#978A55;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:.9em;		
				font-weight:bold;
				border:0px;}	

a.tre:link {color:#FF33CC;
				font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:.9em;
                text-decoration:none;
				font-weight:none;
				border:0px;}

a.tre:visited {color:#FF33CC;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:.9em;
	
                text-decoration:none;
				font-weight:none;
				border:0px;}

a.tre:active {color:#FF33CC;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
				font-size:.9em;
       				font-weight:none;
				border:0px;}

a.tre:hover {color:#FF33CC;
                font-family:Verdana, 'Arial Narrow', Sans-Serif;
                font-size:.9em;		
				font-weight:none;
                text-decoration:underline;
				border:0px;	}


#navcontainer ul
{
list-style-type: none;
text-align: left;
float:right;
border:0px solid #000;
padding-right:10px;
padding-top:10px;
padding-left:22px;
width:120px;
height:200px;
font-size:12px;
font-family:verdana, Sans-Serif;
padding-bottom:0px;
margin-right:20px;
}

#navcontainer ul li a
{
background: url('taustat/list-off.gif') no-repeat left center;
padding-left: 15px;
text-align: left;
text-decoration: none;
color: #999; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif
}

#navcontainer ol
{list-style-type:none;}

#navcontainer ul li a:hover
{
background: url('taustat/list-on.gif') no-repeat left center;
color: black;
}

#navcontainer ul li a#current
{
background: url('taustat/list-active.gif') no-repeat left center;
color: #666;
}

table.ruutu {border:1px #999 solid;
            border-collapse:collapse;
            background-image:url(taustat/facts.jpg);
            background-repeat:repeat-y;
            background-color:#fff;
            empty-cells:show;
            padding:10px;}


table.facts {border:1px #999 solid;
            border-collapse:collapse;
            background-image:url(taustat/facts.jpg);
            background-repeat:repeat-y;
            background-color:#fff;
            empty-cells:show;}

td.facts  {border:1px #999 solid;
          border-collapse:collapse;
          padding:5px;}

table.tulos    {border:1px solid #000;
          border-collapse:collapse;
          padding-left:10px;
          margin-top:20px;
          margin-bottom:20px;
          text-align:left;
          background-image:url(taustat/facts.jpg);
            background-repeat:repeat-y;
            background-color:#fff;}

td.tulos    {border:1px solid #000;
          border-collapse:collapse;
          padding-left:10px;}

tr.tulosvari  {background-color:#EFE5E5;
            border:1px solid #000;
          border-collapse:collapse;
          padding-left:10px;}
tr.tulosots  {background-color:#DFDFDF;
            border:1px solid #000;
          border-collapse:collapse;
          padding-left:10px;
          text-align:center;
          font-weight:bold;}

td.arvostelu    {border:1px solid #000;
          border-collapse:collapse;
          padding-left:20px;
          padding-right:20px;
          padding-top:10px;
          padding-bottom:10px;}
