body                { background-color: #fff; font-size: 0.8em; font-family: verdana, sans-serif; color: #000; width: 770px; margin: 5px auto; }

#admin              { margin: 0; padding: 7px 10px 7px 10px; border-bottom: 1px solid #c0c0c0; }
#admin p.left       { margin: 0; padding: 0; float: left;  }
#admin p.right      { margin: 0; padding: 0; text-align: right; }
#admin a            { text-decoration: none; }
#admin a:hover span { text-decoration: underline; }
#admin a img        { margin: 0 5px -3px 0; padding: 0; }

img               { border: 0; }
img.float-left    { float: left; margin: 3px 10px 10px 0; border: 1px solid #4a7123; }
img.float-right   { float: right; margin: 0 0 13px 13px; border: 1px solid #4a7123; z-index: 10;}
img.teaser        { margin: 0 7px 7px 0; border: 1px solid #4a7123; }
img.thumbnail     { border: 1px solid #4a7123; margin: 0; }
img.float-left-sm { float: left; margin: 3px 5px 3px 0; border: 1px solid #4a7123; }

h1                { color: #f69022; font-size: large; font-weight: bold; margin: 0 0 1em 0; padding: 0; }
h2                { color: #4a7123; margin: 25px 0 0 0; font-size: medium; font-weight: bold; }

#main             { margin: 0 250px 0 0; padding: 0; }
#main ul          { font-size: 13px; line-height: 19px; }
#main h2.teaser,
#main h2.teaser a { margin: 0; font-size: small; font-weight: bold; color: black; text-decoration: none; }
#main p.teaser    { margin: 0; padding: 0; }
#main p           { line-height: 1.5em; margin: 0 0 0.5em 0; }
#main ul li       { list-style-type: square; }


a       { color: #449; cursor: pointer; text-decoration: underline; }
a:hover { color: #88c; }
p       { margin-top: 0.5em; }

input.fs,
textarea        { border: 1px solid #4a7123; }
input#searchbar { width:  85%; }

#wrapper     { position: relative; margin: 0 auto; padding: 0; background-color: #f0f9e8; border: 1px solid #b4d264; min-width: 627px; /* IE ei tunnista min-width -atribuuttia, seuraava kiertää ongelman */ width: expression(document.body.clientWidth < 627 ? "627px" : "100%"); }
#top         { margin: 5px 5px 0 5px; background-color: #b4d264; position: relative; height: 106px; white-space: nowrap; }
#topleft     { background-image: url(kuvat/ylapalkkitoisto.png); background-repeat: repeat-x; background-position: bottom right; margin-right: 5px; height: 106px; }

img#topright { float: right; margin: 0; padding: 0; }
img#toptitle { margin-left: 13px; margin-top: 60px; width: 339px; height: 33px; position: relative; }

#right       { margin: 5px 5px 5px 0; padding: 0; padding-top: 30px; width: 257px; float: right; }
.rightbox    { padding: 0; margin: 0.5em 2% 1em 8%; width: 230px; }
.rightbox ul { list-style-type: none; padding: 0; margin: 0; }
.rightbox li { padding-bottom: 0.5em; }
.rightbox h1 { padding: 0 0 1em 0; margin: 0; }
.rightbox p  { margin: 0; padding: 0; }
.rightbox a  { display: block; margin: 0; padding: 0 0 0 0; text-decoration: underline; }

.boxtop,
.boxbottom   { margin: 0; padding: 0; border: 0; background-color: #ddebb8; width: 100%; position: relative; height: 8px; }
.boxtop      { background: url("./kuvat/ylatoisto.png") top left repeat-x; }
.boxbottom   { background: url("./kuvat/alatoisto.png") bottom left repeat-x; }

img.boxtl,
img.boxtr,
img.boxbl,
img.boxbr    { position: absolute; }
img.boxtl    { top: 0; left: 0; height: 8px; width: 8px; border: 0; }
img.boxtr    { top: 0; right: 0; height: 8px; width: 8px; border: 0; }
img.boxbl    { bottom: 0; left: 0; height: 8px; width: 8px; border: 0; }
img.boxbr    { bottom: 0; right: 0; height: 8px; width: 8px; border: 0; }

.boxcontent  { border: solid #b4d264; border-width: 0 1px; background-color: #ddebb8; padding: 0 1em; margin: 0; }
.dots        { color: #f69022; text-align: right; font-size: x-large; margin: 0; padding: 0; }

#content     { margin: 1em 0 1em 1em; }

#navi                { position: relative; margin: 0 259px 5px 5px; }
#navicontent         { border: solid #b4d264; border-width: 0 1px 1px 1px; background-color: #ddebb8; medium; padding: 5px 20px 5px 20px; }
#navicontent a       { color: #4a7123; text-decoration: none; margin: 0 1em 0 0; font-weight: bold; }
#navicontent a:hover { text-decoration: underline; }
#navicontent a#cur   { color: #f69022; }
#navibottom          { background-color: #ddebb8; height: 8px; margin: 0; padding: 0; }

#bottom         { color: #4a7123; text-align: right; font-size: x-small; background-color: #b4d264; margin: 5px; margin-top: 3em; padding: 4px; clear: both; }
#bottom a       { color: #4a7123; text-decoration: none; font-weight: bold; margin: 0 3px 0 0; }
#bottom a:hover { color: #fff; }

table { margin: 0; padding: 0; width: 480px; }
tr    { margin: 0; padding: 0; }
td    { margin: 0; vertical-align: top; padding: 0 0 1.5em 0; }
td h2 { margin: 0; padding: 0; }

hr { border: dashed #4a7123; border-width: 1px 0 0 0; height: 1px; margin: 1.5em 0 0 0; padding: 0; }

.news h2 a       { color: #4a7123; text-decoration: none; }
.news h2 a:hover { text-decoration: underline; }
.date            { color: #4a7123; font-size: small; }

.small { font-size: small; }