/* alle Standardabstände der Browser auf 0 setzen */
	* {
		margin:0px;
		padding:0px;
	}

/* im body tag werden die Standard-Einstellungen vorgenommen */
	body {
		color:#000000;
		background-color:#e8e9f2;
		text-align:center; /* wenn Seite zentriert angezeigt werden soll */
		font-size:62.5%; /* damit stellen wir sicher, dass die weiteren Angaben der Schrftgröße ohne Kopfzerbrechen in em erfolgen können 12px = 1.2em */
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/* Klasse um die floats in den Griff zu kriegen */
	.clear {
		clear:both;
		font-size:1px;   /* wegen Opera MUSS mindestens ein pixel Höhe eingegeben sein */
		line-height:0px; /* es ist noch zu prüfen, ob "alle" Browser mit einer 0 klar kommen - zur Sicherheit besser auf 1 stellen */
	}

/* globale Einstellungen für Absätze */
	p {
		margin-bottom:1em;
	}

/* globale Einstellungen für Bilder */
	img {
		border:0px;
	}

	img.left {
		margin:0px 20px 20px 0px;
		float:left;
	}

	img[align=left] { /* IE 6 produziert Fehler, wenn zusammen mit img.left durch Komma getrennt */
		margin:0px 20px 20px 0px;
		float:left;
	}

	img.right {
		margin:0px 0px 20px 20px;
		float:right;
	}

	img[align=right] { /* IE 6 produziert Fehler, wenn zusammen mit img.right durch Komma getrennt */
		margin:0px 0px 20px 20px;
		float:right;
	}

/* globale Einstellungen für Links - auf die Reihenfolge achten !! */
	a { color:#192883; }
	a:link { text-decoration:underline; }
	a:visited { text-decoration:underline; }
	a:hover { text-decoration:none; color:#f6991d; }
	a:active { text-decoration:none; color:#f6991d; }
	a:focus { text-decoration:none; color:#f6991d; }

	a.active { text-decoration:none; color:#f6991d; } /* das ist unsere Standardklasse um Menüpunkte als aktiv zu kennzeichnen. 
                                   !Achtung! nicht mit der Pseudoklasse :active verwechseln !Achtung! 
								   Da diese Angabe für alle Menüs gleichermaßen gelten soll setzen wir sie hier */

/* die Einzüge bei ul und ol werden von den Browsern sehr unterschiedlich behandelt
   wenn man eine einheitliche Darstellung erreichen möchte, müssen teilweise spezifische 
   Angaben gemacht werden. */
	ul {
		margin-left:16px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox:  margin-left:14px; */
		/* opera:    margin-left:12px; */
	}
	
	ol {
		margin-left:24px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox, opera, safari: margin-left:20px; */
	}

/* die Überschriften */
	h1 {
		font-size:1.4em;
		color:#192883;
		margin-bottom:10px;
	}

	h2 {
		font-size:1.2em;
		margin:0px 0px 4px 0px;
		color:#192883;
	}

	h3 {
		font-size:1em;
		margin:0px 0px 4px 0px;
		color:#192883;
		font-weight:normal;
		font-style:italic;
	}

	h4 {
		font-size:1em;
	}

/* allgemeine Angaben zu Tabellenzellen */
	td, th {
		vertical-align:top;
		text-align:left;
	}

	td h2, td p.abstand {
		line-height:1.4em;
		margin:0px;
		padding:0px;
		font-size:1.2em;
	}

/* im wrapper werden die Einstellungen für den Inhaltsbereich vorgenommen */
	#wrapper {
		text-align:left;   /* wenn body zentriert ist, dann muss für den IE hier wieder auf left geschaltet werden */
		margin-left:auto;  /* Angabe zur Zentrierung des Wrappers */
		margin-right:auto; /* Angabe zur Zentrierung des Wrappers */
		margin-top:10px;
		width:920px;
		border-right:1px solid #e8e9f2;
		border-bottom:1px solid #e8e9f2;
		border-left:1px solid #e8e9f2;
		font-size:1.2em; /* so stellen wir sicher, dass in allen Tags im wrapper die Schriftgröße 1.2em gilt - ausgenommen natürlich die h1, h2 usw. */
		background-color:#FFFFFF;
	}

/* Einstellungen für den Header-Bereich */
	#header {
		height:100px;
		background-image:url(../images/bg_header.jpg);
		background-repeat:repeat-x;
		background-position:top left;
		position:relative;
	}

	#header .logo {
		height:100px;
		width:200px;
		background-color:#FFFFFF;
		text-align:center;
		float:left;
	}

	#header .banner {
		width:350px;
		color:#FFFFFF;
		font-size:2.4em;
		position:absolute;
		left:380px;
		top:27px;
		text-align:right;
	}

	#header .banner .subtitle {
		font-size:0.8em;
		margin:0px;
	}

	#header img {
		height:100px;
	}

	#header .logo img {
		height:90px;
		margin-top:4px;
	}

	#subheader {
		background-color:#00aeef;
		color:#FFFFFF;
		text-align:right;
		padding:3px 10px 3px 0px;
	}

	#subheader a {
		color:#FFFFFF;
		margin-left:10px;
		font-weight:bold;
		text-decoration:none;
	}

	#subheader a:hover, #subheader a.active {
		color:#f6991d;
	}

