#menu {
	position:absolute;
	left: 0px;
	top: 1px;
	width: 125px;
	height: 40em;
	background-image: url(img/bg/menu_bg.gif);
	background-repeat: repeat-x;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 99;
}

#menu ul {
	list-style: none;
	white-space:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 8.6em;
	width: 125px;
	position: absolute;
	left: 0px;
	top: 91px;
	height: auto;
}

#menu ul li {
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	display: block;
	white-space: normal;
	float: left;
	clear: left;
	width: 125px;
	position: relative;
}


#menu ul li.chapter1, #menu ul li.chapter1 a { height:29px; }
#menu ul li.chapter4, #menu ul li.chapter1 a { height:29px; }

#menu ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

#menu ul li a span {
	display: block;
	padding: 5px 0px 0px 14px;
}
#menu ul li a:hover {
	background-color: #8085AF;
}
/*mouse-over zustand der links*/
#menu ul li a.current { border-left:10px solid #D8D9E6; border-bottom:1px solid #8085AF; }

#menu ul li.chapter1 a.current { border-style: solid; border-color: #FFAA00;}
#menu ul li.chapter2 a.current { border-style: solid; border-color: #FF0000;}
#menu ul li.chapter3 a.current { border-style: solid; border-color: #FF00B1;}
#menu ul li.chapter4 a.current { border-style: solid; border-color: #A700FF;}
#menu ul li.chapter1 a.current span { padding-left: 14px; }
#menu ul li.chapter2 a.current span { padding-left: 14px; }
#menu ul li.chapter3 a.current span { padding-left: 14px; }
#menu ul li.chapter4 a.current span { padding-left: 14px; }

#menu ul li a.current span { padding-left: 4px;}
/*#menu ul li a:hover,#menu ul li a.current:hover { border-style: solid; border-color: #ffffff; }*/
#menu ul li.chapter1 a:hover, #menu ul li.chapter1 a.current:hover { border-style: solid; border-color: #ffffff; background-color: #FFAA00; border-width: 0px 0px 2px 0px; height: 29px;}
#menu ul li.chapter2 a:hover, #menu ul li.chapter2 a.current:hover { border-style: solid; border-color: #ffffff; background-color: #FF0000; border-width: 2px 0px 2px 0px; height: 30px;}
#menu ul li.chapter2 a:hover span, #menu ul li.chapter2 a.current span { padding-top: 3px; }
#menu ul li.chapter3 a:hover, #menu ul li.chapter3 a.current:hover { border-style: solid; border-color: #ffffff; background-color: #FF00B1; border-width: 2px 0px 2px 0px; height: 30px;}
#menu ul li.chapter3 a:hover span, #menu ul li.chapter3 a.current span { padding-top: 3px; }
#menu ul li.chapter4 a:hover, #menu ul li.chapter4 a.current:hover { border-style: solid; border-color: #ffffff; background-color: #A700FF; border-width: 2px 0px 0px 0px; height: 29px;}
#menu ul li.chapter4 a:hover span, #menu ul li.chapter4 a.current span { padding-top: 3px; }

#menu ul li.chapter1 a.current { border-style: solid; border-width: 0px 0px 2px 0px; background-color: #FFAA00; height: 29px;}
#menu ul li.chapter2 a.current { border-style: solid; border-width: 2px 0px 2px 0px; background-color: #FF0000; height: 30px;}
#menu ul li.chapter3 a.current { border-style: solid; border-width: 2px 0px 2px 0px; background-color: #FF00B1; height: 30px;}
#menu ul li.chapter4 a.current { border-style: solid; border-width: 2px 0px 0px 0px; background-color: #A700FF; height: 29px;}

#menu>ul li.chapter1 a:hover, #menu>ul li.chapter1 a.current, #menu>ul li.chapter1 a.current:hover { height: 26px; }
#menu>ul li.chapter2 a:hover, #menu>ul li.chapter3 a:hover,#menu>ul li.chapter4 a:hover, #menu>ul li.chapter2 a.current, #menu>ul li.chapter3 a.current,#menu>ul li.chapter4 a.current, #menu>ul li.chapter2 a.current:hover, #menu>ul li.chapter3 a.current:hover,#menu>ul li.chapter4 a.current:hover { height: 26px; }


/*######### ebene 1  #########*/

#menu li ul, #menu li.over li ul, #menu li li li ul {
	/*zweite ebene: zunächst unsichtbar*/
	display: none;
	position: absolute;
	float: left;
	background:#9DA1C1;
}

#menu li li.last {
	border-bottom: 2px solid #ffffff;
}
/*
#menu li span a {
	eigenschaften eines menuItems ohne submenu
	der ersten ebene
	
}*/
/*
#menu li.hasChildren span a {
	eigenschaften eines menuItems mit submenu
	der ersten ebene
	
}*/
/*
#menu li.current span a {
	eigenschaften des currenten menuItems (kapitels) ohne unterseiten
	
}
*/
/*
#menu li.currentHasChildren span a {
	eigenschaften des currenten menuItems (kapitels) mit unterseiten
	
}
*/
/*##### rollover #####*/
/*
#menu li span a:hover {
	eigenschaften des currenten menuItems (kapitels)
	
}
*/
/*
#menu li.hasChildren span a:hover {
	eigenschaften eines menuItems mit submenu
	der ersten ebene
	
}*/
/*
#menu li.current span a:hover {
	
}

#menu li.currentHasChildren span a:hover{
	
}
*/
/*######### ebene 2 | #########*/

