body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #ccccff;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    			}
    .oneColLiqCtrHdr #container {
    	width: 80%;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
    	background: #CCCCFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColLiqCtrHdr #header {
    	background: #336699; 
    	padding: 0 10px 0 20px;  /* 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. */
    }
    .oneColLiqCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .oneColLiqCtrHdr #mainContent {
    	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF;
    }
    .oneColLiqCtrHdr #footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#336699;
    } 
    .oneColLiqCtrHdr #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. */
    }
   
.klein , a.mail:link, a.mail:visited{
	font-size: 8pt;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
 h2 {font-size: 11pt;
 	color:#336699;}

ul, p, td, th {
	font-size: 8pt;
	line-height: 14pt;
	color: #000000;
	list-style-position: outside;
	list-style-type: circle;
}

h3 {font-size: 9pt;
			text-decoration: underline;}

hr {color: #ff6600; 
}

hr.klein {color: #999999; width:50%; text-align: center;}
/* Sile für das Kontaktformular*/

label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 150px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

label {
 text-align: right; 
 padding-right: 1em; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	color:#000000;
	font-weight:bold;}
form {
 
  border: thin solid #336699;
  margin:0;
  padding:.5em;
}

.fehler {
	background-color: #F63;	
	padding: 1em;
	margin: 1em;
}



/* alte Stile

.logo, a.gross:link, a.gross:visited{
	font-size: 13pt;
font-weight:bold;
color:#ffffff;
font-family:verdana;
text-decoration:none;
}

.klein, a.mail:link, a.mail:visited{
	font-size: 9t;
font-weight:bold;
color:#ffffff;
font-family:verdana;
}

a:link {
COLOR: #33538E;
TEXT-DECORATION: none;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight : bold;
}


a:visited {
        COLOR: #999999;
        TEXT-DECORATION: none;
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight : bold;
}


a:hover
{
        COLOR: #D60000;
        TEXT-DECORATION: underline;
        font-size: 8pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight : bold;
        }
		
a.home:link {
COLOR: #FFFFFF;
TEXT-DECORATION: none;
 font-size: 17pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight : bold;
}


a.home:visited {
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
        font-size: 17pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight : bold;
}


a.home:hover
{
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
        font-size: 17pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight : bold;
        }


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #33538E;
}

ul, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 14pt;
	color: #000000;
	list-style-position: outside;
	list-style-type: circle;
}
.mittel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
}
.rahmen {
	border: thin solid #d3d37f;
}
sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #FFFFFF;
}
.hg {
	background-attachment: fixed;
	background-image: url(../hintergrund/hintergrund_blau_klein.jpg);
	background-repeat: no-repeat;
}
*/