html, body
{
/*        background: url(/ph_img/illustris.jpg) no-repeat center fixed; */ 
        background-color: #64645D;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

        font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
        color: #64645D;
        font-size: 1em;
/*    text-align: center;     /* wird individuell gesetzt */
        scroll-behavior: smooth; }

* { margin: 0;
/*    padding: 0; */
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box; }

/* _________________________________________ */


/* nachfolgendes ist noch unklar !!! */

/* Um Geschwindigkeit zu sparen Anweisungen in Bereiche schreiben */ 
@media screen {
    /* CSS-Anweisungen für die Ausgabe auf Bildschirmen */
}
/* Um Geschwindigkeit zu sparen Anweisungen in Bereiche schreiben */ 
@media print {
    /* CSS-Anweisungen für die Druckerausgabe */
}

/* notwendig wofür ? */
header, nav, article, section, aside, footer {
        display: block; }

/* _________________________________________ */


/* Kopfbereich */
header {
        background: url(/ph_img/illustris_1.jpg) center fixed;
/*        background-color: #FFFFFF; opacity: 0.80; */
/*        text-shadow: 2px 2px 6px #FFFFFF;*/
        text-shadow: 2px 2px 6px #4A6DA7;
        position: relative;  /* relative */
        max-width: 1140px;
        height: auto;
        font-size: 4.5em;
        font-family: Arial;
/*        color: #4A6DA7;*/
        color: #FFFFFF;
        padding-top: 12px;
        padding-bottom: 12px;
        margin: auto;
        -moz-box-shadow:    0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        -webkit-box-shadow: 0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        box-shadow:         0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        }

/* breites Browserfenster */
@media only screen and ( min-width: 951px )
        { header { font-size: 4.5em; } }

/* mobile Geräte */
@media only screen and (max-width:520px)
        { header { font-size: 2.25em; } }

/* Tablets und mittlere Bildschirme */
@media only screen and ( min-width: 521px ) and ( max-width: 950px )
        { header { font-size: 3em; } }

/* _________________________________________ */


/* Dateipfad */
    #path {
/*      background-color: #9C9C9C; opacity: 1.0; */
        background-image: linear-gradient(to right, #9C9C9C, #FFFFFF); /* #64645D */
        position: relative;
        max-width: 1140px;
        height: auto;
        font-size: 0.75em;
        font-family: Arial;
        color: #FFFFFF;
        padding: 8px;
        padding-left: 16px;
        margin: auto;
        -moz-box-shadow:    0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        -webkit-box-shadow: 0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        box-shadow:         0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        }

    #path a:link    { color:#4A6DA7; text-decoration:none; letter-spacing: 0.02em; }
    #path a:visited { color:#4A6DA7; opacity: 1.0; }
    #path a:focus   { color:#FFFFFF; opacity: 1.0; }
    #path a:hover   { color:#FFFFFF; text-decoration:none; }
    #path a:active  { color:#4A6DA7; }

/* _________________________________________ */


/* Navigation oben */
    .navi_top {
        background-color: #64645D;
        position: relative;
        max-width: 1140px;
        height: 50px;
        font-weight:bold;
        font-size: 1em;
        font-family: Arial;
        margin: auto;
        -moz-box-shadow:    0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        -webkit-box-shadow: 0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        box-shadow:         0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
    }
/* Gruppe */
    #steuerung_top li {
        list-style: none;
    	border-left: 2px solid #9C9C9C;
    	border-bottom: 2px solid #9C9C9C;
        float: left;        
        }
