/* Boxen-Hierarchie
body
  mother (breite: 1003px)
    header (mit bg-bild)
    main1 (mit bg-bild)
      main2 (mit bg-bild)
        menu (mit bg-bild)
        content
    footer (mit bg-farbe)
*/

* {
        padding: 0;
        margin: 0;
}

body {
        font-family: Arial, Helvetica, sans-serif;
         font-size: 62.5%;  /* 62.5%-Trick */
        text-align: left;
          background-color: white;
}

#mother {
        width: 1003px;    /* 1003px + 21px Scrollbalken = 1024 */
         color: #531F53;
          background-color: white;
        margin: 0 auto;                 
}

#header {
          height: 150px;
         background-image: url(../bilder/bg-header-h.jpg);
         background-repeat: no-repeat;
}

#main1 {
          height: 600px;  /* änderbar */
         background-image: url(../bilder/bg-main1-h.jpg);
         background-repeat: repeat-y;
}

#main2 {
        float: right;
        width: 652px;
        background-image: url(../bilder/bg-main2-h.jpg);
         background-repeat: no-repeat;
}

#main2 #menu {
         height: 70px;
         background-color: transparent;
}

#main2 #content {
         width: 500px;
         height: 600px;  /* änderbar */
         background-color: transparent;
          margin-left: 110px;
}

#footer {
         width: 1003px;
         height: 200px;
         background-color: #ECE6ED;
          border-top: 2px solid #AB879F;
}

/* Falls Content 2-spaltig sein soll, folgendes in btr. HTML-Datei einbauen:

#main2 #content { display: none; }

#main2 #links {
        float: left;
         width: 250px;
         background-color: transparent;
         margin-left: 120px;
}
#main-mitte #rechts {
         width: 250px;
         background-color: transparent;
          margin-left: 370x;
}

*/