/**CSS-Datei zur Formatierung einer einfachen HMTL-Seite NAME-CSS="format.css" NAME-HTML="Index.html; Musik.html; Essen.html " **/

body{ background-color: black;
}

h1 {

font-family: "Times New Roman";
font-size:2.5em;
color:gray;
/**Bei mehreren Angaben werden die Angaben intern nach der angenommenen Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts und links und die dritte den Abstand für unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links. padding:0em 2em 2em 3em; **/

}

p {

font-family: "Times New Roman";
font-size:1.3em;
color:gray;
/**Bei mehreren Angaben werden die Angaben intern nach der angenommenen Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts und links und die dritte den Abstand für unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links. 
padding: 1.5em 2.5em 1.0em 8.5em;**/
}


#iframe{

padding: 2.5em 3.5em 1.0em 10.5em;**/

}

#linkerRand{

position:absolute;
top: 0.5em;
left: 0.8em;
width: 10em;
height: 10em;
/**border: 5px solid #643214;
background-color:#322814;**/

}

#unten{

position:absolute;
top: 35.5em;
left: 0.8em;
width: 0em;
height: 0em;

}


#mitte{

/**Wichtig ist, dass das die Breite über den Margin-Tag erstellt wird. Der Width-Befehl sollte nicht verwendet werden, ansonsten gibt es Komplikationen mit der Layoutgestaltung.
margin: -0cm -0.5cm -0cm -0cm;
height: 0em;
margin-bottom: 5cm
 margin: 0 12.5em; border: 5px solid #643214;**/

margin: 0em 0.5em;
height: 0em;


}

#rechterRand{

position:absolute;
top: 5.5em;
right: 10em;
width: 10em;
height: 10em;
/**border: 5px solid #643214;
background-color:black;**/

}

ul#Navi {
    
    font-size: 0.55em;
    float: left; width: 18em;
    margin-top: 15em; padding: 0;
    margin-left: -0em;
    font-family: "Serif bold italic";
   }
  ul#Navi li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navi a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    font-size: 3em;
  }
  ul#Navi a:link {
    color: black; background-color: #FFB900; text-decoration:none;
  }
  ul#Navi a:visited {
    color: black; background-color: #FFB900; text-decoration:none;
  }
  ul#Navi a:hover {
    color: black; background-color: white; text-decoration:none;
  }
  ul#Navi a:active {
    color: white; background-color: white; text-decoration:none;
  }
#rundrum {
  border-width:1px;
  border-style:solid;
  border-color:blue;
  padding:2.5em;
  text-align:justify;
}