body
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 9pt;
  background: white;
  color: black;
  width: 800px;
  padding: 0px;
  margin: 5px auto 5px auto;
}

#leftbox
{
  float: left;
}

#header
{
  width: 600px;
  height: 50px;
  border-bottom: 4px solid black;
}

#logo
{
  background-image: url(images/teksti.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 50px;
  width: 250px;
  float: left;
}

#logo h1
{
  display: none;
}

#menu
{
  float: right;  
  padding-top: 30px;
}

#menu ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#menu ul li
{
  display: inline;
  padding: 0px 5px;
  margin: 0px;
}

#menu ul li a
{
  color: #5a4b64;
  background-color: inherit;
  text-decoration: none;
  font-family: arial sans-serif;
  font-weight: bold;
  font-size: 10.5pt;
}

#content
{
  width: 600px;
  height: auto;
}

#content .box
{
  color: black;
  background-color: #faf5ff;
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#content h1
{
  font-family: arial sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin: 0px;
  border-bottom: 1px solid black;
}

#content h2
{
  font-family: verdana helvetica sans-serif;
  font-size: 11pt;
  font-weight: bold;
  margin: 0px;
}

#content a
{
  text-decoration: underline;
  color: #4422bb;
}

#content hr
{
  border-style: none;
  border-bottom: 1px solid black;
}

#content .footerbox 
{
  text-align: center;
  font-weight: bold;
}

#sidebar
{
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  width: 190px;
  margin-top: 10px;
  margin-left: 5px;
  padding-top: 175px;
  float: right;
}

#sidebar .box
{
  color: black;
  background-color: #faf5ff;
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px;
}

#sidebar .box h2
{
  font-family: verdana helvetica sans-serif;
  font-size: 11pt;
  font-weight: bold;
  margin: 0px;
}

#sidebar .box p
{
  margin: 0px;
  margin-top: 10px;
}

#footer 
{
  clear: both;
}