#navcontainer { float:left; width:126px; font-size:12px; margin:0 1px; padding:37px 0 0 0; }

#search       { margin: 0 8px; }
#searchfield  { width:81px; font-size:12px; border:1px solid #666; }
#submit       { background:#e8e8e8; color:#000; border:1px solid #b2b2b2; width:32px; }

#navlist      { margin-top:37px; width:126px; }
#navlist ul   { list-style-type:none; margin:-13px 0 0 0; padding:0; }
#navlist li   { display:inline; }

/* ---------- level 1 ---------- */
#navlist a  { color:#333; display:block; font-weight:bold;
              margin:9px 0 0 6px; padding:1px 0 1px 4px; text-decoration:none; width:110px; }
#navlist li.act a  { width:109px; }
#navlist li.open a { width:109px; }

/* ---------- level 2 ---------- */
#navlist ul li ul           { font-size:12px; margin:0 0 0 -5px; }
#navlist ul li.act ul li a  { margin:0 0 2px 15px; padding-left:10px; width:100px; }

#navlist ul li.open ul li a { margin:0 0 2px 15px; padding-left:10px; width:100px; }

#navlist ul li.open ul li.act a { background:url("../images/navlist-lvl2-bg.gif") no-repeat top left; border:none;
                                  margin:0 0 2px 15px; padding-left:10px; width:100px; }

/* ---------- level 3 ---------- */
#navlist ul li ul li ul { font-size:11px; padding-top:0px; }

#navlist ul li.open ul li.act ul li a {
                              background:url("../images/navlist-lvl2-bg.gif") no-repeat top left; border:none;
                              margin:0 0 3px 39px; width:83px; color:#ffffff; }

#navlist ul li.open ul li.open ul li a {
                              background:url("../images/navlist-lvl2-bg.gif") no-repeat top left; border:none;
                              margin:0 0 3px 39px; width:83px; color:#ffffff; }

#navlist ul li.open ul li.open ul li.act a {
                              background:url("../images/navlist-lvl2-bg.gif") no-repeat top left; border:none;
                              margin:0 0 3px 39px; width:83px; color:#ffff00; }

/* ---------- level 4 ---------- */
#navlist ul li.open ul li.open ul li.act ul li a {
                               background:url("../images/navlist-lvl2-bg.gif") no-repeat top left; border:none;
                               margin:0 0 3px 55px; width:73px; color:#ffffff; }

#navlist ul li.open ul li.open ul li.open ul li a {
                               background:url("../images/navlist-lvl2-bg.gif") no-repeat top left;  border:none;
                               margin:0 0 3px 55px; width:73px; color:#ffffff; }

#navlist ul li.open ul li.open ul li.open ul li.act a {
                               background:url("../images/navlist-lvl2-bg.gif") no-repeat top left; border:none;
                               margin:0 0 3px 55px; width:73px; color:#ffff00; }

/* ----------------------------------------------------------------- */
#navlist ul li#navShop a  { background:url("../images/balloon-art-shop.jpg") no-repeat left; height:65px; padding:0;
                            position:absolute; top:9px; right:26px; width:96px; }
#navlist ul li#navShop a span { display:none; }


#navPrint   { border:none; margin:-13px 0 0 0; padding-left:10px; }
#navPrint a { font-size:13px; color:#ff6201; width:70px; }


/* ----------------------------------------------------------------- */
/* -------------------- Obere Navigation (quer) -------------------- */
/* ----------------------------------------------------------------- */
#nav-oben-quer   { margin:0; width:513px; font-weight:bold; }
#nav-oben-quer a {
    display:block; float:left; width:102px; text-align:center;
    border-left: 1px solid #999;
    text-decoration:none;
}
#nav-oben-quer a.first { border-left:0px; width:92px; text-align:left; padding-left:10px; }
#nav-oben-quer a.last  { width:101px; }

#nav-oben-quer a:link, #nav-oben-quer a:visited { color:#f0f0f0; }
#nav-oben-quer a:hover, #nav-oben-quer a:active { background-color: #999; color:#333; }


/* ----------------------------------------------------------------- */
/* -------------------- Untere Navigation (quer) ------------------- */
/* ----------------------------------------------------------------- */
#nav-quer-unten    { margin:0; width:100%; }
#nav-quer-unten ul { margin:0; padding:0; }

#nav-quer-unten li { float:left;  list-style-type:none;
                     margin:0; padding:0; white-space: nowrap;
}

#nav-quer-unten a       { padding: 0 0 0 26px; text-decoration: none; }
#nav-quer-unten a.first { padding-left:1px; }

#nav-quer-unten a:link, #nav-quer-unten a:visited { color:#000; }
#nav-quer-unten a:hover, #nav-quer-unten a:active { color:#666; }
