/* ============================================================
   styles_fix_v2.css
   
   NUR minimale Korrekturen für den Inhaltsblock.
   Der Header wird NICHT angefasst – original styles.css bleibt
   vollständig erhalten, diese Datei wird danach eingebunden:
   
   <link href="styles.css" rel="stylesheet" type="text/css" />
   <link href="styles_fix_v2.css" rel="stylesheet" type="text/css" />
   ============================================================ */


/* ----------------------------------------------------------
   FIX 1: ASP.NET form-ID Gross/Kleinschreibung
   Das Form-Tag rendert als id="aspnetForm" (grosses F),
   der original Selektor "form#aspnetform" griff nie.
   -> unerwartete Body-Abstände durch Browser-Defaults.
   ---------------------------------------------------------- */
form#aspnetForm {
    margin: 0;
    padding: 0;
    width: 100%;
}


/* ----------------------------------------------------------
   FIX 2: Rechter Rand - tsr-r.gif Sprite im h1
   
   Das h1 trägt den rechten Ecken-Sprite (tsr-r.gif) als
   Hintergrundbild. Da .rounded padding-left: 11px hat,
   ist h1 um 11px schmaler als der Container — der Sprite
   wird deshalb 11px zu weit links gezeichnet.
   margin-right: -11px dehnt h1 bis zum Container-Rand.
   ---------------------------------------------------------- */
#inhalt .rounded h1 {
    margin-right: -1px;
}

#inhalt .rounded h2 {
    margin-right: -1px;
}

#inhalt .rounded {
    margin: 5px 5px 10px 5px !important;
}

    /* .roundedMain: overflow visible damit border-left der p-Elemente
   (die mit margin-left: -11px nach links ragen) sichtbar bleibt */
    #inhalt .rounded .roundedMain {
        overflow: visible;
    }


    /* ----------------------------------------------------------
   FIX 3: Untere Rundung (roundedEnd / tsr-l.gif + tsr-r.gif)
   
   Das Problem: .roundedEnd hat margin-left: -11px um den
   linken Sprite bündig zu setzen. Aber der rechte Sprite
   in .roundedEnd div braucht padding-right: 0 wenn der
   aeussere Container bereits den Rand vorgibt.
   Ausserdem: height: 6px reicht nicht wenn der Browser
   das Sprite nicht genau positioniert – auf 11px erhöht
   damit beide Ecken vollständig sichtbar sind.
   ---------------------------------------------------------- */
    #inhalt .rounded .roundedEnd div {
        padding: 0 0 0px 0; /* war: 0 10px 0px 0 – rechts-padding entfernt */
        height: 11px; /* war: 6px – erhöht damit Sprite vollständig sichtbar */
    }


/* ----------------------------------------------------------
   FIX 4: h3 und em getrennt
   em-Tags im Fliesstext bekamen durch "h3,em { margin: 3em ... }"
   einen massiven Block-Abstand. Nur h3 soll diesen Margin haben.
   ---------------------------------------------------------- */
em {
    margin: 0;
    font: inherit; /* em erbt vom Elternelement, kein eigener Block-Stil */
    font-style: italic;
    color: inherit;
}