main {
    display: inline-flex;
    flex-direction: column;
    height: 100%; /* 1, 3 */
	background-image: url(../images/Schild_Bohnenbachweg.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;
	width: 100%;
}
footer {
  margin-top:30em;
}
#wunschzettel a  img {
	width: 379px;
	height: 90px;
}
#scroll {
    width:335px;
	margin:30px 0;
    font-family:"Verdana", Arial, sans;
	background:url(../images/scroll_middle.gif) repeat-y center top;
}
#scroll a:link {
	text-decoration:none;
	color: #594013;
}
#scroll a:visited {
	color: #D6450D;
}
#scroll a:hover {
	text-decoration:underline;
	color: #D88D79;
}
#scroll a:active {
	color: #594013;
}

#scroll h1 {
    color: #594013;
	text-transform:uppercase;
    font-size: 1.4em;
	padding: 65px 0 0 50px;
	background:url(../images/scroll_top.gif) no-repeat center top;
}
#scroll li {
  padding-left: 30px;
}
#scroll li.janel{
  margin-top:15px;
}

#scroll .linkList {
	background:url(../images/scroll_bottom.gif) no-repeat center bottom;
	padding-bottom:65px;
}
#scroll h2.intern, #scroll h2.extern {
    color: #594013;
	font-variant:small-caps;
	font-weight:bold;
    font-size: 1.2em;
	padding-top: 20px;
}

#scroll ul {
	list-style-type:none;
}
 
body 
  { 
  background-color:#b0c4de;
  background-image: url(../images/Boehnchenbach.jpg);
  background-repeat: no-repeat;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
}


#js {
  color: black;
  min-height:20px;
  background-color:#F0DB4F;
  background-image: url(../images/js.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left:40px;
  padding-right:5px;
  padding-top:3px;
  padding-bottom:3px;
  bottom:0;
  right:5px;
  font-family:"Verdana", Arial, sans;
}