/* StyleSheet fuer die SR-Teddys Homepage */

/*
 *  Farben:
 *  rosa   = #EBA8A4    Hintergrund / Knopf-Schrift (hover)
 *  rot1   = #DE2C22    Knopf-Hintergrund
 *  rot2   = #E5655C    Knopf-Heller
 *  rot3   = #B00000    Knopf-Dunkler
 *  weiss  = #F0F0F0    Knopf-Schrift
 *  blau   = #000099    Link-Farbe
 *
 */

/* Anfang Basis Elemente */
* {
  margin: 0px;
  padding: 0px;
}

body {
  background: url(images/bg.jpg) top left repeat-x fixed;
  background-color: #EBA8A4;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 0.9em;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #000099;
}

a:hover {
  text-decoration: underline;
  color: #000099;
}

h1 {
  margin: 20px;
  text-align: center;
  font-family: serif;
  font-size: 2.6em;
}

h2 {
  margin: 20px;
  text-align: center;
  font-family: serif;
  font-size: 2.0em;
}

table th, table td {
  padding: 3px 3px;
  vertical-align: top;
}
/* Ende Basis Elemente */


/* Anfang Klassen-Definitionen*/
.fett {
  font-weight: bold;
}

.kursiv {
  font-style: italic;
}
/* Ende Klassen-Definitionen */


/* Anfang Formatierung linker Rand */
div#linkerRand {
  position: absolute;
  left: 0px;
  padding: 10px;
  width: 130px;
  overflow: hidden;
  z-index: 10;
}

div#linkerRand[id] {
  position: fixed;
  background: url(images/bg.jpg) top left repeat-x fixed;
  background-color: #EBA8A4;
}
/* Ende Formatierung linker Rand */


/* Anfang Formatierung Logo */
div#logo {
  margin: 5px 0px;
  font-family: serif;
  font-weight: bold;
  font-size: 20px;
}

div#logo a:hover, div#logo a {
  color: black;
  text-decoration: none;
}
/* Ende Formatierung Logo */


/* Anfang Formatierung fuer das Menue */
ul#menue {
  list-style-type: none;
  margin-top: 20px;
}

ul#menue a {
  display: block;
  margin-top: 5px;
  background-color: #DE2C22;
  color: #F0F0F0;
  width: 95%;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  border-top: 3px solid #E5655C;
  border-right: 3px solid #B00000;
  border-bottom: 3px solid #B00000;
  border-left: 3px solid #E5655C;
}

ul#menue a:hover {
  color: #EBA8A4;
  background-color: #DE2C22;
}

ul#menue a:active {
  color: white;
  background-color: #DE2C22;
  border-top: 3px solid #B00000;
  border-right: 3px solid #E5655C;
  border-bottom: 3px solid #E5655C;
  border-left: 3px solid #B00000;
}
/* Ende Formatierung fuer das Menue */


/* Anfang Inhalt */
div#inhalt {
  background: url(images/pfoten1.gif) repeat-y top right;
  position: absolute;
  top: 0px;
  left: 150px;
  width: 800px;
  padding: 15px 170px 50px 15px;
}

img#logo_topic {
  margin: 0px 5px;
}
/* Ende Inhalt */