#subnavi {
        background-color: #F2B41A;
}


#navi_spacer { 
         background-color: #F2B41A;
}

#main {
        background-image: url('../../image/bg_catering.png') !important;
}

#footer_left, #footer_middle, #footer_right {
         width: 150px;
         float: left;
         height: 50px;
         padding-left: 15px;
         padding-right: 15px;
}

#footer_left {
         width: 130px;
         padding-right: 15px;
         padding-left: 0px;
}

#footer_middle {
         border-right:solid #F2B41A 1px;
         border-left:solid #F2B41A 1px;
}

#footer h5 
{
        color: #F2B41A;
        font: bold 16px Georgia;
        text-transform: uppercase;
        border: none;
        padding:0px;
        margin:0px;
        text-indent: 0px;
}

#trailer h5, #trailer h4
{
        color: #F2B41A;
        font: bold 16px Georgia;
        text-transform: uppercase;
        border: none;
        padding:0px;
        margin:0px;
        text-indent: 0px;
        margin-bottom: 10px;
}


#content h3, #content h4, #content h1, #content h5
{
        border-top:solid #F2B41A 1px;
        border-bottom:solid #F2B41A 1px;
        padding: 8px 0px;
        margin-left: -30px;
        margin-right: -20px;
        margin-bottom: 10px;
        color: #F2B41A;
        font: bold 16px Georgia;
        text-transform: uppercase;
        text-indent: 30px;
}


/* CSS for the top level list */

ul.list_top, ul.list_level {
        padding: 7px 0;
        margin-left: 0;
        font: normal 12px Georgia;

}
ul.list_top li, ul.list_level li {
        list-style: none;
        margin: 0;
        display: inline;
        padding: 0;
}
ul.list_top li a, ul.list_level li a {
        padding: 7px 0.5em;
        margin: 0px;
        background: #FFFFFF;
        text-decoration: none;
         padding-left:15px;
         background-image: url('../../image/navi_icons/catering_link.gif');
                 background-repeat:no-repeat; 
        background-position: 5px;
         background-color:transparent;
}
ul.list_top li a:link, ul.list_level li a:link { 
         color: #481C04;
         background-image: url('../../image/navi_icons/catering_link.gif');
                 background-repeat:no-repeat; 
        background-position: left;
         background-color:transparent;
        background-position: 5px;
}

ul.list_top li a:visited, ul.list_level li a:visited { color: #481C04; }
ul.list_top li a:hover, ul.list_level li a:hover {
        text-decoration: none;
        color: Black;
        background: #F2B41A;
        background-image: url('../../image/navi_icons/haus_over.gif');
        background-repeat:no-repeat; 
        background-position: 5px;
}
ul.list_top li.active a, ul.list_level li.active a {
          color: Black;
            background: #F2B41A;
         background-image: url('../../image/navi_icons/haus_over.gif');
         background-repeat:no-repeat; 
         background-position: 5px;
}


/* ======================================================================
   <div class="nlu_navi1">{ NAV_LIST_UL:F,0,,act_path,active }</div>
========================================================================= */
   
.nlu_navi1 {
   margin: 0;
   margin-top:25px;
   margin-left:10px;
   margin-bottom:10px;
   padding: 0;
   border: 0;
   text-decoration: none;
   font-size:11px;
   width: 80px;  /* ++ Breite der Navigation*/
}

.nlu_navi1 em { font-style: normal; }

.nlu_navi1 ul {
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   width: 80px;  /* ++ Breite der Navigation */
}

.nlu_navi1 ul li { position: relative; margin-bottom:15px;}


/* ==== LEVEL X ================================================= */

/* ====  einfacher Link <a> ==== */
.nlu_navi1 ul li a,
.nlu_navi1 ul li a:link,
.nlu_navi1 ul li a:visited,
.nlu_navi1 ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: white;
   
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background: url(../../image/navi_icons/link_white.gif) 0px 3px no-repeat;

   /* ++ Text justieren 1px oben und 25px von links  */
   padding: 0px 0 0 12px;

   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   \width: 80px;  /* IE5x Opera <= 5 */
   widt\h: 80px;  /* = (Width of Menu Items) - (padding-right + padding-left) */
}

/* ====  Aktiv, wenn ein Sublevel vorhanden ist ==== */
.nlu_navi1 ul li.sub_ul_true a,
.nlu_navi1 ul li.sub_ul_true a:link,
.nlu_navi1 ul li.sub_ul_true a:visited,
.nlu_navi1 ul li.sub_ul_true a:active {
   color: white;
}

/* ====  Aktiver Pfad - Linkverfolgung im Baum ==== */
.nlu_navi1 ul li.act_path a,
.nlu_navi1 ul li.act_path a:link,
.nlu_navi1 ul li.act_path a:visited,
.nlu_navi1 ul li.act_path a:active {
   color: white;
}

/* ====  active link ==== */
.nlu_navi1 ul li.active a,
.nlu_navi1 ul li.active a:link,
.nlu_navi1 ul li.active a:visited,
.nlu_navi1 ul li.active a:active {
   color: black;
   font-weight: normal;
   background: url(../../image/navi_icons/link_white.gif) 0px 3px no-repeat;
}

