body
{
margin:0;
background: url('images/tausta_grad.jpg') repeat-x #336600;
font-family:Verdana, Arial, sans-serif;
line-height:1.5;
color:#333333;
font-style:normal; 
font-weight:normal; 
text-decoration:none;
text-align:center;
font-size:100%;
}

#container
{
width: 100%;
line-height:1.5;
margin: 2px auto;
background-color: #fff;
color: #333333;
text-align:left;
max-width: 50em;
}

#header
{

padding: 0;
margin:  0;
background: url('images/tausta_grad_lyhyt.jpg') repeat-x #336601;
}

#header h1 
{
padding: 0;
margin: 0;
}

#header p 
{
padding: 0;
margin: 0;
}

#header2
{
clear:both;
margin: 0;
background-color: #ffffff;
color: #000000;
}

#vasenpuoli
{
float: left;
clear: both;
width: 11em;
margin: 0.5em 0.5em;
}


#content
{
margin-left: 12em;
border-left:#669900 1px solid;
padding: 1em;
background-color: #ffffff;
min-height:350px;
}

#content_big
{
padding: 1em;
background-color: #ffffff;
min-height:350px;
}


#content p
{
margin:0 0 10px 0;
font-size:80%; 
text-align:left;
color: #333333;   
}

#content .leipis
{
font-size:80%; 
text-align:left;  
}

#content .pieni
{
margin:0;
font-size:70%; 
text-align:left;  
}

#footer
{
clear: both;
margin: 0em;
color: #333333;
background: #ffffff;
}

.leipis
{
margin: 0em;
font-size:80%; 
text-align:left;  
}

p
{
margin:0 0 10px 0;
font-size:80%; 
text-align:left;  
color: #333333; 
}


.date 
{
margin: 0;
font-size:60%; 
text-align:right;
color: #333333; 
}

.alkuvasen
{
margin: 0;
font-size: 80%; 
text-align: left;
color: #ffffff; 
}

.alkuoikea
{
margin: 0;
font-size: 80%; 
text-align: right;
color: #ffffff; 
}

.pieni
{
margin:0;
font-size:60%; 
text-align:left;  
}

.valiton
{
margin-top: 0em; margin-bottom: 0em;  
}

.kieliversio
{
font-size: 70%;
color:#333333;
margin: 0.5em 0.5em;
}

.vihrea
{
color: #336600;
margin:0;
font-size: 70%;  
}

.lomake
{
text-indent: 0em; margin-top: 0em; margin-bottom: 0em;
font-size:80%; 
text-align:left;
color:#336600;  
}

.lomakevirhe
{
text-indent: 0em; margin-top: 0em; margin-bottom: 0em;
font-size:80%; 
text-align:left;
color:#cc0000;  
}

h2.virhe
{
text-indent: 0em; margin-top: 0em; margin-bottom: 0em;
font-size:80%; 
text-align:left;
font-weight: normal;
color:#cc0000;  
}
  
}

.oikea
{ 
text-align:right;  
}

.vasen
{ 
text-align:left;  
}

.otsikko
{
color: #669900;
font-size:90%; 
text-align:left;
font-weight:bold;
margin: 20px 0 0 0;   
}

.valiotsikko
{
color: #669900;
font-size:80%; 
text-align:left;
font-weight:bold;
margin: 3em 0 0 0;   
}

.counterotsikko2
{
color: #ffffff;
font-size:80%; 
text-align:center;
margin: 0;   
font-weight:normal;
}

.counterotsikko
{
color: #669900;
font-size:90%; 
text-align:left;
font-weight:bold;
margin: 0;   
}

.counterotsikko3
{
color: #ffffff;
font-size:80%; 
text-align:center;
font-weight:bold;
margin: 0;   
}

.laskurintausta
{
background: url('images/tassut.gif') no-repeat top right #669900;
padding:  0,2em;
}


ul#nav
{
clear:both;
list-style-type: none;
margin: 0;
padding: 0.3em;
background-color: #669900;
font-size:70%;  
text-align:center; 
padding-left: 11em;
font-weight:bold;
border-bottom: 1px solid #000000; 
}

ul#nav li
{
display: inline;
padding: 0.5em;
}

ul#nav li a
{
text-decoration: none;
padding: 0.2em;
color: #ffffff;
background-color: #669900;
border: solid 1px #669900;

}

ul#nav li a:visited
{
color: #fff;
background-color: #669900;
border: solid 1px #669900;
}

ul#nav li a:hover
{
color: #ffffff;
background-color: #669900;
border: dotted 1px #000000;
}

ul#nav li a:active
{
color: #ffffff;
background-color: #669900;
border: solid 1px #000000;
}

ul#nav a#current
{
color: #ffffff;
background-color: #669900;
border: solid 1px #000000;
}


ul#nav2
{
text-align:center;
font-size:70%;
padding: 0.2em;
padding-left: 11em;
margin: 0;
color: #ffffff;
background-color: #669900;
border-bottom: 1px solid #000000;
}

ul#nav2 li 
{ 
display: inline;
padding: 0em 0.5em;
}

ul#nav2 li a
{
color: #ffffff;
background-color: #669900;
padding: 0.2em 0.2em;
text-decoration: none;
}

ul#nav2 li a:hover
{
background-color: #ffffff;
color: #000000;
}

ul#nav3 
{
font-size:70%; 
text-align:left;
margin: 0 0 1em 0;
padding: 0.5em;
list-style-type: none;
color: #ffffff;
font-weight: bold;
padding-left: 20px; 
background: url('images/tassut.gif') no-repeat bottom right #669900;
width: 13em
}

