/******************** BODY UND HAUPTRAHMEN ********************/

/* Alle Standardeinstellungen setzen, damit später nicht jedes mal font-family usw. extra gesetzt werden müssen. */
body {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: Black;
  background: FFFFFF;
}

/* Äußerster Rand - für Abgrenzung zwischen Head, Menu, Main, Right, Footer oder wie auch immer - je nach Aufteilung... */
.border_main {
  border: 1px solid Black;
  background-color: #FFFFFF;
}

/******************** AUFLISTUNGEN ********************/

/* Randfarbe der Trennlinien bei Auflistungen */
.list_border {
  background-color: #AEB2B6;
}

/* Hintergrundfarbe der Überschriften(Header) bei Auflistungen */
.list_head {
  background-color: #F7F7EF;
}

/* Hintergrundfarbe der Tabellenzellen mit Daten bei Auflistungen */
.list_inside {
  background-color: #FFFFFF;
}

/* Listeninhalt(Daten) mit MouseOver-Effekt */
.list_hover	{
  background-color: #DEE2E6;
}

/******************** NORMALER TEXT ********************/

/* normaler Text */
.text	{
  color: Black;
  font-size: 12px;
}

/* breiter Text */
.text_bold	{
  font-size: 12px;
  font-weight: bold;
}

/* kleiner Text */
.text_small	{
  color: Black;
  font-size: 10px;
}

/* kleiner, breiter Text */
.text_small_bold	{
  font-size: 10px;
  font-weight: bold;
}

.text_large_bold {
  font-size: 13px;
  font-weight: bold;
}

.deliverable {
	font-size: 12px;
	color: red;
}

/******************** FORMULARINHALT ********************/

/* Randfarbe eines Formulars */
.form_border	{
  border: 1px solid #AEB2B6;
}

/* Hintergrundfarbe der Überschriften(Header) in Formularen */
.form_head {
  background-color: #F7F7EF;
  border-bottom: 1px solid #AEB2B6;
  font-size: 12px;
  font-weight: bold;
}

/* normaler Text in einem Formular */
.form_text	{
  font-size: 12px;
}

/* fehlerhafter Text in einem Formular */
.form_error	{
  font-size: 12px;
  font-weight: bold;
  color: #EE0000;
}

/******************** KOMMENTARE / HINWEISTEXTE ********************/

/* Text in Kommentarform */
.comment	{
  font-size: 12px;
  color: gray;
}

/* kleiner Text in Kommentarform */
.comment_small	{
  font-size: 10px;
  color: gray;
}

/* breiter Text in Kommentarform */
.comment_bold	{
  font-size: 12px;
  font-weight: bold;
  color: gray;
}

/* kleiner, breiter Text in Kommentarform */
.comment_small_bold	{
  font-size: 10px;
  font-weight: bold;
  color: gray;
}

/******************** NORMALE ÜBERSCHRIFTEN ********************/

/* Für wirklich große Überschriften, wie bspw. allein stehende Begrüßungen */
h1 {
  font-size: 48px;
}

/* Mittelgroße Überschrift */
h2 {
  font-size: 26px;
  padding: 10px 10px 0px 0px;
}

/* Kleine Überschrift */
h3 {
  font-size: 18px;
  margin: 0px;
}

/******************** BEREICHSÜBERSCHRIFTEN ********************/

/* Bereichsüberschrift für einen neuen Hauptbereich */
h1.block {
  font-size: 16px;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
  border: 1px solid #000066;
  background-color: #DEE2E6;
}

/* Bereichsüberschrift für einen neuen Unterbereich */
h2.block {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 2px 3px 3px;
  border: 1px solid #000066;
  background-color: #DEE2E6;
}

/******************** DIV-ELEMENTE (falls Seitenunterteilung ohne Tabellen erfolgt) ********************/

/* div-Element - Kopfbereich
.div_header {
  background-color: #FFFFFF;
}

/* div-Element - Trennlinie (typisch bei ALTANA-Projekten; Trennlinie zw. Logo und Menu)
.div_spacer {
  background-color: #FFFFFF;
}

/* div-Element - Menu
.div_menu {
  background-color: #FFFFFF;
}

/* div-Element - Content
.div_content {
  background-color: #FFFFFF;
}

/* div-Element - Footer
.div_content {
  background-color: #FFFFFF;
}

/* div-Element - Dritter Bereich (bei UST-Projekten üblicherweise rechts angeordnet)
.div_right {
  background-color: #FFFFFF;
}

/******************** EINGABEELEMENTE ********************/

/* Alle Eingabefelder die sich mit <input type="..."> darstellen lassen */
input {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #AAAABB;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 2px;
}

/* Button im Normalzustand */
input.button {
  color: Black;
  border: 1px solid #AAAABB;
  background-color: #F7F7EF;
}

/* Button währen MouseOver */
input.button:hover {
  color: Gray;
  border: 1px solid #666677;
}

