/* Farb-Stylesheet für Layoutrahmen */

body {
	background-color: #FFFFFF;
	color: #000000;
}

/* Linkfarben */
#main a,
#main a.inactive:hover {
	color: #003366;
}
#main a:focus,
#main a:hover {
	color: #FF5500;
}

/**************************************************/
/* HEADER: Kopfbereich mit Logo und einigen Links */
/**************************************************/

/* Beginn Definitionen nur für IE6 */
/* Explizite Höhenangabe nötig (min-height wird nicht ausgewertet */
* html #header {
	height: 100px;
}
/* Ende Definitionen nur für IE6 */

#header {
	background-image: url(../images/header_logo.png);
	background-position: center left;
	background-repeat: no-repeat;
	min-height: 100px; /* Auch die Höhe gehört zum Bild dazu */
}
/* Englischer Header, gesteuert per lang-Attribut der Seite */
*[lang|="en"] #header {
	background-image: url(../images/header_logo_en.png);
}
#header_links {
	background-color: #003366; /* Hintergrundfarbe Header-Links */
	background-image: url(../images/header_image.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF; /* Vordergrundfarbe Header-Links */
	padding: 80px 0 5px; /* Hintergrundbild ist 76px hoch, Positionierung 4px unter Rand */
}
#header_links ul li {
	border-right-color: #FFFFFF; /* Farbe des Trenners zwischen Header-Links */
}
#header_links ul li a,
#header_links input.link[type=submit] {
	color: #FFFFFF; /* Vordergrundfarbe Header-Links */
}
#header_links ul li a:focus,
#header_links ul li a:hover,
#header_links input.link[type=submit]:hover {
	background-color: #FFFFFF;
	color: #003366;
}


/******************************************************/
/*NAVIGATION: Hauptnavigation am linken Rand */
/******************************************************/

/* Erste Menüebene */
#navigation ul li a,
#navigation ul li span {
	background-color: #335C85;
	border-left-color: #335C85;
	color: #FFFFFF; 
}
/* Aktiv - ob Klasse im li oder im a steht ist egal */
#navigation ul li .selected,
#navigation ul li :focus,
#navigation ul li :hover {
	border-left-color: #FF6600;
}
/* Ausgegraut - ob Klasse im li oder im a steht ist egal */
#navigation ul li .disabled {
	background-color:  #E6E4E4;
	border-left-color:  #E6E4E4;
	color: #808080;
}

/* Zweite Menüebene */
#navigation ul li ul li a,
#navigation ul li ul li span {
	background-color: #6685A3;
	border-left-color: #6685A3;
}

/* Dritte Menüebene */
#navigation ul li ul li ul li a,
#navigation ul li ul li ul li span {
	background-color: #99ADC2;
	border-left-color: #99ADC2;
	color: #000000;
}

/* Vierte Menüebene */
#navigation ul li ul li ul li ul li a,
#navigation ul li ul li ul li ul li span {
	background-color: #CCD6E0;
	border-left-color: #CCD6E0;
	color: #000000;
}

/******************************************************/
/*TABS-TOP / TABS-BOTTOM bei Bedarf Navigation für einzelne Funktionen wie Recherche */
/******************************************************/

#tabs_top ul li {
	background-color: #335C85;
	border-top-color: #FF6600;
	color: #FFFFFF; 
}
#tabs_top ul li a,
#tabs_top ul li a:focus,
#tabs_top ul li a:hover {
	color: #FFFFFF;
}
#tabs_top ul li.active {
	background-color: #CCD6E0;
	border-color: #335C85;
	color: #000000;
}
#tabs_top ul li.active a {
	color: #000000;
}
#tabs_top ul li.active a:focus,
#tabs_top ul li.active a:hover {
	color: #FF6600;
}
#tabs_top ul li.disabled {
	background-color: #E6E4E4;
	border-color: #335C85;
	color: #808080;
}

