﻿/*
	M3Web-Design: Farbdefinitionen

	Die Farben werden an verschiedenen Stellen verwendet und sind hier zusätzlich als CSS-Klassen definiert
	Siehe auch Core.Mvc.Base.ColorSystem
*/

/* ==== Primärfarben ==== */


/*
	Blau:

	100%:   #0468B1    Linkfarbe
	30%:    #D9E8F3    inaktive positive Icons (Darstellungsumschalter)
	10%:    #B4D2E8    Mouse-Over-Hinterlegung von Navigationselementen (Tabs)
*/

/*
	Grau:

	90%:    #1A1A1A    Farbe für Fließtexte und Headlines
	50%:    #7F7F7F    Outlines von grauen Formularfeldern; Formularbezeichnungen innerhalb von Formularzellen; Marginalinformationen, Hinterlegung Tabellenköpfe
	30%:    #B2B2B2    
	10%:    #E5E5E5    dunkler Hintergrund abwechselnder Tabellenzeilenhinterlegungen
	 5%:    #F2F2F2    heller Hintergrund abwechselnder Tabellenzeilenhinterlegungen; helle Hinter-gründe von Inhalts- und Formularbereichen
*/

/* ==== Sekundärfarben ==== */

/*
	Blau1:  #003A65    #0468B1    #1FA0FE
	Rot:    #E31418    #CA0307    #FF3034
	Orange: #E69902    #FFC350    #FFAE10
	Gelb:   #FFD510    #E6BE02    #FFE363
	Grün:   #019705    #76FF05    #07B00B
	Blau2:  #12B6D0    #039EB7    #10DEFD
	Lila1:  #9B007C    #E117E8    #B50090
	Lila2:  #6803FD    #5C00E3    #9650FF
*/


.color-main-blue
{
	background-color: #0468B1;
}

.color-main-blue30
{
	background-color: #D9E8F3;
}

.color-main-blue10
{
	background-color: #B4D2E8;
}



.color-main-gray90
{
	background-color: #1A1A1A;
}

.color-main-gray50
{
	background-color: #7F7F7F;
}

.color-main-gray30
{
	background-color: #B2B2B2;
}

.color-main-gray10
{
	background-color: #E5E5E5;
}

.color-main-gray05
{
	background-color: #F2F2F2;
}