body {
background-color: #e6e6e6;
background-image: url('../images/bg.png');
background-attachment:fixed;
 }

div#wrapper {
width: 960px;
min-height: 600px;
margin: 0px auto;
padding: 20px;
font-family: 'Calibri', sans-serif;
font-size: 11pt;
color: #4f4f4f;

 }
 
header {
width: 100%;
height: 200px;
background-image:url('../images/header.png');
 }
 
nav {
width: 954px;
height: 44px;
background-color: #ffd800;
font-family: 'Times New Roman', sans-serif;
font-weight: 300;
font-size: 14pt;
border: 3px solid #ffffff;
margin-top: 10px;
box-shadow: 0px 0px 5px #8c8c8c;
 }
 
nav ul {
list-style-type: none;
display: inline;
margin-left: 35px;
}

nav li {
display: inline;
}

nav li a {
display: inline-block;
width: 200px; 
color: #4f4f4f;
text-decoration: none;
height: 34px;
padding-top: 10px;
text-align:center;
background-color: #ffd800;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

nav li a:hover {
background-color: #eeca00;
color: #000000;
 }
 
div#main {
width: 100%;
margin-top: 30px;
 }
 
h1 {
font-family: 'Times New Roman';
color: #4f4f4f;
font-size: 18pt;
font-weight: 400;
text-align:center;
margin-top: 0px;
 }
 
div#left {
float: left;
width: 265px;
height: 100%;

}
 
div#kontakt, div#box {
width: 239px;
height: 100%;
padding: 10px;
padding-top: 20px;
border: 3px solid #ffd800;
background-color: #fcfcfc;
box-shadow: 0px 0px 5px #8c8c8c;
 }
 
div#box {
height: 283px;
margin-top: 15px;
padding: 5px;
width: 249px;
}

div#box img {
width: 250px;
height:auto;
 }
 
input, textarea {
border: 1px solid #cfcfcf;
margin-top: 5px;
font-family: 'Calibri', sans-serif;
font-weight: 300;
font-size: 11pt;
color: #4f4f4f;
width: 235px;
 }
 
input {
height: 25px;
 } 
 
input.submit {
height: 30px;
width: 100px;
margin-top: -20px;
margin-left: 60px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
 }
 
input.submit:hover {
background-color: #ffd800;
color: #000000;
 }
 
textarea {
height: 150px; }
 
article {
float: left;
width: 630px;
min-height: 812px;
padding: 20px;
margin-left: 17px;
line-height: 1.8em;
border: 3px solid #ffd800;
background-color: #fcfcfc;
box-shadow: 0px 0px 5px #8c8c8c;
 }
 
article img {
border: none;
 }
 
article img a {
border: none;
}
 
article img.leistungen {
width: 300px;
height: auto;
box-shadow: 0px 0px 5px #8c8c8c;
border: 3px solid #ffffff;
 }
 
article a {
color: #4f4f4f;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
  }
  
article a:hover {
color: #000000;
}
 
div#map {
width: 600px;
margin: 0px auto;
line-height: 1.6em;
font-size: 7pt;
overflow-y: hidden;
}
 
footer {
width: 100%;
height: 50px;
margin-top: 20px;
font-family: 'Times New Roman';
font-size: 11pt;
font-weight: 400;

 }
 
footer ul {
width: 270px;
list-style-type: none;
display: inline;
margin-left: 670px; 
}

footer li {
display: inline;
}

footer li a {
text-decoration:none;
display: inline-block;
color: #4f4f4f;
margin-right: 30px;
margin-top: 20px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

footer li a:hover {
color: #000000;
 }