/* media.cedric.sehrt.com */
/* copyright 2009 C.Sehrt */

/* Farben:
*/


ul#l1menu, ul#l1menu ul, div#l1men, div#l1men div {
	margin:0px;
	padding: 0px;
	background: none;
	list-style:none;
}

ul#l1menu, div#l1men {
	margin-left:20px;
}

ul#l1menu li {
	list-style-type: none;
	color: #fff;
}

ul#l1menu > li {
	float: left;
	position: relative;
	border-right:1px solid #fff;
}

ul#l1menu > li#sb , div#l1men > div#sb{
	float: right;
	border: 0px;
	padding-right:9px;
	padding-top:3px;
}

/* Konfig Links im Menü */
ul#l1menu a{
	color: white;
	text-decoration: none;
	background:none;
	display:block;
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:5px;
	padding-bottom: 6px;
}

div#l1men a {
	color:white;
	display: inline-block;
	text-decoration: none;
	background:none;
	margin: 0px;
	padding-left:8px;
	padding-right:8px;
	padding-top: 5px;
	padding-bottom: 6px;
}

div#l1men span div.submen a {
	display: block;
	width: 150px;
}

ul#l1menu li > a:hover, div#l1men span > a:hover {
	color:white;
	text-decoration: none;
}

ul#l1menu li > a:active, div#l1men span > a:active {
	color:white;
	text-decoration: none;
}

ul#l1menu li > a:visited, div#l1men span > a:visited {
	color:white;
	text-decoration: none;
}

/* Konfiguration der ersten 5 Elemente */

ul#l1menu div.submen, div#l1men span div.submen {
	margin-left: -1px;
	position: absolute;
	border-top:1px solid white;
	border-bottom:2px solid white;
	width: 150px;
}

ul#l1menu div.submen ul, div#l1men div.submen div {
	border-left:1px solid white;
	border-right:1px solid white;
}

ul#l1menu div.submen div.spread {
	width:150px;
	height:0px;
}

ul#l1menu div.submen ul > li, div#l1men div.submen div {
	float: none;
	padding:0px;
	margin:0px;
}

/** erstes */
ul#l1menu #n1, ul#l1menu #n1 ul li, div#l1men span#n1, div#l1men span#n1 div.submen {
	background-color: #f3cc62; /*#ecae05;*/
}

ul#l1menu #n1, div#l1men span#n1 {
	background: #f3cc62 url('gfx/menu/n1vl1.gif') bottom repeat-x;
}

ul#l1menu #n1:hover, div#l1men span#n1 a:hover {
	background: #f3cc62 url('gfx/menu/n1v1fl.gif') top repeat-x;
}

ul#l1menu #n1 ul li:hover, div#l1men span#n1 div.submen a:hover  {
	background: #ECAE05;
}

/** zweites */
ul#l1menu #n2, ul#l1menu #n2 ul li, div#l1men span#n2, div#l1men span#n2 div.submen    {
	background-color: #b2db73;
}


ul#l1menu #n2, div#l1men span#n2 {
	background: #b2db73 url('gfx/menu/n2vl1.gif') bottom repeat-x;
}

ul#l1menu #n2:hover, div#l1men span#n2 a:hover  {
	background: #b2db73 url('gfx/menu/n2v1fl.gif') top repeat-x;
}

ul#l1menu #n2 ul li:hover, div#l1men span#n2 div.submen a:hover  {
	background: #85c226;
}


/** drittes */
ul#l1menu #n3, ul#l1menu #n3 ul li, div#l1men span#n3, div#l1men span#n3 div.submen   {
	background-color: #4c81bb;
}

ul#l1menu #n3, div#l1men span#n3 {
	background: #4c81bb url('gfx/menu/n3vl1.gif') bottom repeat-x;
}

ul#l1menu #n3:hover, div#l1men span#n3 a:hover  {
	background: #4c81bb url('gfx/menu/n3v1fl.gif') top repeat-x;
}

ul#l1menu #n3 ul li:hover, div#l1men span#n3 div.submen a:hover  {
	background: #004590;
}


/** viertes */
ul#l1menu #n4, ul#l1menu #n4 ul li, div#l1men span#n4, div#l1men span#n4 div.submen   {
	background-color: #bc5b53;
}

ul#l1menu #n4, div#l1men span#n4 {
	background: #bc5b53 url('gfx/menu/n4vl1.gif') bottom repeat-x;
}

ul#l1menu #n4:hover, div#l1men span#n4 a:hover  {
	background: #bc5b53 url('gfx/menu/n4v1fl.gif') top repeat-x;
}

ul#l1menu #n4 ul li:hover, div#l1men span#n4 div.submen a:hover  {
	background: #9d241c;
}


/** fünftes */
ul#l1menu #n5, ul#l1menu #n5 ul li, div#l1men span#n5, div#l1men span#n5 div.submen   {
	background-color: #ef9d58;
}

ul#l1menu #n5, div#l1men span#n5 {
	background: #ef9d58 url('gfx/menu/n5vl1.gif') bottom repeat-x;
}

ul#l1menu #n5:hover, div#l1men span#n5 a:hover  {
	background: #ef9d58 url('gfx/menu/n5v1fl.gif') top repeat-x;
}

ul#l1menu #n5 ul li:hover, div#l1men span#n5 div.submen a:hover {
	background: #e87717;
}



/* Mechanismen zum aufklappen */
ul#l1menu li div.submen, div#l1men span div.submen {
	display:none;
}

/*
ul#l1menu li:hover div.submen, ul#l1menu li.over div.submen {
	display: block;
	z-index: 20000;
}*/
