#Gesamtnavigation{
 width: 100%;
 height: 50px;
 text-align: center;
}


#Hauptmenue, #Hauptmenue * {
 margin: 0;
 padding: 0;
 list-style: none;
}

#Hauptmenue {
 position: relative;
 margin: 0;
 z-index: 299;
}

#Hauptmenue ul {
 position: absolute;
 top: -999em;
 width: 10em; /* left offset of submenus need to match (see below) */

}

#Hauptmenue ul li {
 width: 100%;
}

#Hauptmenue li:hover {
 visibility: inherit; /* fixes IE7 'sticky bug' */
}

#Hauptmenue li {
 float: left;
 position: relative;
}

#Hauptmenue a {
 margin-top: 7px;
 display: block;
 position: relative;
}

#Hauptmenue li:hover ul, #Hauptmenue li.sfHover ul {
 left: 0;
 top: 2.5em; /* match top ul list item height */
 z-index: 99;
}

ul#Hauptmenue li:hover li ul, ul#Hauptmenue li.sfHover li ul {
 top: -999em;
}

ul#Hauptmenue li li:hover ul, ul#Hauptmenue li li.sfHover ul {
 left: 10em; /* match ul width */
 top: 0;
}

ul#Hauptmenue li li:hover li ul, ul#Hauptmenue li li.sfHover li ul {
 top: -999em;
}

ul#Hauptmenue li li li:hover ul, ul#Hauptmenue li li li.sfHover ul {
 left: 10em; /* match ul width */
 top: 0;
}


/* ################################################################### */


#Hauptmenue li a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 /*** größe Hauptmenue ***/
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 20px;
 padding-right: 20px;
 /*** größe Hauptmenue ***/
 text-decoration:none;
 text-transform:uppercase;
 font-weight: bold;
}

/* ################################################################### */

/*** submenu ***/

#Hauptmenue li ul { /*** Alle UL im Untermenue ***/
 border: 1px solid #FE9B13;
 margin-top: -12px;
 color: #ffffff;
 border-radius: 5px;
}

#Hauptmenue li ul li ul { /*** 3. Ebene ***/
 margin-top: 6px;
 margin-left: -6px;
}

#Hauptmenue li ul li a {
 /*** größe Untertmenue ***/
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 2px;
 text-decoration:none;
 border: 0;
 font-weight: normal;
 font-size: 11px;
 text-transform:lowercase;
 background-image: url(../img/icon/arr_d_wht.gif);
 background-repeat: no-repeat;
 background-position: 3px 13px;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

#Hauptmenue li ul li a:hover {
 padding-left: 25px;
 background-image: url(../img/icon/arr_r_wht.gif);
}

/* Responsive Menu
================================================== */

.mainmenu select {
 border: 0 none;
 color: #FF9204;
 max-width: 380px;
 width: 70%;
 min-width: 200px;
 padding: 10px ;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
 -webkit-transition: all 0.7s ease 0s;
 -moz-transition: all 0.7s ease 0s;
 -o-transition: all 0.7s ease 0s;
 transition: all 0.7s ease 0s;
}
 
#responsive-menu {
 display: none;
 float: left;
}


#flyout{
 height: 37px;
 width: 37px;
 z-index: 300;
 display: none;
 width: 100%;
 background: #000000;
}

#flyoutWrapper{
 width: 250px;
 height: 100%;
 position: absolute;
 top: 0;
 left: -300px;
 z-index: 300;
 background: rgb(34, 34, 34);
 padding: 10px 10px 10px 10px;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}

#flyoutWrapper a{
 color: #efefef;
}

.flyoutLink{
 width: 100%;
 border-bottom: #444444 1px solid;
}


@media only screen and (max-width: 1300px) {

 #Gesamtnavigation, #mainmenu {
  display: none;
  height: 0;
 }

 #responsive-menu {
  display: inline-block;
  width: 100%;
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
 }

 #flyout{
  display: block;
 }

}