/* Carsten Lübbert Dipl.-Ing. */
 /* FF Amt Lütau */
 * {margin:0; padding:0;}
 body {position:relative; margin: 0 0 auto; background:url(images/hgf.jpg) repeat-y left; background-color:#000033; text-align:left; width:950px; font-family: arial, sans-serif; font-size:100.1%; line-height:1.25; color:#333333;}
 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;}

 div#wrapper {background:url(images/ffmitte1.jpg) repeat-y left; position:relative; width:950px; text-align:left;}
 div#oben {background:url(images/ffoben.jpg) no-repeat left; width:950px; height:63px;}
 div#content {padding:0 110px; background:url(images/ffmitte.jpg) no-repeat left top;}
 #content_main {margin:0 20px 0 -20px; }
 /* #content_main p:first-letter {font-size:2.5em; font-weight:200; color:#c9a637; float:left; line-hight:.9;}*/
 div#footer {background:url(images/ffunten.jpg) no-repeat left bottom; height:93px; width:950px;}

 div#cw {margin: 15px 20px 15px; background:url(images/ffmiddle2.jpg) repeat-y left;        position:relative;        width:740px; text-align:left; left:-15px; top:10px;}
 div#co {background:url(images/ffhead2.jpg) no-repeat left; width:470px; height:28px;}
 div#bild {margin:-28px 0 -31px 0; float:right; }
 div#main {margin:0 20px 0 -20px; padding:0 10px 0 10px; }
 div#cf {margin:0 0px; background:url(images/fffeet2.jpg) no-repeat left bottom; height:28px; width:470px;clear: right;}

 div#cw0 {background:url(images/pix.jpg) repeat-y left; position:relative; width:740px; text-align:left; }
 div#co0 {background:url(images/pix.jpg) no-repeat left; width:470px;}
 div#bild0 {float:right; }
 div#main0 {padding:0 10px 0 10px;  font-weight:bold; text-decoration:none; font-variant:small-caps; font-size:150%; letter-spacing:0.15em;}
 div#main1 {padding:0 0px 0 0px;}
 div#cf0 {background:url(images/pix.jpg) no-repeat left bottom; height:28px; width:470px;clear: right;}

 h1 {margin:0 20px 0.7em 20px; width:450px; font-weight:boldt; text-decoration:none; text-transform:uppercase; font-size:95%;letter-spacing:0.05em;}
 h2 {margin:20px 20px 0.5em 20px; width:450px; font-weight:lighter; text-align:left; font-size:85%;letter-spacing:0.2em}
 p  {margin:0 20px 0.3em 20px; width:450px; font-size:75%; letter-spacing:0.02em}

 p:auf{width:400px;}
 div#da {margin:-10px 20px 0.7em 20px; width:450px; text-decoration:none; font-weight:normal; font-size:55%;letter-spacing:0.2em}
 div#hid {display:none}
 div#hed {margin:0 20px 3em 20px; font-weight:bold; text-decoration:none; font-variant:small-caps; font-size:85%;letter-spacing:0.15em;}
 div#hod {margin:0 20px 0.3em 20px; text-decoration:none; font-weight:lighter; text-align:justify; font-size:75%; letter-spacing:0.02em}

 h1.logo {margin-top:0; background:url(images/fflogo.gif) no-repeat; text-indent:-9999px; width:75px; height:596px; position:absolute; top:12px; left:20px;}
 h1.foot {margin-bottom:0; background:url(images/luebbert.gif) no-repeat; text-indent:-9999px; width:123px; height:22px; position:absolute; bottom:60px; left:680px;}

 ul {list-style:none; font-size:12px; font-weight:bold; z-index:2;}
 #n {float:center; width:720px;}
 #n li {float:left; width:9em; }
 #n a {color:#FFFF00; text-decoration:none; display:block; padding:0.2em .5em; background:#CC3300; border-right:1px solid #000;}
 #n a:hover {background:#FFCC00; color:#663300;}
 #n ul {position:absolute; left:-9999px;}
 #n li:hover ul {left: auto;}
 #n li.sfhover ul {left: auto;}
 #n li li {float:none; font-weight:lighter;  line-height:1.00;}
 #n li li a {background:#CC3300; color:#FFFF00; border-right:none; height:30px;}
 #n li li a:hover {color: #000; background:#cccccc;}
 #l li{margin:0 20px 0.3em 45px; list-style:disc; width:420px; font-size:12px; font-weight:lighter;}

 ol {font-size:12px; font-weight:bold; z-index:2;}
 #k li{margin:0 20px 0.3em 45px; 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]