/**************************************************************
* CSS fuer alle allgemein gueltigen Definitionen, die
* alle Seiten der Tagore-Webseite betreffen
*
**************************************************************/

body { 
  margin:0px;
  background-color:#3A3A3A;
  overflow-x:auto;
  overflow-y:scroll;
}

div, p, a, span, input, ul, ol, li, img {
  position:relative;
  margin:0px;
  padding:0px;
  border:0px;
  overflow:visible;
  color:#4B4B4B;
  text-align:left;
  font-family:Verdana,Arial,Sans-Serif;
  font-size:11px;
  line-height:16px;
  background-color:transparent;
}

center { margin:0px; padding:0px; }

a, span { position:static; }

a {
  color:#7D7D7D;
  text-decoration:none;
}
a:hover {
  color:#232323;
}

input {
  line-height:15px;
}

img { display:block; }

ul { list-style-type:none; }
ul li { margin-bottom:8px; }

ol { 
  margin-left:0px;
  list-style-position:outside;
}

ol li {
  margin-left:29px;
  margin-bottom:8px;
}

h4 {
  margin-bottom:6px;
}

	
/**************************************************************
* Textdefinitionen/-formatierungen
**************************************************************/
.txtAbsatz {
  width:0px;
  height:8px;
  display:block;
  font-size:0px;
  line-height:0px;
}

.txtAbsatzKlein {
  width:0px;
  height:4px;
  display:block;
  font-size:0px;
  line-height:0px;
}

.txtAbsatz34 {
  width:0px;
  height:12px;
  display:block;
  font-size:0px;
  line-height:0px;
}

.txtAbsatzGross {
  width:0px;
  height:16px;
  display:block;
  font-size:0px;
  line-height:0px;
}

.txtSlash {
  margin-left:1px;
  margin-right:1px;
}

.txtGrau {
  display:block;
  color:#7D7D7D;
  font-size:10px;
  line-height:14px;
}

.txtGrauNormal {
  color:#7D7D7D;
}

.txtNormal { /* z. B. zum Unterdruecken von Fettschnitten */
  font-weight:normal;
}

.txtHoch {
  position:relative;
  bottom:3px;
  left:2px;
  color:#606060;
  font-size:6pt;
  line-height:8pt;
}

.txtFussNote {
  position:relative;
  top:-13px;
  margin-bottom:3px;
  padding-left:11px;
  color:#7D7D7D;
  display:block;
}

img.zahlHoch {
  position:relative;
  bottom:4px;
  width:5px;
  height:5px;
  margin-left:2px;
  display:inline;
}

.mittig {
  text-align:center;
}

.rechtsbuendig {
  text-align:right;
}

/**************************************************************
* Weitere seitenuebergreifende Definitionen
**************************************************************/
div.seiteAutorAenderung {
  height:11px;
  margin-left:13px;
  margin-top:11px;
}
div.seiteAutorAenderung.sAAGalerie {
  margin-top:-5px;
}

div.seiteAutorAenderung * {
  height:100%;
  display:block;
  float:left;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}
div.seiteAutorAenderung .seiteAATrennung {
  width:1px;
  height:auto;
  height:10px;
  margin-top:2px;
  margin-left:10px;
  margin-right:10px;
  font-size:0px;
  line-height:0px;
  background-color:#7D7D7D;
}

div.seiteVerantwortung {
  height:11px;
  margin-top:21px;
  margin-bottom:47px;
  margin-left:1px;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}
div.seiteVerantwortung.sVBreit { width:522px; }
div.seiteVerantwortung .sVText {
  display:block;
  float:left;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}
div.seiteVerantwortung .sVSeitenBlaettern {
  top:-2px;
  display:block;
  float:right;
}

div.seitenBlaettern {
  height:12px;
  margin-left:9px;
  padding-top:2px;
  padding-bottom:14px;
}
div.seitenBlaettern * { 
  height:100%;
  display:block;
  float:left;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;

}
div.seitenBlaettern .sBZurueck {
  padding-left:11px;
  background-position:left 3px;
  background-image:url(allg_elemente/pfeil_zurueck_n.png);
  background-repeat:no-repeat;
}
div.seitenBlaettern .sBZurueck:hover { 
  color:#232323;
  background-image:url(allg_elemente/pfeil_zurueck_h.png);
  cursor:pointer;
}
div.seitenBlaettern .sBTrennung {
  width:1px;
  height:auto;
  margin-left:6px;
  margin-right:6px;
  height:10px;
  margin-top:2px;
  font-size:0px;
  line-height:0px;
  background-color:#7D7D7D;
}
div.seitenBlaettern .sBVor {
  padding-right:11px;
  text-align:right;
  background-position:right 3px;
  background-image:url(allg_elemente/pfeil_vor_n.png);
  background-repeat:no-repeat;
}
div.seitenBlaettern .sBVor:hover { 
  color:#232323;
  background-image:url(allg_elemente/pfeil_vor_h.png);
  cursor:pointer;
}

