/* DATEI: formate.css */

body
{
  margin: 0px;
  padding: 0px;
}

#container
{
  width: 100%;
  height: 100%;
  background-color: lightgrey;
}
	
#header
{
  width: 1020px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-image: url("images/header1.jpg");
  background-repeat: no-repeat;
}

#main
{
  width: 1020px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: white;
  font: normal 1em Helvetica, Arial, sans-serif;
}

#maincontent
{
  width: 870px;
  height: 550px;
  position: absolute;
  top: 0px;
  left: 150px;

  background-color: white;
}

#mainnav
{
  width: 120px;
  height: 550px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  padding: 0;
  z-index: 2;
}

#mainnav ul
{
  margin: 0;
  padding: 0;
  text-align: center;
}

#mainnav li
{
  list-style: none;
  position: relative;
  margin: 0 0 0 0;
  padding: 0;
}

#mainnav ul ul
{
  position: absolute;
  top: 0em;
  left: 7em;
  font: 0/0 serif;	/* Unternavigation ausblenden */
  z-index: -1;
  transition: font 0.5s;
}


#mainnav ul li:hover ul
{
  font: inherit;
  z-index: auto; /*  Unternavigation einblenden */
}

#mainnav a
{
  display: block;
  width: 6.4em;	/* Breite den in li enthaltenen Elementen zuweisen */
  margin: 0.4em 0 0 0;
  padding: 0.2em;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid darkgrey;
  color: white;
  background-image: url("images/bgtab.gif");
}

#mainnav a:focus,
#mainnav a:hover
{
  /* aktuelle Unterseite kennzeichnen */
  color: black;
  background-color: lightblue;
}

#mainview
{
  width: 850px;
  height: 550px;
  position: absolute;
  top: 0px;
  left: 0px;

  background-color: white;
  font: normal medium Helvetica, Arial, sans-serif;
}

h1
{
  font: bold;
  font-size: 120%;
  text-align: left;
  color: #555555;
}

h2
{
  font: normal;
  font-size: 110%;
  text-align: left;
  color: #555555;
}

p
{
  font: normal;
  font-size: 100%;
  text-align: left;
  color: #555555;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}