/* ------------------
    Navigation
--------------------- */
/*#navigation {float:left;clear:both;width:950px;border:1px solid #D7D7D7;border-width:0 1px;background:url('../images/bestedienstleister.png') 1px -451px repeat-x;position: relative;}
#navigation ul {float:left;margin:0 0 0 5px;list-style-type:none;height:32px;border-right:1px solid #C04754;border-left:1px solid #72001A;}
#navigation ul li {float:left;display:inline;}
#navigation ul li a {display:block;float:left;color:white;padding:1px 0;font-size:13px;height:32px;text-decoration:none;}
#navigation ul li a span {display:block;padding:6px 8px 7px;border-right:1px solid #72001A;border-left:1px solid #C04754;}
#navigation ul li a:hover {text-decoration:none;background:url('../images/bestedienstleister.png') 1px -482px repeat-x;}
#navigation ul li a.live {text-decoration:none;background:url('../images/bestedienstleister.png') 1px -482px repeat-x;}

#navigation ul li ul {width:950px;position:absolute;top:33px;left:0;background:url('../images/bestedienstleister.png') 1px -451px repeat-x;margin:0;}
#navigation ul li ul a {padding:3px 10px;}*/

#divNav {float:left;clear:both;margin:0;padding: 0 0 0 35px;height:32px;width:915px;border:1px solid #D7D7D7;border-width:0 1px;background:url('../images/navigation.png') 0 0 repeat-x;}
#nav {position: relative;top:0;height:40px;margin:0;padding:0;}
#nav li ul {margin: 0;padding: 0;}
#nav a {text-decoration: none;float:left;}

#nav li {margin:0;float:left;display: block;} /*float the main list items*/
#nav li ul {display: none;}

#nav li.on ul {position:absolute;top:32px;left:-35px;background:url('../images/navigation.png') 0 -40px repeat-x;height:32px;width:914px;padding-left:36px;} /*put the subnav below*/
#nav li.off ul {position:absolute;top:32px;left:-35px;background:url('../images/navigation.png') 0 -40px repeat-x;height:32px;width:914px;padding-left:36px;} /*put the subnav below*/

#nav li a {color:white;display:block;height:30px;margin:0;padding:1px 0;}

#nav li a:hover {color:white;background:url('../images/navigation.png') center -40px;} /* TOP Nav Link HOVER */


#nav li.nosubnav a:hover {color:white;background:url('../images/navigation.png') 0 -120px !important;} /* TOP Nav Link ON */

#nav li.off:hover a {color:white;background:url('../images/navigation.png') center -40px;} /* TOP Nav Link OFF, damit der Pfeil bei Hover auf Subnav bleibt */

/*#nav li.off a:hover > #nav li.on a {color:white;background:url('../images/navigation.png') 0 -40px;}*/

#nav li.on a {color:white;background:url('../images/navigation.png') center -40px;} /* TOP Nav Link ON */
#nav li.on ul a, #nav li.off ul a {border:0;float:left; /*ie doesn't inherit the float*/width:auto;}
/* Subav , wenn on und hover */
#nav li.on:hover ul, #nav li.over ul { /* for ie background: #224d6f;*/}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/ /*background: #224d6f;*/}

#nav li.on ul {display: block;}

#nav li.off:hover ul, #nav li.over ul {display: block;z-index: 6000;}
#nav li.off a:hover, #nav li.on a:hover {color: white;}

/* <span> TOP NAV */
#nav li span {border-right:1px solid #72001A;border-left:1px solid #C04754;display:block;padding:7px 10px 7px;}

#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li7 a {display:block;position:relative;/*contains all hover states*/}
/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a {display: block;background:none;color: #fff;padding:7px 10px;height:18px;background:url('../images/navigation.png') center -40px repeat-x;}
#nav li.off ul a:hover, #nav li.on ul a:hover {background:#80011E;}
#nav li.on ul a {}