/***************************************************************************
               Definition der linken Side-Bar 
****************************************************************************/                      
#sidebar-left 

{
position:relative;   
width:  150px; 
height: 100vh;
float:left; 
}

/***************************************************************************
               Die Button
****************************************************************************/        

/*             Button                                                     */
.sidebar_left-button
{   
  background-image:url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position:absolute; 
  height: 50px; 
  width:  100px ; 
  text-align: center;
  font-size: 22;
  box-shadow: 10px 10px 15px silver;
  border: 2px solid black; 
  border-radius: 10px;  
  cursor:pointer;  
  display: inline-block; 
}

.sidebar_left-button:hover 
{
  background-image:url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 2px solid black;
  border-radius: 3px;
  opacity: 0.7;     
}

.sidebar_left-button:active
{
  position:relative; 
  top:10px;
}  


/* -----------------------------------------------------
              Menue Sidebar Links
  ------------------------------------------------------ */
ul#SidebarLeftMenue
{
    width: auto;        
    height: 100vh;   
    padding-left:20px;
    padding-top:15px;
	list-style-type:none;
    margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}
ul#SidebarLeftMenue li
{
    display: block;
    margin-bottom: 10px;  
    height: 50px; 
    transition: background 0.9s;
}
ul#SidebarLeftMenue li:hover
{
	
}
ul#SidebarLeftMenue li span
{
	display:block;
	text-align:left;
	font-size:15px;
}
ul#SidebarLeftMenue li a img
{
	border:none;
}