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

html
{ overflow: -moz-scrollbars-vertical; }

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

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

#bodyTyp4, #bodyTyp3, #bodyTyp2, #bodyTyp1
{ background-image: url('http://www.goethe.de/css3/projekte/pl_promised-city/background.jpg');
  background-repeat: repeat; }


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

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

body, input, p, td, h1, h2, h3, h4, h5
{ font-family: tahoma, verdana, sans-serif; }

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

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

.metanavi
{ font-size: 11px; }

h2
{ font-size: 12px; }
h2.dachzeile, h2.ankernaviuschrift
{ font-size: 12px; }
h3
{ font-size: 20px;
  text-transform: uppercase; }
h4
{ font-size: 13px; }
.artikelintro
{ font-size: 13px;
  text-transform: uppercase; }
h5
{ font-size: 12px; }
h5.artikellisteuschrift
{ font-size: 12px; }

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

.languageselectorSelect
{ font-size: 10px; }

#linkenavi ul ul li
{ font-size: 11px; }


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

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

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

a:hover
{ color: #000000; }

.metanavi a,
.metanavi a:hover,
.metanavi .active
{ color: white; }

.bezeichnerSuche a,
.bezeichnerSuche a:hover
{ color: #5a5a5a; } /* Grau */

h3
{ color: #000000; }

h4,
.artikelintro,
.veranstaltungsintro
{ color: #333333; }

#hauptnavi a,
#linkenavi li a
{ color: #FFFFFF; } /* Weiß */

#hauptnavi li a:hover,
#hauptnavi li.active,
#hauptnavi li.active a,
#hauptnavi li.active a:hover,
#linkenavi li span.offen a:hover
{ color: black; }
#linkenavi li span.offen a
{ color: #ffed00; }

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

.kalenderLinks1
{ color: #3D3D3D; }

h2.ankernaviuschrift, h2.dachzeile
{ border-bottom: 1px solid #d4d4d4;
  color: #5a5a5a; }
  
.topTyp4 a
{ color: #919191;
  font-size: 11px; }


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

table,
td,
.artikeltext,
.artikelteasertext,
.teasertext,
.artikelintro,
.teaserText,
.veranstaltungsintro,
.veranstaltungstext
{ line-height: 17px; }





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

.metanavi li.active,
.kalenderMitte1,
.kalenderLinks1
{ font-weight: bold; }

h2, h3, h4, .artikelintro
{ font-weight: normal; }

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

a
{ text-decoration: none; }

a:hover,
.metanavi a:hover
{ text-decoration: underline; }

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

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


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

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

#wrapTyp4
{ position: relative; top: 0px;
  margin: 0 auto;
  overflow: hidden; 
  width: 950px;
  background: #000000; }
  
#wrapcontentTyp4
{ display: block; 
  overflow: hidden; 
  width: 940px;
  margin: 0px 5px; }  

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

#headerTyp4
{ position: relative; left: 0px;
  display: block; 
  width: 940px; 
  height: 236px; }

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

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

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

.obereNaviTyp4
{ position: absolute; right: 2px; top: 0px;
  text-align: right;
  z-index: 99;
  display: block;
  width: 650px; }

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

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

.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 #ffffff" );
  padding-right: expression((this.parentNode.lastChild == this)? "0px" : "8px" ); }
 
  



/*---------------- Schließen-Link ----------------*/
/*----------------- Typ 2 und 1 ------------------*/  
  
.schliessen a
{ display: inline;
  text-align: right;
  float: right;
  padding: 0 15px 0 14px;
  margin: 4px 0 0 14px;
  border-left: 1px solid #969696;
  background: url('http://www.goethe.de/bilder3/symbole/schliess.gif') no-repeat;
  background-position: bottom right; }
  
  
/*---------------- Fähnchen ----------------*/  

.faehnchen
{ display: inline;
  float: right;
  text-align: right; }

.faehnchen ul
{ margin: 3px 0px 0px -3px;
  padding: 0px 0px 0px 12px; }
div>.faehnchen ul
{ margin: 3px 0px 0px 0px; }

.faehnchen li
{ display: inline;
  list-style-type: none;
  padding-right: 0px; padding-left: 6px; }

 
/*---------------- Logo ----------------*/
  
.logo
{ position: absolute; left: 0px; top: 21px; 
  width: 181px;
  height: 180px;
  z-index: 99;
  background: url('http://www.goethe.de/bilder3/logos/promised-city.gif') no-repeat; }
  
.logo img
{ display: none; }

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

.bannerTyp4
{ position: relative; top: 21px; right: 0px;
  width: 940px; height: 180px;
  text-align: right; }
  
.bannerTyp4 img
{ height: 180px; }
  
  
/*---- Schatten oberhalb der Hauptnavigation ---*/

.hauptnaviLinie
{ height: 6px; }
  

/*----------- Hauptnavigation quer ------------*/
/*-------------- Typ 4 Microsite --------------*/
 
#hauptnavi
{ position: relative; top: 0px; left: 0px;
  width: 940px; height: 23px; }

#hauptnavi ul
{ position: absolute; left: 0px; top: 0px;
  height: 23px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

#hauptnavi li 
{ display: inline;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height: 23px;
  line-height: 23px;
  text-transform: uppercase; }
  
#hauptnavi li a
{ float: left;
  vertical-align: center;
  margin: 0px;
  padding: 0px 14px; }
  
#hauptnavi li.active
{ float: left;
  vertical-align: center;
  margin: 0px;
  padding: 0px 14px;
  background: #ffec00; }
 
#hauptnavi li.active a,
#hauptnavi li.active a:hover
{ padding: 0px; }

#hauptnavi li a:hover  /* hintergrund Menüpunkt bei Hoover */
{ background: #ffec00; }

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

#zwischenraumTyp4
{ display: none; }  

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

#hauptbereich 
{ position: relative; left: 0px; top: 0px; z-index: -1px;
  width: 940px;
  background: url('http://www.goethe.de/css3/projekte/pl_promised-city/content.gif') repeat-y;
  display: block; clear: left;
  margin: 0px;
  padding: 0px 0px 10px 0px; }
  
.hauptbereichJoker5
{ clear: both; }

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

#linkeSpalte
{ position: relative; top: 0px;
  width: 181px; height: 100%;
  float: left;
  display: inline;
  padding: 0px 0px 10px 0px;
  margin: 0px 5px 0px 0px;
  border-bottom: 1px solid white; }

#linkenavi
{ position: relative; top: 0px; left: 0px;
  width: 181px;
  background: black;
  line-height: 15px;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 5px 0px;
  text-transform: uppercase; }

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

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

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

#linkenavi ul ul li
{ float: left; clear: left;
  width: 181px;
  margin: 0px 0px 0px 0px;
  list-style-type: none; }
div>#linkenavi ul ul li 
{ float: none; clear: none; }
  
#linkenavi ul ul a, 
#linkenavi ul ul a:hover,
#linkenavi ul ul li span.active
{ padding: 2px 2px 2px 25px;
  display: block; }
  
#linkenavi ul ul ul
{ margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; }

#linkenavi ul ul ul li
{ float: left; clear: left;
  width: 165px;
  margin: 0px 0px 0px 0px;
  list-style-type: none; }
div>#linkenavi ul ul li 
{ float: none; clear: none; }
  
#linkenavi ul ul ul a,
#linkenavi ul ul ul a:hover,
#linkenavi ul ul ul li span.active
{ padding: 2px 2px 2px 35px;
  display: block; }

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

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

#linkeSpalteStartseite
{ position: relative; top: 0px;
  width: 181px; height: 100%;
  float: left;
  display: inline;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  border-bottom: 1px solid #ffed15; }

#linkenaviStartseite
{ position: relative; top: 0px; left: 0px;
  width: 181px;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 10px 0px;
  clear: left; }

.startseitenteaser
{ padding: 0px;
  margin: 0px;
  clear: left;
  border-bottom: 5px solid #000000; }
  
.startseitenteaser .warschau
{ padding: 130px 14px 14px 14px; line-height: 17px; }
.startseitenteaser .berlin
{ padding: 125px 14px 14px 14px; line-height: 17px; }
.startseitenteaser .mumbai
{ padding: 125px 14px 14px 14px; line-height: 17px; }
.startseitenteaser .facebook
{ padding: 100px 14px 14px 14px; line-height: 17px; }

.startseitenteaser .warschau
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/warschau_weiss.png') no-repeat; }
.startseitenteaser .berlin
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/berlin_weiss.png') no-repeat; }
.startseitenteaser .mumbai
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/mumbai_weiss.png') no-repeat; }
.startseitenteaser .facebook
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/facebook.png') no-repeat; }

/*--------------- Farben linke Navi ----------------*/



#linkenavi ul li a:hover,
#linkenavi ul li span.active a,
#linkenavi ul li span.active,
#linkenavi ul li span.offen a:hover
{ background-color: #ffed00; }

#linkenavi ul li span.offen a
{ background-color: #000000; }      
 
  
/*--------- Sponsorenartikel linke Spalte ----------*/

.sponsorenartikel  
{ width: 181px;
  overflow: hidden;
  margin: 100px 0px 16px 0px;
  padding: 0px;
  background: #FFFFFF;
  /*border-top: 5px solid #000000;*/ } /* wieder einblenden wenn die Boxen für Blog, Facebook, Bild der Woche benötigt werden */
  
.sponsorenartikel .artikeltext
{ padding: 0px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 13px; }

.blog,
.bildderwoche
{ clear: both;
  border-bottom: 5px solid black; 
  padding: 38px 14px 6px 14px; }

.blog
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/blogBG.jpg') no-repeat; }
.facebook
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/facebookBG.jpg') no-repeat; }
.bildderwoche
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/bildBG.jpg') no-repeat; }


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

#content
{ position: relative; left: 0px; top: 0px;
  width: 568px; min-height: 400px; height: 400px;
  display: inline; float: left;
  padding: 0px;
  margin: 0px 5px 0px 0px; }
  
div[id] #content 
{ height: auto; }


/*--------------- Rechte Spalte ---------------------*/
  
#rechteSpalte  
{ width: 181px; height: 100%;
  display: inline;  float: left;
  position: relative; top: 0px;
  margin: 0px; }

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

.teaserRechts
{ background: transparent;
  width: 181px;
  margin-bottom: 5px;
  border-bottom: 5px solid #000000; }

.teaserEintrag
{ margin: 0px;
  padding: 0 0 5px 0;
  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; }

  


/*--------------- Tipps rechts ---------------------*/  
  
.tippsRechts
{ background: transparent;
  width: 181px;
  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: 0px; }
  
.warschau
{ padding: 130px 14px 14px 14px; line-height: 17px; }

.berlin
{ padding: 125px 14px 14px 14px; line-height: 17px; }

.bukarest
{ padding: 125px 14px 14px 14px; line-height: 17px; }

.mumbai
{ padding: 125px 14px 14px 14px; line-height: 17px; }

.warschau
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/warschau.png') no-repeat; }
.berlin
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/berlin.png') no-repeat; }
.bukarest
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/bukarest.png') no-repeat; }
.mumbai
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/mumbai.png') no-repeat; }


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

.teaserRechtsOK
{ margin-bottom: 5px;
  border-bottom: 5px solid #000000;
  display: block;
  padding: 14px; }
  
* html .teaserRechtsOK
{ display: inline-block; }
*+ html .teaserRechtsOK
{ display: inline-block; }


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

#funktionsleisteTyp4
{ position: relative; top: 0px;
  height: 25px;
  margin: 0px;
  clear: left; display: block; 
  width: 940px; }

.funktionenTyp4
{ position: absolute; left: 187px; top: 7px; 
  width: 300px; 
  text-align: left; }

.drucken
{ float: left; }

.drucken a  
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/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/css3/projekte/pl_promised-city/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; }

.topTyp4
{ position: absolute; right: 187px; top: 7px; 
  text-align: right;
  width: 220px; }

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


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

#footerTyp4
{ clear: left;
  margin: 0px 0px 10px 0px; 
  width: 940px;
  border-top: 5px solid #ffffff;
  height: 70px;
  background: url('http://www.goethe.de/css3/projekte/pl_promised-city/footer.gif') no-repeat; }
  
.footerLinieTyp4
{ display: none; }
  
.footerHauptnavi, .footerMetanavi
{ display: none; }


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

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

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

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

.normalgrafik_x
{ clear: left;
  margin: 0px -14px 10px -14px;
  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 --------------*/

h2.ankernaviuschrift
{ margin: 10px 14px 15px 14px; 
  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;
  padding: 20px 14px 0px 14px; } 

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

h3.zwischenuschrift
{ margin: 10px 0px 0px 0px; }

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

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;
  padding: 0px 14px; }

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

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

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


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

.ankernavi
{ margin-bottom: 40px; }

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

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

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


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

.artikelteaser
{ display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 40px 14px;
  border-bottom: 5px solid #000000; }
  
.artikelteasertext
{ text-transform: uppercase; }
  
* html .artikelteaser
{ display: inline-block; }
*+ html .artikelteaser
{ display: inline-block; }
  
.weiterlink
{ margin: 10px 0px 0px 0px;
  display: block;
  clear: both;
  text-transform: none; }

.artikeltext
{ display: block;
  clear: both;
  margin-bottom: 20px;
  padding: 0px 14px; }

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

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

  
/*----- 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/css3/projekte/pl_promised-city/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/css3/projekte/pl_promised-city/link.gif');
  background-repeat: no-repeat;
  position: relative;
  display: block; }

  
/*------------ Veranstaltungskalender -------------*/

#content > br
{ margin: 0px;
  line-height: 0px; }

#vkalenderAuswahl_div
{ margin: 0px 0px 10px 0px;
  padding: 10px 14px !important;
  width: auto !important;
  background: #ffffff !important; }

.tabelleKalender
{ clear: left;
  width: 100%; 
  border-collapse: collapse;
  margin: 0px 0px 10px 0px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0 2px 0; }
div>.tabelleKalender
{ margin: 0px 0px 10px 0px; }

.zelleKalenderLinks, .zelleKalenderMitte, .zelleKalenderRechts
{ border-collapse: collapse; padding: 5px 10px; vertical-align: top; }

.zelleKalenderLinks 
{ width: 25%;
  padding: 5px 8px 5px 14px; }

.zelleKalenderMitte 
{ width: 50%;
  background: #ffec13; }

.zelleKalenderRechts 
{ width: 25%; }

.veranstaltungsintro
{ margin-bottom: 30px; }

.veranstaltungstext
{ display: block; clear: left;
  overflow: hidden;
  margin-bottom: 20px; }
  
.zeileKalenderuschrift, .zelleKalenderuschrift
{ display: none; }

.zeileKalendereintrag 
{ background-color: #FFFFFF; }
 
.zelleKalenderLinks, 
.zelleKalenderMitte, 
.zelleKalenderRechts
{ border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0; }
  
    
/*---------------- Tabellen ------------------*/  

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

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

.linkzumthema
{ margin-bottom: 30px;
  padding: 0px 14px; }

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

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

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

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

.urlBild img
{ width: 284px; }

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



/*-------------- RSS in der rechten Spalte -------------*/ 

.rssliste
{ margin: 8px 0px 0px 0px;
  padding: 0px;
  line-height: 14px; }

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

.rssliste li
{ padding: 0px 0px 5px 0px; }

.rssliste li a
{ padding: 0px 0px 0px 12px;
  background: url('http://www.goethe.de/css3/projekte/pl_promised-city/link.gif');
  background-repeat: no-repeat;
  position: relative;
  display: block; }

.portallink
{ text-align: right;
  width: 166px;
  font-weight: bold;
  font-size: 10px;
  margin: 5px 0 0 0; }
  
.portalicon
{ display: inline;
  padding: 1px 0 0 0;
  width: 16px; height: 11px; }
  
.portalicon img
{ width: 16px; height: 11px; }


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


.mediabox
{ background: #cccccc;
  margin: 0px -14px 10px -14px;
  clear: both;
  text-align: center;
  width: 568px;
  padding: 10px 0px; }

.mediaboxvideo
{ background: #FFFFFF;
  margin: 0px -14px 10px -14px;
  clear: both;
  text-align: center;
  width: 568px;
  padding: 0px 0px; }

  
/*------------------- Teaser-Übersichtsseiten -------------------*/

.boxBreit .text
{ width: 568px; 
  border-bottom: 5px solid black;
  margin: 0px -14px 10px -14px;
  padding: 10px 0px;
  clear: left; }

.boxLinks1,
.boxRechts1,
.boxLinks2,
.boxRechts2
{ width: 284px; 
  height: 196px;
  border-bottom: 5px solid black;
  margin: 0px;
  padding: 0px; }
  
.boxLinks1,
.boxLinks2
{ float: left; }

.boxRechts1,
.boxRechts2
{ float: right; }

.boxBreit .normalgrafik,
.boxBreit .normalgrafik_x,
.boxLinks1 .normalgrafik,
.boxRechts1 .normalgrafik,
.boxLinks1 .normalgrafik_x,
.boxRechts1 .normalgrafik_x,
.boxLinks2 .normalgrafik,
.boxRechts2 .normalgrafik,
.boxLinks2 .normalgrafik_x,
.boxRechts2 .normalgrafik_x
{ margin: 0px;
  float: none;
  clear: left; }

.text
{ padding: 10px;
  clear: left;
  color: black;
  height: 78px;
  overflow: hidden; }
  
.text h3.artikelteaseruschrift
{ font-size: 15px;
  margin: 0 0 2px 0; }

.boxBreit .artikelteaser
{ background: none;}
.boxLinks1 .text
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/bg_teaser1.gif') no-repeat; }
.boxRechts1 .text
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/bg_teaser2.gif') no-repeat; }
.boxLinks2 .text
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/bg_teaser3.gif') no-repeat; }
.boxRechts2 .text
{ background: url('http://www.goethe.de/css3/projekte/pl_promised-city/bg_teaser4.gif') no-repeat; }


.infotext
{ background: #ffed15; 
  padding: 14px;
  color: #000000;
  margin: 0px -14px; }
  
  
.infotext p,
.infotext h2.dachzeile
{ color: #000000; }