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   { font-size: 12px; background-image: url(../images/hintergund-footer-2.jpg); background-position: center 0; position: relative }

.navig  { font-size: 12px; line-height: 1; display: block; position: relative }

/* remove all list stylings */
.navig, .navig ul  { font-size: 12px; list-style-type: none; margin: 0; padding: 0; border: 0 }

/* move all list items into one row, by floating them */
.navig li  { font-size: 12px; display: block; margin: 0; padding: 0; float: left; border: 0 }

/* initialy hide all sub menus */
.navig ul  { font-size: 12px; 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  { font-size: 12px; 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  { font-size: 12px; visibility: visible }

.navig li.selected, .navig li.selected2 ul  { font-size: 12px; z-index: 10 }

.navig li:hover ul  { font-size: 12px; z-index: 100 }

/*		Navigation make-up 	*/

.navig    { color: black; font-size: 12px; font-family: Arial; top: 130px; width: 800px }


.navig a     { color: #333; font-size: 12px; text-decoration: none; display: block; padding: 9px 6px }

.navig li   { font-size: 12px; line-height: 13px; margin: 0 }

/* 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: #000; font-size: 12px }
/* which is why the link is styled separatelly */
.navig li:hover a     { color: #000; font-size: 12px; text-decoration: none }

.navig li:hover ul    { color: lime; font-size: 12px; font-weight: bold }

.navig li:hover li   { font-size: 12px }


.navig ul   { font-size: 12px; margin-left: -1px; top: 30px; width: 800px }

.navig li li   { font-size: 12px }

.navig li li a   { color: #000; font-size: 12px }

.navig li li a:hover   { font-size: 12px; text-decoration: none }

/* fix the colors for selected item and submenu, for better usability */

.navig li.selected a, .navig li.selected .navig li.selected a:hover     { color: black !important; font-size: 12px; font-family: Arial; font-weight: bold; font-stretch: condensed; background-image: url(../images/unterstrich.jpg); background-repeat: no-repeat; background-position: center bottom  }

.navig li.selected, .navig li.selected:hover a, .navig li.selected ul    { color: black !important; font-size: 12px; font-family: Arial; font-stretch: condensed }

.navig li.level2 a, .navig li.level2:hover a     { color: black !important; font-size: 12px; font-family: Arial; font-weight: normal; padding: 2px 6px }

.navig li.selected2 a    { color: black !important; font-size: 12px; font-family: Arial; font-weight: bold; font-stretch: extra-condensed; 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;
}

/*  */