/*
---
NAVIGATION.CSS
---
Allgemeine Musikschule Oberwallis
Copyright 2008
swebs.ch
---
colors:
light > da1024
dark > a00010
*/


/* meta navigation ------------------------------------------------------------ */
div#metanav ul,
ul.pipes {
	margin:0 !important;
	padding:0 !important;
}
div#metanav ul {
	margin-right:3px !important;
}
div#metanav ul li,
ul.pipes li {
	display:inline;
	line-height:12px;
	list-style:none;
	padding:0 0 0 9px;
	margin:0 0 0 4px;
	background:#fff url(../images/navigation/metapipe.gif) bottom left no-repeat;
}
ul.pipes li {
	padding:0 9px 0 0;
	margin:0 4px 0 0;
	background:#fff url(../images/navigation/metapipe.gif) bottom right no-repeat;
}
div#metanav ul li.nopipe,
ul.pipes li.nopipe {
	background:#fff none;
}
div#metanav a, div#metanav a:link, div#metanav a:visited,
div#meta a, div#meta a:link, div#meta a:visited {
	color:#555;
	text-decoration:none;
}
div#metanav a:hover, div#metanav a:focus, div#metanav a:active,
div#meta a:hover, div#meta a:focus, div#meta a:active {
	text-decoration:underline;
	color:#000;
}
div#metanav a.active, div#metanav a.active:link, div#metanav a.active:visited {
	font-weight:bold;
	color:#a00010;
}

/* main navigation first level ------------------------------------------------ */
div#navigation {
	margin:0 0 12px 0;
	padding:0;
	height:32px;
	line-height:32px;
}
div#navleft, div#navright {
	float:left;
	width:15px;
	height:32px;
	background:transparent url(../images/navigation/left.gif) top left no-repeat;
	display:inline;
}
div#navright {
	float:right;
	background-image:url(../images/navigation/right.gif);
}
div#navigation ul#menu {
	margin:0;
	padding:0;
	background:transparent url(../images/navigation/middle.gif) top repeat-x;
	float:left;
	display:inline;
	width:870px;
}
div#navigation ul#menu li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
div#navigation ul#menu li a, div#navigation ul#menu li a:link, div#navigation ul#menu li a:visited {
	float:left;
	display:inline;
	color:#fff;
	font-size:14px;
	line-height:32px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
div#navigation ul#menu li span {
	line-height:32px;
	height:32px;
	padding:0 19px;
	float:left;
	cursor:pointer;
}
div#navigation ul#menu li a:hover, div#navigation ul#menu li a:focus, div#navigation ul#menu li a:active,
div#navigation ul#menu li a.active, div#navigation ul#menu li a.active, div#navigation ul#menu li a.active {
	background:transparent url(../images/navigation/right-active.gif) top right no-repeat;
	color:#a00010 !important;
}
div#navigation ul#menu li a:hover span, div#navigation ul#menu li a:focus span, div#navigation ul#menu li a:active span,
div#navigation ul#menu li a.active span {
	background:transparent url(../images/navigation/left-active.gif) top left no-repeat;
}

/* sub navigation ------------------------------------------------------------- */
div.box ul#submenu {
	margin:0;
	padding:0;
}
div.box ul#submenu ul {
	margin:0 0 7px 15px;
}
div.box ul#submenu li {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
div.box ul#submenu li ul li a,
div.box ul#submenu li ul li a:link,
div.box ul#submenu li ul li a:visited {
	color:#757575;
}
div.box ul#submenu a, div.box ul#submenu a:link, div.box ul#submenu a:visited {
	color:#333;
	font-size:12px;
	text-decoration:none;
}
div.box ul#submenu ul a, div.box ul#submenu ul a:link, div.box ul#submenu ul a:visited {
	text-transform:none;
}
div.box ul#submenu a:hover, div.box ul#submenu a:focus, div.box ul#submenu a:active {
	color:#000;
	text-decoration:underline;
}
div.box ul#submenu a.active, div.box ul#submenu a.active:link, div.box ul#submenu a.active:visited {
	color:#a00010;
	display:block;
	margin:0 0 0 -31px;
	padding:0 0 0 31px;
	height:20px;
	background:transparent url(../images/icons/arrow.gif) left no-repeat;
	font-weight:bold;
	text-decoration:none;
}
div.box ul#submenu ul a.active, div.box ul#submenu ul a.active:link, div.box ul#submenu ul a.active:visited {
	background:transparent none;
	padding:0;
	margin:0;
	color:#a00010;
	font-weight:normal;
}