a/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */


/* - - - Nested tabs, two-level navigation - - - */

#nav  { position: relative }

.navig  { color: white; line-height: 1; display: block; position: relative }

/* remove all list stylings */
.navig, .navig ul   { color: white; font-weight: bold; list-style-type: none; margin: 0; padding: 0; border: 0 }

/* move all list items into one row, by floating them */
/* hier wird der hintergrund definiert */
/* Def min und max - breite der menuepunkte */


.navig li       { color: white; font-weight: bold; background-image: none; background-repeat: no-repeat; background-position: 100% bottom; display: block; right: 125px; width: 135px; float: left; border: 0 }

/* initialy hide all sub menus */
.navig ul  { color: white; visibility: hidden; display: block; position: absolute; left: 0; width: 100%; clear: both }

/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after  { color: white; visibility: hidden; display: block; height: 0; clear: both; overflow: hidden; content: "." }
/* -- float.clear.END --  */

.navig li.selected ul, .navig li.selected2 ul, .navig li:hover ul     { color: white; visibility: visible }

.navig li.selected, .navig li.selected2 ul  { color: white; z-index: 10 }

.navig li:hover ul  { color: white; z-index: 100 }

/*		Navigation make-up 	*/
/*		Ändeurngen: breitae auf auto 	*/
/*		einstellung für Reiter im normalzustand 	*/

.navig          { color: white; background-repeat: no-repeat; background-position: center bottom; position: relative; top: 145px; border-width: 1px; border-color: purple }


.navig a     { color: white; text-decoration: none; background-image: url(../images/reiter1.jpg); background-position: left 0; display: block; padding-top: 9px; padding-bottom: 9px; padding-left: 6px }
/*		einstellung für Reiter im normalzustand 	*/
.navig li           { color: white; text-decoration: none; background-image: url(../images/reiter1.jpg); background-position: left 0; text-indent: 10px; margin: 0 2px; border-style: none; border-width: 1px 1px medium; border-color: black }

/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.navig li:hover    { color: white; text-decoration: underline; background-image: url('(EmptyReference!)') }
/* which is why the link is styled separatelly */
/* untersrtich entfernt */

.navig li:hover a       { color: white !important; font-weight: bold; font-stretch: ultra-condensed; text-decoration: underline; background-image: url(../images/reiter1.jpg); background-position: left 0 }

.navig li:hover ul   { color: white !important; background-image: url(../images/reiter1.jpg); background-position: left 0 }

.navig li:hover li   { color: white !important; background-image: url(../images/reiter1.jpg); background-position: left 0 }

/*---> Hoehe des menues angepasst */
.navig ul       { color: white; background-image: url(../images/reiter1.jpg); background-position: left 0; margin-left: -1px; top: 30px; width: 762px; border-color: gray }

.navig li li  { color: white; border-right: 0 solid #999 }

.navig li li a  { color: white }

.navig li li a:hover  { color: white; text-decoration: none; background-image: url(../images/reiter1.jpg); background-position: left 0 }

/* fix the colors for selected item and submenu, for better usability */
/*		einstellung für Reiter wenn ausgewählt - ../images/unterstrich.jpg entfernt	*/
/*		texteinschub geaendert	*/
/*		hier wird der reiter fuer ausgewaehlte buttons defineirt	*/

.navig li.selected a, .navig li.selected .navig li.selected a:hover               { color: white; font-weight: bold; text-decoration: underline; background-image: url(../images/reiter2.jpg); background-position: left 0; text-indent: 10px; padding-top: 9px; padding-bottom: 9px; padding-left: 6px; border-width: 2px 2px medium }

.navig li.selected, .navig li.selected:hover a, .navig li.selected ul   { color: white !important }

.navig li.level2 a, .navig li.level2:hover a  { color: white !important; font-size: 11px; font-weight: normal; padding: 2px 6px }

.navig li.selected2 a  { color: white !important; font-size: 11px; font-weight: bold; padding: 2px 6px }


/* IE5/Mac: \*//*/

.navig {
	display: inline-block;
}

.navig a {
	float: left;
}

.navig li ul {
	top: 1.8em;
	height: 2em;
}

.navig li li, .navig li li a {
	display: inline;
	float: none;
}

/*  */