img.grauerRahmen {
  position:relative;
  display:block;
  border-top:3px solid #707070;
  border-bottom:3px solid #707070;
}

/**************************************************************
* BasisContainer
**************************************************************/
/* die Grundflaeche fuer alle weiteren Elemente -> ist fuer die Zentrierung und den Schatten links und rechts wichtig */
div.basisContainer {
  width:982px;
  margin-top:16px;
  background-image:url(layout/schattenrahmen_l_r.png);
  background-repeat:repeat-y;
}

div.basisInhaltContainer {
  width:966px;
  margin-top:8px;
  margin-left:8px;
  background-color:#FFF9EC;
}

/**************************************************************
* Kopf
**************************************************************/
div.kopfContainer {
  position:relative;
  top:-8px;
  width:100%;
  height:132px;
  background-position:0px 0px;
  background-image:url(layout/schattenrahmen_o.png);
  background-repeat:repeat-x;
  /*background-color:#FFF9EC;*/
}

div.kopfContainer img.kopfSchatten {
  position:absolute;
  top:0px;
}
img.kopfSchatten.kopfSOLEcke { left:-8px; }
img.kopfSchatten.kopfSOL { left:0px; }
img.kopfSchatten.kopfSOR { right:0px; }
img.kopfSchatten.kopfSOREcke { right:-8px; }


div.kopfContainer img.kopfWelle {
  top:8px;
  left:0px;
  width:100%;
  height:124px;
}

/**************************************************************
* Hauptbereich
**************************************************************/
div.hauptbereichContainer { /* der Container dient nur dem Abschneiden des Hauptmenuefusses (dieser realisiert die Flaeche und den Schatten des unteren Drittels des Hauptmenues) */
  position:static;
  margin-top:-115px;
  margin-right:-80px;
 
  /*background-image:url(../schule/hintergruende/faecher_hg.jpg);*/
  background-position:186px bottom;
  background-repeat:no-repeat;
}

div.hauptbereichInhalteContainer {  /* realisiert nur das Hintergrund-Bild der Inhaltsseiten, bspw. die standardmaessigen Karokaestchen,
                                       eigentlich haette eine background-image-Definition im hauptbereichContainer genuegt - leider rechnet 
                                       der IE jedoch die Positionierung "bottom" in diesem Fall zu tief! Er bezieht scheinbar die riesige
                                       Hoehe des eigentlich absolute positionierten (und somit zu vernachlaessigenden) Fusses des Hauptmenues 
                                       faelschlicherweise mit ein. */
  width:780px;  /* Breitenangabe fuer Firefox < 3.0 erforderlich, da "float:right" bei "schlue.css>div.untermenueV1Ebene1Container" nicht korrekt die Ebene aufspannen kann 
                   (alle Inhalts-Elemente verrutschen nach unten); mit "float:left" wuerde die Berechnung funktionieren - allerdings soll der "inhalteContainer" in seiner Breite flexibel 
                   bleiben, somit wuerde das rechte Navigationsmenue sich seitlich verschieben */
  margin-left:8px;  /* left:8px; funktioniert hier nicht, da IE 7 dann die Flaeche nach rechts 8px vergroessert */
  float:left;
  z-index:1;
  background-position:left bottom;
  background-repeat:no-repeat;
}

div.minHeightContainer {  /* realisiert fuer alle Seiten die minimale Hoehe - alle modernen Browser unterstuetzen auch min-height, der IE6 nicht */
  left:0px;               /* Gesamthoehe (Aussenkanten oben/unten, exkl. Schatten) soll 555px sein */ 
  width:0px;
  height:551px;
  float:left;
  margin-top:-20px;
  background-color:#00EE00;
}

