/*

Template Stylesheet Datei für den Fachbereich Oecotrophologie (fb_oe_template)
Beinhaltet keine Stylsheets für Extensions außer für tt_content

FH Color 01: #62BD19; 100%
FH Color 02: #B0DE8C; 50%
FH Color 03: #E0F2D1; 20%
FH Color 04: #EFF8E8; 10%

FB Color 01: #FFFF00; 100%
FB Color 02: #FFFF7F; 50%
FB Color 03: #FFFFCC; 20%
FB Color 04: #FFFFE5; 10%
FB Color 05: #fcf2f7; 5%

Links: 			#222222;
Links hover:	#CC0066;

*/
/* Hintergrundbild für das Menü */
#BACKGROUND { background-image: url(../../fb_oe_template/graphics/site_background.gif); }

/*-------------- Kopfbereich der Seite --------------*/

/* Header-Navigation Ebene 1 */
#HEADER_MENUE { background-color:#FF99CC; }
/* s.o. Links */
#HEADER_MENUE .border a, #HEADER_MENUE .border_act a { color: #000000; border-left: 1px #FFFFFF solid; background-color:#FF99CC; }
/* s.o. Links angewählt */
#HEADER_MENUE .border_act a, #HEADER_MENUE .border a:hover { background-color:#CC0066; color: #FFFFFF; }
#HEADER_MENUE .no_border a, #HEADER_MENUE .no_border_act a { background-color:#FF99CC; color: #000000; }
#HEADER_MENUE .no_border_act a, #HEADER_MENUE .no_border a:hover { color: #FFFFFF; background-color:#CC0066; }

/* Klickpfad / Brotkrumen */
#KLICK_PFAD { background-color: #CC0066; color: #FFFFFF; } 
/* s.o. Link */
#KLICK_PFAD a { color: #FFFFFF;}

/* Bereichsheader Einstellungen / Bereich zwischen Header und Content */
#BEREICHSHEADER { background-color: #CC0066; background-image: url(../graphics/bereichsbild_oe.jpg); }

/*-------------- Navigations Menü --------------*/

/* s.o. Ebene 1 */
#MENUE DIV.ebene1 { background-image: url(../graphics/menue_ebene1_off.gif); }
/* s.o. Ebene 1 überfahren */
#MENUE DIV.ebene1:hover { background-image: url(../graphics/menue_ebene1_on.gif); color: #62BD19; }
/* s.o. Ebene 1 über Links fahren */
#MENUE DIV.ebene1_on { background-image: url(../graphics/menue_ebene1_on.gif); }

/* s.o. Ebene 2 allgemein */
#MENUE DIV.ebene2  { background-image: url(../graphics/menue_ebene2_off.gif); }
/* s.o. Ebene 2 überfahren */
#MENUE DIV.ebene2:hover { background-image: url(../graphics/menue_ebene2_on.gif); }
/* s.o. Ebene 2 über Links fahren */
#MENUE DIV.ebene2 a:hover  { color: #CC0066; }
/* s.o. Ebenen 2 angewählt */
#MENUE DIV.ebene2_on  { background-image: url(../graphics/menue_ebene2_on.gif); }

/*-------------- Unternavigation --------------*/

/* s.o. Link */
#MENUE DIV.menueseitentitel a { color: #CC0066; }

/**************************************/
/**   Inhalts Bereich / tt_content   **/
/**************************************/ 

/*-------------- Allgemeine Einstellungen --------------*/

/* Über Links fahren */
A:hover { color: #CC0066; }
/* Link to Top */
P.csc-linkToTop { color: #CC0066; }
/* Link to top Link */
P.csc-linkToTop A { color: #CC0066; background-image: url(../graphics/to_top_icon.gif); border-bottom: 1px solid #CC0066;}

/*-------------- Überschriften --------------*/

/* Überschriften H1 */
H1 { color: #CC0066; }
/* Überschriften H2 - H6 (wird nicht verwendet) */
H3 { color: #62BD19; }

/* Überschriften mit Link */
H1 A { color: #CC0066; }
H3 A { color: #62BD19; }
H4 A { color: #000000; }

/*-------------- Sitemap --------------*/

/* Sitemap 1. Ebene */
DIV.csc-sitemap ul li A {background-color: #CC0066; color: #FFFFFF; }
/* s.o. 2. Ebene */
DIV.csc-sitemap ul ul li A { background-color: #FF99CC; color: #222222; border: 1px solid #CC0066; }
/* s.o. 3. Ebene  */
DIV.csc-sitemap ul ul ul li A { background-color: #F5CCE0;  border: 1px solid #FF99CC;}
/* s.o. 4. Ebene */
DIV.csc-sitemap ul ul ul ul li A { background-color: #FAE5EF;  border: 1px solid #F5CCE0;}
/* s.o. 5. Ebene */
DIV.csc-sitemap ul ul ul ul ul li A { background-color: #fcf2f7;  border: 1px solid #FAE5EF;}

/* Menü der Unterseiten 1. Ebene */
ul.csc-menu-1 li { background-image: url(../graphics/menue_ebene3_off.gif); }
/* s.o. 2. Ebene */
ul.csc-menu-1 ul li { background-image: url(../graphics/menue_ebene2_off.gif); }

/*-------------- Rahmen um Inhaltselemente --------------*/

/* s.o. Linie davor */
DIV.csc-frame-rulerBefore { border-bottom: 2px solid #CC0066; }
/* s.o. Linie danach */
DIV.csc-frame-rulerAfter { border-bottom: 2px solid #CC0066; }
/* s.o. Rahmen 1 */
DIV.csc-frame-frame1 { border: 1px solid #CC0066;}
/* Rahmen 2 */
DIV.csc-frame-frame2 { background-color: #F2F9FF; border: 1px solid #CC0066; }

/*-------------- Filelinks --------------*/

/* Soll nichtmehr benutzt werden */
div.csc-uploads div.color1 { background-color:#F5CCE0; }
div.csc-uploads div.color2 { background-color:#FAE5EF; }