* {margin:0;padding:0;} 

html, body, #position {
  height: 100%;
}

body > #position {
  background: #0d0d0d url("../img/bg_home.jpg") no-repeat fixed 0px 150px;
  margin: 150px, 100px, 10px 10px;
  height:auto;
  min-height: 100%;
}

#header {
  position: absolute;
  left: 0px;
  top: 3%;
}

#arc {
  position: absolute;
  right: 2%;
  top: 10px;
}

#landweg {
  position: absolute;
  right: 2%;
  top: 94px;
}

#ldf {
  position: absolute;
  right: 2%;
  top: 122px;
}

h1 {
  letter-spacing: 1px;
  color: #0d0d0d;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15pt;
  font-variant: small-caps;
  margin: 20px 10px 10px 10px;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size: 11pt;
  padding-right: 10px;
  padding-top: 10px;
  text-align: right;
  padding-bottom: 10px;
}

p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 20px 10px 10px 10px;
  text-align: justify;
}

#footer {
  margin-top: -32px; /* negativer Wert der Footerhöhe */
  height: 32px;
  clear: both;
  letter-spacing: 1px;
  color: #c0c0c0;
  font-variant: small-caps;
  font-size: 12pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
} 

#content {
  padding-top:150px;
  padding-bottom:32px; /* gleich viel wie der footer */
  width:1024px;
  text-align:left;
}  

#picture {
  float:left;
  width: 360px;
  margin: 10px;
}

#picture2 {
  float:left;
  width: 800px;
  margin: 10px;
}

#navi_main {
  background-color:#0d0d0d;
  color: #c0c0c0;
  float: left;
  margin: 20px 0px 10px 10px;
  width: 190px; /* bsp. */
  opacity: 0.8;
}

#main {
  background-color:lightgray; /* braucht's nicht*/
  margin-left:200px; /* bsp. */
  padding-bottom:1em; /* abstand zwischen footer und inhalt */
  opacity: 0.8; 
}

#navi_unten {
  width:100%;
  height:32px;
  background-color:#0d0d0d; /* braucht's nicht*/
  z-index:1;
/*  text-align:center;*/
}  

/* clearfix-hack */
.clearfix:after {position: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
/* für IE-mac \*/
* html .clearfix { 
  height:1%;
}
.clearfix {
  display:block;
}

