body { background: #822 url(/fileadmin/users/160/images/bg/bg-chiefastrologer.jpg) 50% 0% no-repeat; padding: 10px 0; }

#header { clear: both; height: 155px; padding: 0 20px 20px 0; text-align: right; font-family: helvetica; font-size: 12px; color: #999;}

#page_margins { width: 810px; }

#nav_main { border-top: none; border-bottom: none; }
#topnav a { color: #333; }

#main { margin: 20px 0px;}

h1,h2,h3,h4,h5,h6 { color: #822; padding: 0 0 0.9em 0;}

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0em; }
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a { color: #822; text-decoration:none; }
  a:focus,
  a:hover,
  a:active { background-color: none; text-decoration:underline; }
  
      #submenu {
    margin: 0 0 0 0;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
  }

  
    /* Menu Title */
  #submenu li#title { color: #822; background-color: #fff; padding: 3px 5% 3px 3%;}
  
      /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 97%;
    padding: 3px 0px 3px 3%;
    font-weight: bold;
    color: #fff;
    background-color:none;
    border-bottom: 1px #777 solid;
  }

  #submenu li a { width: 97%; padding-left: 3%; background-color:#fff; color: #777; border-bottom: 1px solid #ddd; font-weight: bold }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#fff; color: #822; }

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 92%; padding-left: 8%; border-bottom: 1px solid #777; }

  #submenu li ul li a { background-color:#efefef; color: #555; font-weight: normal;}
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#ddd; color: #822; }
  
  /* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span { width: 87%; padding-left: 13%; }

  #submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#ddd; color: #c50000; }

  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 82%; padding-left: 18%; }

  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#f63; color: #fff; }