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

/* im body tag werden die Standard-Einstellungen vorgenommen */
	body {
		color:#003366;
		background-color:#003366;
		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:"Rockwell", 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:1.1em;
	}

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

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

	a.active { color:#6685a3; text-decoration:none; } /* 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.8em;
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 0px;
		text-align:right;
		border-bottom:1px solid #003466;
	}

	h2 {
		font-size:1.4em;
	}

	h3 {
		font-size:1.2em;
	}

	h4 {
		font-size:1.1em;
	}

/* allgemeine Angaben zu Tabellenzellen */
	td {
		vertical-align:top;
	}

/* 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 */
		width:921px;
		border-right:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;
		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. */
		padding:0px 7px 7px 7px;
	}

/* Einstellungen f�r den Header-Bereich */
	#header {
		position:relative; /* notwendig, damit Logo und Men� mit position:absolute ausgerichtet werden k�nnen */
		height:97px;
		background-color:#FFFFFF;
		color:#003366;
	}

	#header .logo {
		position:absolute;
		left:19px;
		top:20px;
	}

	#header .menu {
		position:absolute;
		right:20px;
		bottom:10px;
		text-align:right;
		font-size:1.2em;
	}

	#header .menu a {
		text-decoration:none;
	}

	#subheader {
		height:10px;
		border-bottom:1px solid #FFFFFF;
	}

/* Einstellungen f�r den content Bereich */
	#content {
		margin-top:10px;
		padding-top:17px;
		padding-bottom:17px;
		background-color:#FFFFFF;
		color:#003366;
                font-family: "Rockwell", Verdana, arial, helvetica, sans-serif;
	}

/* Einstellungen f�r left und right */
	#content .left {
		width:155px;
		padding-right:10px;
		float:left;
		text-align:right;
		font-size:1.2em;
		position:relative;
	}

	#content .left ul {
		list-style-type:none;
	}

	#content .left li {
		height:25px;
	}

	#content .left a {
		text-decoration:none;
	}

	#content .right {
		float:left;
		width:503px;
		padding-left:230px;
		border-left:1px solid #003366;
		position:relative;
	}

	#content .right .textBox {
		background-color:#ebeef3;
		padding:5px;
		height:400px;
		overflow:auto;
	}

	#content .news {
		
	}

	#content .news p.datum {
		font-style:italic;
		padding:0px;
		margin:0px 0px 6px 0px;
	}

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

	#content img.eycatcher {
		height:458px;
		position:absolute;
		left:21px;
		top:0px;
	}

	#intro {
		width:879px;
		height:458px;
		z-index:20;
		position:absolute;
		left:21px;
		top:0px;
		background-color:#FFFFFF;
	}

/* Einstellungen f�r footer */
	#footer {
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:921px;
		color:#FFFFFF;
		position:relative;
		margin-top:5px;
	}

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

	#footer .left {
		position:absolute;
		left:0px;
		top:0px;
	}

	#footer .right {
		position:absolute;
		right:0px;
		top:0px;
		text-align:right;
	}

/* formulare */
	#content form label {
		float:left;
		width:6em;
		margin:5px;
		padding:5px;
		text-align:right;
	}

	#content input, #content textarea {
		display:block;
		float:left;
		margin:5px;
		padding:2px;
		width:20em;
	}

	#content textarea {
		height:7em;
	}

	#content form br {
		clear:left;
	}

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

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