body
{
  background-color:#C1DDAD;
  margin:0px;
  padding:0px;
}

* html body
{
  height:100%;
}

#klammer
{
  background-image:url(../bilder/bluetenbg.gif);
  background-repeat:no-repeat;
  background-position:50% 0px;
  width:100%;
}

#klammer #content
{
  position:relative;
  width:868px;
  background-color:White;
  top:105px;
  left:50%;
  margin:0px;
  padding:0px;
  margin-left:-434px;
}

#klammer #content #headerleiste
{
  float:left;
  width:650px;
  height:80px;
  margin:0px;
  padding:0px;
  padding-left:212px;
  padding-top:14px;
}

#klammer #content #picture
{
  float:left;
  width:189px;
  height:520px;
  margin:0px;
  padding:0px;
}


#klammer #content #navi
{
  float:left;
  width:195px;
  margin:0px;
  padding:0px;
  padding-top:45px;
}

#klammer #content #navi ul
{
  margin:0px;
  padding:0px;
}

#klammer #content #navi li
{
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  width:154px;
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type:none;
  margin-left:20px;
  padding-top:1px;
  padding-left:3px;
  padding-bottom:8px;
}

#klammer #content #navi li.high
{
  background: url(../bilder/buttonbg.gif) repeat-y;
}

#klammer #content #navi li.selected
{
  background: url(../bilder/bgselected.gif) no-repeat;
  padding-bottom:8px;
}

#klammer #content #navi li.submenu
{
  margin-left:40px;
  padding-top:3px;
  padding-bottom:6px;
}

#klammer #content #navi a
{
  text-decoration:none;
  color:#777;
}

#klammer #content #navi a.selected
{
  color:#76AF68;
}

#klammer #content #navi a:hover
{
  color:#76AF68;
}

#klammer #content #ruler
{
  height:700px;
  float:left;
  width:1px;
}

#klammer #content #textsection
{
  float:left;
  font-family:Arial,Helvtica,sans-serif;
  font-size:12px;
  line-height:19px;
  color:#777;
  width:420px;
  margin:0px;
  padding:0px;
  padding-left:20px;
  padding-top:66px;
  padding-bottom:20px;
}

#klammer #content #textsection h1
{
  color:#76AF68;
  font-weight:bold;
  font-size:13px;
  margin:0px;
  margin-bottom:15px;
}

#klammer #content #textsection li
{
  margin-left:-24px;
}

div.clearer {clear: left; line-height: 0; height: 0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}