/* formate_neu.css (ltr) */

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

ul
{ margin: 7px 0 20px 5px;
  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-color: #a7a7a7; }

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

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

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

.home,
.metanavi,
.metanavi a,
.metanavi a:hover,
.schliessen,
#hauptnavi,
#hauptnavi a,
#hauptnavi a:hover,
#hauptnavi li.active,
#hauptnavi li.active a,
#hauptnavi li.active a:hover,
.breadcrumbs,
.breadcrumbLink,
.bezeichnerSuche,
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active,
#linkenavi ul li span.offen,
.schnelleinstieg,
h5.startseitenteaser,
.startseitenteaser,
.startseitenteaser p,
.erweiterteSuche
{ font-family: tahoma, verdana, sans-serif; } 

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

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

h1, .s15122, .s21714	
{ font-size: 11px; }
h2
{ font-size: 11px; }
h2.hpuschrift, h2.hpuschrift2
{ font-size: 11px; }
h2.dachzeile, h2.ankernaviuschrift, h2.dachzeileKasten
{ font-size: 10px; }
h3
{ font-size: 13px; }
h3.hpteaser
{ font-size: 11px;
color: #f02f72;
	font-weight: bold; }
h4
{ font-size: 11px; }
h5
{ font-size: 11px; }
h5.artikellisteuschrift
{ font-size: 10px; }

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

.languageselectorSelect
{ font-size: 10px; }

.unterUe {
font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}
.unterUe2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
.LinieSchwarzOU {
	border-top-style: solid;
	border-bottom-color:#ffffff;
	border-top-color:#ffffff;
	border-width: 2px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	margin-left: 0px;
	padding: 1px 0px 1px 0px;

	
	}
.LinieWeissOU {
	border-top-style: solid;
	border-bottom-color:#ffffff;
	border-top-color:#ffffff;
	border-width: 2px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	margin-left: -10px;
	line-height: 16px;
	
	}

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

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

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

a:hover
{ color: #f02f72; }

.metanavi a
{ color: #000000; },
.metanavi a:hover,
.breadcrumbs,
.bezeichnerSuche a,
.bezeichnerSuche a:hover,
.artikelintro,
.veranstaltungsintro,
.schnelleinstieg a
{ color: #5a5a5a; } /* Grau */
.starttext {
	color: #71062b;
	font-weight: bold;
	font-size: 11px;
}
#hauptnavi a
{ color: #FFFFFF; } /* Weiß */

#hauptnavi li a:hover,
#hauptnavi li.active,
#hauptnavi li.active a,
#hauptnavi li.active a:hover,
.schnelleinstieg a:hover,
.s21714,
{ color: #000000; } /* Schwarz */

#linkenavi li a
{ color: #000000; }
#linkenavi ul li a:hover,
#linkenavi ul li span.active,
#linkenavi ul li span.active a,
#linkenavi ul li span.offen,
#linkenavi ul li span.offen a
{ color: #f02f72; }

.kalenderLinks1
{ color: #3D3D3D; }

.breadcrumbLink,
.schwarzorange
{ color: #ffffff;
font-weight: bold; } /* 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; } /* Grau */



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

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



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

.metanavi li.active,
.active,
#hauptnavi,
#hauptnavi li.active,
#linkenavi ul li span.active,
#linkenavi ul li span.offen,
.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: underline; }

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

.artikelannot,
.beschreibung_bildtabelle, 
.bilduschrift
{ font-color: #f02f72; }


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

/*---------------------------------------------*/
/*--------- Positionierendes Wrap -------------*/
/*---------------------------------------------*/
#wrapTyp4, #wrapTyp3, #wrapTyp2, #wrapTyp1
{ position: relative; top: 3px;
  margin: 0 auto;
  overflow: hidden; }

#wrapTyp4, #wrapTyp3
{ width: 815px; }
#wrapTyp2
{ width: 624px; }
#wrapTyp1
{ width: 546px; }
  
#wrapcontentTyp4, #wrapcontentTyp3, #wrapcontentTyp2, #wrapcontentTyp1
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/wrap.gif') repeat-y;
  border-bottom: 1px solid #b1b1b5;
  display: block; 
  overflow: hidden; }

#wrapcontentTyp4, #wrapcontentTyp3
{ width: 815px; }  
#wrapcontentTyp2
{ width: 622px; }
#wrapcontentTyp1
{ width: 544px; }

.rundungTyp4, .rundungTyp3, .rundungTyp2, .rundungTyp1
{ height: 2px; width: 815px;
  background: #ffffff; }
    
/*---------------------------------------------*/  
/*---------------- Kopfbereich ----------------*/
/*---------------------------------------------*/
#headerTyp4, #headerTyp3, #headerTyp2, #headerTyp1
{ position: relative; left: 0px;
  display: block;
  background: #ffffff; }

#headerTyp4, #headerTyp3
{ width: 815px; }
#headerTyp2
{ width: 622px; }
#headerTyp1
{ width: 544px; }

#headerTyp4  
{ height: 214px; }
#headerTyp3, #headerTyp2, #headerTyp1
{ height: 214px; }

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


  
/*-------------- Link www.goethe.de --------------*/  
    
.homelink a  /* Link www.goethe.de */
{ position: absolute; left: 7px; top: 2px;
  background: url('http://www.goethe.de/bilder3/symbole/homelink.gif');
  background-repeat: no-repeat;
  width: 14px; height: 13px;
  border: none;
  text-decoration: none; }
  
.homelink a:hover
{ background: url('http://www.goethe.de/bilder3/symbole/homelink.gif');
  background-repeat: no-repeat;;
  z-index: 100;
  font-size: 99%;
  color: #f02f72;
  text-decoration: none; }

.homelink a span
{ display: none; }

.homelink a:hover span
{ display: block;
  position: absolute; left: 20px; top: 1px;
  width: 140px;
  color: #AAAAAA;
  z-index: 99;
  background: transparent; }

.homelink a img
{ width: 18px; height: 13px; }


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

.obereNaviTyp4, .obereNaviTyp3, .obereNaviTyp2, .obereNaviTyp1
{ position: absolute; right: 16px; top: 0px;
  text-align: right;
  z-index: 99;
  display: block; }

.obereNaviTyp4, .obereNaviTyp3
{ width: 630px; }
.obereNaviTyp2
{ width: 405px; }
.obereNaviTyp1
{ width: 350px; }

.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 #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" ); }
 



/*---------------- 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; }
  
.schliessenSkript a
{ display: inline;
  text-align: right;
  float: right;
  padding: 0 15px 0 14px;
  margin: 4px 0 0 14px;
  border: none;
  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; }


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

.bannerTyp4, .bannerTyp3
{ position: relative; top: 21px; right: 0px;
  width: 815px;
  text-align: right;
   }
  
.bannerTyp2
{ position: relative; top: 21px; left: 195px;
  width: 427px;
  text-align: right; }
  
.bannerTyp1
{ position: relative; top: 21px; left: 184px;
  width: 360px;
  text-align: right; }
  
.bannerTyp4 img,
.bannerTyp3 img,
.bannerTyp2 img,
.bannerTyp1 img
{ height: 193px;
  }
  
  
/*---- Schatten oberhalb der Hauptnavigation --*/

.hauptnaviLinie
{ display: none; }
  

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

#hauptnavi ul
{ position: absolute; left: 17px; top: 0px;
  height: 22px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border-left: 1px solid #FFFFFF;
  text-transform: none; }

#hauptnavi ul li
{ text-transform: none;}

#hauptnavi li 
{ display: inline;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height: 22px;
  text-transform: none;}


#hauptnavi li a
{ float: left;
  height: 22px;
  vertical-align: center;
  margin: 0px;
  padding: 4px 15px;
  border-right: 1px solid #FFFFFF; }
  
#hauptnavi li.active
{ float: left;
  height: 22px;
  vertical-align: center;
  margin: 0px;
  padding: 4px 15px;
  border-right: 1px solid #FFFFFF; }
 
#hauptnavi li.active a,
#hauptnavi li.active a:hover
{ padding: 0px;
  border: none; }
  

/*-------------- Farbbalken quer ------------- */
/*---------------- Typ 3, 2 + 1 -------------- */

#farbbalkenTyp3, #farbbalkenTyp2, #farbbalkenTyp1
{  display: none;  }
    

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

#zwischenraumTyp4, #zwischenraumTyp3, #zwischenraumTyp2, #zwischenraumTyp1
{ position: relative; top: 0px; left: 0px;
  height: 50px;
  clear: left;
  background:0; }
  
#zwischenraumTyp4, #zwischenraumTyp3  
{ width: 815px; }
#zwischenraumTyp2
{ width: 622px; }
#zwischenraumTyp1
{ width: 544px; }

.breadcrumbs
{ display: none; }
  
.seitentitel
{ display: none; }

.seitentitelLinieTyp4, .seitentitelLinieTyp3, .seitentitelLinieTyp2, .seitentitelLinieTyp1
{ display: none; }
  

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

#hauptbereich 
{ position: relative; left: 0px; top: 0px; z-index: -1px;
  width: 815px;
  display: block; clear: left;
  margin: 0px;
  padding: 0px 0px 40px 0px; }

.hauptbereichJoker5
{ clear: both; }
  
/*------------- linke Spalte ----------------*/

#linkeSpalte
{ position: relative; top: 0px;
  width: 185px; height: 100%;
  float: left;
  padding: 0px;
  border-left: 18px solid white; 
  border-bottom: 0px solid white;
  margin: 0px; }

#linkenavi
{ position: relative; top: 0px; left: 0px;
  width: 185px;
  line-height: 17px;
  margin: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  }

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

#linkenavi ul li
{ float: left; clear: left;
  width: 185px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  text-transform: uppercase; }
div>#linkenavi ul li
{ float: none; clear: none; }
  
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active
{ padding: 2px 2px 2px 12px;
  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: 185px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  font-weight: bold;
  text-transform: 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 24px;
  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: 185px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  font-weight: normal;
  text-transform: 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 36px;
  display: block; }

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

#linkenavi ul li span.active,
#linkenavi ul ul li span.active,
#linkenavi ul ul ul li span.active,
#linkenavi ul li span.active a,
#linkenavi ul ul li span.active a,
#linkenavi ul ul ul li span.active a
{ background-repeat: no-repeat;
  background-position: top left; }
  
#linkenavi ul li span.active
{ background-image: url('http://www.goethe.de/bilder3/symbole/nv-pfeil1.gif'); }

#linkenavi ul ul li span.active
{ background-image: url('http://www.goethe.de/bilder3/symbole/nv-pfeil2.gif'); }
  
#linkenavi ul ul ul li span.active
{ background-image: url('http://www.goethe.de/bilder3/symbole/nv-pfeil3.gif'); }


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

#linkeSpalteStartseite
{ position: relative; top: 0px;
  width: 165px; height: 100%;
  float: left;
  padding: 0px;
  border-left: 17px solid white;
  border-bottom: 20px solid white; }

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

.startseitenteaser
{ padding: 5px 6px 6px 6px;
  margin: 0px;
  clear: left; }

.startseitenteaserKasten
{ padding: 0px;
  border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;
  position: relative;
  margin: 0px 0px 20px 0px; }
 
.startseitenteaserText
{ padding: 5px;
  clear: left; }

ul.schnelleinstieg 
{ margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative; }

ul.schnelleinstieg li
{ padding: 0px 0px 2px 0px; } 

ul.schnelleinstieg li a
{ background: url('http://www.goethe.de/bilder3/symbole/pkt_tipp.gif') no-repeat;
  padding: 0px 0px 0px 13px; }


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

.suche
{ width: 143px;
  overflow: hidden;
  padding: 6px 8px 8px 12px;
  margin: 0px 0px 16px 0px; }

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

.bezeichnerSuche
{ margin-bottom: 2px; }

.inputSuche
{ width: 114px;
  float: left;
  margin: 0px 0px 0px 0px; }

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

.sponsorenartikel  
{ width: 147px;
  overflow: hidden;
  margin-bottom: 16px;
  padding: 8px 8px 0px 8px; }


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

#content
{ position: relative; left: 0px; top: 0px;
  width: 423px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px 0px 0px 10px;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #e6e6e6;
  border-bottom: 0px solid white;
  margin: 0px; }
  
div[id] #content 
{ height: auto; }

#contentTyp1
{ position: relative; left: 0px; top: 17px;
  width: 520px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  border-left: 17px solid white;
  border-right: 17px solid white;
  border-bottom: 20px solid white;
  margin: 0px; }
  
div[id] #contentTyp1 
{ height: auto; }


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

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

.teaserRechts
{ background: transparent;
  width: 133px;
  margin-bottom: 16px; }

.teaserEintrag
{ margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: inline-block; }    
  
.teaserBild
{ width: 133px;
  margin: 0px 0px 0px 0px; }
  
.teaserBild img
{ width: 133px; }
  
.teaserText
{ padding: 0px 10px; }

  


/*--------------- Tipps rechts ---------------------*/  
  
.tippsRechts
{ background: transparent;
  width: 133px;
  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 
{ display: block; 
  overflow: hidden;
  padding: 0px;}



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

.teaserRechtsOK
{ margin-bottom: 10px;
  display: inline-block; }


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

#funktionsleisteTyp4, #funktionsleisteTyp3, #funktionsleisteTyp2, #funktionsleisteTyp1
{ position: relative; top: 0px;
  height: 17px;
  margin: 0px;
  clear: left; display: block; }

#funktionsleisteTyp4, #funktionsleisteTyp3
{ width: 815px; }
#funktionsleisteTyp2
{ width: 622px; }
#funktionsleisteTyp1
{ width: 544px; }

.funktionenTyp4, .funktionenTyp3, .funktionenTyp2
{ position: absolute; left: 220px; 
  width: 300px; 
  text-align: left; 
  margin-left: 15px;
  }
.funktionenTyp1
{ position: absolute; left: 18px; }

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

.topTyp4, .topTyp3
{ position: absolute; right: 170px; 
  text-align: right;
  width: 220px; }
.topTyp2, .topTyp1
{ position: absolute; right: 18px; 
  text-align: right;
  width: 220px; }

.iconTop
{ background: url('http://www.goethe.de/bilder3/symbole/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, #footerTyp3, #footerTyp2, #footerTyp1
{ clear: left;
  margin-bottom: 10px; }

#footerTyp4, #footerTyp3
{ width: 815px; }
#footerTyp2
{ width: 622px; }
#footerTyp1
{ width: 544px; }
  
.footerLinieTyp4, .footerLinieTyp3, .footerLinieTyp2, .footerLinieTyp1
{ position: relative; left: 213px;
  height: 1px;  
  background: #999999; }
  
.footerLinieTyp4 img, .footerLinieTyp3 img, .footerLinieTyp2 img, .footerLinieTyp1 img
{ height: 1px; }

.footerLinieTyp4, .footerLinieTyp3 
{ width: 570px;
margin-left:15px; }
.footerLinieTyp2
{ width: 589px; }
.footerLinieTyp1
{ width: 510px; }
  
.footerHauptnavi, .footerMetanavi
{ text-align: left;
  margin: 5px 0px 0px 228px; }


/*---------------------------------------------*/ 
/*----------- 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 -10px;
  border: none; }

.normalgrafik_gegenueber
{ float: right;
  overflow: hidden;
  margin: 3px 0px 3px 10px;
  border: none; }
  
.bildtabelle
{ float: left; margin-bottom: 8px; border-collapse: collapse; margin-right: 0px}
.bildtabelle td
{ padding-left: 0px;}
.bild_bildtabelle
{ width: 1px }
.beschreibung_bildtabelle, 
.bilduschrift
{ padding-right: 10px; }

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


/*-------------- Ü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: #000000; }
  
h2.dachzeile
{ margin: 0px 0px 8px 0px; 
  padding: 0px 0px 2px 0px; }

h2.hpuschrift
{ margin: 0px 0px 0px 0px; 
  padding: 0px 5px;
  border: 1px solid #D4D4D4;
  background: url('http://www.goethe.de/css3/img/hpuschrift2.gif') repeat-x;
  position: relative;
  height: 18px;
  line-height: 18px; }

h3.artikeluschrift, h3.veranstaltungsuschrift
{ margin: 29px 0px 10px 0px; 
color: #f02f72; } 

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

h3.hpteaser						/* Sonderdefinition Startseite Groformat-Teaser */
{ margin: 0px 0px 2px 0px;
  padding: 5px 0px 0px 0px; }

h3.sonderuschrift
{ border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding: 2px 2px;
  margin: 0px 0px 20px 0px; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;}


h4.teaseruschrift
{ display: none; }

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; }
  
.zwischenuschrift			/* alte CSS-Klasse */
{ margin: 20px 0px 10px 0px; }
  
h4.kgwuschriftAC   /* Sonderdefinition Startseite */
{ float: left;
  width: 122px;
  padding: 1px 5px;
  margin: 0px 0px 0px 0px; }

h4.kgwuschrift  /* Sonderdefinition Startseite */
{ float: left;
  width: 121px;
  padding: 1px 5px;
  margin: 0px 0px 0px 0px; }

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

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;
  color: #f02f72; }


/*---------------- 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: inline-block; clear: both;
  overflow: hidden;
  margin-bottom: 25px; }
  
.weiterlink
{ margin-left: 5px; }

.artikeltext
{ display: block; clear: both;
  margin-bottom: 20px;
  margin-top: 0px; 
  line-height: 17px; }
  
* 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; }

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

.tabelleKalender
{ clear: left; 
  border-collapse: collapse;
  margin: 0px 0px 10px 0px; }
div>.tabelleKalender
{ margin: 0px 0px 10px 1px; }

.zelleKalenderuschrift
{ border-collapse: collapse; vertical-align: top; line-height: 13px;
  background-color: #FFFFFF; }

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

.zeileKalenderuschrift  
{ height: 18px;
  background-color: #FFFFFF; }
  
.zeileKalendereintrag 
{ background-color: #FFFFFF; }

.tabelleKalender, 
.zelleKalenderuschrift, 
.zelleKalenderLinks, 
.zelleKalenderMitte, 
.zelleKalenderRechts
{ border: 1px solid #D4D4D4; }

.zelleKalenderLinks 
{ width: 20%; }

.zelleKalenderMitte 
{ width: 55%; }

.zelleKalenderRechts 
{ width: 25%; }

.veranstaltungsintro
{ margin-bottom: 30px; }

.veranstaltungstext
{ display: block; clear: left;
  overflow: hidden;
  margin-bottom: 20px; }
  
    
/*---------------- 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: 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 }



/*----------------------------------------------------*/
/*----------- Sonderdefinitionen Startseite ----------*/
/*----------------------------------------------------*/

/*---------------------- Boxen -----------------------*/

.kasten
{ border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; border-top: none;
  margin: 0px 0px 4px 0px; 
  overflow: hidden;
  display: inline-block; }

.kastenText
{ padding: 5px; }
  
.giaktuellkasten
{ border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;
  margin: 0px 0px 0px 0px; }
  
.giaktuellkastenAbstand
{ padding: 0 6px 9px 6px; }


/*--------------------- KGW-Box ----------------------*/

#tabBlockKgw
{ margin-top: 5px; }

.kgwText
{ border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;
  clear: left;
  margin: 0px 0px 0px 0px;
  padding: 8px 7px 0px 7px; }

#kuenste
{ display: block; }

#gesellschaft
{ display: none; }

#wissen
{ display: none; }

.feed1
{ background-color: #F5F5F5;
  clear: left;
  overflow: hidden;
  display: inline-block;
  height: 53px;
  margin: 0px;
  padding: 0px 4px 0px 0px; }
  
.feed1Bild  
{ float: left;
  margin: 1px 6px 0px 0px;
  width: 80px; }
  
.feed1Bild img
{ width: 80px; }


/*-------------- Feature-Box rechte Spalte ------------*/

.featurebox
{ padding: 5px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
  border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }

.featurebox ul
{ margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none; }
  
.featurebox li
{ padding: 0px 0px 5px 0px;
  clear: left;
  vertical-align: center;
  line-height: 20px; }


/*-------------- Sonstige Startseiten-Definitionen ------------*/
  
.projekteHP  
{ padding: 9px 3px 9px 5px;
  clear: left;
  overflow: hidden;
  line-height: 13px; }
  
.projekticon
{ float: left;
  margin: 1px 5px 10px 0px; }

.projekticonLast
{ float: left;
  margin: 1px 5px 0px 0px; }

.neueInfo
{ border-top: 1px solid #D4D4D4;
  margin: 3px 0 3px 0;
  padding: 5px 0 0 0; 
  line-height: 13px; }
  
.laenderdropdown
{ width: 180px; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  border: none;
  border-top: 1px solid #D4D4D4; }


/*--------- Übersichtsseiten KGW (ADAC-Bildchen) --------*/

.uebersichtBoxL
{ background: #FFFFFF;
  border: 1px solid #D4D4D4;
  float: left; 
  overflow: hidden;
  padding: 0px;
  width: 194px; height: 54px;
  margin: 0px 0px 10px 0px; }
  
.uebersichtBoxR
{ background: #FFFFFF;
  border: 1px solid #D4D4D4;
  float: right; 
  overflow: hidden;
  padding: 0px;
  width: 194px; height: 54px;
  margin: 0px 0px 10px 0px; }
  
.boxBild
{ float: left; margin: 0px 5px 0px 0px;
  padding: 0px;
  width: 60px; }

.boxText
{ float: left; line-height: 15px; padding: 2px 1px 3px 0px; }

h4.rubrikuschrift
{ margin: 0px 0px 2px 0px; font-size: 11px; }

h4.rubrikuschrift a
{ color: #003E7E; }

h4.rubrikuschrift a:hover
{ color: #FF6500;
  text-decoration: underline; }

/*-------------- 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/bilder3/symbole/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 -------------*/  

.button /* Button im Allgemeinen */
{ background: gainsboro; 
  border-style: solid; 
  border-left: 2px solid #eeeeee; 
  border-top: 2px solid #eeeeee; 
  border-bottom: 2px solid gray; 
  border-right: 2px solid gray; }

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

/*------------------------ Sitemap bei IHP und LP -------------------------*/

.ebene1_sitemap 
{ font-weight: bold; margin: 10px 0 0 0;}
.ebene2_sitemap 
{ font-weight: normal; margin: 2px 0 0 30px;}
.ebene3_sitemap 
{ font-weight: normal; margin: 2px 0 0 60px;}
.icon_sitemap 
{ border: none; margin: 0 10px 0 0;}


/*---------------------- Index auf zentraler Seite -------------------------*/

.alphabetIndex
{ margin: 0 0 30px 0; }
.alphabetIndex img 
{ vertical-align: middle; padding: 0 4px 2px 4px; margin: 0 0 0 0;}

.buchstabeIndex
{ margin: 10px 0 3px 0; clear: left; width: 100%; overflow: hidden; }

.titelIndex
{ margin: 0 0 8px 0; padding: 0 0 2px 0; border-bottom: 1px solid #D4D4D4; font-weight: bold; color: #5a5a5a; }

.linksIndex
{ display: inline; float: left; width: 295px; padding: 0px; margin-right: 10px; } 
.linksIndex ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none; }
.linksIndex li
{ padding: 0px 0px 2px 0px; }
.linksIndex 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; }
  
.rechtsIndex
{ display: inline; float: left; width: 295px; padding: 0px; margin-right: 0px; } 
.rechtsIndex ul
{ margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none; }
.rechtsIndex li
{ padding: 0px 0px 2px 0px; }
.rechtsIndex 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; }
  
.indexTop
{ text-align: right;
  margin: 0px 0px 20px 0px; }
.indexTop a
{ padding: 2px 12px 0px 0px;
  background: url('http://www.goethe.de/bilder3/symbole/oben.gif');
  background-repeat: no-repeat;
  background-position: center right; }
  

/*-------------------- Readspeaker -------------------*/

.rslink 
{ text-align: right; 
  margin: 1px -10px 0px 8px;
  float: right; 
  width: 22px; height: 16px;
  position: relative; z-index: 99; }

.rslink img
{ vertical-align: bottom; }
 
/* Readspeaker-Popup-Window */

div.frame  
{ margin: 5px; }

div.player 
{ margin-top: 8px; padding: 3px; background-color: gainsboro; }

div.tools  
{ margin-top: 8px; }

.rstabelle 
{ width: 305px; height: 45px; }

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

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


/*----------- Sibstancia  intern ----------------*/
.metanavi a:hover, .metanavi li.active {color: #F02F72;}


.aktuell
{ width: 410px;
  clear: both;
  margin: 0px 0px 25px 0px;
  overflow: hidden;
  border-left: 10px solid #ef2e6f;
  background: #ffffff;
  padding: 2px 0px; }

.tanz,
.art,
.lit,
.foto,
.ballett,
.kino,
.drama,
.pop,
.elektro,
.cd,
.web,
.cafe
{ width: 410px;
  height: 133px;
  clear: both;
  margin: 0px 0px 17px 0px;
  overflow: hidden; }

.tanz
{ background: #f02f72;
  border-left: 10px solid #f02f72; }
.art
{ background: #b04183;
  border-left: 10px solid #b04183; }
.lit
{ background: #3e93b8;
  border-left: 10px solid #3e93b8; }
.foto
{ background: #b6b6b5;
  border-left: 10px solid #b6b6b5; }
.ballett
{ background: #f2f690;
  border-left: 10px solid #f2f690; }
.kino
{ background: #bf3d1b;
  border-left: 10px solid #bf3d1b; }
.drama
{ background: #c8ca6d;
  border-left: 10px solid #c8ca6d; }
.pop
{ background: #f0961b;
  border-left: 10px solid #f0961b; }
.elektro
{ background: #a0ce3a;
  border-left: 10px solid #a0ce3a; }
.cd
{ background: #01af40;
  border-left: 10px solid #01af40; }  
.web
{ background: #e2e800;
  border-left: 10px solid #e2e800; }
.cafe
{ background: #ffffff;
  border: 1px solid #e6e6e6;
  width: 418px; }
    
.tanz .normalgrafik,
.art .normalgrafik,
.lit .normalgrafik,
.foto .normalgrafik,
.ballett .normalgrafik,
.kino .normalgrafik,
.drama .normalgrafik,
.pop .normalgrafik,
.elektro .normalgrafik,
.cd .normalgrafik,
.web .normalgrafik
{ margin: 0px 0px 0px 0px; }

.cafe .normalgrafik
{ margin: 0px 0px 0px 9px; }

.text
{ padding: 5px 10px;
  float: left;
  width: 247px; } 
  
.aktuell .text
{ padding: 10px;
  font-size: 10px;
  line-height: 16px;
  width: 390px;
  margin: 0px;
  background: #e6e6e6;
  line-height: 17px; } 
 
.aktuell .text a,
.aktuell .text a:hover
{ color: #ef2e6f; }
  
.text a,
.text a:hover
{ color: #ffffff;
  font-weight: bold; }
  
.cafe .text a,
.cafe .text a:hover
{ color: #5a5a5a; }

.ballett .text a,
.ballett .text a:hover
{ color: #5a5a5a; }

.web .text a,
.web .text a:hover
{ color: #5a5a5a; }
  
.text a:hover
{ text-decoration: underline; }

.headline,
.headlineRU
{ width: 247px;
  float: left; }
  
.headline img,
.headlineRU img
{ width: 247px;
  height: 30px; }

.tanz .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/tanz.gif') no-repeat 10px 3px; }
.tanz .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/tanzru.gif') no-repeat 10px 3px; }
.art .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/art.gif') no-repeat 10px 3px; }
.art .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/artru.gif') no-repeat 10px 3px; }
.lit .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/lit.gif') no-repeat 10px 3px; }
.lit .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/litru.gif') no-repeat 10px 3px; }
.foto .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/foto.gif') no-repeat 10px 3px; }
.foto .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/fotoru.gif') no-repeat 10px 3px; }
.ballett .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/ballett.gif') no-repeat 10px 3px; }
.ballett .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/ballettru.gif') no-repeat 10px 3px; }
.kino .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/kino.gif') no-repeat 10px 3px; }
.kino .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/kinoru.gif') no-repeat 10px 3px; }
.drama .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/drama.gif') no-repeat 10px 3px; }
.drama .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/dramaru.gif') no-repeat 10px 3px; }
.pop .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/pop.gif') no-repeat 10px 3px; }
.pop .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/popru.gif') no-repeat 10px 3px; }
.elektro .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/elektro.gif') no-repeat 10px 3px; }
.elektro .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/elektroru.gif') no-repeat 10px 3px; }
.cd .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/cd.gif') no-repeat 10px 3px; }
.cd .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/cdru.gif') no-repeat 10px 3px; }
.web .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/web.gif') no-repeat 10px 3px; }
.web .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/webru.gif') no-repeat 10px 3px; }
.cafe .headline
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/cafe.gif') no-repeat 10px 3px; }
.cafe .headlineRU
{ background: url('http://www.goethe.de/css3/projekte/ru_sibstancija/caferu.gif') no-repeat 10px 3px; }