/***********************************************************
	Reset browser specific definitions and define universalities
*/
* {
	margin:0;
	padding:0;
	font-family: Tahoma, Verdana, Helvetica, Arial,Tahoma, sans-serif;
	font-size:small;
	color:#000000;
	vertical-align:top;
}
html {
	margin:0;
	padding:0;
}


/***********************************************************
	For IE bug, with relative font definitions
************************************************************/
body {
	background: #F6F6F6 url('../img/bg_body.jpg') repeat-x;
	margin:0;
	padding:0;
}

/***********************************************************
	Printing
************************************************************/
.print {
	display:none;
}

/***********************************************************
	Page Areas
************************************************************/

div#alu {
	background: #F6F6F6 url('../img/bg_alu.jpg');
	margin: auto;
	width: 800px;
}
div#page {
	background: url('../img/bg_page.jpg') no-repeat top;
}

/***********************************************************
	Page Area head
************************************************************/

div#head {
	margin: auto;
	width: 800px;
	height:122px;
}

/***********************************************************
	Page Area left
************************************************************/
div#left {
	width:162px;
	float:left;
}

/***********************************************************
	Page Area content
************************************************************/

div#content {
	width:638px;
	float:right;
}

/***********************************************************
	Page Area content rechte Spalte
************************************************************/
div#content div#right {
	width:32px;
	height:20px;
	float:right;
}

/***********************************************************
	Page Area content mittlere Spalte
************************************************************/
div#content div#center {
	width:606px;
	line-height:120%;
	font-size:small;
	float:left;
}

/***********************************************************
	Page Area float aufheben
************************************************************/
.clear {
	clear:both;
}

/***********************************************************
	Page Area footer
************************************************************/

div#footer {
	margin: auto;
	width: 800px;
	height: 38px;
}

/***********************************************************
	Page Area Navi Top
************************************************************/
div#navi_top {
	display:block;
	height:20px;
	padding-top: 4px;
	padding-left: 15px;
}
div#navi_top ul {
	list-style: none;
	float: left;
}
div#navi_top ul li {
	float: left;
	background: url('../img/navi_top_right.gif') no-repeat top right;
	margin:0;
	padding:0;
}
div#navi_top ul a {
	float: left;
	display:block;
	height:18px;
	line-height:18px;
	padding: 2px 12px 0px 12px;
	text-decoration:none;
	color:#000000;
	background: url('../img/navi_top_left.gif') no-repeat top left;
}
div#navi_top ul a.selected {
	color:#FF0000;
}
div#navi_top ul a:hover, a:active {
	color:#FF0000;
}

/***********************************************************
	Page Area Navi Left 1. Ebene
************************************************************/
div#navi_left {
}

div#navi_left ul.navi_left_flaggen {
	list-style: none;
	width:120px;
	height:50px;
	padding-left:20px;
}
div#navi_left ul.navi_left_flaggen li {
	font-size:small;
	text-align:center;
	width:60px;
	float: left;
}

div#navi_left ul.navi_left_liste {
	list-style: none;
}
div#navi_left ul.navi_left_liste li {
	background: url('../img/bg_navi_e1.gif') repeat-x left top;
	width:162px;
}
div#navi_left ul.navi_left_liste a {
	display:block;
	width:112px;
	height:38px;
	line-height:38px;
	padding-left:30px;
}

div#navi_left ul.navi_left_liste li.selected {
	background: url('../img/bg_navi_active_e1.gif') repeat-x left top;
}

/***********************************************************
	Page Area Navi Left 2. Ebene
************************************************************/

div#navi_left ul.navi_left_liste_e2 {
	list-style: none;
}
div#navi_left ul.navi_left_liste_e2 li {
	background: url('../img/bg_navi_e3.gif') repeat-x left top;
	width:162px;
}
div#navi_left ul.navi_left_liste_e2 a {
	display:block;
	width:102;
	height:38px;
	line-height:38px;
	padding-left:40px;
}

div#navi_left ul.navi_left_liste_e2 li.selected {
	background: url('../img/bg_navi_active_e3.gif') repeat-x left top;
}

