/*--------------------------------------------------*/
/* Stylesheet for the Main-Navigation on gp-bern.ch */
/* ------------------------------------------------ */
/* author: Michael Hutzli (mh-websolutions.ch)      */
/* last change: 03.01.2007                          */
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/* In Microsoft Internet Explorer 5 and 6 this "CSS-*/
/* Navigation" acts up, so there is an exstension   */
/* in JavaScript needed to display the navigation   */
/* in a correct way in IE. The extension-file is    */
/* "flyout.js".                                     */
/*--------------------------------------------------*/

/*------------ START general attributes ------------*/
/* list attributes */
ul { 
    margin           : 0;
	padding          : 0;
	list-style       : none;
	display          : block;
}

/* list content */	
ul li {
	position         : relative;
	left             : left;
	float            : left;
	line-height      : 17px;
	margin-bottom    : -1px;
	width            : 155px;
}

/* display the menu items side by side */
ul li { 
    display          : inline;
}

/* list content of the submenu */	
li ul { 
	display          : block;
	position         : absolute;
	clear            : left;
	left             : -999em;		
	margin-left      : 0px;
	margin-top       : 0px;
}

/* menu items */	
li a {
    font-family      : Arial, Helvetica, sans-serif;
	font-size        : 8pt;
	font-weight      : bold;
	display          : block;
	padding          : 4px 9px 4px 9px;
	width            : 137px;
	w/idth           : 100%; /* boxmodel hack for Internet Explorer < 7 */
	color            : white;
	text-decoration  : none;
	border           : 0px;
}

/* menu item on mouse over */
li a:hover, li ul a:hover {
    color            : white;
	text-decoration  : none;
}

/* in the submenues font-weight shouldn't be bold / color of menu items in the submenus */
li ul a {
    font-weight      : normal;
	color            : black;
}

/* submenu */
li ul li {
    clear            : left; /* needed for Netscape 7 */
}

/* display submenu */	
li:hover ul, li.sfhover ul { 
	left             : auto;
}
/*------------- END general attributes -------------*/

/*---------- START background-colors ---------*/
/* menu item 1 */
li#navi1, li#navi1 a:hover {
    background-color : #900;
}

/* menu item 2 */
li#navi2, li#navi2 a:hover {
    background-color : #060;
}

/* menu item 3 */
li#navi3, li#navi3 a:hover {
    background-color : #999;
}

/* menu item 4 */
li#navi4, li#navi4 a:hover {
    background-color : #336;
}

/* menu item 5 */
li#navi5, li#navi5 a:hover {
    background-color: #B9A97E; 
}

/* submenu of menu item 1 */
li#navi1 li {
    background-color : #C99;
}

/* submenu of menu item 2 */
li#navi2 li {
    background-color : #696;
}

/* submenu of menu item 3 */
li#navi3 li {
    background-color : #CCC;
}

/* submenu of menu item 4 */
li#navi4 li {
    background-color : #69C;
}

/* submenu of menu item 5 */
li#navi5 li {
    background-color : #F1DCA5;
}
/*-------------- END background-colors -------------*/