.menu {
  background: #e9ecef;
  padding: 20px;
}

#menu {
    width: 180px;
    height: 400px;
    
}

.main_menu {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 160px;
  margin-left: 0px;
  margin-top: 15px;
}
.main_menu li.firs{
  border-top: 1px solid #CCCCCC;
}
.main_menu li {
  font-family:arial,sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.main_menu li.active {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.main_menu li.active a, .main_menu li.active a:hover{
  background-color: #FE2E2E;
  color: #FFFFFF;
  font-weight: bold;
}
.main_menu li.root a{
  background-color: #DDDDDD;
  color: #2E2E2E;
  font-weight: bold;
}
.main_menu a {
  border-bottom: 1px solid #CCCCCC;
  color: #2E2E2E;
  display: block;
  margin: 0;
  padding: 4px 15px;
  text-decoration: none;
}
.main_menu li a:hover, .main_menu li.root a:hover{
  background-color: #000000;
  color: #FFFFFF;
}

/* Zweite Ebene */
.main_menu2{
  list-style-type: none;
  font-weight: normal;
  margin-left: 0px;
  padding-left: 0px;
}
.main_menu2 li.default2 a{
  background-color: #F6F6F6;
  color: #2E2E2E;
  padding-left: 25px;
  font-size: 11px;
  font-weight:normal;
}
.main_menu2 li.root2 a{
  padding-left: 25px;
  font-size: 11px;
  background-color: #DDDDDD;
  color: #2E2E2E;
  font-weight: bold;
}
.main_menu2 li.active2 a, .main_menu2 li.active2 a:hover{
  background-color: #FAAC58;
  color: #FFFFFF;
  padding-left: 25px;
  font-size: 11px;
  font-weight:bold;
}
.main_menu2 li a:hover, .main_menu2 li.default2 a:hover {
  background-color: #000000;
  color: #FFFFFF;
}

/* Dritte Ebene */
.main_menu3{
  list-style-type: none;
  font-weight: normal;
  margin-left: 0px;
  padding-left: 0px;
}
.main_menu3 li.default3 a{
  background-color: #F6F6F6;
  color: #2E2E2E;
  padding-left: 42px;
  font-size: 11px;
  font-weight:normal;
}
.main_menu3 li.active3 a, .main_menu3 li.active3 a:hover{
  background-color: #F7BE81;
  color: #FFFFFF;
  padding-left: 42px;
  font-size: 11px;
  font-weight:bold;
}
.main_menu3 li a:hover, .main_menu3 li.default3 a:hover {
  background-color: #000000;
  color: #FFFFFF;
  padding-left: 42px;
}