/* ****************************
colors.css
Colors for different site sections
**************************** */


/* ****************************
Client: Management Drives
Website: managementdrives.nl

Main color 1: #383838 -> Name: Black
Main color 1: #575757 -> Name: Dark gray
Main color 1: #d8d8d8 -> Name: Light gray
Main color 1: #5c2e91 -> Name: Purple
Main color 1: #e9841d -> Name: Orange
Main color 1: #ffcb05 -> Name: Yellow
Main color 1: #1a962b -> Name: Green
Main color 2: #006bb2 -> Name: Blue
Main color 2: #d71440 -> Name: Red
Main color 2: #afafaf -> Name: Gray
**************************** */


/* ****************************
Section: Purple
**************************** */

body.color-purple a,
body.color-purple #normal h2.csc-firstHeader,
body.color-purple #nav-level2 ul li.li-spacer  {
	color: #5c2e91;
}

body.color-purple #nav-level1 ul li a:hover,
body.color-purple #nav-level1 ul li.li-active a,
body.color-purple #nav-level1 ul li.li-current-active a {
	background-color: #5c2e91;
}

body.color-purple .csc-content ul li {
	background-image: url('../images/arrow-purple.png');
}



/* ****************************
Section: Orange
**************************** */

body.color-orange a,
body.color-orange #normal h2.csc-firstHeader,
body.color-orange #nav-level2 ul li.li-spacer {
	color: #e9841d;
}

body.color-orange #nav-level2 ul li a:hover,
body.color-orange #nav-level2 ul li.li-active a,
body.color-orange #nav-level2 ul li.li-current-active a {
	background-color: #e9841d;
}

body.color-orange .csc-content ul li {
	background-image: url('../images/arrow-orange.png');
}



/* ****************************
Section: Yellow
**************************** */

body.color-yellow a,
body.color-yellow #normal h2.csc-firstHeader,
body.color-yellow #nav-level2 ul li.li-spacer  {
	color: #ffcb05;
}

body.color-yellow #nav-level2 ul li a:hover,
body.color-yellow #nav-level2 ul li.li-active a,
body.color-yellow #nav-level2 ul li.li-current-active a {
	background-color: #ffcb05;
}

body.color-yellow .csc-content ul li {
	background-image: url('../images/arrow-yellow.png');
}



/* ****************************
Section: Green
**************************** */

body.color-green a,
body.color-green #normal h2.csc-firstHeader,
body.color-green #left h2,
body.color-green #right h2,
body.color-green #nav-level2 ul li.li-spacer  {
	color: #1a962b;
}

body.color-green #nav-level2 ul li a:hover,
body.color-green #nav-level2 ul li.li-active a,
body.color-green #nav-level2 ul li.li-current-active a {
	background-color: #1a962b;
}

body.color-green .csc-content ul li {
	background-image: url('../images/arrow-green.png');
}



/* ****************************
Section: Blue
**************************** */

body.color-blue a,
body.color-blue #normal h2.csc-firstHeader,
body.color-blue #nav-level2 ul li.li-spacer  {
	color: #006bb2;
}

body.color-blue #nav-level2 ul li a:hover,
body.color-blue #nav-level2 ul li.li-active a,
body.color-blue #nav-level2 ul li.li-current-active a {
	background-color: #006bb2;
}

body.color-blue .csc-content ul li {
	background-image: url('../images/arrow-blue.png');
}



/* ****************************
Section: Red
**************************** */

body.color-red a,
body.color-red #normal h2.csc-firstHeader,
body.color-red #nav-level2 ul li.li-spacer  {
	color: #d71440;
}

body.color-red #nav-level2 ul li a:hover,
body.color-red #nav-level2 ul li.li-active a,
body.color-red #nav-level2 ul li.li-current-active a {
	background-color: #d71440;
}

body.color-red .csc-content ul li {
	background-image: url('../images/arrow-red.png');
}



/* ****************************
Section: Gray
**************************** */

body.color-gray a,
body.color-gray #normal h2.csc-firstHeader,
body.color-gray #nav-level2 ul li.li-spacer  {
	color: #989898;
}

body.color-gray #nav-level2 ul li a:hover,
body.color-gray #nav-level2 ul li.li-active a,
body.color-gray #nav-level2 ul li.li-current-active a {
	background-color: #989898;
}

body.color-gray .csc-content ul li {
	background-image: url('../images/arrow-gray.png');
}