/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#mainnav ul {
   list-style-type: none; margin: 0px; padding: 0px;
}

#mainnav li {
   float: left; margin-right: 25px;
}

#mainnav li a {
   display: block; float: left; height: 31px; padding-top: 5px; font-size: 0.8em; color: #fff; font-weight: bold; text-decoration: none;
}

#mainnav li a:hover {
   color: #fff;
}

#mainnav .act {
   padding-top: 0px; color: #000; font-size: 1em;
}

#mainnav li.aktiv a:hover {
   color: #000;
}

#mainnav ul ul { display: none; }

/* Allgemein */
#mainnav .aktiv {
   display: block; float: left; height: 36px; font-size: 0.8em; font-weight: bold;
}

#mainnav span {
   display: inline; float: left; height: 31px; margin-left: 9px; padding-right: 9px; padding-top: 5px;
}

/* ROT */
#rot #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-rot.gif) 0 0 no-repeat;
}

#rot #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-rot.gif) 100% 0px no-repeat;
}

/* GRÜN */
#gruen #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-gruen.gif) 0 0 no-repeat;
}

#gruen #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-gruen.gif) 100% 0px no-repeat;
}

/* ORANGE */
#orange #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-orange.gif) 0 0 no-repeat;
}

#orange #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-orange.gif) 100% 0px no-repeat;
}

/* Blau */
#blau #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-blau.gif) 0 0 no-repeat;
}

#blau #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-blau.gif) 100% 0px no-repeat;
}

/* LILA */
#lila #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-lila.gif) 0 0 no-repeat;
}

#lila #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-lila.gif) 100% 0px no-repeat;
}

/* TUERKIS */
#tuerkis #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-tuerkis.gif) 0 0 no-repeat;
}

#tuerkis #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-tuerkis.gif) 100% 0px no-repeat;
}

/* GRAU */
#grau #mainnav .aktiv {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-grau.gif) 0 0 no-repeat;
}

#grau #mainnav span {
   background: url(http://www.panorama-catering.de/fileadmin/templates/images/nav-bg-grau.gif) 100% 0px no-repeat;
}



/* Subnav */

#subnav ul {
   margin: 0; list-style-type: none; background: url(http://www.panorama-catering.de/fileadmin/templates/images/subnav-bg.gif) repeat-y;
}

#subnav li {
    border-bottom: solid 1px #fff;
}

#subnav li a {
   width: 205px; display: block; color: #666; font-size: 0.8em; text-decoration: none; padding: 3px 0px 3px 35px;
}

#subnav li a:hover {
   color: #000; background: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif) no-repeat 18px 50%;
}

#subnav .aktiv-a {
   color: #000; background: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif) no-repeat 18px 50%;
}

#subnav .aktiv {
   width: 205px; display: block; color: #000; font-size: 0.8em; text-decoration: none; padding: 3px 0px 3px 35px; background: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif) no-repeat 18px 50%;
}


/* Subnav 2. Ebene */



#subnav li li a {
   width: 190px; display: block; color: #666; font-size: 0.8em; text-decoration: none; padding: 3px 0px 3px 50px;
}

#subnav li li a:hover {
   color: #000; background: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif) no-repeat 33px 50%;
}

#subnav .aktiv2 {
   width: 190px; display: block; color: #000; font-size: 0.8em; text-decoration: none; padding: 3px 0px 3px 50px; background: url(http://www.panorama-catering.de/fileadmin/templates/images/marker-rot.gif) no-repeat 33px 50%;
}


/* Footernav */

#impressum ul {
    margin: 2px 20px 0 0; padding: 0px; list-style-type: none;
}

#impressum li {
   display: inline; vertical-align: middle; font-size: 0.7em; padding: 0 5px; border-right: 1px solid #000;
}

#impressum li a {
   color: #000;
}

#impressum li a:hover {
   color:  #cc0001; text-decoration: underline;
}

#impressum .aktiv {

}

#impressum .ende {
   border: 0px;
}