*
{
  font-family: Tahoma,Arial;
}

h1
{
  text-align: center;
  margin: 10px 0;
}

a
{
  color: #274896;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

div.content,
div.formular
{
  position: absolute;
  left: 50%;
}

div.content
{
  width: 972px;
  margin-left: -486px;
}

div.formular
{
  width: 450px;
  margin-left: -225px;
}

div.boxes > div.catalog,
div.boxes > div.info
{
  float: left;
}

div.boxes > div.catalog > p
{
  /*width: 174px;*/
  margin: 10px 25px 20px;
}

div.boxes > div.catalog
{
  width: 672px;
  text-align: center;
}

div.boxes > div.info
{
  width: 250px;
  margin: 10px 15px;
}

div.boxes > div.info > p
{
  margin-bottom: 15px;
}

div.boxes ~ *
{
  clear: both;
  text-align: center;
}

form > div
{
  margin: 10px 0;
}

form > p > span
{
  display: block;
  width: 250px;
  float: left;
}

form > p > input,
form > p > textarea
{
  clear: both;
}

form > p > input:invalid,
form > p > textarea:invalid
{
  background: #f88;
}

p.error,
p.success
{
  font-weight: bold;
}

p.error
{
  color: #f00;
}

p.success
{
  color: #080;
}