/* button */
    #steuerung_top a {
        display: block;
        background-color: #64645D;
        text-decoration: none;
        min-width: 150px;
        height: 40px;
        color: #FFFFFF;
        padding: 8px 16px 8px 16px; }
    
    .menue-button_top { display: none; }
    /* erster button */
    #steuerung_top {
        padding-bottom: 10px;
        padding-left: 86px;
        }
    
    #steuerung_top a:hover {
        color: #4A6DA7;
        background: #9C9C9C; }
    
    .markh {
        background-color: #FF9B07;
        position: absolute;
        top: -50px;
        height: 5px; }
    
        #markh1 { left:  96px; width: 151px; }
        #markh2 { left: 249px; width: 151px; }
        #markh3 { left: 401px; width: 151px; }
        #markh4 { left: 553px; width: 156px; }
        #markh5 { left: 711px; width: 146px; }
        #markh6 { left: 826px; width: 141px; }
        #markh7 { left: 965px; width: 141px; }


@media only screen and (max-width:880px) {
	   .menue-button_top { display: block; }

    .menue-button_top {
        display: block;
        position: absolute;
        right: 0px;
        top: 5px;
        padding: 5px;
        color: white;
        cursor: pointer;
        text-decoration: none; }

    .navi_top {
        font-size: 0.875em;
        z-index: 1;
        box-shadow:         0px  0px 0px 0px #9C9C9C ,
                            0px  0px 0px 0px #9C9C9C;
    }

    #steuerung_top {
        padding-top: 60px;
        padding-left: 200px;
    /*    z-index: 1;*/
    	display: none; }

    #steuerung_top li { 
    right: 0px;
    float: none;
    }
}

    #nav-menue_top:target #steuerung_top {
        display: block; }

    #nav-menue_top:target .menue-button-beschr-open {
        display: none ; }

/* _________________________________________ */


/* Navigation links */
    .vorschau {
        background-color: #ECEAE7;
        position: absolute;
        width: 210px;
        height: 995px;
        top: 20px;
        left: 20px;
        font-weight:bold;
        font-size: 1em;
        font-family: Arial;
            border-radius:      20px/20px;
            -moz-box-shadow:    -1px 0px  0px #9C9C9C ,
                                 5px 5px 15px #9C9C9C;
            -webkit-box-shadow: -1px 0px  0px #9C9C9C ,
                                 5px 5px 15px #9C9C9C;
            box-shadow:         -1px -1px  0px #9C9C9C ,
                                 5px 5px 15px #9C9C9C;
    }
/* Übersicht */
    .NF {
        background-color: #9C9C9C;
        position: absolute;
        width: 210px;
        height: 60px;
        top: 20px;
/*        left: 0px; */
        font-size: 1.125em;
        padding-top: 16px;
        border-bottom: 2px solid #ECEAE7;
        border-radius:      0px/0px;
        -moz-box-shadow:    -1px 0px  0px #9C9C9C ,
                             5px 5px 15px #9C9C9C;
        -webkit-box-shadow: -1px 0px  0px #9C9C9C ,
                             5px 5px 15px #9C9C9C;
        box-shadow:         -1px -1px  0px #9C9C9C ,
                             5px 0px 15px #9C9C9C;
    }

    #NF1 { padding-left: 15px; }
    #NF2 { padding-left: 20px; }
    #NF3 { padding-left: 30px; }
    #NF4 { padding-left: 40px; }

    #steuerung li {
        list-style: none;
    	border-bottom: 2px solid #9C9C9C;
        border-radius:      0px/0px;
        -moz-box-shadow:    -1px 0px  0px #9C9C9C ,
                             5px 5px 15px #9C9C9C;
        -webkit-box-shadow: -1px 0px  0px #9C9C9C ,
                             5px 5px 15px #9C9C9C;
        box-shadow:         -1px -1px  0px #9C9C9C ,
                             5px 0px 15px #9C9C9C;
    }

    .vs { font-size: 0.875em; }

    .menue-button { display: none; }

    #steuerung {
        padding-top: 70px;
        padding-right: 0px;
        float: right; }

    #steuerung a {
        display: block;
        background-color: #ECEAE7;
        width: 210px;
        height: 60px;
        color: #4A6DA7;
        text-decoration: none;
        padding-top:  8px;
        padding-left: 12px; }

    #pf a { color: #FF9B07; 
        padding-top: 16px;
        padding-left: 100px; }
    
    #steuerung a:hover {
        background: #64645D;
        color: #FFFFFF; }

    .markv {
        background-color: #FF9B07;
        position: absolute;
        left: 20px;
        width: 5px;
        height: 60px; 
        z-index: 1;
        }
    
        #markv0  { top:  100px; }
        #markv1  { top:  162px; }
        #markv2  { top:  224px; }
        #markv3  { top:  286px; }
        #markv4  { top:  348px; }
        #markv5  { top:  410px; }
        #markv6  { top:  472px; }
        #markv7  { top:  534px; }
        #markv8  { top:  596px; }
        #markv9  { top:  658px; }
        #markv10 { top:  720px; }
        #markv11 { top:  782px; }
        #markv12 { top:  844px; }
        #markv13 { top:  906px; }
        #markv14 { top:  968px; }
        #markv15 { top: 1030px; }
        #markv16 { top: 1092px; }