#tabs_bottom {
	border-top-color: #335C85;
}
#tabs_bottom ul li {
	background-color: #335C85;
	border-bottom-color: #FF6600;
	color: #FFFFFF;
}
#tabs_bottom ul li a,
#tabs_bottom ul li a:focus,
#tabs_bottom ul li a:hover {
	color: #FFFFFF;
}
#tabs_bottom ul li.active {
	background-color: #CCD6E0; 
	border-top-color: #003366;
	border-bottom-color: #335C85;
	border-right-color: #335C85; 
	border-left-color: #335C85;
	color: #000000;
}
#tabs_bottom ul li.active a {
	color: #000000;
}
#tabs_bottom ul li.active a:focus,
#tabs_bottom ul li.active a:hover {
	color: #FF6600;
}
#tabs_bottom ul li.disabled {
	background-color: #E6E4E4; 
	border-color: #335C85;
	color: #808080;
}

/******************************************************/
/*FRAME: enthält HEADLINE, BUTTON-TOP, TEXT, BUTTON-BOTTOM */
/******************************************************/ 

/* Beginn Definitionen nur für IE6 */
/* Da button-bottom nicht mit position:absolute funktioniert und IE6 min-height eh nicht unterstützt, Hintergrund über background-color statt border vom #frame */
* html #button_bottom {
	background-color: #335C85;
}
/* Ende Definitionen nur für IE6 */

#frame {
	background-color: #ffffff;
	color: #000000;
	border-bottom-color: #335C85;
}

#headline, .headline {
	background-color: #335C85;
	color: #FFFFFF;
}
#headline h2, .headline h2 {
	background-color: #335C85;
	color: #FFFFFF;
}

/****************************/ 
/* Tabellen 	            */
/****************************/ 

/* Allgemeine Formatierung */

#content table {
	background-color: #FFFFFF;
}

/* Alle Tabellenzellen */
#content td,
#content th {
	border-color: #CCCCCC;
}
/* Überschriften */
#content th {
	background-color: #E6ECF2;
}

/* Besondere Tabellen */

/* Standard-Tabellentyp */
/* Jede zweite Zeile hervorheben */
#content table.default tr.rowB td {
	background-color: #F2F5F8;
}

/* Rückbestätigung von Werten */
/* Beim Hovern die aktuelle Zeile hervorheben */
#content table.confirmation tr:hover td,
#content table.confirmation tr:hover th {
	background-color: #F2F5F8;
}


/******************************************************/ 
/* CONTENT - ELEMENTE                                           */
/******************************************************/ 

#content h3 {
	color: #FF5500;
}
#content h4 {
	color: #000000;
}

/* Blaettern  */
#content .browse_back {
	border-right-color: #000000;
	color: #003366;
}
#content .browse_next {
	border-left-color: #000000;
	color: #003366;
}

/* Hervorhebung Suchbegriffe bei Dokumentausgabe */
#content .highlight {
	color: red;
}

/* Warnungs-Box */
#content div.warning, #content p.warning {
	background-color: #fff;
	border-color: #c00;
	color: #c00;
}
/* Bestätigungsbox für Aktionen */
#content div.confirmation, #content p.confirmation {
	background-color: #CBF5CB;
	border-color: #000000;
}
/* Hinweise (z.B. auf Kosten) */
#content div.note, #content p.note {
	background-color: #E6ECF2;
	border-color: #000000;
}


/******************************************************/
/* Verschiedene Unterfunktions-Definitionen: MARKER-SUB-FUNCTION, SUB-FUNCTION (enthält BUTTON-SUB) */
/******************************************************/ 

/* Ecke vor dem eigentlichen Unterfunktionsrahmen */
#content #marker_sub_function {
	border-color: #335C85;
} 

/* Unterfunktionsrahmen */
#content #sub_function {
	border-color: #335C85;
}

/**********************************************/
/* Formate für "Dialogboxen"                  */
/**********************************************/

#box {
	border-color: #335C85;
}

#busy_box {
	background-color: white;
	border-color: #335C85;
}

/* Überschrift in wie h2 sonst */
#busy_box h3 {
	background-color: #335C85;
	border-color: #335C85;
	color: #FFFFFF;
}

/* Overlay wird über gesamtes Bild gelegt */
#busy_overlay {
	background-color: #6685A3;
}


/* ************************* */
/*  Infobox (Tooltipp)       */
/* ************************* */

/* Inhalt unsichtbar, nur Hintergrundbild. Für #main statt #content definiert, da es außerhalb verwendet wird. */
#main a.infobox,
#main a.infobox:focus,
#main a.infobox:hover {
	background-color: white;
	border-color: #003366;
	color: white !important;
}

