@media all {
    body, html {
        font-family     : "bitstream vera sans",verdana,geneva,arial,sans-serif;
        font-size       : 100.1%;
        color           : white;
        margin          : 0;
        height          : 98%;
    }

    body {
        padding         : 5px;
        background      : #4d4948;
    }

    body.normal {
        padding         : 0;
        background      : black;
    }

    h2, h3, h4, h5, h6 {
        width           : 100%;
        color           : white;
        padding         : 0;
    }
    h1 {
        font-size       : 160.1%;
        width           : 100%;
        color           : #9e2743;
        padding         : 0 0 2px 0;
        border-bottom   : 3px solid #9e2743;
    }
    h2 { font-size      : 130.1%; }
    h3 { font-size      : 110.1%; }
    h4 { font-size      : 90.1%; }
    h5 { font-size      : 80.1%; }
    h6 { font-size      : 70.1%; }

    a:link {
        color           : #8cbcff !important;
        text-decoration : underline;
    }
    a:visited {
        color           : #bea0ff !important;
        text-decoration : underline;
    }
    a:hover, a:focus {
        text-decoration : none;
    }

    h1 a:link, h1 a:visited, h1 a:focus,
    h2 a:link, h2 a:visited, h2 a:focus,
    h3 a:link, h3 a:visited, h3 a:focus,
    h4 a:link, h4 a:visited, h4 a:focus,
    h5 a:link, h5 a:visited, h5 a:focus,
    h6 a:link, h6 a:visited, h6 a:focus {
        color           : #9e2743 !important;
        text-decoration : none;
    }

    p, ul, ol, dl, table {
        text-align      : justify;
	}
    table {
        text-align      : left;
    }
    table th {
        color           : black;
        font-weight     : normal;
    }
    table th, table td {
        vertical-align  : top;
    }
    table th p, table td p {
        margin-top      : 0;
    }
    dl dt {
        font-weight     : bold;
        border-bottom   : 1px dashed #9e2743;
        margin          : 10px 0 0 0.5em;
    }

    div#schattenl {
        margin          : 2% 0 0 5%;
        padding         : 0;
        height          : 98%;
    }
    * html div#schattenl {
        height          : 94%;
    }

    div#schattenr {
        overflow        : hidden;
        margin          : 0 5% 0 0;
        padding         : 0 5% 0 0;
        background      : #4d4948;
        min-height      : 600px;
        height          : 100%;
    }

    ul#menu {
        width           : 219px;
        height          : 568px;
        margin          : 0;
        padding         : 0;
        list-style-type : none;
        background      : url(navigation_leer.jpg) no-repeat;
    }
    ul#menu li {
        margin          : 0;
        padding         : 0;
        list-style-type : none;
        display         : block;
        height          : 36px;
        text-indent     : -1000px;
        margin-bottom   : 3px;
    }
    ul#menu li a {
        margin          : 0;
        padding         : 0;
        width           : 100%;
        height          : 100%;
        display         : block;
        text-decoration : none;
        background      : url(navigation_inaktiv.gif) no-repeat;
    }
    ul#menu li a:hover, ul#menu li.active a {
        background      : url(navigation_aktiv.gif) no-repeat;
    }
    ul#menu li#logo {
        background      : none;
        text-indent     : 0;
        height          : 165px;
        z-index         : 100;
    }
    ul#menu li#aktuelles a {
        background-position:0 -177px;
    }
    * html ul#menu li#aktuelles {
        margin-top:-20px;
    }
    ul#menu li#ueberuns a {
        background-position:0 -217px;
    }
    ul#menu li#philosophie a {
        background-position:0 -252px;
    }
    ul#menu li#spektrum a {
        background-position:0 -289px;
    }
    ul#menu li#spektrum_logo a {
        background-position:0 -327px;
    }
    ul#menu li#spektrum_logo {
        height          : 32px;
        margin          : 0;
    }
    ul#menu li#spektrum_print a {
        background-position:0 -360px;
    }
    ul#menu li#spektrum_print {
        height          : 26px;
        margin          : 0;
    }
    ul#menu li#spektrum_internet a {
        background-position:0 -386px;
    }
    ul#menu li#spektrum_internet {
        height          : 32px;
        margin-bottom   : 7px;
    }
    ul#menu li#referenzen a {
        background-position:0 -327px;
    }
    ul#menu li#referenzen {
        height:32px;
    }
    ul#menu li#referenzen_logo a {
        background-position:0 -362px;
    }
    ul#menu li#referenzen_logo {
        margin          : 0;
        height          : 33px;
    }
    ul#menu li#referenzen_print a {
        background-position:0 -397px;
    }
    ul#menu li#referenzen_print {
        height          : 25px;
        margin          : 0;
    }
    ul#menu li#referenzen_internet a {
        background-position:0 -423px;
    }
    ul#menu li#referenzen_internet {
        height          : 31px;
        margin-bottom   : 10px;
    }
    ul#menu li#kontakt a {
        background-position:0 -362px;
    }
    ul#menu li#impressum a {
        background-position:0 -402px;
    }
    ul#menu li#impressum {
        margin-bottom   : 102px;
    }
    ul#menu li#copyright {
        background      : none;
        text-indent     : 0;
        height          : 32px;
    }

    ul#barnavi {
        list-style-type : none;
        width           : 100%;
        height          : 80px;
        margin          : -568px 0 0 219px;
        padding         : 8px 0 0 0;
        background      : #4d4948 url(kopfleiste.jpg) no-repeat 0 8px;
        overflow        : hidden;
    }
    ul#barnavi li a {
        width           : 100%;
        height          : 100%;
        float           : left;
    }
    ul#barnavi li#kkontakt {
        margin          : 0 5px 0 445px;
        text-indent     : -1000px;
        height          : 72px;
        width           : 56px;
        display         : inline;
        float           : left;
    }
    ul#barnavi li#kkontakt a {
        background      : url(kopfleiste_kontakt.gif) no-repeat;
    }
    ul#barnavi li#kkontakt a:hover {
        background      : url(kopfleiste_kontakt_mouseover.gif) no-repeat;
    }
    ul#barnavi li#kimpressum {
        margin          : 0;
        text-indent     : -1000px;
        height          : 72px;
        width           : 56px;
        display         : inline;
        float           : left;
    }
    ul#barnavi li#kimpressum a {
        background      : url(kopfleiste_impressum.gif) no-repeat;
    }
    ul#barnavi li#kimpressum a:hover {
        background      : url(kopfleiste_impressum_mouseover.gif) no-repeat;
    }

    div#content {
        margin          : 10px 0 20px 250px;
        padding         : 0 20px 0 0;
        height          : 80%;
        overflow        : auto;
    }
    ul#referenzenmenu {
        padding-bottom  : 1em;
        border-bottom   : 1px dashed #9e2743;
    }
    ul#referenzenmenu li.active a {
        font-weight     : bold;
        text-decoration : none;
        color           : white;
    }

    ul#header {
        position        : fixed;
        overflow        : hidden;
        right           : 12%;
        top             : 130px;
        padding         : 3px;
        background      : #4d4948;
        width           : 130px;
        z-index         : 1;
    }
   
    * html ul#header {
        position        : absolute;
        top             : 120px;
    }
   
    ul#header, ul#header li {
        list-style-type : none;
        padding         : 0;
        margin          : 0;
    }
    ul#header li {
        display         : inline;
    }
    ul#header li#fontsizelabel span {
        float           : left;
        padding         : 1px 5px 0 5px;
        font-size       : 13px;
        color           : #dedede;
        width           : 45px;
    }
    a#fontsizeplus, a#fontsize100, a#fontsizeminus {
        float           : left;
        width           : 25px;
        height          : 18px;
        text-indent     : -2000px;
    }
    a#fontsizeplus {
        background      : url(fontsize_plus.gif) no-repeat;
    }
    a#fontsize100 {
        background      : url(fontsize_100.gif) no-repeat;
    }
    a#fontsizeminus {
        background      : url(fontsize_minus.gif) no-repeat;
    }
    p#pagepath, p#footer {
        font-size       : 0.8em;
    }

    p#print {
        display         : none;
    }
}

@media print {
    body, div#schattenl, div#schattenr, div#content {
        background      : white !important;
        color           : black;
    }

    h1, dl dt {
        color           : black;
        border-bottom   : none;
    }

    a:link {
        color           : #888089 !important;
    }

    /*a[href]:after {
        content:" <"attr(href)">";
        color:#888;
        background-color:inherit;
        font-style:italic;
        size:80%;
    }*/

    div#content {
        margin          : 0;
        padding         : 0;
        height          : 100%;
        overflow        : visible;
    }

    ul#menu, ul#barnavi, ul#header, p#footer {
        display         : none;
    }

    p#print {
        clear           : both;
        border-top      : 2px gray solid;
        display         : block;
        margin          : 15px;
        padding         : 5px;
    }
}