/* Sonderstyles Startseite To4ka-Treff */

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

#zwischenraumTyp4
{ position: relative; top: 1px; left: 17px;
  height: 59px;
  clear: left;
  border-bottom: 1px #859298 dotted; 
  width: 590px; }

.breadcrumbs
{ display: none; }
  
.seitentitel
{ display: none; }


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

#linkeSpalte,
#linkeSpalteStartseite
{ position: relative; top: 0px;
  width: 0px; height: 100%;
  float: left;
  padding: 0px 0px 0px 0px;
  border: none; }

#linkenavi
{ display: none; }
  
/*--------------------- Suche ------------------------*/  

.suche
{ display: none; }

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

.sponsorenartikel  
{ width: 800px;
  overflow: hidden;
  padding: 8px 8px 0px 17px;
  background: #ffffff;
  position: absolute;
  top: 570px;
  color: #5a5a5a;
  font-weight: bold;
  border: none;
  margin: 0px; }


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

#content
{ position: relative; left: 0px; top: 1px;
  width: 600px; min-height: 430px; height: 430px;
  display: inline; float: left;
  padding: 10px 0px 0px 0px;
  margin: 0px 13px 0px 16px;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: white; }
  
div[id] #content 
{ height: auto; }

.teaserEintrag .teaserBild,
.teaserEintrag .teaserBild img
{ display: none; }

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

#funktionsleisteTyp4
{ height: 0px; }

.funktionenTyp4, .funktionenTyp3, .funktionenTyp2, .funktionenTyp1
{ display: none; }

.topTyp4, .topTyp3, .topTyp2, .topTyp1
{ display: none; }


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

#footerTyp4, #footerTyp3, #footerTyp2, #footerTyp1
{ height: 80px; }



/*---------------- Artikel ------------------*/

.artikeltext
{ display: inline; clear: none;
  overflow: hidden;
  margin: 0;
  float: left; }
  
* html .artikeltext,
*+ html .artikeltext
{ display: inline;
  margin: 0 0 10px 0; }
  

.linkzumthema
{ margin-bottom: 0px; }


/*----------- Sonderdefinitionen Startseite ----------*/

.topthema,
.topthemaRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #00b5dd;
  width: 390px; height: 200px;
  margin: 0px 10px 10px 0px; }
  
.leben,
.lebenRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #dde76d;
  width: 190px; height: 200px;
  margin: 0px 10px 10px 0px; }
  
.medienmachen,
.medienmachenRU,
.medienwelten,
.medienweltenRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #76acd8;
  width: 190px; height: 200px;
  margin: 0px 10px 10px 0px; }
  
.austausch,
.austauschRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #b8d9b6;
  width: 190px; height: 200px;
  margin: 0px 10px 10px 0px; }
  
.leglos,
.leglosRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #cac7c0;
  width: 190px; height: 200px;
  margin: 0px 10px 10px 0px; }

.blog,
.blogRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #d03b8f;
  width: 190px; height: 200px;
  margin: 0px 10px 10px 0px; }
  
.community,
.communityRU
{ display: inline; overflow: hidden;
  float: left;
  background-color: #5d82d6;
  width: 190px; height: 200px;
  margin: 0px 10px 10px 0px; }

.teaserbildgross
{ float: left;
  width: 200px; }
  
.teaserbildklein
{ clear: left;
  width: 190px;
  height: 90px; }

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

h3.boxuschrift1
{ margin: 0px 0px 15px 0px;
  padding: 5px 0px 0px 0px; }
h3.boxuschrift1 a,
h3.boxuschrift1 a:hover
{ color: #000000; }

h3.boxuschrift2
{ margin: 0px 0px 3px 0px; }
h3.boxuschrift2 a,
h3.boxuschrift2 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: 6px 0px 0px 0px;
  color: white;
  font-weight: bold;
  display: block; }

  
.topthema .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_topthema.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.topthemaRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_topthema.gif');
  background-repeat: no-repeat;
  background-position: right top; }

.leben .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_leben.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.lebenRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_leben.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
.medienmachen .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_medienmachen.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.medienmachenRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_medienmachen.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
.medienwelten .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_medienwelten.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.medienweltenRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_medienwelten.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
.austausch .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_austausch.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.austauschRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_austausch.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
.leglos .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_leglos.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.leglosRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_leglos.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
.blog .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_blog.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.blogRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_blog.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
.community .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/d_community.gif');
  background-repeat: no-repeat;
  background-position: right top; }
.communityRU .teasertext
{ background-image: url('http://www.goethe.de/css3/projekte/ru_totschka-neu/img/r_community.gif');
  background-repeat: no-repeat;
  background-position: right top; }
  
h3.sonderuschrift
{ font-size: 45px;
  color: #ed3093;
  margin: 10px 0px 40px 0px; }