body         { color: #58595b; font-size: 0.8em; line-height: 1.8em; font-family: 'Trebuched MS', Verdana, Arial, SunSans-Regular, Sans-Serif; margin: 0; padding: 0 }

/* hier spielt sich alles ab */
#container                  { font-family: "Trebuchet MS"; background-color: #d1d3d4; margin: 0 auto; padding: 0; width: 75em }
/* im container*/
#oben            { background-color: white; margin: 0; padding: 0; height: 9em; min-height: 133px }
#logo   { float: left }
#logo p  { float: left }

/* home englisch download */
#navoben                  { font-size: 85%; line-height: 2.2em; float: right; margin: 30px 40px 0 auto; padding: 0 0px 0 0 }
#navoben a             { color: #58595b; text-decoration: none; padding-left: 15px }
#navoben a:hover         { color: #ED1C24; background: url(roter-punkt.gif) no-repeat; padding-left: 15px }
#navoben a.akt { color: #ed1c24; background: url(roter-punkt.gif) no-repeat; padding-left: 15px }
#navoben span   { color: #ED1C24; line-height: 2.2em; background: url(roter-punkt.gif) no-repeat; padding-left: 15px }

/* hauptnavigation darunter Unternehmen usw */
#mainnavi                  { background-color: #d1d3d4; float: right; width: 74em; height: 2.5em }
#mainnavi a               { color: #58595b; font-size: 1.1em; text-decoration: none; float: right; padding-top: 0.3em; padding-right: 3.12em; padding-left: 3.12em }
#mainnavi a:hover     { color: #ed1c24; text-decoration: none; background-color: #bbbdc0; height: 2em }
#mainnavi  span         { color: #ed1c24; font-size: 1.1em; text-decoration: none; background-color: #bbbdc0; float: right; padding-top: 0.3em; padding-right: 3.12em; padding-left: 3.12em; height: 2em }


/* linke Spalte */
#links            { font-size: 100%; float: left; padding-right: 0; padding-bottom: 0; width: 16.3em }
#links  ul     { line-height: 2.5em; list-style-type: none; margin: 17px 0 0 10px; padding: 17px 0 0 10px; width: auto }
#links  li    { color: #58595b; margin: 0 }
#links  li a    { text-decoration: none; padding-left: 10px }
#links  li a:hover  { color: #ed1c24; text-decoration: none; background: url(roter-punkt-grau.gif) no-repeat; padding-left: 10px }
#links  li a.akt    { color: #ed1c24; background: url(roter-punkt-grau.gif) no-repeat; margin: 0; padding: 0 0 0 10px }
/* Produktuebersicht */
#links  li a.pue  { color: #1e1e1e; margin: 0; padding: 0 0 0 10px }
#links li p a:hover   { color: #ed1c24; line-height: 1.3em; text-decoration: none; background: url(roter-punkt-grau.gif) no-repeat; padding-left: 10px }
#links  li p  { line-height: 0.7em; text-decoration: none; background-repeat: no-repeat; padding-bottom: 3px; padding-left: 10px }

/*der Inhalt*/
#content       { background-color: #ffffff; margin-right: 14.1em; margin-bottom: 0; margin-left: 16.3em; padding-right: 3em; padding-bottom: 0; padding-left: 3em; height: auto; min-height: 719px; height:expression(this.scrollHeight > 719 ? "auto":"719px"); }
/*Inhalt auf Startseite*/
#content1            { background: #ffffff url(titelbild.jpg) no-repeat ;margin-right: 14.1em; margin-bottom: 0; margin-left: 16.3em; padding-right: 3em; padding-bottom: 0;  padding-left: 3em; height:auto; min-height:719px; height:expression(this.scrollHeight > 719 ? "auto":"719px");}


/*rechte Spalte*/
#rechts       { color: #ffffff; background: #e6e7e8 url(hg.gif) repeat-x; float: right; margin: 0; padding: 0; width: 14.1em; height: 705px }
#right p { margin: 0 0 }

/*Inhalt der rechten Spalte*/
/*weißer Abstand*/
.navrechtsoben            { background-color: white; height: 3.3em }
/*grauer Abstand von oben zur Grafik*/
.navrechtsobenabstand     { background-color: #e6e7e8; text-align: center; height: 9.3em }
/*Seite download Grafik*/

/*Shop Grafik*/
.navrechtsshop      { background-color: #e6e7e8; text-align: center; width: 14.1em }

/*Diverses*/

a   { color: #58595b; text-decoration: none }
a:hover   { color: #ed1c24 }
a:active   { color: #ed1c24 }
h1                 { color: #ed1c24; font-weight: normal; font-size: 2em; padding-top: 2.1em; height: 3.4em }
h2      { color: #ed1c24; font-weight: normal; font-size: 1.65em; line-height: 1.6em; padding-top: 2.2em; height: 5.1em }
h4 { color: #ed1c24; font-weight: normal; font-size: 1.65em; line-height: 1.6em; padding-top: 1.7em; height: 2.6em }
h3 { color: #ed1c24; font-weight: normal; font-size: 1.65em; line-height: 1.2em; padding-top: 2em }
p      { margin: 0em }
form  { background-color: #e6e7e8; padding: 0.9em}
textarea          { color: #58595b; font-size: 1em; font-family: "Trebuchet MS"; background-color: #d1d3d4; border: solid thin gray; width: 19.5em; height: 5em }
input          { color: #58595b; font-size: 1em; font-family: "Trebuchet MS"; background-color: #d1d3d4; border: solid thin gray; height: 1.6em; border-collapse: collapse  }
.button                { color: #58595b; width: 7em; height: 2em }

table            { }
td     {padding: 3px }
.left { text-align: left }
.ani { text-align: center; vertical-align: middle }
.gross    { font-size: 1.5em; line-height: 1.8em; position: absolute; top: 550px }
.gross1 { font-size: 1.5em; line-height: 1.8em }
.news { color: #ed1c24; font-size: 1.8em; line-height: 1.4em; padding-left: 0.9em }
.klein  { font-size: 0.9em; line-height: 1.5em;text-align: left }
.text { font-size: 1em; line-height: 2em }

/*Ueberschrif content zweite Zeile klein*/
.produktdetails { color: #ed1c24; font-weight: normal; font-size: 0.9em; line-height: 1.2em; padding-top: 2.2em }
/*intro*/
#zentriert {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-30em;
  margin-top:-28em;

}
/*wo kam das denn vor*/
.dgrau { color: black }
.abstand         { border-left: medium none; width: 12em }