/* Button beim Klicken */
input.button:active {
  border: 1px solid #666677;
  background-color: #DDDDE4;
}

/* Für alle Eingabefelder vom Typ <textarea> */
textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #AAAABB;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 2px;
}

/* Für alle Eingabefelder vom Typ <select> */
select {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #AAAABB;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 2px;
}

/******************** HYPERLINKS ********************/

a:link {
  color: Black;
  text-decoration: underline;
}  

a:visited {
  color: Black;
  text-decoration: underline;
}  

a:hover {
  color: Gray;
  text-decoration: underline;
}  

a:active {
  color: Black;
  text-decoration: underline;
}  

/******************** DEFINITIONEN FÜR DIE MENUKLASSE ********************/

.menu_0_normal {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;	
  color: Black;
}

.menu_0_active {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;	
  color: Black;
}

.menu_1_normal {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;	
  color: Black;
}

.menu_1_active {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;	
  color: Black;
}

.menu_2_normal {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;	
  color: Black;
}

.menu_2_active {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;	
  color: Black;
}

a.menu_normal:link {
  color: Black;
  text-decoration: none;
}  

a.menu_normal:visited {
  color: Black;
  text-decoration: none;
}  

a.menu_normal:hover {
  color: Gray;
  text-decoration: none;
}  

a.menu_normal:active {
  color: Black;
  text-decoration: none;
}  

a.menu_active:link {
  color: Black;
  text-decoration: none;
}  

a.menu_active:visited {
  color: Black;
  text-decoration: none;
}  

a.menu_active:hover {
  color: Gray;
  text-decoration: none;
}  

a.menu_active:active {
  color: Black;
  text-decoration: none;
}

/******************** Spezialanpassungen MAFRA *********************/

a.mainmenu:link {
  color: White;
  text-decoration: none;
}

a.mainmenu:visited {
  color: White;
  text-decoration: none;
}

a.mainmenu:hover {
  color: White;
  text-decoration: none;
}

a.mainmenu:active {
  color: White;
  text-decoration: none;
}

.highlight_text {
  color: Black;
  background-color: #BEE0F9;
  font-size: 12px;
}

.highlight_text_error {
  color: Red;
  background-color: #BEE0F9;
  font-size: 12px;
  font-weight: bold;
}

.highlight_price {
  color: White;
  background-color: #0099CC;
  font-size: 11px;
  font-weight: bold;
}

.highlight_count {
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #0099CC;
  font-size: 11px;
  font-weight: bold;
}

.highlight_text_small {
  color: Black;
  background-color: #BEE0F9;
  font-size: 11px;
}

.light_text {
  color: Black;
  font-size: 12px;
}

.text_smallblack	{
  color: Black;
  font-size: 11px;
}

.highlight_text_smallblack {
  color: Black;
  background-color: #BEE0F9;
  font-size: 11px;
}

input.newsletter {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  border: 1px solid #AAAABB;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 2px;
}

input.cart {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  border: 0px solid #0099CC;
  color: Black;
  background-color: #BEE0F9;
  padding: 2px 2px 2px 2px;
}

.border_main {
  border: 1px solid #0099CC;
  background-color: #FFFFFF;
}

.border_left {
  border-left: 1px solid #0099CC;
}

.border_right {
  border-right: 1px solid #0099CC;
}

.border_bottom {
  border-bottom: 1px solid #0099CC;
}

.border_leftbottom {
  border-left: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

.border_rightbottom {
  border-right: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

.border_leftrightbottom {
  border-left: 1px solid #0099CC;
  border-right: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

.border_topleftright {
  border-top: 1px solid #0099CC;
  border-left: 1px solid #0099CC;
  border-right: 1px solid #0099CC;
}

.border_toprightbottom {
  border-top: 1px solid #0099CC;
  border-right: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

.border_full {
  border-left: 1px solid #0099CC;
  border-right: 1px solid #0099CC;
  border-top: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

/******************** Metallerodierer *******************/
.even {
	background-color: #ccc;
}

.odd {
	background-color: #fff;
}

.erodierer_head {
	background-color: #cc99cc;
	color: #fff;
}

.erodierer_zubehoer {
  color: #cc99cc;
}

/******************* Wir ueber uns *******************/
.mafra_bgcolor {
	background-color: #00A9EC;
}

.wirueberuns_teaser {
	padding: 30px 10px 30px 10px;
}

.mitarbeiter_img {
	padding: 0px 20px 0px 50px;
}

.mitarbeiter_name {
	font-size: 18px;
	width: 40%;
}

.mitarbeiter_txt {
	padding: 4px 0px 0px 12px;
	border-top: 1px solid #00A9EC;
  border-right: 1px solid #00A9EC;
	border-bottom: 1px solid #00A9EC;
}

.spacer {
	padding: 10px 0px 0px 0px;
	font-size: 1px;
}

/******************** ENDE DER DATEI ********************/