@charset "utf-8";

*
{
  border: medium none;
  margin: 0;
  padding: 0;
}

html
{
  height: 100%;
  background-color: #fff;
}

body
{
  color: #000;
  background: #eee;
  font: normal normal normal .8125em/1.5em Helvetica, Arial, sans-serif;  /* 13px */
  font-feature-settings: "kern" 1, "liga" 1;
  font-variant-ligatures: common-ligatures;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  font-size-adjust: .53;
  font-stretch: normal;
  margin: 0 !important;
  width: 100%;
  min-height: 100%;
  text-align: center;
}

h1
{
  margin: .2em 0;
  -webkit-font-smoothing: antialiased;
}

h2
{
  margin: .73em 0;
}

h3
{
  margin: 0 0 .92em;   /* top, right/left, bottom */
}

h4
{
  margin: 1.3em 0;     /* top/bottom, right/left  */
}

h5
{
  margin: 0 0 1.24em;  /* top, right/left, bottom */
}

p
{
  margin: 1em 0;       /* top/bottom, right/left */
}

pre,
code,
kbd,
samp,
tt
{
  font-family: monospace,monospace;
  font-size: 1em;
}

hr
{
  margin-top: 0;
  margin-bottom: 10px;
  border: 1px solid;
  border-color: #838383 #f9f9f9 #f9f9f9 #838383 /* top; left; bottom; right */
}

a
{
  text-decoration: none;
  color: #0000c0;
  outline: none;
}

a:visited
{
  color: #551a8b;
}

a:active
{
  color: #facd59;
  position: relative;
  top: 1px;
}

a[rel="external"]
{
  background: transparent url(images/external-link.png) no-repeat right 43%;
  padding: .1em 18px 0 .2em !important;
  margin-right: .05em;
}

.clear
{
  clear: both;
}

ul, ol
{
  margin: 1.24em 0;
  padding-left: 2.5em;
}

th
{
  text-align: center;
}

#tooltip-container
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0775em;
  background: none repeat scroll 0 0 #111;
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9;
  border: 2px outset #b4b4b4;
  -moz-border-radius: .429em;
  -webkit-border-radius: .429em;
  -khtml-border-radius: .429em;
  border-radius: .429em;
  padding: .2em .429em;
  position: absolute;
  visibility: hidden;
  display: none;
  z-index: 10;
}

.tooltip
{
  color: #fff;
  text-align: center;
  display: block;
}

.tooltip-arrow
{
  background: none repeat scroll 0 0 transparent;
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9;
  height: 0;
  width: 0;
  border-color: #000 transparent;
  border-style: solid;
  border-width: .5em .5em 0;
  position: absolute;
  left: 50%;
  margin-left: -.357em;
  bottom: -.45em;
  display: block;
}

#nav-skip ul
{
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
}

#nav-skip a
{
  display: block;
  position: absolute;
  top: 0;
  left: -1000em;
  width: 100%;
  border-width: 0;
  color: #000;
  background-color: #444;
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.231em;
  line-height: 4.19em;
}

#nav-skip a:focus,
#nav-skip a:active
{
  left: 0;
}

#nav-skip a:active
{
  top: 1px;
}

#nav-skip span
{
  margin: 0 0 0 1em;
  max-width: 75em;
  display: inline;
  background-color: #facd59;
  padding: .3125em;
  border-radius: 0.154em;
}

