/* > HEADER */

.nav--header-top
{
    z-index: 110;
    position: relative;
}

#HEADER__SLOGAN_LOGO
{
    width: 600px;
    position:absolute;
    top:20px;
    left:100px;
    text-align: center;
    /* http://www.the-art-of-web.com/css/css-animation/ */
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    z-index: 100;
}

#HEADER__LOGO
{
    width: 120px;
    height: auto;

    /* http://www.the-art-of-web.com/css/css-animation/ */
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;


}

#HEADER__SLOGAN_LOGO:hover #HEADER__LOGO
{
    /* http://www.the-art-of-web.com/css/css-animation/ */

    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    transform:rotateY(360deg);
}

#HEADER__SLOGAN
{
    margin-top: -40px;
    width: 600px;
    height: auto;
}

@media all and (min-width: 960px)
{
    #HEADER__SLOGAN_LOGO
    {
        width: 100%;
        left: 0px;
    }
}



/* > MENU / NAV ############################################################### */

.nav--header-top,
.nav--header,
.nav--footer,
.nav--footer-bottom
{
    margin: 10px;
}

.nav--header-top
{
    text-align: left;
}

.nav > a, .nav > a *
{
    font-size: 16px;
}

.nav > a.link, .nav > a.link *,
.nav > a.btn--small, .nav > a.btn--small *
{
    font-size: 12px;
}


.nav > a
{
    display:-moz-inline-stack;    display:inline-block;    zoom:1;    *display:inline;  vertical-align: top;
    padding: 5px 15px;
    margin: 2px 5px;
    color: #666666;
}

.nav > a:hover, .nav > a.active, .nav > a:hover *, .nav > a .active *
{
    color: #267B21 ;
}



.nav > a.btn--emphasis, .nav > a.btn--emphasis *,
.nav > a.btn--emphasis:hover, .nav > a.btn--emphasis:hover *,
.nav > a.btn--emphasis.active, .nav > a.btn--emphasis.active *
{
    color: white;
    font-weight: normal;
}



.nav > a:hover, .nav > a.active, .nav > a:hover *, .nav > a.active *
{
    color: #267B21 ;
}


.nav--header a.btn, .nav--header-top a.btn
{
    -webkit-box-shadow:  0px -2px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px -2px 3px 0px rgba(0, 0, 0, 0.4);
}


/* > MENU OBEN*/
.nav--header-top
{
    padding-top: 12px;
}

.nav--header a.btn--emphasis
{
    margin-top: 6px;
    z-index: 10;
    margin-left: -7px;
    margin-right: -7px;
    position: relative;
}