@charset "utf-8";
/* CSS Document */

/*  Menue 1 (Hauptmenue)*/


/* 1.Ebene */
#nav ul {
padding:0;
margin:0;
list-style-type:none;
}
/* blendet die Beschriftung aus */
#nav span {
display:none;
}

#nav li {
margin:0;
padding:0;
float:left;
position:relative;
}
#nav a {
display:block;
min-width:104px;
height:30px;
line-height:14px;
text-decoration:none;
color:#ffffff;
font-weight:normal;
text-align:left;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* alle Hauptpunkte erhalten eine Klasse */
#navmenu {
height: 30px;
width:634px;
}
li.nav_01, li.nav_02, li.nav_03, li.nav_04, li.nav_05, li.nav_06, li.nav_07, li.nav_08, li.nav_09 {
float: left;
}
li.nav_01{
width: 52px;
height: 30px;
background: url("../images/n-1home.jpg") no-repeat;
}
li.nav_02 {
width: 58px;
height: 30px;
background: url("../images/n-2verein.jpg") no-repeat;
}
li.nav_03 {
width: 93px;
height: 30px;
background: url("../images/n-3aktiv.jpg") no-repeat;
}
li.nav_04 {
width: 65px;
height: 30px;
background: url("../images/n-4service.jpg") no-repeat;
}
li.nav_05 {
width: 101px;
height: 30px;
background: url("../images/n-5artensch.jpg") no-repeat;
}
.nav_06 {
width: 67px;
height: 30px;
background: url("../images/n-6spenden.jpg") no-repeat;
}

.nav_07 {
width: 60px;
height: 30px;
background: url("../images/n-7presse.jpg") no-repeat;
}

.nav_08 {
width: 71px;
height: 30px;
background: url("../images/n-8kontakt.jpg") no-repeat;
}

.nav_09 {
width: 67px;
height: 30px;
background: url("../images/n-9sitemap.jpg") no-repeat;
}

li.nav_01 a, li.nav_02 a, li.nav_03 a, li.nav_04 a, li.nav_05 a, li.nav_06 a, li.nav_07 a, li.nav_08 a, li.nav_09 a {
display: block;
margin: 0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
}


li.nav_01 a:hover  { background: url("../images/n-1h.jpg")  no-repeat; }
li.nav_02 a:hover  { background: url("../images/n-2h.jpg")  no-repeat; }
li.nav_03 a:hover  { background: url("../images/n-3h.jpg")  no-repeat; }
li.nav_04 a:hover  { background: url("../images/n-4h.jpg")  no-repeat; }
li.nav_05 a:hover  { background: url("../images/n-5h.jpg")  no-repeat; }
li.nav_06 a:hover  { background: url("../images/n-6h.jpg")  no-repeat; }
li.nav_07 a:hover  { background: url("../images/n-7h.jpg")  no-repeat; }
li.nav_08 a:hover  { background: url("../images/n-8h.jpg")  no-repeat; }
li.nav_09 a:hover  { background: url("../images/n-9h.jpg")  no-repeat; }




/* 2.Ebene */
#nav ul ul {
position:absolute;
left:0;
width:120px;
display:none;
}
/* blendet ul 2.Ebene ein, funktioniert nicht im IE, siehe dazu JS-Datei sfhover Klasse weiter unten */
#nav li:hover ul {
display:block;
}
#nav li li {
border-bottom:1px solid #ffffff;
background:#333333;
}
/* Breite notwendig sonst wird im IE nur der Text als Link interpretiert. */
/* Hoehe notwendig sonst wird im Moz hier die Hoehe des 1.Links verwendet */
/* Beachten: IE Box Model Bug, wenn Doctype nicht strict (width/margin/border/padding) */
#nav li li a {
width:140px;
height:auto;
padding:3px 5px 3px 15px;
background:#666666;
}
#nav li li a:hover {
background: #333333;
}
/* notwendig fuer hover im IE, siehe auch JS */
#nav li ul:hover, #nav li.sfhover ul { display:block; }