div#navigation {
    background-color: transparent;
    margin-left: 5px;
    vertical-align: bottom;
    position: relative;
}

div#navigation div {
    background-color: transparent;
    float: left;
    margin-right: 8px;
    width: 84px;
    margin-bottom: -8px;
    z-index: 900;
    position: relative;
}

div#navigation div a img {
    display:none;
    visibility: hidden;
}

div#navigation div a {
    position: relative;
    display: block;
    width: 84px;
    height: 98px;
    float: left;
    z-index: 900;

}

div#navigation div a:hover {
    bottom:-8px;
    display:block;
    height:124px;
    margin-top:-18px;
    position:relative;
    width:84px;
}

div#navigation div .active {
    bottom:-8px;
    display:block;
    height:124px;
    margin-top:-18px;
    position:relative;
    width:84px;
}


div#navigation #tab01 a {
    background: transparent url(../images/kleiner_reiter_willkommen.png) scroll no-repeat bottom center;
}

div#navigation #tab01 a:hover {
    background: transparent url(../images/grosser_reiter_willkommen.png) scroll no-repeat bottom center;
}

div#navigation #tab01 .active {
    background: transparent url(../images/grosser_reiter_willkommen.png) scroll no-repeat bottom center;
}

div#navigation #tab02 a {
    background: transparent url(../images/kleiner_reiter_gartenexperte.png) scroll no-repeat bottom center;
}

div#navigation #tab02 a:hover {
    background: transparent url(../images/grosser_reiter_gartenexperte.png) scroll no-repeat bottom center;
}

div#navigation #tab02 .active {
    background: transparent url(../images/grosser_reiter_gartenexperte.png) scroll no-repeat bottom center;
}

div#navigation #tab03 a {
    background: transparent url(../images/kleiner_reiter_fotowettbewe.png) scroll no-repeat bottom center;
}

div#navigation #tab03 a:hover {
    background: transparent url(../images/grosser_reiter_fotowettbewe.png) scroll no-repeat bottom center;
}

div#navigation #tab03 .active {
    background: transparent url(../images/grosser_reiter_fotowettbewe.png) scroll no-repeat bottom center;
}

div#navigation #tab04 a {
    background: transparent url(../images/kleiner_reiter_tipp.png) scroll no-repeat bottom center;
}

div#navigation #tab04 a:hover {
    background: transparent url(../images/grosser_reiter_tipp.png) scroll no-repeat bottom center;
}

div#navigation #tab04 .active {
    background: transparent url(../images/grosser_reiter_tipp.png) scroll no-repeat bottom center;
}

div#navigation #tab05 a{
    background: transparent url(../images/kleiner_reiter_gartenjahr.png) scroll no-repeat bottom center;
}

div#navigation #tab05 a:hover {
    background: transparent url(../images/grosser_reiter_gartenjahr.png) scroll no-repeat bottom center;
}

div#navigation #tab05 .active {
    background: transparent url(../images/grosser_reiter_gartenjahr.png) scroll no-repeat bottom center;
}

div#navigation #tab06 a{
    background: transparent url(../images/kleiner_reiter_newsletter.png) scroll no-repeat bottom center;
}

div#navigation #tab06 a:hover {
    background: transparent url(../images/grosser_reiter_newsletter.png) scroll no-repeat bottom center;
}

div#navigation #tab06 .active {
    background: transparent url(../images/grosser_reiter_newsletter.png) scroll no-repeat bottom center;
}
div#navigation #tab07 a {
    background: transparent url(../images/kleiner_reiter_fanshop.png) scroll no-repeat bottom center;
}

div#navigation #tab07 a:hover {
    background: transparent url(../images/grosser_reiter_fanshop.png) scroll no-repeat bottom center;
}

div#navigation #tab07 .active {
    background: transparent url(../images/grosser_reiter_fanshop.png) scroll no-repeat bottom center;
}


div#navigation #tabnull a{
    background: transparent url(../images/leer.gif) scroll no-repeat bottom center;
    cursor: default;
    visibility: hidden;
}

div#navigation #tabnull a:hover {
    background: transparent url(../images/leer.gif) scroll no-repeat bottom center;
}

div#navigation #tabnull .active {
    background: transparent url(../images/leer.gif) scroll no-repeat bottom center;
}

div#navigation div#banner-navi {
    width: 414px;
    margin-right: 0px;
    margin-left: 4px;
}

div#navigation #banner-navi a{
    background: transparent url(../images/banner.gif) scroll no-repeat 10px 13px;
}

div#navigation #banner-navi a:hover {
    background: transparent url(../images/banner.gif) scroll no-repeat 10px 13px;
}

div#navigation #banner-navi .active {
    background: transparent url(../images/banner.gif) scroll no-repeat 10px 13px;
    width: 414px;
}