/*
----------------------------------------------------------------
Viba sweets Navigation CSS
Authors:  Danny Otto / Frank Matuse qwamone agency network
Version:  21. Oct 2005 DE
---------------------------------------------------------------- */

#navitop {
    position: absolute;
    z-index: 5;
    width: 700px;
    height: 32px;
    top: 115px;
    left: 80px;
    font-size: 0.8em;
}


/* Defining english Main-Topic-Buttons
---------------------------------------------------------------- */

/* Produkte */
#navitop .t1 {
    width: 76px;
    background: url(../../img/es/navi_produkte.gif) 0px 0px no-repeat;
}

/* Shopping */
/* it's deactivated */
#navitop .tx {
    width: 78px;
    background: url(../../img/es/navi_shopping.gif) 0px 0px no-repeat;
}

/* Specials */
#navitop .t2 {
    width: 78px;
    background: url(../../img/es/navi_specials.gif) 0px 0px no-repeat;
}

/* Viba Aktiv */
/* it's deactivated */
#navitop .tx {
    width: 84px;
    background: url(../../img/es/navi_viba_aktiv.gif) 0px 0px no-repeat;
}

/* Handel / Presse */
#navitop .t3 {
    width: 136px;
    background: url(../../img/es/navi_handel_presse.gif) 0px 0px no-repeat;
}

/* Über Viba sweets */
#navitop .t4 {
    width: 150px;
    background: url(../../img/es/navi_viba_sweets.gif) 0px 0px no-repeat;
}

#navitop a {
    display: block;
    float: left;
    color: #f52472;
    height: 32px;
    border-bottom: none;
    text-decoration: none;
}

#navitop a span {
    display: none;
    border-bottom: none;
}

#navitop a:hover {
    background-position: 0px -66px;
    border-bottom: none;
}

#navitop a.hover {
    background-position: 0px -66px;
    border-bottom: none;
}

#navitop a.active {
    background-position: 0px -32px;
    border-bottom: none;
}

#navitop .navisub a {
    /* display: inline; */
    color: #f52472;
    height: auto;
}

#navitop .navisub a:hover  {
    /* display: inline; */
    color: #660033;
    height: auto;
}

#navitop .navisub a.active {
    /* display: inline; */
    height: auto;
    color: #660033;
}

#navitop ul {
    list-style-type: none;
}

#navitop ul li {
    display: inline;
    float: left;
}

#navitop ul ul {
    display: none;
    clear: both;
    width: 690px;
    padding-left: 20px;
}

#navitop ul ul li {
    padding-right: 10px;
}

#navitop ul ul ul {
    display: none;
    padding-left: 40px;
}

#s1, #s2, #s3, #s4, #s5, #s6 {
    position: absolute;
    top: 30px;
    left: 0px;
}

#su1, #su2, #su3 {
    position: absolute;
    top: 24px;
    left: 0px;
}

.su_x {
    position: absolute;
    top: 24px;
    left: 0px;
}

#footer {
    position: fixed;
    z-index: 10;
    overflow: hidden;
    width: 780px;
    height: 26px;
    bottom: 0px;
    left: 0px;
    background: url(../../img/footer_back.gif) 0px 0px repeat-x;
}

#footer .navi {
    float: left;
    padding: 5px 0px 0px 80px;
}

#footer .navi form {
    display: inline;
}

#footer .navi form input.inp {
    width: 80px;
    height: 14px;
    color: #f52472;
    font-size: 9px;
    border: 1px #bd0047 solid;
    background-color: #fef5f9;
}

#footer .navi form input.sub {
    padding-top: 2px;
    vertical-align: middle;
}

#footer .lang {
    float: right;
    width: 190px;
    height: 26px;
    padding: 5px 0px 0px 10px;
    background: url(../../img/footer_lang_back.gif) 0px 0px repeat-x;
}

#footer a {
    color: #f52472;
    font-size: 0.8em;
    text-decoration: none;
    margin-left: 10px;
    border-bottom: none;
}

#footer a:hover {
    color: #660033;
    border-bottom: none;
}