#main { margin-top: 110px; height: 39px; 
  background: url("../../images/backgrounds/bg_mainnav.jpg") repeat-x; }
  
#main .center { width: 980px; margin: 0 auto; }
#main .center > ul { display: block; position: relative; left: -20px; }
  #main .center > ul > li { display: block; float: left; }
    #main .center > ul > li > a { padding: 0 20px; line-height: 39px; border-right: 2px solid #fff; 
    display: block; height: 39px; font-size: 16px; font-weight: normal; text-decoration: none; color: #fff; }
    #main .center > ul > li > a:hover { background: #e5e5e5; color: #00905b; }
    #main .center > ul > li.active > a { background: url("../../images/backgrounds/bg_mainnav_active.jpg") repeat-x; }
    #main .center > ul > li.active > a:hover { color: #fff; background: url("../../images/backgrounds/bg_mainnav_active.jpg") repeat-x; }

#main .submain .center > ul > li.active > a { background: none; }

.submain { position: fixed; display: none; background: #e5e5e5; width: 100%; left: 0; 
  border-bottom: 3px solid #c6c8c7; padding-bottom: 10px; z-index: 25; }
  .submain .center { width: 980px; margin: 0 auto; }
    
#main .submain .center ul { overflow: hidden; list-style-type: none; }    
#main .submain .center ul > li { float: left; margin-right: 10px; }
#main .submain .center > ul > li > a { color: #000; font-weight: bold; border: none; 
height: auto; line-height: 39px; }
#main .submain .center > ul > li > a:hover { text-decoration: underline; }
#main .submain .center ul > li > ul > li { float: none; padding-left: 20px;  }
#main .submain .center ul > li > ul > li a:before {
  font-family: "ewr-netze" !important; font-style: normal !important; font-weight: normal !important;
  font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-size: 9px; margin-right: 5px; color: #e13f2a; content: "g";
}
#main .submain .center ul > li > ul > li a:hover:before { color: #00905b; }

#main #mn_12 .submain .center > ul > li { margin: 6px 0; }
#main #mn_12 .submain .center > ul > li > a { display: block; width: 160px; line-height: 22px; }

@media screen and (max-width: 980px) {  
  #main .center { width: 100%; padding: 0 2%; }
}

@media screen and (max-width: 800px) {  
  #main { display: none; }
}