/* Startseite mit Logo (Sicht68) und Navigationsmenue (Sicht 75) */

div.main                      { width:785px; margin:0 auto; }

/* Startseite d.h. Kopf (Sicht 68) */

/* Kleine Navigationslinks */
a.breadcrumb                  { color:#E8EEF1; font-size:x-small; text-decoration:none; }
/* Breadcrumb-Link in dem oberen dunkelgrauen Layer */
a.breadcrumb.darkgraydiv      { float:left; margin-left:0.5em; margin-top:0.5em; }
/* hover für einen Breadcrumb-Link im oberen dunkelgrauen Layer */
a.breadcrumb.darkgraydiv:hover{ color:#BE0000; }

div.top                       { position:relative; background:#FFF url(../shadow_header.gif) repeat-x; padding:20px 0 0 0; }
/* Dunkelgrauer Layer unter dem hellgrauen */
div.darkgraytop               { position:absolute; height:10em; background-color:#7E8896; top:7em; left:0em; width:100%;}
/* oberer graue Balken */
div.graytop                   { position:absolute; top:0; left:0; height:7em; width:100%; background-color:#E8EEF1; }
/* Umschließt das Kategorie-Image und die Beschreibung der Kategorie */
div.kategorie_header          { float:left; position:relative; padding-left:16em; padding-top:2em; }
/*  weißer Layer am Rand*/
div.whitemargin               { float:right; height:7em; width:7em; background-color:#FFFFFF; text-align:center; }
/* Überschrift im dunkelgrauen Balken */
h2.darkgraydiv                { position:absolute; color:#FFFFFF; margin:0em; margin-left:0.5em; bottom:0em;}
/* Logo der Schulungseinrichtung */
img.logo                      { }
/* Logo_Bildung-Image */
img.logo_bildung              { position:absolute; bottom:0em; margin-left:3em; margin-bottom:0.2em; }
/* Bild für die aktuelle Kategorie */
img.logo_kategorie            { border-style:solid; border-width:1px; border-color:#E8EEF1; float:left; }

/* Menü ganz oben */
div.top ul#menue1             { position:absolute; top:22px; right:0; color:gray; float:left; list-style:none; font-size:0.9em; margin:0; padding:0; }
div.top ul#menue1 li          { float:left; }
div.top ul#menue1 li a        { color:gray; text-decoration:none; margin:0 6px; }
div.top ul#menue1 li a:hover  { color:#BE0000; }

div.top ul#menue2             { color:gray; list-style:none; font-size:0.9em; margin:0 0 0 0; padding:10px 0 0 0; }
div.top ul#menue2 li          { float:left; width:20%; }
div.top ul#menue2 li a        { display:block; color:#FFF; text-decoration:none; text-transform:uppercase; background:#004A71; font-size:0.9em; 
                                font-weight:bolder; text-align:center; height:1.6em; line-height:1.4em; border-right:1px solid #FFF; }
div.top ul#menue2 li a:hover,
div.top ul#menue2 li a.mitglieder:hover  { background:#016BA7; }
div.top ul#menue2 li a.mitglieder { background:#008CD4; }

img.header                    { }
/* Startseite Sicht 68 (no Data) */
a.startseiteli                { color:#333333; font-weight:bold; text-decoration:none; } /* Link */
a.startseiteli:hover          { color:#BE0000; } /* Hover für den Link */
li.startseite                 { margin-top:1em; }
/* Liste auf der Startseite, enthält die wichtigsten Punkte */
ul.startseite                 { list-style-image:url(../pfeil.gif); padding:0em; margin:0 0 0 15px; }


/* Linkes Navigationsmenue (Sicht 75) */

div.menue                     { float:left; width:190px; padding:0; margin:0 0 10px 0; }

div.menue ul.navigation       { list-style:none; margin:0; padding:0; border:none; width:190px; }
div.menue ul.navigation li    { list-style-image:none; background:#FFF url(../bullet.gif) no-repeat; list-style:none; margin:0; padding:0 0 0 27px; height:26px; line-height:26px; border-bottom:1px solid #E7EAEF; }
div.menue ul.navigation li.active    { background-image:url(../bullet_active.gif); }
div.menue ul.navigation li a  { display:block; color:#000; text-decoration:none; }
div.menue ul.navigation li a:hover { color:#BE0000; }
/* Listeneintrag in der Navigaton */
li.navigation                 { margin-top:0.2em; list-style-image:url(../navigation_pfeil.gif); }
/* Dunkler Listeneintrag in der Navigation */
li.navigationdark             { margin-top:0.2em; }
/* Dunkler Listeneintrag in der Navigation, der einen Spacer beeinhaltet */
li.navigationdark.spacer      { padding-left:0em; }
/* Stellt einen Trennstrich im dunklen Bereich der Navigation dar; momentan nicht verwendet */
div.navigationdark_spacer     { border-style:solid; border-width:1px; border-color:#BE0000; }

div.darkgraytitle             { float:left; }
/* Zusätzliche divs für Außenstellen- und Semesterfilter evtl. noch hier definieren (z.B. in Sicht 68 Header)
   Die Listenelemente hierzu sind hardcodiert in api.inc */
/* div.filter
div.filter_aussenst           { }
div.filter_sem                { }
a.aussenstelle                { }
img.aussenstinfo              { border:none; }
a.aussenstinfo                { }
ul.semester                   { list-style-type:none; }
li.semester                   { }
*/

div.menue form input.stichwort { width:70px; height:12px; font-size:10px; margin:0 0 0 15px; }

div.footer                    { clear:both; background:#FFF url(../shadow_footer.gif) repeat-x; padding:8px 0 0 0; text-align:center; color:#808080; font-size:0.7em; margin:0 0 20px 0; }