/* Homepage */

#hauptbereich 
{ width: 822px;
  height: 500px;
  background: url('http://www.goethe.de/css3/projekte/au_german-film/wrap-hp2.jpg') no-repeat; }
  
  
/*------------- linke Spalte Startseite --------------*/

#linkeSpalteStartseite
{ position: relative; top: 0px;
  width: 206px; height: 100%;
  float: left;
  padding: 0px; }

#linkenaviStartseite
{ position: relative; top: 166px; left: 0px;
  width: 204px;
  margin: 0px;
  clear: left; }

.startseitenteaser
{ padding: 0px;
  margin: 0px;
  clear: left;
  height: 164px;
  overflow: hidden; }
  
.startseitenteaserText
{ padding: 1px 5px 3px 5px;
  font-size: 10px;
  clear: left;
  height: 27px;
  background: url('http://www.goethe.de/css3/projekte/au_german-film/teaser-links.jpg') no-repeat; }

.startseitenteaserText .artikelteaseruschrift
{ font-size: 11px;
  line-height: 14px;
  margin: 0px; }

.startseitenteaserText .artikelteaseruschrift a  
{ color: #cc0000; }


#content
{ position: relative; left: 0px; top: 0px;
  width: 410px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  margin: 0px;
  overflow: hidden; }

.artikeltext
{ padding: 5px;
  width: 194px; height: 154px;
  margin: 0px 206px 0px 0px; }

.url
{ width: 204px; height: 164px;
  margin: 168px 0px 0px 0px; }

h4.urluschrift
{ background: #ffffff url('http://www.goethe.de/css3/projekte/au_german-film/pfeil-rechts-schwarz.gif') 188px 4px no-repeat;
  font-size: 11px;
  margin: 0px;
  line-height: 14px;
  padding: 3px 5px; }

h4.urluschrift a,
h4.urluschrift a:hover
{ color: #cc0000; }

.urlAnnotation
{ background: white;
  padding: 5px; }

#rechteSpalte  
{ height: 334px;
  overflow: hidden; }

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

.teaserRechts
{ background: transparent;
  width: 204px;
  margin: 0px 0px 0px 2px;
  height: 166px; }

.teaserEintrag
{ margin: 0px;
  padding: 0 0 5px 0;
  overflow: hidden;
  display: block; }
  
* html .teaserEintrag
{ display: inline-block; }
*+ html .teaserEintrag
{ display: inline-block; }   
  
.teaserBild,
.teaserBild img
{ display: none; }
  
.teaserText
{ padding: 0px;
  color: #ffffff; }

h4.teaseruschrift
{ background: url('http://www.goethe.de/css3/projekte/au_german-film/pfeil-rechts-weiss.gif') right no-repeat; }

h4.teaseruschrift a,
h4.teaseruschrift a:hover
{ color: white; }


  


/*--------------- 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 
{ display: block; 
  overflow: hidden;
  padding: 4px 8px; }


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

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