/* Toggle-Menü links */
@media only screen and (max-width:1120px) {
	   .menue-button { display: block; }
/* Schaltfläche */
    .menue-button {
        display: block;
        position: absolute;
        left: 10px;
        top: 0px;
        padding: 5px;
        color: white;
        cursor: pointer;
        text-decoration: none; }
    
    .vorschau {
        background-color: #64645D;
        width: 190px;
        height: 40px;
        top: -45px;
        left: 10px;
        font-size: 1em;
        z-index: 1; }

    .NF {
        background-color: #9C9C9C;
        width: 200px; 
        top: 55px; }
    
    #steuerung {
    	display: none;
        padding-top: 105px; }
    
    #steuerung a {
        background-color: #64645D;
    	width: 200px;
        color: #FFFFFF; }

    #pf a { color: #FF9B07; }
    
    #steuerung a:hover {
        background: #9C9C9C;
        color: #4A6DA7; }
    
    #steuerung li {
    	width: 200px;
    	border-bottom: 2px solid #9C9C9C; }

    .markh { display: none; }

    .markv {
        left: 0px;
        z-index: 1; }

        #markv0  { top:   70px; }
        #markv1  { top:  132px; }
        #markv2  { top:  194px; }
        #markv3  { top:  256px; }
        #markv4  { top:  318px; }
        #markv5  { top:  380px; }
        #markv6  { top:  442px; }
        #markv7  { top:  504px; }
        #markv8  { top:  566px; }
        #markv9  { top:  628px; }
        #markv10 { top:  690px; }
        #markv11 { top:  752px; }
        #markv12 { top:  814px; }
        #markv13 { top:  876px; }
        #markv14 { top:  938px; }
        #markv15 { top: 1000px; }
        #markv16 { top: 1062px; }
    
}

    #nav-menue:target #steuerung {
        display: block; }
    
    #nav-menue:target .menue-button-beschr-open {
        display: none ; }
    
    #nav-menue:target #markv1 {
        display: block; }

/* _________________________________________ */   


