/* 
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Titel : navigation.css
Autor : Raimund Buechner, buechner@sinma.de, www.sinma.de
Fuer : http://www.sinma.de

Erstellt: 09.12.05 - 10.02.06
Aenderungen nach Fertigstellung:
- Datum, Was, Autor
- Datum, Was, Autor
- Datum, Was, Autor

Beschreibung : Hier wird das Layout (und praesentionales Verhalten) der Navigation[en] definiert. Die Organisation des Stylesheets folgt dem strukturellen Aufbau der HTML-Dokumente. Den so weit wie moeglich semantisch sinnvollen IDs werden bei Bedarf kontextuelle Klassen zugeordnet, sofern das Anhaengen einfacher HTML-Elemente nicht ausreicht. Daran anschließend werden ggf. Klassen abgearbeitet, die selektorenuebergreifend eingesetzt werden.

Reihenfolge der Elemente:

- #navGlobal (Site-weite Navigation)
- #navLocal (Unternavigation fuer Hauptbereich - sofern nicht in verschachtelten Listen umgesetzt)
- #navRelated (fuer Sponsoren, externe Links zum Seiteninhalt etc.)
- #navSupp (supplementary = denkbar fuer redundante Navigation im Footer)


ACHTUNG: Die die Navigationen ggf. *umgebenden* Container werden in "framework.css" definiert!!!
ACHTUNG: Alle Angaben zu F*AR*B*E*N erfolgen in "skin.css"!!!

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
*/

/* !!! Die ausgelagerte Formatierung der Hauptnavigation wir hier zum Anfang eingebunden !!!

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

@import url("nav-horizontal.css");

/* !!! Nicht von vornherein sichtbare Service-Navigation !!!

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

dl#navAccess ul {
position: relative;
top: -14px;
left: 275px;
width: 440px;
font-size: 1em;
margin: 0;
padding: 0;
z-index: 50;
}

dl#navAccess ul li {
display: inline;
margin: 0;
padding: .5em 0;
}

dl#navAccess ul li a, ul#navAccess li a:link, dl#navAccess ul li a:visited {
padding: .2em;
line-height: 1.6em;
font-weight: normal;}

dl#navAccess ul li a:hover, dl#navAccess ul li a:active, dl#navAccess ul li a:focus {font-weight: bold;}

/* !!! Links in der lokalen und externen Navigation !!!

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

#contentRelated01 dl#navLocal, #contentRelated02 dl#navLocal {
margin: 0;
padding: 0;
}

#contentRelated01 dl#navLocal dd, #contentRelated02 dl#navLocal dd, #contentRelated01 dl#navLocal dt, #contentRelated02 dl#navLocal dt {
margin: 0;
padding: 0;
}

#contentRelated01 dl#navLocal ul, #contentRelated01 dl#navRelated01 ul, #contentRelated02 dl#navLocal ul {
text-indent: 0;
margin: 0;
padding: 0;
}

#contentRelated01 dl#navLocal ul li, #contentRelated01 dl#navRelated01 ul li, #contentRelated02 dl#navLocal ul li {
margin: 0;
width: 190px;
padding: 5px 0;
list-style: none;
text-align: left;
}

dl#navLocal li a, dl#navLocal li a:link, dl#navLocal li a:visited, dl#navLocal li a:hover, dl#navLocal li a:active, dl#navLocal li a:focus, dl#navLocal li strong {
display: block;
width: 180px;
padding: 5px 0 5px 10px;
text-decoration: none;
font: normal small-caps bold 1.2em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
}

dl#navLocal li a:hover, dl#navLocal li a:active, dl#navLocal li a:focus, dl#navLocal li strong {
text-align: right;
padding: 5px 10px 5px 0;
}

/* !!! Links in den seitlichen Inhalts-Boxen !!!

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

#contentRelated01 dl#navRelated01 ul li a, #contentRelated01 dl#navRelated01 ul li a:link, #contentRelated01 dl#navRelated01 ul li a:visited {
display: block;
width: 170px;
padding: 3px 10px;
text-decoration: underline;
}

#contentRelated01 dl#navRelated01 ul li a:hover, #contentRelated01 dl#navRelated01 ul li a:active, #contentRelated01 dl#navRelated01 ul li a:focus {
text-decoration: none;
}

/* !!! Verhalten der Navigationen in Seitenfuß !!!

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

/* Service-Navigation
==================================================================================== */

#navSupp ul {
position: relative; top: 11.8em;
/* top: 6em; */ /* diese Ueberschreibung nur einstetzen, wenn kein Text im Footer ist !!! Dann wieder rausnehmen !!! */
margin: 0 20%;
padding: .5em 0;
text-align: center;
font-size: .9em;
}

#navSupp ul li {
margin: 0;
display: inline;
}

#navSupp ul li a, #navSupp ul li strong {
padding: 1em .3em;
}

#navSupp ul li a, #navSupp ul li a:link, #navSupp ul li a:visited {
text-decoration: none;
}

#navSupp ul li a:hover, #navSupp ul li a:active, #navSupp ul li a:focus {
text-decoration: underline;
}

/* Wiederholung der globalen Navigation
==================================================================================== */

dl#navGlobalSupp {
position: absolute; top: -10px; left: 0;
awidth: 820px;
margin: 0;
padding: 0;
}

#navGlobalSupp ul {
position: relative; top: -10px;
awidth: 600px;
margin: 0 auto;
padding: 0;
}

#navGlobalSupp ul li {
display: block;
list-style: none;
float: left;
margin: 0;
padding: 0;
text-align: center;

}

#navGlobalSupp ul li a, #navGlobalSupp ul li strong {
display: block;
float: left;
width: 120px;
height: 19px;
padding: 3px 0;
text-align: center;
font: normal small-caps normal 1.1em/19px Arial, Helvetica, sans-serif;
word-spacing: .2em;
letter-spacing: .1em;
}

#navGlobalSupp ul li a {
text-decoration: none;
}

#navGlobalSupp ul li a:hover, #navGlobalSupp ul li a:active, #navGlobalSupp ul li a:focus, #navGlobalSupp ul li strong {
position: relative; top: -27px;
font-weight: bold;
padding-top: 30px;
}