/* ---------------------------------------------- */
/* --------------- Anfang HTML-Tags ------------- */
/* ---------------------------------------------- */

html {
	height: 100%
}

body {
	height: 100%
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 99%;
	background-color: #FFFFFF;
	background-image: url(../images/body_bg.gif);
	background-repeat: no-repeat;
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em 1.5em 0.4em 0em;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

#footer hr {
	display: none;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

div {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.invisible {
	display: none;
}

.left {
	text-align: left;
	width: 9em;
	float: left;
}

.right {
}

#left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	z-index: 2;
	font-size: 0.85em;

}

#right {
	width: 100%
	position: absolute;
	top: 0px;
	margin-top: 30px;
	padding-left: 200px;
	padding-right: 20px;
	z-index: 1;
	line-height: 2em;
	font-size: 0.85em;
}

#logo {
	position: relative;
	top: 8px;
	width: 370px;
	height: 41px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;

}

#leftnavigation {
	text-align: right;
	margin-top: 64px;
}

.alert {
	color: #990000;
}

a {
	color: #003399;
	text-decoration: none;
	}

a:link {
	color: #003399;
	}

a:visited {
	color: #003399;
	}

a:hover {
	text-decoration: underline;
	}


/* ---------------------------------------------- */
/* ------------ Anfang Mainnavigation ----------- */
/* ---------------------------------------------- */




/* ---------------------------------------------- */
/* ------------- Ende Mainnavigation ------------ */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------- Anfang Globale Navigation --------- */
/* ---------------------------------------------- */

#globalenavigation {
      position: relative;
	width: 100%;
      font-size: 1em;
	height: 1.9em;
	list-style: none;
	border-top: 1px solid #2C8982;
	border-bottom: 1px solid #2C8982;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	display: block;
}

#globalenavigation ul
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}

#globalenavigation li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}


#globalenavigation li a {
	color: #666666;
	padding: 0.5em 2em 0.4em 0em;
	text-decoration: none;
}


#globalenavigation li a:hover {
	text-decoration: underline;
	color: #990000;
}

#globalenavigation li .active {
	text-decoration: underline;
	color: #990000;
}


/* ---------------------------------------------- */
/* ----------- Ende Globale Navigation ---------- */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* ----------------- Anfang Footer -------------- */
/* ---------------------------------------------- */

#footer {
	width: 100%;
	border-top: 1px solid #2C8982;
	font-size: 0.8em;
}

#footer p {
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	padding-top: 1em;
	padding-bottom: 1em;

}


/* ---------------------------------------------- */
/* ------------------ Ende Footer --------------- */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* ------------------ Anfang Icons -------------- */
/* ---------------------------------------------- */

.topofpage {
	background: url(../images/icon_topofpage.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 0.7em;
}

.newwindow {
	background: url(../images/icon_newwindow.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.link {
	background: url(../images/icon_link.gif) no-repeat;
	background-position: 0em 0.5em;
	padding-left: 0.7em;
}

.email {
	background: url(../images/icon_email.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.3em;
}

.anchor {
	background: url(../images/icon_anchor.gif) no-repeat;
	background-position: 0em 0.4em;
	padding-left: 0.7em;
}

.newwindow {
	background: url(../images/icon_newwindow.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.2em;
}

/* ---------------------------------------------- */
/* ------------------- Ende Icons --------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------- Anfang Formularelemente ----------- */
/* ---------------------------------------------- */


fieldset {
	border: 1px;
	margin: 0;
	padding: 0;
}

legend {
  display: none;
}

input {
	padding: 0;
	margin: 0;
}

/* Durch das folgende Beispiel verwandelt sich der Mauszeiger beim Überfahren des Labels in eine Hand mit Zeigefinger: */
label {
	cursor: pointer;
}

/* Als nächstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einfügemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
#right input:focus, #right textarea:focus, #right select:focus {
	color: #000;
	background: #fff;
}

/* Zunächst werden die Labels mit der Klasse "left" rechtsbündig an eine imaginäre Mittelachse gebracht und mit einem Abstand zu den daneben stehenden Kontrollelementen versehen: */
#right label.left {
	float: left;
	text-align: right;
	width: 7em;
	margin-right: .3em;
	}


/* Nun wird die Hintergrundfarbe von Textfeldern , sobald diese aktiviert sind, geändert. Damit teilen Sie Ihrem Benutzer deutlich mit, in welchem Abschnitt des Formulares er sich zur Zeit befindet und welche Eingabe als nächstes erwartet wird. Hierzu müssen Sie zunächst einmal die Hintergrundfarbe der Textfelder definieren: */
#right fieldset input, #right fieldset textarea, #right fieldset select {
	color: #000;
	background: #ddd;
	border: solid 1px #696969;
	width: 32em;
	}
#right fieldset input.erklaerung {
	width: 2em;
}

/* ---------------------------------------------- */
/* ------------ Ende Formularelemente ----------- */
/* ---------------------------------------------- */