/* Index-LINK */
    #index li { list-style-type: none; }
    #index { /* float: left; */ }

    .index:link    { text-decoration:none; letter-spacing: 0.02em; }
    .index:visited { background-color:#9C9C9C; opacity: 1.0; }
    .index:focus   { background-color:#9C9C9C; opacity: 1.0; }
    .index:hover   { background-color:#9C9C9C; opacity: 1.0 ;
                     color:#FFFFFF; text-decoration:none; }
    .index:active  { background-color:#9C9C9C; color:#4A6DA7; }

    .index {
        position: relative;
        height: auto;
        color:#4A6DA7;
        padding: 4px 10px 4px 10px;
        letter-spacing: 0.02em; }

    .idx {
        padding-top: 8px;
        padding-bottom: 8px; }

    .index_d {
        position: relative;
        text-decoration:none;
        height: auto;
        color:#4A6DA7; }

/* _________________________________________ */   


/* Pfeile */
    .arrow:link    { text-decoration:none; letter-spacing: 0.02em; }
    .arrow:visited { background-color:#9C9C9C; opacity: 1.0; }
    .arrow:focus   { background-color:#9C9C9C; opacity: 1.0; }
    .arrow:hover   { background-color:#9C9C9C; opacity: 1.0 ; 
                    color:#FFFFFF; text-decoration:none; }
    .arrow:active  { background-color:#9C9C9C;
                    color:#4A6DA7; }

    .arrow {
        position: relative;
        font-size: 1em;
        color:#4A6DA7;
        padding: 10px; }

    #spm_a  { float: right; }     /* Sprungmarke */
    #spm_t  { float: right; }

    #kap_z  { float: left; }
    #kap_v  { float: right; }

/* _________________________________________ */


/* Artikel */
    article { 
        background-color:#FFFFFF;
        position: relative;
        max-width: 1140px;
        padding-bottom: 80px;
        margin: auto;
        -moz-box-shadow:    0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        -webkit-box-shadow: 0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        box-shadow:         0px 15px 15px 0px #9C9C9C ,
                            0px  0px 15px 0px #9C9C9C;
        }
/*
article { padding-bottom: 80px; } 

@media only screen and ( min-width: 520px )
    { article { padding-bottom: 40px; } }
    
@media only screen and ( min-width: 520px ) and ( max-width: 980px )
    { article { padding-bottom: 60px; } }

@media only screen and ( min-width: 980px )
    { article { padding-bottom: 80px; } }
*/
/* Textinhalt - scheint o.k.*/

    .text {
        background-color:#ECEAE7;
/*      background-color:#FFFFFF; */
        position: relative;
        font-family: Verdana;
        color: #64645D;
        top: 20px;
        max-width: 640px;
        padding: 50px 50px 80px 50px;  /*oben, rechts, unten, links */
        border:0px #64645D solid;
/*      float: left; */
        margin: auto;
        -moz-box-shadow:     -1px -1px 0px #9C9C9C ,
                             5px 0px 15px #9C9C9C;
        -webkit-box-shadow:  -1px -1px 0px #9C9C9C ,
                             5px 0px 15px #9C9C9C;
        box-shadow:          -1px -1px 0px #9C9C9C ,
                             5px 0px 15px #9C9C9C;
        }

    #text_T  { min-width: 820px; padding-right: 0px; padding-bottom: 50px; }
    #text_T2  { min-width: 700px; padding-right: 0px; padding-bottom: 50px; }
    #text_T348  { min-width: 1200px; padding-right: 0px; padding-bottom: 50px; }

    .h2 { color: #4A6DA7; padding-top: 24px; padding-bottom: 12px; }
    .h3 { color: #4A6DA7; font-style: italic; padding-top: 16px; padding-bottom: 12px; }
    .h3b { font-size: 1.375em; font-style: italic; padding-top: 16px; padding-bottom: 12px; }

    p { /*font-size: 1em;*/
        /*font-size: clamp(1em, calc(1em + 1vw), 2em);*/
        line-height: 150%;
        word-spacing: 0.1em;
        letter-spacing: 0.02em;
        padding-bottom: 1em;}

    ul { line-height: 150%;
        word-spacing: 0.1em;
        letter-spacing: 0.02em;
        padding: 8px 0px 8px 10px;}

    ol { line-height: 150%;
        word-spacing: 0.1em;
        letter-spacing: 0.02em; }

    .lir li { padding-bottom: 20px; }

    .hr hr { color:#4A6DA7; width:100%; }


    .e  { margin-left: 0px; }
    .f    { padding-left: 20px; }


    .f_0  img { width: 100%; padding-bottom: 16px; }

    .f_2  img { width: 12.5%; padding-bottom: 16px; }      /* 1.25 */
    .f_3  img { width: 18.75%; padding-bottom: 16px; }
    .f_4  img { width: 25%; padding-bottom: 16px; }
    .f_4-4  img { width: 27.5%; padding-bottom: 16px; }
/*    .fm4  img { width: 25%; padding-bottom: 16px; border-color: #FF0000; border: 2px; }*/
    .f_5  img { width: 31.25%; padding-bottom: 16px; }     /* hervorgehoben */ 
    .f_5-4  img { width: 33.75%; padding-bottom: 16px; }
    .f_5-6  img { width: 35%; padding-bottom: 16px; }
    .f_6  img { width: 37.5%; padding-bottom: 16px; }     
    .f_6-4  img { width: 40%; padding-bottom: 16px; }
/*    .fm6  img { width: 37.5%; padding-bottom: 16px; }*/    
    .f_7  img { width: 43.75%; padding-bottom: 16px; }
    .f_7-6  img { width: 47.5%; padding-bottom: 16px; }
    .f_8  img { width: 50%; padding-bottom: 16px; }    
    .f_9  img { width: 56.25%; padding-bottom: 16px; }
    .f_9-4  img { width: 58.75%; padding-bottom: 16px; }
    .f_10 img { width: 62.5%; padding-bottom: 16px; }    
    .f_10-2 img { width: 63.75%; padding-bottom: 16px; }
    .f_10-4 img { width: 65%; padding-bottom: 16px; }
    .f_11 img { width: 68.75%; padding-bottom: 16px; }
    .f_12 img { width: 75%; padding-bottom: 16px; }
    .fj12 img { width: 75%; padding-bottom: 16px; }
    .f_13 img { width: 81.25%; padding-bottom: 16px; }
    .f_14 img { width: 87.5%; padding-bottom: 16px; }    
    .f_15 img { width: 93.75%; padding-bottom: 16px; }
    .f_16 img { width: 100%; padding-bottom: 16px; }
    .f_17 img { width: 106.25%; padding-bottom: 16px; }
    
    .slider-wrapper .f_16 img { width: 9.375%; padding-bottom: 16px; }

    .fz_0 img { width: 3.6%; position: relative; bottom: -6px; }
    .fz_g img { width: 3%; position: relative; bottom: -5px; }
    .fz_1 img { width: 3.6%; }
    .fz_2 img { width: 3.0%; }
    .fz_2s img { width: 3.0%; position: relative; bottom: -4px; }
    .fz_3 img { width: 2.5%; }

    .fz_5 img { width: 4.4%; }
    .fz_6 img { width: 6.6%; }
    .fz_7 img { width: 5.25%; }  /* 100px */
    .fz_15 img { width: 12.6%; position: relative; bottom: -4px; }    /* 230px */
    .fz_16 img { width: 17.6%; position: relative; bottom: -4px; }    /* 330px */

    .f1 { padding-left: 80px; }
    .fe { font-size: 1.1em; color: #FF9B07; }              /* color="#FF9B07" size="4em" */
    .fp { font-size: 1.125em; color: #FF9B07; }            /* planksche Hilfskonstante */
    .ft { float: right; left: 100px; }


/*    .f1 { font-family: Times; font-size: 1.4em; color: #FF9B07; font-style: italic; padding-left: 0px;} */
/*    .f2 { font-family: Times; font-size: 1.3em; color: #FF9B07; font-style: italic; } */
    .f3 { font-family: Verdana; font-size: 1.1em; color: #4A6DA7; font-style: italic; }
/*    .f4 { font-family: Verdana; font-size: 10.1em; color: #4A6DA7; } */
    .fx { font-family: Times; font-size: 1.25em; color: #FF9B07; font-style: italic; }
    .fy { font-family: Times; font-size: 1.125em; color: #4A6DA7; font-style: italic; }
    #fxh { font-family: Times; font-size: 1.125em; color: #64645D; font-style: italic; }

    .f6 { font-size: 1.3em; color: #FF9B07; }
    .f7 { font-size: 1em; color: #FF9B07; }

    .tb { font-family: Verdana; color: #4A6DA7; }
    .tg { font-family: Verdana; font-size: 1.0em; color: #FF9B07; font-style: italic; }
    .tk { font-family: Verdana; color: #4A6DA7; font-style: italic; }
    .to { font-family: Verdana; font-size: 1.2em; color: #FF9B07; font-style: italic; }
    .th { font-family: Verdana; color: #FF9B07; }
    .tr { font-family: Verdana; color: red }

    .tab { font-size: 0.875em; float: left }

@media only screen and ( min-width: 951px )
    { .h1 { font-size: 2.25em; padding-bottom: 32px;}
    .h2 { font-size: 1.75em; }
    .h3 { font-size: 1.375em; }
    .h3b { font-size: 1.375em; }
    }

@media only screen and ( max-width:520px )
    { .h1 { font-size: 1.75em; padding-bottom: 12px;}
    .h2 { font-size: 1.375em; padding-top: 16px; padding-bottom: 8px; }
    .h3 { font-size: 1.25em; }
    .h3b { font-size: 1.25em; }
    .te_10 { left: 5em; }
    .text { padding: 35px 20px 60px 20px; }
    #text_T { min-width: 720px; }
    #text_T2 { min-width: 650px; }
    table { font-size: 0.875em; }
    .fx { font-size: 1em; }

    .fz_0 img { width: 5.4%; position: relative; bottom: -6px; }
    .fz_g img { width: 4.5%; position: relative; bottom: -5px; }
    .fz_1 img { width: 5.4%; }
    .fz_2 img { width: 4.5%; }
    .fz_3 img { width: 3.75%; }
    .fz_5 img { width: 7.0%; }
    .fz_6 img { width: 9.9%; }
    .fz_7 img { width: 7.875%; }
    }

@media only screen and ( max-width: 520px )     /* 2.0 */
    {
    .f_2  img { width: 20%; padding-bottom: 16px; }
    .f_3  img { width: 30%; padding-bottom: 16px; }
    .f_4  img { width: 40%; padding-bottom: 16px; }
    .f_4-4  img { width: 44%; padding-bottom: 16px; }
    .f_5  img { width: 50%; padding-bottom: 16px; }
    .f_5-4  img { width: 54%; padding-bottom: 16px; }
    .f_5-6  img { width: 56%; padding-bottom: 16px; }
    .f_6  img { width: 60%; padding-bottom: 16px; }
    .f_6-4  img { width: 64%; padding-bottom: 16px; }
    .f_7  img { width: 70%; padding-bottom: 16px; }
    .f_7-6  img { width: 76%; padding-bottom: 16px; }
    .f_8  img { width: 80%; padding-bottom: 16px; }
    .f_9  img { width: 90%; padding-bottom: 16px; }
    .f_9-4  img { width: 94%; padding-bottom: 16px; }
    .f_10 img { width: 100%; padding-bottom: 16px; }
    .f_10-2 img { width: 102%; padding-bottom: 16px; }    
    .f_10-4 img { width: 104%; padding-bottom: 16px; }
    .f_11 img { width: 110%; padding-bottom: 16px; }
    .f_12 img { width: 120%; padding-bottom: 16px; }
    .fj12 img { width: 100%; padding-bottom: 16px; }
    .f_13 img { width: 130%; padding-bottom: 16px; }
    .f_14 img { width: 140%; padding-bottom: 16px; }
    .f_15 img { width: 150%; padding-bottom: 16px; }
    .f_16 img { width: 160%; padding-bottom: 16px; }
    .f_17 img { width: 104%; padding-bottom: 16px; }

    .slider-wrapper { width: 640px; }

    .slider-wrapper .f_16 img { width: 89.375%; padding-bottom: 16px; }
    }

@media only screen and ( min-width: 521px ) and ( max-width: 950px )
    {
    .h1 { font-size: 2em; padding-bottom: 24px;}
    .h2 { font-size: 1.625em; padding-top: 24px; padding-bottom: 12px; }
    .h3 { font-size: 1.25em; }
    #text_T { min-width: 720px; }
    #text_T2 { min-width: 650px; }
    .fx { font-size: 1em; }

    .fz_0 img { width: 3.15%; position: relative; bottom: -6px; }
    .fz_g img { width: 2.625%; position: relative; bottom: -5px; }
    .fz_1 img { width: 3.15%; }
    .fz_2 img { width: 2.625%; }
    .fz_3 img { width: 2.1875%; }
    }

@media only screen and ( min-width: 521px ) and ( max-width: 640px )    /* 1.5 */
    {
    .f_2  img { width: 15%; padding-bottom: 16px; }
    .f_3  img { width: 22.5%; padding-bottom: 16px; }
    .f_4  img { width: 30%; padding-bottom: 16px; }
    .f_4-4  img { width: 33%; padding-bottom: 16px; }
    .f_5  img { width: 37.5%; padding-bottom: 16px; }
    .f_5-4  img { width: 40.5%; padding-bottom: 16px; }
    .f_5-6  img { width: 42%; padding-bottom: 16px; }
    .f_6  img { width: 45%; padding-bottom: 16px; }
    .f_6-4  img { width: ´48%; padding-bottom: 16px; }
    .f_7  img { width: 52.5%; padding-bottom: 16px; }
    .f_7-6  img { width: 57%; padding-bottom: 16px; }
    .f_8  img { width: 60%; padding-bottom: 16px; }
    .f_9  img { width: 67.5%; padding-bottom: 16px; }
    .f_9-4  img { width: 70.5%; padding-bottom: 16px; }
    .f_10 img { width: 75%; padding-bottom: 16px; }
    .f_10-2 img { width: 76.5%; padding-bottom: 16px; }
    .f_10-4 img { width: 78%; padding-bottom: 16px; }
    .f_11 img { width: 82.5%; padding-bottom: 16px; }
    .f_12 img { width: 90%; padding-bottom: 16px; }
/*    .fj12 img { width: 100%; padding-bottom: 16px; }*/
    .f_13 img { width: 97.5%; padding-bottom: 16px; }
    .f_14 img { width: 105%; padding-bottom: 16px; }
    .f_15 img { width: 112.5%; padding-bottom: 16px; }
    .f_16 img { width: 120%; padding-bottom: 16px; }
    .f_17 img { width: 107.5%; padding-bottom: 16px; }
    }    

    .ph10 { padding-bottom: 10em; }
    .ph15 { padding-bottom: 15em; }
    .ph20 { padding-bottom: 20em; }

/* _________________________________________ */


/* Berechnen */
    #font1   { font-family: Times; }
    #font2   { font-family: Times; font-style: italic; }

    .hr     {
        position: relative;
        left: 0px;
        color: #4A6DA7;
        width: 98%; }

    #inputF1 {
        position: relative;
        left: 20px;
        top: 0px;
        bottom: 16px; }

    #inputF1b {
        position: relative;
        top: -56px;
        left: 480px; }

    #inputF1c {
        position: relative;
        top: -48px;
        left: 480px; }

    #input1 {
        position: relative;
        top: -35px;
        left: 350px; }

    #input2 {
        position: relative;
        top: -55px;
        left: 350px; }

    #imagebox {
        background-color: #FFFFFF;
        position: absolute;
        width: 210px;
        height: 1000px;
        top: 20px;
        left: 1015px;
        border: 1px solid black; }

    #imagebox_2 {
        background-color: #FFFFFF;
        position: absolute;
        width: 210px;
        height: 750px;
        top: 20px;
        left: 1015px;
        border: 1px solid black; }

    .fx1 { font-family: Times; font-size: 1.3em; color: #FF9B07; font-style: italic; }

    .image { left: 0px; }

/* 316.5 */
    #jpg11  { position: absolute; top: 195px; }
    #jpg12  { position: absolute; top: 390px; }
    #jpg13  { position: absolute; top: 585px; }
    #jpg14  { position: absolute; top: 820px; }
    #jpg15  { position: absolute; top: 1055px; }
/* 317.5 */
    #jpg21  { position: absolute; top: 235px; }
    #jpg22  { position: absolute; top: 565px; }
    #jpg23  { position: absolute; top: 925px; }
    #jpg24  { position: absolute; top: 1135px; }
/* 321.1 */
    #jpg31  { position: absolute; top: 220px; }
    #jpg32  { position: absolute; top: 1125px; }
/* 321.2 */
    #jpg33  { position: absolute; top: 275px; }
    #jpg34  { position: absolute; top: 735px; }
/* 322.5 */
    #jpg36  { position: absolute; top: 195px; }
    #jpg37  { position: absolute; top: 450px; }
    #jpg38  { position: absolute; top: 760px; }
    #jpg39  { position: absolute; top: 1135px; }
/* 324.5 */
    #jpg41  { position: absolute; top: 235px; }
    #jpg42  { position: absolute; top: 510px; }
    #jpg43  { position: absolute; top: 780px; }
    #jpg44  { position: absolute; top: 1135px; }
/* 325.5 */
    #jpg46  { position: absolute; top: 235px; }
/* 326.5 */
    #jpg51  { position: absolute; top: 235px; }
/* 325.1 */
    #jpg56  { position: absolute; top: 325px; }
    #jpg57  { position: absolute; top: 750px; }

/* _________________________________________ */


/* Anhang */
section {
        background-color:#ECEAE7;
        position: relative;
        max-width: 1140px;
        height: auto;
        font-family: Verdana;
        font-size: 0.75em;
        padding: 30px 50px 50px 50px;
        margin: auto;
/*        float: right;*/
        -moz-box-shadow:     0px 15px 15px 0px #9C9C9C ,
                             0px  0px  0px 0px #9C9C9C;
        -webkit-box-shadow:  0px 15px 15px 0px #9C9C9C ,
                             0px  0px  0px 0px #9C9C9C;
        box-shadow:          0px 15px 15px 0px #9C9C9C ,
                             0px  0px  0px 0px #9C9C9C;
    }

section li { list-style-type: none; }

section a {
        color: #4A6DA7;
        text-decoration:none;
        line-height: 250%; }

section a:hover {
        text-decoration:underline; }

    #link_a1 { float: left; width: 220px; }
    #link_a2 { float: left; width: 220px; }    
    #link_a3 { float: left; width: 220px; }    
    #link_a4 { float: left; width: 220px; }    
    #link_a5 { float: left; width: 220px; }    

    #link_a25 { float: left; width: 250px; padding-top: 0px; }

@media only screen and ( max-width:520px )
    { section { padding: 25px 25px; }
}

/* _________________________________________ */


/* Fussbereich */
 footer {
        background-color: #64645D;
        position: relative;
        max-width: 1140px;
        height: auto;
        font-size: 0.875em;
        font-family: Arial;
        color: #FFFFFF;
        padding: 12px;
        margin: auto;
        -moz-box-shadow:    0px 15px 15px 0px #9C9C9C ,
                            0px  0px  0px 0px #9C9C9C;
        -webkit-box-shadow: 0px 15px 15px 0px #9C9C9C ,
                            0px  0px  0px 0px #9C9C9C;
        box-shadow:         0px 15px 15px 0px #9C9C9C ,
                            0px  0px  0px 0px #9C9C9C;
        }

footer a {
        color: #FFFFFF;
        text-decoration:none; }

footer a:hover {
        text-decoration:underline; }

    #ff {
        color: #FF9B07;
        font-style: italic;
        font-size: 1.75em;
        font-family: Times;
        line-height: 125%; }

@media only screen and ( max-width:520px )
    { #ff { font-size: 1.5em; }
}