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

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

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

div#page {
	background: #FFFFFF url('../img/bg_page.gif') repeat-y;
	margin: auto;
	width: 850px;
}

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

div#head {
	background: #FFFFFF url('../img/top.jpg') no-repeat;
	height:205px;
}

/***********************************************************
	Page Area left
************************************************************/
div#left {
	width:200px;
	float:left;
	padding-left:25px;

}

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

div#content {
	width:600px;
	float:right;
	padding-right:25px;
}

/***********************************************************
	Page Area content rechte Spalte
************************************************************/
div#content div#right {
	margin-top:20px;
	margin-left:20px;
	width:199px;
	float:right;
}

/***********************************************************
	Page Area content mittlere Spalte
************************************************************/
div#content div#center {
	margin-left:20px;
	margin-right:20px;
	line-height:140%;
	font-size:small;
}

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

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

div#footer {
	margin: auto;
	width: 850px;
	height: 200px;
}



/***********************************************************
	Page Area Navi Top
************************************************************/
div#navi_top {
	font-size:x-small;
}

div#navi_top ul {
	padding-left: 30px;
	list-style: none;
}
div#navi_top li {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
div .navi_top_flagge {
	padding-top: 5px;
}
div .navi_top_link {
	padding-top: 5px;
}

div#navi_top .selecter {
	font-size:x-small;
	color:#B23100;
}

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

div#navi_left ul {
	list-style: none;
}
div#navi_left li {
	background: #FFFEC7 url('../img/bg_navi_e1.jpg') repeat-x;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	width:199px;
}
div#navi_left ul a {
	display:block;
	width:199px;
	height:28px;
	line-height:28px;
}

div#navi_left li .selected{
	background: #FFFEC7 url('../img/bg_navi_active_e1.jpg') repeat-x;
}

div#navi_left .navi_first {
	margin-left:10px;
}

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

div#navi_left li ul li{
	background: #FFFEC7 url('../img/bg_navi_e2.jpg') repeat-x;
	border-right: 0px;
	border-top: 1px solid #DDDDDD;
}

div#navi_left li ul  li .selected{
	background: #FFFEC7 url('../img/bg_navi_active_e2.jpg') repeat-x;
}

div#navi_left .navi_second {
	margin-left:20px;
}

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

div#navi_left li ul li ul li {
	background: #FFFEC7 url('../img/bg_navi_e3.jpg') repeat-x;
	border-right: 0px;
	border-top: 1px solid #DDDDDD;
}

div#navi_left li ul  li ul  li .selected{
	background: #FFFEC7 url('../img/bg_navi_active_e3.jpg') repeat-x;
}

div#navi_left .navi_third {
	margin-left:30px;
}

/***********************************************************
	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:#033193;
}
div#navi_left a:active {
	text-decoration:none;
	color:#033193;
}

/***********************************************************
	Navi Top Links
************************************************************/

div#navi_top a {
	text-decoration:none;
	color:#000000;
	font-size:x-small;
}
div#navi_top a:link {
	text-decoration:none;
}
div#navi_top a:visited {
	text-decoration:none;
}
div#navi_top a:focus {
	text-decoration:none;
}
div#navi_top a:hover {
	text-decoration:none;
	color:#033193;
}
div#navi_top a:active {
	text-decoration:none;
	color:#033193;
}

/***********************************************************
	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;
}

/***********************************************************
	Page Area Suchbox
************************************************************/
.search_box {
	padding:0px 0px 7px 0px;
	background: #fffeb1;
	border-right: 1px solid #DDDDDD;
	width:199px;
	text-align:center;
}

.input_search {
	border: 1px solid #DDDDDD;
	border-style:inset;
	width:100px;
	padding:2px;
}

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

h1 {
	font-size:medium;
	text-align:center;
	margin-bottom:10px;
	color:#222222;
}
h2 {
	font-size:small;
	margin:10px 0px 2px 0px;
	color:#222222;
}
h3 {
	font-size:small;
	margin:10px 0px 2px 0px;
	color:#222222;
	text-align:center;
}
h4 {
	font-size:x-small;
	margin:10px 0px 2px 0px;
	color:#222222;
}

h5 {
	font-size:small;
	margin:10px 0px 10px 0px;
	color:#222222;
	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:5px 5px 5px 0px;
	border-top:1px solid #222222;
	color:#FFFFFF;
}

.line {
	text-align:center;
	margin:10px;
}

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



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


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


/***********************************************************
	s㬴liche Tabellendefinitionen f� 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;
}


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

.red {
  color:#B23100;
}

.grey {
	color:#3A564D;
}

/*es wird nun grau genommen - #06329D Ticket:#05694*/
.blue {
  color:#3A564D;
}

.black {
  color:#000000;
}

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

.min_height {
	height:300px;
}

.space {
	margin:5px 0px;
}

.italic {
	font-style:italic;
}

.center {
	text-align:center;
}

.left  {
	text-align:left;
}

.right  {
	text-align:right;
}


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

.weather {
	font-size:small;
}

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

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

.text_alignment {
 margin:10px 0px;
}

.bottom_alignment {
 margin-bottom:5px;
}


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

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

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

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

/***********************************************************
	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:520px;
	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;
}

.textbase_input {
	font-size:small;
}

.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
************************************************************/


