/* 
	--------------------
	Navigation CSS XXXLutz
	Path: /fileadmin/templates/css/nav.css

	File Contents:
	-	Defintion der Navigation
	
	--------------------
	
	Guide:
	
	.nav_leftfloat		Generische Class fuer horiz. Navigationsleisten (mit <ul><li>)
	#nav3				Navigation auf linker Seite, 3 Ebenen
	#nav4				Navigation Top
	#nav5				Navigation Footer
	--------------------

*/





/* NAV3 */

#nav3 ul a.txthl {
	width: 170px;
	height:  34px;
	background: url('/fileadmin/templates/css/img/nav3/bg_level1_NO_RO_ACT.png');
	font-size: 12px;
	font-weight: bold;
	line-height: 34px;
	padding-left:  14px;
	text-transform: uppercase;
	font-family: 'Arial';
}

#nav3 ul li a.txthl:hover {
	background-position: 0px -34px;
}

#nav3 ul li.act a.txthl, #nav3 ul li.act a.txthl:hover {
	background-position: 0px 34px;
	color:  #FFF;
}


/* 1st Level */
#nav3 UL { clear:both;vertical-align:text-bottom;margin:0 0 10px 0;padding:0;list-style: none;}
#nav3 UL UL { margin:0 0 0 0; }
#nav3 UL UL { margin:0 0 0 0; }
#nav3 UL UL { margin:0 0 0 0; }
/*#nav3 #nav3 UL { margin-bottom:0px; }*/


#nav3 LI { line-height:19px; margin:0; padding:0;vertical-align:text-bottom;}
* html #nav3 LI IMG { margin-bottom:0;vertical-align:text-bottom;} /* Probleme IE5+6 bei LI und IMG*/

/* *:first-child+html #nav3 LI {margin-top:-2px;} /* Probleme IE7 bei LI und IMG*/
/* *:first-child+html #nav3 LI UL {margin-top:-2px;} /* Probleme IE7 bei LI und IMG*/

#nav3 LI A { display:block; font-size:10px; text-decoration:none;}
#nav3 LI A:hover { }
#nav3 LI LI.first A { }
#nav3 LI LI.act A { font-weight:bold;}
#nav3 LI LI.last A { }

/* 2nd Level */
#nav3 LI UL {width:185px;line-height:14px;}
#nav3 LI UL LI { background:url() repeat-y top left; background-color: #f3f3f3;}
/* *:first-child+html #nav3 LI UL LI {margin-top:0;} */
/* *:first-child+html #nav3 LI .last {margin-bottom:2px;} */
#nav3 LI UL LI A { background:url('img/nav3/arrow_right_red.gif') no-repeat 13px 8px; width:150px; padding:2px 5px 2px 23px; margin:0 0 0 0px;border:1px solid #b0b0b0; border-top:0px;}
#nav3 ul .act ul .act a{ background:no-repeat url(/fileadmin/templates/css/img/nav3/arrow_down_red.gif) scroll 11px 10px; color:#cf0000; }
#nav3 ul .act ul .act{ background-color:#d2d2d2; }

/* 3rd Level */
#nav3 LI UL LI UL LI A { background:0; width:143px; padding:2px 12px 2px 23px;}
#nav3 LI UL LI.act UL LI A { font-weight:normal;}
#nav3 LI UL LI UL LI.act A { font-weight:bold;}
#nav3 ul .act ul .act ul li a{ color:#666;  background:no-repeat ; }
#nav3 ul .act ul .act ul li { background:url(); background-color:#fff;}
#nav3 ul .act ul .act ul .act a{ color:#cf0000; }
/* fix top border IE */
/* *:first-child+html #nav3 ul ul ul li.first a {border-top:1px solid #CAC9C6;} */
/* *:first-child+html #nav3 ul ul ul li.last a {margin-bottom:-2px;} */

/* 4th Level */
#nav3 UL LI.act UL LI.act UL LI.act UL LI A { font-weight:normal; color:#666; background:0; width:143px; padding:2px 5px 2px 30px; border-top:1px solid #b0b0b0; margin-top: -1px;}
#nav3 UL LI.act UL LI.act UL LI.act UL LI.act A { font-weight:bold; color:#cf0000;}
/* fix top border IE */
/* *:first-child+html #nav3 ul ul ul ul li.first a {border-top:1px solid #CAC9C6;} */
/* *:first-child+html #nav3 ul ul ul ul li.last a {margin-bottom:-2px;} */