/***********************************************************
	Page Area Navi Left 3. Ebene
************************************************************/

div#navi_left ul.navi_left_liste_e3 {
	list-style: none;
}
div#navi_left ul.navi_left_liste_e3 li {
	background: url('../img/bg_navi_e3.gif') repeat-x left top;
	width:162px;
}
div#navi_left ul.navi_left_liste_e3 a {
	display:block;
	width:92px;
	height:38px;
	line-height:38px;
	padding-left:40px;
}

div#navi_left ul.navi_left_liste_e3 li.selected {
	background: url('../img/bg_navi_active_e3.gif') repeat-x left top;
}

/***********************************************************
	Navi Left Links
************************************************************/

div#navi_left a {
	text-decoration:none;
	color:#000000;
}
div#navi_left a:link {
	text-decoration:none;
}
div#navi_left a:visited {
	text-decoration:none;
}
div#navi_left a:focus {
	text-decoration:none;
}
div#navi_left a:hover {
	text-decoration:none;
	color:#FF0000;
}
div#navi_left a:active {
	text-decoration:none;
	color:#FF0000;
}

/***********************************************************
	Page Area Links
************************************************************/

a {
	text-decoration:none;
	color:#033193;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:focus {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#033193;
}
a:active {
	text-decoration:none;
	color:#033193;
}

/***********************************************************
	Page Area image
************************************************************/
img {
	border:0px;
}

/***********************************************************
	H1-H6 für Span
************************************************************/

div.h1 {
	font-size:13pt;
	text-align:center;
	color:#0033cc;
	font-style:italic;
	letter-spacing:3px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:15px;
}

div.h3 {
	font-size:10pt;
	margin:7px 0px 2px 0px;
	color:#0033cc;
	text-align:center;
	font-weight:bold;
}


/***********************************************************
	H1-H6
************************************************************/

h1 {
	font-size:13pt;
	text-align:center;
	color:#0033cc;
	margin-bottom:15px;
	font-style:italic;
	line-height:120%;
	letter-spacing:3px;
}
h2 {
	font-size:11pt;
	margin:10px 0px 2px 0px;
	color:#0033cc;
}
h3 {
	font-size:10pt;
	margin:10px 0px 2px 0px;
	color:#0033cc;
	text-align:center;
}
h4 {
	font-size:11pt;
	margin:0;
	padding:0;
	color:#000000;
	text-align:center;
}
h5 {
	font-size:11pt;
	margin:10px 0px 10px 0px;
	color:#0033cc;
	background-color:#A9B9DB;
}

/***********************************************************
	Farbwechsel 
************************************************************/

/* Farbdefinition der Überschriften in der Textbase */
div#content .round1 {
	background-color:#FFFFEF;
}

/* Farbdefinition der Überschriften in der Textbase */
div#content .round2 {
	background-color:#E5E2C8;
}

/***********************************************************
	Linie
************************************************************/

hr {
	margin:0;
	padding:0;
	border:0px;
	height:1px;
	width:100%;
	background-color:#FF0000;
}

.line {
	text-align:center;
}

/***********************************************************
	Formulare
************************************************************/



/***********************************************************
	saemtliche Tabellendefinitionen
************************************************************/


table {
	text-align:left;
	vertical-align:top;
	margin:10px 10px 10px 0px;
}


/***********************************************************
	sämliche Tabellendefinitionen für Form-Klasse
************************************************************/
/* table */
div#content table.form {
	text-align:left;
	vertical-align:top;
	margin:10px 10px 10px 0px;
	border-collapse:collapse;
}

/* tbody -> td -> input */
div#content table.form th{
	font-weight:normal;
}

/* tbody -> td -> input */
div#content table.form input {
	width: 240px;
}
/* tbody -> td -> input 335px;*/
div#content table.form textarea {
	font-size:small;
	width: 240px;
}

div#content table.form input[type=checkbox] {
	width: 15px;
}

div#content table.form input[type=radio] {
	width: 15px;
}

/***********************************************************
	div.content contactsite
************************************************************/

div#content .contactform {
	float:left;
	width:400px;
}

div#content .contactadress {
	margin:15px 0px 0px 0px;
}


