div#head ul
{
    list-style:         none;
    font-family:        Verdana,Arial,sans-serif;
    font-size:          7pt;
}



/* --- styles for standard navigation --- */


div#head ul#stdnav li
{
    display:            block;
    float:              left;
    margin-right:       10px;
}

div#head ul#stdnav li a
{
    color:              #000;
    display:            block;
    float:              left; /* for IE6 */
    height:             15px;
    line-height:        14px;
    text-decoration:    none;
}

div#head ul#stdnav li#link_en,
div#head ul#stdnav li#link_de
{
    margin-right:       20px;
}

div#head ul#stdnav li#link_en a
{
    background:         url(../img/flag_en.gif) left top no-repeat;
    padding-left:       24px;
}

div#head ul#stdnav li#link_de a
{
    background:         url(../img/flag_de.gif) left top no-repeat;
    padding-left:       24px;
}

div#head ul#stdnav li a:hover
{
    text-decoration:    underline;
}



/* --- styles for main navigation --- */


div#head ul#mainnav li
{
    display:            block;
    float:              left;
    text-align:         center;
    position:           relative;
}

div#head ul#mainnav li a
{
    color:              #959595;
    text-decoration:    none;
    display:            block;
    width:              90px;
    height:             19px;
    padding-top:        11px;
    background-image:   url(../img/bg_mainnav_li.gif);
    /*white-space:        nowrap;*/
}

div#head ul#mainnav li a:hover
{
    color:              #035da5;
}

div#head ul#mainnav li ul.lv2
{
    position:           absolute;
    top:                28px;
    left:               -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    width:              145px;
    font-size:          6.5pt; /* not sure if there is a difference to 7pt ... */
}

div#head ul#mainnav li ul.lv2 li
{
    float:              none;
    text-align:         left;
    width:              133px;
    background-color:   #fff;
    padding:            1px 5px;
    border-left:        1px solid #d5d5d5;
    border-right:       1px solid #d5d5d5;
}

div#head ul#mainnav li ul.lv2 li.layerborder_top,
div#head ul#mainnav li ul.lv2 li.layerborder_bottom
{
    width:              145px;
    padding:            0;
    border:             0 none;
    font-size:          1px; /* for IE6 */
    line-height:        1px; /* for IE6 */
}

div#head ul#mainnav li ul.lv2 li.layerborder_top
{
    height:             5px;
    background:         transparent url(../img/bg_navlayer_top.gif) top left no-repeat;
}

div#head ul#mainnav li ul.lv2 li.layerborder_bottom
{
    height:             6px;
    background:         transparent url(../img/bg_navlayer_bottom.gif) bottom left no-repeat;
}

div#head ul#mainnav li ul.lv2 li a
{
    background-image:   none;
    width:              133px;
    height:             auto;
    padding-top:        0;
}

div#head ul#mainnav li:hover,
div#head ul#mainnav li.sfhover
{ 
    z-index:            1000; /* z-index at this element necessary because of IE6 z-index-bug! */
    height:             auto; /* fixes the IE7 "suckerfish bug" - thx to Kamran Ayub, http://blog.lib.umn.edu/ayubx003/dividebyzero/2008/08/20/fix_suckerfish_ie7_disappearst.html */ 
}

div#head ul#mainnav li:hover ul.lv2,
div#head ul#mainnav li.sfhover ul.lv2
{ 
    left:               1px;
}


/* --- styles for breadcrumb navigation --- */


div#breadcrumb
{
    font-size:          8pt;
    color:              #082557;
}

div#breadcrumb a
{
    font-family:        Arial,sans-serif;
    color:              #082557;
}

div#breadcrumb a:hover
{
    color:              #035da5;
}