/**

        Stylesheet
        Design: Chat Kids Luna
*/

.rol1
{
padding:0px;
border:0px;
margin:0px;
border-spacing:0px;
border-collapse: collapse;
}
.rolol
{
color: #ffffff ;
background-image:url(../KI1/rol5ol.gif);
background-repeat:no-repeat;
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
width:68px;
height:38px;
}
.rolom
{
color: #ffffff ;
background-image:url(../KI1/rol5om.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
height:38px;
}
.rolor
{
color: #ffffff ;
background-image:url(../KI1/rol5or.gif);
background-repeat:no-repeat;
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
width:51px;
height:38px;
}

.rolml
{
color: #ffffff ;
background-image:url(../KI1/rol5ml.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
width:68px;
}

.rolmm
{
color: #ffffff ;
background-image:url(../KI1/rol5mm.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}
.rolmr
{
color: #ffffff ;
background-image:url(../KI1/rol5mr.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
width:51px;
}

.rolul
{
color: #ffffff ;
background-image:url(../KI1/rol5ul.gif);
background-repeat:no-repeat;
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
width:68px;
height:37px;
}
.rolum
{
color: #ffffff ;
background-image:url(../KI1/rol5um.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
height:37px;
}
.rolur
{
color: #ffffff ;
background-image:url(../KI1/rol5ur.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
width:51px;
height:37px;
}


.rol
{
padding:0px;
border:0px;
margin:0px;
width:580px;
border-spacing:0px;
border-collapse: collapse;
}

.rolo
{
color: #ffffff ;
background-image:url(../KI1/rol5o.gif);
background-repeat:no-repeat;
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
height:38px;
padding-left:120px;
padding-right: 25px;

}

.rolm
{
color: #ffffff ;
background-image:url(../KI1/rol5m.gif);
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
padding-left:55px;
padding-right: 70px;
padding-top:10px;
}

.rolu
{
color: #ffffff ;
background-image:url(../KI1/rol5u.gif);
background-repeat:no-repeat;
font-family: verdana,arial;
font-size: 11px;
font-weight:bold;
height:36px;
padding-left:55px;
padding-right: 70px;
}


.outset {
        border: #663300 outset 1px;
        }

.eventcal {
      font-family: Arial,Helvetica,sans-serif;
      font-size: 10px;
      }

.eventalt1 {background-color: #918EA5;
       color: #000000;}

.currentday {background-color: #FF0000;}

.leiste {
        /* background-image:url('../gfx/leiste0.gif'); */
        border: #663300 solid 0px;
        padding-bottom:0px;
        padding-top:0px;
        padding-left:0px;
        padding-right:0px;
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        }

.leisteninhalt {
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        border: #663300 solid 0px;
        }


a:hover.leisteninhalt {
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        border: #663300 solid 0px;
        }

/** Die WC Anzeige */
.wc {
        font-family:Arial, Verdana, Serif;
        font-size:10pt;
        color:#000000;
        font-weight:normal;
        font-style:normal;
        text-decoration:none;
        letter-spacing:0pt;
        background-color: #FFFFFF;
        }

/** Linkdefinition: Offene Räume */
a.roomopen {
        font-family:Arial, Verdana, Serif;
        font-size:10pt;
        color:#ffffff;
        font-weight:bold;
        font-style:normal;
        text-decoration:none;
        letter-spacing:0pt;
        border: #663300 solid 0px;
        }

/** Hoverlinkdefinition: Offene Räume */
a.roomopen:hover {
        font-family:Arial, Verdana, Serif;
        font-size:10pt;
        color:#4c74b0;
        left: 1px;
        position: relative;
        top: 1px;
        font-weight:bold;
        font-style:normal;
        text-decoration:none;
        letter-spacing:0pt;
        border: #663300 solid 0px;
	}

/** Linkdefinition: Geschlossene Räume */
a.roomclosed {
        font-family:Arial, Verdana, Serif;
        font-size:10pt;
        color: #cc0000;
        font-weight:bold;
        font-style:normal;
        text-decoration:none;
        letter-spacing:0pt;
        background-color: #00005f;
        border: #663300 solid 0px;
        }

/** Hoverlinkdefinition: geschlossene Räume */
a.roomclosed:hover {
        font-family:Arial, Verdana, Serif;
        font-size:10pt;
        color:#ffffff;
        font-weight:bold;
        font-style:normal;
        text-decoration:none;
        letter-spacing:0pt;
        left: 1px;
        position: relative;
        top: 1px;
        border: #663300 solid 0px;
        }

/** Body definitionen*/
BODY {
        font-family:tahoma,helvetia;
        font-size:10pt;
        color: #cccccc;
        font-weight:normal;
        font-style:normal;
        text-decoration:none;
        text-transform:none;
        letter-spacing:0pt;
        }

.imagehead {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    color: #003366;
    text-decoration: none;
    display:block;
    width:110px;
    height:20px;
    font-weight: bold;
    /*background-image:url('../gfx/rollover0.gif');*/
    background-repeat: no-repeat;
    background-color: #003366;
    text-align:center;
    padding-top: 2px;
        }

a.image {
           font-family: Arial,Helvetica,sans-serif;
           font-size: 8pt;
           color: #003366;
           text-decoration: none;
           display:block;
           width:110px;
          height:20px;
           font-weight: bold;
           /*background-image:url('../gfx/rollout0.gif');*/
           background-repeat: no-repeat;
           background-color: #003366;
           text-align:center;
           padding-top: 3px;
   }

a:hover.image  {
           font-family: Arial,Helvetica,sans-serif;
           text-decoration: none;
           font-size: 8pt;
           color: #003366;
           font-weight: bold;
           /* background-image:url('../gfx/rollover0.gif');*/
           background-color: #003366;
           background-repeat: no-repeat;
   }

.alternate {
        border: #663300 solid 0px;
        background-color: #009933;
/*background-image:url('../gfx/background14.gif');*/
        }

/** Manchmal sind Tabellen ohne Rahmen nützlich */
.ohnerahmen {
        border: #663300 solid 0px
        }

/** Hintergrundfarbe */
BODY {
        background-color:#4c74b0;
        }

.border {
        border: #663300 1px solid ;
        }

.noborder1 {
        border: #ffffff 0px solid ;
        }


.loginrahmen {
        border: #663300 1px solid ;
        }

TABLE {
        border: #ffffff 1px solid ;
        font-family:Arial, Verdana, Serif;
        font-size:10pt;
        color:#FFFF00;
        font-weight:normal;
        font-style:normal;
        text-decoration:none;
        text-transform:none;
        letter-spacing:0pt;
        }

TABLE.header {
        border: 1px;
        }

/**
        Logintabelle
        gutes Beispiel, wie Sie eigene Tabellen definieren
*/
.login {
        border: 0px;
        /*background-image:url('../tore/hintergrund0.jpg');*/
        background-repeat:no-repeat;
        background-position:center center;
        }

TD {
        caption-side:top;
        table-layout:auto;
        border-collapse:separate;
        border-spacing:8px;
        }

.topic {
        font-size: 100%;
        font-variant: small-caps;
        letter-spacing: 1px;
        }

.tabkat  {
        background-color:#0090e0;
        color: #ffffff;
        text-align:left;
        }

.tabtopic {
        background-color:#4c74b0;
        background-image: url(../gfx/cellpic.gif);
        height:20px;
        color: #ffffff;
        text-align:left;
        }

.chat {
        background-color:#202020;
        background-image: url(../gfx/caro.gif);
        color: #c0c0c0;
        text-align:left;
        }


.sidebg {
        background-color:#4c74b0;
        background-image: url(../gfx/sidebg.gif);
        color: #ffffff;
        text-align:left;
        }


.banner {
        border:
        #663300 solid 0px
        }

.alt2 {
        background-color:#4c74b0;
        text-align:left;
        }

.alt1 {
	background-color:#4c74b0;
	text-align:left;
}


.forumalt1 {
        background-color:#262626;
        text-align:left;
        }

.forumalt2 {
        background-color:#202020;
        background-image: url(../gfx/caro.gif);
        color: #c0c0c0;
        text-align:left;
        }

a.imagealt1    {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 8pt;
   color: #003366;
   text-decoration: none;
   display:block;
   width:110px;
   height:20px;
   font-weight: bold;
   /*background-image:url('../gfx/rollout0.gif');*/
   background-repeat: no-repeat;
   background-color: #000033;
   text-align:center;
   padding-top: 3px;
   }

a:hover.imagealt1 {
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  font-size: 8pt;
  color: #003366;
  font-weight: bold;
  /* background-image:url('../gfx/rollover0.gif');*/
  background-color: #000033;
  background-repeat: no-repeat;
  }

/*
body {
 font-family: tahoma,helvetica;
 scrollbar-face-color: #3E6485;
scrollbar-shadow-color: #436C90;
scrollbar-highlight-color: #4B78A0;
scrollbar-3dlight-color: #213546;
scrollbar-darkshadow-color: #213546;
scrollbar-track-color: #6C98BA;
scrollbar-arrow-color: #304D66;
}
*/

BODY {
        cursor:auto;
        }


a {
        font-family: Arial;
        font-weight: normal;
        font-style: normal;
        font-size: 10pt;
        color: #ffffff;
        text-decoration: none;
        }
  /* Status definitionen , für jeden in der Status.txt angelegten Eintrag muss hier eine neue Linkklasse angelegt werden */
  /** Gäste */
  a.G { font-size: 100%;  font-weight: normal }
  /** Normale Mitglieder */
  a.M { font-size: 100%;  font-weight: normal }
  /** Superusers */
  a.SU { font-size: 100%; font-weight: bold }
  /** Dauer Superusers */
  a.DSU {font-size: 100%;  font-weight: bold }
  /** GastVIP */
  a.GVIP {font-size: 100%;  font-weight: bold }
  /** VIP */
  a.VIP {font-size: 100%;  font-weight: bold }
   /**Admin und Systemadmin*/
  a.ADMIN {font-size: 100%;  font-weight: bold }
  a.SYSADMIN {font-size: 100%;  font-weight: bold }

 a.CK {

    font-size: 100%;
    font-weight: bold;
    font-style:italic
   }


  a.T, a.b14,  a.b13, a.b12, a.b11, a.b10, a.K
  {
  font-size: 100%;
  font-variant: small-caps;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 1px;     }




  a:hover {
        font-family: Arial;
        font-weight: normal;
        font-style: normal;
        font-size: 10pt;
        color:#cc0000;
        left: 1px;
        position: relative;
        top: 1px;
        }

 chat:hover {
        font-family: Arial;
        font-weight: normal;
        font-style: normal;
        font-size: 10pt;
        color:#4c74b0;
        left: 1px;
        position: relative;
        top: 1px;
        }


  /** Gäste */
  a.G:hover { font-size: 100%;  font-weight: normal; color:#cc0000;}
  /** Normale Mitglieder */
  a.M:hover { font-size: 100%;  font-weight: normal; color:#cc0000;}
  /** Superusers */
  a.SU:hover { font-size: 100%; font-weight: bold; color:#cc0000;}
  /** Dauer Superusers */
  a.DSU:hover {font-size: 100%;  font-weight: bold; color:#cc0000;}
  /** GastVIP */
  a.GVIP:hover {font-size: 100%;  font-weight: bold; color:#cc0000;}
  /** VIP */
  a.VIP:hover {font-size: 100%;  font-weight: bold; color:#cc0000;}
  /**Admin und Systemadmin*/
  a.ADMIN:hover {font-size: 100%;  font-weight: bold; color:#cc0000;}
  a.SYSADMIN:hover {font-size: 100%;  font-weight: bold; color:#cc0000;}

a.CK:hover {

    font-size: 100%;
    font-weight: bold;
    font-style:italic
   }

  a.T:hover, a.b14:hover,  a.b13:hover, a.b12:hover, a.b11:hover, a.b10:hover, a.K:hover
  {
  font-size: 100%;
  font-variant: small-caps;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 1px;     }



/** Die Eingabefelder */
input {      color: #ffffff;      border: 1px solid #ffffff;      background-color: #4c74b0;     }
/** Buttons */
input.button {      color: #ffffff;      border: 1px outset #ffffff;      background-color: #4c74b0;     }
/** Dropdown Menüs */
select {      color: #ffffff;      border: 0px;      background-color: #4c74b0;}