body                  { background-color:#c33; }

h1                     { font-family:Verdana,Arial,Helvetica,sans-serif;
                         font-size:20px; }

h2                     { font-family:Verdana,Arial,Helvetica,sans-serif;
                         font-size:18px; }

h3                     { font-family:Verdana,Arial,Helvetica,sans-serif;
                         font-size:15px; }

h4                     { font-family:Verdana,Arial,Helvetica,sans-serif;
                         font-size:13px; }

p,ul,li                { font-family:Verdana,Arial,Helvetica,sans-serif;
                         font-size:13px; }

   /* Die folgenden Definitionen ordnen das Bild rechts und links an. Text fließt entsprechend links und rechts vorbei */
.rechts                { float:right;
                         margin:0px 0px 5px 15px; }

.links                 { float:left;
                         margin:0px 15px 5px 0px; }

   /* Textabsatz fließt nicht um Bild herum */
.absatz               { clear:both; }

   /* Das Format a ist fuer die allgemeinen Links und gilt für die ganze Seite */
a                    { color:#900; }

   /* Der Seitenbereich (div) seite zentriert alle Inhalte auf der Seite */
#seite                 { position:absolute;
                         top:0px;
                         left:50%;
                         width:755px;
                         margin-left:-400px; }

   /* Der Seitenbereich (div) menue legt Position und Breite fest (Position=obere linke Ecke des Menues) */
#menue                 { position:absolute;
                         top:130px;
                         left:5px;
                         width:130px; }

   /* Absatz der ersten Menue-Ebene (Hintergrundfarbe des einzelnen Absatzes,
      innerer Rand [zum Text], äußerer Rand [zum div] */
#menue p.eins          { background-color:#f93;
                         padding:2px;
                         margin:10px 0px 0px 0px; }

   /* Link innerhalb der ersten Menue-Ebene */
#menue p.eins a        { color:#000;
                         text-decoration:none; }

   /* Link beim Überfahren mit der Maus */
#menue p.eins a:hover  { text-decoration:underline; }

   /* Absatz der zweiten Menue-Ebene (analog zur ersten Ebene) */
#menue p.zwei          { background-color:#fc6;
                         padding:2px 2px 2px 10px;
                         margin:2px 0px 0px 0px; }

   /* siehe oben */
#menue p.zwei a        { color:#000;
                         text-decoration:none; }

   /* siehe oben */
#menue p.zwei a:hover  { text-decoration:underline; }


/* Jetzt kommt der Inhalt */
#inhalt-1            { position:absolute;        /* Seitenbereich (div) Inhalt */
                         top:15px;                 /* Position der oberen linken Ecke */
                         left:160px;
                         width:600px;              /* Breite */
                         padding:10px;             /* innerer Rand */
                         background-color:#fc6; }  /* Hintergrundfarbe */

#inhalt-2            { position:absolute;        /* Seitenbereich (div) Inhalt */
                         top:595px;                 /* Position der oberen linken Ecke */
                         left:5px;
                         width:755px;              /* Breite */
                         padding:10px;             /* innerer Rand */
                         background-color:#fc6; }  /* Hintergrundfarbe */