/* 
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Titel : skin-grey.css
Autor : Raimund Buechner, buechner@sinma.de, www.sinma.de
Fuer : http://www.sinma.de

Erstellt: 09.12.05 - 10.02.06
Aenderungen nach Fertigstellung:
- Datum, Was, Autor
- Datum, Was, Autor
- Datum, Was, Autor

Beschreibung : Variation in Grau - derzeit online eingesetzt. In dieser Datei sind die Angaben zu *ALLEN* Farbwerten der Site.
Sofern G R A F I K E N als H I NT E R G R U N D eingebunden werden, geschieht dies ebenfalls hier (Ansonsten wuerden background-Angaben das ueberschreiben!).
Die Abarbeitung folgt der Reihenfolge der vorher eingebundenen Stylesheets. Anschließend werden unabhaengig einsetzbare Klassen definiert.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
*/

/* !!! Farbwerte zu "typo.css" !!!

============================================================================ */

/* Text-Links */

a {color: #0034e8; background:transparent;}

a:visited {color: #0024a2;}

a:hover, a:focus, a:active {color: #313b43;}

/* Seitenkoerper */

/* html, body {
color: #0a0c0d;
background: #627586;
} */

body {
color: #0a0c0d;
background: #627586;
}

/* Definitionslisten, Ueberschriften, Absaetze, geordnete und ungeordnete Listen */

dl, dd, dt, h1, h2, h3, h4, h5, p, li, ul, ol, table, table caption {
color: #0a0c0d;
background:transparent;
}

h1 {
color: #0a0c0d;
/* background: #0a0c0d; */
}

h4 {
color: #0a0c0d;
background: transparent;}

/* h2 {color: #ecf2fa; background: #3a75c4;} */

/* h3 {color: #3a75c4;} */

/* #contentMain h5 {border-bottom-color: #3a75c4;} */

/* Tabellen */

table {
color: #0a0c0d;
background:transparent;
}

/* table caption {
border-color: #0a0c0d;
background: #fff;
} */

/* th {
color: #0a0c0d;
background: transparent;
border-color: #627586;
} */

/* td {

} */

/* tr {

} */

/* Schriftformatierungen */

acronym {
/* background: transparent url(../gfx/acropic01.gif) center right no-repeat;
border-bottom-color: #0a0c0d; */
}

del {
color: #0a0c0d;
}

/* !!! Farbwerte zu "layout-3col-fluid.css" !!!

============================================================================ */

/* #document, #intro, #layoutGrid-innerColContainer, #siteinfo, .vnav ul, .vnav ul li, .hnav, .hnav ul li a {
border-color: #565;
} */

#intro {
color: #0a0c0d;
background: #627586;
}

/* #intro h1 {
color: #fff;
background: transparent url(../gfx/sec3.gif) top left no-repeat;
} */

#layoutGrid-outerColContainer {
border-left-color: #f0f2f3; /* Hintergrundfarbe fuer die linke Spalte */
border-right-color: #f0f2f3; /* Hintergrundfarbe fuer die rechte Spalte */
background-color: #f0f2f3; /* Hintergrundfarbe fuer die Mittelspalte */
}

#contentMain h2, #contentMain h2 a, #contentMain h2 a:link, #contentMain h2 a:visited {
color: #0a0c0d;
background: transparent;
}

#contentMain .hr01 {
color: #f0f2f3;
background: transparent url(../gfx/breaklineContMain01.gif) no-repeat center;
border-color: #f0f2f3;
}

#contentMain table.products {
border: 1px solid #b1bbc3;
background: #fff;
}

#contentMain table.products th {
color: #fff;
background: #d92500;
}

#contentMain table.products th h4 {
color: #fff;
}

#contentMain table.products th, #contentMain table.products td {
border: 1px solid #b1bbc3;
}

#contentMain table.products tr.summary td {
color: #fff;
background: #d92500;
border-top: 1px solid #627586;
border-bottom: 1px solid #313b43;
}



#contentMain table td.alignRight, #contentMain table tr.separator td {
border-color: #f0f2f3;
}

/* Formatierungen der 'Seitenspalten'
==================================================================================== */

/* #contentRelated01 {
color: #0a0c0d;
background: #b1bbc3;
} */

#contentRelated02, #siteinfo {
color: #f0f2f3;
background: #627586;
}

#contentRelated01 dl {
color: #fff;
background: #b1bbc3;
}

#contentRelated01 dd, #contentRelated02 dd, #contentRelated01 ul li, #contentRelated02 ul li, #contentRelated01 dd ul li, #contentRelated02 dd ul li, #contentRelated01 h3, #contentRelated02 h3, #contentRelated01 p, #contentRelated02 p {
color: #fff;
background: transparent;
}

#contentRelated03 {
color: #0a0c0d;
background: #b1bbc3;
}

#disclaim {
color: #0a0c0d;
background: #b1bbc3;
}

#siteinfo {
color: #fff;
background: #627586;
}

/* !!! Farbwerte zu "navigation.css" !!!

============================================================================ */


/* Schnellzugriff: In der grafischen Ausgabe nur bei Hover & Focus zu sehen
==================================================================================== */
dl#navAccess ul li a:link, dl#navAccess ul li a:visited {color: #627586;}

dl#navAccess ul li a:hover, dl#navAccess ul li a:active, dl#navAccess ul li a:focus {
color: #0a0c0d;
background: #fff;
}

/* !!! Verschiedene Arten von Links in den Info-Boxen !!!

==================================================================================== */

