/*****************************
 ****       suckerfish    ****

 // sep 07 s baumann
 // roter krama usgebaut
 // roter border auf grau
 // div. images mit pixel_*** ersetzt
 //
 // s.a. auskommentierte zeilen

 *****************************/

#toolbar {
        padding-left: 20px;
}

#nav {
        /* background: url(../images/toolbar-div.png) 0 0 no-repeat; */
        background: url(../images/pixel_trans.gif) 0 0 no-repeat;
        margin: 0;
        padding: 0;
        height: 31px;
}

#nav a {
        font-weight: bold;
        color: #fff;
        float: left;
        color: #ffffff;
        text-decoration: none;
        display: block;
        float: left;
        cursor: pointer;
        height: 31px;
        line-height: 31px;
        padding: 0 15px;
}

#nav a.topdaddy,
#nav li.active a.topdaddy {
        /* background: url(../images/toolbar-select2.png) 100% 0 no-repeat;   */
        background: url(../images/pixel_trans.gif) 100% 0 no-repeat;
        padding-right: 25px;
}

#nav ul ul a.daddy {
        /* background: url(../images/toolbar-select3.png) 100% 50% no-repeat; */
        background: url(../images/pixel_trans.gif) 100% 50% no-repeat;
}

#nav li a {
        /* background: url(../images/toolbar-div.png) 100% 0 no-repeat;   */
        background: url(../images/pixel_trans.gif) 100% 0 no-repeat;
}

#nav li li a{
        background: none;
        font-weight: normal;
        padding: 0;
        text-indent: 15px;
}

#nav ul li a:hover,
#nav ul li ul li a:hover,
#nav ul li ul li ul li a:hover {
        color: #ccc;
}

#nav, #nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
}

#nav li li {
        padding: 0;
        background: none;
        /*
           border-bottom: 1px solid #a6370c;
           border-top: 1px solid #c7420e;
        */
        border-bottom: 1px solid #C0C0C0;
        border-top: 1px solid #EFEFEF;
}

/* top level links */
#nav a {


}

/* sub level links */

#nav ul ul a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        width: 167px;
        text-transform: none;

        font-weight: bold;         /* sb */
}

/* top level buttons */

#nav li {
        float: left;
        padding: 0;
  background: none;
  height: 29px;

}

#nav ul li {
        position: relative;
}

#nav li ul {
        top: 31px;
        position: absolute;
        left: -999em;
        height: auto;
        width: 170px;
        font-weight: normal;
        border-width: 0;
        margin: 0;
        padding: 0;

        /*
           border-right: 1px solid #a6370c;
           border-left: 1px solid #c7420e;;
           border-bottom: 1px solid #a6370c;
        */

        border-right: 1px solid #C0C0C0;
        border-left: 1px solid #C0C0C0;;
        border-bottom: 1px solid #C0C0C0;

        }

#nav ul {
        padding: 0;
        margin: 0;
        margin-left: 2px;
}

#nav li li {
        float: left;
        padding: 0;
           width: 170px;
}


/* margin for pullouts */
#nav li ul ul {
        margin: -31px 0 0 170px;
}


#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul {
        left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
        z-index: 100;
        left: 0;
}

#nav li:hover, #nav li.sfhover {
      left: 0;
}

#nav li:hover a, #nav li.sfhover a {
    color: #ffffff;

}

#nav li li:hover a, #nav li li.sfhover a {
    color: #ffffff;

}

/* suckerfish */
#nav a {
        /* image unbekannt:
           background: url(../images/ig_menu_divider_green.png) 0 0 no-repeat;   */
}

#nav ul ul a {
        background: none;
}

#nav li.active {
        /* background: url(../images/toolbar-select.png) 50% 0 no-repeat; */
        background: url(../images/pixel_trans.gif) 50% 0 no-repeat;
}

#nav li li.active {
        background: none;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
        /* background: #b43c04; .... roter farb hintergrund - mit farbe siehts blöd aus .....*/
        background: #C0C0C0;

        background: url(../images/toolbar-bg.png) ;
}