#header
{
  width: 100%;
  margin: 0 0 1.5em;
  background-color: #37475A;
  background-image: linear-gradient(180deg, #37475A 0%, #232F3E 100%);
  background-image: -o-linear-gradient(180deg, #37475A 0%, #232F3E 100%);
  background-image: -moz-linear-gradient(180deg, #37475A 0%, #232F3E 100%);
  background-image: -webkit-linear-gradient(180deg, #37475A 0%, #232F3E 100%);
  background-image: -ms-linear-gradient(180deg, #37475A 0%, #232F3E 100%);
  box-shadow: 0 1px 0 0 #ccc,0 0 10px rgba(0,0,0,0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#headerbar
{
  background: transparent url(images/newspaper.png) no-repeat 1.5em center;
  max-width: 75em;
  margin: 0 auto;
}

#header h1
{
  display: block;
  color: #333;
  text-shadow: 3px 2px #333;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.462em; /* 32px */
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1pt;
  text-align: center;
  line-height: 2.1em;
  margin: 0 .59em 0 0; /* top; left; bottom; right */
  background: transparent url(images/screen.png) no-repeat right center;
}

#header h1 a,
#header h1 a:visited,
#header h1 a:active
{
  color: #eee;
}

#header h1 a:hover
{
  padding: 0 1.2em;
  background: url("images/home-white.png") no-repeat scroll 0 center transparent;
}

#header h1 a:focus,
#header h1 a:active
{
  text-shadow: 0 0 5px #888;
}

#main-wrapper
{
  margin: 0 auto 2em;
  padding: 0 1em;
  max-width: 75em;       /*      EM-Width = Pixel-Width / 13px */
  display: block;
}

#sidebar
{
  float: left;
  text-align: left;
  vertical-align: top;
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;      
  user-select: none;
}

#navi,
#fontsize
{
  overflow: hidden;
  margin: 0 1em 2em 0;
  width: 16.752em;   /* ((75-10)/9) * 2 + 2.308 */
  -moz-border-radius: .539em;
  -webkit-border-radius: .539em;
  -khtml-border-radius: .539em;
  border-radius: .539em;
}

#fontsize
{
  margin-bottom: 0;
}

h2#navihead,
h2#fonthead
{
  color: #333;
  background-color: #ddd;
  font-family: Arial, Helvetica;
  font-size: 1em;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1pt;
  line-height: 2.2em;
  padding: .154em 0 0 .766em;
  margin: 0;
  display: block;
  position: relative;
  -moz-border-radius-topleft: .539em;
  -webkit-border-top-left-radius: .539em;
  -khtml-border-top-left-radius: .539em;
  border-top-left-radius: .539em;
  -moz-border-radius-topright: .539em;
  -webkit-border-top-right-radius: .539em;
  -khtml-border-top-right-radius: .539em;
  border-top-right-radius: .539em;
  border-color: #aaa;
  border-style: solid;
  border-width: .077em .077em 0;
}

#navibody,
#fontbody
{
  padding: 0 0 .5em;
  background: #fff;
  border-width: 0 .077em .077em;
  border-style: solid;
  border-color: #aaa;
  -moz-border-radius-bottomleft: .539em;
  -webkit-border-bottom-left-radius: .539em;
  -khtml-border-bottom-left-radius: .539em;
  border-bottom-left-radius: .539em;
  -moz-border-radius-bottomright: .539em;
  -webkit-border-bottom-right-radius: .539em;
  -khtml-border-bottom-right-radius: .539em;
  border-bottom-right-radius: .539em;
}

#fontbody
{
  padding-top: .5em;
}

#navi ul
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

#navi ul li a
{
  display: block;
  color: #272727;
  text-decoration: none;
  line-height: 1.5em;
  padding: .5em 1.6em .5em 3em;
  border: 1px solid;
  border-color: #fff #eee #eee; /* top; left/right; bottom */
  -moz-transition: background-color 100ms;
  -webkit-transition: background-color 100ms;
  -o-transition: background-color 100ms;
  transition: background-color 100ms;
}

#navi ul li.activ a
{
  background-color: #3f6b99 !important;
  border-color: #3f6b99 !important;
  color: #fff;
}

#navi ul li.activ a:active,
#navi ul li.activ a:focus,
#navi ul li.activ a:hover
{
  background-color: #4b719a !important;
}

#navi ul li a.web
{
  background: #fff url(images/document.png) no-repeat scroll .92em center;
}

#navi ul li.activ a.web
{
  background: #fff url("images/document-white.png") no-repeat scroll 0.92em center;
}

#navi ul li a:focus,
#navi ul li a:hover
{
  background-color: #dbe7f5 !important;
}

#navi ul li a:active
{
  outline: 1px solid #fff; /* outline, um "Border-Textspringen" zu unterbinden */
}

#p80L,
#p90L,
#p100L,
#p110L,
#p120L,
#p130L
{
  display: block;
  float: left;
}

#p80
{
  width: .462em;
  height: .538em;
  margin-left: 1.3em;
  margin-top: 1.308em;
  float: left;
  background-color: #37475A;
}

#p90
{
  width: .462em;
  height: .846em;
  margin-left: .385em;
  margin-top: 1em;
  float: left;
  background-color: #37475A;
}

#p100
{
  width: .462em;
  height: 1.154em;
  margin-left: .385em;
  margin-top: .692em;
  float: left;
  background-color: #37475A;
}

#p110
{
  width: .462em;
  height: 1.385em;
  margin-left: .385em;
  margin-top: .462em;
  float: left;
  background-color: #90979e;
}

#p120
{
  width: .462em;
  height: 1.615em;
  margin-left: .385em;
  margin-top: .231em;
  float: left;
  background-color: #90979e;
}

#p130
{
  width: .462em;
  height: 1.846em;
  margin-left: .385em;
  float: left;
  background-color: #90979e;
}

#minuszeichen,
#pluszeichen
{
  font-size: 1.462em;
  font-family: Arial, sans-serif;
  float: left;
  width: 1em;
  height: 1em;
  line-height: 1em;
  margin-top: .105em;
  text-align: center;
  border-style: outset;
  border-width: 1px;
  border-color: #aaa;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  -khtml-border-radius: .3em;
  border-radius: .6em;
  background-color: #333;
  color: #fff;
  box-shadow: 2px 2px 8px #aaa;
}

#minuszeichen
{
  margin-left: .692em;
  margin-right: .263em;
}

#pluszeichen
{
  margin-left: .21em;
}

#p80:focus,
#p80:hover,
#p90:focus,
#p90:hover,
#p100:focus,
#p100:hover,
#p110:focus,
#p110:hover,
#p120:focus,
#p120:hover,
#p130:focus,
#p130:hover
{
  background-color: #225284 !important;
}

#minuszeichen:focus,
#minuszeichen:hover,
#pluszeichen:focus,
#pluszeichen:hover
{
  color: #fff;
  background-color: #225284;
}


#prozent
{
  font-size: 1.231em;
  font-weight: bold;
  color: #37475A;
  margin-left: .7em;
  padding: 3px;
  line-height: 1.5em;
}

#content
{
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  -moz-border-radius: .539em;
  -webkit-border-radius: .539em;
  -khtml-border-radius: .539em;
  border-radius: .539em;
}

h2#contenthead
{
  color: #333;
  background-color: #ddd;  
  font-family: Arial, Helvetica;
  font-size: 1em;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1pt;
  line-height: 2.2em;
  padding: .154em .154em 0 1.074em;
  margin: 0;
  display: block;
  -moz-border-radius-topleft: .539em;
  -webkit-border-top-left-radius: .539em;
  -khtml-border-top-left-radius: .539em;
  border-top-left-radius: .539em;
  -moz-border-radius-topright: .539em;
  -webkit-border-top-right-radius: .539em;
  -khtml-border-top-right-radius: .539em;
  border-top-right-radius: .539em;
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;      
  user-select: none;
  border-style: solid;
  border-color: #aaa;
  border-width: .077em .077em 0;
}

#contentlinks
{
  display: block;
  text-align: right;
  line-height: 2.2em;
  margin-top: -2.2em;
  padding-right: 1em;
  color: #fbfbfb;
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;      
  user-select: none;
}

#contentlinks ul
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#contentlinks ul li
{
  display: inline;
  border-right: 1px solid #fbfbfb;
  padding: 0 .51em;
}

#contentlinks ul li.last
{
  border-right: 0 none !important;
  padding-right: 0 !important;
}

#contentlinks ul li a
{
  color: #333;
  font-size: 1.077em; /* 14px */
  line-height: 1em;
}

#contentlinks ul li a:focus,
#contentlinks ul li a:hover
{
  color: #225284;
}

#contentlinks ul li a.pdf
{
  background: url(images/pdf-black.gif) no-repeat right center;
  padding-right: 20px;
}

#contentlinks ul li a.pdf:focus,
#contentlinks ul li a.pdf:hover
{
  background: url(images/pdf-blue.gif) no-repeat right center;
}

#contentlinks ul li a.source
{
  background: url(images/source-black.gif) no-repeat right center;
  padding-right: 20px;
}

#contentlinks ul li a.source:focus,
#contentlinks ul li a.source:hover
{
  background: url(images/source-blue.gif) no-repeat right center;
}

#artikel
{
  color: #333;
  background-color: #fff;
  padding: 2.3em 3.5em;
  border-width: 0 .077em .077em;
  border-style: solid;
  border-color: #aaa;
  -moz-border-radius-bottomleft: .539em;
  -webkit-border-bottom-left-radius: .539em;
  -khtml-border-bottom-left-radius: .539em;
  border-bottom-left-radius: .539em;
  -moz-border-radius-bottomright: .539em;
  -webkit-border-bottom-right-radius: .539em;
  -khtml-border-bottom-right-radius: .539em;
  border-bottom-right-radius: .539em;
}

#artikel ::-moz-selection
{
  background: #d4dbe5 !important;
}

#artikel ::selection
{
  background: #d4dbe5 !important;
}

#artikel a
{
  border-bottom: 1px solid #b4c7da;
  padding: .1em .3em 0;
}

#artikel a:focus,
#artikel a:hover
{
  background-color: #111;
  color: #fff !important;
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
  -khtml-border-radius: .4em;
  border-radius: .4em;
  border-bottom-style: none;
  padding: .1em .3em;
}

#artikel a:active
{
  outline: 2px solid #facd59; /* outline, um "Border-Textspringen" zu unterbinden */
  outline-offset: 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  border-bottom-style: none;
}

#artikel a:visited
{
  color: #444;
  border-bottom: 1px solid #888 !important;
}

#chapter-nav
{
  height: 3em;
}

#chapter-nav a.chapter-switch
{
  display: inline-block;
  font-size: 3em;
  color: #999;
  background-color: #eee;
  border-bottom-style: none !important;
  border-radius: .4em;
  border-bottom-style: none;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  padding: 0 1em;
  height: 1em;
  line-height: 0.8em;
}

#chapter-nav a.chapter-switch:focus,
#chapter-nav a.chapter-switch:hover,
#chapter-nav a.chapter-switch:active
{
  color: #000 !important;
  outline: medium none;
  outline-offset: 0;
}

ol.teaser
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#footer
{
  background-color: #232F3E;
  display: block;
  padding: 0 1em;
  clear: both;
  box-shadow: 0px 3px 13px 7px rgba(204,204,204,1);
}

#footer a
{
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  text-align: right;
  display: block;
  float: right;
}

#footer a:focus,
#footer a:hover
{
  color: #facd59;
}

#footer-content
{
  max-width: 75em;
  margin: 0 auto;
  padding: .77em 0;
  overflow: hidden;
}

#page-copyright
{
  color: #eee;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .96125em; /* 13px */
  line-height: 1.35em;
  float: left;
  text-align: left;
}

/* Mobile */
@media handheld, only screen and (max-width: 480px)
{
  h1
  {
    font-size: 4em !important;
    font-size: 9.5vw !important;
  }
  
  #nav-skip
  {
    width: 100%;
  }
  
  #nav-skip ul,
  #nav-skip li,
  #nav-skip a,
  #nav-skip span
  {
    display: inline;
  }
  
  #nav-skip a
  {
    line-height: 3em;
    color: #000;
    background-color: #eee;
    box-shadow: 0 1px 0 0 #ccc,0 0 10px rgba(0,0,0,0.25);
    text-shadow: 0 0;
    position: relative;
    left: 0;
    display: block;
    text-align: center;
  }
  
  #nav-skip span:focus,
  #nav-skip span:hover
  {
    background-color: #ccc;
  }
  
  #nav-skip span
  {
    margin: 1em auto;
    background-color: #eee;
  }
  
  #headerbar
  {
    background: none;
  }
  
  #header
  {
    background: none;
    margin: 0;
    box-shadow: none;
  }
  
  #header h1
  {
    font-size: 1.5388em !important;
    line-height: 2.74em;
    margin: 0 1em;
    background-image: none;
    text-shadow: 1px 1px #ccc;
  }

  #header h1 a
  {
   color: #333 !important;
   font-size: 1.125em !important;
  }

  #header h1 a:hover
  {
   padding: 0;
   background: none;
  }
  
  #main-wrapper
  {
    padding: 0;
    width: 100%;
  }
  
  #sidebar
  {
    font-size: 1.385em;
    float: none !important;
    width: 100%;
  }

  #navi,
  h2#navihead,
  #navibody,
  #content,
  h2#contenthead,
  #artikel
  {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
  }

  h2#navihead,
  #navibody
  {
    border-color: #000;
  }

  #navibody
  {
    padding: 0;
  }

  #navi ul li a.web
  {
    background: #fff url(images/document.png) no-repeat scroll .92em center;
  }

  #navi ul li.activ a.web
  {
    background: #fff url("images/document-white.png") no-repeat scroll 0.92em center;
  }

  #navi ul li a:focus,
  #navi ul li a:hover
  {
    background-color: #d4dbe5;
  }
  
  #p80L,
  #p90L,
  #p100L,
  #p110L,
  #p120L,
  #p130L
  {
    display: none;
  }
  
  #navi, #fontsize
  {
    margin: 0 auto 2em;
    width: 100%;
  }
  
  #fontsize
  {
    width: 12em;
  }
  
  #content
  {
    margin-top: 2em !important;
    width: 100%;
  }
  
  h2#contenthead
  {
    font-size: 1.385em;
    border-color: #000;
  }
  
  #contentlinks
  {
    margin: -2.7em 0 .5em;
  }
  
  #artikel
  {
    border-color: #313131;
    padding: 1.3em 2.5em;
  }
  
  #footer
  {
    padding: 0;
    width: 100%;
  }
  
  #page-copyright
  {
    font-size: .769em;
    margin: 0 .8em;
  }
  
  #footer a
  {
    font-size: 1em;
    margin-right: .308em;
  }

  .listing,
  .infobox
  {
    display: block !important;
    float: none !important;
  }
  
  .listing pre,
  .infobox pre
  {
    display: block !important;
    overflow-x: auto  !important;
  }
  
  div.code-into-text pre
  {
    overflow-x: auto  !important;
  }
}

/* HiDPI */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 150dpi),
only screen and (                min-resolution: 2dppx)
{
  #headerbar
  {
    background: transparent url(images/newspaper.svg) no-repeat 1.5em center / 3.692em 3.692em;
  }

  #header h1
  {
    background: transparent url(images/screen.svg) no-repeat right center / 1.5em 1.5em;
  }

  #navi ul li a.web
  {
    background: #fff url("images/document.svg") no-repeat scroll 0.92em center / 1.5em 1.5em;
  }

  #navi ul li.activ a.web
  {
    background: #fff url("images/document-white.svg") no-repeat scroll 0.92em center / 1.5em 1.5em;
  }

  #contentlinks ul li a.pdf
  {
    background: url("images/pdf-black.svg") no-repeat right center / 1.286em 1.286em;
    padding-right: 1.571em;
  }

  #contentlinks ul li a.pdf:focus,
  #contentlinks ul li a.pdf:hover
  {
    background: url("images/pdf-blue.svg") no-repeat right center / 1.286em 1.286em;
  }

  #contentlinks ul li a.source
  {
    background: url("images/source-black.svg") no-repeat right center / 1.286em 1.286em;
    padding-right: 1.571em;
  }

  #contentlinks ul li a.source:focus,
  #contentlinks ul li a.source:hover
  {
    background: url("images/source-blue.svg") no-repeat right center / 1.286em 1.286em;
  }
}


/* Mobile HiDPI */
@media handheld,
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                min-resolution: 150dpi) and (max-width: 480px),
only screen and (                min-resolution: 2dppx)  and (max-width: 480px)
{
  #headerbar
  {
    background: none !important;
  }
  
  #header h1
  {
    background: none !important;
  }
}


@media print
{
  html,
  body
  {
    color: #000;
    background: #fff !important;
  }
  
  h1, h2, h3, h4, h5, h6
  {
    page-break-after: avoid;
  }
  
  p,
  a,
  a:visited
  {
    color: #000 !important;
  }
  
  a[rel="external"]
  {
    background: none;
    padding: 0 !important;
    margin-right: 0;
  }
  
  #main-wrapper
  {
    width: 100% !important;
    margin: 0;
  }
  
  #header,
  #sidebar,
  #contentlinks,
  h2#contenthead,
  #footer
  {
    display: none;
  }
  
  #artikel
  {
    color: #000;
    border: 0 none;
  }
  
  #artikel a
  {
    border-bottom-style: none;
    padding: 0;
  }

  #artikel a.chapter-switch
  {
    display: none !important;
  }

  #content
  {
    overflow: visible;
    -moz-box-shadow:  none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
  }
}