/*
Projekt: www.schwierzy.de
Typ: CSS-Datei
Erstellt am: 25.05.2005, Steffen Thielmann
Zuletzt geändert: 27.07.2005, Steffen Thielmann
Schwierzy & Partner KG

==== Farben ====

Menühintergrund: 	  		  #0066FF
Link-Hover (S+P-Grün):		  #64CAE8
Footer-Tabelle:				  #f0f7f7 oder #9FBBDF

==== externe Dateien ====

Hintergrundbild für Homepage-Kopf:	  		    images/hintergrund_oben.jpg
Hintergrundbild für Menü: 						images/hintergrund_menue.jpg
Hintergrundbilder für Haupttext 'Unternehmen':	images/sp_main.jpg
Hintergrundbilder für Haupttext 'Hardware':		produkte/systeme/images/rechner_main.jpg
Hintergrundbilder für Haupttext 'SO:':			produkte/software/so/images/so_kette_main.jpg
*/


/* ############################################ */
/* ########   Globale Tag-Selektoren   ######## */
/* ############################################ */

BODY
{
  text-align: center;
}

H1
{
  font-family: Arial; 
  font-weight: bold;
  font-size: 18pt; 
  color: #0a2143; 
}

A 
{
  font-family: Arial; 
  font-size: 9pt; 
  color: #0066FF;
  TEXT-DECORATION: none;
}

A:hover 
{
  color: #64CAE8;
}



/* ############################################## */
/* ########   Tag-spezifische Klasseen   ######## */
/* ############################################## */

A.wo
{
  font-family: Arial; 
  font-size: 7pt; 
  color: #0066FF;
  TEXT-DECORATION: none;  
}

TABLE.header
{
  background-image: url(images/hintergrund_oben.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 130px;
}

TABLE.main
{
  width: 800px;
  height: 470px;
  font-family: Arial; 
  font-size: 9pt;
  color: #0a2143;
}


TABLE.footer1
{
  background-image: url(images/hintergrund_footer.jpg);
  width: 800px;
  height: 20px;
  font-family: Arial;
}


TD.menue
{
  background-color: #0066ff; 
  background-image: url(images/hintergrund_menue.jpg);
  background-repeat: no-repeat; 
  padding-top:10px;
  vertical-align:top;
  width: 145px;
}

TD.haupttext_ueberschrift
{
  width: 505px;
  height: 20px;  
  background-color: #9FBBDF; 
  vertical-align:top;
  font-size: 12pt;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;  
  border: 1px solid #9FBBDF;
}

TD.haupttext_unternehmen
{
  background-image: url(images/sp_main.jpg);
  background-repeat: no-repeat;
  width: 505px;
  height: 420px;
  vertical-align:top;
  font-size: 9pt;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;  
  border: 1px solid #9FBBDF;
}

TD.haupttext_so
{
  background-image: url(produkte/software/so/images/so_kette_main.jpg);
  background-repeat: no-repeat;
  width: 505px;
  height: 420px;
  vertical-align:top;
  font-size: 9pt;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;  
  border: 1px solid #9FBBDF;
}

TD.haupttext_hardware
{
  background-image: url(produkte/systeme/images/rechner_main.jpg);
  background-repeat: no-repeat;
  width: 505px;
  height: 420px;
  vertical-align:top;
  font-size: 9pt;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;  
  border: 1px solid #9FBBDF;
}

TD.bildbereich
{
  background-color: #9FBBDF;
  width: 150px;
}


/* ##################################### */
/* ########   Globale Klassen   ######## */
/* ##################################### */

.footer2
{
  
  font-family: Arial; 
  font-size: 7pt;
  font-weight: bold;  
  text-align: center;

  color: #FFFFFF; 
}

.formular
{
  font-family: Arial; 
  font-size: 9pt;  
}

/* ======== HAUPTMENÜ ========= */

.menue1 A 
{
  DISPLAY: block; 
  PADDING-LEFT: 4px; 
  PADDING-TOP: 5px; 
  PADDING-BOTTOM: 5px; 
  font-family: Arial; 
  font-size: 10pt;
  font-weight: bold;
  COLOR: #FFFFFF;
  height: 20px;
  WIDTH: 130px; 
  TEXT-ALIGN: center; 
  TEXT-DECORATION: none;
}

.menue1 A:hover 
{
  height: 20px;
  color: #0066FF;
  font-weight: bold;  
  /*border-left: 2px;
    border-left-color: #64CAE8;
    border-left-style: solid;
    border-top: 2px;
    border-top-color: #64CAE8;
    border-top-style: solid; */  
}


/* ======== MENÜ ======== */

.menue2 a
{
  DISPLAY: block; 
  PADDING-LEFT: 4px;
  PADDING-TOP: 4px;   
  font-family: Arial;
  font-size: 8pt; 
  COLOR: #FFFFFF;
  TEXT-ALIGN: left; 
  TEXT-DECORATION: none;
}

.menue2 a:hover 
{
  color: #64CAE8;
}


/* ======== UNTERMENÜ ======== */

.menue3 a
{
  DISPLAY: block; 
  PADDING-LEFT: 12px; 
  font-family: Arial; 
  font-size: 8pt; 
  COLOR: #FFFFFF;
  TEXT-ALIGN: left; 
  TEXT-DECORATION: none;
}

.menue3 a:hover 
{
  color: #64CAE8;
}

.menue4 a
{
  DISPLAY: block; 
  PADDING-LEFT: 18px; 
  font-family: Arial; 
  font-size: 7pt; 
  COLOR: #FFFFFF;
  TEXT-ALIGN: left; 
  TEXT-DECORATION: none;
}

.menue4 a:hover 
{
  color: #64CAE8;
}