/*navigation styles screen desktop normal*/
@charset "UTF-8";
/*basis Einstellungen*/
/*Navigation basics*/

nav {
   decoration: none;
   }
/* nav_main*/

nav  {
   width: 100%;
   max-width: 1440px;
   height: 40px;
   text-transform: uppercase;
   background: #000;
  }

ul#menu01, ul#menu02 {
   width: 480px;
   list-style-type: none;
   }

ul#menu01 {
   float: left;
   }
ul#menu02 {
   float: right;
   }

ul#menu01 li {
   float: left;
   }
ul#menu02 li {
   float: right;
   }

ul#menu01 li, ul#menu02 li {
   width: 160px;
   }

ul#menu01 li a, ul#menu02 li a  {
   display: block;
   color: #FFF;
   background: #000;
   tansition: all 250ms easy-out;
   -webkit-tansition: all 250ms easy-out;
   -moz-tansition: all 250ms easy-out;
   -o-tansition: all 250ms easy-out;
   -ms-tansition: all 250ms easy-out;
   }

#menu01 li a:hover, #menu02 li a:hover  {
   color: #696969;
   background: #FFF;
   }

#menu01 li.active a, #menu02 li.active a  {
   color: #000;
   background: #FFF;
   }


h2#menu01, h2#menu02 {
   text-align: center;
   padding: 10px 1px;
   height: 20px;
   }


/*menu_footer*/

ul#menu04 {
   width: 40%;
   min-width: 480px;
   height: 40px;
   float: right;
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
#menu04 li {
   display: block;
   float: right;
   width: 33,333%;
   min-width: 160px;
   height: 100%;
   margin: 0;
   padding: 0;
   }
#menu04 li a {
   display: block;
   color: #000;
   background: #FFF;
   }

#menu04 li a:hover {
   color: #FFF;
   background: #000;
   }

#menu04 li.active a {
   color: #FFF;
   background: #000;
   }

h4#menu04 {
   font-size: 1.0em;
   text-transform: uppercase;
   text-align: center;
   padding: 10px 1px;
   }