/*   clear: both;       border: solid 1px #ff0000;  */
html,body	{height:100%; width:100%; margin:0; padding:0; border:0;}
body                     { text-align:center;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               { background: url(img/bg_container.gif) repeat-y #fff; font-family: "Trebuchet MS"; margin: 0 auto; padding: 0; width: 75em; min-height:100%;position:relative;text-align:left; }
* html #container {height:100%;}
/* im container*/
#oben                    { background-color: white; margin: 0; padding: 0; height: 9em; min-height: 133px }
#logo                    { float: left; width:838px; }
#logo p                  { float: left }

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

/* hauptnavigation darunter Unternehmen usw */
#mainnavi                { font-size: 1.0em;overflow:hidden;background-color: #d1d3d4; text-align:right; width: 75em; height: 2.5em; line-height: 2.5em; margin:0; padding:0;border: 0px solid #000  }
#mainnavi a              { color: #58595b; font-size: 1.1em; text-decoration: none; float: right; line-height:2.4em; padding:0;padding-right: 2.94em; padding-left: 2.94em }
#mainnavi a:hover        { color: #ed1c24; text-decoration: none; background-color: #bbbdc0; line-height:2.4em; }
#mainnavi  span          { color: #ed1c24; font-size: 1.1em; text-decoration: none; background-color: #bbbdc0; float: right; line-height:2.4em; padding-right: 2.94em; padding-left: 2.94em;}

/* linke Spalte */
#links                   { clear:both;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:13.9em;}
#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(img/roter-punkt-grau.gif) no-repeat; padding-left: 10px }
#links li a.akt          { color: #ed1c24; background: url(img/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(img/roter-punkt-grau.gif) no-repeat; padding-left: 10px }
#links li p              { line-height: 0.7em; text-decoration: none; background-repeat: no-repeat; padding-left: 10px }
#cart                    { background-color: #ffffff; margin: 0 0 0 10px; padding: 5px; width: 13.9em }

/*der Inhalt*/
#content                 { float:left;width:52.5em;background-color: #ffffff; margin-right: 0.1em; margin-bottom: 0; margin-left: 0.1em; padding-right: 3em; padding-bottom: 0; padding-left: 3em;}
* html #content{padding-right: 2.8em; padding-bottom: 0; padding-left: 2.8em;}
/*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.2em; height: 1.8em }
h2                       { color: #ed1c24; font-weight: normal; font-size: 1.65em; line-height: 1.6em; padding-top: 0.5em; height: 1.5em }
h3                       { color: #ed1c24; font-weight: normal; font-size: 1.65em; line-height: 1.2em; padding-top: 2em }
p                        { margin: 0em }
form                     { background-color: #fff; }
textarea                 { color: #58595b; font-size: 1em; font-family: "Trebuchet MS"; background-color: #fff; width: 19.5em; height: 5em }
input                    { color: #58595b; font-size: 1em; font-family: "Trebuchet MS"; background-color: #fff; border-collapse: collapse; vertical-align: middle; }
.button                  { color: #58595b; width: 7em; height: 2em }

table                    { }
td                       { padding: 3px }
.left                    { text-align: left }
.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 }
.copy                    { background-color:#fff; margin-top:-24px; line-height:24px; height:24px; position:relative; clear:both;font-family: 'Trebuched MS', Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10px; text-align: center; }

/*Shop*/
img                      { border: 0; margin: 0; padding: 0; }
label, .label            { margin: 0; color: #222 }
label.preField, .label   { display: -moz-inline-box; display: inline-block; width: expression('6em'); min-width: 6em; padding: 0; margin: 0; color: #222; }
label.preFieldL, .label  { display: -moz-inline-box; display: inline-block; width: expression('11em'); min-width: 11em; padding: 0; margin: 0.4em 0 0.4em 0; color: #222; vertical-align: middle }
* html
label.preFieldL, .label  {margin: 0.2em 0 0.2em 0}
label.preFieldXL, .label { display: -moz-inline-box; display: inline-block; width: expression('14em'); min-width: 14em; padding: 0; margin: 0.6em 0 0.6em 0; color: #222; vertical-align: middle }
* html
label.preFieldXL, .label { margin: 0.3em 0 0.3em 0 }
.admin                   { position: absolute; top: 0; left: 0; z-index: 2000; padding: 6px; background-color: #fff; border: solid 1px #555; float: left; line-height: 1.2em; }
.infobox                 { margin-top: 6px; padding: 10px; background-color: #fff; border: solid 1px #d1d3d4; line-height: 16px; }
.formbox                 { display: inline-block; padding: 5px; background-color: #ffffff; border: solid 1px #e2e2e2; line-height: 16px; float: left; }
.shopwrapper             { clear: both; height: 14px; }
.box                     { border: 1px solid #ccc; width: 675px; padding: 0; line-height: 110%; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.boxheadline             { width: 400px; padding: 5px 0 0 10px; float: left; }
.box h4                  { padding: 3px 0 3px 0; margin: 0; font-size: 14px; color: #ed1c24; line-height: 110%; font-family: Arial, Verdana, Helvetica, sans-serif; }
.boxtext                 { padding: 5px 0 0 10px; float: left; width: 400px; }
.boxfooter               { text-align: right; padding: 0 10px 0 0; height: 35px; }
.boxwrapper              { clear: both; height: 5px; }
.boxprice                { padding: 5px 10px 0 10px; float: right; }
.left_item               { float: left; width: 50%; }
.right_item              { float: right; text-align: right; width: 50%; }

/* Shopping Cart */
#content .cart           { text-align: left; }
#content .cart_item      { display: block; }
#content .cart_price     { text-align: right; }
#content .cart_footer    { margin-top: 20px; }
#content .row_item       { width: 24em; display: block; float: left; }
#content .row_qty        { display: block; width: 6em; text-align: center; float: left; }
#content .row_price      { width: 8em; text-align: center; float: left; display: block; }
#content .row_empty      { width: 100%; clear: both; height: 1px; line-height: 1px; margin: 0; padding: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }