/*
  Dieses Stylesheet wurde mit den Browsern Mozilla Firefox 1.0,
  Opera 7.54, Internet Explorer 6 und Konqueror 3.1.4 getestet um
  eine bestmögliche Browser-Kompatibilität zu gewährleisten.
  Trotzdem ist es möglich, dass einige Browser den CSS-Standard 
  teilweise misinterpretieren, weshalb nicht garantiert werden kann,
  dass jeder Browser die gewünschte Darstellung anzeigt.
----------------------------------------------------------------------

  Nicht entfernen!
  Andreas Brischwein - andreas.brischwein@ixel.de
*/

/*
  Beschreibung des strukturellen Aufbaus und der Anordnung der Html-
  Elemente für die Ausgabe auf einem Bildschirm und Projektionsmedien.
*/

@media screen, projection {

body {
  text-align:center;
  padding:20px 0 0 0;
}

hr { 
  height:1px; 
  clear:both;
}

table {
  margin:0px;
  margin-top:25px;
  text-align:left; 
  width:100%;
  border-collapse:collapse;
}

table td {
  vertical-align:top;
  padding:5px; 
}


#mainframe {
  margin:0px auto;
  text-align:left;
  padding-top:10px;
  padding-left:120px;
  height:650px;
  width:50.5em;
  *width:57.5em; /*IE*/
}


/* Umfasst Hauptmenü und Content (siehe unten) */
#page {
  padding:0px 18px 18px 18px; 
}


#pagetitle {
  height:60px;
  width:100%;
}

#pagetitle img.title {float:left; margin:18px 0 0 10px;}
#pagetitle img.right {
  float:right;
}


/* Intro-Text z.B. Herzlich Willkommen... (auf der Startseite) */
#pageintro {
  padding:10px; 
}

/* Fußzeile */
.foot { 
  float:right;
}

/* 
  Platzhalter um auch bei weniger Content das Inhaltsfenster
  etwas zu strecken 
*/
.spacer { 
  clear:both; 
  display:block; 
  height:60px; 
}


/* ---------- Contentbereich rechts vom Hauptmenü ---------- */
#content { 
  float:right;
  margin-top:25px;
  width:85%;
}

#content img.right {
  float:right;
  display:inline;
  margin-left:15px; 
}

#content img.left {
  float:left;
  display:inline;
  margin-right:15px; 
}


/* ---------- Submenü ---------- */

#submenu {
  clear:both;
}

  
#submenu ul {
  margin:0px;
  padding:0px;
  margin-bottom:20px;  
}
#submenu ul li {
  display:inline;
  list-style:none;
}


#submenu ul li a.active {
  font-weight:600; 
}

/* ---------- Hauptmenü ---------- */
#mainmenu {width:100%; height:1.7em; background-color:#B4B2B2;}
#mainmenu ul {
  /* Notiz für den Autor: Diese Schreibweise, anstelle von display:inline */
  margin:0px; 
  padding:0px;
}

#mainmenu ul li {
  display:block;
  float:left;
  text-align:center;
}

#mainmenu ul li a {
  display:block;
  padding:0.25em 15px 0.35em 15px;  /**/
}
  
#mainmenu ul li a.active {
  padding:0.35em 15px 0.25em 15px;  /**/  
}

}