/****************************************/
/*    CSS regio iT akademie             */
/*    Copyright: regio iT aachen        */
/*    Ansprechpartner: Nikias Ehrlich   */
/*                                      */
/****************************************/


/******************************************************************************/
/*                            Hauptelemente HTML                              */
/******************************************************************************/

body
{
  /*Wichtig, damit der Rahmen im IE Zentriert wird*/
  text-align: center;
  vertical-align: middle;
  scrollbar-base-color:#F3F3F3;
  scrollbar-3d-light-color:#F3F3F3;
  scrollbar-arrow-color:#F3F3F3;
  scrollbar-darkshadow-color:#F3F3F3;
  scrollbar-face-color:#606568;
  scrollbar-highlight-color:#F3F3F3;
  scrollbar-shadow-color:#F3F3F3;
  scrollbar-track-color:#F3F3F3;
}



/******************************************************************************/
/*                                Schriften                                   */
/******************************************************************************/

fieldset.fields
{
  position: relative;
  border: 1px solid #C1C1C6;
  margin-left: 5%;
  width: 90%;
  height: auto;
}

legend
{
 color: #C1C1C6;
}




a
{
  text-decoration: underline;
  color: #555B5E;
}

#teampic
{
  padding-top: 2px;
  padding-left: 2px;
  width: 49px;
  height: 58px;
  .width: 53px;
  .height: 62px;
  border: solid 1px #c1c1c6;
  overflow: hidden;
  float: left;
}

