/* navigation */
#navContainer { width:190px; min-height:400px; margin-bottom:10px; margin-left: 10px; }

/* navigation - 1. ebene */
#navContainer ul { list-style-type:none; margin:0; padding:0; }
#navContainer li { margin: 0 0 3px 0; }
#navContainer a {
  background: #84b5c1;
  color: black;
  display:block;
  text-decoration:none;
  padding-left:21px;
  width:169px;
  font-size:14px;
  font-weight: bold;
  line-height:25px;
}
#navContainer ul li a:hover { padding-left: 8px; width: 182px; }
#navContainer ul li a:hover:before { content: "[ "; }
#navContainer ul li a:hover:after { content: " ]"; }
#navContainer ul li.act a { color: white; background: #15416a; padding-left: 8px; width: 182px; }
#navContainer ul li.act a:before { content: "[ "; }
#navContainer ul li.act a:after { content: " ]"; }

/* navigation - 2. ebene */
#navContainer ul ul { margin:2px 0 0 0; }
#navContainer ul ul li { margin: 0; }
#navContainer ul ul a {
  background: #c1dae0 !important;
  color: black !important;
  font-size:12px;
  line-height:20px;
}
#navContainer ul li.act ul li a:before { content: ""; }
#navContainer ul li.act ul li a:after { content: ""; }
#navContainer ul li.act ul li a { padding-left: 21px; width: 169px; }
#navContainer ul li ul li.act a:before,
#navContainer ul li.act ul li a:hover:before { content: "[ "; }
#navContainer ul li ul li.act a:after,
#navContainer ul li.act ul li a:hover:after { content: " ]"; }
#navContainer ul li ul li.act a,
#navContainer ul li ul li a:hover { padding-left: 21px; width: 169px; text-indent: -10px; }