a, a.aktiv, a:hover {
color: #005aab;
}

#links a,
#links a.aktiv,
#links a:hover {
color: #005aab;
}




.quicklinks {
background-image: url(bilder/log_in_freiburg_11.jpg);
background-repeat: no-repeat;
color: #ffffff;
}


.quicklinks ul {
margin:0;
padding-left:0;
list-style-type: none;
color: #ffffff;
}

.quicklinks li a {
display: block;
line-height: 20px;
width: 198px;
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-size: 13px;
color: #ffffff;
text-decoration: none;
}

.quicklinks li a:hover,
.quick_act {
width: 198px;
color: #595656 !important;
background-color: #fff200;
}



.quicklinks li span
{
margin-left: 30px;
display: block;
}







/* ----------------- HAUPTMENU DROPDOWN ANFANG--------------- */

.menu {

height: 31px;
position: relative;
z-index: 100;
font-family: arial, sans-serif;
margin: 0px 0px 0px 5px;
}

/*---------------------- hack to correct IE5.5 faulty box model---------------------- */
* html .menu {
width:746px; w\idth:745px;
}
/*-------------------- remove all the bullets, borders and padding from the default list styling---------------------- */

.menu ul {
padding:0;
margin:0;
list-style-type: none;
}

.menu ul ul {
width:149px;
}

/*------------------------ float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon------------------- */
.menu li {
float: left;
position: relative;

}

.menu li ul li  {
border:none
}

.menu li a {
        padding-left:22px;
        padding-right:22px;
        font-weight: bold;
       /* border-left:10px solid #cccccc;*/
       background: url(menue_rahmen.jpg) no-repeat left center;

}

.menu li.last a {
       background: url(menue_rahmen.jpg) no-repeat right center;

}
.menu li.last {
       background: url(menue_rahmen.jpg) no-repeat left center;

}

.menu li a:hover {

       /* border-left:10px solid #cccccc;*/
       background: url(menue_rahmen_hover.jpg) no-repeat left top;

}


.menu a:hover, .menu ul ul a:hover{background: url(menue_rahmen_hover.jpg) no-repeat left top;}
.menu :hover > a, .menu ul ul :hover > a {background: url(menue_rahmen_hover.jpg) no-repeat left top;}

.menu a:hover, .menu ul ul a:hover{background: url(menue_rahmen_hover.jpg) no-repeat right top;}
.menu .last:hover > a, .menu ul ul :hover > a {background: url(menue_rahmen_hover_last.jpg) no-repeat right top;}


/*--------------- hauptnavigation 1. ebene ------------*/

.menu a, .menu a:visited {
display: block;
font-size: 13px;
text-decoration: none;
/*---Schriftfarbe 1. Ebene---*/
color: #8b959e;
line-height: 31px;
fon-size:13px;
text-align: left;
}


/*------------------ a hack so that IE5.5 faulty box model is corrected-------------------- */
* html .menu a, * html .menu a:visited {
width:149px;
w\idth:138px;
}

/* ----------------------style the second level background------Generelle Hintergrundfarbe Dropdown 2. Ebene--------- */

.menu ul ul a.drop {
        color: #69696b;
        border-top: 1px none #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        font-weight: normal;
      background-color: #ffffff;

}

.menu ul ul a.drop:visited {
        color: #69696b;
        border-top: 1px none #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        font-weight: normal;

}




/*--------------- style the second level hover----OK ----------------- */

.menu ul ul a.drop:hover {


}


.menu ul ul :hover > a.drop {

/*---Hintergrundfarbe Mouseover 2. Ebene---*/

color:#ffffff;
}

/* ---------------------style the third level background----------------- */

.menu ul ul ul a, .menu ul ul ul a:visited {

}

/*------------------ style the third level hover ------------------------*/

.menu ul ul ul a:hover {
}


/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 31px;
left: 0;
width: 180px;
border-top: 0px;
solid #000;
}


/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}




/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
color:#8b959e;
height:auto;
line-height:1em;
margin-left: 12px;
padding:5px 10px;
width:140px;
border:none;
background-color: #ffffff;
}






/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */


/* +++++ 1. Menü-Ebene Mouse-Over +++++ */
.menu a:hover {
color: #69696b;
background-color: #ffffff;
}







/* +++++ Dropdown Mouse-Over +++++ */

.menu ul ul a:hover {
color: #69696b;
background: #005aab;
}

.menu :hover > a,
color: #69696b;
background: #005aab;
}

.menu ul ul :hover > a {
color: #69696b;
background: #005aab;
}





/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* make the second level visible when hover on first level list OR link */
.menu li ul{padding:0px 30px 30px 0px;}
.menu :hover ul{height:auto; padding:3px 30px 30px 30px; background:transparent url(tab/sub_top_left.gif) 30px 0 no-repeat; left:-30px;}
.menu li.last:hover ul{visibility:visible; height:auto; padding:3px 30px 30px 30px; background:transparent url(tab/sub_top_left.gif) 30px 0 no-repeat; left:-159px;}

/* ----------------- FUSSNAVIGATION 2---ENDE--------------- */

/* ----------------- HAUPTMENU DROPDOWN ENDE--------------- */




/* ----------------- SUBMENU ANFANG--------------- */


.navi_left {
           height:auto !important;  /* für moderne Browser */
}

.navi_left ul {

padding:0;
margin-left: 10px;

}

.submenue a {
font-size: 11px;
text-decoration: none;
color: #69696b;
font-family: verdana, arial, sans-serif;
}



/* +++++ Linkes Menu 1. Ebene Mouse-Over +++++ */

.submenue2 li:hover {
background-color: #fff200;
}

.submenue2 li:activ {
background-color: #fff200;
}




.submenue3 {
width: 235px;
background-color: #8e9fa8;
}


.submenue3 ul li a {
        padding-left:10px;
}




/* -- Armin */
#navi_left li {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#navi_left a {
font-size: 11px;
text-decoration: none;
color: #69696b;
font-family: verdana, arial, sans-serif;
display:block;
padding: 2px 0 2px 0;
}

#navi_left ul {
        margin: 0px;
        padding: 0px;
}


/* -------------------------- Breite Menü Links ---------------------------- */

#navi_left ul li {
        width:235px;


}
#navi_left ul li.act {
        background: #9babb3;

}
#navi_left ul li a {
        padding-left:36px;

}


/* --- Abstand Links 3. Ebene -- */

#navi_left ul li li a{
        padding-left:46px;
}

/* --- Abstand Links 4. Ebene -- */

#navi_left ul li li li a{
        padding-left:56px;
}




#navi_left .trenner {
        height: 20px;
        background-color: #9babb3;

}




/* ----------------- SUBMENU ENDE--------------- */











/* -----------------Rootline Navigation---ANFANG----- #7c8e97 ---------------- */

#wobinich {
margin-left:0px;
}

#rootline {
padding: 0px;
margin: 10px 0px 0px 27px;
font-size: 11px;
text-decoration: none;
color: #69696b;

font-family: verdana, arial, sans-serif;
}

#rootline a {
font-size: 11px;
text-decoration: none;
color: #69696b;
font-family: verdana, arial, sans-serif;
}


/* -----------------Rootline Navigation---ENDE--------------------- */