body {
  background-color: #dfdfdf;
  color: #676d71;
  font-family: Verdana, Tahoma, Arial, Helvetica, Futura, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  overflow : auto;
  scroll: auto;
  scrollbar-3dlight-color: #72bf44; /* - Definiert die 3D-Farbe der Scrollbar */
  scrollbar-arrow-color: #808080; /* - Farbe des Pfeils */
  scrollbar-base-color: #72bf44; /* - Definiert die Hintergrundfarbe */
  scrollbar-darkshadow-color: #676d71; /* - Farbe des dunklen Schattens */
  scrollbar-face-color: #72bf44; /* - Definiert die Hauptfarbe */
  scrollbar-highlight-color: #dfdfdf; /* - Farbe der aktiven Scrollbar */
  scrollbar-shadow-color: #808080; /* - Schattenfarbe der Scrollbar */
}

img {
  border: none;
}

/* ===============
Textformatierungen
=============== */

/* Hyperlinks */
/* Beste Reihenfolge:
a:link
a:visited
a:hover
a:focus
a:active 
*/
a:link { color: #616a71; text-decoration: none; }
a:visited { color: #616a71; text-decoration: none; }
a:hover { color: #999999; text-decoration: none; }
a:focus { color: #999999; text-decoration: none; }
a:active { color: #999999; text-decoration: none; }

/* Standards-based Replacement for target="_blank" in External Links */
a.external:after {
	content: url("exit.gif");
	margin-left: 0.2em;
	vertical-align: top;
}

/* Liste */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

span.weiss {
  color: #ffffff;
}

/* ===============
Basis-Behälter
=============== */

/* Alles umschließender Behälter */
#wrapper {
  float: both;
  margin: auto;
  position: relative; top: 0px; left: 0px;
  width: 1000px; height:595px;
}

/* Grüner Hintergrund mit Rundung links*/
#hintergrund {
  background-image: url(bilder/gruen.gif);
  position: absolute; top: 0px; left: 140px;
  width: 860px; height: 595px;
  z-index: 1;
}

/* Seifenblasen-Mädchen */
#bubblegirl {
  background-image: url(bilder/bubblegirl.jpg);
  position: absolute; top: 0px; left: 0px;
  width: 606px; height: 595px;
  z-index: 1;
}

/* Seifenblasen */
#bubble077 {
  background-image: url(bilder/bubble077.gif);
  position: absolute; top: 45px; left: 295px;
  width: 77px; height: 77px;
  z-index: 3;
}

#bubble088 {
  background-image: url(bilder/bubble088.gif);
  position: absolute; top: 183px; left: 253px;
  width: 88px; height: 88px;
  z-index: 3;
}

#bubble099 {
  background-image: url(bilder/bubble099.gif);
  position: absolute; top: 60px; left: 950px;
  width: 50px; height: 99px;
  z-index: 3;
}

#bubble111 {
  background-image: url(bilder/bubble111.gif);
  position: absolute; top: 85px; left: 420px;
  width: 111px; height: 111px;
  z-index: 3;
}

#bubble222 {
  background-image: url(bilder/bubble222.gif);
  position: absolute; top: 260px; left: 680px;
  width: 222px; height: 222px;
  z-index: 3;
}

#bubble333 {
  background-image: url(bilder/bubble333.gif);
  position: absolute; top: 260px; left: 600px;
  width: 333px; height: 333px;
  z-index: 3;
}

#bubble444 {
  background-image: url(bilder/bubble444.gif);
  position: absolute; top: 150px; left: 555px;
  width: 444px; height: 444px;
  z-index: 3;
}

/* Texte in den Seifenblasen */
#ueberschrift {
  font-size: 30px;
  position: absolute; top: 40px; left: 520px;
  text-align: right;
  width: 300px; height: 160px;
  z-index: 5;
}

#text {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  position: absolute; top: 210px; left: 370px;
  text-align: justify;
  width: 450px; height: 300px;
  z-index: 5;
}

#kontakt {
  color:#ffffff;
  font-size: 16px;
  font-weight: bold;
  position: absolute; top: 210px; left: 370px;
  width: 550px; height: 260px;
  z-index: 5;
}

/* ===============
Filme
=============== */

/* Start-Schaltfläche */
#filmstart {
  position: absolute; top: 400px; left: 600px;
  width: 111px; height: 111px;
  visibility: visible;
  z-index: 5;
}

/* Zurück-Schaltfläche */
#zurueck {
  position: absolute; top: 360px; left: 840px;
  width: 111px; height: 111px;
  z-index: 5;
}

/* Einbindung eines Films */
#flashfilm-bmm {
  position: absolute; top: 90px; left: 370px;
  width: 625px; height: 380px;
  z-index: 5;
}

/* Firmenfilme */
#flashfilm {
  position: absolute; top: 90px; left: 370px;
  width: 460px; height: 370px;
  z-index: 5;
}

/* ===============
Logos
=============== */

/* Unser Firmenlogo */
#logo {
  position: absolute; top: 0px; left: 0px;
  width: 312px; height: 143px;
  z-index: 2;
}
/* Logo "Partner-Websites" */
#partner {
  font-size: 11px;
  font-variant: normal;
  position: absolute; bottom: 0; left: 10px;
  width: 500px; height: 60px;
  z-index: 6;
}

/* ===============
Navigation
=============== */

#menue {
  color: #676d71;
  font-size: 16px;
  font-weight: bold;
  position: absolute; top: 160px; left: 0px;
  width: 285px; height: 435px;
  z-index: 4;
}

#menue li a {
  height: 32px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
}


#menue li a:link, #menue li a:visited {
  color: #676d71;
  display: block;
  padding: 8px 0 0 10px;
}

#menue li a:hover {
  color: #808080;
  padding: 8px 0 0 10px;
}

#menue li #current {
  color: #72bf44;
  padding: 8px 0 0 10px;
}

#menue li a:active {
  color: #72bf44;
  padding: 8px 0 0 10px;
}