div.navibox {margin:0;}



#navi {float:left;width:157px;padding-top:0;}



.navipad {padding:0;margin:0;

}



a.lvl1,a.lvl1on,a.lvl1act,a.lvl01,a.lvl01on,a.lvl01act,a.lvl2,a.lvl2on,a.lvl2act,a.lvl3,a.lvl3on,a.lvl3act,a.lvl4,a.lvl4on {

display:block;

}



/*--------------------------------------------------------------------------------

  --- NAVI - LEVEL1 - Kategorie

--------------------------------------------------------------------------------*/

/* general */

a.lvl1,a.lvl1on,a.lvl1act,

a.lvl01,a.lvl01on,a.lvl01act {



padding:8px 5px;

font-size:12px;

font-weight:700;

line-height:13px;

text-decoration:none;

border-top:1px solid #fff;

}



a.lvl1, a.lvl1:visited,

a.lvl01, a.lvl01:visited {



color:#000;

border-bottom:1px solid #B4B4B4;

border-left:3px solid #b4b4b4;

background-color:#f7f7f7;

}



a.lvl1:hover,

a.lvl01:hover {



border-left:3px solid #F5A300;

background-color:#eeeeee;

}



a.lvl1on, a.lvl1on:visited,

a.lvl01on, a.lvl01on:visited {



color:#F5A300;

background-color:#eee;

border-left:3px solid #F5A300;

}



/* --- zusaetzliche Klasse, wenn Punkt _darunter_ aktiviert ist ----------------*/

a.lvl1act,a.lvl1act:visited,

a.lvl01act,a.lvl01act:visited {



color:#000;

background-color:#eee;

border-left:3px solid #dedede;

}



a.lvl1act:hover,

a.lvl01act:hover {



border-left:3px solid #F5A300;

}



/*--------------------------------------------------------------------------------

  --- NAVI - LEVEL2 - Subkategorie

--------------------------------------------------------------------------------*/

/* general */

a.lvl2,a.lvl2on,a.lvl2act,a.lvl2:visited,a.lvl2on:visited,a.lvl2act:visited  {

padding:5px 3px 5px 8px;

font-size:12px;

font-weight:400;

line-height:13px;

text-decoration:none;

border-bottom:1px solid #dedede;

}



a.lvl2, a.lvl2:visited {

color:#000;

border-left:3px solid #dedede;

background-color:#eee;

}



a.lvl2:hover {

font-weight:400;

border-left:3px solid #F5A300;

background-color:#dedede;

}



a.lvl2on, a.lvl2on:visited {

color:#F5A300;

font-weight:700;

border-top:1px solid #fff;

border-left:3px solid #F5A300;

border-bottom:0;

background-color:#dedede;

}



/* --- zusaetzliche Klasse, wenn Punkt _darunter_ aktiviert ist ----------------*/

a.lvl2act, a.lvl2act:visited, a.lvl2act:hover {

color:#000;

font-weight:400;

border-top:1px solid #fff;

border-left:3px solid #F5A300;

border-bottom:0;

background-color:#dedede;

}



/*--------------------------------------------------------------------------------

  --- NAVI - LEVEL3 - Contentseite

--------------------------------------------------------------------------------*/

/* general */

a.lvl3,a.lvl3on,a.lvl3act,a.lvl3:visited,a.lvl3on:visited,a.lvl3act:visited {

padding:4px 0 4px 15px;

font-size:11px;

font-weight:400;

line-height:13px;

text-decoration:none;

border-bottom:1px solid #eee;

}



a.lvl3, a.lvl3:visited {

color:#000;

border-left:1px solid #F5A300;

background-color:#dedede;

}



a.lvl3:hover {

background-color:#ccc;

font-weight:400;

}



a.lvl3on, a.lvl3on:visited {

font-weight:700;

color:#000;

border-left:1px solid #F5A300;

background-color:#ccc;

border-bottom:1px solid #eee;

}



/* --- zusaetzliche Klasse, wenn Punkt _darunter_ aktiviert ist ----------------*/

a.lvl3act,a.lvl3act:visited,a.lvl3act:hover {

font-weight:400;

color:#000;

border-left:1px solid #F5A300;

background-color:#ccc;

border-bottom:1px solid #eee;

}



/*--------------------------------------------------------------------------------

  --- NAVI - LEVEL04 - Unterpunkte Themen und Aktivitaeten

--------------------------------------------------------------------------------*/

/* general */

a.lvl4,a.lvl4on,a.lvl4act,a.lvl4:visited,a.lvl4on:visited,a.lvl4act:visited {

padding:3px 0 3px 25px;

font-size:11px;

font-weight:400;

line-height:13px;

text-decoration:none;

border-bottom:1px solid #eee;

}



a.lvl4, a.lvl4:visited {

color:#000;

text-decoration:none;

border-left:1px solid #F5A300;

background-color:#ccc;

}



a.lvl4:hover {

color:#000;

background-color: #b7b7b7;

font-weight:400;

}



a.lvl4on, a.lvl4on:visited {

font-weight:700;

color:#F5A300;

color: #000;

border-left:1px solid #F5A300;

background-color:#b7b7b7;

}



/* rounded corner for 1st and last nav item */

.first a {

background-image:url(http://foodwatch.de/common/navigation/nav_ecke_top.gif);

background-repeat:no-repeat;

background-position:100% 0;

}



.last {

background-color:#f7f7f7;

border-top:1px solid #FFF;

font-size:0;

line-height:0px;

height:20px;

background-image:url(http://foodwatch.de/common/navigation/nav_ecke_btm.gif);

background-repeat:no-repeat;

background-position:100% 100%;

border-left:3px solid #B4B4B4;

}