/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
navigation.css / SP-CH-2007
Version:        2007-03-13 HTML-E
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */


/* !!! Alle Anweisungen fuer die *HAUPTnavigation* !!!
==================================================================================== */

/* Umfassender Container und clearing
==================================================================================== */
#navMain {
width:960px;
min-height:65px;
/* list-style-type:none; */
}

#navMain:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}

/* *ERSTE* Ebene und Anweisungen fuer deren Links
==================================================================================== */
#navSub {
float: left;
margin-top: 18px;
width: 225px;
}

#navSub dd {
padding: 3px 0 0 0;
color: #fff;
background: #e3001b;
}

#navSub dd ul {
/* margin-bottom: 20px; */
padding: 0 0 5px 0;
min-height:34px;
list-style-type:none;
color: #fff;
background: #e3001b;
}

#navSub dd ul li a,
#navSub dd ul li a:link,
#navSub dd ul li a:visited {
display:block;
margin: 0 0 5px 0;
padding:4px 10px 0 42px;
min-width:171px;
min-height:24px; /* width fuer IE6 und Opera */
font-size:150%;
line-height: 120%;
text-transform: uppercase;
font-weight: bold;
text-decoration:none;
color:#fff;
background: transparent url(../images/pfeil_rot_transp_up.png) no-repeat 10px 3px;
}

#navSub dd ul li a:hover,
#navSub dd ul li a:active,
#navSub dd ul li a:focus {
text-decoration:underline;
background: transparent url(../images/pfeil_rot_transp_hover.png) no-repeat 10px 3px;
}

/* Hintergrund-Verlauf fuer Eltern-Link und geoeffnete Seite der 1. Ebene
==================================================================================== */
#navSub dd ul li.aktiv,
#navSub dd ul li.aktivKnoten {
background: transparent url(../images/bg_navMain-sub01.gif) left 30px repeat-x;
}

/* Eltern-Link der 1. Ebene
==================================================================================== */
#navSub dd ul li.aktivKnoten a,
#navSub dd ul li.aktivKnoten a:link,
#navSub dd ul li.aktivKnoten a:visited,
#navSub dd ul li.aktivKnoten a:hover,
#navSub dd ul li.aktivKnoten a:active,
#navSub dd ul li.aktivKnoten a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_weissaufrot_over.gif) no-repeat 10px 2px;
}

/* Link der geoeffneten Seite der 1. Ebene
==================================================================================== */
#navSub dd ul li.aktiv a,
#navSub dd ul li.aktiv a:link,
#navSub dd ul li.aktiv a:visited,
#navSub dd ul li.aktiv a:hover,
#navSub dd ul li.aktiv a:active,
#navSub dd ul li.aktiv a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_weissaufrot_over.gif) no-repeat 10px 2px;
cursor: default;
}

/* *ZWEITE* Ebene und Anweisungen fuer deren Links
==================================================================================== */
#navSub dd ul li ul {
margin: 5px 0;
padding: 5px 0 10px 0;
width: 225px;
min-height:34px;
list-style-type:none;
color: #fff;
background: transparent url(../images/bg_navMain-sub01-bottom.gif) left bottom repeat-x;
}

#navSub dd ul li li a,
#navSub dd ul li li a:link,
#navSub dd ul li li a:visited,
#navSub dd ul li li strong,
#navSub dd ul li.aktiv li a,
#navSub dd ul li.aktiv li a:link,
#navSub dd ul li.aktiv li a:visited,
#navSub dd ul li.aktivKnoten li a,
#navSub dd ul li.aktivKnoten li a:link,
#navSub dd ul li.aktivKnoten li a:visited {
display:block;
margin: 3px 0 0 0;
padding:4px 10px 0 42px;
min-width:171px;
min-height:24px; /* width fuer IE6 und Opera */
font-size:120%;
line-height: 120%;
text-transform: uppercase;
font-weight:bold;
text-decoration:none;
color:#fff;
background: transparent url(../images/pfeil_rot_transp_up.png) no-repeat 10px 2px;
}

