div.area {
  position: relative;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  min-width: 10em;
}

td, p, form, ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
div.yla {
  border-style:none;
  border-bottom:2px solid #600000;
}
div.ala {
  border-style:none;
  border-top:2px solid #600000;
  margin-top:0px;
}
div.keski {
  overflow: auto;
  width: 100%
}
div.sarake {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  float:left;
  padding:4px 30px 4px 0px;
}

a {
  font-weight: bold;
  color: #600000; 
}
a:visited {
  color: #600000; 
}

a:hover, a:active {
  color: #000000; 
  text-decoration: none;
  font-weight: bold;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #600000; 
  font-size: 15px;
  margin: 5px 0px 10px 0px;

}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #600000; 
  font-size: 13px;
  margin: 7px 0px 5px 0px;
}

.otsikko {
  border:none;
  border-bottom:1px solid #600000;
}

hr {
	border: 0;
	color: #000000;
	background-color: #600000;
	width: 100%;
	text-align: left;
}
.input, select {
  background-color: #eeeeee;
  border: 1px solid #600000;
  margin-bottom: 1px;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.button {
  background-color: #600000;
  color: #ffffff;
  font-weight: bold;
}

a.tagi {color: #600000;  font-weight: bold}

a.ulos, a.ulos:visited, a.ulos:hover, a.ulos:active  {color: #600000;  font-weight: bold}

a.navi, a.navi:visited, a.navi:hover, a.navi:active {color: #600000;  font-weight: bold; font-size: 13px}

.url {font-size: 12px; font-weight: normal; color: #600000}

.message {visibility: hidden; height: 0px}

.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

