﻿/*
Theme Name: Tagore-Design
Theme URI: http://tagore-schule.de/
Description: Dieses Design h&auml;lt sich nahezu ausschlie&szlig;lich an das Design v4 der <a href="http://www.tagore-schule.de/">Tagore-Schule</a>.
Version: 1.1
Author: Christian Vo&szlig; nach muViCom
Author URI: http://muvicom.de
Tags: Design v4 der Tagore-Schule in blau
*/

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; }

/*Bilder*/
div.kopfContainer {
  background-image:url(images/schattenrahmen_o.png);
}
div.fussContainer {
  background-image:url(images/schattenrahmen_u.png);
}
div.basisContainer {
  background-image:url(images/schattenrahmen_l_r.png);
}
div.hauptbereichInhalteContainer div.menueFussHG {
  background-image:url(images/hauptmenue_fuss.png);
}
ul li {
  background-image:url(images/listenpunkt.png);
}
div.hauptmenue div.hmButNormal a:hover,
div.hauptmenue div.hmButAusgewaehlt {
  background-image:url(images/hauptmenue_pfeilrechts_h.png);
}
div.hauptmenue div.hmButNormal a {
  background-image:url(images/hauptmenue_pfeilrechts_n.png);
}
ul.feed li{
  background-image:url(images/feed.png);
}
ul.feed li.facebook {
  background-image:url(images/facebook.png);
}
/*Bilder Ende*/

div.post {
  margin-top:17px;
  margin-bottom:10px;
}

div.post h2 {
  margin-top:0px;
}
div.post div.data div.top_abstand{
  padding-top:7px;
}
div.post div.data img, 
div.userbox img {
  float:left;
  margin:0px;
  padding:0px;
}
div.post div.data img {
  margin-right:10px;
}
div.userbox img {
  margin-right:6px;
}
/* Einrueckung der Posts
div.entry {
  padding-left:5px;
  padding-right:5px;
}
*/
div.entry p a, 
div.entry ul li a,
div.widecolumn form p a,
p.comment a,
ul.feed li a {
  color:#2F5F8F;
  text-decoration:none;
}
div.entry p a:hover, 
div.entry ul li a:hover,
div.widecolumn form p a:hover,
p.comment a:hover,
ul.feed li a:hover {
  color:#152B40;
}

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

input {
  line-height:15px;
}
div.suchbox input, input.button, input {
  border:1px solid #4B4B4B;
  background-color:#FFFFFF;
}
input.button {
  color:#4B4B4B;
}
input.button:hover {
  color:#2F5F8F;
  border:1px solid #000000;
  background-color:#F4F4F4;
}

img { 
  display:block; 
}
div.entry p img {
  border-bottom:6px solid #EB410F;
  border-top:6px solid #194599;
  margin-bottom:8px;
  margin-top:8px;
}
div.entry p img.wp-smiley,
img.wp-smiley {
  border-bottom:0px;
  border-top:0px;
  margin-bottom:0px;
  margin-top:0px;
  display:inline;
  vertical-align:top;
}

ul { 
  list-style-type:none; 
}

div.entry ul {
  margin-bottom:8px;
}

ul li {
  margin-top:3px;
  margin-bottom:3px;
  margin-left:5px;
  padding-left:8px;
  background-position:0px 7px;
  background-repeat:no-repeat;
}

ul.feed {
  margin-bottom:0px;
}

ul.feed li {
  background-position:0px 1px;
  padding-left:18px;
}

div.feed {
  width:180px;
  margin-top:7px; 
  padding-left:8px;
  padding:4px;
  border:1px solid #2f5f8e;
  border-left:0px;
  border-right:0px;
}

h1, h1 a {
  font-size:18px;
  line-height:20px;
  margin-bottom:3px;
}
.subtitle, .subtitle div {
  font-size:9px;
  margin-left:2px;
}
.subtitle a, .subtitle div a {
  font-size:9px;
}
.subtitle.postmetadata, .subtitle.postmetadata div {
  margin-left:0px;
}
h2, h2 a {
  font-size:15px;
  line-height:19px;
  margin-bottom:3px;
}
h3, h3 a, p.h3Ueberschrift {
  font-weight:bold;
  font-size:13px;
  line-height:15px;
  margin-top:11px;
  margin-bottom:5px;
}
div.narrowcolumn hr {
  margin-top:7px;
}

