/**
 * ---------------------------------------
 * CSS www.flowandgrow.de
 * --------------------------------------- 
 * 
 * info@l-vogel.de
 * erstellt: 2009-11-11
 * 
 *
 */

   
#navigation {
    margin: 0;
	padding: 0;
	width: 316px;
	height: auto;
	overflow: hidden;
}
#navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
	
}
#navigation ul li:hover {
	/* aktuellen uebergeordneten Punkt mit einfärben */
    /*
	background-color: red !important;
	color: #fff !important;
	*/
	
}
/* 1. Ebene */
#navigation ul li {
	margin: 0;
    padding: 0;
	list-style-type: none !important;
	cursor:pointer;
}

#navigation .menue-level-1-off a:link,
#navigation .menue-level-1-off a:active,
#navigation .menue-level-1-off a:visited {	
	display: block;
	margin:0;
    padding: 17px 0 0 64px;
	height: 17px;
	width: 252px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1em;
	color: #052d62;
	text-transform:uppercase;
	text-decoration:none;
	background-image:url(../images/menue-level-1-off.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#navigation .menue-level-1-off a:hover {	
	background-image:url(../images/menue-level-1-on.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}

#navigation .menue-level-1-on a:link,
#navigation .menue-level-1-on a:active,
#navigation .menue-level-1-on a:visited,
#navigation .menue-level-1-on a:hover {
	display: block;
	margin:0;
    padding: 17px 0 0 64px;
	height: 17px;
	width: 252px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1em;
	color: #052d62;
	text-transform:uppercase;
	text-decoration:none;
	background-image:url(../images/menue-level-1-on.gif);
	background-position: 0 0;
	background-repeat:no-repeat;

}


/* 2. Ebene */
#navigation .menue-level-2-off a:link,
#navigation .menue-level-2-off a:active,
#navigation .menue-level-2-off a:visited {	
	display: block;
	margin:0;
    padding: 17px 0 0 64px;
	height: 17px;
	width: 252px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1em;
	color: #729fde;
	text-transform:uppercase;
	text-decoration:none;
	background-image:url(../images/menue-level-2-off.gif);
	background-position: 0 1px;
	background-repeat:no-repeat;
}
#navigation .menue-level-2-off a:hover {	
	background-image:url(../images/menue-level-2-on.gif);
	background-position: 0 1px;
	background-repeat:no-repeat;
}

#navigation .menue-level-2-on a:link,
#navigation .menue-level-2-on a:active,
#navigation .menue-level-2-on a:visited {	
	display: block;
	margin:0;
    padding: 17px 0 0 64px;
	height: 17px;
	width: 252px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1em;
	color: #729fde;
	text-transform:uppercase;
	text-decoration:none;
	background-image:url(../images/menue-level-2-on.gif);
	background-position: 0 1px;
	background-repeat:no-repeat;
}
#navigation .menue-level-2-on a:hover {	
	background-image:url(../images/menue-level-2-on.gif);
	background-position: 0 1px;
	background-repeat:no-repeat;
}