/* Liste von Links: Inhaltsbezogen (Partner, externe Links etc.)
============================================================================ */

/* #contentRelated01 dl#navRelated01 ul li a, #contentRelated02 ul.navRelated li a {
color: #fff;
background: transparent;
} */

#contentRelated01 dl#navRelated01 ul li a:hover, #contentRelated01 dl#navRelated01 ul li a:focus, #contentRelated01 dl#navRelated01 ul li a:active, #contentRelated02 ul.navRelated li a:hover, #contentRelated02 ul.navRelated li a:focus, #contentRelated02 ul.navRelated li a:active {
color: #d92500;
}

/* Lokale Navigation der einzelnen Seite
==================================================================================== */

dl#navLocal li a, dl#navLocal li a:link, dl#navLocal li a:visited, dl#navLocal li a:hover, dl#navLocal li a:focus, dl#navLocal li a:active {
color: #fff;
background: transparent;
} 

dl#navLocal li a:hover, dl#navLocal li a:focus, dl#navLocal li a:active, dl#navLocal li strong {
color: #fff;
background: #313b43;
} 

dl#navLocal li strong {
color: #0a0c0d;
background: #f0f2f3;
}

/* Hauptnavigation
==================================================================================== */

dl#navGlobal a, dl#navGlobal a:link, dl#navGlobal a:visited {
color: #fff;
background: #627586 url(../gfx/navibg07.gif) center no-repeat;
}

dl#navGlobal strong {
color: #0a0c0d;
background: #f0f2f3 url(../gfx/navibg-on-01.gif) center no-repeat;
}

dl#navGlobal ul li a.onpar, dl#navGlobal ul li a.onpar:link, dl#navGlobal ul li a.onpar:visited {
color: #0a0c0d;
background: #b1bbc3 url(../gfx/navibg-hover-02.gif) center no-repeat;
}

dl#navGlobal a:hover, dl#navGlobal a:active, dl#navGlobal a:focus, dl#navGlobal ul li a.onpar:hover, dl#navGlobal ul li a.onpar:active, dl#navGlobal ul li a.onpar:focus {
color: #fff;
background: #313b43 url(../gfx/navibg-onpar-02.gif) center no-repeat;

}

/* Eingehoverte Info-Texte; hier *muss* fuer border auch Staerke & Art angegeben sein, sonst klappts nicht. KA warum - ev. sonst bisher einfach Glueck gehabt ... :-(
==================================================================================== */
#navGlobal ul li a span, #navGlobal ul li a.onPar span, #navGlobal ul li li a span, #navGlobal ul li li a.on span, #navGlobal ul li a span strong {
color: #fff;
background: #627586;
}

#navGlobal ul li a span strong.brandColor {
color: #d92500;
}

/* Textformatierung im Seitenfuß
==================================================================================== */

#siteinfo h3 {
color: #fff;
background: transparent;
}

#siteinfo p {
color: #fff;
border-color: #f0f2f3;
}

#siteinfo p a, #siteinfo p a:link, #siteinfo p a:visited, #siteinfo p a:hover, #siteinfo p a:active, #siteinfo p a:focus {
color: #fff;
}

#siteinfo hr {
color: #f0f2f3;
background: #f0f2f3;
}

/* Links in der Info-Navi im Seitenfuß
==================================================================================== */

#navSupp ul li {
color: #fff;
}

#navSupp ul li strong {
color: #0a0c0d;
background: #f0f2f3;
}

#navSupp ul li a, #navSupp ul li a:visited {color: #f0f2f3;}

#navSupp ul li a:hover, #navSupp ul li a:active, #navSupp ul li a:focus {color: #fff;}

/* Links in der Haupt-Navi-Wiederholung im Seitenfuß
==================================================================================== */

#navGlobalSupp ul li a, #navGlobalSupp ul li a:visited {
color: #fff;
background: #627586;
}

#navGlobalSupp ul li a:hover, #navGlobalSupp ul li a:active, #navGlobalSupp ul li a:focus, #navGlobalSupp ul li strong {
color: #313b43;
background: #f0f2f3;
}

#navGlobalSupp ul li strong {
color: #0a0c0d;
}

/* !!! Farbwerte zu "pagevar.css" !!!

============================================================================ */

/* Farbe der Listen-Bullets
==================================================================================== */
body#sitemap #contentMain ul li {
color: #0a0c0d;
}

/* W3C-Buttons
============================================================================ */

.w3cbutton4 a:link, .w3cbutton4 a:visited,.w3cbutton4 a:hover {
color: #0a0c0d;
background: #fc6;
border-color: #8b8b8b;
}

.w3cbutton4 span.w3c {
color: #0c479d;
background: #fff;
}

/* !!! Site-weite Farbformatierungen !!!

============================================================================ */

.brandColor {
color: #d92500;
}

/* !!! Angaben für die externen Credit-Seiten !!!

==================================================================================== */
#layoutGrid-outerColContainerCentered {
/* border-left-color: #627586; */ /* Hintergrundfarbe fuer die linke Spalte */
/* border-right-color: #627586; */ /* Hintergrundfarbe fuer die rechte Spalte */
background-color: #f0f2f3; /* Hintergrundfarbe fuer die Mittelspalte */
}

#homejump {
color: #fff;
background: #627586;
}

#homejump a, #homejump a:link, #homejump a:visited {
color: #fff;
background: #627586;
}

#homejump a:hover, #homejump a:active, #homejump a:focus {
color: #fff;
background: #313b43;
}