div.hauptbereichInhalteContainer div.menueFussHG {
  position:absolute;
  bottom:0px;
  left:-178px;
  width:188px;
  height:4000px;    /* sollte eine Seite hoeher werden und somit die Flaeche zu kurz, kann der Wert einfach vergroessert werden */
  background-image:url(menue/hauptmenue_fuss.png);
  background-repeat:repeat-y;  
}

/**************************************************************
* Inhaltsbereich
**************************************************************/
div.inhalteContainer {
  width:780px;
  /*height:600px;*/
  margin-top:107px;
  padding-left:23px;
  float:left;
}

.floatAbschluss,
.vorladen {
  width:100%;
  height:0px;
  float:none;
  clear:both;
  font-size:0px;
  line-height:0px;
}

.vorladen img {
  width:0px;
  height:0px;
}


/**************************************************************
* Fuss
**************************************************************/
div.fussContainer {
  width:100%;
  height:15px;
  background-position:0px 7px;
  background-image:url(layout/schattenrahmen_u.png);
  background-repeat:repeat-x;
}

div.fussContainer img.fussSchatten {
  position:absolute;
  bottom:0px;
}
img.fussSchatten.fussSULEcke { left:-8px; }
img.fussSchatten.fussSUL { left:0px; }
img.fussSchatten.fussSUR { right:0px; }
img.fussSchatten.fussSUREcke { right:-8px; }

div.fussContainer img.fussBalken {
  width:100%;
  height:7px;
  background-color:#194599;
}

/**************************************************************
* Globales Menue
**************************************************************/
/*div.kopfContainer div.globalmenueContainer {*/
div.globalmenueContainer {
  position:absolute;
  top:20px;
  right:4px;
  z-index:3;
}

div.globalmenueContainer div.gmBut {
  width:102px;
  height:37px;
  margin-right:4px;
  float:left;
}

div.globalmenueContainer div.gmBut span { 
  position:absolute;
  top:5px;
  width:100%;
  display:block;
  color:#FFFFFF;
  text-align:center;
  line-height:15px;
  z-index:102;
}
div.globalmenueContainer div.gmBut a:hover span { font-weight:bold; }
div.globalmenueContainer div.gmBut img {
  position:absolute;
  top:-3px;
  left:-3px;
  width:114px;
  height:49px;
  z-index:101;
}
div.globalmenueContainer div.gmBut img.gmButNormal { z-index:100; }
div.globalmenueContainer div.gmBut img.gmButHighlight { display:none; }
div.globalmenueContainer div.gmBut a:hover img.gmButHighlight { display:block; }
div.globalmenueContainer div.gmBut.gmButAusgewaehlt span { 
  font-weight:bold;
  cursor:default;
}
div.globalmenueContainer div.gmBut.gmButAusgewaehlt a span {
  cursor:pointer;
}

/**************************************************************
* Hauptmenue (linke Seite)
**************************************************************/
div.hauptmenueContainer {
  left:8px; /* margin-left:8px waere besser; left:8px bedingt, dass auch der div.hauptbereichInhalteContainer explizit 8px versetzt werden muss,
               aufgrund der relative-Positionierung; IE6 drueckt jedoch den hauptmenueContainer auf, da das hmKopf-Bild breiter ist, als der
               Container; dieses Verhalten (dass das umgebende Tag mind. so breit wird, wie das groesste innere Tag) gibt's nur beim <=IE6 */
  width:178px;
  float:left;
  z-index:2;
}

/****** Kopf des Hauptmenues ******/
div.hauptmenueContainer .hmKopf {
  position:absolute;
  top:-45px;
  left:-1px;
  width:189px;
  height:200px;
  z-index:11;
}

/****** Buttons des Hauptmenues ******/
div.hauptmenueContainer div.hauptmenue {
  left:-1px;
  width:184px;
  margin-top:151px;
  margin-right:-11px;
  padding-left:5px;
  z-index:10;
  background-color:#FFF9EC;
}

div.hauptmenue div.hmButNormal,
div.hauptmenue div.hmButAusgewaehlt {
  width:174px;
  height:21px;
}
div.hauptmenue div.hmButAusgewaehlt.hmButAusgEbene2 {
  height:19px;
}

div.hauptmenue div.hmButNormal a,
div.hauptmenue div.hmButAusgewaehlt a {
  width:148px;
  height:20px;
  padding-top:1px;
  padding-left:26px;
  display:block;
  overflow:hidden;
  color:#7D7D7D;
  font-size:12px;
  line-height:18px;
  background-position:18px 7px;
  background-image:url(menue/hauptmenue_pfeilrechts_n.png);
  background-repeat:no-repeat;
}

