#navigation {
 width: 700px;
 float: left;
 margin: 0;
 border-bottom: 6px solid #0F0F0F;
 display: inline;
 float: left;	
}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#navigation a {
 margin: 0 1px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 12px;  	
 text-transform: normal;
 background: #0F0F0F url(../images/bg-nav-left.gif) no-repeat left top;
 display: inline;
 float: left;   
}

#navigation a span {    
 padding: 5px 14px 6px 0;  
 background: #0F0F0F url(../images/bg-nav-right.gif) no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#navigation a:hover {background: #0F0F0F url(../images/bg-nav-left.gif) no-repeat 0 -52px;}
#navigation a:hover span {background: #0F0F0F url(../images/bg-nav-right.gif) no-repeat 100% -52px;}


/*Active State*/	
body.home #navigation #home,
body.ueberuns #navigation #ueberuns,
body.dienstleistung #navigation #dienstleistung,
body.fahrzeuge #navigation #fahrzeuge,
body.referenzen #navigation #referenzen,
body.news #navigation #news,
body.reservierung #navigation #reservierung {background: #0F0F0F url(../images/bg-nav-left.gif) no-repeat 0 -104px;}

body.home #navigation #home span,
body.ueberuns #navigation #ueberuns span,
body.dienstleistung #navigation #dienstleistung span,
body.fahrzeuge #navigation #fahrzeuge span,
body.referenzen #navigation #referenzen span,
body.news #navigation #news span,
body.reservierung #navigation #reservierung span {background: #0F0F0F url(../images/bg-nav-right.gif) no-repeat 100% -104px;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #fff;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Two
--------------------------------------------------------------------------*/

#sub-navigation {
 width: 232px;
 padding-top: 20px;
 background: transparent url(../images/bg-sub-top.gif) no-repeat 0 0;
 float: left;
}

#sub-navigation ul {
 padding-bottom: 20px;
 margin: 0;
 background: #e7eff5 url(../images/bg-sub-bottom.gif) no-repeat 0 100%;
}

#sub-navigation ul li {
 margin: 0; 
 padding: 4px 0;
 background: none;
}

#sub-navigation ul li a {
 font-size: 11px;
 height: 28px;
 font-weight: bold;
 line-height: 26px;
 background: transparent url(../images/a-subnav.gif) no-repeat 0 0;
 display: block;
 margin: 0 17px;
 padding: 0 0 0 22px;
 color: #2b5275;
}

#sub-navigation ul li a:hover {background-position: 0 -28px;}
#sub-navigation ul li a.active {background-position: 0 -56px; color:#699bc9;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Three
--------------------------------------------------------------------------*/

#sub-navigation ul ul {
 margin: 8px 0 0 0;
 padding: 0;
 background: none;
}

#sub-navigation ul ul li {
 margin: 0; 
 padding: 0;
}

#sub-navigation ul ul li a {
 margin: 0 17px 0 39px; 
 height: 20px;
 line-height: 20px;
 padding: 0 0 0 10px;
 font-weight: normal;
 background: #e7eff5 url(../images/a-subnav-arrow.gif) no-repeat 0 50%;
 color: #2b5275;
}

#sub-navigation ul ul li a:hover,
#sub-navigation ul ul li a.active {
 background: #e7eff5 url(../images/a-subnav-arrow.gif) no-repeat 0 50%;
 color: #73a1cc;
}

/*--------------------------------------------------------------------------
Site Map - Level One
--------------------------------------------------------------------------*/

#map {width: 438px;}

#map li {
 width: 438px;
 margin: 0; 
 padding: 0 0 5px 0;
 background: none;
 float: left;
}

#map li a {
 font-size: 11px;
 height: 30px;
 line-height: 30px;
 font-weight: bold; 
 background: transparent url(../images/a-sitemap.gif) no-repeat 0 0;
 display: block;
 padding: 0 0 0 22px;
 color: #2b5275;
}

#map li a:hover {
 background: transparent url(../images/a-sitemap.gif) no-repeat 0 -30px;
 color: #699bc9;
}

/*--------------------------------------------------------------------------
Site Map - Level Two
--------------------------------------------------------------------------*/

#map .leveltwo li {
 margin: 0 0 0 0; 
 padding: 6px 0 0 0;
 background: none;
}

#map .leveltwo li a {
 height: 28px; 
 line-height: 27px;
 margin: 0 0 0 20px; 
 padding: 0 0 0 10px; 
 background: #c4d6e5 url(../images/a-sitemap-sub.gif) no-repeat 0 0;
 color: #0F0F0F;
}

#map .leveltwo li a:hover {
 background: #f1f5f9 url(../images/a-sitemap-sub.gif) no-repeat 0 -28px;
 color: #699bc9;
}

/*--------------------------------------------------------------------------
Site Map - Level Three
--------------------------------------------------------------------------*/

#map .leveltwo .levelthree li {
 margin: 0; 
 padding: 4px 0 0 0;
 background: none;
}

#map .leveltwo .levelthree li a {
 font-weight: normal;
 height: 15px;
 line-height: 15px;
 margin: 0 0 0 40px; 
 padding: 0 0 0 10px; 
 background: transparent url(../images/a-subnav-arrow.gif) no-repeat 0 50%;
 color: #2b5275;
}

#map .leveltwo .levelthree li a:hover {
 color: #699bc9;
}