@charset "UTF-8";

/*
Hilfsmittel:
- Shades: http://w3schools.com/tags/ref_colorpicker.asp
- Zusatzfarben: http://www.colorpicker.com/ (Tetrade)
- Animationen: http://preloaders.net/

#F3FAFD (+9)
#E7F5FB (+8)
#DBF0F9 (+7)
#CFEBF7 (+6)
#C3E6F5 (+5)
#B7E2F3 (+4)
#ABDDF1 (+3)
#87CEEB <- skyblue  (HSV: 197, 42, 92)
#6CA5BC (-2)
#517C8D (-4)
#36525E (-6)
#1B292F (-8)
#0E1518 (-9)

Komplementär, Richtung 'rot':
#FDF6F3 (+9)
#FBEDE7 (+8)
#F9E4DB (+7)
#F7DBCF (+6)
#F5D2C3 (+5)
#F3C8B7 (+4)
#F1BFAB (+3)
#EBA487 <- inv:skyblue (HSV: 17, 42, 92)
#BC836C (-2)
#8D6251 (-4)
#5E4236 (-6)
#2F211B (-8)
#18100E (-9)

Tetraedisch, Richtung 'grün':
#F5FDF3 (+9)
#EBFBE7 (+8)
#E1F9DB (+7)
#D7F7CF (+6)
#CEF5C3 (+5)
#C4F3B7 (+4)
#BAF1AB (+3)
#9CEB87 <- tetr:skyblue (HSV: 107, 42, 92)
#7DBC6C (-2)
#5E8D51 (-4)
#3E5E36 (-6)
#1F2F1B (-8)
#10180E (-9)

Ausgegraut:
#F6F9FA (+9)
#ECF2F5 (+8)
#E3ECF0 (+7)
#D9E5EB (+6)
#D0DFE6 (+5)
#C7D9E0 (+4)
#BDD2DB (+3)
#A1BFCC <- grauer:skyblue  (HSV: 197, 21, 80)
#8199A3 (-2)
#61737A (-4)
#404C52 (-6)
#202629 (-8)
#101314 (-9)

*/

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

#layout_upper_header {
    background-color:       #1B292F;
    color:                  #FFFFFF;
    border-color:           #0E1518;
}

#layout_header {
    background-color:       #FFFFFF;
}

#layout_footer {
    background-color:       #1B292F;
    color:                  #FFFFFF;
    border-color:           #0E1518;

/*    border-color:           #517C8D;*/
}

#layout_upper_header a, #layout_footer a {
    color:                  #FFFFFF;
}

#layout_upper_header a:hover, #layout_footer a:hover {
    background-color:       #517C8D;
}

#layout_inner_wrapper {
    background:             #FFFFFF;
    border-color:           #517C8D;
}

#logo {
    background:             #FFFFFF;
    border-color:           #517C8D;
    border-bottom-color:    #FFFFFF;
}

#hierarchieliste {
	background:             #E7F5FB;
	border-color:           #517C8D;
}

#mitarbeiterliste, #mitarbeiterpanelliste, #mitarbeiterpanelliste_container h4 {
	background:             #E7F5FB;
	border-color:           #517C8D;
}

#mitarbeiter_suchen_und_filtern {
	background:             #E7F5FB;
	border-color:           #517C8D;
}

.mitarbeiterpanel {
	border-top-color: 		#87CEEB;
	border-left-color: 		#87CEEB;
	border-right-color:		#517C8D;
	border-bottom-color:	#517C8D;
	background: 			#ABDDF1;
}

.mitarbeiterpanel_highlight, .mitarbeiterpanel_bad {
	border-top-color: 		#EBA487;
	border-left-color: 		#EBA487;
	border-right-color: 	#8D6251;
	border-bottom-color: 	#8D6251;
	background: 			#F7DBCF;
}

.mitarbeiterpanel_active {
	border-top-color: 		#ABDDF1 !important;
	border-left-color: 		#ABDDF1 !important;
	border-right-color: 	#517C8D !important;
	border-bottom-color: 	#517C8D !important;
	background: 			#CFEBF7 !important;
}

.mitarbeiterpanel_good {
	border-top-color: 		#BAF1AB !important;
	border-left-color: 		#BAF1AB !important;
	border-right-color: 	#5E8D51 !important;
	border-bottom-color: 	#5E8D51 !important;
	background: 			#E1F9DB !important;
}

.mitarbeiterpanel .mitarbeiterfoto {
	background-color:		#E7F5FB !important;
	border-color:			#517C8D !important;
}

/*
.personalinformation .ui-resizable-handle.ui-resizable-s {
    background:             url(/images/ui/drag_handle_skyblue.png);
}
*/