@media projection,
screen,
print {
    .beta,
    .dn {
        overflow: hidden;
        position: absolute
    }
    #inner *,
    #nav *,
    .beta,
    .fullBar *,
    .layout * {
        font-family: verdana, arial, helvetica, sans-serif
    }
    #inner #jumps li,
    #nav li {
        list-style-position: inside
    }
    #nav li,
    .fullBar,
    .nz {
        clear: both
    }
    .beta,
    .dn,
    .topBar {
        position: absolute
    }
    #content .autogen,
    #content .formsuccess,
    #inner,
    #nav,
    .demo,
    .fullBar,
    .topBar li a,
    .topBar li span {
        behavior: url(/htc/PIE.htc)
    }
    body {
        background-color: #7D7D7D;
        width: 60em;
        margin: 1em auto;
        padding-top: 4.1em;
        background-repeat: repeat-x;
        background-image: url(../img/hg.jpg);
        color: #222
    }
    #inner,
    #nav,
    .fullBar,
    .layout {
        font-size: 75%;
        border: 4px solid silver;
        background-color: #fff;
        margin-bottom: 1em
    }
    #inner,
    #nav,
    .fullBar {
        box-shadow: 5px 5px 10px #999
    }
    .bottomBar,
    .demo {
        box-shadow: 5px 5px 10px #555
    }
    #inner *,
    #nav *,
    .fullBar *,
    .layout * {
        padding: 0;
        margin: 0;
        text-align: left;
        vertical-align: top
    }
    .dn {
        left: -1000px;
        top: -1000px;
        width: 1px;
        height: 1px;
        display: inline
    }
    .adv {
        color: #c00!important;
        font-weight: 700
    }
    #inner .editoral .datum strong,
    #inner caption span,
    #inner table.brs th.re code,
    #pot .adv {
        font-weight: 400
    }
    .beta {
        top: 1.2em;
        font-size: 80%;
        text-align: center;
        width: 75em;
        white-space: nowrap
    }
    .beta a {
        color: #0080FF
    }
    .fullBar {
        padding: 0 1em 1em;
        height: 1.7em;
        margin-bottom: 1em;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px
    }
    #nav {
        float: left;
        width: 11.6em;
        padding: 1em;
        min-height: 30em;
        margin-right: 1em;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px
    }
    #nav ul {
        margin: 0 0 1.2em;
        width: 100%;
        float: left
    }
    #nav li {
        list-style-type: disc;
        color: #666;
        min-height: 15px;
        padding: 1px 0
    }
    #nav li a,
    .fullBar li a {
        text-decoration: none;
        color: #c00000;
        display: block;
        width: 10em;
        float: right
    }
    .topBar {
        top: 1em;
        width: 77.4em;
        padding-top: 1em
    }
    .topBar select {
        float: right;
        margin: .1em 0 0;
        border: 1px solid red
    }
    #nav #a-z li,
    .topBar li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        float: left;
        display: inline;
        clear: none
    }
    .bottomBar li {
        float: left;
        margin-left: 2em;
        padding: .5em 0 0;
        color: #666
    }
    #nav #a-z li a,
    #nav #a-z li span,
    .fullBar li a,
    .fullBar li span {
        float: left;
        display: block;
        width: 1.3em;
        text-align: center;
        padding: .2em 2px;
        margin: 0 .5em 1px 0;
        background-color: #ECECEC
    }
    .topBar li a,
    .topBar li span {
        border: 1px solid #B8B8B8;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        border-radius: 0\9
    }
    .bottomBar li a {
        display: inline;
        padding: 0;
        background-color: transparent
    }
    .bottomBar {
        padding-top: .8em;
        position: relative;
        margin-bottom: 5em
    }
    .bottomBar li a,
    .bottomBar li span {
        width: auto
    }
    #nav a:active,
    #nav a:focus,
    #nav a:hover,
    .bottomBar a:active,
    .bottomBar a:focus,
    .bottomBar a:hover {
        color: #000;
        text-decoration: underline
    }
    #chancedate {
        position: absolute;
        right: 2em;
        top: 5em;
        color: #fff;
        text-align: right
    }
    #chancedate em {
        color: #aaa
    }
    .fullBar #a-z li a:active,
    .fullBar #a-z li a:focus,
    .fullBar #a-z li a:hover {
        color: #fff;
        background-color: #b00
    }
    #nav #a-z li span,
    .fullBar #a-z li span {
        color: #fff;
        background-color: #DEDEDE
    }
    #nav #a-z li strong a,
    .fullBar #a-z li strong a {
        background-color: #b00;
        color: #fff
    }
    #inner .editoral h2 {
        padding: 0 0 .6em
    }
    #inner #imprint h3 {
        padding: .6em 0;
        font-size: 1.4em
    }
    #inner #imprint h4 {
        padding: 0 0 .6em;
        font-size: 1.2em
    }
    #inner #imprint ul {
        padding: .2em 0 .6em 2em;
        list-style-type: disc
    }
    #inner #imprint li {
        list-style-type: disc;
        line-height: 1.5em
    }
    #inner .editoral .datum {
        font-size: 90%;
        margin: 4em 0 0;
        border-bottom: 1px dotted silver;
        padding: .2em 0
    }
    #inner table {
        border-spacing: 0;
        border-collapse: collapse;
        font-size: 1em
    }
    #content #inner table.support {
        margin-bottom: 3em
    }
    #inner .filter {
        padding: 0 0 10px;
        clear: both
    }
    #inner .filter * {
        vertical-align: middle
    }
    #inner .filter input {
        margin-left: .6em
    }
    #inner table.layout {
        width: 100%;
        border-width: 2px;
        margin-top: .6em
    }
    #inner .prop {
        margin-bottom: 1em
    }
    #inner table.brs th.re {
        text-align: left
    }
    #inner .reverse td,
    #inner .reverse th {
        padding: 2px 10px;
        line-height: 1.5em
    }
    #inner .layout td,
    #inner .layout th,
    #inner .prop td,
    #inner .prop th {
        padding: .4em .4em .4em .6em;
        border-width: 2px;
        border-color: silver;
        width: 20%;
        white-space: normal
    }
    #inner .layout td,
    #inner .layout th {
        padding: .4em .1em .4em .4em
    }
    #inner .layout td {
        background-color: #fff
    }
    #inner th {
        background-color: #ffe8d1
    }
    #inner .offline th {
        background-color: #FFEFE0
    }
    #inner .layout th {
        white-space: nowrap
    }
    #inner #imprint a,
    #inner .editoral a,
    #inner .layout a,
    .feedbackform a {
        color: #c00000
    }
    #inner .layout caption,
    #inner .prop caption {
        background-color: #F0F0F0;
        color: #d00;
        border-width: 2px;
        border-color: silver;
        padding: .4em .4em .4em .6em
    }
    #inner .layout dl dt,
    #inner .prop dl dt {
        color: #666;
        font-size: .9em
    }
    #inner .layout dd+dd,
    #inner .layout dd+dt,
    #inner .prop dd+dd,
    #inner .prop dd+dt {
        margin-top: .6em
    }
    #inner table tr.prio2 td,
    #inner table tr.prio2 th {
        background-color: #FFA3A3
    }
    #inner table tr.prio3 td,
    #inner table tr.prio3 th {
        background-color: #FF9D00
    }
    #inner table tr.prio4 td,
    #inner table tr.prio4 th {
        background-color: #DE00FF
    }
    #inner table tr.prio5 td,
    #inner table tr.prio5 th {
        background-color: #00BFFF
    }
    #inner table tr.deprecated th {
        background-color: #F4F4F4
    }
    #content #inner table tr.deprecated td p.adv,
    #content #inner table tr.deprecated th p.adv {
        white-space: normal;
        padding: 0;
        color: #006400!important;
        margin: .4em 0 0;
        line-height: 1.4em
    }
    #content #inner table tr.deprecated td {
        background-color: #F8FFCC
    }
    #inner table.brs {
        margin: 2em 0 1em
    }
    #inner table.brs caption {
        background-color: #F0F0F0;
        color: #d00;
        font-size: 1.2em;
        font-weight: 400;
        border-width: 1px
    }
    #inner table.brs caption span {
        color: #666;
        font-size: 1em
    }
    #inner table.brs th {
        text-align: center;
        padding: .4em 1em;
        background-color: #fff
    }
    #inner table.brs th.version {
        vertical-align: bottom
    }
    #inner table.brs table caption {
        min-height: 2.5em;
        min-width: 6em;
        text-align: center;
        border: 0
    }
    #inner table .first-td {
        border-left-width: 4px
    }
    #inner table.brs span.info {
        cursor: help;
        display: block;
        text-align: center
    }
    #inner table.brs abbr {
        cursor: help;
        border-bottom: 0
    }
    #inner table.brs td {
        text-align: center;
        padding: 4px
    }
    #inner table.param td,
    #inner table.param th {
        text-align: left;
        line-height: 1.4em;
        padding: .4em 1em
    }
    #inner table.param th {
        background-color: #FaFaFa
    }
    #inner table.brs caption,
    #inner table.param caption {
        padding: .4em 1em
    }
    #inner table.brs td.pad {
        padding: 4px
    }
    #inner table.brs td td {
        font-weight: 700
    }
    #inner table.brs td.ja {
        background-color: green;
        color: #fff
    }
    #inner table.brs td.wg {
        background: url(../img/browser-unvollstaendig.png) no-repeat green;
        color: #fff
    }
    #inner table.brs td.nein {
        background-color: red;
        color: #fff
    }
    #inner table.brs td.zt {
        background-color: #FFC000
    }
    #inner table.brs td.alle,
    #inner table.brs td.vendor {
        background-color: #DEDEDE
    }
    #inner table.brs td table {
        width: 100%;
        border: 0 solid
    }
    #inner table.brs td td,
    #inner table.brs td th {
        padding: 4px;
        text-align: center;
        border: 0 solid
    }
    #inner table.brs td th {
        border-bottom: 1px solid #dedede
    }
    #inner .brs_legende {
        min-height: 2em
    }
    #inner .brs_legende li {
        float: left;
        margin-right: 20px
    }
    #inner .brs_legende abbr {
        display: block;
        width: 15px;
        padding: 3px;
        margin-top: -3px;
        float: left;
        margin-right: 5px;
        text-align: center;
        border-bottom: 0
    }
    #inner .brs_legende .nein abbr {
        color: #fff;
        background-color: red
    }
    #inner .brs_legende .ja abbr {
        color: #fff;
        background-color: green
    }
    #inner .brs_legende .vendor abbr {
        background-color: #dedede
    }
    #inner .brs_legende .zt abbr {
        background-color: #FFC000
    }
    #inner .brs_legende .wg abbr {
        background: url(../img/browser-unvollstaendig.png) no-repeat green;
        color: #fff
    }
    #inner .brs_legende .rudi abbr {
        background: url(../img/browser-rudimentaer.png) right bottom no-repeat red;
        color: #fff
    }
    #inner dl.brs_legende {
        line-height: 1.6em
    }
    #inner dl.brs_legende dt {
        line-height: 1.6em;
        font-weight: 700;
        width: 12em;
        float: left;
        clear: left;
        padding-bottom: 2em
    }
    #inner dl.brs_legende dd {
        line-height: 1.6em;
        margin-bottom: 1em;
        float: left;
        width: 40em
    }
    #inner table.support {
        min-width: 56em
    }
    #inner table.support td,
    #inner table.support th {
        padding: 4px 0;
        min-width: 1.8em;
        font-size: .9em
    }
    #inner table.support th.prop {
        padding: 4px 3px;
        font-weight: 400;
        text-align: left;
        color: #000;
        position: static
    }
    #inner caption,
    #inner td,
    #inner th {
        padding: .2em;
        border: 1px solid #dedede
    }
    #inner caption {
        color: #222;
        font-size: 1.4em;
        font-weight: 700;
        border-bottom: 0
    }
    #inner th {
        font-weight: 700;
        white-space: nowrap
    }
    #inner .boxli h3.intro,
    #inner h1,
    #inner h1 span.kat,
    #inner h1 span.version,
    #inner h3,
    #inner td.def span.adv,
    #plakat h1 span,
    h3.layout {
        font-weight: 400
    }
    #content code,
    code {
        font-family: Lucida Console, Courier;
        color: #00d;
        vertical-align: baseline;
        white-space: pre-wrap;
    }
    #inner #pot li,
    #inner #pot li a,
    #inner td.def {
        font-family: Courier;
        color: #00c;
        white-space: nowrap
    }
    #inner td.start ul li a {
        color: #00c
    }
    #inner td.start {
        white-space: normal
    }
    #content .desc ul a,
    .nb {
        white-space: nowrap
    }
    #inner td.def span {
        font-family: arial;
        color: #000;
        font-size: 1em
    }
    #content .demoall .demomemo p,
    #inner h3,
    .demomemo ul.linkliste li a,
    .feedbackform *,
    h3.layout,
    p.demo_info {
        font-family: verdana, arial, helvetica, sans-serif
    }
    .nl {
        clear: both
    }
    span.nl {
        display: block;
        margin: 0;
        border: 0!important;
        padding: 0
    }
    #content {
        margin: auto;
        max-width: 48em;
        float: right
    }
    #inner {
        padding: 1.2em;
        border-radius: 15px;
        width: 61em;
        position: relative
    }
    #inner h1.tool {
        font-size: 2em;
        color: #c00;
        line-height: 1.2em;
        padding: 0 0 .4em;
        margin: 2.6em 0 0;
        border-bottom: 0
    }
    #inner h1 span {
        display: block;
        color: #666;
        font-size: .7em
    }
    #inner h1 span.version {
        display: inline;
        font-size: 1em
    }
    #inner h1 {
        margin-bottom: .6em;
        padding-bottom: .6em;
        color: #c00;
        border-bottom: 1px dotted silver
    }
    #plakat h1 {
        color: #B00;
        font-size: 1.3em
    }
    #plakat {
        padding-bottom: 2em
    }
    #plakat img {
        margin-bottom: 2em
    }
    #plakat aside {
        margin-bottom: 3em
    }
    #plakat h1 span {
        font-size: .8em;
        color: #999;
        display: block
    }
    #content #plakat li,
    #content #plakat p {
        line-height: 1.5em
    }
    #jumps {
        padding: .4em 0 0
    }
    #inner #jumps li {
        float: left;
        margin-right: 1em;
        list-style-type: disc;
        color: gray
    }
    #inner #jumps li.re {
        float: right;
        list-style-type: none;
        margin-right: .1em
    }
    #inner img.re {
        float: right;
        margin: 0 0 1.5em 1em
    }
    #content #inner p.jump {
        padding-right: 0;
        line-height: 1em
    }
    #inner #jumps li a,
    #inner p.jump a {
        font-size: .8em;
        text-decoration: underline;
        color: #666;
        vertical-align: bottom;
        border: 0
    }
    #inner #jumps li a img {
        border: 0
    }
    .boxli #overview,
    .editoral #overview {
        min-height: 3em;
        margin: 0 .2em
    }
    .twitter-share-button {
        color: #fff
    }
    .editoral #overview {
        border-top: 1px dotted silver;
        margin: 2em 0 0;
        padding-top: .4em
    }
    #overview li {
        margin: 1em 1em .4em 0;
        float: left
    }
    #social li {
        border: 0 solid #ccc
    }
    #inner .boxli,
    #inner .boxli .prev_next {
        border-top: 1px dotted grey;
        clear: both
    }
    #social {
        min-height: 3.6em;
        margin-top: -1em
    }
    #social iframe {
        float: left
    }
    #inner .boxli .prev_next {
        padding-top: .8em;
        margin-top: 1.6em
    }
    #inner .boxli .prev_next li {
        float: left;
        font-size: .9em;
        color: #666
    }
    #inner .boxli a,
    #inner .boxre a,
    #inner .brs a,
    #inner .reverse a {
        color: #c00000
    }
    #inner .boxli .prev_next li.next {
        float: right;
        text-align: right
    }
    #inner .boxRePlaceHolder {
        float: right;
        height: 13em;
        width: 20em
    }
    #inner .boxre {
        min-height: 10.6em;
        min-width: 4em;
        overflow-y: auto;
        height: 11em;
        width: 18em;
        padding: 0 .8em .4em;
        background-color: #FAFAFA;
        border: 2px solid silver;
        position: absolute;
        top: 1em;
        top: 10em;
        right: 1em;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-bottomleft: 15px;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px
    }
    #inner h2,
    #nav h2,
    .feedbackform h2,
    .fullBar h2 {
        line-height: 1.6;
        font-size: 1.6em;
        color: #c00;
        margin-bottom: .4em;
        clear: both;
        padding-top: .8em;
        font-weight: 400
    }
    #nav h2 {
        padding: .2em 0;
        margin: 0 0 4px;
        line-height: 100%
    }
    #nav h2 span {
        color: #333;
        font-size: .7em;
        display: block;
        text-align: right;
        position: relative
    }
    #content ul.betaul a,
    #inner h4 {
        color: #c00
    }
    .fullBar h2,
    .schnell {
        display: inline
    }
    #nav h2 span img {
        position: absolute;
        top: .3em;
        left: 0;
        border: 0
    }
    .fullBar h2 {
        float: left;
        padding: 0;
        margin: 0 1em 0 0
    }
    #nav form {
        float: left
    }
    #nav select {
        width: 10.8em
    }
    #inner h3,
    h3.layout {
        font-size: 1em;
        color: #c00;
        margin-bottom: .4em;
        border: 0
    }
    #content .desc ul,
    #content ul.betaul {
        margin: 1em 0 1em 1.8em;
        list-style-type: disc
    }
    #inner .editoral h3 {
        font-size: 1.4em
    }
    #inner .boxli h3.intro {
        font-size: 1.2em;
        padding-top: 0
    }
    #inner .boxli h3 {
        font-size: 1.3em;
        padding-top: 1.4em;
        font-weight: 700
    }
    #inner h4,
    code {
        font-weight: 400
    }
    #inner .boxli .boxre h3 {
        font-size: 1em
    }
    h3.layout {
        font-size: .8em
    }
    .desc {
        font-size: 1.2em;
        line-height: 1.4em
    }
    #content .desc .google {
        float: right;
        padding: .4em 0 1em 3em
    }
    #content .desc ul {
        font-size: .9em
    }
    #content ul.betaul {
        clear: left;
        position: static;
        font-size: 1em
    }
    .demo,
    .demoall {
        clear: both
    }
    #content ul.betaul li {
        list-style-type: disc;
        line-height: 1.2em;
        margin-bottom: 1em;
        max-width: 40em
    }
    #content #inner p,
    #content .demoall .demomemo p {
        margin-bottom: 1em;
        line-height: 1.4em;
        padding-right: 7em
    }
    #content #inner p {
        line-height: 1.8em
    }
    #content .demoall .demomemo p {
        font-size: .8em
    }
    #content .desc p {
        font-size: .9em
    }
    #content .desc ul ul {
        font-size: 1em
    }
    #content .desc ul li {
        line-height: 1.6em;
        list-style-type: disc;
        margin-bottom: .8em;
        padding-left: .6em;
        padding-right: 7em
    }
    #content .desc p a,
    #content .desc p strong a,
    #content .desc ul li a,
    #content .editoral p a {
        color: #900;
        text-decoration: none;
        border-bottom: 1px dotted #997E7E
    }
    p.demo_info {
        font-size: .75em;
        font-style: italic;
        color: #666;
        margin-top: -.4em
    }
    #inner ul li {
        list-style-type: none
    }
    #inner ul.links li {
        margin-bottom: .8em
    }
    #inner ol li {
        margin-left: 3em
    }
    #inner .kats li {
        list-style-type: disc;
        margin-left: 1em;
        color: #666
    }
    #inner ul.linkliste {
        margin-left: 2em
    }
    #inner ul.linkliste li,
    .demoall ul.linkliste li {
        list-style-type: disc;
        color: #666;
        line-height: 1.4em
    }
    #inner .editoral ul.linkliste li {
        margin-bottom: .4em
    }
    #content .facebook-box a,
    #inner ul.linkliste li a,
    .demoall ul.linkliste li a,
    .demomemo p a {
        color: #c00000
    }
    #inner ul.ext-links li {
        margin-top: .8em
    }
    #inner ul.ext-links li a {
        color: #333;
        text-decoration: none;
        padding-right: 10em
    }
    #inner ul.ext-links li a strong,
    #inner ul.ext-links li a:active,
    #inner ul.ext-links li a:focus,
    #inner ul.ext-links li a:hover {
        color: #c00000;
        text-decoration: underline
    }
    .demomemo ul.linkliste li a {
        font-size: .8em
    }
    #content #inner ul.textcase {
        max-width: 40em
    }
    #content #inner ul.textcase li {
        color: #222
    }
    .demo {
        padding: .8em;
        min-width: 25em;
        width: 45.7em;
        float: left;
        margin-bottom: 1em;
        background-color: #fff;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border: 4px solid silver;
        border-radius: 15px
    }
    .feedbackform {
        border-color: #999
    }
    .fb-comments {
        margin: 1em auto;
        width: 100%
    }
    .feedbackform p {
        font-size: 80%;
        max-width: 500px;
        line-height: 1.5em
    }
    #content #inner .demo div {
        padding: 0
    }
    #content div.demoall div.iconbar .iconinfo {
        display: inline-block;
        text-align: center
    }
    #content div.demoall div.iconbar .iconinfo span {
        font-family: verdana, sans-serif;
        font-size: 10px;
        color: #666;
        text-align: left;
        display: block;
        line-height: 12px
    }
    #content div.demoall div.iconbar .iconinfo .icon-support {
        padding: 2px;
        cursor: help;
        border-radius: 4px;
        border: 1px solid #666;
        background-color: #fff
    }
    #content div.demoall div.iconbar {
        width: 48%;
        padding: 5px 5px 0;
        text-align: right
    }
    #content div.demoall div.iconbar * {
        vertical-align: top
    }
    #content div.demoall div.iconbar img {
        margin-left: .4em
    }
    #content div.demoall div.democss,
    #content div.demoall div.demodemo,
    #content div.demoall div.demohtml {
        background-image: none;
        padding: 5px
    }
    #content div.demoall div.democss,
    #content div.demoall div.demohtml {
        border: 2px solid silver;
        font-family: Courier;
        font-size: .8em;
        font-size: 1em;
        background-color: #ffe8d1;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 15px;
        behavior: url(/htc/PIE.htc)
    }
    #content div.demoall div.democss span,
    #content div.demoall div.demohtml span {
        border: 0;
        background-color: transparent
    }
    #content div.demoall div.demohtml {
        background-color: #e0e0ff;
        margin-bottom: 10px
    }
    #content div.demoall div.demodemo {
        float: left;
        clear: none;
        width: 48%;
        border: 0
    }
    #content div.demoall .demohtmlcss {
        float: right;
        width: 48%;
        height: auto;
        clear: right
    }
    #content div.demoall div.demo h3,
    #content div.demoall div.demo h4,
    #content div.demoall div.democss h3,
    #content div.demoall div.demodemo h3,
    #content div.demoall div.demohtml h3,
    #content div.feedbackform h3 {
        color: #b00;
        margin: 0 0 5px;
        padding: 0 0 5px;
        font-family: verdana;
        font-size: 1em;
        border-bottom: 1px dotted grey;
        position: relative
    }
    #content div.demoall h3.demo-headline span {
        color: gray;
        background-color: transparent;
        font-size: .7em;
        font-weight: 400;
        float: right;
        padding-top: .4em;
        border: 0
    }
    #content div.demoall div.demo h4 {
        font-size: .9em;
        border: 0
    }
    #content div.demoall div.demodemo h3 {
        margin-bottom: 10px
    }
    #content div.demoall div.democss pre.css,
    #content div.demoall div.demohtml pre.html5 {
        white-space: pre-wrap;
        font-size: 1rem;
        font-size: 12px
    }
    #content div.demoall div.demohtml span {
        font-size: .8rem;
        background-color: transparent
    }
    #content div.demoall div.democss span[style*=font-style] {
        color: #5D5D5D;
        font-family: arial, verdana;
        background-color: #fff;
        white-space: normal;
        font-size: .8rem;
        font-size: 12px;
        display: block;
        padding: 4px 8px;
        line-height: 1.5em;
        border: 1px solid #ccc;
        margin-top: 10px
    }
    h3.layout {
        background-color: transparent
    }
    code {
        color: #333
    }
    #content strong code {
        font-weight: 700
    }
    #content a code {
        color: #c00
    }
    #content .autogen,
    #content .formsuccess {
        margin-top: 2.6em;
        border: 1px solid #c00;
        padding: 1.4em 1.4em 1em;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px
    }
    #content .feedbackform .formsuccess h2,
    #content .formsuccess h2 {
        padding-top: 0;
        margin-top: 0
    }
    #content .autogen label {
        display: block;
        float: left;
        width: 17em;
        text-align: right;
        margin-right: 1em;
        padding: .2em 0 0
    }
    #content .autogen .checkboxrow {
        min-height: 1.4em;
        line-height: 1.4em;
        clear: both
    }
    #content .autogen .checkboxrow label {
        width: 28em;
        margin-left: 1em;
        text-align: left;
        padding-top: 0!important
    }
    #content .autogen .checkboxrow input {
        margin: .2em 0 0
    }
    #content figure,
    #content figure img {
        border: 1px solid #ccc;
        margin-bottom: 1em
    }
    #content .autogen .radioboxrow {
        min-height: 3.6em
    }
    #content .autogen .radioboxrow .label {
        display: block;
        float: left;
        width: 17em;
        padding-top: .2em;
        margin-right: 1em
    }
    #content .autogen .radioboxrow label {
        width: auto;
        float: left;
        padding: .2em 1em 0 0
    }
    #content .autogen input {
        width: 20em;
        padding: .3em
    }
    #content .autogen textarea {
        width: 32em;
        height: 10em;
        padding: .3em;
        font-size: 1em
    }
    #content .autogen input[type=radio] {
        width: auto;
        float: left;
        margin-right: .4em
    }
    #content .autogen input[type=checkbox] {
        width: auto;
        float: left;
        margin-left: 16.8em
    }
    #content .autogen input[type=submit] {
        width: auto;
        margin-left: 16.2em;
        font-weight: 700;
        color: #c00
    }
    #content .formrow {
        clear: left
    }
    #content .submitrow {
        padding-top: 1.4em
    }
    #content .pflicht {
        cursor: help
    }
    #content .autogen .advice,
    #content .autogen .novalid {
        color: red;
        font-weight: 700
    }
    #content .autogen .novalid img {
        vertical-align: -3px;
        margin-right: .5em
    }
    #content #inner #htmltags {
        margin-bottom: 2em
    }
    #content #inner #htmltags td a,
    #content #inner #htmltags td abbr,
    #content #inner #htmltags td address,
    #content #inner #htmltags td area,
    #content #inner #htmltags td article,
    #content #inner #htmltags td aside,
    #content #inner #htmltags td audio,
    #content #inner #htmltags td b,
    #content #inner #htmltags td base,
    #content #inner #htmltags td bdi,
    #content #inner #htmltags td bdo,
    #content #inner #htmltags td blockquote,
    #content #inner #htmltags td body,
    #content #inner #htmltags td br,
    #content #inner #htmltags td canvas,
    #content #inner #htmltags td caption,
    #content #inner #htmltags td cite,
    #content #inner #htmltags td code,
    #content #inner #htmltags td col,
    #content #inner #htmltags td colgroup,
    #content #inner #htmltags td command,
    #content #inner #htmltags td datalist,
    #content #inner #htmltags td dd,
    #content #inner #htmltags td del,
    #content #inner #htmltags td details,
    #content #inner #htmltags td dfn,
    #content #inner #htmltags td div,
    #content #inner #htmltags td dl,
    #content #inner #htmltags td dt,
    #content #inner #htmltags td em,
    #content #inner #htmltags td embed,
    #content #inner #htmltags td fieldset,
    #content #inner #htmltags td figcaption,
    #content #inner #htmltags td figure,
    #content #inner #htmltags td footer,
    #content #inner #htmltags td form,
    #content #inner #htmltags td h1,
    #content #inner #htmltags td h2,
    #content #inner #htmltags td h3,
    #content #inner #htmltags td h4,
    #content #inner #htmltags td h5,
    #content #inner #htmltags td h6,
    #content #inner #htmltags td head,
    #content #inner #htmltags td header,
    #content #inner #htmltags td hgroup,
    #content #inner #htmltags td hr,
    #content #inner #htmltags td i,
    #content #inner #htmltags td iframe,
    #content #inner #htmltags td img,
    #content #inner #htmltags td input,
    #content #inner #htmltags td ins,
    #content #inner #htmltags td kbd,
    #content #inner #htmltags td keygen,
    #content #inner #htmltags td label,
    #content #inner #htmltags td legend,
    #content #inner #htmltags td li,
    #content #inner #htmltags td link,
    #content #inner #htmltags td map,
    #content #inner #htmltags td mark,
    #content #inner #htmltags td menu,
    #content #inner #htmltags td meta,
    #content #inner #htmltags td meter,
    #content #inner #htmltags td nav,
    #content #inner #htmltags td noscript,
    #content #inner #htmltags td object,
    #content #inner #htmltags td ol,
    #content #inner #htmltags td optgroup,
    #content #inner #htmltags td option,
    #content #inner #htmltags td output,
    #content #inner #htmltags td p,
    #content #inner #htmltags td param,
    #content #inner #htmltags td pre,
    #content #inner #htmltags td progress,
    #content #inner #htmltags td q,
    #content #inner #htmltags td rp,
    #content #inner #htmltags td rt,
    #content #inner #htmltags td ruby,
    #content #inner #htmltags td s,
    #content #inner #htmltags td samp,
    #content #inner #htmltags td script,
    #content #inner #htmltags td section,
    #content #inner #htmltags td select,
    #content #inner #htmltags td small,
    #content #inner #htmltags td source,
    #content #inner #htmltags td span,
    #content #inner #htmltags td strong,
    #content #inner #htmltags td style,
    #content #inner #htmltags td sub,
    #content #inner #htmltags td summary,
    #content #inner #htmltags td sup,
    #content #inner #htmltags td table,
    #content #inner #htmltags td tbody,
    #content #inner #htmltags td td,
    #content #inner #htmltags td textarea,
    #content #inner #htmltags td tfoot,
    #content #inner #htmltags td thead,
    #content #inner #htmltags td time,
    #content #inner #htmltags td title,
    #content #inner #htmltags td tr,
    #content #inner #htmltags td track,
    #content #inner #htmltags td u,
    #content #inner #htmltags td ul,
    #content #inner #htmltags td var,
    #content #inner #htmltags td video,
    #content #inner #htmltags td wbr {
        color: #222232
    }
    #content #inner #htmltags td button {
        color: #222232;
        background-color: #00f;
        border: 1px solid #000
    }
    #content figure {
        background-color: #f0f0f0;
        padding: 1em;
        display: block;
        max-width: 60%
    }
    figcaption {
        font-size: .9em
    }
    #content #inner #htmltags td th {
        color: #222232;
        background-color: grey
    }
    #content #inner #htmltags td.supported,
    #content #inner #htmltags td.supported td {
        background-color: #00a000;
        color: #fff
    }
    #content #inner #htmltags td.supported * {
        color: #fff
    }
    #content #inner #htmltags td.notsupported {
        background-color: #DC0000;
        color: #fff
    }
    #content #inner #htmltags td.notrecommanded {
        background-color: #FFC000;
        color: #222
    }
    .facebook-box p,
    .facebook-box ul {
        line-height: 1.4em
    }
    #content .facebook-box ul {
        font-size: 75%
    }
    #content .facebook-box h3 {
        font-size: 90%
    }
    #content .facebook-box p img {
        float: right;
        margin: 0 2em 1em
    }
    #content .facebook-box h3 span {
        font-size: 90%;
        display: block;
        font-weight: 400
    }
    #content .facebook-box h3 strong {
        color: #c00000
    }
    hr {
        height: 1px;
        border: 0 solid;
        border-top: 1px solid silver
    }
}

