/* (de) Alle kritischen Werte instanzieren */
* { margin: 0pt; padding: 0pt; vertical-align: top; }

/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01%; }

/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body { font-family: Helvetica, Arial, sans-serif; font-size: 75.00%; color: #444; background-color: white; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; font-weight:bold; color:#666; margin: 0 0 0.25em 0; }

h1 { color: #808080; font-size: 200%; }       /* 24px */
h2 { color: #808080; font-size: 200%; }       /* 24px */
h3 { color: #808080; font-size: 150%; }       /* 18px */
h4 { color: #808080; font-size: 133.33%; }    /* 16px */
h5 { color: #808080; font-size: 116.67%; }    /* 14px */
h6 { color: #808080; font-size: 116.67%; }    /* 14px */

/** Überschriften
--------------------------------------------------------- */
h1 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.67em 0; }
h2 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h3 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h4 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h5 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h6 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }

/** - Navigation
--------------------------------------------------------- */
div#navigation { width: 100%; margin: 0; padding: 0; position: relative; }

.menu { position: absolute; z-index: 100; }
.menu ul li a, .menu ul li a:visited { display: block; text-decoration: none; width: 75px; height: 21px; text-align: left; color: #808080; background: transparent; line-height: 20px; font-size: 1em; font-stretch: extra-expanded; overflow: hidden; }

.menu ul li strong, .menu ul li strong { display: block; text-decoration: none; width: 75px; height: 21px; text-align: left; color: #808080; background: transparent; line-height: 20px; font-size: 1em; font-stretch: extra-expanded; overflow: hidden; }

.menu ul { padding: 0; margin: 0; list-style: none; }
.menu ul li { float: left; position: relative; }
.menu ul li ul { display: none; font-size: 0.8em; font-stretch: extra-condensed; }

/** specific to non IE browsers */
.menu ul li:hover a { color:#777; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.menu ul li:hover ul { display: block; position: absolute; top: -60px; left: 0; width: 75px; }
.menu ul li:hover ul li a.hide { color:#777; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.menu ul li:hover ul li:hover a.hide { color:#777; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.menu ul li:hover ul li ul {display: none; }
.menu ul li:hover ul li a { display: block; color:#808080; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.menu ul li:hover ul li a:hover { color:#777; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.menu ul li:hover ul li:hover ul { display: block; position: absolute; left: 105px; top:0;}
.menu ul li:hover ul li:hover ul.left { left: -105px; }

/** Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/

body { word-wrap: break-word; }