/**
  * Fenster aus 9 Bereichen
  *
  * Author   : Marco Marx
  * E-Mail   : kontakt@marco-marx.net
  * Firma    : netSoft.org
  * Homepage : http://www.netSoft.org
  *
  * Die Rechte dieser CSS Datei liegen in vollem Umfang bei Marco Marx
  * bzw. netSoft.org. Jegliche Verwendung dieser Datei wird strafrechtlich
  * verfolgt und kann bei Mißbrauch zu hohen Schadensersatzforderungen
  * führen.
  **

  Nach folgender Syntax bitte vorgehen:

    <!-- BEGINN Fenster -->

        <table border="0" cellpadding="0" cellspacing="0" class="ticker">
            <tr class="ticker-topframe">
                <td class="ticker-leftframe"><div></div></td>
                <td class="ticker-centerframe" width="100%" colspan="2"></td>
                <td class="ticker-rightframe"><div></div></td>
            </tr>
            <tr class="ticker-middleframe">
                <td class="ticker-leftframe"></td>
                <td class="ticker-centerframe ticker-contentframe" width="100%" colspan="2"></td>
                <td class="ticker-rightframe"></td>
            </tr>
            <tr class="ticker-bottomframe">
                <td class="ticker-leftframe"><div></div></td>
                <td class="ticker-centerframe" width="100%" colspan="2"></td>
                <td class="ticker-rightframe"><div></div></td>
            </tr>
        </table>

    <!-- ENDE Fenster -->

    */


/*### IE - Hack - Bitte nicht verändern ###############################################################################################################################*/
    
    .ticker * td div { font-size: 0px;}
    
/*### Fenster ###############################################################################################################################*/

     .ticker {
        width: 100%;
        height: 110px;
		margin-bottom: 0px;
    }

 /*### Linker Fensterframe ###################################################################################################################*/

     /* Hier darf keine Höhe angegeben werden, Höhen werden durch den top und den bottomframe angegeben */
     .ticker .ticker-leftframe, .ticker .ticker-leftframe div { width: 15px; }
     
     /**
      * Hier dürfen keine breiten und Höhen angegeben werden
      *
      * Oben  Links (Ecke)
      * Mitte Links (Spacer)
      * Unten Links (Ecke)
      */
     .ticker .ticker-topframe    .ticker-leftframe    { background-image: url(../images/ticker-oben-links.jpg);  background-repeat: no-repeat; }
     .ticker .ticker-middleframe .ticker-leftframe    { background-image: url(../images/ticker-links.jpg);       background-repeat: repeat-y;  }
     .ticker .ticker-bottomframe .ticker-leftframe    { background-image: url(../images/ticker-unten-links.jpg); background-repeat: no-repeat; }


 /*### Rechter Fensterframe ##################################################################################################################*/

     /* Hier darf keine Höhe angegeben werden, Höhen werden durch den top und den bottomframe angegeben */
     .ticker .ticker-rightframe, .ticker .ticker-rightframe div    { width: 15px; }

     /**
      * Hier dürfen keine breiten und Höhen angegeben werden
      *
      * Oben  Links (Ecke)
      * Mitte Links (Spacer)
      * Unten Links (Ecke)
      */
     .ticker .ticker-topframe     .ticker-rightframe    { background-image: url(../images/ticker-oben-rechts.jpg);  background-repeat: no-repeat; }
     .ticker .ticker-middleframe  .ticker-rightframe    { background-image: url(../images/ticker-rechts.jpg);       background-repeat: repeat-y;  }
     .ticker .ticker-bottomframe  .ticker-rightframe    { background-image: url(../images/ticker-unten-rechts.jpg); background-repeat: no-repeat; }


 /*### Oberer Rahmen ##################################################################################################################*/

     /* Hier darf keine Breite angegeben werden, Breiten werden durch den left und den rightframe angegeben */
     .ticker .ticker-topframe               { height: 15px; }

     /**
      * Hier dürfen keine breiten und Höhen angegeben werden
      *
      * Oben  Mitte (Spacer)
      */
     .ticker .ticker-topframe               { background-image: url(../images/ticker-oben.jpg);   background-repeat: repeat-x;  }



/*### Unterer Rahmen ##################################################################################################################*/

     /* Hier darf keine Breite angegeben werden, Breiten werden durch den left und den rightframe angegeben */
     .ticker .ticker-bottomframe            { height: 15px; }

     /**
      * Hier dürfen keine breiten und Höhen angegeben werden
      *
      * Unten  Mitte (Spacer)
      */
     .ticker .ticker-bottomframe            { background-image: url(../images/ticker-unten.jpg);  background-repeat: repeat-x;  }
     
 /*### Mittlerer Rahmen  & Content ##################################################################################################################*/

     /* Hier darf weder Breite noch Höhe angegeben werden, die Einstellungen sollten sich nur auf den Content-Bereich beziehen */
     .ticker .ticker-middleframe          {}

     /**
      * Hier dürfen keine breiten und Höhen angegeben werden
      *
      * Mitte Mitte (Content)
      */
     .ticker .ticker-middleframe          {}
     .ticker .ticker-middleframe .ticker-contentframe {}


     /**
      * Der zu setzende Content
      */
     .ticker .ticker-middleframe .ticker-contentframe {
        font: 12px Verdana;
        color: #000000;
        background-color: #FFFFFF;
        text-align: left;
        vertical-align: top;
     }

     #banner .ticker .ticker-middleframe .ticker-contentframe {
        background-image: url(../images/gameserver-area-background.jpg);
        background-repeat: no-repeat;
        background-position: 88% 62%;     
     }
     
     .ticker .ticker-middleframe .ticker-contentframe a {
        font: 12px Verdana;
        color: 65798c;
        text-decoration: none;
     }

     .ticker .ticker-middleframe .ticker-contentframe a:hover {
        color: 65798c;
        text-decoration: underline;
     }

     .ticker .ticker-middleframe .ticker-contentframe h1 {
        font: 14px Verdana;
        color: #65798c;
        text-align: left;
        font-weight: bold;
     }

     .ticker .ticker-middleframe .ticker-contentframe h2 {
        font: 14px Verdana;
        color: #65798c;
        text-align: left;
        font-weight: bold;
     }
     
     .ticker .ticker-middleframe .ticker-contentframe .header {
        font: 14px Verdana;
        color: #000000;
        font-weight: bold;
        width: 100%;
        border-bottom: 1px solid #000000;
        padding-bottom: 5px;
        margin-top: 20px;
     }

    .ticker .ticker-middleframe .ticker-contentframe table .label {
        font: 11px Verdana;
        color: #000000;
        font-weight: bold;
        padding: 5px;
        padding-left: 0px;
        width: 40%;
     }

     .ticker .ticker-middleframe .ticker-contentframe table .value {
        font: 11px Verdana;
        color: #000000;
        padding: 5px;
        padding-left: 0px;
     }