/***********************************************************
	saemtliche Submit buttons
************************************************************/
.submit {
	color:#7E754C;	
	width: 240px;
	height: 18px;
	cursor: pointer;
	font-weight:normal;
	background: url('../img/submit.gif') no-repeat;
	outline: none;
	border: 0px;
}

/***********************************************************
	Form Labels
************************************************************/

div#content label {
	cursor: pointer;
}

div#content label.error {
	color: #B23100;
}

/***********************************************************
	Form Labels
************************************************************/

input {
	border:1px solid #FF0000;
}
textarea {
	border:1px solid #FF0000;
}

/***********************************************************
	allgemeine Definitionen
************************************************************/
.small {
  font-size:x-small;
}

.red {
  color:#B23100;
}

.grey {
	color:#3A564D;
}

.blue {
  color:#06329D;
}

.black {
  color:#000000;
}

.black_blue {
  color:#000000; 
  background-color:#A9B9DB;
}

.min_height {
	height:300px;
}

.space {
	margin:5px 0px;
}

.center {
	text-align:center;
}

.middle {
	vertical-align:middle;
	margin-right:15px;	
}

.weather {
	font-size:small;
}

/***********************************************************
	Abstandhalter
************************************************************/

.vertical_alignment {
	margin-bottom:10px;
	margin-top:10px;
}

.text_alignment {
	text-align:center;
}

.text_alignment_left {
	text-align:left;
}

.bottom_alignment {
	margin-bottom:5px;
}


/***********************************************************
	Fehlermeldung bei Falscheingabe
************************************************************/

div.form_error {
	border:1px solid black;
	margin-bottom:10px;
	width:600px;
	background-color: #7CADE6;
	visibility: hidden;
}

/***********************************************************
	Hinweistexte - Info
************************************************************/

.hint {
	border: 1px solid black;
	padding: 2px;
	background-color:#E5E2C8;
	font-size:small;
	width:600px;
}

/***********************************************************
	Zurueck-Link
***********************************************************/

.back {
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(../img/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:0px;
	padding:2px 0px 0px 25px;
}

/***********************************************************
	Vorwaerts-Link
************************************************************/

.forward {
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(../img/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0px;
	padding:2px 0px 2px 25px;

}

/***********************************************************
	Administrationsbereich
************************************************************/

/* table */
div#content table.overview {
	width:606px;
	margin-top:5px;
	border-collapse:collapse;
}

div#content table.overview th, td {
	padding:3px;
}

/***********************************************************
	Alphabet
************************************************************/
.alphabet {
	font-size:x-small;
	font-weight:bold;

}
.alphabet a {
	font-size:x-small;
}

/***********************************************************
	Formatierung der Selectboxen für Datum und Zeitangaben
************************************************************/
.date {
	margin-bottom:10px;
}
.date select {
	width:60px;
}

/***********************************************************
 Beschreibungstext einer Rubrik bei Listungsseiten
************************************************************/

.description {
	margin-top:10px;
	margin-bottom:5px;
	font-weight:bold;

}
/***********************************************************
	Pfeil um eine tiefere Ebene optisch anzuzeigen
************************************************************/

span.dropdown {
	color:#000000;
	background-image:url(../img/navi_2/open_3.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}

a.dropdown{
	text-decoration:none;
	color:#033193;
	background-image:url(../img/navi_2/open.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}

/***********************************************************
	Textbaseformatierungen
************************************************************/

.textbase_textarea {
	font-size:small;
	width: 99%;
}

.textbase_input {
	font-size:small;
	width: 99%;
}

.textbase_submit {
	color:#7E754C;	
	width: 180px;
	height: 18px;
	cursor: pointer;
	font-weight:normal;
	background: url('../img/submit.gif') no-repeat;
	outline: none;
	border: 0px;
}

/* zwei Tabellenspalten */
.two_table {
	font-size:small;
	width:240px;
	height:300px;
	vertical-align:top;
}

/* zwei Tabellenspalten Ausgabe*/
.two_table_view {
	width:47%;
	vertical-align:top;
	font-size:small;
	
/********************************************************
	Ende
************************************************************/