@charset "utf-8";

body {
        font: 100% Verdana, Arial, Helvetica, sans-serif;
        margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
        padding: 0;
        text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
        color: #000000;
        background-color: #323232;
    }
#container    {
        width: 954px;
        text-align: left;
        border-top-width: 15px;
        border-bottom-width: 15px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #a1000a;
        border-bottom-color: #a1000a;
        border-right-style: none;
        border-left-style: none;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: -477px;
        background-color: #e5e5e5;
        background-image: url(picts/hg.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        position: absolute;
        left: 50%;
    }
#menu       {
        width: 200px;
        float: left;
        padding-top: 110px;
        padding-left: 20px;
        padding-bottom: 20px;
}
#content   {
        padding-bottom: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #323232;
        width: 684px;
        float: right;
        padding-top: 280px;
        padding-right: 20px;
        z-index: 2;
        position: relative;
        right: 0px;
        top: -170px;
        padding-left: 20px;
    }
#smenu     {
        text-align: right;
        padding-right: 20px;
        position: absolute;
        top: 45px;
        right: 0px;
}
#bild {
        height: 250px;
        width: 955px;
        position: relative;
        top: 80px;
        overflow: hidden;
        z-index: 0;
}
.hl1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #a1000a;
        margin: 0px;
        padding: 0px;
}
a, a:visited {
        color: #a1000a;
        text-decoration: none;
}
a:hover {
        color: #a1000a;
        text-decoration: underline;
}
li {
        list-style-type: square;
        color: #b4b4b4
}

.csc-frame-frame2 {
   PADDING: 5px 5px 5px 5px;
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
   BORDER: 1px solid #999999;
   font-size: 1.05em;
}

/* Farb-Codes f�r den Stundenplan */
#sabine{
  background:#ffcc99;
}

#thomas{
  background:silver;
}

#udo{
  background: #ccffff;
}

#gregor{
  background:#ffff99;
}

#lisa, #yoga{
  background:#FF99CC;
}

#iaido{
  background:#99CCFF;	
}

#stephane{
  background:#00B0F0; /*#ccccff;*/
}
#juergen{
  background:#FF8080;
}
#patrick{
  background:#CCECFF;
}
#ricarda{
 background:#ccce04;
}
#kira{
 background:#C0FFFF;
}