
body  {
  color: #505050;
  background-color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  margin: 0;
}

a:link { color: #505050; }
a:visited  { color: #505050; }
a:hover  { color: #505050; }

p {
  margin-bottom: 20px;
}
table.sivuleiska td {
  margin: 0;
  padding: 0;
}
tr.ylapalkki1 {
  height: 20px;
  background: #cc9933;
}
tr.ylapalkki2 {
  height: 95px;
}
tr.ylapalkki2 td {
  height: 95px;
  background: #8ca8bd URL('/sininen_palkki.jpg') no-repeat top left;
}
td.vasenpalkki div {
  margin: 1em;
  font-size: 12px;
}
td.vasenpalkki {
  border-right: #8ca8bd 1px solid;
  border-bottom: #8ca8bd 1px solid;
  width: 12em;
}
ul {
  padding-left: 1em;
}
td.vasenpalkki ul.taso1 {
  margin-left: 0;
  padding-left: 0;
}
td.vasenpalkki li {
  list-style-type: none;
  margin-left: 0;
}
td.vasenpalkki ul.taso1 ul {
  margin-left: 0;
}
td.vasenpalkki ul li a {
  color: #6699cc;
}
td.vasenpalkki ul li a.otsikko {
  font-size: medium;
  font-variant: small-caps;
}

td.content div {
  margin: 2em;
  font-size: 12px;
}

h1, h2, h3 {
  color: #6699cc;
  font-variant: small-caps;
}
h1 {
  font-size: medium;
}
h2, h3 {
  font-size: small;
}

td.footer {
  text-align: center;
  color: #aaaaaa;
  font-size: x-small;
}

p.legal {
  font-size: x-small;
}

.error {
  background-color:#ff4444;
  color:black;
}

.large {
  font-size: large;
}

.small {
  font-size: x-small;
}

a.linkki {
  text-decoration: none;
}

table.tuote {
  font-size:11px;
}
table.tuote th, table.tiedot th {
  background-color:#dcdcdc;
  color:black;
  text-align: left;
}

table.tuote td, table.tuote th {
  padding-left: 2ex;
}

td.hinta {
  text-align:right;
}

span.passive {
  color: gray;
}

span.active {
  color: black;
  font-size: 200%;
}

span.done {
  color: black;
}

div.etusivunostot {
	clear: both;
	margin-left: 0;
	text-align: left;
}

a.etusivunosto div {
	float: left;
	text-align: left;
	width: 20em;
	margin: 1em;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-width: 1px;
	border-style: outset;
	background-color: #eeeeee;
	cursor: pointer;
	text-decoration: none;
}

a.etusivunosto div:hover {
	background-color: #dddddd;
	border-style: inset;
}

a.etusivunosto {
	text-decoration: none;
}
