/****************************************/
/*    CSS www.iTac-school.de            */
/*    Copyright: regio iT aachen        */
/*    Ansprechpartner: Nikias Ehrlich   */
/*                     Adam Lischka     */
/****************************************/


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

body
{
  /*Wichtig, damit der Rahmen im IE Zentriert wird*/
  text-align: center;
  vertical-align: middle;
}



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


#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: 45;
  left: 715;
}

#werbung
{
  position: absolute;
  top: 640;
  left: 843;
}

#ueberschrift
{
  position: absolute;
  padding :5px;
  top: 105px;
  left: 130px;
  width: auto;
  text-align: left;
  height: auto;
  background-color: #990000;
  color: #ffffff;
  font-family: arial;
  font-size:14pt;
  font-weight: bold;
  text-decoration: none;
}

#popup
{
  position: absolute;
  top: 175px;
  left: 420px;
  width: auto;
  text-align: left;
  height: auto;
  color: #009933;
  font-family: arial;
  font-size:12pt;
  text-decoration: none;
  z-index: 10;
}

#kontakt
{
  color: #000000;
  font-family: arial;
  font-size:10pt;
  text-decoration: none;
}


#content
{
  position: absolute;
  top: 150;
  left: 130;
  right: 2000;
  bottom: 25;
}

#fehler
{
  color: #ff0000;
  font-family: arial;
  font-size:12pt;
  font-weight: bold;
  text-decoration: none;
}

#ok
{
  color: #009933;
  font-family: arial;
  font-size:9pt;
  font-weight: bold;
  text-decoration: none;
}

#bottommenu
{
  position: absolute;
  height: 20;
  left: 130;
  right: 200;
  width: 570px;
  top: 100;
  text-align: center;
}

#bottommenu2
{
  position: absolute;
  height: 20;
  left: 130;
  right: 200;
  width: 570px;
  top: 120;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

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

#news
{
  font-family: Arial, Helvetica, sans-serif;

  position: absolute;
  top: 0px;
  left: 320px;
  width: 230px;
  height: 200px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
}

#termine
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 230px;
  left: 0px;
  width: 295px;
  height: 200px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
}

#termine2
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 230px;
  left: 0px;
  width: 295px;
  height: 200px;
  text-align: left;
  font-size: 10pt;
  overflow: auto;
}

#regioit
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 230px;
  left: 320px;
  width: 230px;
  height: 200px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
}

#nebenBild, #nebenBild2
{
  font-family: Arial, Helvetica, sans-serif;

  position: absolute;
  top: 0px;
  left: 320px;
  width: 250px;
  height: 300px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
}

#nebenBild2
{
  text-align: left;
}

#dqs
{
  position: absolute;
  top: 0px;
  left: 150px;
  z-index: 1;
  
}

#ohneBild
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 570px;
  bottom: 0px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
  height: 500;

}

#ohneAlles
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 160px;
  left: 130px;
  width: 580px;
  height: 425px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
}

#nebenAlles
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 160px;
  left: 720px;
  width: 170px;
  height: 425px;
  text-align: left;
  font-size: 10pt;
  overflow: auto;
}

#unterBild
{
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 220px;
  left: 0px;
  width: 570px;
  height: 210px;
  text-align: justify;
  font-size: 10pt;
  overflow: auto;
}

#weiterBut
{
  position: absolute;
  bottom: 35px;
  right: 210px;
  width: 30px;
  height: 11px;
  text-align: right;
}


#menutop
{
  /* Positionierung des Topmenus (home, barrierefreiheit...) */
  position:absolute;
  top: 20;
  left: 0;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  height: 20;
  border: 0px;
  background-color:#595959;
}

#menuleft
{
  /* Positionierung des Topmenus (home, barrierefreiheit...) */
  position:absolute;
  top: 135;
  left: 10;
  text-align: left;
  width: 200;
  border: 0px;
}

#roterbalken1
{
  position:absolute;
  top: 40;
  left: 0;
  width: 700;
  height: 40;
  border: 0px;
  background-color:#990000;

}

#hauptbild
{
  position:absolute;
  top: 105;
  right: 20;
  width: 150;
  height: 100;
  border: 0px;
}

#hauptbild2
{
  position:absolute;
  top: 225;
  right: 20;
  width: 150;
  height: 100;
  border: 0px;
}

#hauptbild3
{
  position:absolute;
  top: 345;
  right: 20;
  width: 150;
  height: 100;
  border: 0px;
}

#hauptbild4
{
  position:absolute;
  top: 465;
  right: 20;
  width: 150;
  height: 100;
  border: 0px;
}

#pic
{
  position:absolute;
  width: auto;
  height: auto;
}

#hauptbild, #hauptbild2, #hauptbild3, #hauptbild4, #bigpicture, #pic {padding: 2px; border: solid 1px #c1c1c6;}



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

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

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
{
  background-color:#770000;
  text-decoration:none;
  color: #ffffff;
}

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;
}