/* Einstellungen für den content Bereich */
	#content {
		padding:15px 0px 15px 0px;
		position:relative;
	}

	#printLine {
		width:65px;
		height:64px;
		position:absolute;
		text-align:right;
		top:0px;
		right:0px;
		z-index:20;
	}

	#printLine img {
		margin:0px;
	}

/* Einstellungen für menue und text */
	#menu {
		float:left;
		width:180px;
		margin:0px 10px 0px 20px;
		border-right:2px solid #f6991d;
	}

	#menu form {
		margin:0px 0px 10px 0px;
	}

	#menu form input {
		font-size:1em;
	}

	#menu a {
		text-decoration:none;
		font-weight:bold;
	}

	#menu ul {
		margin:0px 0px 20px 0px;
		list-style-type:none;
	}

	#menu ul li {
		line-height:1.6em;
	}

	#menu p.title {
		font-weight:bold;
		margin:0px 0px 6px 0px;
		padding:0px;
	}

	#text {
		float:left;
		width:650px;
		padding-left:20px;
		position:relative;
	}

	#text tr.even {
		background-color:#eeeeee;
	}

	#text tr.first td {
		border-top:1px solid #c3c4c8;
	}

	#text td {
		padding:3px;
		border-bottom:1px solid #c3c4c8;
	}

	#text th {
		background-color:#e5f7fd;
		font-weight:bold;
		border-top:1px solid #c3c4c8;
		border-bottom:1px solid #c3c4c8;
		padding:3px;
	}

	#text div.meldung {
		border-bottom:1px solid #CCCCCC;
		margin-bottom:10px;
	}

	#text div.angebote {
		width:250px; 
		margin-right:20px;
		float:left;
	}

	#text div.angebote table {
		width:250px;
		margin-bottom:15px;
	}

/* Einstellungen für footer */
	#footer {
		background-color:#00aeef;
		color:#FFFFFF;
		text-align:center;
	}

	#footer p {
		padding:3px 0px 3px 0px;
		margin:0px;
	}

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

	#footer a:hover, #footer a.active {
		color:#f6991d;
	}

/* formulare */
	.formFieldErrorMessage {
	    color:#990000;
	    font-weight:bold;
	}

	.formSentTextTitle {
		color:green;
		font-weight:bold;
	}

/* error und succes layer des Kontaktformulars */
	#error {
		color:#ff9900;
		font-weight:bold;
		margin-bottom:20px;
	}

	#success {
		color:green;
		font-weight:bold;
		margin-bottom:20px;
	}