div.hauptmenue div.hmButNormal a:hover,
div.hauptmenue div.hmButAusgewaehlt a  {
  color:#232323;
  background-image:url(menue/hauptmenue_pfeilrechts_h.png);
}

div.hauptmenue div.hmButAusgewaehlt.hmButAusgEbene2 a { 
  background-position:16px 10px;
  background-image:url(menue/hauptmenue_pfeilunten_h.png);
}

div.hauptmenue div.hmButLinie {
  width:174px;
  height:0px;
  font-size:0px;
  line-height:0px;
  border-bottom:1px solid #F6C2A5;
}

div.hauptmenue div.hmEbene2 { 
  width:148px;
  padding-bottom:2px;
  padding-left:26px;
}

div.hauptmenue div.hmEbene2 div.hmE2ButNormal,
div.hauptmenue div.hmEbene2 div.hmE2ButAusgewaehlt {
  width:100%;
  height:16px;
  line-height:15px;
}

div.hauptmenue div.hmEbene2 div.hmE2ButNormal a,
div.hauptmenue div.hmEbene2 div.hmE2ButAusgewaehlt a { 
  line-height:15px; /* fuer IE auf 15px gesetzt, andernfalls haengen alle Ebene2-Eintraege 1px zu tief */
  display:block;
}

div.hauptmenue div.hmEbene2 div.hmE2ButAusgewaehlt a {
  color:#232323;
}

/****** Fuss des Hauptmenues ******/
div.hauptmenueContainer div.hmFuss {
  width:178px;
  height:20px;
  /*margin-bottom:20px;*/ /* bei Bedarf kann hier die Mindesthoehe des Menuefusses reguliert werden */
}

div.hauptmenueContainer div.hmFuss img.hmFussAnfang {
  position:absolute;
  top:0px;
  left:-1px;
  width:189px;
  height:19px;
}

div.hauptmenueContainer div.hmFuss div.hmFussAbschluss { /* Flaeche unter dem Hauptmenue, mit Schattenwurf, der ueber dem Inhaltsbereich haengt */
  position:absolute;
  top:20px;
  left:0px;
  width:188px;
  height:2000px;    /* sollte eine Seite hoeher werden und somit die Flaeche zu kurz, kann der Wert einfach vergroessert werden */
  background-image:url(menue/hauptmenue_fuss.png);
  background-repeat:repeat-y;
}

/****** Flaggen unter dem Hauptmenue ******/
div.hauptmenueContainer div.hmFlaggen {
	top:-1px;
  margin-left:17px;
  height:13px;
}
div.hauptmenueContainer div.hmFlaggen a {
  display:block;
  position:relative;
  float:left;
  margin-right:13px;
  margin-bottom:7px;
}
div.hauptmenueContainer div.hmFlaggen a img.farbig {
  position:absolute;
  left:0px;
  top:0px;
  display:none;
}
div.hauptmenueContainer div.hmFlaggen a:hover img.farbig{
  display:block;
}

/**************************************************************
* Untermenue (rechte Seite) Variante 1 (fuer Faecher)
**************************************************************/

div.inhalteContainer.iCNavrechts {
  width:533px;
}

div.untermenueV1Ebene1u2Container {
  margin-top:77px;
  margin-bottom:48px;
  margin-right:0px; /* UM - vormals 80px; */
  float:right;
}

/****** Untermenue Variante 1, Ebene 1 ******/
div.untermenueV1Ebene1Container {
  position:relative;
  width:224px;
  background-color:#FFF2D6;
}

div.untermenueV1Ebene1Container div.umV1Ebene1Kopf {
  width:228px;
  height:9px;
  margin-left:-4px;
  background-image:url(menue/untermenue_schatten_lo.png);
  background-repeat:no-repeat;
}

div.untermenueV1Ebene1Container div.umV1Ebene1Kopf div {
  position:absolute;
  top:0px;
  left:0px;
  width:224px;
  height:2px;
  margin-left:4px;
  font-size:0px;
  line-height:0px;
  border-top:3px solid #EB410F;
  border-bottom:1px solid #F6BD95;
}


