/***************************************************\
 *  Lieber Roman!                                   *
 *  Mache an diesem CSS nur Änderungen, wenn        *
 *  Du ganz genau weißt, was du tust,               *
 *  solltest Du fragen haben, mail oder phone       *
 *  mich an!                                        *
 *                                                  *
 *  liebe Grüße Dennis                              *
\***************************************************/


/**************************************************
 * Ab hier Menü                                   *
 **************************************************/
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none;
 to visibility:hidden;
 */
        #menmen{
	    background-color: transparent;/*black*/
	    position: relative;
	    z-index: 100;
	    top: 100px;
        width: 130px;/*150px*/
	    margin: 0px;
	    padding: 0px;
        }
	#menmen ul{
	    list-style: none;
	    padding: 0px;
	    margin: 0px;
	    width: 130px;/*150px*/
	}
	
        #menmen li{
            margin: 0px;
            padding: 0px;
	    	list-style: none;
            position: relative;
        }
	
        #menmen li a{
            display: block;
	    padding-left: 2px;/*10px*/
		padding-bottom:3px;/*neu*/
		padding-top:3px;/*neu*/
	    width: 130px;/*140px*/
	    height: 14px;
	    margin:0px;/*0px*/
	    height: 18px;
            text-decoration: none;
            color: #3d4b66;/*white*/
            font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
		font-weight:bold;/*neu*/
		border-bottom: solid 1px grey;/*neu*/
		border-collapse: collapse;/*neu*/
		background-color: white;/*neu*/
		background-color:transparent;/*neu*/
		border:none;/*neu*/
        }
	#menmen li a span{/*neu*/
		position:absolute;
		top:4px;
		right:1px;
		width:10px;
		background-image:url('./pageimg/white.gif');
		background-repeat:no-repeat;
        }
	#menmen li a:hover span{/*neu*/
		position:absolute;
		top:4px;
		right:1px;
		width:10px;
		background-image:url('./pageimg/blue.gif');
		background-repeat:no-repeat;
        }
	
	
        #menmen li ul{
            display: none;
            background-color: #fafafa;/*black*/
            color: #991720;/*white*/
            position: absolute;
            top: 0px;
            left: 130px;/*144px*/
			border-top: solid 1px grey;/*solid 1px white*/
			border-left: solid 1px grey;/*solid 1px white*/
			border-right: solid 1px grey;/*neu*/
			opacity: 1;/*0.9*/
			/*padding:-2px;neu*/
        }
	#menmen li ul li a{/*neu*/
		display: block;
		padding-left: 3px;/*10px*/
		padding-bottom: 0px;/*neu*/
		padding-top: 3px;/*neu*/
	    width: 127px;/*140px*/
	    height: 12px;/*14px*/
	    margin: 0px;
	    height: 16px;/*18px*/
		text-decoration: none;
		color: #3d4b66;/*white*/
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
		font-weight: bold;/*neu*/
		border-bottom: solid 1px grey;/*neu*/
		border-collapse: collapse;/*neu*/
		background-color: white;/*neu*/
        }
        #menmen a:hover {
        color:#991720;/*black*/
	    /*background-color: white;/*#DEDFE2*/
		background-image:url('blank.gif');/*new*/
        }
		#menmen li ul li a:hover {/*neu*/
        color:white;/*black*/
	    background-color: #9aa4b8;/*#DEDFE2*/
		}
	#menmen table {
	    position:absolute;
	    border-collapse:collapse;
	    top:0;
	    left:0;
	    z-index:100;
	    font-size:1em;
	}
	
/* FOR NON IE BROWSERS THIS IS ALL IT TAKES TO MAKE SEPERATE LEVELS VISIBLE (ONE BY ONE)!!! */
        #menmen li:hover > ul{
            display: block;
        }
/* FROM NOW ON IE FIXING*/
	* html #menmen li a ul{
	    margin-top: -15px;
	}
	* html #menmen li ul {
	    visibility:hidden;
	    display:block;
	    position:absolute;
	    lef\t:130px;/*145px*/
	    to\p: 0px;
	    left:130px;/*145px*/
	    top: 0px;
	    
	}
	* html #menmen li a:hover{
	    position:relative;
	    /*background-color: #DEDFE2;/*#DEDFE2*/
	    color: #991720;/*black*/
	}
	* html #menmen li a:hover ul{
            margin-top: 0px;
	    visibility: visible;
	    background-color: black;
	    color: white;
	    lef\t:130px;/*145px*/
	    to\p: 0px;
	    left:130px;/*145px*/
	    top: 0px;
        }
	* html #menmen li a:hover ul ul{
	    visibility: hidden;
	}
	* html #menmen li a:hover ul li a:hover ul{
	    visibility: visible;
	}
	* html #menmen li a:hover ul li a:hover ul ul{
	    visibility: hidden;
	}
	* html #menmen li a:hover ul li a:hover ul li a:hover ul{
	    visibility: visible;
	}
	* html #menmen li a:hover ul li a:hover ul li a:hover ul  ul{
	    visibility: hidden;
	}
	* html #menmen li a:hover ul li a:hover ul li a:hover ul li a:hover ul{
	    visibility: visible;
	}