html,body {
   margin:0;
   padding:0;
   height:100%;
   font-family:arial;
}

div {
   /*border-width:1px;
   border-style:solid;
   margin: 1px;*/
}

/* ------ DIV-Kästen ------  */
.container {
   min-height:100%;
   max-height:110%;
   position:relative;
}

.header {
   padding:10px;
}
.body {
   padding:0px;
   padding-bottom:40px;   /* Height of the FOOTER */
}
.content {
   float:left;
   width:50%;
   max-width:600px;
   padding:50px;
   padding-top:15px;
   padding-bottom: 15px;
   position: center;
   font-size: 16px;
}
.navi { /* alles nur  */
   float:left;
   width: 160px;          /* Breite des Hintergrunds = 2*padding + width, Breite des Bilds = 240 */
   height: 224px;         /* Höhe des Hintergrunds = 320 */
   padding:16px;
   padding-left: 6px;    /* Abstand der Schrift zum weißen Rand */
   padding-right: 26px;   /* links und rechts müssen 2*16 = 32 ergeben */
   margin: ;
   margin-left:25px;     /* Abstand des Menüs vom linken Rand */
   line-height:213%;     /* Höhe der einzelnen MENÜPUNKTE */
   background-image: url(MenuRSweiss70.png); /* Die Liste sorgt für mehr Abstand vom linken Rand, siehe Hmtl-Code der eignetlichen Seite*/
}
.footer {
   color:fuchsia;
   position:absolute;
   bottom: 0;
  /* width:100%;
     position:relative;
     top:-100%;
*/
   height:40px;           /* Height of the FOOTER */
   padding-left:10px;
}


/* ---------- verschiedene Seiten ------------- */
#pink{
   background-image: url(BackgroundEdithRS.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#grey{
   background-image: url(ZaubereiMissEdith2.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#green{
   background-image: url(IMG_7738bM.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#spass{
   background-image: url(lol);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#grau2{
   background-image: url(Edith-sw-S.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#blau{
   background-image: url(Edith-Sommer.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#rot{
   background-image: url(Edith-Rot.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}

#lila{
   background-image: url();
   background-position: right bottom;
   background-repeat: no-repeat;
}

/* --------------Überschrift-------------*/
h1{font-size: 18px;}

/* --------------LINKS-------------*/

a {
   color: black;
   background-color: ;
   font-weight: ;
   text-decoration: none;
   font-size: 22px;
   line-height: 25px;
}
/* a img {}*/
a:link 
a:visited {color: white;}
a:focus {}
a:hover{color: #f857a0;}
a:visited:hover {}
a:link:active {}
a:visited:active {}
a img {border:0 none}

/* --------------LISTE-------------*/
ul {
list-style-type:none;
}


font-style, font-variant, font-weight, font-size, line-height und font-family