/*etlinger_01*/

/*oben: "Stefan Ettlinger" und "aktuell"/"home"*/
.A1
{
                height: auto;
                left: 4%;
                position: absolute;
                top: 2%;
                width: auto;
                z-index: 4;
}

.A1 h1
{
                background-color: #976534;
                color: #ffffff;
                display: inline;
}

.A1 p
{
                background-color: #976534;
                color: #ffffff; 
                display: inline;
                margin-left: 1.5em;
}

/*Titel: "Bilder", "Musik" usw.*/
.B1
{
                height: 5%;
                left: 4%;
                position: absolute;
                top: 10%;
                width: 92%;
                z-index: 3;
}

.links_titel_schmal
{
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 32%;
                z-index: 3;
}

/*jeweils 1% Überlappung nach links und rechts*/
.mitte_titel_schmal
{
                height: 100%;
                left: 31%;
                position: absolute;
                top: 0;
                width: 36%;
                z-index: 3;
}

.mitte_titel_breit
{
                height: 100%;
                left: 0;
                position: absolute;
                text-align: center;
                top: 0;
                width: 100%;
                z-index: 3;
}

.rechts_titel_schmal
{
                height: 100%;
                left: 66.5%;
                position: absolute;
                top: 0;
                width: 33.5%;
                z-index: 3;
}

.B1 h2
{
                background-color: #976534;
                border-bottom: 1px solid #ffffff;
                border-top: 1px solid #ffffff;
                color: #ffffff;
}

/*Listen der Bilder, "aktuell" usw.*/
.B2
{
                height: 73%;
                left: 4%;
                overflow: auto;
                position: absolute;
                top: 15%;
                width: 92%;
                z-index: 1;
}

.links_inhalt_schmal
{
                height: auto;
                left: 0.3%;
                position: absolute;
                top: 0;
                width: 30%;
                z-index: 1;
}

.mitte_inhalt_schmal
{
                height: auto;
                left: 32%;
                position: absolute;
                top: 0;
                width: 34%;
                z-index: 1;
}

/*"aktuell", "Biografie" usw.: scrollendes Feld mit Inhalt*/
.mitte_inhalt_breit
{
                height: auto;
                left: 0;
                position: absolute;
                top: 0;
                width: 96%;
                z-index: 1;
}

/*"kontakt"*/
.mitte_inhalt_breit_ohne_scrollen
{
                height: auto;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 1;
}

.rechts_inhalt_schmal
{
                height: auto;
                left: 68%;
                position: absolute;
                top: 0;
                width: 29.5%;
                z-index: 1;
}

/*unten: "Biografie" usw.*/
.C1
{
                bottom: 0;
                height: 10%;
                left: 0;
                position: absolute;
                text-align: center;
                width: 100%;
                z-index: 2;
}

.C1 p
{
                border-top: 1px solid #ffffff;
                margin-left: 4%;
                margin-right: 4%;
                padding-top: 1em;
                word-spacing: 1.5em;
}