/* formate_neu.css (ltr) */

body  
{ direction: ltr; padding: 0px; margin: 0px; }

ul
{ margin: 7px 0 20px 5px;
  padding: 0 0 0 15px; }
  
ol
{ margin: 7px 0 20px 16px;
  padding: 0 0 0 15px; }

select
{ font-family: Verdana, , sans-serif;
  font-size: 11px; }
  

/*---------------------------------------------*/
/*----- Hintergrundfarbe gesamte Seite --------*/
/*---------------------------------------------*/

#bodyTyp4, #bodyTyp3, #bodyTyp2, #bodyTyp1
{ background: url('http://www.goethe.de/css3/projekte/eg_arabshorts/body.gif') repeat; }

/*---------------------------------------------*/
/*------------ Schriftdefinitionen ------------*/
/*---------------------------------------------*/

/*--------------- Schriftarten ----------------*/

body, input, p, td, h1, h2, h3, h4, h5
{ font-family: "Times New Roman", Times, serif; }


/*--------------- Schriftgrößen ----------------*/

body, input, p, td
{ font-size: 14px; }

h1, .s15122, .s21714	
{ font-size: 14px; }
h2
{ font-size: 14px; }
h2.dachzeile, h2.ankernaviuschrift, h2.dachzeileKasten
{ font-size: 14px; }
h3
{ font-size: 18px; }
h4
{ font-size: 14px; }
h5
{ font-size: 14px; }
h5.artikellisteuschrift
{ font-size: 14px; }

.beschreibung_bildtabelle, .bilduschrift, .klein
{ font-size: 10px; }

.languageselectorSelect
{ font-size: 10px; }


/*------------------ Schriftfarben -------------------*/

