@media screen {

#menu {
	position:absolute;
        top: 8em;
        left: 1.5em;
        margin-top:60px;
        display:block;
        width:13em;
        font-size:0.9em;
}

   
menu {
	z-index:1000;
}




    #menu ul.hinterlegt {
        list-style: none;
        margin-bottom: 1em;
    }

    #menu ul.hinterlegt li {
        /* Regelt Abstand im IE */
        width:100%;
        display:inline;
    }

    #menu ul.hinterlegt a,
    #menu ul.hinterlegt span {
        display:block;
        padding:2px 10px;
        color:black;
        background-color: #BFCED8;
        font-weight:normal;
        text-decoration:none;
        margin-bottom:2px;
    }

    #menu ul.hinterlegt a.selected,
    #menu ul.hinterlegt span.selected {
        border-left: 5px solid #4169E1;    
        padding:2px 10px 2px 5px;
    }

    #menu ul.hinterlegt a:hover,
    #menu ul.hinterlegt a:active,
    #menu ul.hinterlegt a:focus {
       color:white;
       background-color: #476274;
    }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	display: none;
	position:absolute;
	top:-1px;
	left:187px;
	width:12em;
	border-left: 1px solid white;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul {
	display: block;
	background-color: #476274;
}

	/* 1. Ebene */
	.menu ul.schiebe0 {top:2px;}
	.menu ul.schiebe1 {top:24px;} 	/* je Zeile +22px */
	.menu ul.schiebe2 {top:46px;}
	.menu ul.schiebe3 {top:68px;}
	.menu ul.schiebe4 {top:90px;}
	.menu ul.schiebe5 {top:112px;}
	.menu ul.schiebe6 {top:134px;}
	.menu ul.schiebe7 {top:156px;}
	.menu ul.schiebe8 {top:178px;}
	.menu ul.schiebe9 {top:200px;}
	.menu ul.schiebe10 {top:222px;}
}

@media print {
	#menu {
       display:none;
    }
}