.menuButton {
    background: #000000;
    border:     1px solid #000000;
    
	position:   relative;
    
	height:     60px;
	width:      200px;
	margin:     0 auto;
	/*margin-top: -10px;*/
    padding-top: 15px;
    color:      #ffffff;
    font-family:"Raleway", arial, serif;
    font-weight:100;
    font-size:  16pt;
    z-index:    10;
    visibility: visible;
}

.menuButtonOben {
    top: 0px;
}

.menuButtonUnten {
    top: 10px;
}

.menuBalken {
    background:#4e4e4e;
    width: 100%;
    height: 50px;
}
.menuSchliessenButton {
    background: #000000;
    border:     1px solid #000000;
	position:   relative;
	height:     40px;
	width:      40px;
	left:       20px;
    top:        5px;
    color:      #ffffff;
    font-family:"Raleway", arial, serif;
    font-weight:100;
    font-size:  16pt;
    vertical-align: middle;
    z-index:    10;
}

.menuSchliessenButton:hover {
    background: #262626;
/*    border:     1px solid #262626;*/
}

.menu {
    background:#4e4e4e;
    position:relative;
    width: 240px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 25px;
    z-index: 3;
}

.menuUnten {
    top: 0px;
    transition: top 1s ease-in-out;
}

.menuOben {
    top: -365px;
    transition: top 1s ease-in-out;
}

.menuElemente {
    background: #000000;
    border:     1px solid #000000;
	position:   relative;
	height:     60px;
	width:      200px;
	margin:     0 auto;
	margin-top: 10px;
    padding-top: 8px;
    color:      #ffffff;
    font-family:"Raleway", arial, serif;
    font-weight:100;
    font-size:  16pt;
    z-index:    10;
}

.menuElemente:hover {
    background: #262626;
/*    border:     1px solid #262626;*/
}