@media projection, screen, print {
    html {
        background-color :#E3E1E8;
        background-image:url('../_images/hg-all.png') ;
        background-repeat:repeat-x ;
    }
    body {
        font-family : verdana, arial, helvetica, sans-serif;
        color : #333;
        font-size : 75%;
        padding : 0;
        background-color : #fff;
        margin : 0em 0 0 1.6em;
        margin : 0 auto 2em;
        width : 63.3333em;
    }
    p, div, h1, h2, h3, form, button, ul, li, fieldset, legend, img {
        padding: 0;
        margin: 0;
        border: 0px;
    }
    .hide {
        display : inline;
        left : -1000px;
        overflow : hidden;
        width : 0;
        color : #ffffff;
        position : absolute;
        top : -1000px;
        height : 0;
    }
    #skip {
        border : 0px;
        position : relative;

    }
    #skip a:focus,
    #skip a:active {
        position : absolute;
        top : 0.8em;
        left : 0.0em;
        text-decoration : underline;
        width : 11em;
        text-align : center;
        height : 1.4em;
        color : black;
        font-weight : 600;
        padding : 0.2em;
        outline : 0px;
    }
    .help {
        cursor : help;
    }
    .hand {
        cursor : pointer;
    }
    .newline {
        line-height : 1px;
        font-size : 1px;
        margin : 0;
        height : 0;
    }
    .nz {
        clear : both;
    }
    hr {
        height : 1px;
        background-color : #fff;
        border : 0px;
        border-top : 1px solid #dedede;
        margin: 2em 2.4em 2.4em 0px;
        clear: both;
    }
    #logo {
        float : right;
        width : 17.9em;
        height : 3.35em;
    }
    #inhalt #buchliste {
        list-style-type: none;
    }
    #inhalt #buchliste img {
        float : left;
        margin : 0 0.8em 2.8em 0;
    }
    #inhalt img.click {
        margin : 0.8em 0.8em 0.0em 0;
        float : none;
    }
    #inhalt img.rahmen {
        border : 1px solid #c0c0c0;
    }
    #inhalt img.bild-rechts {
        float : right;
        margin : 0.2em 0px 1em 1.5em;
    }
    #inhalt img.icon {
        border : 1px solid #5b5b81;
        margin : 2px;
        padding : 1px;
        float : left;
    }
    .main_ref_pic,
    #main_ref_pic {
        float : right;
        border : 1px solid #4f4f4f;
        margin : 0;
    }
    #kopf {
        height : 3.35em;
        border : 0px;
        background-color :#ffffff;
        background-image: url('../_images/hg-kopf.png') ;
        background-repeat:repeat-y ;
        background-position: right top ;
    }
    #navigation {
        width : 15.0em;
        float : left;
        border-bottom : 0px;
        margin-top: 2.4em;
    }
    #navigation ul {
        margin-left : 2em;
        list-style-type: none;
    }
    #navigation ul ul {
        margin-left : 0px;
    }
    #navigation ul li {
        margin : 0;
        display : block;
        border-bottom : 2px dotted #dedede;
    }
    #navigation ul ul li {
        border-bottom : 0px;
        border-top : 1px dotted #dedede;
    }
    #navigation li span,
    #navigation li a {
        color : #000;
        text-decoration : none;
        display : block;
        padding-left : 2.1em;
        padding-top : 0.6em;
        padding-bottom : 0.6em;
        border : 0px;
        outline : 0px;
        background-image:url('../_images/navi-icon.png') ;
        background-repeat: no-repeat ;
        background-position: 0.5em 0.7em;
    }
    * html #navigation ul li a,
    * html #navigation ul li span {
        width : 11em;
    }
    * + html #navigation ul li a,
    * + html #navigation ul li span {
        width : 12em;
    }
    * html #navigation ul li span {
        background-position: 0.0em 0.7em !important;
    }
    * + html #navigation ul li span {
        background-position: 0.0em 0.7em !important;
    }
    * html #navigation ul li li a {
        width : 10.2em;
    }
    * + html #navigation ul li li a {
        width : 10.2em;
    }
    * html #navigation ul li li span {
        background-position: 1.3em 0.7em !important;
        width : 10.2em;
    }
    * + html #navigation ul li li span {
        background-position: 1.3em 0.7em !important;
        width : 10.2em;
    }
    #navigation li li a {
        background-image:url('../_images/navi-sub-icon.png') ;
        background-position: 1.8em 0.7em;
        padding-left : 3.4em;
    }
    #navigation li a:hover.aktiv,
    #navigation li a:focus.aktiv,
    #navigation li a:active.aktiv,
    #navigation li a:hover,
    #navigation li a:focus,
    #navigation li a:active {
        color : #c00;
        border-left : 0.5em solid #fff;
        padding-left : 1.6em;
        background-image:url('../_images/navi-icon-aktiv.png') ;
        background-position: 0em 0.7em;
    }
    #navigation li li a:hover,
    #navigation li li a:focus,
    #navigation li li a:active {
        border-left : 0.5em solid #fff;
        padding-left : 2.9em;
        background-image:url('../_images/navi-sub-icon-aktiv.png') ;
        background-position: 1.3em 0.7em ;
    }
    #navigation li a.aktiv,
    #navigation li span.aktiv {
        padding-bottom : 2px;
        font-weight : 700;
        display : block;
        border-left : 0.5em solid #fff;
        padding-left : 1.6em;
        padding-top : 0.6em;
        padding-bottom : 0.6em;
        background-image:url('../_images/navi-icon-aktiv.png') ;
        background-position:0em 0.7em ;
    }
    #navigation li a.aktiv {
        background-image:url('../_images/navi-icon-aktiv-bereich.png') ;
        background-position: 0em 0.7em;
    }
    #navigation li li span.aktiv {
        border-left : 0.5em solid #fff;
        padding-left : 2.9em;
        background-image:url('../_images/navi-sub-icon-aktiv.png') ;
        background-position: 1.3em 0.7em;
    }
    #inhalt {
        border : 0 solid #00407f;
        float : left;
        width : 44.9em;
        margin : 2.6em 0 1em 2.6em;
    }
    #inhalt h1,
    #inhalt h2,
    #inhalt h3 {
        color : #2A2D58;
        font-size: 1.8em;
        font-weight: 400;
        margin-bottom : 1em;
        font-family: Georgia,'Times New Roman',Times,serif;
        margin-right: 1.8em;
    }
    #inhalt h1 span.intro {
        font-size: 0.8em;
        display: block;
        color: #333;
        margin-bottom: 0.4em;
    }
    #inhalt h2 {
        font-size: 1.6em;
    }
    #inhalt h3 {
        font-size: 1.4em;
    }
    #inhalt li,
    #inhalt p {
        margin : 0 0 1.6em 0;
        color : #222;
        font-size : 1.3em;
        line-height : 1.6em;
        max-width : 30em;
        font-family: Georgia,'Times New Roman',Times,serif;
    }
    * html #inhalt p {
        width : 30em;
    }
    div.kunden {
        max-width : 39em;
    }
    #inhalt li {
        max-width : 30em;
    }
    a {
        color : #404270;
    }
    a:hover,
    a:focus,
    a:active {
        color : #cc0000;
    }
    #inhalt a {
        text-decoration : none;
        background-repeat : no-repeat ;
        background-position : left center;
    }
    * html #inhalt a {
        background-image: none;
        padding-left : 0px;
        color : #c00;
    }
    * + html #inhalt a {
        background-image: none;
        padding-left : 0px;
        color : #c00;
    }
    #inhalt a:hover,
    #inhalt a:focus,
    #inhalt a:active {
        text-decoration : underline;
    }
    #inhalt .kunden .main_ref_pic,
    #inhalt a.ref_main,
    #inhalt a.ref_navi {
        background-color : #fff;
        color : #000;
        padding : 0.01em 0.01em 0.01em 0;
        margin : 0.1em;
    }
    #inhalt a.ref_mehr {
        padding : 0.01em 0.01em 0.01em 0;
        margin : 0.1em;
    }
    #inhalt a.ref_navi {
        display : block;
        float : left;
        height : 3.7em;
    }
    #inhalt a.ref_navi img {
        width : 4.7em;
        height : 3em;
    }
    * html #inhalt a.ref_navi {
        height : 41px;
    }
    #inhalt a.ref_main {
        padding : 2px;
        margin : 0 0 4px 4px;
        display : block;
        float : right;
        height : 162px;
        width : 242px;
    }
    #inhalt .kunden a.ref_main {
        height : 75px;
        width : 111px;
    }
    * html #inhalt a.ref_main {
        width : 230px;
        padding-left : 0;
        padding-right : 0;
    }
    #inhalt a.ref_main:hover,
    #inhalt a.ref_main:focus,
    #inhalt a.ref_main:active,
    #inhalt a.ref_navi:hover,
    #inhalt a.ref_navi:focus,
    #inhalt a.ref_navi:active {
        background-color : #a0a0a0;
        color : #000;
    }
    #inhalt .kunden {
        clear : both;
        margin-top : 1.2em;
        padding-top : 0;
    }
    #inhalt .kunden h2 {
        margin-top : 0;
        width : 28em;
    }
    #inhalt .kunden img {
        padding : 0;
        margin : 1em;
    }
    #inhalt input,
    #inhalt select {
        font : 1em verdana, sans-serif;
        color : #1f1f1f;
        background-color : #fff;
        margin : 1px;
        border : 1px solid #c0c0c0;
        width : 25em;
        margin-bottom : 1em;
    }
    #inhalt #daikDeMehrInfo {
        width : 3em;
    }
    #inhalt #daikDeMehrInfoLabel {
        width : 32em;
    }
    #inhalt label,
    #inhalt div.label {
        float : left;
        vertical-align : middle;
        padding : 0;
        margin : 0;
        width : 10em;
        border : 0 solid #c0c0c0;
    }
    #inhalt ul {
        margin : 0 0 2em 0;
        list-style-type : disc;
        list-style-position : inside;
    }
    #inhalt ul li {
        margin : 0;
        padding : 0 0 0 0.8em;
    }
    #inhalt ul.link-liste {
        list-style-type: none;
        margin-left: 1em;
    }
    #inhalt ul.link-liste li {
        padding-left: 0px;
    }
    #inhalt ul.link-liste li a {
        display: block;
        line-height: 1.3em;
        margin-bottom: 0.8em;
        background-position: 4px 0.30em;
        padding-left: 25px;
    }
    #inhalt ul.error404 li,
    #inhalt ul#error404 li {
        padding : 0 0 0 1.5em;
    }
    a.link-extern {
        padding-left : 18px;
        background-image: url('../_images/link-extern.png') ;
    }
    a.link-extern:hover,
    a.link-extern:focus,
    a.link-extern:active {
        background-image: url('../_images/link-extern-hover.png') ;
    }
    a.link-intern {
        padding-left : 18px;
        margin-left : 5px;
        background-image: url('../_images/link-intern.png') ;
    }
    a.link-intern:hover,
    a.link-intern:focus,
    a.link-intern:active {
        background-image: url('../_images/link-intern-hover.png') ;
    }
    span.mail,
    a.mail {
        background-image:url('../_images/icon-mail.png') ;
        padding-left : 22px;
        margin-left : 5px;
        color : #000066;
        display : block;
        padding-bottom : 0.2em;
    }
    a.mail:hover,
    a.mail:focus,
    a.mail:active {
        background-image:url('../_images/icon-mail-hover.png') ;
    }
    a.popup {
        background-image:url('../_images/link_popup.gif') ;
        padding-left : 18px;
        margin-left : 5px;
    }
    a.popup:hover,
    a.popup:focus,
    a.popup:active {
        background-image:url('../_images/link_popup-hover.gif') ;
    }
    a.top {
        background-image:url('../_images/link-top.png') ;
        padding-left : 18px;
        color : #000066;
    }
    a.top:hover,
    a.top:focus,
    a.top:active {
        background-image:url('../_images/link-top-hover.png') ;
    }
    a.down {
        background-image:url('../_images/link-down.png') ;
    }
    a.down:hover,
    a.down:focus,
    a.down:active {
        background-image:url('../_images/link-down-hover.png') ;
    }
    input.disabled {
        background-color : #f3f3f3;
        color : #000;
    }
    p#message {
        border : 1px solid #75c5f0;
        color : #000;
        background-color : #bbda48;
        padding : 5px;
        margin-top : 10px;
        width : 42em;
        text-align : center;
    }
    table {
        width : 42em;
        background-color : #f2f2f2;
        color : #000;
    }
    table.no_with {
        width : 100%;
    }
    td, th {
        border : 1px solid #dedede;
        padding : 2px;
        vertical-align : top;
    }
    tr.wechsel {
        background-color : #dedede;
        color : #000;
    }
    .notiz {
        margin-top : 0.5em;
        background-color : #ffffe4;
        color : #000;
    }
    span.small {
        font-style : italic;
    }
    span.klein {
        color : #808080;
        background-color : #fff;
    }
    textarea {
        width : 24.7em;
        height : 12em;
        margin-bottom : 1em;
    }
    #fuss {
        clear : left;
        margin : 2em auto 0;
        padding : 0.6em 1em 0em 1.0em ;
        font-size : 0.9em;
        background-image:url('../_images/hg-kopf.png') ;
        background-repeat: no-repeat ;
        background-position: right top ;
        border-top : 1px solid #404270;
        min-height : 3.2em;
    }
    #fuss li {
        line-height : 1.8em;
    }
    * html #fuss {
        height : 2.2em;
    }
    #inhalt ul.funktionen {
        margin-right : 1em;
        margin-top : 1em;
        background-color : #ECEAF0;
        min-height : 2.4em;
        padding : 0.2em 1em;
        clear : left;
    }
    #inhalt ul.funktionen  {
        list-style-type: none;
    }
    * html #inhalt ul.funktionen {
        height : 2.4em;
        padding-top : 0.2em;
    }
    * + html #inhalt ul.funktionen {
        height : 2.4em;
        padding-top : 0.2em;
    }
    #fuss li a {
        background-position: left center;
    }

    * html #inhalt ul.funktionen li img {
        float : left;
        margin-top : 0.2em;
        vertical-align : middle;
    }
    * + html #inhalt ul.funktionen li img {
        float : left;
        margin-top : 0.2em;
        vertical-align : middle;
    }
    * html #facebook {
        position : relative;
        top : 0.2em;
    }
    * + html #facebook {
        position : relative;
        top : 0.2em;
    }
    #inhalt ul.funktionen a {
        font-family : verdana, arial;
    }
    #inhalt ul.funktionen #druck {
        font-size : 0.7em;
        padding : 0.2em 0 0.2em 24px;
        background-image:url('../_images/druck.png') ;
    }
    #inhalt ul.funktionen #druck:hover,
    #inhalt ul.funktionen #druck:focus,
    #inhalt ul.funktionen #druck:active {
        background-image:url('../_images/druck-hover.png') ;
    }
    .hide-image {
        position: relative;
        left: -2000px;
        opacity: 0;
    }
    #inhalt #g-plus {
        padding-top: 0.3em;
    }
    #fuss ul {
        list-style-type: none;
    }
    #inhalt ul.funktionen li a,
    #fuss a {
        text-decoration : none;
        background-repeat: no-repeat ;
    }
    * html #fuss li a.link-extern {
        display : block;
        float : left;
    }
    * + html #fuss li a.link-extern {
        display : block;
        float : left;
    }
    #fuss li {
        float : left;
        margin-right : 2em;
    }
    #fuss .copy {
        display: block;
        width: 100%;
        min-height: 20px;
    }
    * html #fuss .copy {
        height: 22px;
    }
    * html #fuss li a {
        white-space: nowrap;
    }
    * + html #fuss li a {
        white-space: nowrap;
    }
    #inhalt ul.funktionen li {
        float : left;
        margin-right : 1.0em;
        padding : 0px;
    }
    #inhalt ul.funktionen li a {
        margin : 0px;
        white-space: nowrap;
    }
    #inhalt ul.funktionen li img {
        margin : 0.4em 0;
    }
    #fuss a:hover,
    #fuss a:focus,
    #fuss a:active {
        text-decoration : underline;
    }
    span.infoText,
    abbr,
    abbr {
        cursor : help;
        border-bottom : 1px dashed #ccc;
    }
}
@media print {
    #logo {
        float : left;
    }
    html {
        background: none;
    }
    body,
    #kopf {
        background-image: none;
    }
    #inhalt .hide-image,
    #inhalt ul.funktionen,
    #fuss a.link-extern,
    #navigation {
        display : none;
    }
    #fuss {
        padding-left : 0px;
        font-size : 10pt;
    }
    #inhalt a {
        padding-left : 0px;
    }
}