/* gesamte Seite */
body {
padding: 0px;
margin: 0px;
background-color: #a0b16c;
font-size: 15px;
font-family: arial, verdana, sans-serif;
}


/* Hintergrund */
#hintergrund {
background-image: url(css/day/layout.jpg);
background-size: 100%;
background-repeat: no-repeat;
min-width: 1100px;
}


/* Head */
#head {
width: 1100px;
height: 56px;
margin: auto;
margin-top: 10%;
background-image: url(css/day/head.png);
background-size: 100%;
background-repeat: no-repeat;
}


/* Seite  */
#seite {
margin: auto;
background-image:  url(css/background.png);
background-size: 100%;
width: 1100px;
font-size: 16px;
}

/* Logo */
#logo {
margin: auto;
margin-top: 0.5%;
width: 100%;
height: auto;
}

/* Inhalt */
#inhalt {
margin: auto;
padding-left: 200px;
padding-top: 0px;
width: 800px;
min-height: 600px;
}

/* Fußzeile */
#foot {
width: 100%;
height: auto;
min-height: 60px;
background-image:  url(css/foot.png);
background-size: 100%;
background-repeat: no-repeat;
text-align: center;
clear: both;
background-position: bottom;
bottom: 0;
padding-top: 50px;
}

/* jeder Link */
a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}


/* Horizontale Linie */
hr {
background-color: black;
color: black;
border: black;
height:1px;
}

#buttons img {
transition: transform 0.1s;
}
#buttons img:hover {
 transform: translate(10px, 0px);
}