/*
 * FREMO-NET
 * Copyright 2008, 2009 Knut Habicht, Valentin Funk
 *
 * Main stylesheets for all the menues.
 *
 * The main divisor is 8 (px).
 */

/*
 * Main navigation.
 */

.navigation {
    margin-top: 16px;
}

.navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}

/* All levels, general */

.navigation ul li {
}

.navigation a {
    display: block;

    margin: 0 0 1px 0;

    color: white;
    background-color: #355cb9;

    text-decoration: none;
}

.navigation a:link, .navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:focus, .navigation a.active:hover, .navigation a.active:focus {
    background-image: url(../Images/navigation_active_right.png);
    background-position: 4px 10px;
    background-repeat: no-repeat;
    text-decoration: none;
}

/* First level */

.navigation ul li a {
    padding: 6px 6px 6px 12px;
}

/* Second level */

.navigation ul li ul li a {
    padding: 6px 6px 6px 24px;
}

/* Third level */

.navigation ul li ul li ul li a {
    padding: 6px 6px 6px 36px;
}

/* Forth level */

.navigation ul li ul li ul li ul li a {
    padding: 6px 6px 6px 48px;
}

/* Fifth level */

.navigation ul li ul li ul li ul li ul li a {
    padding: 6px 6px 6px 60px;
}

/* Sixth level */

.navigation ul li ul li ul li ul li ul li ul li a {
    padding: 6px 6px 6px 72px;
}

/* Active */

.navigation a.active {
    background-image: url(../Images/navigation_active_down.png);
    background-position: 3px 10px;
    background-repeat: no-repeat;
    text-decoration: none;
}

/* Current (active) */

.navigation a.current {
    background-color: #629ae4;
    background-image: url(../Images/navigation_active_right.png);
    background-position: 4px 10px;
    background-repeat: no-repeat;
    text-decoration: none;
}

/*
 * ******************************************
 * Sub navigation.
 * ******************************************
 */

.subnavigation {
    margin-top: 4px;
    margin-left: 4px;
    float: right;
    border:1px solid #888;
    border-radius: 10px;
}

.subnavigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}

/* All levels, general */
.subnavigation ul li {
    list-style-type: none;
}

.subnavigation a {
    display:block;
    margin: 5px 5px 5px 5px;
    color:cornflowerblue;
    background-color:aliceblue;
    text-decoration: none;
}

.subnavigation a:link, .navigation a:visited {
    text-decoration: none;
}

.subnavigation a:hover, .navigation a:focus, .navigation a.active:hover, .navigation a.active:focus {
    background-position: 4px 10px;
    background-repeat: no-repeat;
    text-decoration: none;
}

/* First level */
.subnavigation ul li a {
    padding: 6px 6px 6px 12px;
}

/* Second level */
.subnavigation ul li ul li a {
    padding: 6px 6px 6px 24px;
}

/* Third level */
.subnavigation ul li ul li ul li a {
    padding: 6px 6px 6px 36px;
}

/* Forth level */
.subnavigation ul li ul li ul li ul li a {
    padding: 6px 6px 6px 48px;
}

/* Fifth level */
.subnavigation ul li ul li ul li ul li ul li a {
    padding: 6px 6px 6px 60px;
}

/* Sixth level */
.subnavigation ul li ul li ul li ul li ul li ul li a {
    padding: 6px 6px 6px 72px;
}

    /* Active */

    .subnavigation a.active {
        color:blue;
        background-position: 3px 10px;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    /* Current (active) */

    .subnavigation a.current {
        color: blue;
        background-position: 4px 10px;
        background-repeat: no-repeat;
        text-decoration: none;
    }



/*
 * Meta menu.
 */

#menu-meta {
    clear: left;
}

#menu-board {
    clear: left;
}


/*
 * Navigation for the languages.
 */

#menu-languages ul {
    height: 22px;

    margin: 0;
    padding: 0;

    font-size: 11px;
    line-height: 16px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 900;

    list-style-type: none;

    color: #888;
}

#menu-languages ul li {
    float: left;

    width: 19px;
    height: 18px;

    margin: 1px;
    border: 1px #888 solid;

    text-align: center;
}

#menu-languages ul li.active {
    color: #000;
}

#menu-languages ul li a {
    text-decoration: none;
    color: #355cb9;
}

#menu-languages ul li a:link, #menu-languages ul li a:visited {
    color: #355cb9;
    text-decoration: none;
}

#menu-languages ul li a:hover, #menu-languages ul li a:focus, #menu-languages ul li a:active {
    color: #000;
    text-decoration: none;
}



/*
 * Breadcrumb menu.
 */

#menu-breadcrumb ul {
    margin: 0;
    padding: 0;

    line-height: 18px;

    list-style-type: none;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    background-color: #dcdcdc;
    color: #355cb9;
}

#menu-breadcrumb ul li {
    float: left;
    padding: 0 4px 0 8px;
    margin: 0;

    background-image: url(../Images/breadcrumb_right.png);
    background-position: 1px 7px;
    background-repeat: no-repeat;
}

    #menu-breadcrumb ul li.first {  
    }

#menu-breadcrumb ul li a {
    text-decoration: none;
    color: #355cb9;
}

#menu-breadcrumb ul li a:link, #menu-breadcrumb ul li a:visited {
    text-decoration: none;
    color: #355cb9;
}

#menu-breadcrumb ul li a:hover, #menu-breadcrumb ul li a:focus {
    text-decoration: underline;
    color: #355cb9;
}