/* Sonderstyles Medien machen */


h1.seitentitel
{ color: #000000; }

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

#linkenavi li a:hover,	
#linkenavi ul li span.active,
#linkenavi ul ul li span.active,
#linkenavi ul ul ul li span.active		/* Farben bei Hover und aktivem Menpunkte */
{ background-color: #76acd8;
  border: none; }

#linkenavi ul li span.active a,
#linkenavi ul ul li span.active a,
#linkenavi ul ul ul li span.active a
{ background-color: #76acd8;
  background-image: none; } 


.jugendmedien,
.ausschreibungen,
.informationsfluss,
.journalismustrends,
.medienwerkstatt,
.jugendmedienRU,
.ausschreibungenRU,
.informationsflussRU,
.journalismustrendsRU,
.medienwerkstattRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #76acd8;
  width: 300px; height: 140px;
  margin: 0px 10px 10px 0px; }
  
.teaserbildklein
{ float: left;
  width: 140px;
  height: 140px; }

.teaserbildklein img
{ height: 140px;
  width: 140px; }

.artikeltext .teasertext
{ float: left;
  padding: 30px 10px 5px 10px;
  width: 140px; }

h3.boxuschrift
{ margin: 0px 0px 3px 0px;
  line-height: 17px;
  font-size: 13px; }
h3.boxuschrift a,
h3.boxuschrift a:hover
{ color: #000000; }

.mehrlink a
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/mehr.gif');
  background-repeat: no-repeat;
  background-position: left top;
  line-height: 20px;
  padding: 0px 0px 0px 22px;
  margin: 4px 0px 0px 0px;
  color: white;
  font-weight: bold;
  display: block; }

.jugendmedien .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_jugendmedien.gif') right top no-repeat; }
.ausschreibungen .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_ausschreibungen.gif') right top no-repeat; }
.informationsfluss .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_informationsfluss.gif') right top no-repeat; }
.journalismustrends .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_journalismustrends.gif') right top no-repeat; }
.medienwerkstatt .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_medienwerkstatt.gif') right top no-repeat; }
.jugendmedienRU .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_jugendmedien.gif') right top no-repeat; }
.ausschreibungenRU .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_ausschreibungen.gif') right top no-repeat; }
.informationsflussRU .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_informationsfluss.gif') right top no-repeat; }
.journalismustrendsRU .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_journalismustrends.gif') right top no-repeat; }
.medienwerkstattRU .teasertext
{ background: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_medienwerkstatt.gif') right top no-repeat; }




.introtext
{ background: #f39400;
  background: #fec771;
  padding: 8px;
  margin: 0 10px 10px 0;
  clear: both;
  width: 594px; }
  
* html .introtext,
*+ html .introtext
{ margin: 0 10px 0 0; }

table.steckbrief
{ padding: 0px;
  width: 402px; }

table.steckbrief td
{ vertical-align: top;
  padding: 3px 0px; }

table.steckbrief td.bezeichner
{ font-weight: bold;
  color: #5a5a5a;
  width: 140px;
  padding: 3px 8px 3px 0px; }