*{margin:auto;padding:0;border:0}
body{margin:auto;width:100%;max-width:774px;font-family:verdana,helvetica,arial;font-size:100%;background-color:#B9C7DC;}

nav {position:absolute;}

main {width:100%;max-width:774px;padding-top:5%;}
section {width:100%;max-width:774px;background-color:white;}	

ul#menu li {padding:2% 0 0 0;background-color:white;float:left;width:129px;height:40px;text-align:center;list-style:none;} 
ul#menu li a {font-size:.875rem;font-weight:bold;color:#0141a3;text-decoration:none;}
ul#menu li ul{display:none;margin-top:10%;} 
ul#menu li:hover ul {display:table-row;} 
ul#menu ul li {background-color:#0141a3;font-variant:normal;} 
ul#menu ul li a{color:#FFFFFF;font-size:.75rem;}
ul#menu ul li:hover {background-color:#0141a3;} 

main div#eyecatcher {width:100%;height:600px;max-width:774px;background:white url(../img/Baubiologie-Bremen-Schimmel-Elektrosmog-Raumluft.jpg) no-repeat;}
main div#eyecatcher2 {width:100%;height:600px;max-width:774px;background:white url(../img/Baubiologie-Bremen-Schimmel-Feuchtigkeit.jpg) no-repeat;}
main div#eyecatcher3 {width:100%;height:600px;max-width:774px;background:white url(../img/Baubiologie-Bremen-Raumluft.jpg) no-repeat;}
main div#eyecatcher4 {width:100%;height:600px;max-width:774px;background:white url(../img/Baubiologie-Bremen-Elektrosmog.jpg) no-repeat;}
main div#eyecatcher5 {width:100%;height:600px;max-width:774px;background:white url(../img/Baubiologie-Bremen-Impressum.jpg) no-repeat;}
main div p.logo {padding:7% 0 0 20%;font-size:2.25rem;color:white;font-weight:bold;text-shadow:0.1em 0.1em 0.1em #0141a3;}

section h1 {padding:1% 0 1% 0;font-size:1.5rem;background-color:#0141a3;color:white;text-align:center;}
section h2 {padding:2% 0 0 5%;font-size:1.125rem;color:#0141a3;}
section h3 {padding:2% 0 0 5%;font-size:.875rem;color:#0141a3; font-style:inherit;}
section p {padding:3% 5% 3% 5%;font-size:.875rem;color:#0141a3;}
section p a {text-decoration:none;color:#0141a3;font-weight:bold;}
section p.impressum {font-size:.75rem;text-decoration:none;color:#0141a3;}
section p.red {padding:0 5% 3% 5%;font-size:.875rem;color:red;font-weight:bold;}
section p img {float:right;width:50%;}
section div img {margin:2% 5% 1% 5%;border:1px #0141a3 solid;}
img.mail {margin:0% 5% 5% 5%;border:0px}
img.impressum {height:15px;margin:0.1% 0% 0% 0%;}

section form {width:90%;background-color:#E9F8F9;border:1px #0141a3 solid;}
section form p {padding:2% 2% 2% 4%;color:#0141a3;}
section form input {padding:1% 15% 1% 2%;font-size:.875rem;border:1px #0141a3 solid;}
section form textarea {width:80%;height:80px;border:1px #0141a3 solid;padding:2%;}
section form input.button {background-color:#0141a3;color:white;padding:2%;}

footer {border-top:10px #B9C7DC solid;background-color:white;}
footer a {margin:5%;padding:5% 0 5% 0;font-size:.75rem;color:#0141a3;text-decoration:none;font-weight:bold;}