/**
 * Heise online - Stylefix 2008
 *
 * LICENSE: This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 *
 * @author     Daniel Rudolf
 * @copyright  2008 Daniel Rudolf
 * @license    http://www.gnu.org/licenses/gpl-3.0.html
 *             GNU General Public License Version 3
 *
 * @version    1.4
 * @date       17. August 2008, 15:30 Uhr
 */


/* Die nachfolgenden zwei Zeilen bitte nicht verändern! */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(http://www.heise.de/), url-prefix(http://www.heise.de/newsticker), url-prefix(https://www.heise.de/userdb), url-prefix(http://www.heise.de/extras)
/* Die vorherigen zwei Zeilen bitte nicht verändern! */


/**
 * Beginn "Einstellungen"
 *
 *
 * Worauf soll sich dieses Style zusätzlich auswirken?
 *
 * Dieser Style wirkt sich in erster Linie auf den Newsticker,
 * das Newsticker-Forum und die Benutzereinstellung aus.
 * Auf anderen Seiten, wie Heise Open oder Heise Netze,
 * wurde von Heise bisher nicht das neue Layout aufgespielt.
 * Da es nicht möglich ist, den anderen Angeboten von Heise
 * das neue Layout via Style aufzuzwingen, 
 * kommt es auf diesen Seiten zu keinen Veränderungen.
 *
 * Leider schließt dies auch die Foren ein.
 * Zur Zeit ist es so, dass auch Meldungen von z. B. Heise Open
 * im Newsticker verfügbar gemacht werden und dann dort auch das neue
 * Layout verwenden. Das Kommentar-Forum hingegeben befindet sich
 * dann aber direkt auf Heise Open und es kommt zu keinen Veränderungen.
 *
 * Um dieses Problem zu umgehen, kann dieser Style auf alle Foren
 * ausgeweitet werden, die mit dem neuen Layout zumindest grundsätzlich
 * kompatibel sind. Namentlich sind das die Foren von Heise Open, iX,
 * Heise Netze und Heise Mobil.
 *
 * Der Nachteil besteht darin, dass die in besagten Forem auf der rechten Seite
 * befindlichen Navigationsleisten vollständig ausgeblendet werden müssen.
 * Auch sehen diese Foren nicht ganz so "schön" aus wie die des Newstickers.
 * Schlimm ist das aber nicht, im Newsticker-Forum gibt es grundsätzlich ohnehin keine
 * Navigationsleiste. Dennoch gibt es hier die Möglichkeit, das Verhalten zu steuern:
 *
 * Wenn Sie die Veränderungen in den Foren von Heise Open, Heise Netze, Heise Mobil und iX
 * unterbinden möchten, entfernen Sie einfach die nachfolgende Zeile mit dem Stern und Schrägstrich.
 */
, url-prefix(http://www.heise.de/netze/news/foren), url-prefix(http://www.heise.de/ix/news/foren), url-prefix(http://www.heise.de/mobil/newsticker/foren), url-prefix(http://www.heise.de/open/news/foren)

/* --- */
{
  #container {
    /**
     * Wie breit soll die Seite sein?
     *
     * Stil "volle Breite":    width: 100% !important;
     * Stil "Kompakt":         width: 85% !important;
     */
    width: 100% !important;

    /**
     * Wie viel Platz soll vor dem Content zur Header-Navigation sein?
     *
     * Stil "volle Breite":    margin-top: 0.5em !important;
     * Stil "Kompakt":         margin-top: 0 !important;
     */
    margin-top: 0.5em !important;
  }

  #container > #sitemap {
    /**
     * Wie viel Platz soll nach dem Content zur Footer-Navigation sein?
     *
     * Stil "volle Breite":    margin-top: 0.5em !important;
     * Stil "Kompakt":         margin-top: 0 !important;
     */
    margin-bottom: 0.5em !important;
  }

  #navi_top {
    /**
     * Soll die Header-Navigation angezeigt werden?
     *
     * für Ja   (= Stil "volle Breite"):    display: block !important;
     * für Nein (= Stil "Kompakt"):         display: none !important;
     */
    display: block !important;
  }

  #navi_bottom {
    /**
     * Soll die Footer-Navigation angezeigt werden?
     *
     * für Ja   (= Stil "volle Breite"):    display: block !important;
     * für Nein (= Stil "Kompakt"):         display: none !important;
     */
    display: block !important;
  }

  #container > #sitemap {
    /**
     * Soll die Sitemap angezeigt werden?
     *
     * für Ja   (= Stil "volle Breite"):    display: block !important;
     * für Nein (= Stil "Kompakt"):         display: none !important;
     */
    display: block !important;
  }
  /**
   * Ende "Einstellungen"
   *
   * Ab hier ist es nicht mehr notwendig, etwas zu verändern.
   * Nur wenn Sie die Seite deutlich verändern möchten, wären Änderungen
   * in den folgenden Zeilen notwendig. Machen Sie dies nur, wenn Sie wissen was Sie tun!
   */



  /**
   * Allgemein
   */
  * {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    position: static !important;

    max-width: 100% !important;
  }

  html, body {
    background-color: #FFFFFF !important;

    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #container {
    float: none !important;
    clear: both !important;
    min-width: 53em !important;
    max-width: 99.70% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #container > #container_content {
    width: 100% !important;
  }
  /* Ende "Allgemein" */



  /**
   * Beginn "Header Navigation"
   */
  #navi_top .zweite_zeile {
    background:url(http://www.heise.de/icons/ho/background_navigation.gif) repeat-x!important; /*sieht mm nach besser aus*/
  }
  /* Ende "Header Navigation" */



  /**
   * Beginn "Logo"
   */
  #container > #container_content > #logo_bereich > #logo,
  #container > #container_content > #logo_bereich > #login_suche > #navi_login {
    float: left !important;
  }

  #container > #container_content > #logo_bereich > #login_suche,
  #container > #container_content > #logo_bereich > #login_suche > #suchfeld {
    float: right !important;
  }
  /* Ende "Logo" */



  /**
   * Beginn "Navigation" und "BreadCrumbs"
   */
  #container > #container_content > #navigation {
    clear: both !important;
  }

  #container > #container_content > #navigation > li {
    display: inline !important;
    float: left !important;
  }

  #container > #container_content > #navigation > li.right {
    float: right !important;
  }

  #container > #container_content > #breadcrumbs {
    clear: both !important;
  }
  /* Ende "Navigation" und "BreadCrumbs" */



  /**
   * Beginn "Hauptseite"
   */
  #container > #container_content > #links {
    display: none !important;
  }

  #container > #container_content > #mitte {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-image: none !important;
    background-color: #EEEEEE !important;
  }

  #container > #container_content > #mitte > #mitte_news {
    margin: 0 !important;
    padding-top: 1ex !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    padding-bottom: 1ex !important;

    background: #FFFFFF url(/icons/ho/background_mitte.gif) repeat-y !important;
  }

  #container > #container_content > #mitte > #mitte_links { 
    float: left !important; 
    width: 72.5% !important;

    padding: 0 !important;
    margin: auto !important;

    background-color: #FFFFFF !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_text > .ho_entdecken {
    display: none !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .news_logo {
    float: right !important;
    width: auto !important;
    margin-left: 1em !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .news_topteaser > .position_1 a img {
    float: left !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .news_topteaser > .trennlinie_1px,
  #container > #container_content > #mitte > #mitte_links > #mitte_news > .trennlinie_6px {
    clear: both !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .news_topteaser > .position_2 {
    float: left !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .news_topteaser > .position_3 {
    float: right !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .news_navi {
    float: right !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .nachricht {
    clear: right !important;
  }

  #container > #container_content > #mitte > #mitte_links > #mitte_news > .meldung_wrapper {
    text-align: justify !important;
  }

  #container > #container_content > #mitte > #mitte_rechts {
    float: right !important;
    width: 27.5% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col50,
  #container > #container_content > #mitte > #mitte_rechts .col50anschnitt {
    float: left !important;
    width: 44% !important;

    margin: 0 !important;
    padding-top: 1ex !important;
    padding-left: 3% !important;
    padding-right: 3% !important;
    padding-bottom: 1ex !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col50anschnitt > .teaser_liste {
    max-height: 75em !important;
    overflow: auto !important;

    padding: 0 !important;
    margin-top: -0.5ex !important;
    margin-left: -1.5% !important;
    margin-right: -1.5% !important;
    margin-bottom: -0.5ex !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col50anschnitt > .teaser_liste > h4 {
    margin: 0 !important;
    padding-top: 1ex !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    padding-bottom: 0.5ex !important;
    text-align: center !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col50anschnitt > .teaser_liste > .kasten_news {
    margin: 0 !important;
    padding-top: 1ex !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    padding-bottom: 0.5ex !important;

    overflow: hidden !important;
    background-color: #FFFFFF !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col100aktion {
    background-color: #D2D0D0 !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col100,
  #container > #container_content > #mitte > #mitte_rechts .col100weiss,
  #container > #container_content > #mitte > #mitte_rechts .col100aktion {
    clear: left !important;
    width: 94% !important;

    margin: 0 !important;
    padding-top: 1ex !important;
    padding-left: 3% !important;
    padding-right: 3% !important;
    padding-bottom: 1ex !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .col100 a img,
  #container > #container_content > #mitte > #mitte_rechts .col100weiss a img,
  #container > #container_content > #mitte > #mitte_rechts .col100aktion a img {
    float: left !important;
    margin-right: 1em !important;
  }

  #container > #container_content > #mitte > #mitte_rechts .clear {
    clear: left !important;
  }
  /* Ende "Hauptseite" */



  /**
   * Beginn "Forum"
   */
  #container > #container_content > #mitte > .forum_content {
    background-color: #FFFFFF !important;

    padding: 0 !important;
    margin-top: 1ex !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
    margin-bottom: 1ex !important;
  }

  #container > #container_content > #mitte > .forum_content > .error_message {
    clear: both !important;
    margin: 0 !important;
  }

  #container > #container_content > #mitte > .forum_content > .error_message + p {
    display: block !important;
    background-color: #EEEEEE !important;

    margin: 0 !important;
    padding: 0 !important;
    padding-top: 2ex !important;
  }

  #container > #container_content > #mitte > .forum_content > h3.red {
    padding-top: 2ex !important;
    display: block !important;
    text-align: center !important;
  }

  #container > #container_content > #mitte > .forum_content > form {
    width: 41.5em !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #container > #container_content > #mitte > .forum_content > form > fieldset > div {
    text-align: center !important;
  }

  #container > #container_content > #mitte > .forum_content > .forum_user {
    width: 100% !important;
    text-align: right !important;
    background-color: #EEEEEE !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #container > #container_content > #mitte > .forum_content > .forum_titel {
    background-color: #EEEEEE !important;
    margin-bottom: 0 !important;
    padding-top: 1ex !important;
    padding-bottom: 0.5ex !important;
  }

  #container > #container_content > #mitte > .forum_content > .feedback_link {
    padding-left: 1em !important;
    padding-right: 1em !important;
    float: right !important;
  }

  #container > #container_content > #mitte > .forum_content > .posting_date {
    padding-left: 1.3em !important;
    padding-right: 1em !important;
  }

  #container > #container_content > #mitte > .forum_content > h3,
  #container > #container_content > #mitte > .forum_content > p {
    display: none !important;
  }

  #container > #container_content > #mitte > .forum_content > .forum_news,
  #container > #container_content > #mitte > .forum_content > .redsize80,
  #container > #container_content > #mitte > .forum_content > .ueberschrift {
    display: block !important;
    background-color: #EEEEEE !important;
    color: #000000 !important;

    margin: 0 !important;
    padding-top: 1ex !important;
    padding-left: 0.1em !important;
  }

  #container > #container_content > #mitte > .ueberschrift {
    padding-left: 1em !important;
  }

  #container > #container_content > #mitte > .forum_content > .thread_tree {
    padding-right: 1em !important;
  }

  #container > #container_content > #mitte > .forum_content > .posting_subject,
  #container > #container_content > #mitte > .forum_content > .user_info,
  #container > #container_content > #mitte > .forum_content > .posting_text,
  #container > #container_content > #mitte > .forum_content > .tovote_links {
    display: block !important;
    clear: both !important;

    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  /* Ende "Forum" */



  /**
   * Beginn "Sitemap"
   */
  #container > #sitemap {
    clear: both !important;
    width: 100% !important;

    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  #container > #sitemap > ul {
    float: left !important;

    margin: 0 !important;
    margin-top: 1ex !important;
    margin-left: 0.5em !important;
  }

  #container > #sitemap > ul:first-child {
    margin-left: 1.5em !important;
  }
  /* Ende "Sitemap" */



  /**
   * Beginn "Impressum"
   */
  #navi_bottom {
    clear: both !important;
  }

  #navi_bottom > .left {
    float: left !important;
  }

  #navi_bottom > .right {
    float: right !important;
  }
  /* Ende "Impressum" */



  /**
   * Beginn "Werbung"
   */
  noscript > *,
  #container > #bannerzone,
  div[style="display: inline;"],
  #container > #container_content > #mitte > .adbottom,
  #container > #container_content > #mitte > #mitte_links > .adbottom,
  #container > #container_content > #mitte > #mitte_links > #mitte_news .bcadv,
  #container > #container_content > #mitte > #mitte_rechts .naviad,
  #container > #container_content > #mitte > #mitte_rechts .online-markt,
  #container > #container_content > #mitte > #mitte_rechts .col100preisvergleich,
  #container > #container_content > #mitte > #mitte_rechts .sales,
  #container > #container_content > #mitte > #mitte_rechts .col50anschnitt > .col50preisvergleich,
  #container > #container_content > #links > .sponsor,
  #container > #container_content > #links > .sales {
    display: none !important;
  }
  /* Ende "Werbung" */
}