/* 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; }
  
hr
{ border: none;
  border-top: 1px solid #d4d4d4 !important;
  background: transparent !important;
  color: transparent !important;
  height: 1px !important; }  
  

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

#bodyTyp4
{ background-color: #F7F7F7; }

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

#hauptnavi
{ font-size: 14px; }

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.artikeluschrift
{ font-size: 20px;
  line-height: 20px; }
h4
{ font-size: 11px; }
h5
{ font-size: 11px; }
h5.artikellisteuschrift
{ font-size: 10px; }

.zwischenuschrift 
{ font-size:14px;  }

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

.languageselectorSelect
{ font-size: 10px; }

#linkenavi
{ font-size: 12px; }

.artikeltext
{ font-size: 12px; }


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

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

h3.artikeluschrift
{ color: #a0c814; }

.zwischenuschrift
{ color: #a0c814; }

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

a:hover
{ color: #FF6500;
  cursor: pointer; 
  cursor: hand; }

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

.breadcrumbs a:hover 
{ color: #333333;
  text-decoration: underline; }

#hauptnavi a
{ color: #333333; } /* grau */

#hauptnavi li.active,
#hauptnavi li.active a,
#hauptnavi li.active a:hover,
#linkenavi li span.active a,
.schnelleinstieg a:hover,
.s21714
{ color: #6EC1DC; } /* blau */

#hauptnavi li a:hover
{ color: #6ec1dc;}

#linkenavi li a:hover
{ color: #ffffff;
  background-color: #6ec1dc; }

#linkenavi li span.active
{ color: #ffffff; } /* weiss */

#linkenavi li a
{ color: #636363; }

#linkenavi li span.offen
{ color: #6EC1DC; }

.kalenderLinks1
{ color: #3D3D3D; }

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

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

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

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

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

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,
.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,
.klein
{ font-style: italic; }


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

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

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

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

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


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

  
/*-------------- 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;
  display: none; }
  
.homelink a:hover
{ background: url('http://www.goethe.de/bilder3/symbole/homelink.gif');
  background-repeat: no-repeat;;
  z-index: 100;
  font-size: 99%;
  text-decoration: none; }

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

.obereNaviTyp4
{ position: absolute; right: 24px; 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 #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" ); }
  
.metanavi li.active
{ color: #A0C814; }
 
  
/*---------------- 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 { position: absolute; left: 0px; top: 21px; width: 940px; height: 70px; z-index: -99; display: none; }

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

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

.hauptnaviLinie
{ background: url('http://www.goethe.de/css3/img/grauelinie.gif') repeat-x;
  position: relative; top: 0px; left: 0px;
  height: 0px; }
  

/*----------- Hauptnavigation quer ------------*/
/*-------------- Typ 4 Microsite --------------*/
 
#hauptnavi
{ position: relative; top: 0px; left: 0px;
  width: 940px; height: 25px;
  text-transform: uppercase;
  /*background: #FFF;*/ }

#hauptnavi ul
{ position: absolute; left: 2px; top: 0px;
  height: 25px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  /*list-style-type: none; kommentar hw: gewünscht im Januar 2016: uppercase, siehe #hauptnavi */
  border-left: none; }

#hauptnavi li 
{ display: inline;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height: 25px; }
  
#hauptnavi li a
{ float: left;
  height: 25px;
  vertical-align: center;
  margin: 0px;
  padding: 4px 12px;
  border-right: none; }
  
#hauptnavi li.active
{ float: left;
  height: 25px;
  vertical-align: center;
  margin: 0px;
  padding: 4px 12px;
  background: none; }
 
#hauptnavi li.active a,
#hauptnavi li.active a:hover
{ padding: 0px;
  border: none; }

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

#hauptnavi li.active a:hover
{ background: transparent;
  border: none; }
  

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

#zwischenraumTyp4
{ position: relative; top: 0px; left: 0px;
  height: 0px;
  clear: left; 
  width: 940px; 
  background: none; }

.breadcrumbs
{ position: relative; top: 3px; left: 18px;
  display: block;
  height: 13px;
  z-index: 1; }
  
.seitentitel
{ position: relative; top: 22px; left: 202px;
  display: none; }

.seitentitelLinieTyp4
{ position: relative; top: 24px; left: 201px; z-index: 99;
  width: 604px; height: 1px;
  background: #BEBEBE;
  display: none; }
  

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

#hauptbereich 
{ position: relative; left: 0px; top: 0px; 
  width: 940px;
  display: block; clear: left;
  margin: 0px;
  padding: 0px 0px 60px 0px;
  background-image: url('http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/kork_nochheller.gif');
  background-repeat: repeat; }
    
.hauptbereichJoker5
{ clear: both; }

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

#linkeSpalte
{ position: relative; top: 50px;
  width: 200px; height: 100%;
  display: inline; float: left;
  padding: 0px; 
  border-bottom: 0px solid white;
  margin: 0px 0px 20px 17px; }

#linkenavi
{ position: relative; top: 0px; left: 0px;
  width: 200px;
  line-height: 16px;
  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;
  margin: 0px 0px 0px 0px;
  margin-bottom: 3px; }
div>#linkenavi li
{ float: none; clear: none; }
  
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active
{ padding: 2px 2px 2px 12px;
  display: block;
  margin-bottom: 3px; }

#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;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  margin-bottom: 3px; }
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;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  margin-bottom: 3px; }
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
{ margin-bottom: 3px; }

#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/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/nv-pfeil1.gif'); }

#linkenavi ul ul li span.active
{ background-image: url('http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/nv-pfeil2.gif'); }
  
#linkenavi ul ul ul li span.active
{ background-image: url('http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/nv-pfeil3.gif'); }


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

#linkeSpalteStartseite
{ display: none; }

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


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

#linkenavi li a					/* Farbe erste Ebene linke Navi */
{ background: #ffffff; }

#linkenavi ul ul li a			/* Farbe zweite Ebene linke Navi */
{ background: #ffffff; }

#linkenavi ul ul ul li a		/* Farbe dritte Ebene linke Navi */
{ background: #ffffff; }

#linkenavi li a:hover			/* Farben bei Hover und aktivem Menuepunkt */
{ background-color: #6EC1DC; }

#linkenavi ul li span.active
{ background-color: #6ec1dc; }

#linkenavi ul ul li span.active
{ background-color: #6EC1DC; }
  
#linkenavi ul ul ul li span.active
{ background-color: #6EC1DC; }

#linkenavi ul li span.active a,
#linkenavi ul ul li span.active a,
#linkenavi ul ul ul li span.active a
{ background-color: #6EC1DC;
  color: #ffffff;
  background-image: none; } 

#linkenaviStartseite
{ border-top: 1px solid #CFDDE8; }

.startseitenteaser 
{ background: #F7F8FB;
  border-bottom: 1px solid #CFDDE8; }

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

.suche
{ display: none;
  width: 143px;
  overflow: hidden;
  padding: 6px 8px 8px 12px;
  margin: 0px 0px 16px 0px;
  background: #F5F5F5;
  border: 1px solid #D4D4D4; }

.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  
{ position: relative; left: 0px; top: 10px;
  width: 183px;
  overflow: hidden;
  margin-bottom: 16px;
  padding: 0px 5px 0px 12px;
  background: #FFFFFF; }
  
.sponsorenartikel h4
{ color: #A0C814; 
  margin: 10px 0px; }

.sponsorenartikel .artikeltext
{ padding: 0px;
  font-size: 11px;
  margin-bottom: 10px; }


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

#content
{ position: relative; left: 0px; top: 50px;
  width: 680px;
  /*min-height: 500px; */
  height: 500px;
  display: inline; float: left;
  padding: 0px;
  margin: 0px 20px 40px 20px;
  background-color: #ffffff; }

div[id] #content 
{ height: auto; }

/*--------------- Rechte Spalte ---------------------*/
  
#rechteSpalte { display: none; }

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

/*.teaserRechts
{ background: transparent;
  width: 182px;
  margin-bottom: 16px; }

.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: 182px;
  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: #F5F5F5;
  display: block; 
  overflow: hidden;
  padding: 4px 8px;
  border: 0 solid #D4D4D4; border-width: 0px 1px;}

.xtop, .xbottom 
{ background: transparent;
  display: block; 
  font-size: 1px; }
  
.xb1, .xb2, .xb3, .xb4 
{ display: block; 
  overflow: hidden; }
  
.xb1, .xb2, .xb3 
{ height: 1px; }

.xb2, .xb3, .xb4 
{ background: #F5F5F5;
  border-left: 1px solid #D4D4D4; 
  border-right: 1px solid #D4D4D4; }
  
.xb1 { margin: 0 5px; background: #D4D4D4; }
.xb2 { margin: 0 3px; border-width: 0 2px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }*/


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

/*.teaserRechtsOK
{ margin-bottom: 10px;
  display: block; }
  
* html .teaserRechtsOK
{ display: inline-block; }
*+ html .teaserRechtsOK
{ display: inline-block; }*/


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

#funktionsleisteTyp4
{ display: none; 
  position: relative; top: 0px;
  height: 17px;
  margin: 0px;
  clear: left; 
  width: 940px; }
  
.funktionenTyp4
{ display: none;
  position: absolute; left: 202px; 
  width: 300px; 
  text-align: left; }

.topTyp4
{ display: none; }


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

#footerTyp4
{ clear: left;
  margin-bottom: 40px;
  width: 940px;
  height: 80px;
  background-color: #FFFFFF;
  background: url('http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/footer_eu.gif') no-repeat; }
  
.footerLinieTyp4
{
  /* display: none; */
  position: relative;
  /* left: 17px; */
  height: 1px;
  background: #D4D4D4;
  width: 940px;
  }
  
.footerLinieTyp4 img
{ height: 1px; }
  
.footerHauptnavi
{position: absolute;bottom: 30px;left: 240px;}
.footerMetanavi
{position: absolute;bottom: 13px;left: 240px;}

#giFacebookMwnd {
    background: url("http://www.goethe.de/css3/projekte/42_filmab/pixi.gif") no-repeat scroll 0 0;
    height: 50px;
    right: 10px;
    position: absolute;
    bottom: 45px;
    width: 50px;
}


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

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

.audio
{ float: right;
  
  margin: 3px 0px 3px 10px;
  border: none; }


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; }
  
.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; }
.bild .normalgrafik
{ margin: 3px 0px; }
.bildunterschrift
{ clear: left;
  font-size: 10px;
  font-style: italic; }

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

/*-------------- Ãœberschriftendefinitionen --------------*/

h1.seitentitel
{ margin: 0px; }

h2.ankernaviuschrift
{ margin: 10px 15px 15px 15px; 
  padding: 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; }
  
.url h2.dachzeile {
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  width: 422px; 
  font-size: 12px;
}

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

h3.artikelteaseruschrift
{ margin: 0px 0px 2px 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; }
  
.zwischenuschrift			/* alte CSS-Klasse */
{ margin: 20px 0px 10px 0px; 
  padding: 15px 0px 5px 0px;}

h5.linkzumthemauschrift
{ margin: 0px 0px 10px 0px;
  clear: left;
  padding: 0 0 0 15px; }

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

.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;
  margin: 0px 15px 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;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #ffffff;
  padding: 15px; }

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

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

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

.url,							/* GI-Webprojekt */
.urlExt							/* Externer Link */
{ clear: left;
  display: block;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
  width: 650px; }
  
* 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 }


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


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


a.gi-galerie { display: none; }
div.gi-tip{display: none; }
div.gi-lightbox{ display: none;}

a.gi-tip { cursor: help; display: inline; border-bottom: 1px dotted #333; color: #333; }
a:hover.gi-tip { cursor: help; border-bottom: 1px dotted #333333; color: #333333; text-decoration:none;}



/*-----------Boxen in Deutschland leben Übersicht--------*/

.idl_uebersicht 
{  background-color: #3BACD3;
   float: left;
   height: 125px;
   margin-bottom: 5px;
   margin-left: 5px;
   width: 125px;
   text-decoration: none; }  
   
.idl_uebersicht .normalgrafik { position: absolute; padding: 0px; margin: 0px; }

.idl_uebersicht a:hover
{  text-decoration: none; }
  
.ueberschrift_idl
{ position: relative;
  top: 55px;
  left: 5px;
  width: 102px; 
  background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6EC1DC,endColorstr=#CC6EC1DC);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6EC1DC,endColorstr=#CC6EC1DC);
zoom: 1;  /* Transparenz im IE  */

  background: #6DADBC;
  background-color: #6DADBC;
  background-color: rgba(110, 193, 220,0.8); /* tuerkis-blau  background-color: #6EC1DC; */
  color: #ffffff; 
  font-size: 13px;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 20px;
  padding: 1px 4px; 
  text-decoration: none;}
  
   
.ueberschrift_idl a:hover, .ueberschrift_idl a
{  text-decoration: none;
   color: #ffffff; }
  
.artikel_idl
{ width: 680px;
  height: auto;
  padding: 0px; } 



/*-----------Boxen Deutsch ueben Uebersicht--------*/

.uebungen_uebersicht 
{  background-color: #c2c2c2; /*tuerkis: #3BACD3*/
   /*background: url("/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/kachel_test.jpg") repeat scroll 0 0 transparent;*/
   float: left;
   height: 200px;
   margin-bottom: 12px;
   margin-left: 12px;
   width: 200px; } 
  
.ueberschrift_uebungen
{ position: relative;
  top: 100px;
  left: 10px;
  width: 171px; }
  
.uebungen_uebersicht  .normalgrafik { position: absolute; padding: 0px; margin: 0px; }

.uebungen_uebersicht a
{  text-decoration: none; }
  
.text_uebungen
{ background:none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6EC1DC,endColorstr=#CC6EC1DC);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6EC1DC,endColorstr=#CC6EC1DC);
  zoom: 1;  /*Versuch, Transparenz im IE hinzubekommen */
  background-color: #6DADBC;
  background-color:rgba(110, 193, 220,0.8); /* tuerkis-blau  background-color: #6EC1DC; */
  color: #ffffff; 
  font-size: 14px;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 21px;
  padding: 1px 4px; }
  
.uebungen_uebersicht a:hover, .uebungen_uebersicht a, .artikel_uebungen a:hover, .artikel_uebungen a
{  text-decoration: none;
   color: #ffffff !important; }
  
.artikel_uebungen
{ width: 680px;
  height: auto;
  padding: 0px; } 
  
.spitzmarke
{ padding: 1px 4px;
  color: #ffffff; 
    background:none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6EC1DC,endColorstr=#CC6EC1DC);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC6EC1DC,endColorstr=#CC6EC1DC);
  zoom: 1;  /*Versuch, Transparenz im IE hinzubekommen */
  background-color: #6DADBC;
  background-color: rgba(110, 193, 220,0.8);
  font-size: 12px;
  font-family: Tahoma,Geneva,sans-serif;
  line-height: 20px; }

/* Für die Fotokisten-Navi */  
.aufgabenlink { color:black; font-size:12px; font-style:normal; }
.aufgabenlink a { color:#a0c814; font-size:16px; font-weight:bold; font-style:normal; }
.aufgabenlink a:hover { color:grey; font-size:16px; font-weight:bold; font-style:normal; text-decoration:none }
  
/* Slider der Fotokiste */ 
div.slider,div.slider ul li img { width:650px; overflow:hidden; position:relative; height:366px; margin:0; }
div.slider { width:650px; overflow:hidden; position:relative; height:506px; margin:0; position: relative; margin: 6px 0 0 0px; }

div.slider ul { position:absolute; width:20000em; font-size:12px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
div.slider ul li { border-bottom:1px solid #D4D4D4; line-height:14px; float:left; display:inline; top:0!important; width:650px; height:506px;; position:relative; padding:0; }
div#sliderPrev, div#sliderNext, div#sliderPrev a, div#sliderNext a { float:none; display:block; background:none; position:absolute; cursor:pointer; width:40px; height:366px;; top: 0; left: 0px; margin:0; padding:0; overflow: hidden; }
div#sliderNext { left: 610px; }
* html div#sliderPrev a, * html div#sliderNext a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/bg_sliderBtns.png', sizingMethod='image'); background:none; }
div#sliderPrev a { background:url(http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/bg_sliderBtns.png) no-repeat; top:0; width: 250px; left:-150px; }
div#sliderNext a { background:url(http://www.goethe.de/css3/projekte/40_uebergangsmanagement-weg_nach_deutschland/bg_sliderBtns.png) no-repeat; top:0; width: 250px; left:-50px; }
div#sliderPrev a:hover { left:-200px; }
div#sliderNext a:hover { left:-100px; }

div.slider li span.introGrau { display: block; height: 130px; left: 45px; padding-top: 10px; position: absolute; top: 366px; width: 650px; text-decoration: none; }
div.slider li span.introGrau { background: #666666 no-repeat scroll 0 0; }

div.slider li span.introGrau h3 { color: #fff; margin-top:0px; font-size:14px;}

div.slider li div.slider li span.introGrau h4, div.slider li span.introGrau p { color: #fff; margin-top:0px; font-size:11px; width:550px;}

div.slider li span.zaehler { display: block; height: 20px; left: 535px; padding-top: 10px; position: absolute; top: 4px; width: 50px; text-decoration: none; color: white; }
div.slider li span.zaehler { background: #666666 no-repeat scroll 0 0; font-weight:bold; font-size:18px; }