/*  #####################################################
**  Domain:    www.aesthetic-medics.de
**  Datei:     navi.css
**  Funktion:  Navigation

**  Erstellt:  09.11.2009
**  Media:     screen, projection

**  Autor:     Agnes Sieron
**  copyright: 2as2 GbR
##################################################### */


/*  =========================================================

1. navi
2. secnavi
3. metanavi footer

========================================================== */

@media screen
{
/*  =========================================================
 =1. navigation
========================================================== */
#navigation {
 width: 32.5em;
 /*width: 520px;*/
 float: left;
 padding: 0;
 border-bottom: 1px solid #cc99cc;
}

* html #navigation {
 padding: 0 0 0 0 !important;
}

#navi {
 width: 100%;
 float: left;
}

#navi ul, #secnavi ul {
 width: 100%;
 float: left;
 list-style-type: none;
 font-weight: normal !important;
 color: #cc99cc;
 padding: 0;
 margin: 0;
}

#navi li {
 display: inline;
 font-size: 0.937em;
 font-weight: bold;
 padding: 0;
 margin: 0;
 line-height: 3.0em;
}

#navi li a, #navi li a:visited {
 color: #333333;
 text-decoration: none;
 padding: 0 19px;
 margin: 0;
}
#navi li a:hover, #navi li a:active, #navi li a:focus, #navi li a.active {
 color: #333333;
 text-decoration: none;
 padding: 0 19px 10px 19px;
 border-bottom: 3px solid #cc99cc;
}

* html #navi li a.active {
 padding: 0 19px 10px 19px !important;
}

#navi .last {
 border-right: 1px solid #fff;
}

/*  =========================================================
 =2. secnavi  (font-weight: bold;)
========================================================== */
#secnavi {
 width: 32.5em;
 /*width: 520px;*/
 float: left;
 padding: 0 0 0 0;
 border-bottom: 1px solid #cc99cc;
}

* html #secnavi {
 padding: 0 0 0 0 !important;
}

#secnavi li {
 display: inline;
 font-size: 0.75em;
 padding: 0 10px 0 20px;
 margin: 0;
 line-height: 2.0em;
}

#secnavi li.first {padding: 0 10px 0 20px; color: #cc33cc;}

#secnavi li a, #secnavi li a:visited {
 color: #333333;
 text-decoration: none;
}

#secnavi li a:hover, #secnavi li a:active, #secnavi li a:focus, #secnavi li a.active {
 color: #cc33cc;
 text-decoration: none;
}

/*  =========================================================
 =3. metanavi footer
========================================================== */
#footer ul {
 float: right;
 list-style-type: none;
 padding: 1% 0;
 margin: 0;
}

#footer li {
 float: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.687em;
 border-right: 1px solid #333;
}

#footer li.last {
 border-right: 0px solid #333;
 padding: 0;
}

#footer li a, #footer li a:visited {
 float: left;
 color: #333;
 text-decoration: none;
 background-color: transparent;
 padding: 0 25px 1px 25px;
}
#footer li.last a, #footer li.last a:visited {
 float: left;
 color: #333;
 text-decoration: none;
 background-color: transparent;
 padding: 0 0 1px 25px;
}
#footer li a:hover, #footer li a:active, #footer li a:focus {
 color: #333;
 text-decoration: underline;
 background-color: transparent;
}

}