* {    margin: 0;    padding: 0;}

body {
    font-family: Arial, sans-serif;
    font-size: 100%;
    text-align: center;
    background-image: url(hintergrund1.jpg);
    background-size: 15em;
    }

h1 {color: chocolate;
    font-size: 2.2em;
    padding-top: 8px;
    text-decoration: bold;
    text-shadow: 5px 5px 2px black;
    text-align: left}

h2 {padding-bottom: 20px;
    font-size: 1.2em;
    color: #B40404
        ;
    text-shadow: 5px 5px 2px black;}



#wrapper {
    text-align: left;
    width: 700px;
    margin: 0 auto;
    border-left: black 1px solid;
	border-right: black 1px solid;
}

#grey {
        height: 40px;
    background-color: #747474;
}

#gras { position:relative;
        background-image: url(grass-g84e96677a_640.png);
        background-repeat: repeat-x;
        background-size: 10%;
        margin-top: -85px;
        margin-bottom: -4px;
}

#green {
    background-image: linear-gradient(to top, rgba(50,205,50,0.7), rgba(50,205,50,1));
}

header img { position: relative;
margin-top: -50px;
margin-left: px;
z-index: 0;}

header {
    background-image: url(hochhaus.png) ;    
    margin-top: 50px;
    background-size: 130%;
    height: 180px;
    text-align: center
            
}

nav {
    float: left;      
    width: 200px;    
    margin: 20px;
    
}

article {
        margin-left: 239px;
}


footer {background-color: skyblue}