.header
{
margin: 0px auto 0px;
padding: 0px;
height: 299px;
width: 800px;
}
.navi
{
height: 68px;
width: 800px;
background: url(../images/liukunavi.jpg) repeat-x;
margin: 0px auto;
}

span.blue
{
color: #0077a9;
}

.sisalto
{
padding: 10px 10px 10px 0px;
margin-right: auto;
margin-left: auto;
width: 790px;
}
.laajateksti
{
width: 760px;
padding: 20px;
}

li.lista
{
color: #6aa823;
font-size: 12px;
font-weight: normal;
margin: 6px 0px;
}

ul.mustalista
{
list-style-position: inside;
}

li.mustalista
{
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 6px 0px;
list-style-position: inside;
}

ul
{
list-style: square;
font-size: 12px;
list-style-position: inside;
}

#footer
{
border-top: 1px solid #94d847;
width: 800px;
margin: 10px auto;
padding-top: 8px;
clear: both;
}

.navilinkit
{
margin: 30px 0px 0px;
float: left;
}
.navilinkit li  
{
margin-right:16px;
padding:0px 4px 0px 6px;
font-size: 12px;
font-weight: normal;
border-left: 3px solid #94d847;
display: inline;
list-style: outside;
}
li.active
{
margin-right:16px;
padding:0px 4px 0px 6px;
font-size: 12px;
font-weight: normal;
border-left: 4px solid #0077a9;
border-bottom: 1px solid #0077a9;
display: inline;
color: #0077a9;
list-style: outside;
}


body
{
margin: 0px auto;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.vasenboxi
{
float:left;
background: url(../images/green_gradient.jpg) repeat-x;
padding: 20px 10px 10px;
width: 250px;
margin-bottom: 10px;
margin-right: 20px;
}

.oikeaboxi
{
float:right;
background: url(../images/green_gradient.jpg) repeat-x;
padding: 20px 10px 10px;
width: 250px;
margin-bottom: 10px;
margin-left: 20px;
}

h1
{
color: #6aa823;
font-size: 14px;
font-weight: bold;
margin: 16px 2px;
}

h2
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #0077a9;
}

h3
{
color: #333333;
font-size: 14px;
font-weight: bold;
margin: 16px 2px;
}

p
{
font-size: 12px;
margin: 12px 4px;
}

p.copy
{
font-size: 10px;
margin: 2px 4px;
color: #999999;
text-align: center;
}

a.otsikko:link
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #0077a9;
text-decoration:none;
}

a.otsikko:visited
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #0077a9;
text-decoration:none;
}

a.otsikko:hover
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #0077a9;
text-decoration:underline;
}

a.bold:link
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #333333;
text-decoration:none;
}

a.bold:visited
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #333333;
text-decoration:none;
}

a.bold:hover
{
font-size: 12px;
margin: 12px 4px;
font-weight:bold;
color: #333333;
text-decoration:underline;
}

a:link
{
color: #0077a9;
text-decoration:none;
text-decoration:underline;
}

a:visited
{
color: #0077a9;
text-decoration:underline;
font-weight:normal;
}

a:hover
{
color: #0077a9;
text-decoration:none;
font-weight:bold;
}

a.navlink:link
{
color: #333333;
font-size: 12px;
font-weight: normal;
text-decoration:none;
}

a.navlink:visited
{
color: #333333;
font-size: 12px;
font-weight: normal;
text-decoration:none;
}

a.navlink:hover
{
font-size: 12px;
font-weight: normal;
color: #6aa823;
}

a.navlink:active
{
font-size: 12px;
font-weight: normal;
color: #0077a9;
text-decoration:underline;
}

a.copy:link
{
font-size: 10px;
color: #999999;
text-decoration:underline;
font-weight: normal;
}

a.copy:visited
{
font-size: 10px;
color: #999999;
font-weight: normal;
text-decoration:underline;
}


a.copy:hover
{
font-size: 10px;
color: #666666;
text-decoration:none;
}

tr td{
margin: 2px;
padding:5px;
font-size: 12px;
}

span.green{
color: #6aa823;
}

img.vasen{
float:left;
margin:16px 30px 8px 2px;
}

img.oikea{
float:right;
margin:8px 2px 8px 15px;
}

.hinnasto{
text-align: center;
width:450px;
border:solid 1px #6aa823;
}