body
{
  background-image : url('../pics/background.jpg');
  margin:0;
  padding:0;
}

a
{
  color:#555;
}

.important
{
  font-weight:bold;
}


#content
{
  background-image: url('../pics/content-top.gif');
  background-repeat:no-repeat;
  margin-left: 21em;
  margin-top:10pt;
  margin-bottom:-320pt;
  
  filter:alpha(opacity=80); 
  -moz-opacity: 0.80; 
  opacity: 0.80;
  -khtml-opacity: 0.8;
  position:relative;
  z-index:4;
  /* /
  border:1px solid blue;
  /* */

}

#contentheader
{
  height:81px;
  margin:0;
  margin-left:97px;
  padding:0;
  /*/
  border:1px solid red;
  /* */
  background-color:#FFF;
  position:relative;
  z-index:4;
}

h1
{
  padding:0;
  margin:0 0 15pt 0;
  font-size:11pt;
  font-family:sans-serif;
  text-align:left;
  font-weight:normal;
  font-style:normal;
}

#content #text
{
  border:0;
  /*max-height:40em;
  min-height:20em;*/
  height:30em;
  overflow:auto;
  background-color:#FFF;
  margin-top:0;
  padding-left:97px;
  padding-right:10pt;
  padding-top:0;
  
  font-size:10pt;
  font-family:sans-serif;
  text-align:left;
}

* html #content #text
{
  height:40em;
}

#contentfooter
{
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:#AAA;
  height:80px;
  background-color:#FFF;
  margin:0 0 -81px 97px;
  padding:0 55pt 0 0;
  text-align:right;
  font-size:10pt;
  font-family:sans-serif;
  position:relative;
  z-index:4;
}

  
#contentbottom
{
  margin:0;
}

.contenttable
{
  margin:0;
  padding:0;
  border:0;
  width:95%;
}

/* wieder mal komisches Verhalten beim IE... */
* html .contenttable
{
    width:0;
}

.contenttable td
{
  text-align:left;
}

#navicontainer
{
  /*width:15em;*/
  width:180pt;
  margin-bottom:-145pt;
  /*/
  border:1px solid grey;
  /**/
  filter:alpha(opacity=80); 
  -moz-opacity: 0.80; 
  opacity: 0.80;
  -khtml-opacity: 0.8;
}

/* warum schiebt der IE das Logo in den Vordergrund? */
* html #navicontainer
{
    margin-bottom:-30pt;
}

#navi
{
  /*/
  border: 1px solid black;
  /* */
  margin-top: 100pt;
  padding-bottom: 0pt;
  padding-top: 0pt;
  padding-right: 0pt;
  position:relative;
  z-index:3;
  /*width:15em;*/
}

/* warum auch immer, aber es scheint zu funktionieren... */
* html #navi
{
  margin-top:0;
}

#naviheader
{
  background-image: url('../pics/navi-top.gif');
  background-repeat:no-repeat;
  background-position:right;
  height:50px;
  /*/
  border: 1px solid black;
  /* */
  width:100%;
}

#navifooter
{
  background-image: url('../pics/navi-bottom.gif');
  background-repeat:no-repeat;
  background-position:right;
  height:50px;
  /*/
  border: 1px solid black;
  /* */
  width:100%;
}

#navi ul
{
  /*/
  border:1px solid green;
  /* */
  margin:0;
  padding-top:20pt;
  padding-right:50pt;
  padding-bottom:40pt;
  padding-left:55pt;
  background-color:#FFF;
}

#navi ul li
{
  list-style-type: none;
  margin-top:1em;
}

#navi ul li a
{
  text-decoration:none;
  font-family:sans-serif;
  font-weight:normal;
  color:#000;
  /*line-height:2em;*/
  font-size:11pt;
}

div.image
{
    float:left;
    margin:1em 1em 3em 1em;
}

h3
{
  clear:both;
  margin:0;
  padding:0;
  font-size:11pt;
  font-family:sans-serif;
  text-align:left;
  font-weight:bold;
  font-style:normal;
}

/* und nochmal IE... */
* html h3
{
  clear:none;
}


#footer
{
  /*/
  border: 1px solid black;
  /* */
  margin-left:0;
  padding-left:0;
  position:relative;
  z-index:1;
}