#navSub dd ul li li a:hover,
#navSub dd ul li li a:active,
#navSub dd ul li li a:focus,
#navSub dd ul li.aktiv li a:hover,
#navSub dd ul li.aktiv li a:active,
#navSub dd ul li.aktiv li a:focus,
#navSub dd ul li.aktivKnoten li a:hover,
#navSub dd ul li.aktivKnoten li a:active,
#navSub dd ul li.aktivKnoten li a:focus {
text-decoration:underline;
background: transparent url(../images/pfeil_rot_transp_hover.png) no-repeat 10px 2px;
}

/* Hintergrund-Verlauf fuer Eltern-Link und geoeffnete Seite der 2. Ebene
==================================================================================== */
#navSub dd ul li li.aktiv,
#navSub dd ul li li.aktivKnoten {
/* z-index: 10; */
background: transparent url(../images/bg_navMain-sub02.gif) left 30px repeat-x;
}

/* Eltern-Link der 2. Ebene
==================================================================================== */
#navSub dd ul li li.aktivKnoten a,
#navSub dd ul li li.aktivKnoten a:link,
#navSub dd ul li li.aktivKnoten a:visited,
#navSub dd ul li li.aktivKnoten a:hover,
#navSub dd ul li li.aktivKnoten a:active,
#navSub dd ul li li.aktivKnoten a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_weissaufrot_over.gif) no-repeat 10px 2px;
}

/* Link der geoeffneten Seite der 2. Ebene
==================================================================================== */
#navSub dd ul li li.aktiv a,
#navSub dd ul li li.aktiv a:link,
#navSub dd ul li li.aktiv a:visited,
#navSub dd ul li li.aktiv a:hover,
#navSub dd ul li li.aktiv a:active,
#navSub dd ul li li.aktiv a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_weissaufrot_over.gif) no-repeat 10px 2px;
cursor: default;
}

/* *DRITTE* Ebene und Anweisungen fuer deren Links
==================================================================================== */
#navSub dd ul li ul li ul {
/* z-index: 1; */
margin: 8px 0 0 0;
padding: 5px 0;
width: 225px;
list-style-type:none;
color: #fff;
background: transparent url(../images/bg_navMain-sub02-bottom.gif) left bottom repeat-x;
}

#navSub dd ul li li li {
width: 225px;
margin: 0 0 8px 0;
}

#navSub dd ul li li li a,
#navSub dd ul li li li a:link,
#navSub dd ul li li li a:visited,
#navSub dd ul li.aktiv li li a,
#navSub dd ul li.aktiv li li a:link,
#navSub dd ul li.aktiv li li a:visited,
#navSub dd ul li.aktivKnoten li li a,
#navSub dd ul li.aktivKnoten li li a:link,
#navSub dd ul li.aktivKnoten li li a:visited {
/* z-index: 5; */
display:block;
margin: 3px 0;
padding: 0 10px 0 42px;
min-height: 14px; /* height fuer IE6 und Opera */
font-size:120%;
text-transform: none;
font-weight:bold;
text-decoration:none;
color:#585858;
background: transparent;
}

#navSub dd ul li li li a:focus,
#navSub dd ul li li li a:hover,
#navSub dd ul li li li a:active,
#navSub dd ul li.aktiv li li a:hover,
#navSub dd ul li.aktiv li li a:active,
#navSub dd ul li.aktiv li li a:focus,
#navSub dd ul li.aktivKnoten li li a:hover,
#navSub dd ul li.aktivKnoten li li a:active,
#navSub dd ul li.aktivKnoten li li a:focus {
text-decoration: underline;
background: transparent url(../images/bullet_1_rollover_dkgrau_transp.gif) no-repeat 17px 3px;
}

