/*
   ==========================================================================================
      Layout CSS-Datei
      fuer ein ganzseitiges Layout mit Header und Footer
   ==========================================================================================

   Wichtig:
   --------
   Beim Anpassen von Padding Werten fuer "#left, #content, #right" muessen die Werte fuer "width" und "height" fuer das Element
   entsprechend angepasst werden. (Hier muss der padding-Wert abgezogen werden).
   Z.B.
      #left {padding:5px}   => Zu allen Seiten 5 px
      Also muss width  = width  - 10px (links und rechts)
                height = height - 10px (oben und unten)


   Hinweis: Werte mit Kommentar  "xxx" muessen noch angepasst werden!

*/

#mitte, #header, #footer {
   border-left:1px solid black;
   border-right:1px solid black;
}

#header {
   height:150px;
   border-top:1px solid black;
}

#left {
   width:190px;  /* ohne padding: 200px; */
   padding:5px;
}

#content {
   width:590px;  /* ohne padding: 600px; */
   padding:5px;
   min-height:440px; /* 1. Mindestens so hoch wie das Menue links, 2. damit Hoehe bei kurzen Seiten nicht springt */
}

#right {
   width:190px;  /* ohne padding: 200px; */
   padding:5px;
}

#footer {
   border-bottom:1px solid black;
}