/* allgemeines css fr die Seite jfcs.de */
/* Autoren: Martin Grochulla & Pascal Gwosdek */

body{
  background:           #FFFFFF;
  font-family:          "Arial" "Helvetica" "Sans-Serif";
  font-size:            12;
  font-weight:          200;
  overflow:             hidden;
}

/* Rahmen */

#schatten_oben{
  position:             absolute;
  left:                 540;
  top:                  116;
  width:                100%;
  height:               25;
  overflow:             hidden;
}

#schatten_links{
  position:             absolute;
  left:                 195;
  top:                  210;
  height:               100%;
  width:                25;
  overflow:             hidden;
}

/* Oberer Frame */

#titel{
  position:             absolute;
  float:                right;
  color:                #CCCCE5;
  font-variant:         small-caps;
  font-size:            24;
  font-weight:          800;
  margin-top:           38;
  right:                120;
}

#untertitel{
  position:             absolute;
  float:                right;
  color:                #CCCCE5;
  font-size:            14;
  font-weight:          800;
  margin-top:           60;
  right:                120;
}

#url1{
  position:             absolute;
  top:                  38;
  right:                10;
  color:                #8484C0;
  font-size:            10;
}

#url2{
  position:             absolute;
  top:                  24;
  right:                10;
  color:                #8484C0;
  font-size:            10;
}

#url3{
  position:             absolute;
  top:                  10;
  right:                10;
  color:                #8484C0;
  font-size:            10;
}


/* Linker Frame */

#menue{
  position:             absolute;
  float:                bottom;
  bottom:               10;
  left:                 10;
  height:               210;
  font-size:            16;
  font-weight:          700;
}

/* Mencontainer */

#menuelink1{
  position:             absolute;
  top:                  0;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
  /*overflow:             hidden;*/
}

#menuelink1:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/aktuelles.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink2{
  position:             absolute;
  top:                  20;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink2:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/ueberuns.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink3{
  position:             absolute;
  top:                  40;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink3:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/bombe.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink4{
  position:             absolute;
  top:                  60;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink4:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/bild.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink5{
  position:             absolute;
  top:                  80;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink5:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/lupe.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink60{
  position:             absolute;
  top:                  100;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink60:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/buch.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink6{
  position:             absolute;
  top:                  100;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink6:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/globus.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink7{
  position:             absolute;
  top:                  120;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink7:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/feder.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink8{
  position:             absolute;
  top:                  140;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink8:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/kontakt.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink9{
  position:             absolute;
  top:                  160;
  height:               20;
  padding-top:          10;
  width:                180;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
  background:           transparent;
  background-repeat:    no-repeat;
}

#menuelink9:hover{
  color:                #CCCCE5;
  background:           url(rahmen/icons/verzeichnis.jpeg);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuespan{
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  font-variant:         small-caps;
}

#menuespan:hover{
  color:                #CCCCE5;
}