/* Ekovilla.com tyyli.css -tyylitiedosto */

body
{
background-color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p
{
font-size:8pt;
line-height: 14pt;
}

b
{
color: #218e31;
}

strong
{
color: #218e31;
}

#main
{
margin:0px auto;
margin-top:10px;
width:771px;
height:640px;
}

#header
{
background-color: #219242;
height:64px;
}

#sidebar
{
float:left;
position:relative;
width:170px;
height:556px;
background-image: url(gfx/system/valikko/val_tausta.jpg);
background-repeat: repeat-y;
}

#nav
{
margin:0;
padding:0;
}

#nav li
{
list-style-type:none;
text-decoration:none;

}

#nav li.current, #nav li.current a:link, #nav li.current a:visited,#nav li.current a:hover,#nav li.current a:active
{
color:#8c8c8c;
font-weight:bold;
font-family: arial;
text-transform:uppercase;
font-size:13px;
display:block;
height:25px;
background-image: url(gfx/system/valikko/val_hover.jpg);
}

#nav li.tyhja
{
margin:0;
padding:0;
background-image: url(gfx/system/valikko/val_suorak.jpg);
background-repeat:no-repeat;
height:25px;
}

#nav li a:link, #nav li a:visited
{
color:#238d31;
text-decoration:none;
font-weight:bold;
font-family: arial;
text-transform:uppercase;
font-size:13px;
display:block;
background-image: url(gfx/system/valikko/val_suorak.jpg);
background-repeat:no-repeat;
height:25px;
}

#nav li a:hover, #nav li a:active
{
color:#8c8c8c;
text-decoration:none;
font-weight:bold;
font-family: arial;
background-color:white;
text-transform:uppercase;
font-size:13px;
display:block;
background-image: url(gfx/system/valikko/val_hover.jpg);
background-repeat:no-repeat;
height:25px;
}

#nav li.sublink  a:link, #nav li.sublink a:visited
{
color:#238d31;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family: arial;
font-size:12px;
display:block;
background-image: url(gfx/system/valikko/val_hover.jpg);
background-repeat:no-repeat;
height:20px;
}

#nav li.sublink a:hover,#nav li .sublink a:active,#nav li .sublinkcurrent a:link, #nav li.sublinkcurrent a:active, #nav li.sublinkcurrent a:hover, #nav li.sublinkcurrent a:visited
{
color:#238d31;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family: arial;
background-color:white;
font-size:12px;
display:block;
background-image: url(gfx/system/valikko/subhover.jpg);
background-repeat:no-repeat;
height:20px;
}

#nav li.sublink span,#nav li.sublinkcurrent span
{
padding:3px 0px 0px 25px;
display:block;
}

#nav li.sublink2  a:link, #nav li.sublink2 a:visited
{
color:#238d31;
text-decoration:none;
font-weight:bold;
font-family: arial;
font-size:11px;
display:block;
background-image: url(gfx/system/valikko/val_hover.jpg);
background-repeat:no-repeat;
height:20px;
}

#nav li.sublink2 a:hover,#nav li .sublink2 a:active,#nav li .sublink2current a:link, #nav li.sublink2current a:active, #nav li.sublink2current a:hover, #nav li.sublink2current a:visited
{
color:#238d31;
text-decoration:none;
font-weight:bold;
font-family: arial;
background-color:white;
font-size:11px;
display:block;
background-image: url(gfx/system/valikko/val_subhover.jpg);
background-repeat:no-repeat;
height:20px;
}

#nav li.sublink2 span,#nav li.sublink2current span
{
padding:3px 0px 0px 35px;
display:block;
}

#nav li.sublink3  a:link, #nav li.sublink3 a:visited
{
color:#238d31;
text-decoration:none;
font-weight:bold;
text-transform:none;
font-family: arial;
font-size:11px;
display:block;
background-image: url(gfx/system/valikko/val_hover.jpg);
background-repeat:no-repeat;
height:20px;
}

#nav li.sublink3 a:hover,#nav li .sublink3 a:active,#nav li .sublink3current a:link, #nav li.sublink3current a:active, #nav li.sublink3current a:hover, #nav li.sublink3current a:visited
{
color:#238d31;
text-decoration:none;
text-transform:none;
font-weight:bold;
font-family: arial;
background-color:white;
font-size:11px;
display:block;
background-image: url(gfx/system/valikko/val_subhover2.jpg);
background-repeat:no-repeat;
height:20px;
}

#nav li.sublink3 span,#nav li.sublink3current span
{
padding:3px 0px 0px 45px;
display:block;
}

#nav li span
{
padding:5px 0px 0px 10px;
display:block;
}





.sidebarpic
{
position:absolute;
bottom:0;
text-align:center;
}

#content
{
position:relative;
float:left;
width: 431px;
height:556px;

}

#headers
{
margin:0;
padding: 10px 55px 0px 25px;
margin-bottom:20px;
}

#maincontent
{
font-size:8pt;
margin:15px 0px 0px 20px;
padding: 5px 30px 0px 0px;
overflow:auto;
height:503px;

}

#maincontent a:link, a:visited, a:hover, a:active
{
color:#218e31;
}

#maincontent ul 
{
margin:0;
padding:0;
margin-left:10px;
list-style-image:url(gfx/system/pallo_vihrea.gif);
list-style-position:inside;
}

#maincontent li
{
margin-top:10px;
}

.harmaaotsikko
{
margin:0;
padding:0;
font-family: impact;
text-transform:uppercase;
font-size:22px;
color:#acacac;
}

h1
{
margin:0;
padding:0;
position:absolute;
font-family:arial,verdana;
font-size:18px;
text-transform:uppercase;
color:#238d31;
margin-left:20px;
margin-top:10px;
}

h2
{
color: #218E31;
line-height: 14pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight : bold;
margin-bottom:0px;
margin-top:0px;

}

#rightimage
{
clear:none !important;
clear:left;
float:right;
}

.right
{
margin-left:10px;
}

.left
{
margin-right:10px;
}

.kpl
{
float:left;
width: 350px;
margin-bottom:20px;
margin-top:0px;
}

.kplborder
{
float:left;
width: 350px;
margin-bottom:10px;
border: #008000 2px solid;
padding:5px 0px 0px 5px;
}

.kpl
{
float:left;
width: 350px;
margin-bottom:20px;
}

.kpl p
{
margin:0;
padding:0;
margin-bottom:10px;
}

hr
{
clear:both;
}

.teksti
{
line-height: 14pt;
}