/* Formatierungen nach Boxen geordnet */

#inhalt {
  /* Die Zelle, die alle Boxen beinhaltet */
  width:960px;
  height:550px;
  font-family:"Trebuchet MS", sans-serif;
}

#rechtsoben {
  width:230px;
  height:295px;

  float:right;

}

#blase {
  width:247px;
  height:62px;
  background-image:url('bilder/blase.png');
  margin-bottom:5px;
}

#blase #text {
  padding:10px;
  width:208px;
  font-size:11px;
  color:white;
  line-height:1.8em;
  text-align:center;
}

#reiterbox {
  width:220px;
  height:228px;

  background-repeat:repeat-y;
  float:right;
  font-size:13px;
  background-color:white;
  border:5px solid rgb(165,206,4);
}

#reiterbox .inhalt {
  width:100%;
  height:285px;
}

#gelesen2, #neueste2 {
  /* Inhaltszellen für "Neueste Beiträge" / "neueste" */
  width:100%;
}

#reiterbox a {
  /* Links in "neueste" */
  color:black;
  text-decoration:none;
  line-height:1.5em;
}

#reiterbox #leiste {
  /* Klickbalken an der Seite des variablen Contents */
  float:right;
  background-color:rgb(119,9,8);
  width:22px;
  height:258px;
  margin-left:0;
  margin-right:-27px;
  /*margin-top:32px;*/
  margin-top:-5px;
  display:block;
}

#reiterbox #neueste {
  /* Klickzelle für "neueste" */
  height:115px;
  width:100%;
  background-color:#AAA;
}

#reiterbox #gelesen {
  /* Klickzelle für "Neueste Beiträge" */
  height:115px;
  width:100%;
  margin-top:8px;
  background-color:#AAA;
}

#inhalt #reiterbox .on {
  background-color:rgb(165,206,4);
}


#inhalt #reiterbox .off {
  background-color:rgb(76,72,34);
}


.on, .off {background-position:-4px 50%;}

#neueste.on {
  background-image:url('bilder/neueste_on.gif');
}

#neueste.off {
  background-image:url('bilder/neueste_off.gif');
}

#gelesen.on {
  background-image:url('bilder/gelesene_on.gif');
}

#gelesen.off {
  background-image:url('bilder/gelesene_off.gif');
}

#leitartikel {
  /* Box für den leitartikel */
  width:720px;
  height:170px;
  margin-right:10px;
  float:left;
  font-size:14px;
  background-color:rgb(254,161,0);
}

#blickfang {
  /* Box für den Blickfang-Teaser (Spruch auf Grün) */
  width:288px;
  height:115px;
  margin-right:10px;
  margin-top:10px;
  float:right;
  font-size:14px;
  vertical-align:middle;
  background-color:rgb(76,72,34);
}

#linksboxoben,
#linksboxmitte,
#linksboxunten,
#mitteboxmitte {
  /* Boxen für die linken 3 Kategorien und die Flash Ani*/
  width:422px;
  height:115px;
  margin-top:10px;
  float:left;
  font-size:13px;
}

#linksboxoben {
  background-color:rgb(0,161,190);
}

#mitteboxmitte {
  display:block;
  height:115px;
  margin-left:10px;
  width:300px;
}

#mitteboxmitte img {
  height:55px;
  width:55px;
  border:0;
}

#linksboxmitte {
  background-color:rgb(17,126,155);
}

#linksboxunten {
  background-color:rgb(165,206,4);
}

#mitteboxunten {
  /* Box für die untere Kategorie*/
  width:288px;
  height:115px;
  margin-left:10px;
  margin-top:10px;
  float:left;
  font-size:13px;
  background-color:white;
}

#rechtsboxunten {
  width:230px;
  height:230px;
  float:left;
  margin-top:-105px;
  margin-left:10px;
  font-size:13px;
  background-color:rgb(254,161,0);
}

/* ------------------------ *
 * Generelle Formatierungen *
 * ------------------------ */

.kategorietitel {
  /* Überschrift in einer Box, die die Kategorie angibt */
  font-size:11px;
  margin-top:4px;
  color:rgb(119,9,8); /* Rot wie die Hintergrundfarbe */
}

.teasertitel {
  /* Überschrift eines Teasers der Startseite */
  margin-right:12px;
  font-weight:bold;
  font-size:19px;
  color:black;
}

.teasertitel a {
  color:black;
  text-decoration:none;
}

.teaseruntertitel {
  /* Kurzer Teasertext eines Teasers der Startseite */
  margin-right:12px;
  color:black;
}

.mehrcontainer {
  /* Inhalts-div des folgenden Links zum Beitrag */
  text-align:right;
  margin-right:12px;
}

.mehr {
  /* Link von Teaser zum Beitrag ( "[+]" ) */
  color:black;
  font-weight:bold;
  text-decoration:none;
}

.ecke_or {
  /* Ecke oben rechts (abgeschnittene Ecke) */
  float:right;
  height:10px;
  width:10px;
  background-image:url('bilder/ecke.gif');
  background-repeat:no-repeat;
}

.kategoriebild {
  /* Teaserbild in einem Teaser der Startseite */
  float:right;
  margin-top:-4px;
  margin-left:10px;
  border:0;
}


/* -------------------------- *
 * Spezifische Formatierungen *
 * -------------------------- */

#leitartikel .teasertitel {
  font-size:34px;
}

#reiterbox .on .ecke_or,
#reiterbox .off .ecke_or {
  margin:0px;
  background-image:url('bilder/ecke_rot.gif');
}

#leitartikel .kategoriebild {
  float:left;
  margin-left:0;
  margin-right:10px;	
}

#gelesen2, #neueste2 {
  margin-left:10px;
  margin-top:5px;
}

#neueste2 .kategorieueberschrift,
#gelesen2 .kategorieueberschrift {
  margin-left:0px;
  margin-bottom:0.5em;
  color:rgb(119,9,8); /* Rot wie die Hintergrundfarbe */
  font-size:11px;
  font-weight:bold;
}

#blickfang .kategorieinhalt {
  margin:12px;
  text-align:center;
  color:white;
  font-family:"Trebuchet MS", sans-serif;
  font-family:Courier,"Courier New";
/*  font-weight:bold;*/
  display:table-cell;
  vertical-align:middle;
  height:115px;
  
  text-align:justify;
}

#blickfang .kategorieinhalt a {
  color:white;
  text-decoration:none;
}

#blick {
  margin-left:25px; 
  margin-right:15px;
  text-align:center;
}

#leitartikel .kategorieinhalt {
  height:130px;
}

#rechtsboxunten .kategorieinhalt {
  height:195px;
  margin-left:4%;
  width:96%;
}

#linksboxoben .kategorieinhalt,
#linksboxmitte .kategorieinhalt,
#linksboxunten .kategorieinhalt,
#mitteboxunten .kategorieinhalt {
  height:80px;
  margin-left:2%;
  width:98%;
}

.meist {
  margin-right:15px;
  color:#770908;
}