/* Top Nav (Merkliste, Kontakt,...) */
#nav4 { }
#nav4 LI { background:url('img/nav4/trenner_v2.gif') no-repeat 0px 4px; padding:3px 9px 0 10px; height:19px; list-style: none;}
#nav4 li a {color: #777; font-size: 12px; text-transform: uppercase; letter-spacing: -1px;}
#nav4 LI a:hover { color:  #333;}
#nav4 LI.first { padding-left:16px; background:url('img/nav4/icon_merkliste.gif') no-repeat 0px 0px;}
#nav4 LI.first a { color:  #333;}
#nav4 LI.last { xpadding-right:0px;}

/* Footer Nav */
#footer ul#nav5 a { text-decoration: none; }
#footer ul#nav5 { float:right; margin: 0px;}
ul#nav5 LI { white-space: nowrap;/* background:url('img/nav5/trenner.gif') no-repeat right 1px; */ padding-right:5px; height:14px;}
ul#nav5 LI.first { padding-left:0px;}
ul#nav5 LI.last { padding-right:0px; background:0;}
ul#nav5 LI.act { font-weight: bold;}

.nav_leftfloat { }
.nav_leftfloat UL { padding:0; margin:0; list-style:none;}
.nav_leftfloat LI { float:left; padding:0; margin:0; }
.nav_leftfloat LI A { display:block;}
.nav_leftfloat LI A.act { }
.nav_leftfloat LI A.first { }
.nav_leftfloat LI A.last { }

/* MOTM */
#nav_alle UL { padding:0; margin:0; list-style:none;}
#nav_alle LI { float:left; padding:0px 0px 0px 0px; margin:0;}

#nav_alle .highlight {
	color: #666;
	font-weight: normal;
}

ul#nav_alle_ul li a {
	display: block;
	padding: 2px 2px 2px 2px;
	margin: 9px 8px 4px 8px;
	font-size: 11px;
	border: 0;
}


ul#nav_alle_ul li a:hover, ul#nav_alle_ul li.act a {
	margin: 8px 7px 3px 7px;
    background-color: #fff;
	border: 1px solid #ccc;
}




/* NAV_TOOLS */
/* zweite Footernavigation mit Icons */

#nav_tools_ul {
	margin: 0px;
	padding-left: 1px;
}

#nav_tools_ul li {
	float:left;
	display: block;
	margin: 0px;
	line-height: 30px;
	height: 30px;
	list-style: none;
}

#nav_tools_ul li.last { margin-right: 0;	}

#nav_tools_ul a {
	display: block;
	padding: 0 10px 0 30px;
	line-height: 30px;
	font-weight: bold;
}

#nav_tools_ul a:hover {
	background-color: #FFF !important;
	color: #C00;
}

/* Schnäppchen */
#nav_tools_11, #nav_tools_593, #nav_tools_1123,  #nav_tools_1363, #nav_tools_1647, #nav_tools_1881, #nav_tools_2115 {	background: url('img/nav_tools/icon_schnaeppchen.gif') no-repeat 5px;}
/* Prospekte */
#nav_tools_12, #nav_tools_594, #nav_tools_1124, #nav_tools_1364, #nav_tools_1648, #nav_tools_1882, #nav_tools_2116, #nav_tools_3242 { background: url('img/nav_tools/icon_prospekte.gif') no-repeat 5px;}
/* Online Planung */
#nav_tools_461, #nav_tools_529,#nav_tools_1459, #nav_tools_1977, #nav_tools_2211, #nav_tools_3367 { background: url('img/nav_tools/icon_planung.gif') no-repeat 5px;}
/* Preisepass / Freunschaftskarte */
#nav_tools_31, #nav_tools_530, #nav_tools_1220, #nav_tools_1460, #nav_tools_1744, #nav_tools_1978, #nav_tools_2212, #nav_tools_3369 { background: url('img/nav_tools/icon_preisepass.gif') no-repeat 5px;}
/* Newsletter */
#nav_tools_2543, #nav_tools_2545, #nav_tools_2546, #nav_tools_2547, #nav_tools_2548, #nav_tools_2549, #nav_tools_2550, #nav_tools_3089 { background: url('img/nav_tools/icon_newsletter.gif') no-repeat 5px;}
/* Restaurant */
#nav_tools_30, #nav_tools_527, #nav_tools_1216, #nav_tools_1456, #nav_tools_1740, #nav_tools_1974, #nav_tools_2208, #nav_tools_3364  { background: url('img/nav_tools/icon_restaurant.gif') no-repeat 5px;}
/* TV-Spots */
#nav_tools_2544 { background: url('img/nav_tools/icon_tvspots.gif') no-repeat 5px;}
/* Objekteinrichtung - Neubert */
#nav_tools_2815  { background: url('img/nav_tools/icon_objekteinrichtung.gif') no-repeat 5px;}
