BODY { background: #f1f1f1; }

td { font-family: verdana, arial, helvetica, Sans-serif; font-size: 0.8em; color: #333333;  }

.virhe { color:#CC3300; }
.ok    { color:#006600; }

h1 { font-family: Trebuchet MS, verdana, arial, helvetica, Sans-serif; font-size: 14pt; color: #333333; font-weight:normal;}
h2 { font-family: Trebuchet MS, verdana, arial, helvetica, Sans-serif; font-size: 11pt; color: #333333; font-weight:bold;}
h3 { font-family: Trebuchet MS, verdana, arial, helvetica, Sans-serif;}

A 		  { background: none; color: #2C8531; text-decoration: underline; font-style: normal; }
A:visited         { background: none; color: #2C8531; text-decoration: underline; font-style: normal; }
A:hover           { background: none; color: #2C8531; text-decoration: underline; font-style: normal; }

.valkoinen A          { background: none; color: #ffffff; text-decoration: underline; font-style: normal; }
.valkoinen A:visited  { background: none; color: #ffffff; text-decoration: underline; font-style: normal; }
.valkoinen A:hover    { background: none; color: #ffffff; text-decoration: underline; font-style: normal; }


.navi A           { background: none; color: #333333; text-decoration: none; font-size: 0.85em; font-style: normal; font-weight:normal; }
.navi A:visited   { background: none; color: #333333; text-decoration: none; font-size: 0.85em; font-style: normal; font-weight:normal; }
.navi A:hover     { background: none; color: #2C8531; text-decoration: none; font-size: 0.85em; font-style: normal; font-weight:normal; }

.navi2 A          { background: none; color: #2C8531; text-decoration: none; font-size: 0.85em; font-style: normal; font-weight:normal; }
.navi2 A:visited  { background: none; color: #2C8531; text-decoration: none; font-size: 0.85em; font-style: normal; font-weight:normal; }
.navi2 A:hover    { background: none; color: #2C8531; text-decoration: none; font-size: 0.85em; font-style: normal; font-weight:normal; }


.painike { background: #ffffff; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #333333; border-bottom:1px solid #333333; font-family: verdana, arial, helvetica, Sans-serif; font-size: 0.9em; font-weight: bold; color: #000000; cursor:hand;}
.lomake  { border: 1px solid #333333; }


.kehyssolu { background:#2C8531; }
.datasolu  { background:white; }


small  { font-size:0.85em; }
i {font-style: italic; }


.valkoinen { color:#ffffff; }

.valkoinentausta { background:#ffffff; }
.harmaatausta 	{ background:#f1f1f1; }
.navitausta 	{ background:#FFFFCC; }
.vihreatausta 	{ background:#2C8531; }
.sininentausta 	{ background:#418BEA; }
.vihreareunus 	{ background:#2C8531; }

.otsikkotd 	{ background:#2C8531; color:white; font-weight:bold;}
.taustatd 	{ background:white; border-bottom:1px solid #2C8531; padding:7px;}

.nappi { background: #ffffff; border-top:2px solid #e2e2e2; border-left:2px solid #e2e2e2; border-right:2px solid #333333; border-bottom:2px solid #333333; font-family: verdana, arial, helvetica, Sans-serif; color: #000000; cursor:hand;}