html,body{
 height:100%;

}
body{
background-color:#1b1f10;
background-image:url('images/hintergrund2.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
}
#links{
float:left;
width: 200px; /*Die Breite muss an drei Stellen angepasst werden: hier, im margin von haupt und in der background-size vom mainWrapper*/
padding-top: 250px;
padding-left:10px;
background-image: url('images/logo.png');
background-repeat: no-repeat;
background-size: auto;
font-family: "Euphemia", sans-serif;
letter-spacing: 1px;
}
#links a{
color:black;
text-decoration:none;
font-family: "Euphemia", sans-serif;
letter-spacing: 1px;
}
#links a:hover{
letter-spacing: 2px;
}
#links a:active{
letter-spacing: 3px;
}
.inhalt{
font-size: 1.2em;
font-family: "Georgia", serif;
color: #444;
}
.inhalt h1{
font-size:medium;
font-weight:bold;
font-family: "Euphemia", sans-serif;
}
.inhalt h1 a, h1 a:visited{
color:black;
text-decoration:none;
}
div.inhalt{
background-color:white;
margin:10px;
padding: 10px;
box-shadow: 0px 0px 5px black;
}
#inhalt1{//erste Zeile
position:relative;
pointer-events:auto;
background-color:white;
margin:10px;
margin-top:-30px;
padding-top:3px;
padding-bottom:3px;
}
#inhalt1 h1{
font-size:large;
}


#oben{
position:relative;
z-index:1;
pointer-events:none;/*sonst kann man im drunter liegenden #inhalt nichts mehr klicken*/

background-image: url('images/top1xs.png'), url('images/balken.png');
background-size:   auto 250px, auto;
background-repeat:  no-repeat, repeat-x;
background-position: left bottom, center;
min-height:250px;
height:250px;
}
#haupt{
//border: 1px solid red;
margin-left:200px;
}
#mainWrapper{
 min-height:100%;
 background-image: url('images/menue-hintergrund.png');
 background-repeat: repeat-y;
 background-size:200px auto;
 margin-left:0px;
}