body
{
  color: black;
  background-color: white;
  font-size: 100.01%;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 1em;
  min-width: 60em;
}

div#header
{
  height: 110px;
  padding: 0.4em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  background: url(../images/prevedi.png) no-repeat;
}

div#leftcol
{
  float: left;
  width: 180px;  /* identisch mit makedonisch.info-Logo */
}

div#rightcol
{
  float: right;
  width: 180px;  /* identisch mit makedonisch.info-Logo */
}

ul#navi
{
  margin: 0 0 1em 0;
  padding: 0.4em;
  border: 1px solid silver;
  font-size: 0.9em;
  overflow: visible;
}

ul#navi li
{
  list-style: none;
  margin: 0; padding: 0.5em;
}

ul#navi a:link
{
  color: black;
  background-color: white;
}

ul#navi a:visited
{
  color: grey;
  background-color: white;
}

ul#navi a:hover
{
  color: black;
  background-color: gray;
}

ul#navi a:active
{
  color: white;
  background-color: gray;
}

div#info
{
  margin: 0.5em 0 0 0;
  padding: 0.4em;
  font-size: 0.8em;
  background-color: white;
  border: 1px solid silver;
  overflow: visible;
}

div#info h2
{
  font-size: 1.33em;
  margin: 0.2em 0.5em;
}

div#info p
{
  font-size: 1em;
  margin: 0.5em;
}

div#content
{
  margin: 0 190px 0 190px;
  padding: 1em;
  border: 1px solid silver;
}

* html div#content
{
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

div#content h2
{
  font-size: 1.2em;
  margin: 0.2em 0;
}

div#content p
{
  font-size: 1em;
  margin: 1em 0;
}

p#footer
{
  clear: both;
  font-size: 0.9em;
  margin: 0; padding: 0.1em;
  text-align: center;
  background-color: white;
  border: 1px solid silver;
}

.red
{ 
  color: red;
}