/*
This is a Cascading Style Sheet (CSS).
It describes rules for styling your HTML markup.

To use this file, place the following <link> tag anywhere in the <head> of your HTML file, making sure that the filename after "href" matches the name of your file....

    <head>
        <link rel="stylesheet" href="style.css">
    </head>

Learn more about CSS at https://developer.mozilla.org/en-US/docs/Web/Guide/CSS

When you're done, you can delete all of this grey text, it's just a comment.
*/

/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color: white
  background-size: auto
  font-family: sans-serif;
  padding: 5px 5px;
  font-size: 18px;
  text-align: center;
  margin: 0;
  color: #444;
}
#Heil {
  background-color:palevioletred;
  width: 500px;
  height: 400px;
}
#Heil_1 {
  position: absolute;
  background-color: rgb(220,0,0);
  width: 100px;
  height: 100px;   
}
#Heil_2 {
  left: 0px;
  background-color: darkgreen;
  width: 200px;
  height: 100px;
  margin-top:300px;
}
#Heil_3{
  position: relative;
  bottom: 300px;
  background-color: dodgerblue;
  width: 200px;
  height: 100px;
  margin-left: 300px;
}
#Heil_4 {
  position: relative;
  top: 300px;
  left:100px;
  background-color: rgb(220,220,0);
  width: 100px;
  height: 100px;   
}
ul{
  text-align: left;
  font-family: futura,sans-serif;
}
a, a:visited {
  color: black;
  text-decoration: none;0
}
h2 {
  font-family: futura,sans-serif;
  text-align: left;
}

