/* Carsten Lübbert Dipl.-Ing. */
 /* Geestr-Bau GmbH */
 * {margin:0; padding:0;}
 body {position:relative; margin: 0 auto; background:#CCCCCC; text-align:center; width:700px; font-family: arial, sans-serif; font-size:100.1%; line-height:1.25; color:#666666;}
 l {margin:0; padding:0; border:0;}
 a {outline:none;}
 A:link {text-decoration:none; color:#666666;}
 A:visited {text-decoration:none; color:#666666;}
 A:active {text-decoration:none; color:#666666;}
 A:hover {text-decoration: underline; color:#666666;}
 h1 {margin:15px 10px 5px 10px;  font-weight:bold; text-align:left; text-transform:uppercase; font-size:75%;letter-spacing:0.05em;}
 h2 {margin:20px 10px 0.5em 10px; font-weight:lighter; text-align:left; font-size:85%;letter-spacing:0.2em}
 p  {margin:0 10px 0.3em 10px;  font-weight:lighter;  font-size:75%; letter-spacing:0.02em}
 p:auf{width:400px;}
 
 div#head {background:url(bilder/top.jpg); width:700px; height:100px; position:relative;}
 div#wrapper {background:#ffffff; width:700px; float:left; text-align:left; position:relative;}
 
 div#navi {margin-top:10px; background:#efefef; float:left; width:180px; }
 div#head1 {margin-left: 200px; padding:25px 0 15px 0; text-align:right; font-weight:bold; font-size:160%; letter-spacing:0.08em; text-transform:uppercase; width:490px; }
 div#main {float:left;  padding:0px 10px 10px 10px; width:260px; text-align:left; }
 div#bild {margin-left:480px;   width:220px; position:absolute;}

 div#feet {padding-top:20px; background:#ffffff; width:700px; float:left; position:relative;}
 div#f0 {background:#ffffff; float:left; width:220px;}
 div#f1 {background:#ffffff; float:left; width:120px;}
 div#foot {margin-bottom:0; background:url(images/luebbert.gif) no-repeat; text-indent:-9999px; width:123px; height:22px; float: right; left:680px;}

 ul {list-style:none; text-align:left; font-size:90%; font-weight:bold;}
 #n {display:none}
 
 #n a:hover {background:#CCCCCC;}
 #n li {}
 #n li:hover ul {left: auto;}
 #n li.sfhover ul {left: auto;}
 #n ul {background:url(images/li1.gif); padding:0 0px 0 15px; font-size:80%; }
 #n li li {font-weight:lighter; line-height:1.00;}
 #n li li a {background:#FFCC00; color:#666666;  height:30px;}
 #n li li a:hover {color: #666666; background:#cccccc;}
 #n ul ul {background:url(images/li2.gif); padding:0 0px 0 24px; font-size:95%; }
 #n li li li {font-weight:lighter; line-height:1.00;}
 #n li li li a {background:#FFCC00; color:#666666;  height:30px;}
 #l li {margin:0 20px 0.3em 45px; list-style:disc; width:420px; font-size:12px; font-weight:lighter;}
 
 [if lte IE 7]><style type="text/css">
    /* White Space Bug */
    #n a {min-height: 0;}
    * html #n a {height: 1px;}
    /* CSS Popup Bug */
    #n li:hover {text-indent: 0;}
  </style><![endif]

  [if lt IE 7]><script type="text/javascript">
    // Son of Suckerfish Dropdowns 
    // http://htmldog.com/articles/suckerfish/dropdowns/

    sfHover = function() {
      var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
      for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
          this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
          this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
      }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);

  </script><![endif]