body, input, p, td, h1, h2, h3, h4, h5 
{ color: #58595b; } /* Schwarz */

a
{ color: #14aaa2; } /* Link-Blau */

a:hover
{ color: #14aaa2; }

.metanavi a,
.metanavi a:hover,
.breadcrumbs,
.bezeichnerSuche a,
.bezeichnerSuche a:hover,
.artikelintro,
.veranstaltungsintro,
.schnelleinstieg a
{ color: #5a5a5a; } /* Grau */

#linkenavi li a:hover,
#linkenavi li span.active,
#linkenavi li span.active a,
.s21714
{ color: #58595b; } /* Schwarz */

#linkenavi li a,
#linkenavi li span.offen
{ color: #a3988f; }

.kalenderLinks1
{ color: #3D3D3D; }

.breadcrumbLink,
.schwarzorange
{ color: #003E7E; } /* Link-Blau */

.footerHauptnavi,
.footerMetanavi,
.footerHauptnavi a,
.footerMetanavi a,
.copy
{ color: #AAAAAA; } /* Hellgrau */

h1.seitentitel,
.s15122
{ color: #5A5A5A; }

h2.ankernaviuschrift, h2.dachzeile
{ border-bottom: 1px solid #d4d4d4;
  color: #5a5a5a; }

h2.hpuschrift, h2.hpuschrift2
{ color: #5a5a5a; } /* Grau */
h2.hpuschrift a
{ color: #003E7E; }
h2.hpuschrift a:hover
{ color: #FF6500; }
  
h5.startseitenteaser
{ color: #5a5a5a;
  border: none; }
  



/*--------------- Zeilenabstand ---------------*/

body,
div,
ul,
li,
table,
td,
.artikeltext,
.artikelteasertext,
.teasertext,
.artikelintro,
.teaserText,
.veranstaltungsintro,
.veranstaltungstext
{ line-height: 18px; }



/*---------------- Fettigkeit -----------------*/

.metanavi li.active,
#hauptnavi,
#hauptnavi li.active,
.seitentitel,
.seitentitelTyp1,
.artikelintro,
.veranstaltungsintro,
.linkzumthemauschrift,
.kalenderMitte1,
.kalenderLinks1,
.artikeluschrift,		/* Alte CSS-Klasse */
.zwischenuschrift,		/* Alte CSS-Klasse */
.s15122,				/* Alte CSS-Klasse */
.s21714					/* Alte CSS-Klasse */
{ font-weight: bold; }

/*-------------- Unterstreichung --------------*/

a
{ text-decoration: none; }

a:hover,
.metanavi a:hover,
#hauptnavi a:hover,
#hauptnavi li.active a:hover,
#linkenavi li a:hover,
#linkenavi ul ul li a:hover,
#linkenavi ul ul ul li a:hover,
.bezeichnerSuche a:hover
{ text-decoration: none; }

/*------------------ Kursiv -------------------*/

.artikelannot,
.beschreibung_bildtabelle, 
.bilduschrift,
.klein
{ font-style: italic; }


/*---------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------*/
/*--------- Positionierendes Wrap -------------*/
/*---------------------------------------------*/

#wrapTyp3
{ position: relative; top: 0px;
  overflow: hidden;
  width: 1037px;
  background: url('http://www.goethe.de/css3/projekte/eg_arabshorts/wrap.jpg') repeat-y; }

#wrapcontentTyp3
{ background: url('http://www.goethe.de/css3/projekte/eg_arabshorts/wrap-content.jpg') no-repeat; 
  width: 1037px;
  display: block; 
  overflow: hidden; }

.rundungTyp3
{ display: none; }
  
    
/*---------------------------------------------*/  
/*---------------- Kopfbereich ----------------*/
/*---------------------------------------------*/

#headerTyp3
{ position: relative; left: 0px;
  display: block; 
  width: 1030px; 
  height: 180px; }

.schattenOben  /* Hintergrundschatten ganz oben */
{ height: 180px;
  display: block;
  clear: left; } 

  
/*-------------- Link www.goethe.de --------------*/  
    
.homelink a  /* Link www.goethe.de */
{ display: none; }
  


/*---------------- Metanavigation ----------------*/
/*----------------- Typ 4 und 3 ------------------*/  

.obereNaviTyp3 
{ position: absolute; right: 10px; top: 15px;
  text-align: right;
  z-index: 99;
  display: block; 
  width: 650px; }

.metanavi  /* Container der Metanavigation + Fhnchen */
{ display: inline;
  text-align: right; }

.metanavi ul
{ margin: 0px 0px 0px 0px;
  padding: 0px; }
  
.metanavi li
{ display: inline;
  list-style-type: none;
  padding-right: 8px;
  padding-left: 8px;
  border-right: 1px solid #969696; }

.metanavi li:last-child
{ display: inline;
  list-style-type: none;
  padding-right: 0px;
  padding-left: 8px;
  border: none; }
  
.metanavi li 
{ border-right: expression((this.parentNode.lastChild == this)? "none" : "1px solid #969696" );
  padding-right: expression((this.parentNode.lastChild == this)? "0px" : "8px" ); }


/*---------------- SprachdropDown ----------------*/  

.sprachdropdown
{ display: inline;
  float: right;
  text-align: right;
  margin: 0px 0px 0px 15px; }
  
.languageselectorForm
{ display: inline; 
  font-size: 8px;
  margin: 0px;
  padding: 0px; }

.languageselectorSelect
{ height: 17px;
  text-align: left;
  vertical-align: center;
  padding: 0px 1px; }
  
  
/*---------------- Logo ----------------*/
  
.logo
{ display: none; }

  
/*---------------- Banner ----------------*/

.bannerTyp3
{ display: none; }  
  
/*---- Schatten oberhalb der Hauptnavigation ---*/

.hauptnaviLinie
{ display: none; }
  

/*-------------- Farbbalken quer --------------*/

#farbbalkenTyp3
{ display: none; }

 
/*---------------------------------------------*/ 
/*--------------- Zwischenraum ----------------*/
/*---------------------------------------------*/

#zwischenraumTyp3
{ position: relative; top: 0px; left: 0px;
  height: 156px;
  clear: left; 
  width: 822px; }

.breadcrumbs
{ display: none; }
  
.seitentitel
{ position: relative; top: 130px; left: 258px; }

.seitentitelLinieTyp3
{ position: relative; top: 138px; left: 257px; z-index: 99;
  width: 513px; height: 1px;
  background: #57585a; }
  

/*---------------------------------------------*/ 
/*--------------- Hauptbereich ----------------*/
/*---------------------------------------------*/ 

#hauptbereich 
{ position: relative; left: 0px; top: 0px; z-index: -1px;
  width: 1029px;
  display: block; clear: left;
  margin: 0px; }
  
.hauptbereichJoker5
{ clear: both; }

  
/*------------- linke Spalte ----------------*/

#linkeSpalte
{ position: relative; top: -83px;
  width: 220px; height: 100%;
  float: left;
  padding: 0px;
  margin: 0px; }

#linkenavi
{ position: relative; top: 0px; left: 0px;
  width: 220px;
  line-height: 15px;
  margin: 0px 0px 16px 0px; }

#linkenavi ul
{ list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  }

#linkenavi li
{ float: left; clear: left;
  width: 220px;
  height: 56px;
  margin: 0px 0px 1px 0px; }
div>#linkenavi li
{ float: none; clear: none; }
  
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active
{ padding: 14px 0px 0px 30px;
  display: block; }

#linkenavi ul li span.active a,
#linkenavi ul li span.active a:hover
{ padding: 0px; }

#linkenavi ul ul, 
#linkenavi ul ul ul
{ display: none; }


/*--------------------- Suche ------------------------*/  

.suche
{ width: 220px;
  overflow: hidden;
  padding: 0px;
  margin: 50px 0px 20px 0px; }

.formSuche
{ margin: 0px 0px 0px 30px;
  padding: 0px; }

.bezeichnerSuche
{ margin-bottom: 2px; }

.inputSuche
{ width: 130px;
  float: left;
  margin: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; }

.iconSuche a
{ background: url('http://www.goethe.de/css3/projekte/eg_arabshorts/suche.gif') no-repeat;
  width: 18px; height: 18px;
  margin: 1px 0 0 10px;
  float: left; }
  
.erweiterteSuche
{ clear: left;
  margin: 0px;
  padding: 0px; }
  
  
/*--------- Sponsorenartikel linke Spalte ----------*/

.sponsorenartikel  
{ width: 120px;
  overflow: hidden;
  margin-bottom: 16px;
  padding: 12px 70px 10px 30px;
  background: url('http://www.goethe.de/css3/projekte/eg_arabshorts/facebook.gif') no-repeat; }


/*------------------ Content -----------------------*/  

#content
{ position: relative; left: 0px; top: 20px;
  width: 510px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  margin: 0px 0px 0px 37px; }
  
div[id] #content 
{ height: auto; }



/*--------------- Rechte Spalte ---------------------*/
  
#rechteSpalte  
{ width: 242px; height: 100%;
  display: inline;  float: right;
  position: relative; top: 17px;
  border-bottom: 20px solid white;
  margin: 0px; }

  
/*--------------- Teaser rechts ---------------------*/  

.teaserRechts
{ background: transparent;
  width: 242px;
  margin-bottom: 0px;
  border-bottom: 1px #959595 dashed; }

.teaserEintrag
{ margin: 0px;
  padding: 0px 0px 5px 0px;
  overflow: hidden;
  display: block; }
  
* html .teaserEintrag
{ display: inline-block; }
*+ html .teaserEintrag
{ display: inline-block; }   
  
.teaserBild
{ width: 60px;
  float: left;
  margin: 4px 5px 1px 0; }
  
.teaserBild img
{ width: 60px; }
  
.teaserText
{ padding: 0px;
  font-size: 12px; }
  
h4.teaseruschrift b
{ font-size: 16px; }

  


/*--------------- Tipps rechts ---------------------*/  
  
.tippsRechts
{ background: transparent;
  width: 242px;
  margin-bottom: 16px; }

.tippsEintrag
{ line-height: 15px; }
  
.tippsEintrag ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  position: relative; }

.tippsEintrag li
{ padding: 0px 0px 4px 0px; }
  
.tippsEintrag li a
{ padding: 0px 0px 0px 12px;
  background: url('http://www.goethe.de/bilder3/symbole/pkt_tipp.gif');
  background-repeat: no-repeat;
  position: relative;
  display: block; }

/*--------- Definitionen für runde Ecken -----------*/
  
.xboxcontent 
{ background: #ffffff;
  display: block; 
  overflow: hidden;
  padding: 4px 8px; }



/*------- Teaser und Tipps ohne Kästen -------------*/

.teaserRechtsOK
{ margin-bottom: 10px;
  padding: 10px 10px 10px 60px;
  display: block;
  width: 172px;
  background: #58595b url('http://www.goethe.de/css3/projekte/eg_arabshorts/box-teaser-rs.gif') no-repeat; }
  
* html .teaserRechtsOK
{ display: inline-block; }
*+ html .teaserRechtsOK
{ display: inline-block; }

.teaserRechtsOK h4.teaseruschrift
{ color: white;
  font-size: 14px;
  font-weight: normal; }
  
.teaserRechtsOK h4.teaseruschrift a
{ font-size: 16px;
  font-weight: bold;
  color: #18e1d7; }

/*---------------------------------------------*/ 
/*------------- Funktionsleiste ---------------*/
/*---------------------------------------------*/ 

#funktionsleisteTyp3
{ position: relative; top: 0px;
  height: 40px;
  margin: 0px;
  clear: left; display: block; 
  width: 1030px; }

.funktionenTyp3
{ position: absolute; top: 22px; left: 258px; 
  width: 300px; 
  text-align: left; }

.drucken
{ float: left; }

.drucken a  
{ background: url('http://www.goethe.de/bilder3/symbole/drucken.gif') no-repeat;
  border-right: 1px solid #969696;
  padding: 0px 9px 0px 0px;
  margin: 0px 10px 0px 0px;
  width: 15px; height: 11px; }

.versenden
{ float: left; }
  
.versenden a
{ background: url('http://www.goethe.de/bilder3/symbole/versenden.gif') no-repeat;
  border-right: 1px solid #969696;
  padding: 0px 10px 0px 0px;
  margin: 0px 9px 0px 0px;
  width: 21px; height: 11px; }
  
.bookmarken1
{ padding: 0px 0px 0px 2px;
  margin: 0px 9px 0px 0px;
  float: left; }
  
.bookmarken2
{ padding: 0px 0px 0px 2px;
  margin: 0px 9px 0px 0px;
  float: left; }
  
.bookmarken3
{ padding: 0px 0px 0px 2px;
  margin: 0px 9px 0px 0px;
  float: left; }
  
.bookmarken4
{ padding: 0px 0px 0px 2px;
  margin: 0px 9px 0px 0px;
  float: left; }
  
.bookmarken5
{ padding: 0px 0px 0px 2px;
  margin: 0px 10px 0px 0px;
  float: left; }

.topTyp3
{ position: absolute; top: 20px; right: 10px; 
  text-align: right;
  width: 220px; }
  
.topTyp3 a
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; }

.iconTop
{ background: url('http://www.goethe.de/bilder3/symbole/oben.gif') no-repeat;
  position: relative; bottom: -4px;
  width: 11px; height: 9px;
  display: inline; float: right;
  vertical-align: bottom;
  padding: 0px;
  margin: 0px; } 
span>.iconTop
{ position: relative; bottom: -1px; } 


/*---------------------------------------------*/ 
/*------------------ Footer -------------------*/
/*---------------------------------------------*/ 

#footerTyp3
{ clear: left;
  margin-bottom: 10px;
  width: 1030px;
  height: 100px;
  background: url('http://www.goethe.de/css3/projekte/eg_arabshorts/footer.gif') no-repeat; }

  
.footerLinieTyp3
{ display: none; }
  
.footerMetanavi
{ text-align: left;
  padding: 4px 0px 0px 254px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; }


/*---------------------------------------------*/ 
/*----------- Weitere Definitionen ------------*/
/*---------------------------------------------*/   

/*------------------ Bilder -------------------*/

img 
{ border: none }			/* kein Rahmen ums verlinkte Bild */

.normalgrafik
{ float: left;
  overflow: hidden;
  margin: 3px 10px 3px 0px;
  border: none; }

.normalgrafik_x
{ float: left;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  border: none; }

.normalgrafik_gegenueber
{ float: right;
  overflow: hidden;
  margin: 3px 0px 3px 10px;
  border: none; }

.bildBox
{ float: left;
  margin: 0 10px 3px 0; }
.bild
{ clear: left; }
.bild .normalgrafik
{ margin: 3px 0px; }
.bildunterschrift
{ clear: left;
  font-size: 10px;
  font-style: italic; }

.rssBild1
{ display: none; visibility: hidden; }

/*-------------- Überschriftendefinitionen --------------*/

h1.seitentitel, h1.seitentitelTyp1
{ margin: 0px; }

h2.ankernaviuschrift
{ margin: 10px 0px 15px 0px; 
  padding: 0px 0px 2px 0px; }
  
h2.ankernaviuschrift a, h2.ankernaviuschrift a:hover 
{ margin: 10px 0px 15px 0px; 
  padding: 0px 0px 2px 0px;
  text-decoration: none;
  color: #5A5A5A; }
  
h2.dachzeile
{ margin: 0px 0px 8px 0px; 
  padding: 0px 0px 2px 0px; }

h3.artikeluschrift, h3.veranstaltungsuschrift
{ margin: 0px 0px 10px 0px; } 

h3.artikelteaseruschrift
{ margin: 0px 0px 2px 0px; }

h4.teaseruschrift
{ margin: 0px 0px 0px 0px;
  position: relative; z-index: 99;
  font-weight: normal;
  padding: 4px 0px 0px 0px; }

h4.urluschrift
{ margin: 0px; }
  
h4.unteruschrift
{ margin: 0px 0px 20px 0px; }

h4.teaserunteruschrift
{ margin: 0px 0px 3px 0px; }
  
h4.zwischenuschrift,
h4.s21714
{ margin: 20px 0px 10px 0px; }
  
h5.linkzumthemauschrift
{ margin: 0px 0px 10px 0px;
  clear: left; }

h5.tippsuschrift
{ margin: 0px 0px 7px 0px; }

h5.artikellisteuschrift
{ margin: 0px 0px 10px 0px; }

h5.startseitenteaser
{ margin: 0px 0px 5px 0px;
  padding: 0px; }
  
h5.kalenderuschrift
{ margin: 0px;
  padding: 2px 8px;
  background: transparent; }


/*---------------- Ankernavi ------------------*/

.ankernavi
{ margin-bottom: 40px; }

.ankernavi ul
{ margin: 0px;
  padding: 0px;
  list-style: none; }

.ankernavi li
{ padding: 0px 0px 3px 0px; }

.ankernavi li a
{ padding: 0px 0px 0px 16px;
  background: url('http://www.goethe.de/bilder3/symbole/anker.gif');
  background-repeat: no-repeat;
  position: relative; }
  
.ankernaviTop
{ text-align: right;
  margin: 0px 0px 10px 0px; }
  
.ankernaviTop a
{ padding: 2px 12px 0px 0px;
  background: url('http://www.goethe.de/bilder3/symbole/oben.gif');
  background-repeat: no-repeat;
  background-position: center right; }


/*---------------- Artikel ------------------*/

.artikelteaser
{ display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 25px; }
  
* html .artikelteaser
{ display: inline-block; }
*+ html .artikelteaser
{ display: inline-block; }
  
.weiterlink
{ margin-left: 5px; }

.artikeltext
{ display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px; }

* html .artikeltext
{ display: inline-block; }
*+ html .artikeltext
{ display: inline-block; }

.artikelannot
{ text-align: right;
  margin-top: 30px;
  margin-bottom: 30px; }

  
/*----- Liste mit blauen Pfeilen als Aufzählungszeichen (wie Weitere Artikel) ------*/  
  
.artikelliste
{ margin: 5px 0px 0px 0px;
  padding: 0px; }

.artikelliste ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none; }

.artikelliste li
{ padding: 0px 0px 3px 0px; }

.artikelliste li a
{ padding: 0px 0px 0px 11px;
  background: url('http://www.goethe.de/bilder3/symbole/link.gif');
  background-repeat: no-repeat;
  position: relative;
  display: block; }

  
/*----- Liste mit grauen Vierecken als Aufzählungszeichen (wie Link-Tipps) ------*/
  
.linkliste
{ margin: 0px;
  padding: 5px 0px 0px 0px;
  line-height: 15px; }

.linkliste ul
{ margin: 0px;
  padding: 0px;
  list-style: none; }

.linkliste li
{ padding: 0px 0px 2px 0px; }

.linkliste li a
{ padding: 0px 0px 0px 10px;
  background: url('http://www.goethe.de/bilder3/symbole/pkt_tipp.gif');
  background-repeat: no-repeat;
  position: relative; }  



/*--------------- Listen-Template -----------------*/

.artikeluschriftliste
{ margin: 0px;
  padding: 0px; }

.artikeluschriftliste ul
{ margin: 0px 0 15px 0;
  padding: 0px;
  list-style: none; }

.artikeluschriftliste li
{ padding: 0px 0px 8px 0px; }

.artikeluschriftliste li a
{ padding: 0px 0px 0px 11px;
  background: url('http://www.goethe.de/bilder3/symbole/link.gif');
  background-repeat: no-repeat;
  position: relative;
  display: block; }

  
  
    
/*---------------- Tabellen ------------------*/  

.tabelle,
.tabelle td
{ padding: 3px;
  border-collapse: collapse;
  vertical-align: top;
  border: 2px solid white; }
 

/*---------------- Links zum Thema ------------------*/

.linkzumthema
{ margin-bottom: 30px; }

.linkzumthema ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none; }

.linkzumthema li
{ background-image: url('http://www.goethe.de/bilder3/symbole/link.gif');
  background-repeat: no-repeat;
  padding: 0px 0px 5px 13px;
  position: relative; }
  
 
/*------- URL-Objekte im Content-Bereich -----------*/

.url,							/* GI-Webprojekt */
.urlExt							/* Externer Link */
{ width: 100%; 
  clear: left;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  overflow: hidden;
  display: block; }
  
* html .url,
* html .urlExt
{ display: inline-block; }
*+ html .url,
*+ html .urlExt
{ display: inline-block; }

.urlBild
{ width: 100px;
  float: left; 
  margin: 0px 10px 5px 0px; }

.urlBild img
{ width: 100px; }

.urlBild .normalgrafik
{ margin: 2px 0px 0px 0px; }
  
.urlEintrag
{ line-height: 15px;
  padding: 0px; }
  
.urlQuelle 
{ display: inline }


/*----------------------------------------------------*/
/*-------------- Sonstige Formatierungen -------------*/  


.annot_form /* Annotation und Pflichtfeld für Formulare */
{ font-size: 10px; 
  text-align: right; }

.asterisk /* Annotation und Pflichtfeld für Formulare */
{ font-size: 10px; 
  color: red }
  
.artikelbeginn  /* wird einem ersten <p> in Intro und Text AUTOMATISCH hinzugefügt (bewirkt, dass ein vom Redakteur eingegebenes <p> neutralisiert wird) */
{ margin-top: 0px; }

.startseitenteaser p
{ margin: 0px; }

  

/*----------------------- KDF -----------------------*/

.kdf-delete
{ margin: none; padding: none; border: none; }


.kuratorBox
{ background: #737373;
  padding: 12px;
  color: #ffffff; }
  
.kuratorBox a
{ color: #18e1d7; }