/* CSS Document */

/*
        [href^="http"] {
        padding-right: 15px;
        background: url(extlink.gif) no-repeat center right;}  */

html, body  {
        text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. */
        margin: 0 auto;
        height: auto;
        font: 100% Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
  overflow-y: auto;
  overflow-x: hidden;
    }

h1 {color:#B34890; font-size: 20px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
h2 {color: #B34890; font-size: 18px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
h3 {color: #B34890; font-size: 14px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0; margin-bottom:10px;}
h4 {color: #B34890; font-size: 12px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0; margin-bottom:10px;}
p {color: #434343; font-size: 12px; line-height:14px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0;}
a {color: #434343; text-decoration:none;}
a:hover {border-bottom: 1px solid #B34890;}
li { color: #434343; list-style-type: square; list-style-position: inside; font-size: 12px; line-height:14px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; margin-bottom:6px;}


#container {
    width: 800px;

    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */}

#header {
            background: #FFFFFF;
            padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
                margin: 0;
                height: 20px;}

#topnavi {
    padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
          margin: 0 10px 0px 0;
                font-size:10px;
                text-align: right;}

#mainContent2 {
        background-color: #cccccc;
  margin: 0; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
        height: 100%;
  padding: 10px 0 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */}


#mainContent p {line-height: 1.4em;}

#footer {
            padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
            background:#FFFFFF;}

#footer p {
            margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
            padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
            float: right;
            margin-left: 8px;}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
            float: left;
            margin-right: 8px;}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
            clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;}