#menu li ul {
	top:0px;
	left: 8.75em;
	left: 127px;
	position: absolute;
	width: 15em;
	border-right-color: #ffffff;
	border-right-width: 2px;
	border-right-style: solid;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#menu li ul li {
	/*menuItems der zweiten ebene*/
	float: left;
	display: block;
	position: relative;
	border-color: #ffffff;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	height: 27px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
}

#menu li ul li span { margin-right:6px; }

#menu li.chapter1 ul { top:-2px; }
#menu li.chapter1 ul li { background-color: #FFDD99; }
#menu li.chapter2 ul li { background-color: #FF9999; }
#menu li.chapter3 ul li { background-color: #FF99E0; }
#menu li.chapter4 ul li { background-color: #DC99FF; }

#menu ul li.chapter1 ul li a { height: 27px; }
#menu>ul li.chapter1 ul li a { height: 27px; }

#menu li ul li.over a, #menu li ul li.over a:hover { border: none; width: 100%; height: 27px; }
#menu li ul li.over a span { width: 100%; height: 27px; border: none; }
#menu li ul li.over a:hover span { width: 100%; height: 27px; padding-top: 5px; border: none; }

#menu li.over ul {
	/*mouseover status der zweiten ebene (einblenden, vorher display:none)*/
	display: block;
	
}


#menu li li a {/*, #menu li li.over li a, #menu li li.over li.over li a*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	background: none;
	font-weight: normal;
	color: #000066;
	font-size: 0.9em;
	height: 27px;
	cursor: pointer;
}



#menu li li.hasChildren {
	background-image : url(img/pfeil_chapter1.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li li.hasChildren.over a { 
	background-image: url(img/pfeil_chapter1_over.gif);
	background-position: right;
	background-repeat: no-repeat;
}


#menu li.chapter1 li.hasChildren {
	background-image : url(img/pfeil_chapter1.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter1 li.hasChildren.over a { 
	background-image: url(img/pfeil_chapter1_over.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter2 li.hasChildren {
	background-image : url(img/pfeil_chapter2.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter2 li.hasChildren.over a { 
	background-image: url(img/pfeil_chapter2_over.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter3 li.hasChildren {
	background-image : url(img/pfeil_chapter3.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter3 li.hasChildren.over a { 
	background-image: url(img/pfeil_chapter3_over.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter4 li.hasChildren {
	background-image : url(img/pfeil_chapter4.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li.chapter4 li.hasChildren.over a { 
	background-image: url(img/pfeil_chapter4_over.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#menu li li.hasChildren.over li a, #menu li li.over, #menu li li.over a, #menu li.chapter1 li.hasChildren.over li a, #menu li.chapter2 li.hasChildren.over li a, #menu li.chapter3 li.hasChildren.over li a, #menu li.chapter4 li.hasChildren.over li a, #menu li.chapter1 li.over, #menu li.chapter1 li.over a , #menu li.chapter2 li.over, #menu li.chapter2 li.over a, #menu li.chapter3 li.over, #menu li.chapter3 li.over a, #menu li.chapter4 li.over, #menu li.chapter4 li.over a { background-image: none; }

/*##### rollover #####*/

#menu li li a:hover, #menu li li.over li a:hover/*, #menu li li.over li.over li a:hover */{
	/*over ohne unterseiten*/
	width: 100%;
}

#menu li li.hasChildren a:hover, #menu li li.over li.hasChildren a:hover {
	/*over mit unterseiten*/
	width: 100%;
}


/*######### ebene 3 |  #########*/

#menu li li.over ul {
	/*mouseover status der zweiten ebene (einblenden, vorher display:none)*/
	display: block;
}

#menu li li ul {
	/*startposition des untermenüs in bezug auf sein obermenü*/
	left: 100%;
	top: -2px;
	width: 21.9em;
	border-color: #ffffff;
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	display: none; 
	position: absolute;
	float: left;
}

#menu li li li {
	/*menuItems der dritten ebene
	designeinstellungen: abstand zwischen den menüpunkten*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	display: block;
}

#menu li li li.over a, #menu li li li.over a:hover { width: 100%; }

#menu li .closed { display: block; }





#menu ul li.chapter5 {margin-top:90px;}



/*############# unterseiten der aktuellen seite, für browser ohne javascript #################*/

#subpages {
	position:absolute;
	left:5px;
	top:120px;
}

 ul#subpages {
	list-style: none;
	margin:0;
	padding:0;
	width:12.1em;
}

#subpages li {
	margin-bottom:5px;
}

#subpages a {
	display:block;
	text-decoration:none;
	color:#000000;
	background:#dadada;
	border:0px solid #ffffff;
	padding:3px 5px 2px 5px;
}

#subpages a:hover {
	color:#ffffff;
	background:#BA1119;
}

* html #subpages a {width:12em;}
* html ul#subpages {width:auto;}