*                               { margin: 0px; padding: 0px; }
img                             { border: none; }
.clear                          { clear: both; }
a                               { color: #6B8017; text-decoration: none; }
#content a                      { border-bottom: 1px dotted #6B8017; }  


body                            { font-size: 12px; }

body                            { background: url('../img/background-eternal.jpg') left top repeat-x #f7f7f7; min-width: 81.25em; color: #667966; 
                                  font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; }
div#outerwrap                   { background: url('../img/background.jpg') center top no-repeat; min-height: 45.5em; }

div#mainwrap                    { position: relative; left: 50%; top: 0px; width: 81.25em; margin-left: -40.625em; }

div#sidebar                     { position: absolute; left: 0em; top: 38.5em; }

div#content                     { padding: 35em 2em 2em 30em; }  

div#visual                      { position: absolute; left: 26.667em; top: 0em; width: 53.333em; height: 30em; }



/* navigation in general */
ul.nav, ul.nav li               { list-style: none; }
ul.nav a                        { text-decoration: none; }


ul#metanav                      { position: absolute; left: 30em; top: 30.33em; }
ul#metanav li                   { float: left; font-size: 0.92em; margin-right: 1.5em; }
ul#metanav, ul#metanav a        { color: #f7f7f7; }
ul#metanav a.active, ul#metanav a:hover
                                { text-decoration: underline; }


ul#mainnav                      { position: absolute; left: 2.33em; top: 10em; width: 23em; }
ul#mainnav a                    { display: block; color: #667966; font-size: 1.17em; padding-left: 3.99em; margin-bottom: 1.5em; text-transform: uppercase; 
                                  background-position: left top; background-repeat: no-repeat; line-height: 1.1em; min-height: 2.667em; }
ul#mainnav a:hover, ul#mainnav a.active
                                { color: #6b8017; }
ul#mainnav a#a7                 { background-image: url('../img/icons/team.png'); }
ul#mainnav a#a8                 { background-image: url('../img/icons/camcorder.png'); }
ul#mainnav a#a9                 { background-image: url('../img/icons/calculator.png'); }
ul#mainnav a#a10                { background-image: url('../img/icons/knowhow.png'); }


div#logo                        { position: absolute; left: 7em; top: 1.3em; }
div#logo div.brandtext          { /*font-size: 1.17em; line-height: 1.17em; */ padding: 0.3em 0px 0px 0px; text-transform: uppercase; }

h1                              { font-weight: normal; text-transform: uppercase; font-size: 2.5em; letter-spacing: 0.1em; }
h2                              { font-weight: normal; text-transform: uppercase; font-size: 2em; }

div.banner                      { background: url('../img/ruler-short.gif') left top no-repeat; color: #6b8017; width: 31.67em; margin-left: -5em; 
                                  position: relative; left: 0em; top: 0em; }
div.banner img                  { position: absolute; left: 5.5em; top: 0.6em; }
div.banner div.inner-wrap       { background: url('../img/ruler-short.gif') left bottom no-repeat; padding: 1em 1em 1em 12em; }
div.banner p                    { font-size: 1.5em; margin-top: -0.6em; }
div.banner p strong             { font-size: 1.67em; position: relative; left: 0em; top: 0.1em; }

div.video                       { width: 100%; height: 100%; }
div.video div.label             { position: absolute; left: 2.4em; top: 27em; padding: 0.3em 1em; background: #A8CF38; color: #fff; text-transform: uppercase; visibility: hidden; }


div.block                       { clear: both; width: 95%; }
div.block.half-size             { clear: none; float: left; width: 45%; margin-right: 4%; }

div#content p, div#content ul, div#content ol
                                { font-size: 0.9em; margin-bottom: 0.8em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; }

div#content ul, div#content ol  { padding-left: 1.5em; }

div#content h2                  { font-size: 1.2em; color: #6B8017; border-top: 0.1em solid #6B8017; padding-top: 0.6em; margin: 1.6em 0em 0.4em; }


fieldset                        { border: none; padding-left: 10em; }
fieldset label, fieldset input, fieldset textarea
                                { float: left; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; }
fieldset input.text, fieldset textarea
                                { border: none; width: 30em; padding: 0.2em 0.4em; margin-bottom: 0.5em; }
fieldset textarea               { height: 8em; }
fieldset label                  { margin-left: -10em; clear: left; }
fieldset br                     { clear: left; }
fieldset input.button           { background: none; border: none; cursor: pointer; margin: 0px; padding: 0.1em; text-decoration: underline; color: #6B8017; }
 
 
/*


div#content                     { position: absolute; left: 0px; top: 300px; width: 517px; padding: 15px 10px 15px 33px; border-top: 3px solid #e6eaeb; border-bottom: 3px solid #e6eaeb; }
div#content.wide                { width: 802px; }
div#toprow                      { position: absolute; left: 0px; top: 100px; }
div#rightcol                    { position: absolute; left: 570px; top: 300px; width: 560px; width: 285px; }

div#skys                        { position: absolute; left: 865px; top: 110px; width: 120px; height: 530px; background: #e6eaeb; }

div.banner                      { width: 269px; position: relative; left: 0px; top: 0px; }
.boxed                          { border: 3px solid #ff821f; margin: 0 10px 10px 0; float: left; }
div.boxed.banner                { padding: 10px 5px 5px 10px; width: 254px; }  
.top-row                        { width: 269px; height: 184px; }
div.banner.top-row              { height: 169px; overflow: hidden; }

div.banner a                    { position: relative; left: 0px; top: 0px; z-index: 1; }


#content h1, .glow              { color: #ff821f; }
#content h2, .cool              { color: #41889b; }
.caps                           { text-transform: uppercase; }


#content h1                     { font-weight: normal; font-size: 48px; }
#content h2                     { font-weight: normal; font-size: 30px; margin-bottom: 0.5em;}
#content h3                     { font-size: 16px; margin: 0.5em 0 0; line-height: 1.6em; color: #ff821f; }
#content p, #content dl         { font-size: 12px; margin: 0 0 1em; line-height: 1.6em; }

h1, h2, .banner h3              { font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; 
                                  font-weight: normal; letter-spacing: -0.02em; line-height: 1em;}
.banner h2                      { font-weight: bold; }


div#logo                        { width: 200px; height: 100px; background: url('../img/dentax24de-logo.gif') left top no-repeat; position: relative; left: 0px; top: 0px; }
div#logo img                    { width: 168px; height: 32px; position: absolute; left: 32px; top: 10px; }

div#printlogo                   { position: absolute; left: 2mm; top: 0px; visibility: hidden; }



dl.preisliste dt                { width: 60%; float: left; clear: both; }
dl.preisliste dd                { width: 20%; float: left; text-align: right; }
div.preisliste                  { margin-bottom: 1em; }

#content h3, #content p         { clear: both; }
*/