div.untermenueV1Ebene1Container div.umV1Ebene1Menue {
  width:100%;
  margin-left:-4px;
  background-image:url(menue/untermenue_schatten_l.png);
  background-repeat:repeat-y;
}

div.umV1Ebene1Menue div.untermenueV1Ebene1 {
  width:224px;
  margin-top:0px;
  margin-left:4px;
  padding-bottom:5px;
}

div.untermenueV1Ebene1 div.umV1E1ButLinie {
  width:100%;
  height:0px;
  margin-top:4px;
  margin-bottom:3px;
  border-bottom:1px solid #F6BD95;
  font-size:0px;
  line-height:0px;
}

div.untermenueV1Ebene1 a,
div.untermenueV1Ebene1 span {
  width:209px;
  height:15px;
  padding-left:14px;
  padding-top:1px;
  display:block;
  color:#7D7D7D;
  line-height:15px;
}
div.untermenueV1Ebene1 a:hover { color:#CA0017; }
div.untermenueV1Ebene1 span { cursor:default; }
div.untermenueV1Ebene1 span.umV1Ebene1Ausgewaehlt { color:#CA0017; }

div.untermenueV1Ebene1Container div.umV1Ebene1Fuss {
  width:224px;
  height:3px;
  border-top:1px solid #F6BD95;
  border-bottom:3px solid #CA0017;
}

div.untermenueV1Ebene1Container div.umV1Ebene1FussSchatten {
  position:absolute;
  bottom:-11px;
  width:228px;
  height:11px;
  margin-left:-4px;
  background-position:4px bottom;
  background-image:url(menue/untermenue_schatten_u.png);
  background-repeat:no-repeat;
}

div.untermenueV1Ebene1Container div.umV1Ebene1FussSchatten img {
  position:absolute;
  top:-7px;
  left:0px;
  width:4px;
  height:18px;
}

/****** Untermenue Variante 1, Ebene 2 ******/
div.untermenueV1Ebene2 {
  width:224px;
  padding-top:9px;
  padding-bottom:8px;
  background-color:#FFF9EC;
}

div.untermenueV1Ebene2 a,
div.untermenueV1Ebene2 span {
  width:209px;
  height:15px;
  padding-left:14px;
  padding-bottom:1px;
  display:block;
  overflow:hidden;
  color:#7D7D7D;
  line-height:15px;
}
div.untermenueV1Ebene2 a:hover { color:#232323; }
div.untermenueV1Ebene2 span { 
  color:#232323;
  cursor:default;
}
div.untermenueV1Ebene2 span.umV1Ebene2NichtVorhanden { color:#ACACAC; }  


/**************************************************************
* Untermenue (rechte Seite) Variante 2 (fuer z. B. Schulisches Curriculum)
**************************************************************/

div.untermenueV2Container {
  width:210px;
  padding-top:9px;
  padding-left:14px;
  margin-top:77px;
  margin-bottom:48px;
  margin-right:0px; /* UM - vormals 80px; */
  float:right;
  background-color:#FFF9EC;
}

div.untermenueV2Container a, 
div.untermenueV2Container span,
div.untermenueV2Container b {
  height:20px;
  display:block;
  line-height:15px;
}

div.untermenueV2Container b {
  margin-bottom:4px;
}

div.untermenueV2Container span {
  color:#414141;
}



/**************************************************************
* Inhaltsbereich - weitere allgemeine Definitionen
**************************************************************/

div.hauptbereichContainer.seiteHGStandard { /* der Hintergrund kann fuer spezielle Seiten definiert und ueber die jeweilige index.var registriert werden */
  background-image:url(hintergruende/standard_hg.jpg);
}

div.inhalteContainer div.iCNavRechtsFliessText {
  width:513px;
}

div.inhalteContainer div.iCGalRechtsFliessText {
  width:437px;
}

div.inhalteContainer div.iCMapRechtsFliessText {
  width:464px;
}

div.inhalteContainer p.ueberschrift {
  margin-top:19px;
  margin-bottom:8px;
  color:#4B4B4B;
  font-weight:bold;
  font-size:13px;
  line-height:16px;
}
div.inhalteContainer p.ueberschrift.uebFF { /* fortfolgende grosse Ueberschriften */
  margin-top:24px;
}

div.inhalteContainer p.zwischenUeberschrift {
  margin-top:16px;
  margin-bottom:8px;
  color:#4B4B4B;
  /*font-weight:bold;*/
}
div.inhalteContainer p.zwischenUeberschrift.zwUeAnfang { margin-top:8px; }

div.inhalteContainer img.schmalerRahmen,
div.mapContainer img.schmalerRahmen {
  margin-top:5px;
  border-top:3px solid #EB410F;
  border-bottom:3px solid #194599;
}

div.inhalteContainer img.breiterRahmen,
div.mapContainer img.breiterRahmen {
  border-top:6px solid #EB410F;
  border-bottom:6px solid #194599;
}

div.inhalteContainer .linksUmflossen { 
  margin-right:12px;
  margin-bottom:11px;
  float:left;
}
div.inhalteContainer .rechtsUmflossen { 
  margin-left:12px;
  margin-bottom:11px;
  float:right;
}
div.inhalteContainer .unterTitel { 
  margin-bottom:4px;
  margin-left:1px;
}
div.inhalteContainer .grosserAbstand { margin-top:24px; }
div.inhalteContainer .bildTxtAusrichtung { margin-left:1px; }


div.inhalteContainer p.bildUnterschrift {
  margin-top:5px;
  margin-bottom:12px;
  margin-left:12px;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}

.linkPfeil,   /* TODO UM: im Opera und Safari h�ngt die Schrift 1px zu hoch - haengt scheinbar an einer verschiedenen Positionierung des Textes innerhalb der Zeile - alle folgenden Elemente etc. sind korrekt positioniert */
.linkPfeilPDF {
  padding-left:11px;
  color:#FA6E00;
  background-position:1px 4px;
  background-image:url(allg_elemente/linkpfeil_n.png);
  background-repeat:no-repeat;
}
.linkPfeil:hover,
.linkPfeil.lPAusgewaehlt {
  color:#CA0017;
  background-image:url(allg_elemente/linkpfeil_h.png);
}
.linkPfeil.lPAusgewaehlt { cursor:default; }
.linkPfeil:visited {
  color:#BD9A7D;
  background-image:url(allg_elemente/linkpfeil_v.png);
}
.linkPfeil.lPAusgewaehlt:visited { 
  background-image:url(allg_elemente/linkpfeil_h.png);
  color:#CA0017;
}
.linkPfeil.lPKlein {
  padding-left:12px;
  color:#7D7D7D;
  background-position:1px 3px;
  background-image:url(allg_elemente/pfeil_vor_n.png);
  display:block;
  font-size:10px;
  line-height:12px;
}
.linkPfeil.lPKlein:hover,
.linkPfeil.lPKleinAusgewaehlt,
a:hover .linkPfeil.lPKlein {
  background-image:url(allg_elemente/pfeil_vor_h.png);
  color:#232323;
}

a img.breiterRahmen,
a img.schmalerRahmen {
  display:none;
}
a:hover img.breiterRahmen,
a:hover img.schmalerRahmen {
  display:block;
}

.link { color:#FA6E00; }
.link:hover { color:#CA0017; }
.link:visited { color:#BD9A7D; }


ul.stichpunkte li,
ul.anstriche li {
  margin-left:5px;
  padding-left:8px;
  background-position:0px 8px;
  background-image:url(allg_elemente/listenpunkt.png);
  background-repeat:no-repeat;
}

ul.anstriche li {
  margin-bottom:0px;
}

/* fuer Aufzaehlung kein ol mehr verwendet, da ul-Liste im IE dann mysterioeses linkes Padding bekommt */ 
ul.aufzaehlung li { 
  margin-bottom:24px;
  font-weight:bold;
}
ul.aufzaehlung li span { 
  margin-top:8px;
  display:block;
  font-weight:normal;
}

ul.aufzaehlung li ul { 
  margin-top:8px;
}
ul.aufzaehlung li ul li { 
  margin-bottom:8px;
  font-weight:normal;
}


/*
ol.aufzaehlung li { 
  margin-bottom:24px;
  font-weight:bold;
}
ol.aufzaehlung li span { 
  margin-top:8px;
  display:block;
  font-weight:normal;
}

ol.aufzaehlung li ul { 
  margin-top:8px;
}
ol.aufzaehlung li ul li { 
  margin-bottom:8px;
  font-weight:normal;
}
*/

/**************************************************************
* Tabellen
**************************************************************/

table {
  padding:0px;
  margin:0px;
  margin-top:4px;
  margin-bottom:4px;
  border:0px;
  border-spacing:0px;  /*TODO: Internet Explorer erkennt border-spacing nicht*/
  background-color:transparent;
  border-collapse:collapse; /*border-collapse ist dazu da, dass die 3px-Linie nicht unterbrochen wird */
}

thead {
  background-color:#FFF5DA;
}

th {
  font-weight:bold;
  border:0px;
  text-align:left;
  vertical-align:bottom;
}

td {
  border:0px;
  border-bottom:1px solid #F9C5AE;
  vertical-align:top;
}

thead td {
  vertical-align:bottom;
}

table.komplett {
  width:100%;
}

table.komplett th {
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:4px;
}

table.komplett td {
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:4px;
}

table.komplett .fetteLinieDunkel, /* wird statt dieser Def. ein breiter Border definiert, so wird im Opera 9.6 dieser Border von den darauffolgenden
                                     Zeilen zu 2/3 uebermalt, wenn diese Zeilen mittels rowspan kombiniert werden */ 
table.komplett .rowspanAbschluss {
  height:3px;
  margin:0px;
  padding:0px;
  border:0px;
  font-size:0px;
  line-height:0px;
  background-color:#EB410F;
}
table.komplett .rowspanAbschluss { height:0px; } /* im HTML: <tr><td class="rowspanAbschluss" colspan="X"></td></tr>
                                                    ohne diese Zeile werden im FF 3 und Opera 9.6 die unteren Zellen-Border der jeweils letzten Zeile
                                                    eines rowspan-Blocks nicht dargestellt! */

table.unsichtbar th,
table.unsichtbar td {
  padding:0px;
  padding-right:8px;
  border:0px;
  background-color:transparent;
}

table .gerade {  /* .gerade und .ungerade sind verallgemeinert, damit sie bei zeilenuebergreifenden Formatierungen auch von tbody genutzt werden koennen */ 
  background-color:#FFF5DA;
}

table .ungerade {
  background-color:#FFF9EC;
}

table .rechtsRand {
  border-right:1px solid #F9C5AE;
}

table .rechtsRandDunkel,
table .rechtsRandDunkelFett {
  border-right:1px solid #EB410F;
}

table .rechtsRandDunkelFett {
  font-weight:bold;
}

table .untenRand {
  border-bottom:1px solid #F9C5AE;
}

table .untenRandDunkel {
  border-bottom:1px solid #EB410F;
}

table .untenKeinRand {
  border-bottom:0px solid;
}


/**************************************************************
* Galerien
**************************************************************/
div.galerie {
  width:530px;
}
div.galerie.galerieSchmal { width:309px; }

div.galerie p.galerieUeberschrift {
  margin-top:19px;
  margin-bottom:8px;
  font-weight:bold;
}

div.galerie div.galerieUebersicht {
  width:530px;
  margin-left:-8px;
  margin-bottom:16px;
  padding-top:5px;
}
div.galerie div.galerieUebersicht.galUebSchmal {
  width:100%;
  margin-left:0px;
  margin-top:-5px;
}

div.galerieUebersicht div.galUebHGStreifen {
  width:100%;
  height:44px;
  margin-bottom:4px;
  overflow:hidden;
  /*background-color:#4E4E4E;*/
  background-image:url(galerie/galerie_hg.png);
  background-repeat:repeat;
}
div.galerieUebersicht div.galUebHGStreifen.galUebHGStreifen2Reihen { height:92px; }

div.galUebHGStreifen div.galUebStreifenBilder { margin-left:9px; }
div.galUebStreifenBilder a,
div.galUebStreifenBilder img { 
  position:relative;
  height:38px;
  margin-bottom:4px;
  margin-right:3px;
  display:block;
  float:left;
  border-top:3px solid #707070;
  border-bottom:3px solid #707070;
}
div.galUebStreifenBilder a img { 
  margin:0px;
  border:0px;
}
div.galUebStreifenBilder img {
  border-top:3px solid #EB410F;
  border-bottom:3px solid #194599;
}
div.galUebStreifenBilder a:hover {
  border-top:3px solid #EB410F;
  border-bottom:3px solid #194599;
}
div.galUebStreifenBilder a img.galUebStreifenBildH {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
div.galUebStreifenBilder a:hover img.galUebStreifenBildH { display:block; }

div.galerieUebersicht div.galUebSteuerung {
  height:12px;
  margin-left:9px;
  padding-top:2px;
  padding-bottom:14px;
}
div.galerieUebersicht div.galUebSteuerung.galUebStSchmal { 
  /*margin-left:0px;*/
  padding-bottom:6px;
}
div.galUebSteuerung * {
  height:100%;
  display:block;
  float:left;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}
div.galUebSteuerung .galUebStZurueck {
  padding-left:11px;
  padding-right:6px;
  background-position:left 3px;
  background-image:url(allg_elemente/pfeil_zurueck_n.png);
  background-repeat:no-repeat;
}
div.galUebSteuerung a.galUebStZurueck:hover { 
  color:#232323;
  background-image:url(allg_elemente/pfeil_zurueck_h.png);
  cursor:pointer;
}
div.galUebSteuerung .galUebStTrennung {
  width:1px;
  height:10px;
  margin-top:2px;
  font-size:0px;
  line-height:0px;
  background-color:#7D7D7D;
}
div.galUebSteuerung .galUebStVor {
  padding-left:6px;
  padding-right:11px;
  text-align:right;
  background-position:right 3px;
  background-image:url(allg_elemente/pfeil_vor_n.png);
  background-repeat:no-repeat;
}
div.galUebSteuerung a.galUebStVor:hover { 
  color:#232323;
  background-image:url(allg_elemente/pfeil_vor_h.png);
  cursor:pointer;
}

div.galerie img.galerieBild {
  max-width:521px;  
  margin-bottom:11px;
  margin-left:1px;
  border-top:6px solid #EB410F;
  border-bottom:6px solid #194599;
}
div.galerie img.galerieBild.galBildAbstand {
  margin-top:21px;
}
div.galerie img.galerieBild.galBildSchmal {
  max-width:309px;
  margin-left:0px;
}

div.galerie p.galerieBildUnterschrift span {
  margin-top:-6px;
  margin-bottom:12px;
  margin-left:12px;
  display:block;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}

div.galerie p.galerieBildUnterschrift.galBildUnterSchmal span {
  margin-top:-6px;
  margin-bottom:22px;
  margin-left:8px;
  display:block;
  color:#7D7D7D;
  font-size:10px;
  line-height:12px;
}

div.galerie p.galerieText {
  width:508px;
  margin-bottom:16px;
}

div.galerie div.galerieEndAbstand { 
  height:0px;
  margin-bottom:8px;
  font-size:0px;
  line-height:0px;
  background-color:red;
}

/**************************************************************
* Galerie auf der rechten Seite (z. B. fuers Schulportraet)
**************************************************************/

div.inhalteContainer.iCGalrechts {
  width:448px;
  padding-left:23px;
}

div.galerieContainer {
  width:309px;
  margin-top:130px;
  margin-bottom:48px;
  margin-right:0px; /* UM - vorher 80px; */
  float:right;
}

p.zitatbox {
  width:293px;
  margin-top:6px;
  padding:8px;
  padding-top:4px;
  padding-bottom:5px;
  border-top:2px solid #FDD58B;
  border-bottom:2px solid #FDD58B;
  background-color:#FFF2D6;
  color:#7D7D7D;
  font-size:10px;
  line-height:14px;
}

p.zitatbox span.autor {
  margin-top:6px;
  display:block;
  color:#7D7D7D;
  font-size:10px;
  line-height:14px;
}


/**************************************************************
* Startseite
**************************************************************/

img.startUeschrift {
  margin-top:8px;
  height:40px;
}

p.startFliesstext {
  margin-top:8px;
  width:372px;
  z-index:2;
}

img.startCollage {
  position:absolute;
  top:-57px;
  right:-52px;
  width:454px;
  height:329px;
  z-index:1;
}

/**************************************************************
* Projektliste (bspw. bei Schule/Unterricht/Faecher/Projekte)
**************************************************************/

div.inhalteContainer ul.projektListe {
  width:522px;
  margin-left:-8px;
  padding-bottom:5px;
  padding-left:8px;
  border-bottom:1px solid #EE7946;
}

ul.projektListe li {
  color:#4B4B4B;
  margin-bottom:8px;
}

/**************************************************************
* Karte auf der rechten Seite (z. B. fuer die Kontakte)
**************************************************************/

div.inhalteContainer.iCMaprechts {
  width:473px;
  padding-left:23px;
}

div.mapContainer {
  width:284px;
  margin-top:129px;
  margin-bottom:48px;
  margin-right:0px; /* UM - vorher 80px; */
  float:right;
}