/*  css hack: msie's on mac systems run into this css comment hack
    that uses an escaped star every time a comment gets terminated.
    for that if all css comments carefully apply the mentioned hack
    the whole css resource will appear as a big comment to every msie.
\*/
* {
  border: 0;
  margin: 0;
  padding: 0;
}
body {
  font-size: 100.1%; /* fixing msie font scaling bug \*/
  font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
  background-color: #fafafa;
  color: #000;
}

a         {text-decoration: underline;}
a:link    {color: #666;}
a:visited {color: #666;}
a:focus   {color: #000;}
a:hover   {color: #000;}
a:active  {color: #666;}


.clearFloat {
  clear: both;
}


.textShade {
  display: block;/*
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color="gray", Positive="true");\*/
}
.textShade:before {
  display: block;
  content: attr(title);
  margin: 0 0 -1.32em 0.06em;
  color: #ccc;
}


body div#document {
  position: relative;
  border-left: 7em solid #ff8000;
  border-right: 7em solid #ff8000;
  font-size: 0.8em;
}
div#document div#content {
  position: relative;
  margin: 0 12.5em;/*
  border-left-width: 12.5em;
  border-right-width: 12.5em;
  border-left-style: hidden;
  border-right-style: hidden;\*/
  padding: 1.5em 0.5em;
  text-align: justify;
}
div#document div#rulerVLeft {
  position: absolute;
  left: 12.5em;
  top: 0;
  height: 100%;
  border-left: 1px dashed #ff8000;/*
  -display: none;\*/
}
div#document div#rulerVRight {
  position: absolute;
  right: 12.5em;
  top: 0;
  height: 100%;
  border-right: 1px dashed #ff8000;/*
  -display: none;\*/
}

div#content .annotation {
  clear: both;
  display: block;
  position: relative;
  float: left;
  left: -12.5em;
  width: 11.5em;
  margin-right: -12.5em;/*
  -margin-right: 0;\*/
  text-align: left;
}
div#content .relation {
  clear: both;
  display: block;
  position: relative;
  float: right;
  right: -12.5em;
  width: 11.5em;
  margin-left: -12.5em;
  text-align: right;
}

body div#document h1 {font-size: 170%; font-weight:lighter; letter-spacing: -0.02em; word-spacing: -0.08em; padding-bottom: 1.5em;}
body div#document h2 {font-size: 150%; font-weight:lighter; letter-spacing: -0.008em; word-spacing: -0.06em; padding-bottom: 0.5em; padding-top: 1.5em;}
body div#document h3 {font-size: 130%; font-weight:lighter; letter-spacing: -0.005em; word-spacing: -0.06em; padding-bottom: 0.43em;}
body div#document h4 {font-size: 110%; padding-bottom: 0.37em;}
body div#document h5 {font-size: 100%; padding-bottom: 0.33em;}
body div#document h6 {font-size: 89%; padding-bottom: 0.3em;} /* msie has a slight weekness in rounding but with 89% instead of 90% this can be fixed without effecting other render engines \*/

body div#document h3.annotation,
body div#document h4.annotation,
body div#document h3.relation,
body div#document h4.relation {
  font-size: 100%; font-weight: bold; letter-spacing: -0.005em; word-spacing: -0.06em; padding-bottom: 0;
}

body div#document p#theoryVsReality {margin-top: 1.5em;}

body div#document hr {clear: both; margin: 0.25em 0;}

body div#document ul {padding-left: 1em;}
body div#document ul {padding-left: 1em;}
body div#document ul#preciselySpoken,
body div#document ul#correctlyAccentuated,
body div#document ul#cssIsATailor,
body div#document ul#cssPositioning,
body div#document ul#inlineAndBlockInHtml,
body div#document p#inlineAndBlockInCss,
body div#document p#relativenessOfAbsoluteness,
body div#document p#fixedNotInMsie,
body div#document p.explanatoryRemark {
  margin: 0.25em 0;
}
body div#document ul li#dressedByCss {margin-bottom: 2.5em;}
body div#document ul.onlineReferences li {text-align: left;}

body div#document q,
body div#document blockquote {
  font-style: italic;
}

body div#document abbr,
body div#document acronym {
  border-bottom: 1px dotted #000000;
  border-top: 1px dotted #000000;
  display: inline;
  cursor: help;

}

body div#document li dl {clear: both;}
body div#document dt {float: left; width: 36%;}
body div#document dd:before {content: "- ";}
body div#document dt,
body div#document dd {
  text-align: left;
}

body div#document ul.miscellaneousPositioning dt {width: 25%;}
body div#document ul.miscellaneousPositioning dd {position:relative; left: 1em;}
body div#document ul.miscellaneousPositioning dd:first-line {left: 0;}

