/* Hintergrund HP */

#bodyTyp4
{ background-image: url('http://www.goethe.de/css3/projekte/nl_emaj/bg_zeitung.jpg');
  background-position: -200px 140px;
  background-repeat: no-repeat; }
  
  
#content
{ position: relative; left: 0px; top: 0px;
  width: 310px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px; }
  
div[id] #content 
{ height: auto; }

.teaseruschrift a,
.teaseruschrift
{ color: #cc0000; }

.teaseruschrift a:hover
{ color: #878686;
text-decoration: none; }

h4.teaseruschrift teaserRechtsOK 
{ color: #000000; }
/*--------------- Rechte Spalte ---------------------*/
  
#rechteSpalte  
{ width: 280px; height: 100%;
  display: inline;  float: right;
  position: relative; top: 0px;
  margin: 0px; }

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

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

.teaserEintrag
{ margin: 0px;
  padding: 0 0 5px 0;
  overflow: hidden;
  display: none; }
  
* html .teaserEintrag
{ display: inline-block; }
*+ html .teaserEintrag
{ display: inline-block; }   
  
.teaserBild
{ width: 80px;
  float: left;
  margin: 4px 10px 1px 0; }
  
.teaserBild img
{ width: 70px; }
  
.teaserText
{ padding: 0px; }

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



/*--------------- Tipps rechts ---------------------*/  
  
.tippsRechts
{ background: transparent;
  width: 250px;
  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: 8px;
  background: url('http://www.goethe.de/css3/projekte/nl_emaj/linie_2.jpg') 0px 0px no-repeat;

   }


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

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


h4.teaseruschrift
{ margin: 0px 0px 4px 0px;
  padding: 0px;
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  background: none; }