/* Start of CMSMS style sheet 'kiratin:Navigation: Simple - Horizontal' */
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}

div#menu_horiz {
height:30px;
font-size:12px;
font-weight:bold;
color:#b2c7b4;
	background-color: #1c6353;
	width: 100%;
	margin: 0;

}
div#menu_horiz ul{
	list-style-type: none; margin:0;padding:0;
}
/* menu list items */
div#menu_horiz li{
	float: left;
	list-style: none;
	margin:0px 0 0 0;
   background:transparent url(uploads/systemgrafik/topmenu-bullet.gif) no-repeat scroll left center ;
}
div#menu_horiz li.menufirst{background-image:none;padding-left:0px;}

/* the links, that is each list item */
div#menu_horiz a {
	padding: 8px 15px 2px 0px;
	margin: 0;
	text-decoration: none;
	color: #b2c7b4;
	display: block;
background-image:none;
}
div#menu_horiz li.currentpage{
padding: 8px 15px 2px 15px;
   background:transparent url(uploads/systemgrafik/menupil_active_top.gif) no-repeat scroll top center ;
color:#fff;
}
div#menu_horiz li a.menuactive{
color:#fff;
   background:transparent url(uploads/systemgrafik/menupil_active_top.gif) no-repeat scroll top center ;
}


/* hover state for links */
div#menu_horiz li a:hover {;
/* set your image here, dark grey image with white text set above
	background:  url(uploads/ngrey/nav.png) repeat-x left -50px;*/
	
}
div#menu_horiz a span {
/* compensates for no left padding on the "a" */
	padding-left: 15px;
}
div#menu_horiz li.parent a span {
/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 20px;
/* set your image here, down arrow to note it has children, left side of text
	background: url(uploads/ngrey/active.png) no-repeat 0.3em center; */
}
div#menu_horiz li.parent a:hover span {
	padding-left: 20px;
/* hover replaces default with right arrow image 
	background: url(uploads/ngrey/parent.png) no-repeat 0.3em center;*/
}
div#menu_horiz li.menuactive a span {
	padding-left: 20px;
/* menuactive replaces default with right arrow image 
	background: url(uploads/ngrey/parent.png) no-repeat 0.5em center;*/
	
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_horiz li.menuactive, div#menu_horiz li.menuactive a:hover {
/* set your image here, light image with #000/black text set below
	background:  url(uploads/ngrey/nav.png) repeat-x left 0px;*/
	color: #000;
}
/* End of 'kiratin:Navigation: Simple - Horizontal' */