ul#nav3 li
{ margin: 0.5em 0.3em 0em;
}

ul#nav3 a
{
color: #ffffff;
background-color: none;
text-decoration: none;
font-weight: normal;
padding: 0em;
}

ul#nav3 a:hover
{
background-color: none;
color: #fffff;
text-decoration: underline;
}

ul#nav3 li li a
{
color: #ffffff;
background-color: none;
text-decoration: none;
font-weight: normal;
}

ul#nav32 
{
font-size:70%; 
text-align:left;
margin: 0 0 1em 0;
padding: 0.5em;
list-style-type: none;
color: #ffffff;
font-weight: bold;
padding-left: 20px; 
background: url('images/tassut.gif') no-repeat bottom right #669900;
width: 13em
}

ul#nav32 li
{ margin: 0.5em 0 .3em 0em;
}

ul#nav32 a
{
color: #ffffff;
background-color: none;
text-decoration: none;
font-weight: normal;
padding: 0em;
}

ul#nav32 a:hover
{
background-color: none;
color: #fffff;
text-decoration: underline;
}

ul#nav32 li li a
{
color: #ffffff;
background-color: none;
text-decoration: none;
font-weight: normal;
}

ul#nav33 
{
font-size:70%; 
text-align:left;
margin: 0;
margin-bottom: 1em;
padding: 0.5em;
list-style-type: none;
color: #333333;
font-weight: normal; 
}

ul#nav33 li
{ margin: 0 0.3em;
border-bottom: 1px dotted #336600;
padding: 0.3em;
}

ul#nav33 a
{
color: #333333;
background-color: none;
text-decoration: none;
font-weight: normal;
padding: 0em;
}

ul#nav33 a:hover
{
background-color: none;
color: #CC0000;
}

ul#nav33 li li a
{
color: #333333;
background-color: none;
text-decoration: none;
font-weight: normal;
}

ul#nav34
{
font-size:70%; 
text-align:left;
margin: 0 0 1em 0;
padding: 0 0 0 20px;
list-style-type: none;
color: #ffffff;
font-weight: bold;
background: url('images/tassut.gif') no-repeat bottom left #669900;
width: 13em
}

ul#nav34 li
{ 
margin: 0em 0 .3em 0em;
}

ul#nav34 a
{
color: #ffffff;
background-color: none;
text-decoration: none;
font-weight: normal;
padding: 0;
margin: 0;
}

ul#nav34 a:hover
{
background-color: none;
color: #fffff;
text-decoration: underline;
}

ul#nav34 li li a
{
color: #ffffff;
background-color: none;
text-decoration: none;
font-weight: normal;
}

ul#nav4
{
list-style-type: none;
margin: 0em;
padding: 0; 
text-align:left; 
font-weight:normal;
}

ul#nav4 li
{
font-size: 70%; 
display: inline;
padding: 0em;
color: #ffffff;
}

ul#nav4 li a
{
text-decoration: none;
padding: 0em;
color: #ffffff;

}

ul#nav4 li a:visited
{
color: #fff;
}

ul#nav4 li a:hover
{
color: #ffffff;
text-decoration: underline;
}

ul#nav4 li a:active
{
color: #cccccc;
}

ul#nav4 a#current
{
color: #cccccc;
}


.viivaoikealle
{
border-right: 1px solid #ffffff;
}

.center
{text-align:center;}

td.tausta1
{
background: url('images/l07.jpg') no-repeat
}

td.tausta2
{
background: url('images/l08.jpg') no-repeat
}

td.lehti
{
background: url('images/logo.gif') no-repeat center top
}

table.kukka
{
background: url('images/matskut/kukka.jpg') no-repeat left bottom
}

img.margintop
{
margin: 200px 0 0 0;
}

img.margintopvene
{
margin: 150px 0 0 0;
}

a.plain { text-decoration: none }

a.one:link     {color:#333333; text-decoration: none; }
a.one:visited  {color:#333333; text-decoration: none; }
a.one:hover    {color:#333333; text-decoration: none; }
a.one:active   {color:#333333; text-decoration: none; }

a.two:link     {color:#0000cc; text-decoration: underline; }
a.two:visited  {color:#0000cc; text-decoration: underline; }
a.two:hover    {color:#cc0000; text-decoration: underline; }
a.two:active   {color:#0000cc; text-decoration: underline; }

a.three:link     {color:#ffffff; text-decoration: none; }
a.three:visited  {color:#ffffff; text-decoration: none; }
a.three:hover    {color:#ffffff; text-decoration: underline; }
a.three:active   {color:#ffffff; text-decoration: none; }

input
{
background: #e8fad7;
border: none;
color: #336600;
}
 
textarea
{
background: #e8fad7;
border: none;
scrolling: auto;
color: #336600;
}

.oikeaviiva
{
border-right: 1px solid #000000
}

.kehys
{
border: 2px dotted #006600
}

.vasenfloat
{
float: left;
margin: 0px 15px 0px 0px;
}

.oikeafloat
{
float: right;
margin: 0px 0px 20px 15px;
}

.oikeafloatclear
{
clear:right;
float: right;
margin: 0px 0px 20px 15px;
}

.clear
{
clear:both;
}
 
.kuvateksti
{
clear:both;
margin: 0;
padding: 0;
font-size: 70%;
font-style:italic;
font-weight: normal;
}

img.margin
{
margin:0 0 0 10px;
}


img.margin2
{
margin:0 0 5px 10px;
}

hr
{
color:#669900;
size: 60%;
border: 1px solid #669900;
}