/* Begin Navigation Global */
div#navigation ul {
    list-style: none;
    width: 129px;
}
/* End Navigation Global */



/* Bein Navigation Typographie & Colors */
div#navigation ul li a.level1, div#navigation ul li a.level2 {
    font-size: 1.1em;
    font-family: arial, verdana, tahoma, sans-serif;
    text-decoration: none;
}

div#navigation ul li a.level1 {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.05em;
    background-color: #999;
}

div#navigation ul li a.level1:hover, div#navigation ul li a.level1.active {
    background-color: #A42235;
}

div#navigation ul li a.level2 {
    text-transform: capitalize;
    color: #333;
    background-color: #ccc;
}

div#navigation ul li a.level2.active, div#navigation ul li a.level2:hover {
    color: #fff;
    background-color: #a42235;
}

div#navigation ul li a.level2.active {
    background-image: url('../images/navigation/level2-arrow.png');
    background-repeat: no-repeat;
    background-position: 119px;
}
/* Bein Navigation Typographie & Colors */



/* Begin Navigation Level 1 */
div#navigation ul li.level1 {
    margin-top: 10px;
    float: left;
    width: 129px;
}

div#navigation ul li a.level1 {
    width: 78px;
    height: 44px;
    display: block;
    float: left;
}

div#navigation ul li.level1 div.link {
    width: 78px;
    height: 44px;
    float: right;
}

div#navigation ul li.level1 div.image {
    width: 44px;
    height: 44px;
    float: left;
    /*overflow: hidden;*/
}
/* End Navigation Level 1 */



/* Begin Navigation Level 2 */
div#navigation ul li.level2 {
    margin-top: 4px;
    width: 129px;
    float: left;
}

div#navigation ul li a.level2 {
    padding: 2px 12px 2px 3px;
    width: 114px;
    display: block;
}
/* End Navigation Level 2 */