/* Beim hovern Bild ändern, Farben noch einmal explizit auf weiß setzen */
#main a.infobox:focus,
#main a.infobox:hover {
	background-image: url(../images/info_hervorgehoben.gif);
}

/* Beim hovern anzeigen */
#main a.infobox:focus span,
#main a.infobox:hover span {
	background: white;
	border-color: #003366;
	color: black;
}


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

#content #filter fieldset {
	border-color: #CCCCCC;
}

/* Pflichtfelder */
#content dfn.mandatory {
	color: #993300;
}

/* Fehlermeldungen */

/* Fehlermeldung oben */
#content .form_error {
	background: #F5CBCB;
	color: #000000;
}

/* Fehlermeldung um die Fehlerstelle */
#content .mark_form_error {
	background: #F5CBCB;
	color: #000000;
}

/* Tabelle an der Fehlerstelle */
#content .mark_form_error table.default {
	border-color: #F5CBCB;
}

/**********************************************/
/* Formularelemente                           */
/**********************************************/

#main input,
#main select,
#main textarea {
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}

/* Auch für "disable"te, getrennt, da IE6 sonst die Definition ignoriert */
#main input[disabled],
#main select[disabled],
#main textarea[disabled] {
	background-color: #FFFFFF;
	color: #000000;
}

/* Keine Hintergrundfarbe für Checkboxen und Radiobuttons, wichtig bei nicht-weißem Seitenhintergrund */
#main input[type=checkbox],
#main input[type=radio] {
	background-color: transparent;
}

/* Hintergrund bei Fokus ... */
#main input:focus,
#main select:focus,
#main textarea:focus {
	background-color: #FFF6CC;
}
/* ... aber Hintergrund für anderes als text nicht ändern */
#main input[type=button]:focus,
#main input[type=checkbox]:focus,
#main input[type=radio]:focus {
	background-color: #FEC8A4;
}


/* **************************************** */
/* Submit-Buttons und Links in Button-Optik */
/* **************************************** */

/* Standard, Farben entsprechen Online-Styleguide */
#main input.next,
#main input.previous,
#main input.reset,
#main input.submit,
#main a.button {
	background-color: #CCD6E0;
	border-color: #003366;
	color: #000000;
}
/* Auch für "disable"te, getrennt, da IE6 sonst die Definition ignoriert */
#main input[disabled].next,
#main input[disabled].previous,
#main input[disabled].reset,
#main input[disabled].submit {
	background-color: #CCD6E0;
	border-color: #003366;
	color: #000000;
}

/*  "Hauptbutton" auffälliger */
#main input.main,
#main input.next.main,
#main input.previous.main,
#main a.button.main {
	background-color: #FEA970;
	color: #000000;
}
/* Auch für "disable"te, getrennt, da IE6 sonst die Definition ignoriert */
#main input[disabled].main,
#main input[disabled].next.main,
#main input[disabled].previous.main {
	background-color: #FEA970;
	color: #000000;
}

/* Hervorhebung bei Fokus und Mouseover mit orangem Rahmen entsprechen Online-Styleguide */
#main input.next:focus,
#main input.next:hover,
#main input.previous:focus,
#main input.previous:hover,
#main input.reset:focus,
#main input.reset:hover,
#main input.submit:focus,
#main input.submit:hover,
#main a.button:focus,
#main a.button:hover {
	border-color: #FF6600;
	color: #000000;
}

/* Inaktive Elemente ausgrauen */
#main a.button.disabled,
#main a.button.disabled:hover,
#main input.disabled,
#main input.disabled:hover,
#main select.disabled,
#main select.disabled:hover,
#main option.disabled,
#main option.disabled:hover,
#main textarea.disabled,
#main textarea.disabled:hover {
	background-color: #E6E4E4 !important;
	border-color: black !important;
	color: #808080 !important;
}


/* *************************** */
/* Ausgrauen des Hintergrundes */
/* *************************** */

/* Ausgrauen und Hintergrundfarbe wie 2. Menüebene */
#disabled_overlay,
#frame_top {
	background-color: #6685A3;
	color: #FFFFFF;
}

/* Button schwarz/weiß */
#frame_top a.button {
	background-color: #FFFFFF;
	color: #000000;
}