td
{
  color:  #595959;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

.raumbelegung td
{
  color:  #595959;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.raumbelegung td a
{
  text-decoration: none;
  font-weight: bold;

}




#kurspic
{
  padding-top: 2px;
  padding-left: 2px;
  width: 50px;
  height: 50px;
  float: left;
}


#pic
{
  position:relative;
  padding-top: 2px;
  padding-left: 2px;
  width: 102;
  height: 123;
  .width: 106;
  .height: 127;
  border: solid 1px #c1c1c6;
  overflow: hidden;
}

#pic3
{
  position:relative;
  padding-top: 2px;
  padding-left: 2px;
  width: 152;
  height: 112;
  .width: 156;
  .height: 116;
  border: solid 1px #c1c1c6;
  overflow: hidden;
}

#subInfo, #subInfo2, #subInfo3, #subInfo4, #subInfo5
{
  position: relative;
  margin-left: 5%;
  width: 90%;
  height: 140px;
  border: solid 1px #c1c1c6;
  height: auto;
}


#subInfoImage
{
  margin: 5px;
  top: 10px;
  left: 10px;
  width: 160px;
  float: left;
}

#subInfoText
{
  top: 10px;
  left: 280px;
  width: 340px;
}





#pic2
{
  position:relative;
  width: 72;
  padding: 2px;
  border: solid 1px #c1c1c6;
  float: left;
}

#bigpicture
{
  position: relative;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 200px;
  float: left;
}

#nebenBild2
{
    float: right;
}


#bigpicture
{
  padding: 2px;
  border: solid 1px #c1c1c6;
}


#willkommenstext
{
  /* Positionierung und Format des Willkommen*/
  position: absolute;
  top: 30;
  left: 530;
  margin: 0 auto;
  text-align: left;
  color: #0033CC;
  font-family: arial;
  font-size:25pt;
  font-weight: bold;
  text-decoration: none
}

#punkte
{
  /* Überschrift eines Dokuments */
  color: #FF6633;
  font-family: arial;
  font-size:12pt;
  text-decoration: none;
}


/******************************************************************************/
/*                          Elementpositionierungen                           */
/******************************************************************************/


#rahmen
{
  /* Hauptrahmen der Seite */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  height: 600px;
  top: 20px;
  border-width:1px;
  border-style:solid;
  border-color:#929A9C;
  vertical-align: middle;
}

#logo
{
  position: absolute;
  top: 10;
  left: 21;
}

#topsearch
{
  position: absolute;
  top: 15;
  left: 650;
}

input.suchen
{
 background: transparent;
 border: 0px;
 color: #555B5E;
 font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  width: 72;
}

input.suchen:hover
{
color: #990000;
cursor: pointer;
}


input.search
{
  height: 16px;
 font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}




#topMenu
{
  position: absolute;
  left: 430;
  height: 30;
  width: 400;
  top: 570;
  text-align: right;
}

#bottomBalken
{
  position: absolute;
  left: 20;
  height: 16;
  width: 495;
  top: 572;
  background-color: #990000;
}

#bottomBalken2
{
  position: absolute;
  right: 20;
  height: 16;
  width: 49;
  top: 572;
  background-color: #990000;
}

a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6, a.menu7, a.menu8, a.menu9
{
  text-decoration:none;
  color:  #595959;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

a.menu1
{
  position: absolute;
  top: 50;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu1:hover, a.menu2:hover, a.menu3:hover, a.menu4:hover, a.menu5:hover, a.menu6:hover, a.menu7:hover, a.menu8:hover
{
  background-color: #C3C3C3;
}



a.menu2
{
  position: absolute;
  top: 74;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu3
{
  position: absolute;
  top: 98;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu4
{
  position: absolute;
  top: 122;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}


a.menu5
{
  position: absolute;
  top: 146;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu6
{
  position: absolute;
  top: 170;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu7
{
  position: absolute;
  top: 194;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu8
{
  position: absolute;
  top: 219;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu9
{
  position: absolute;
  top: 243;
  left: 20;
  height: 17;
  width: 160;
  background-color: #F3F3F3;
  color:  #555B5E;
  text-align: left;
}

a.menu:hover
{
  background-color: #F3F3F3;
}

#contentArea
{
  position: absolute;
  top: 50;
  left: 200;
  height: 510;
  width: 680;
  background-color: #F3F3F3;
  overflow: auto;
}

#content
{
  position: absolute;
  left: 20px;
  top: 20px;
  height: auto;
  width: 640px;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #555B5E;
}

h1
{
  font-size: 20px;
}

h2
{
  font-size: 15px;
}



#leftPic
{
  left: 20px;
  position: absolute;
  width: 160px;
  top: 267px;
  height: 291px;
}


/******************************************************************************/
/*                               Buttons                                      */
/******************************************************************************/

a.topmenu
{
  text-decoration:none;
  height: auto;
  color: #555B5E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

a.topmenuSel
{
  text-decoration:none;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: center;
  background-color: #A8A8A8;
}

a.topmenu:hover
{
  color: #990000;
}

a.leftmenu
{
  text-decoration:none;
  color: #595959;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

a.leftmenu:hover
{
  text-decoration:none;
  color: #990000;
}

a.link
{
  color: #990000;
  text-decoration: none;
}

a.link:hover
{
  text-decoration: underline;
}

a.link2
{
  color: #990000;
  text-decoration: none;
  font-size: 8pt;
}

a.link2Sel
{
  color: #990000;
  text-decoration: none;
  font-size: 8pt;
  background-color: #E3E3E3;
}


a.bottommenuSel
{
  background-color: #990000;
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

a.bottommenu
{
  background-color: #595959;
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

a.bottommenu:hover
{
background-color: #929A9C;
}

input.farbig
{
	background-color: #595959;
	color: #FFFFFF;
}

input.farbig : hover
{
	background-color: #595959;
	color: #990000;
}




 #reihe2
 {
    position: relative;
    left: 10px;
    height: auto;
    font-size: 25px;
    margin-bottom: 3px;
 }

 #reihe3
 {
    position: relative;
    height: auto;
    left: 10px;
 }

 #eingabe2
 {
   top: 3;
   left: 200px;
   position: relative;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: auto;
   width: 300px;
 }

 #eingabe
 {
   top: 3;
   left: 200px;
   position: relative;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: auto;
   width: 200px;
 }

 #label
 {
  width:200px;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  top: 3px;
  left: 3px;
  vertical-align: top;
 }


  a.buchen
  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  }

  a.buchen:hover
  {
    color: #990000;
  }



 #katlist
 {
  position: absolute;
  top: 10px;
  left: 447px;
 }

a.kate, a.kateSel
{
  padding: 0;
  margin-left: 3px;
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  overflow: hidden;
  .width: 26px;
  .height: 26px;
}

h1
{
margin-top: 0;
margin-bottom: 5;
}


a.kateSel
{
  border: 1px solid;
}

  a.aktion,a.aktion2,a.aktion3
  {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 90%;
    left: 5%;
    height: 20;
    font-size: 15px;
     border: solid 1px;
    border-color: #A7A7A7;
    margin: 4px;
  }


  a.aktion
  {
    color: #FFFFFF;
    background-color: #A7A7A7;
  }

  a.aktion2
  {
    color: #747474;
    background-color: #FFFFCC;
  }

  a.aktion3
  {
    color: #747474;
    background-color: #CCFF99;
  }

  a.kurs, a.kurs2
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    background-color: #E7E7E7;
    width: 60px;
    text-align: center;
    text-decoration: none;
    float: left;
  }

  a.kurs2
  {
    width: 90px;
  }

  a.kurs:hover, a.kurs2:hover
  {
    background-color: #D6D6D6;
	text-decoration: underline;
  }

  a.LMS
  {
    position: absolute;
    left: 250px;
    background-color: #990000;
    display: block;
    width: 180px;
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    border: 4px solid #9F9F9F;
  }

  a.LMS:hover
  {
    background-color: #FF7D7D;
  }