h4 {
  margin-bottom:6px;
}
hr {
  height:0px;
  margin-top:5px;
  margin-bottom:6px;
  border:0px;
  border-top:1px solid #2F5F8E;
  color:#2F5F8E;
}

div.entry p, div.entry table {
  margin-bottom:8px;
  margin-top:8px;
}

div.entry table {
  border-collapse:collapse;
  width:100%;
}

div.entry table tr td,
div.entry table tr th {
  border:1px solid #2F5F8E;
  padding:2px;
}
div.entry table tr th {
  font-weight:bold;
}

/* single.php */

div.alignleft {
  float:left;
}
div.alignright {
  float:right;
}

ol { list-style-type:none; }

ol.commentlist {
  margin-top:7px;
  margin-bottom:3px;
  margin-left:5px;
  margin-right:5px;
  padding-left:8px;
  padding-right:8px;
}
ol.commentlist li {
  margin-bottom:5px;
  border:1px solid #4B4B4B;
  padding:5px;
  padding-left:7px;
  padding-right:7px;
}
div.toComment {
  margin-left:13px;
  margin-right:13px;
  margin-bottom:8px;
  padding:5px;
  padding-left:7px;
  padding-right:7px;
  border:1px solid #4B4B4B;
}
div.toComment textarea {
  width:465px;
  margin-top:5px;
  margin-bottom:5px;
}

div.comment {
  padding-bottom:6px;
}
	
div.comment img,
div.toComment img {
  float:left;
  margin-right:5px;
}
div.comment p.author,
div.toComment  p.author {
  padding-top:2px;
}

/**************************************************************
* 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-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-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;
  background-image:url('images/hintergrund.jpg');
}

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:5000px;    /* sollte eine Seite hoeher werden und somit die Flaeche zu kurz, kann der Wert einfach vergroessert werden */
  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-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 {
  width:174px;
}

div.hauptmenue div.hmButNormal a,
div.hauptmenue div.hmButAusgewaehlt a {
  width:148px;
  height:20px;
  padding-top:1px;
  padding-left:26px;
  display:block;
  overflow:hidden;
  font-size:12px; /* TODO UM: im Safari 3.1 sitzt Schrift 1px zu hoch! */
  line-height:18px;
  background-position:18px 7px;
  background-repeat:no-repeat;
}
div.hauptmenue div.hmButNormal a {
  color:#7D7D7D;
}

div.hauptmenue div.hmButNormal a:hover,
div.hauptmenue div.hmButAusgewaehlt a,
div.hauptmenue div.hmButAusgewaehlt a:hover {
  color:#232323;
}

div.hauptmenue div.hmButAusgewaehlt {
  width:148px;
  background-position:18px 7px;
  background-repeat:no-repeat;
}

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

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

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

div.hauptmenue div.hmEbene2 div.hmE2ButNormal 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 {
  height:16px;
  color:#232323;
  line-height:15px;
}

/****** 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;
}


/**************************************************************
* 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.iCNavrechts{
  width:533px;
}

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(images/linkpfeil_n.png);
  background-repeat:no-repeat;
}
.linkPfeil:hover,
.linkPfeil.lPAusgewaehlt {
  color:#CA0017;
  background-image:url(images/linkpfeil_h.png);
}
.linkPfeil.lPAusgewaehlt { cursor:default; }
.linkPfeil:visited {
  color:#BD9A7D;
  background-image:url(images/linkpfeil_v.png);
}
.linkPfeil.lPAusgewaehlt:visited { 
  background-image:url(images/linkpfeil_h.png);
  color:#CA0017;
}
.linkPfeil.lPKlein {
  padding-left:12px;
  color:#7D7D7D;
  background-position:1px 3px;
  background-image:url(images/pfeil_vor_n.png);
  display:block;
  font-size:10px;
  line-height:12px;
}
.linkPfeil.lPKlein:hover,
.linkPfeil.lPKleinAusgewaehlt,
a:hover .linkPfeil.lPKlein {
  background-image:url(images/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.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;
}
*/

/**************************************************************
* 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:-6px;
}

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;
}