/* Aktive Seite der 3. Ebene
==================================================================================== */
#navSub dd ul li li li.aktiv a,
#navSub dd ul li li li.aktiv a:link,
#navSub dd ul li li li.aktiv a:visited,
#navSub dd ul li li li.aktiv a:hover,
#navSub dd ul li li li.aktiv a:active,
#navSub dd ul li li li.aktiv a:focus {
text-decoration: none;
color: #E3001B;
background: transparent url(../images/bullet_1_on_rot_transp.gif) no-repeat 17px 3px;
cursor: default;
}

/* !!! SEITEN-Navigation mit den Modulen "navPage" und "navPageNLB" (Narrow Left Border!) mit Blaettern und weiteren Infos im Anschluss an Content z.B. Pressemitteilungen !!!
==================================================================================== */
#contentMain #contentCanvas #navPage,
#contentMain #contentCanvas #navPageNLB {
margin: 0 0 0 27px;
min-height: 20px; /* height: fuer IE6 */
font-size:110%;
font-weight: bold;
line-height: 120%;
text-transform:uppercase;
color:#585858;
background: transparent;
}

#contentMain #contentCanvas #navPageNLB {margin-left: 0;}

/* beinhaltete Floats clearen */
#contentMain #contentCanvas #navPage:after,
#contentMain #contentCanvas #navPageNLB:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}

/* Formatierung der Blaettern-Links
==================================================================================== */
#contentMain #contentCanvas p.blaettern a.back,
#contentMain #contentCanvas p.blaettern a.back:link,
#contentMain #contentCanvas p.blaettern a.back:visited,
#contentMain #contentCanvas p.blaettern a.forward,
#contentMain #contentCanvas p.blaettern a.forward:link,
#contentMain #contentCanvas p.blaettern a.forward:visited {
display: block;
float: left;
width: 19px;
height: 21px;
background: transparent url(../images/icon_blaettern_cont_zurueck_grau_weiss.gif) 0 1px no-repeat;
}

#contentMain #contentCanvas p.blaettern a.back:hover,
#contentMain #contentCanvas p.blaettern a.back:active,
#contentMain #contentCanvas p.blaettern a.back:focus {
background: transparent url(../images/icon_blaettern_cont_zurueck_rollover_weiss_weiss.gif) 0 1px no-repeat;
}

/* Abweichende Hintergruende fuer Vorwaerts-Link */

#contentMain #contentCanvas p.blaettern a.forward,
#contentMain #contentCanvas p.blaettern a.forward:link,
#contentMain #contentCanvas p.blaettern a.forward:visited {
background: transparent url(../images/icon_blaettern_cont_vor_grau_weiss.gif) 0 1px no-repeat;
}

#contentMain #contentCanvas p.blaettern a.forward:hover,
#contentMain #contentCanvas p.blaettern a.forward:active,
#contentMain #contentCanvas p.blaettern a.forward:focus {
background: transparent url(../images/icon_blaettern_cont_vor_rollover_weiss_weiss.gif) 0 1px no-repeat;
}
/* Zwischentext
==================================================================================== */
#contentMain #contentCanvas p.blaettern span.text {
display: block;
float: left;
padding: 0 15px 0 15px;
}

/* p-Klasse fuer weitere Info im Zusammenwirken mit Blaettern
==================================================================================== */
p.countInfo {
float: right;
text-align: right;
text-transform:uppercase;
/* padding-top: 4px; */
}

/* "Zurueck"-Link in "p.countInfo"
==================================================================================== */
#contentMain #contentCanvas p.countInfo a.backSummary,
#contentMain #contentCanvas p.countInfo a.backSummary:link,
#contentMain #contentCanvas p.countInfo a.backSummary:visited {
display: block;
margin-top: -4px;
padding: 4px 30px 4px 0;
background: transparent url(../images/icon_zurueck_normal_rot_weiss.gif) center right no-repeat;
}

#contentMain #contentCanvas p.countInfo a.backSummary:hover,
#contentMain #contentCanvas p.countInfo a.backSummary:active,
#contentMain #contentCanvas p.countInfo a.backSummary:focus {
background: transparent url(../images/icon_zurueck_rollover_weiss_weiss.gif) center right no-repeat;
}