/* ====  hover: Maus über Link ==== */
.nlu_navi1 ul li a:hover {
   color: black;
   background: url(../../image/navi_icons/link_black.gif) 0px 3px no-repeat;
}
.nlu_navi1 ul li.sub_no a:hover {
   color: black;

}
.nlu_navi1 ul li.sub_ul a:hover {
   color: black;
   bbackground: url(../../image/navi_icons/link_black.gif) 0px 3px no-repeat;
}
/* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */
.nlu_navi1 ul li.sub_ul_true a:hover {
   color: black;
   background: url(../../image/navi_icons/link_black.gif) 0px 3px no-repeat;
}

/* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */
.nlu_navi1 ul li.active a:hover {

}


/* ==== LEVEL X+1 =============================================== */

.nlu_navi1 ul ul li.sub_no a,
.nlu_navi1 ul ul li.sub_no a:link,
.nlu_navi1 ul ul li.sub_no a:visited,
.nlu_navi1 ul ul li.sub_no a:active,
.nlu_navi1 ul ul li.sub_ul a,
.nlu_navi1 ul ul li.sub_ul a:link,
.nlu_navi1 ul ul li.sub_ul a:visited,
.nlu_navi1 ul ul li.sub_ul a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: black;
   background: url(../../pic/link_blue_8x8.gif) 9px 5px no-repeat;
   padding: 0px 0 0 25px;
   \width: 150px;  /* IE5x Opera <= 5 */
   widt\h: 150px;  /* = (Width of Menu Items) - (padding-right + left) */
}

/* state for the active point if there is a sub_level */
.nlu_navi1 ul ul li.sub_ul_true a,
.nlu_navi1 ul ul li.sub_ul_true a:link,
.nlu_navi1 ul ul li.sub_ul_true a:visited,
.nlu_navi1 ul ul li.sub_ul_true a:active {
   color: black;
   font-weight: normal;

}

/* state for the active path (link tracing) */
.nlu_navi1 ul ul li.act_path a,
.nlu_navi1 ul ul li.act_path a:link,
.nlu_navi1 ul ul li.act_path a:visited,
.nlu_navi1 ul ul li.act_path a:active {
   color: black;
   font-weight: normal;
}


/* state for the active link */
.nlu_navi1 ul ul li.active a,
.nlu_navi1 ul ul li.active a:link,
.nlu_navi1 ul ul li.active a:visited,
.nlu_navi1 ul ul li.active a:active {
   color: red;
   font-weight: normal;
   background: url(../../pic/link_red_8x8.gif) 9px 5px no-repeat;
}


.nlu_navi1 ul ul li a:hover {
   color: red;
   background: url(../../pic/link_red_8x8.gif) 12px 5px no-repeat;
}
.nlu_navi1 ul ul li.sub_no a:hover {
   color: red;
   background: url(../../pic/link_red_8x8.gif) 12px 5px no-repeat;

}
.nlu_navi1 ul ul li.sub_ul a:hover {
   color: White;
   background: url(../../pic/link_red_8x8.gif) 12px 5px no-repeat;
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul li.sub_ul_true a:hover {
   color: White;
   background: url(../../pic/link_red_8x8.gif) 6px 1px no-repeat;
}

/* Only for the active link */
.nlu_navi1 ul ul li.active a:hover {

}

   
/*==== END LEVEL X ============================================= */

/* Holly Hack. IE Requirement \*/
* html .nlu_navi1 ul li { float: left; height: 1%; }
* html .nlu_navi1 ul li a { height: 1%; }

/* ==== End  nlu_navi1 ========================================= */ 

/* ==== LINKS ================================================== */

#trailer A:link, #trailer A:visited, #trailer A:hover {
         color: #F2B41A;
         TEXT-DECORATION: none;
         padding-left: 14px;
         padding-right: 3px;
         background: url('../../image/navi_icons/catering_link.gif') 5px 3px no-repeat;
         background-color:transparent;
}

#trailer A:hover {
        color:white;
         background: url('../../image/navi_icons/link_white.gif') 5px 3px no-repeat;
         background-color:transparent;
}

#footer A:link, #footer A:visited, #footer A:hover {
         color: white;
         TEXT-DECORATION: none;
         padding-left: 14px;
         padding-right: 3px;
         background: url('../../image/navi_icons/catering_link.gif') 5px 3px no-repeat;
         background-color:transparent;
}

#footer A:hover {
        color: #F2B41A;
         background: url('../../image/navi_icons/link_white.gif') 5px 3px no-repeat;
         background-color:transparent;
}

#content A:link, #content A:visited, #content A:hover {
         color: #F2B41A;
         TEXT-DECORATION: none;
         padding-left: 14px;
         padding-right: 3px;
         background: url('../../image/navi_icons/catering_link.gif') 5px 3px no-repeat;
         background-color:transparent;
}

#content A:hover {
        color:white;
         background: url('../../image/navi_icons/link_white.gif') 5px 3px no-repeat;
         background-color:transparent;
}