body div#document a {
  padding-left: 11px;
  text-decoration: none;
  white-space: nowrap;
  background: transparent url(linkIcons.gif) no-repeat;
}
body div#document a:link                    {background-position: 0 -16px; border-bottom: 1px dashed #ff8000;}
body div#document a:visited                 {background-position: 0 -48px; border-bottom: 1px dashed #00c000;}
body div#document a[target=_blank]:link     {background-position: 0 0;}
body div#document a[target=_blank]:visited  {background-position: 0 -32px;}
body div#document a:focus                   {border-bottom: 1px solid #ff8000;}
body div#document a:focus:visited           {border-bottom: 1px solid #00c000;}
body div#document a:hover                   {border-bottom: 1px solid #ff8000;}
body div#document a:hover:visited           {border-bottom: 1px solid #00c000;}
body div#document a:active                  {border-bottom: 1px dashed #ff8000;}
body div#document a:active:visited          {border-bottom: 1px dashed #00c000;}/*
body div#document a:focus                   {border-bottom: 1px solid #ff8000;}
body div#document a:visited:focus           {border-bottom: 1px solid #00c000;}
body div#document a:hover                   {border-bottom: 1px solid #ff8000;}
body div#document a:visited:hover           {border-bottom: 1px solid #00c000;}
body div#document a:active                  {border-bottom: 1px dashed #ff8000;}
body div#document a:visited:active          {border-bottom: 1px dashed #00c000;}\*/


/*  valid msie only css hack according to
   [http://www.dithered.com/css_filters/css_only/star_html.html]
    this hack will be used instead of the invalid sequenz "-[propertyName]: [prpertyValue];]"
\*/
* html div#document div#rulerVLeft {
  display: none;
}
* html div#document div#rulerVRight {
  display: none;
}
* html div#content .annotation {
  margin-right: 0;
}
* html .msieAnnotationPatch {
  text-indent: -12em;
}
* html div#document h3.annotation,
* html div#document h4.annotation,
* html div#document h3.relation,
* html div#document h4.relation {
  font-size: 89%; font-weight: bold; letter-spacing: -0.005em; word-spacing: -0.06em; padding-bottom: 0;
}
* html div#document hr {
  background-color: #fafafa;
  color: #fafafa;
}


q               {quotes: '"' '"'; font-style: italic;} /* default: use english quoting style first \*/
html:lang(de) q {quotes: '»' '«';} /* if the ":lang" selector is browser-supported following rules will be applied to the "q" element \*/
html:lang(en) q {quotes: '"' '"';}
html:lang(en-us) q {quotes: '"' '"';}


@media print { /* print document: printer preferences have first priority \*/
  body {
    font-family: "Times New Roman",Times,serif;
    background-color: transparent;
  }
  a {/*
    text-decoration: underline;\*/
    text-decoration: none;
  }
  body div#document {
    border: 0;
  }
  div#document div#rulerVLeft {
    display: none;
  }
  div#document div#rulerVRight {
    display: none;
  }/*
  div#document div#content {
    text-align: left;
  }\*/
  .textShade:before {
    display: none;
  }
  body div#document h1 {font-size: 160%; font-weight: bold; letter-spacing: normal; word-spacing: normal;}
  body div#document h2 {font-size: 145%; font-weight: bold; letter-spacing: normal; word-spacing: normal;}
  body div#document h3 {font-size: 130%; font-weight: bold; letter-spacing: normal; word-spacing: normal;}
  body div#document h6 {font-size: 90%;} /* msie has a slight weekness in rounding but with 89% instead of 90% this can be fixed without effecting other render engines \*/

  body div#document h3.annotation,
  body div#document h4.annotation,
  body div#document h3.relation,
  body div#document h4.relation {
    font-size: 100%; font-weight: bold; letter-spacing: -0.005em; word-spacing: -0.06em; padding-bottom: 0;
  }

  body div#document abbr,
  body div#document acronym {
    border: none;
  }
  body div#document abbr:after,
  body div#document acronym:after {
    color: #666; font-style: italic; content: " ("attr(lang)": "attr(title)")";
  }

  body div#document a {
    padding-left: 0;/*
    text-decoration: underline;\*/
    white-space: normal;
    background: none;
  }
  body div#document a:link          {color: #000; border-bottom: 0;}
  body div#document a:visited       {color: #000; border-bottom: 0;}
  body div#document a:link:after    {color: #666; font-weight: bold; font-style: italic; content: " ["attr(href)"]";}
  body div#document a:visited:after {color: #666; font-weight: bold; font-style: italic; content: " ["attr(href)"]";}
}/*  end: @media print \*/
/*  end: mac/msie css hack */