#mainmenu {
font-size: 80%;
width: 220px;
margin: 20px 0px 0px 0px; /* this page only */
padding: 10px 0 0 0px;
}

#mainmenu .header {
	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 0 10px 0;
	color: #fff;
	background: red url("/media/images/menu_top_bg.png") repeat-y bottom right;
}

/* remove all the bullets, borders and padding from the default list styling */
#mainmenu ul {

z-index: 50;
padding:0;
margin:0;
list-style-type:none;
width: 220px;
}
/* style the list items */
#mainmenu li {
display: block;
list-style-type:none;
background-color:#d0d0d0;
width: 220px;
/* for IE7 */
float:left;
padding: 0px;

}
#mainmenu li.sub {background:#ddd url('/media/images/bgr_sub_menu.gif') no-repeat right center;} 

/* get rid of the table */
#mainmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:10; font-size:1em;}

/* style the links */
#mainmenu a, #mainmenu a:visited {
display:block; 
background: url(/media/images/list_dark.png) #58250f no-repeat 7px center;
text-decoration:none;
width: 200px;
color:#fff;
text-indent:0px;
border:1px solid #fbf4e2;
border-width:0 0px 1px 0px;
padding: 7px 0px 7px 20px;  
}

#mainmenu a.suda {
	
	background: url(/media/images/li_light.png) #76422c no-repeat 7px center;
	
	
}


/* hack for IE5.5 */
* html #mainmenu a, * html #mainmenu a:visited {width:200px; w\idth:200px;}
/* style the link hover */
* html #mainmenu a:hover {
		color:#58250f;
		background-color:#eccb96; 
		position:relative;
	}

#mainmenu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#mainmenu a:active, #mainmenu a:focus {color:#58250f; background-color:#eccb96}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#mainmenu li:hover > a {color:#58250f; background-color:#eccb96}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainmenu li ul {
display: none;
visibility:hidden;
position:absolute;
z-index: 20;
top:-30px;
/* set up the overlap (minus the overrun) */
left:191px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url('/media/images/spacer.gif');
}

/* for browsers that understand this is all you need for the flyouts */
#mainmenu li:hover > ul {visibility:visible; display: block;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#mainmenu ul a:hover ul ul{
visibility:hidden; display: none;
}
/* keep the fourth level+ hidden when you hover on second level link */
#mainmenu ul a:hover ul a:hover ul ul{
visibility:hidden; display: none;
}
/* keep the fifth level hidden when you hover on third level link */
#mainmenu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden; display: none;
}

/* make the second level visible when hover on first level link */
#mainmenu ul a:hover ul {
visibility:visible; display: block;
}
/* make the third level visible when you hover over second level link */
#mainmenu ul a:hover ul a:hover ul{ 
visibility:visible; display: block;
}
/* make the fourth level visible when you hover over third level link */
#mainmenu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible; display: block;
}
/* make the fifth level visible when you hover over fourth level link */
#mainmenu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible; display: block;
}

#kaschutz {
font-size: 80%;
width: 220px;
margin: 20px 0px 0px 0px; /* this page only */
padding: 0 0 0 0px;
}

#kaschutz .head {

	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 0 10px 0;
	color: #fff;
	background: red url("/media/images/menu_kaschutz.png") repeat-y top left;
}

/* remove all the bullets, borders and padding from the default list styling */
#kaschutz ul {

z-index: 50;
padding:0;
margin:0;
list-style-type:none;
width: 220px;
}
/* style the list items */
#kaschutz li {
display: block;
list-style-type:none;
background-color:#d0d0d0;
width: 220px;
/* for IE7 */
float:left;
padding: 0px;

}
#kaschutz li.sub {background:#ddd url('/media/images/bgr_sub_menu.gif') no-repeat right center;}

/* get rid of the table */
#kaschutz table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:10; font-size:1em;}

/* style the links */
#kaschutz a, #kaschutz a:visited {
display:block;
background: url(/media/images/list_dark.png) #0ea647 no-repeat 7px center;
text-decoration:none;
width: 200px;
color:#fff;
text-indent:0px;
border:1px solid #fbf4e2;
border-width:0 0px 1px 0px;
padding: 7px 0px 7px 20px;
}

#kaschutz a.suda {
	background: url(/media/images/li_light.png) #10be51 no-repeat 7px center;
}
/* hack for IE5.5 */
* html #kaschutz a, * html #kaschutz a:visited {width:200px; w\idth:200px;}
/* style the link hover */
* html #kaschutz a:hover {
		color:#0ea647;
		background-color:#ffa838;
		position:relative;
	}

#kaschutz li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#kaschutz a:active, #kaschutz a:focus {color:#0ea647; background-color:#ffa838}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#kaschutz li:hover > a {color:#0ea647; background-color:#ffa838}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#kaschutz li ul {
display: none;
visibility:hidden;
position:absolute;
z-index: 20;
top:-30px;
/* set up the overlap (minus the overrun) */
left:191px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url('/media/images/spacer.gif');
}

/* for browsers that understand this is all you need for the flyouts */
#kaschutz li:hover > ul {visibility:visible; display: block;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#kaschutz ul a:hover ul ul{
visibility:hidden; display: none;
}
/* keep the fourth level+ hidden when you hover on second level link */
#kaschutz ul a:hover ul a:hover ul ul{
visibility:hidden; display: none;
}
/* keep the fifth level hidden when you hover on third level link */
#kaschutz ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden; display: none;
}

/* make the second level visible when hover on first level link */
#kaschutz ul a:hover ul {
visibility:visible; display: block;
}
/* make the third level visible when you hover over second level link */
#kaschutz ul a:hover ul a:hover ul{
visibility:visible; display: block;
}
/* make the fourth level visible when you hover over third level link */
#kaschutz ul a:hover ul a:hover ul a:hover ul {
visibility:visible; display: block;
}
/* make the fifth level visible when you hover over fourth level link */
#kaschutz ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible; display: block;
}