/* Formate.css (ltr) */

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


/*----- Hintergrundschatten --------*/
/*----------------------------------*/

#body_typ4, #body_typ3, #body_typ2, #body_typ1
{ background-color: #1E5A8E; }


/*----------------------------------*/
/*----- Schriftart -----------------*/
/*----------------------------------*/

body, input, p, td, .navim_typ1
{ font-family: verdana, sans-serif; }

.metanavi, 
.tabelle_hauptnavi td, 
.linkenavi, 
.teaser-links, .teaser-links p, .teaser-links_uschrift, .eintrag_teaser-links, 
.bezeichner_mitte_typ2, .bezeichner_mitte_typ1, .bezeichner_mitte_skript, 
.bezeichner_suche 
{ font-family: tahoma, verdana, sans-serif; }

/*----------------------------------*/
/*---- Schriftgröße ----------------*/
/*----------------------------------*/
body, input, p, td
{ line-height: 15px; }

.teaseruschrift, .seitenuschrift 
{ font-size: 13px; }

.artikeluschrift,
{ font-size: 14px; }

body, input, p, td, .navim_typ1, .hauptuschrift, h5
{ font-size: 11px; }

#footer, #footer div, #footer a, #footer span, .top a, .intern, .copy, 

.cnavi, .vkalenderuschrift, .uschrift_kalender, .seitenzwischenuschrift, 

.listenabschnittstitel, sup, .navim_typ1, .rsschliessen, .rsschliessen a.druckversion a
{ font-size: 10px; }

.uschrift_seite, div>.select_languageselector
{ font-size: 9px; }

.select_languageselector, .klein  
{ font-size: 7pt; }

.band
{ font-size: 24px;
font-weight: bold;
line-height: 50px; }
/*----------------------------------*/
/*-------- Textfarben --------------*/
/*----------------------------------*/

.linkenavi a, .annot_form 
{ color: #505050 } /* Dunkles Dunkelgrau */

h5
{ color: #808080 } /* Dunkelgrau */

.linkenavi_startseite a, .bezeichner_suche a, .bezeichner_suche a:hover, .metanavi a, 

.metanavi, suche a, .s15122, .listenabschnittstitel, .rsschliessen, 

rsschliessen.visited, .metanavi a:hover
{ color: #5a5a5a; } /* Grau */


.subtitle
{color: #000000; font-size: 11px; font-weight: bold; line-height: 18px; margin-bottom: 10px;font-family: verdana, sans-serif;}

#footer, #footer div, #footer a, #footer span, 
.intern, 
.listenquelle, 
.copy  
{ color: #aaaaaa; } /* Hellgrau */

.uschrift_teaser-rechts a, .text_tipps-rechts a, 
.schwarz, 
.schwarzorange, 
.quelle_url a, .uschrift_url a, 
.mitte1_kalender a, .rechts_kalender a, 
.listeneintragtitel, 
.zelle_bezeichner_mitte, .bezeichner_mitte_typ2, 
.eintrag_index a, 
.zelle_navi1_ac a,
.zelle_navi1_ac a:hover,
.linkenavi a:hover,
.uschriftliste 
{ color: #000000; }  /* Schwarz */ 

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

a:hover
{ color: #FF6500; }  /* orange*/ 

.textweiss, a.textweiss:hover, .zelle_navi1 a:hover 
{ color: white; } /* Weiss */ 


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

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

.nichtfett 
{ font-weight: normal; }

.offen, .navim_ac, .zelle_navi1, .zelle_navi1_ac, .navi2_ac, .navi3_ac, .navi4_ac, 

.bezeichner_links, .bezeichner_links_startseite, .bezeichner_mitte_typ2, 

.bezeichner_mitte_typ1, .bezeichner_mitte_skript, .uschrift_teaser-links, .uschrift_seite, 

.uschrift_tipps-rechts, .uschrift_teaser-rechts, .seitenuschrift, .seitenzwischenuschrift, 

h4, .zwischenuschrift, .s13450, .s21714, .artikelintro, .s15122, .mitte1_kalender, 

.uschrift_kalender, .uschrift_url, .uschrift_zwischenraum_typ4,  

.uschrift_zwischenraum_typ3, .uschrift_zwischenraum_typ2, .uschrift_zwischenraum_typ1  
{ font-weight: bold; }


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

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

a:hover 
{ text-decoration: underline; } 

a, .listenannot a, .intern, .intern:hover, .druckversion a, .top a, .schwarz, 

.schwarzorange, .schwarzorange:hover, .iconlink, .s13572, .anchor, .teaseruschrift, 

.artikeluschrift, .teaseruschrift:hover, .listeneintragtitel, .listeneintragtitel, 

.vkalendertitel, .listenquelle, .ebene1_sitemap a:hover, .ebene3_sitemap a:hover, 

.ebene3_sitemap a:hover, .eintrag_index a:hover, .metanavi_typ1 a:hover
{ text-decoration: none; }


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

--------*/
/* kein Rahmen ums verlinkte Bild */

img 
{ border: none }


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

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

.tabelle_haupt, .spalte_links, .spalte_links_startseite, .spalte_mitte, .spalte_mitte_typ2, 

.spalte_mitte_typ1, .spalte_vertikal, .spalte_rechts, .zelle_funktionsleiste, 

.zelle_funktionsleiste_typ2, .zelle_funktionsleiste_typ1 
{ clear: left; padding: 0px; border: none; border-collapse: collapse; padding: 0px; }


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

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

#wrap_typ4, #wrap_typ3, #wrap_typ2, #wrap_typ1, #wrap_skript
{ position: absolute; top: 6px; margin-left:-370px; left:50%;
  width: 740px; 
  background-color: #1E5A8E;
  display: block;
   
   }




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

--------*/
/* Header */

#header  
{ width: 100%; position: relative; top: 20px; left: 0px; background-image: url('http://www.goethe.de/css2/projekte/videoclips/header2.gif'); background-repeat: no-repeat; height: 99px; }



.schattenOben  
{ height: 64px;
margin-top: 7px;
margin-left: 10px;
  display: block;
  clear: left;
  } 

/* Logo */

.logo  
{ display:none; position: relative; top: 20px; left: 17px; width: 180px; height: 82px; }
.logo img
{  width: 180px;  }

.seitentitelTyp1
{ display: none; }


/* obere Navi */

.oberenavi_typ4, .oberenavi_typ3, .oberenavi_typ2, .oberenavi_typ1  
{ position: absolute; top: 20px; left: 200px; height: 18px; text-align: right; }
div>.oberenavi_typ4, div>.oberenavi_typ3, div>.oberenavi_typ2, div>.oberenavi_typ1  
{ top: 0px; }
.oberenavi_typ4, .oberenavi_typ3 
{ width: 700px; }
.oberenavi_typ2  
{ width: 389px; }
.oberenavi_typ1  
{ width: 520px; }

.aufspanner  /* Aufspanner-Image */
{ width: 1px; height: 18px; vertical-align: middle; }

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

--------*/
/* Metanavi */

.metanavi, .metanavi_typ1
{ display: inline; position: relative; vertical-align: middle; padding-top: 3px; 

padding-bottom: 3px; padding-right: 0px; }
.metanavi_typ1
{ top: -3px; }

.navim, .navim_ac  
{ vertical-align: top; padding-right: 11px; padding-left: 12px; padding-top: 3px; 

padding-bottom: 3px; line-height: 18px; }


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

--------*/
/* Sprachfaehnchen */

.sprachen_flagge, .sprachen_flagge_typ1, .sprachen_flagge_typ2 
{ position: relative; top: 1px; display: inline; height: 18px; padding-top: 3px; 

padding-bottom: 3px; vertical-align: top;  padding-left: 5px; }
div>.sprachen_flagge, div>.sprachen_flagge_typ1, div>.sprachen_flagge_typ2 
{ top: 4px;}

.link_flagge  
{ border: 1px solid #EDEDED; }
.link_flagge:hover, .link_flagge_ac  
{ border: 1px solid gray; }
.link_flagge, .link_flagge:hover, .link_flagge_ac  
{ padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; margin-left: 2px; }

div>.link_flagge, div>.link_flagge:hover, div>.link_flagge_ac  
{ padding-left: 1px; padding-right: 1px; padding-top: 0.1px; padding-bottom: 0.01px; }


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


--------*/
/* Schliessen-Link */
.schliessen a:hover
{ 	color: #ffffff;}
.schliessen  
{ 	display: inline; 
	position: absolute;
	top: 3px;
	vertical-align: top; 
	margin-left: 690px;
	margin-top: 40px;
	color: #ffffff;
	line-height: 20px;
	font-weight: bold;
	font-size: 10px;
	}
	
.homelink a
{ display: none;
 }

.breadcrumbs
{  display: none;}

.topTyp1
{  display: none;}

.bookmarken1
{  display: none;}
  
.bookmarken2
{  display: none;}
  
.bookmarken3
{  display: none;}

.footerHauptnavi, .footerMetanavi
{ display: none; }

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

--------*/
/* grosser Kopfbanner */


.kopfbanner_typ4, .kopfbanner_typ3, .kopfbanner_typ2, .kopfbanner_typ1 
{ 
	position: absolute;
	top: 20px; left: 19px;  height: 64px;
	overflow: hidden;
	margin-top: 10px;
	border-top: 20px;
	 }

.kopfbanner_typ4, .kopfbanner_typ3 
{ width: 700px; }
.kopfbanner_typ2  
{ width: 389px; }
.kopfbanner_typ1  
{ width: 700px;
margin-top: 10px;
margin-left: 10px; }



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

--------*/
/* Hauptnavi (Navi 1) */
 
.hauptnavi 
{ position: relative; top: 2px; left: 0px; padding: 0px; margin: 0px; border: none; width: 

100%; }

.tabelle_hauptnavi
{ padding: 0px; border-collapse: collapse; border-left: 1px solid; height: 19px}

.zelle_navi1
{ padding-left: 13px; padding-right: 12px; padding-top: 2px; padding-bottom: 2px; 

vertical-align: top; border-right: 1px solid; }

.zelle_navi1_ac
{ padding-left: 13px; padding-right: 12px; padding-top: 2px; padding-bottom: 2px; 

vertical-align: top; border-right: none; }
td[class=zelle_navi1_ac] 
{ border-top: 0px; border-bottom: 0px }



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

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

.zwischenraum_typ4, .zwischenraum_typ3, .zwischenraum_typ2, .zwischenraum_typ1   
{ display: none; position: relative; height: 30px; order: 1px solid black }
.zwischenraum_typ4 
{ top: 4px; width: 760px; }
.zwischenraum_typ3 
{ top: 2px; width: 760px; }
.zwischenraum_typ2 
{ top: 2px; width: 570px;  }
.zwischenraum_typ1 
{ top: 2px; width: 508px; background: red; }

.ecke_zwischenraum_typ4, .ecke_zwischenraum_typ3, .ecke_zwischenraum_typ2   
{ display: inline; position: absolute; left: 166px; top: 2px; width: 14px; height: 28px; 

background: url('http://www.goethe.de/bilder2/ecke.gif') no-repeat 0px 0px; }

.uschrift_zwischenraum_typ4, .uschrift_zwischenraum_typ3, .uschrift_zwischenraum_typ2, 

.uschrift_zwischenraum_typ1
{ display: inline; position: absolute; left: 180px;  top: 2px; width: 700px; height: 28px; 

line-height: 37px; background: white }
.uschrift_zwischenraum_typ2
{ width: 390px; }
.uschrift_zwischenraum_typ1
{ display: inline; position: absolute; left: 0px; width: 508px;   }

.linie_uschrift_zwischenraum_typ4, .linie_uschrift_zwischenraum_typ3, 

.linie_uschrift_zwischenraum_typ2, .linie_uschrift_zwischenraum_typ1
{ display: none; background-image: url('http://www.goethe.de/bilder2/pkt_duenn.gif'); position: relative; 

left: 180px; height: 1px; }
.linie_uschrift_zwischenraum_typ4
{ top: 3px; width: 700px; }
.linie_uschrift_zwischenraum_typ3
{ top: 2px; width: 700px; }
.linie_uschrift_zwischenraum_typ2
{ top: 2px; width: 389px; }
.linie_uschrift_zwischenraum_typ1
{ left: 0px; top: 0px; width: 508px; }


/* Zwischenraum bzw. Linie und Bezeichner bei Skript und Typ 1*/

.linie_mitte_skript 
{ height: 1px; }
.linie_mitte_skript
{ background-image: url('http://www.goethe.de/bilder2/pkt_duenn.gif');  margin-bottom: 3px}
.bezeichner_mitte_skript
{ height: 15px; vertical-align: bottom; padding-bottom: 2px; display: inline; padding-left: 1px; }


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

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

#hauptbereich_typ4, #hauptbereich_typ3, #hauptbereich_typ2, #hauptbereich_typ1, 

#hauptbereich_skript  
{ position: relative; left: 0px;  }
#hauptbereich_typ4  
{ top: 3px; }
#hauptbereich_typ3  
{ top: 1px; }
#hauptbereich_typ2  
{ top: 0px; }
#hauptbereich_typ1  
{ top: 0px; }
#hauptbereich_skript  
{ top: 10px; width: 100% }

#wer
{background: #ececec;}
/*-----------------------------------------------------------------------------------------

--------*/
/* LINKE SPALTE */

/* linke Navi (Navi 2 bis Navi 4) */

.spalte_links, .spalte_links_startseite 
{ width: 166px; order-right: white solid 14px; height: 100%; vertical-align: top; }

.linkenavi, .linkenavi_startseite
{ width: 166px; }
.linkenavi_startseite  
{ margin-bottom: 15px; }

.navi2, .navi2_ac, .navi3, .navi3_ac, .navi4, .navi4_ac
{ line-height: 15px; padding-top: 1px; padding-bottom: 1px; display: block; clear: left;}

/*.icon_navi2_ac img, .icon_navi2 a img, .icon_navi2_ac a img, .icon_navi3_ac img, 

.icon_navi3 a img, .icon_navi3_ac a img, .icon_navi4_ac img, .icon_navi4 a img, 

.icon_navi4_ac a img*/
.navi2 img, .navi3 img, .navi4 img
{ width: 10px; height: 12px; }
.navi2 img 
{ margin-left: 0px; }
.navi3 img
{ margin-left: 10px; }
.navi4 img
{ margin-left: 20px; }

.icon_navi2, .icon_navi2_ac, .icon_navi3, .icon_navi3_ac, .icon_navi4, .icon_navi4_ac 
{ float: left; height: 12px; }
.icon_navi2, .icon_navi2_ac
{ width: 9px; background: url('http://www.goethe.de/bilder2/symbole/nv-pfeil.gif') 

no-repeat 0px 4px;}
.icon_navi3, .icon_navi3_ac
{ width: 21px; background: url('http://www.goethe.de/bilder2/symbole/nv-pfeil.gif') 

no-repeat 12px 4px; }
.icon_navi4, .icon_navi4_ac
{ width: 33px; background: url('http://www.goethe.de/bilder2/symbole/nv-pfeil.gif') 

no-repeat 24px 4px; }
.icon_navi2, .icon_navi3, .icon_navi4 
{ visibility: hidden }

.text_navi2, .text_navi2_ac
{ width: 152px; }
div[class=text_navi2], div[class=text_navi2_ac]
{ padding-left: 12px; }
.text_navi3, .text_navi3_ac
{ width: 140px; }
div[class=text_navi3], div[class=text_navi3_ac] 
{ padding-left: 24px; }
.text_navi4, .text_navi4_ac
{ width: 128px; }
div[class=text_navi4], div[class=text_navi4_ac] 
{ padding-left: 36px; }
@media screen and (min-width: 550px) { .text_navi4 { padding-left: 0px; !important; } }


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

--------*/
/* Startseitenteaser */

.teaser-links  
{ border-bottom: 1px solid white; padding-top: 10px; padding-bottom: 10px; padding-left: 

8px; padding-right: 4px; width: 166px; overflow: hidden}
div[class=teaser-links]  
{ padding-left: 8px; width: 158px; padding-right: 0px;  }



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

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

.suche  
{ padding-left: 10px; margin-top: 20px; float: left; padding-bottom: 50px; }

.bezeichner_suche  
{ padding-left: 1px; }

.input_suche  
{ width: 120px; height: 19px; border-width: 1px; border-style: inset; border-color: 

lightgrey; }
input[class=input_suche]  
{ width: 120px; border-color: gray; float: left }
@media screen and (min-width: 550px) { .input_suche { margin-bottom: 4	px !important; } }

.button_suche  
{ border: none; background: #ffffff url('http://www.goethe.de/bilder2/pfeil-button.gif'); 

width: 15px; height: 15px; margin-left: 5px; margin-bottom: 2px; }
button[class=button_suche]  
{ margin-left: 1px; margin-top: 2px; margin-bottom: 3px; vertical-align: middle;  }
@media screen and (min-width: 550px) { .button_suche { background: 

url('http://www.goethe.de/bilder2/pfeil-button.gif') no-repeat !important; } }
@media screen and (min-width: 550px) { .button_suche { width: 8px !important; } }
@media screen and (min-width: 550px) { .button_suche { height: 8px !important; } }

.icon_suche
{ background: url('http://www.goethe.de/bilder2/pfeil-button.gif') no-repeat 0px 3px; 

display: inline; width: 15px; height: 18px; vertical-align: top }
div[class=icon_suche]
{ background: url('http://www.goethe.de/bilder2/pfeil-button.gif') no-repeat 3px 2px; 

display: inline; float: left; width: 20px; height: 20px; }
.icon_suche a img
{ border: none; width: 20px; height: 20px; position: relative; top: 0px; vertical-align: 

middle }


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

--------*/
/* MITTLERE SPALTE */

.spalte_mitte, .spalte_mitte_typ2, .spalte_mitte_typ1
{ vertical-align: top; }
.spalte_mitte  
{ width: 403px; padding-left: 14px; padding-right: 0px; ackground: lightgreen }
.spalte_mitte_typ2  
{ width: 389px; padding-left: 14px; padding-right: 0px; }
.spalte_mitte_typ1  
{ width: 738px; height: 345px; padding: 0px 0 0 0; background: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: none; border-bottom: 1px solid #CCCCCC; }
* html #hauptbereich_typ3 .spalte_mitte  
{ adding-right: 14px; }


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

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

.content  
{ width: 391px; margin-top: 12px; line-height: 15px; clear: right; verflow: hidden; 

 }
.content_typ1  
{ width: 702px; height: 340px; padding: 10px 18px 0 18px; margin-top: 0px; line-height: 15px; clear: right;  }


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

--------*/
/* SPALTE FUER GEPUNKTELTE LINIE */

.spalte_vertikal  
{ background:  url('http://www.goethe.de/bilder2/pkt_duenn-verti.gif') repeat-y 0px; width: 

1px; vertical-align: top;  }
.spalte_vertikal img  
{ background-color: white; height: 5px; width: 1px; margin-top: 0px; margin-bottom: 350px; vertical-align: top; }


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

--------*/
/* RECHTE SPALTE (rowspan=2) */

.spalte_rechts  
{ width: 166px; padding-left: 8px; overflow: hidden; vertical-align: top; }

.linie_rechts-block  
{ margin-top: 12px; margin-bottom: 0px; height: 1px; clear: left; background: url('http://www.goethe.de/bilder2/pkt_duenn.gif'); }

/* Teaser-Block (rechts) */

.teaser-rechts  
{ ackground: red; overflow: hidden; margin-top: 8px; margin-bottom: 0px; }

.icon_teaser-rechts
{ float: left; width: 6px; height: 12px; margin-bottom: 3px; background: 

url('http://www.goethe.de/bilder2/symbole/link.gif') no-repeat 0px 4px; }
div[class=icon_teaser-rechts]
{ width: 8px; }
.icon_teaser-rechts a img
{ width: 4px; height: 12px; }

.uschrift_teaser-rechts  
{ margin-bottom: 3px; padding-left: 0px; }

.bild_teaser-rechts  
{ float: left; margin-right: 5px; margin-top: 3px; width: 60px; margin-bottom: 1px; }

.eintrag_teaser-rechts
{ clear: left;}

 /* Tipps-Block */

.tipps-rechts  
{ overflow: hidden; }

.eintrag_tipps-rechts
{ margin-top: 2px; line-height: 15px; margin-bottom: 2px; padding-left: 0px;  display: block; clear: left }

.icon_tipps-rechts
{ float: left; width: 12px; height: 12px; background: 

url('http://www.goethe.de/bilder2/symbole/pkt_tipp.gif') no-repeat 0px 6px;}
.icon_tipps-rechts a img
{ width: 10px; height: 12px; }

.uschrift_tipps-rechts
{ margin-top: 8px; margin-bottom: 3px; }

.text_tipps-rechts
{ float: left; width: 140px}
div[class="text_tipps-rechts"]
{ float: none; display: block; margin-left: 10px}


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

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

.zelle_funktionsleiste, .zelle_funktionsleiste_typ2, .zelle_funktionsleiste_typ1, 

.funktionsleiste_skript 
{ height: 0px; vertical-align: bottom; background: #ffffff; }
.zelle_funktionsleiste, .zelle_funktionsleiste_typ2  
{ padding-right: 14px; padding-left: 14px }
.zelle_funktionsleiste_typ1  
{ padding-right: 20px; padding-left: 20px; width: 738px; }
.funktionsleiste_skript, .funktionsleiste_typ1    
{ height: 0px; margin-top: 0px; clear: left }
.fnktionsleiste_skript  
{ position: relative; top: 100px; height: 5px; margin-top: 10px; clear: left }


.druckversion a  
{ display: none; float: left; }
.icon_druckversion  
{ display: none; border: none}

.top a  
{ display: none; float: right; }
.icon_top  
{ display: none; border: none }


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

--------*/
/* FOOTER */

#footer  
{ width: 740px; background: url('http://www.goethe.de/css2/projekte/videoclips/footer.gif') no-repeat; height: 20px; }

/* gepunktete Linie (Footer) */

.linie_footer  
{ display: none; height: 0px; background: #D4D4D4; margin: 0 19px 3px 19px;  }

/* Text Footer */

.footer_hauptnavi, .footer_metanavi  
{ text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 2px; }

.footer_metanavi
{ padding-bottom: 10px; }

.footer_sprachen img  
{ width: 0px; height: 0px; }


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

--------*/
/* SPONSOR */

#sponsor  
{ margin-top: 5px; text-align: left; width: 100%; vertical-align: top; }


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

--------*/
/* URL-Objekte */


.url, .ext_url
{ width: 389px; clear: left; }


/* Hide from IE-Mac \*/

.bild_url img
{ width: 83px; margin-bottom: 20px; padding-top: 1px; float: left; border-bottom: 20px 

solid white;}

.text_url 
{ mrgin-bottom: 20px ; border-bottom: 20px solid white;}


.icon_url
{ float: left; background: url('http://www.goethe.de/bilder2/symbole/link.gif') no-repeat 

0px 4px;}
.icon_url a img
{ width: 7px; height: 12px; border: none; }

.uschrift_url 
{ margin-left: 93px;}
.ext_url .uschrift_url 
{ width: 389px; margin-left: 0px }

.annotation_url 
{ margin-left: 93px;}
.ext_url .annotation_url 
{ width: 389px; margin-left: 0px }

.quelle_url 
{ display: inline }

/* End hide */

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

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

.tabelle_kalender, .zelle_uschrift_kalender, .zelle_links_kalender, .zelle_mitte_kalender, 

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

.tabelle_kalender 
{ width: 100%; clear: left}

.zelle_uschrift_kalender, .zeile_uschrift_kalender  
{ height: 18px; }
.uschrift_kalender 
{ padding-left: 1px; }

.zelle_links_kalender 
{ width: 20%; }

.icon_kalender
{ float: left; width: 6px; height: 15px; background: 

url('http://www.goethe.de/bilder2/symbole/link.gif') no-repeat 0px 4px;}
.icon_kalender img
{ width: 1px; height: 1px;  }
.icon_kalender a img 
{ width: 4px; height: 12px; border: none; }
div[class=icon_kalender]
{ width: 8px; }

.mitte1_kalender
{ loat: left; }
.mitte2_kalender
{ clear: left; padding-left: 0px}

.zelle_rechts_kalender 
{ width: 25%; }


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

--------*/
/* Bildrand und Bild-Tabelle bei Veranstaltungen und Artikel */

.bildtabelle
{ width: 1%; float: left; margin-bottom: 8px; border-collapse: collapse; order: 1px solid 

yellow; margin-right: -3px}
.bildtabelle td
{ padding-left: 0px;}
.bild_bildtabelle
{ width: 1px }
.beschreibung_bildtabelle, .bilduschrift
{ font-size: 9px; font-style: italic; padding-right: 10px; }

.normalgrafik
{ float: left; border: none; }
.normalgrafik
{ margin: 3px 10px 0px 0px; }
.bildtabelle .normalgrafik
{ margin: 2px 10px 0px 0px;}
.bild_url .normalgrafik
{ margin: 1px 0px 0px 0px; padding: 2px 0px 0px 0px}

.normalgrafik_x
{ margin: 0px 0px 0px 0px;}
.bildtabelle .normalgrafik_x
{ margin: 0px 10px 0px 0px;}
.bild_url .normalgrafik_x
{ margin: 1px 0px 0px 0px; padding: 2px 0px 0px 0px}

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


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

--------*/
/* Sonstige Formatierungen im Content */

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

.link  /* Schnell-Formatierung Link */
{ background: url('http://www.goethe.de/bilder2/symbole/link.gif') no-repeat 0px -1px; 

padding-left: 10px; }

.mail  /* Schnell-Formatierung Mail-Link */
{ background: url('http://www.goethe.de/bilder2/symbole/mail.gif') no-repeat 0px 0px; 

padding-left: 14px; }

.teaseruschrift, .artikeluschrift  /* ART/V-Überschriften (Teaser und Langversion) */
{ margin-bottom: 10px; }

.artikeluschriftliste  /* Überschriften der Artikel bei Verwendung Listen-Template */
{ margin-top:2px; }

.seitenuschrift  /* Seitenueberschrift im Content-Bereich (Bei SM-Punkt der 4. Ebene) */
{ margin-top: 0px; margin-bottom: 20px; }

.seitenzwischenuschrift /* Seitenabschnitt-Zwischenüberschrift im Content-Bereich, grau, 

fett, klein */
{ margin-top: 20px; margin-bottom: 1px; }

.listenabschnittstitel /* Seitenabschnitt-Überschrift im Content-Bereich (bei Anchor o. 

SM-Punkt der 5. Ebene) */
{ margin-top: 0px; margin-bottom: 15px; padding-bottom: 2px; background:  

url('http://www.goethe.de/bilder2/pkt_duenn_anker.gif') no-repeat 0px 14px; }

.untertitel  /* Untertitel bei Einzelanzeige von Veranstaltungen */
{ font-size: 11px; font-weight: bold; margin-bottom: 0px; margin-bottom: 5px; }

.artikeluschrift
{ display: none;}

h4, .zwischenuschrift, .s13450, .s21714  /* Zwischenüberschriften beim Artikel */
{ margin-top: 13px; margin-bottom: 5px; }

.linie_seitenzwischenuschrift
{ background-image: url('http://www.goethe.de/bilder2/pkt_duenn.gif'); height: 1px; 

margin-bottom: 10px }

.linkzumthemauschrift  /* Überschrift "Links zum Thema"  */
{ margin-bottom: 3px }

.artikelannot  /* Bemerkungen zum Artikel (kursiv) */
{ font-style: italic; text-align: right; margin-top: 20px; }

.artikelbeginn  /* wird einem ersten <p> in Intro und Text AUTOMATISCH hinzugefügt 

(bewirkt, dass ein vom Redakteur eingegebenes <p> neutralisiert wird) */
{ margin-top: 0px; }

.abstand10  /* Abstand nach unten veringern */
{ margin-bottom: -10px;}
 .abstand20 
{ margin-bottom: -20px;}
 .abstand30 
{ margin-bottom: -30px;}
 .abstand40 
{ margin-bottom: -40px;}
 .abstand100 
{ margin-bottom: -100px;}

.bildrahmen
{ border: 8px solid gainsboro;}

/* Nachfolgende Tabellen sichtbar machen (verschwinden wegen float: left von URL im Firefox 

*/
table[width="100%"] 
{ clear: left }

/*----------------------------------*/
/*---- Hintergrundfarben GID -------*/
/*----------------------------------*/

.gid_classic {background-color: #F89C1C;height:16px;padding: 1px 0 1px 2px;}
.gid_campus {background-color: #ED0F59;height:16px;padding: 1px 0 1px 2px}
.gid_premium {background-color: #B6B6BF;height:16px;padding: 1px 0 1px 2px}
.gid_spezial {background-color: #4E87C6;height:16px;padding: 1px 0 1px 2px}


/*----------------------------------*/
/*---- Readspeaker -----------------*/
/*----------------------------------*/
.rslink { text-align: right; margin-top: 2px; margin-right: 0px; margin-bottom:10px; }
.rslink img { }
.rsbox {padding: 4px 5px 4px 5px; background: #efefef; font-size: 11px; margin-bottom:10px}
/* 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-delete
{ margin: none; padding: none; }


/* blau.css */

/*
Dunkel: 		#5686B4 - Farbe der Hauptnavi bzw. Rahmen um Primrnavi
Mittel:		#A9C1D7 - Farbe der linken Navi (z.B. hinter Suche-Feld)
Hell:   		#CBDBE7 - Erste Abstufung linke Navi
Sehr hell:  	#E5ECF3 - Zweite Abstufung linke Navi, Hintergrund Startseiten-Teaser
*/

/* Navi- und Rahmen-Farben */

.hauptnavi 
{ background: #5686B4; }

.tabelle_hauptnavi 
{ border-color: #5686B4; }

table[class=tabelle_hauptnavi] 
{ border-color: #5686B4;  border-top: 1px solid #5686B4;  border-bottom: 1px solid #5686B4 }

.zelle_navi1_ac
{ border-color: #CBDBE7; background: #ffffff; border-top: 1px solid #5686B4; border-bottom: 1px solid #5686B4;}

td[class=zelle_navi1_ac]
{ border-color: #CBDBE7; background: #ffffff; }

.zelle_navi1
{ border-color: #CBDBE7; background: #5686B4;}

td[class=zelle_navi1]
{ border-color: #CBDBE7; background: #5686B4; }

.zelle_navi1 a
{ color: white }

.zelle_navi1_ac a
{ }

.spalte_links, .spalte_links_startseite, .linkenavi, .navi2 
{ background-color: #A9C1D7; } 

.navi3  
{ background-color: #CBDBE7; } 

.navi4, .teaser-links  
{ background-color: #E5ECF3; }

.navim_ac
{ border: 1px solid #5686B4; }

.linkenavi_startseite 
{ border-top: 1px solid white; }

.linkenavi 
{ border-top: 1px solid #E5ECF3; }

.navi2, .navi3 
{ border-bottom: 1px solid #E5ECF3; }

.navi4 
{ border-bottom: 1px solid #FFFFFF; }

.navi2_ac, .navi3_ac, .navi4_ac   
{ background: #FFFFFF; }

/* Kalender */

.zelle_uschrift_kalender, .zeile_uschrift_kalender  
{ background-color: #ececec; }

.zeile_eintrag_kalender 
{ background-color: whitesmoke; }


/*---------------- Definitionen für die Tabellen der Videoclips ----------------*/

.videoclips 
{ width: 690px; padding: 0px; vertical-align: bottom; height: 340px; margin-left: 10px; }

.videoTD
{ vertical-align: bottom;  width: 320px; padding: 10px; margin-bottom: 10px; }

.platzhalterTD
{ vertical-align: bottom; width: 30px; padding: 0px; }

.textTD
{ vertical-align: bottom; width: 360px; padding: 0px;
margin-top: 40px; }

.wer
{background: #ececec;
width: 380px;}

.navigation
{ width: 380px; margin: 10px 0 0 0; padding: 0px; }