/* homepage julia fuchs start 23.2.2008 letzte änderung 4.3.2008*/
/*wichtige farben:
  hintergrund: d5e8c9 grau
  schrift: 011e31 schwarzblau
  links: f52575 rotrosa  */
/*allgemeines*/
*{
  padding: 0;
  margin: 0;
 }
body {
      font-size: 15px;
      font-family: Arial, Verdana, sans-Serif;
      color: #011e31;
      font-weight: bold;
      background: #ffffff;
      text-align: center; 
     }
     #layout {
      width: 780px;
      margin: 0 auto;
      padding: 0;
      text-align: left;
      height: 100%;
     }
     #kopf {
      width: 780px;
      height: 40px;
      text-align: left;
      margin: 48px 0 0 0;
     }
     #fuchskopf {
      width: 780px;
      height: 30px;
      text-align: left;
     }
     #navigation {
      width: 780px;
      height: 100px;
      float: left;
     }
     #seitenbreite {
      float: left;
      width: 780px;
      height: 450px;
     }
     #info {
      float: left;
      height: 800px; 
      width: 180px;
     }
     #inhalt {
      float: right;
      height: 600px;
      width: 600px;
      text-align: center;
     }
     #navigation dl {
      margin: 0;
     }
     #navigation a img, #kopf a img {
      border: 0;  
     }
     #navigation dl dt {
      float: left;
      border-top: 2px solid #eee;
      border-bottom: 2px solid #eee; 
     }
     #navigation dl dd {
      float: right;
      margin: 9px 0 0 0;
      border-top: 2px solid #eee;
      border-bottom: 2px solid #eee;
     }
     #navigation dl a:link, #navigation dl a:visited, #kopf a:link, #kopf a:visited {
      display: block;
      float: left;
      margin: 0;
      padding: 0 4px;
      border-left: 4px solid #fff;
      border-right: 4px solid #fff;
     }
     #navigation dl a:hover, #navigation dl a:active, #kopf a:hover, #kopf a:active {
      border-left: 4px solid #f52575;
      border-right: 4px solid #f52575;
     }
     .aktivbutton {
      float: left;
      padding: 0 4px;
      border-left: 4px solid #f52575;
      border-right: 4px solid #f52575;
     }
     .aktiv {
      color: #f52575;
     }
     #info a:link, #info a:visited, #seitenbreite a:link, #seitenbreite a:visited, #inhalt a:link, #inhalt a:visited {
      color: #011e31;
      text-decoration: none;
     }
     #info a:hover, #inf a:active, #seitenbreite a:hover, #seitenbreite a:active, #inhalt a:hover, #inhalt a:active  {
      color: #f52575;
      text-decoration: none;
     }
     .startvögel {
      margin: -20px 0 0 0;
     }
     .startvögel, .fuchsbiographie, .fuchsphotos, .fuchsfilm, .fuchsausstellungen, .fuchsaktuelles, .fuchslinks, .fuchskontakt {
      position: absolute;
      z-index: 1;
     }
     .fuchsbiographie {
      margin: 75px 717px -85px 12px;
     }
     .fuchsphotos {
      margin: 60px 500px -70px 189px;
     }
     .fuchsfilm {
      margin: 90px 434px -100px 295px;
     }
     .fuchsausstellungen {
      margin: -25px 234px 15px 495px;
     }
     .fuchsaktuelles {
      margin: -50px 74px 30px 655px;
     }
     .fuchslinks {
      margin: 130px 11px -140px 718px;
     }
     .fuchskontakt {
      margin: 100px 92px -110px 579px;
     }
     h1, h2, h3 {
      text-align: left;
      margin: 4px 8px 0 8px;
     }
     p {
      text-align: left;
      margin: 0 8px;
     }
     ul {
      font-size: 16px;
      margin: 0 0 0 16px;
      list-style-type: square;
     }
     ul ul {
      list-style-type: disc;
     }
     ul ul ul {
      list-style-type: circle;
     }
     .zitate {
      font-size: 13px;
      font-weight: lighter;
     }
     .kontakt {
      font-size: 20px;
     }
     .copy {
      margin: 205px 0 0 8px;
     }
     .schrift {
      text-align: right;
      font-size: 17px;
     }
     span {
      position: absolute;
      z-index: 1;
      font-size: 18px;
      color: #f52575;
      margin: -30px 0;   
     }