/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        background-color: #cc0000;
        border-top: 0px solid #cc0000;
        width: 99%;
        position:relative;
        top:0px;
        left:0px;
        /*line-height: 20px;*/
        }


/* Set the width of the menu elements at second level. Leaving first level flexible. */
/* zweite Ebene */
#nav li li { 
        width: 10.5em;
       }
/* dritte Ebene */
#nav li li li {
        width: 9.5em;
       }
/* vierte Ebene */
#nav li li li li {
        width: 12em;
       }
/* fünfte Ebene */
#nav li li li li li {
        width: 10em;
       }


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#nav li.menuactive { 
	/*background-color: #C7C7C7; */
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
/*
.menuparent-d,
.menuparent { 
	background-position: center right; 
	background-repeat: no-repeat; 
	}

.menuparent-d { 
	background-image: url(../template/d-arrow_1.gif); 
	}
.menuparent { 
	background-image: url(../template/arrow_1.gif); 
	}
*/

/* Unless you know what you do, do not touch this */ 

#nav	{ 
	list-style: none; 
	}

#nav ul { 
	list-style: none; 
	position: absolute; 
	top: auto; 
	display: none;
	}

#nav ul ul { 
	position:absolute;
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px;
	}
	
#nav li { 
	margin-left: -1px;
	float: left; 
	border:0px solid #cc0000;
	/*box-shadow:2px 2px 2px #333333;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;*/
	border-bottom:0px;
	line-height: 20px;
	}

#nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	border:0px;
	/*-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;*/
	}

/* Styling the basic appearance of the menu elements */

#nav .spacer,
#nav a { 
	display: block; 
/*	margin: 0px; */
	padding: 0px 10px; 
	text-decoration: none; 
	color: #fff;
	background: #cc0000;
	}
#nav li .spacer,
#nav li a { 
	padding-left:11px;		/* verdana: 7px */
	padding-right:16px;		/* verdana: 8px */
	/*border-right: 1px solid #C0C0C0;*/
	/*border-right: 10px solid #f0f0f0;*/
	font-size: 0.7em;
	}
#nav li li .spacer,
#nav li li a {
	border: 1px solid #FCF7E2;
	/*-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;*/
	}
#nav li { 
	/*background-color: #ececec; */
	background-color: #f8f8f8;
	margin-right:15px;
	}
#nav li li {
	margin-right:0px;
	}

/* Styling the apperance of menu items on hover */

#nav li a:hover, 
#nav li.m-over { 
	background-color: #FCF7E2;
	color: #000;
	/*line-height: 20px;*/
	} 

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#nav ul, 
#nav li:hover ul, 
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li:hover ul ul ul ul ul,
#nav li.m-over ul,
#nav li.m-over ul ul,
#nav li.m-over ul ul ul,
#nav li.m-over ul ul ul ul,
#nav li.m-over ul ul ul ul ul{
	display: none;
	}
#nav li:hover ul, 
#nav ul li:hover ul, 
#nav ul ul li:hover ul, 
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul,
#nav ul ul ul ul ul li:hover ul,
#nav li.m-over ul,
#nav ul li.m-over ul, 
#nav ul ul li.m-over ul,
#nav ul ul ul li.m-over ul,
#nav ul ul ul ul li.m-over ul,
#nav ul ul ul ul ul li.m-over ul {
	display: block; 
	}


/* IE Hacks */

#nav li li { 
	float: left; 
	clear: both; 
	}
#nav li li .spacer,
#nav li li a {
	height: 1%; 
	}

.spacer {
	color:#c0c0c0;
	font-weight:bold;
	text-align:center;
	background-color:#eeeeee;
}

@media screen, print
{
a.skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}
}