* {box-sizing:border-box;font-family:Raleway;color:rgb(33, 37, 41)}
html {height:100%}
body {background:url('metselwerk.jpg') no-repeat center;background-size:cover;background-attachment: fixed;height:100%;margin:0;padding:0}

#top {position:fixed;top:40px;height:120px;background-color:rgba(255,255,255,0.75);width:100%;z-index:100}
#top div {width:1000px;margin:auto;position:relative}
#top img {position:absolute;top:-5px;left:10px;width:250px}
#top ul {list-style:none;padding:0;margin:0;display:block;text-align:right}
#top ul li {display:inline-block;margin:0px 20px;line-height:120px}
#top ul li a {font-weight:800;font-size:24px;color:#d81215;text-decoration:none;text-transform:uppercase}

div.page {position:relative;width:1000px;margin:auto;margin-top:200px}
div.page > div {right:0;top:0;width:100%;padding:30px;border-radius:7px;background:rgba(255,255,255,0.75);text-align:left}

div#page_home {width:700px;margin:auto;margin-top:-200px}

h1 {font-size:24px;text-transform:uppercase;margin-top:0}
p {line-height:1.5em}

#slides {margin:auto;width:960px;display:block;background:none;margin-top:180px;position:relative;height:720px}
#slides img {position:absolute;left:0;top:0;opacity:0;width:960px;height:auto;border-radius:7px;transition: all 0.75s;}
#slides img.active {opacity:1;transition: all 0.75s;}

#page_projects {width:1040px;}
#page_projects div {width:100%;position:static;text-align:center}
#page_projects img {max-width:320px;height:240px;border-radius:4px;}

#page_contact {height:320px;width:850px;position:relative;margin-bottom:1000px}
#page_contact > div {height:100%;width:850px;position:relative}
#page_contact div div {position:absolute;right:30px;top:73px}

a.anchor {position:absolute;top:-200px}