@media screen and (min-width:1500px) {
    body {
        padding-right: 540px
    }
    #content {
        position: relative
    }
    #content .facebook-box {
        border: 4px solid silver;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        behavior: url(/htc/PIE.htc);
        padding: 10px;
        position: absolute;
        top: 0;
        left: 49em;
        background-color: #fff
    }
}

@media print {
    #content,
    #content #inner,
    #content .demo {
        width: 17.5cm;
        border: 0;
        box-shadow: none
    }
    body {
        margin: 0;
        padding: 0;
        max-width: 20cm
    }
    #jumps,
    #nav,
    #overview,
    .bottomBar,
    .boxre,
    .google,
    .googlevoting,
    .noprint,
    .prev_next,
    .topBar,
    form {
        display: none
    }
    #content {
        float: none;
        margin: 0
    }
    #content #inner {
        padding: 0;
        font-size: 11px
    }
    #content .demo {
        min-width: 17.5cm;
        padding: 0
    }
}

#counter-increment #paragraf-list p {
    counter-increment: list-val
}

#counter-increment #paragraf-list p:before {
    content: "#"counter(list-val)": "
}

#counter-increment #step-list {
    counter-reset: step-val 2010
}

#counter-increment #step-list p {
    counter-increment: step-val -10
}

#counter-increment #step-list p:before {
    content: counter(step-val)": "
}

#counter-increment #change-val p {
    counter-increment: change-val
}

#counter-increment #change-val p.change {
    counter-reset: change-val 29
}

#counter-increment #change-val p:before {
    content: counter(change-val)": "
}

#counter-increment .level-1,
#counter-increment .level-2,
#counter-increment .level-3 {
    list-style: none
}

#counter-increment .level-1>li {
    counter-increment: var-1
}

#counter-increment .level-1 h2:before {
    content: "§ " counter(var-1);
    margin-right: .5em
}

#counter-increment .level-2 {
    padding: 0
}

#counter-increment .level-2>li {
    counter-increment: var-2
}

#counter-increment .level-2>li:before {
    content: counter(var-1) "." counter(var-2)".";
    margin-right: 1em;
    font-weight: 700
}

#counter-increment .level-3 {
    padding: 1em 0 .5em 3em
}

#counter-increment .level-3>li {
    counter-increment: var-3
}

#counter-increment .level-3>li:before {
    margin-right: 1em;
    content: counter(var-1) "." counter(var-2) "." counter(var-3)".";
    font-weight: 700
}