/* Start of CMSMS style sheet 'BZOH-Menu' */
/******************** Menu oben erste Ebene *********************/
/* hack for IE6 */
* html div#topmenu01 {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}

div#topmenu01 {	margin-left: 0px;
	width:       808px;
	overflow:    hidden; }

div#topmenu01 ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
margin-left:0px;
padding-left:20px;
}
/* menu list items */
div#topmenu01 li {
/* makes the list horizontal */
	float: left;
/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin-left: 0px;
padding-left: 0px;
margin-right: 10px;
padding-right: 10px;
}
/* the links, that is each list item */
div#topmenu01 a {
/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0px;
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color: #4B4E8D;
font-weight: bold;
/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
}
/* hover state for links */
div#topmenu01 li a:hover {
text-decoration: none;
border-bottom: none;
font-weight:bold;
color: #c21d23;
}
div#topmenu01 li a:active {
text-decoration: none;
border-bottom: none;
font-weight:bold;
}
div#topmenu01 a span {
/* compensates for no left padding on the "a" */
	padding-left: 0px;
}

div#topmenu01 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: 0px;
}

div#topmenu01 li.parent a:hover span {
	padding-left: 0px;
}

div#topmenu01 li.menuactive a span {
	padding-left: 0px;
	color: #c21d23;
font-weight: bold;
}

/* active parent, that is the first level parent of a child page that is the current page */
div#topmenu01 li.menuactive, div#topmenu01 li.menuactive a:hover {
	color: #c21d23;
font-weight: bold;
}

/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#topmenu01 ul h3 {
	display: block;
/* some air for it */
	padding-left: 0px;
/* this will be link color for all levels */
	color: #c21d23;
/* instead of the normal font size for <h3> */
	font-size: 9pt;
/* as <h3> normally has some margin by default */
	margin: 0;
}




/******************** Menu oben zweite Ebene *********************/
div#topmenu02 {	margin-left: 0px;
	width:       808px;
	overflow:    hidden; }

div#topmenu02 ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
margin-left:0px;
padding-left:20px;
}
/* menu list items */
div#topmenu02 li {
/* makes the list horizontal */
	float: left;
/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin-left: 0px;
padding-left: 0px;
margin-right: 10px;
padding-right: 10px;
}
/* the links, that is each list item */
div#topmenu02 a {
/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0px;
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color: #000000;
/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
font-weight: bold;
}
/* hover state for links */
div#topmenu02 li a:hover {
text-decoration: none;
border-bottom: none;
font-weight:bold;
color: #c21d23;
}
div#topmenu02 li a:active {
text-decoration: none;
border-bottom: none;
font-weight:bold;
color: #c21d23;
}
div#topmenu02 a span {
/* compensates for no left padding on the "a" */
	padding-left: 0px;
}

div#topmenu02 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: 0px;
}

div#topmenu02 li.parent a:hover span {
	padding-left: 0px;
}

div#topmenu02 li.menuactive a span {
	padding-left: 0px;
	color: #c21d23;
font-weight: bold;
}

/* active parent, that is the first level parent of a child page that is the current page */
div#topmenu02 li.menuactive, div#topmenu02 li.menuactive a:hover {
	color: #c21d23;
font-weight: bold;
}

/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#topmenu02 ul h3 {
	display: block;
/* some air for it */
	padding-left: 0px;
/* this will be link color for all levels */
	color: #c21d23;
/* instead of the normal font size for <h3> */
	font-size: 9pt;
/* as <h3> normally has some margin by default */
	margin: 0;
}





/******************** Menu links *********************/
#leftmenu01 {
	margin-left: 20px;
margin-top:5px;
	padding: 0;
}
#leftmenu01 ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#leftmenu01 ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */

}
#leftmenu01 li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin-left: 0px;
margin-bottom: 10px;
}

#leftmenu01 li.currentpage {
	padding: 0px;
}
#leftmenu01 li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#leftmenu01 li.menuactive ul {
	margin: 0;
}
#leftmenu01 li.activeparent {
	margin: 0;
	padding: 0px;
}

/* fix stupid IE6 bug with display:block; */
* html #leftmenu01 li {
	height: 1%;
}
* html #leftmenu01 li a {
	height: 1%;
}
* html #leftmenu01 li hr {
	height: 1%;
}
/** end fix **/

/* first level links */
div#leftmenu01 a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0px;
margin:0px;
/* this will be link color for all levels */
	color: #000000;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
border-bottom: none;
}

/* next level links, more padding and smaller font */
div#leftmenu01 ul ul a {
	font-size: 90%;
	margin-left: 5px;
}

/* third level links, more padding */
div#leftmenu01 ul ul ul a {
	margin-left: 10px;
}

/* hover state for all links */
div#leftmenu01 a:hover {
	color: #000000;
	text-decoration: none;
border-bottom: none;
font-weight: bold;
}

div#leftmenu01 a.activeparent:hover {
	color: #000000;
}

/* active parent, that is the first level parent of a child page that is the current page */
div#leftmenu01 li.activeparent {
/* white to contrast with background image */
	color: #000000;
}
div#leftmenu01 li.activeparent a.activeparent {
/* you can set your own image here */
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
/* to contrast with background image */
	color: #000;
}

div#leftmenu01 li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}

div#leftmenu01 ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}

div#leftmenu01 li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 0;
}

div#leftmenu01 li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
border-bottom: none;
}

div#leftmenu01 li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 0;

}
div#leftmenu01 li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0;
}
div#leftmenu01 ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0;
}
div#leftmenu01 li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 0;
}
div#leftmenu01 li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #000000;
}
div#leftmenu01 ul ul li a.activeparent {
	color: #fff;
}


/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#leftmenu01 ul h3 {
	display: block;
/* some air for it */
	padding-left: 0px;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 9pt;
/* as <h3> normally has some margin by default */
	margin: 0;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#leftmenu01 ul ul span {
	font-size: 90%;
	padding-left: 5px;
	color: #000;
}
/* current page on third level, more padding */
div#leftmenu01 ul ul ul h3 {
	padding-left: 10px;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* End of 'BZOH-Menu' */