/* Screen: Schwarz-Weiss-CSS-Datei zu www.die-barrierefreie-website.de */
/* CSS-File generated by Christiane Mueller, http://www.itib.de */

/* USED COLORS -------------------------------------------------  */
/* BENUTZTE FARBEN ---------------------------------------------  */

/* white (e.g. background)                  #FFFFFF       weiss   */
/* black (e.g. font)                        #000000       schwarz */
/* another 'black' to avoid warning in w3-validator #00001F       */

/* ############################################################## */
/* ###################### BODY DEFINITIONS ###################### */
/* ############################################################## */

/* Seite allgemein */
body, body#catbarrierefrei, body#catgrundlagen, body#catumsetzung, body#catmarketing, body#catsuchdienste, body#cattemplates {
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  max-width: 59.5em;
}

/* ausgelagertes Quelltext-Beispiel */
body.beispiel {
  background-color: #FFFFFF;
  color: #000000;
}

/* Seiten-Container */
#top {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 80%;
  line-height: 1.5em;
}

/* ########################## Verweise ########################## */

/* unbesuchter Verweis */
a:link,
a:visited {
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

/* bereits besuchter Verweis */
a:visited {
  font-style: italic;
}

/* Verweis bei Mouse-over, aktiver Verweis und Verweis bei Fokus */
a:hover,
a:active,
a:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

/* ##################### Textauszeichnungen ##################### */

/* Absatz */
p {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Erweiterte Suche-Link */
p.small {
  font-size: .9em;
  margin: 0;
  padding: 0;
}

/* Fettschrift */
strong {
  font-weight: bold;
}

/* Abkuerzungen und Akronyme */
abbr, acronym {
  border-bottom: 1px dotted #000000;
  cursor: help;
  font-variant: normal;
}

/* Adressangabe auf Kontakt-Seite */
address {
  font-style: normal;
  margin: 1em 0;
  padding: .5em;
}

/* Zitate und Kursivschrift */
cite, q, em  {
  font-size: 1em;
  font-style: italic;
}

/* Quelltext und Benutzereingaben im Fliesstext */
code, kbd {
  font-family: "Courier New", Courier, Monaco, monospace;
  font-size: 1em;
}

/* Bilder */
img {
  border: 0;
}

/* Text komplett in Grossbuchstaben */
.grossbuchstaben {
  text-transform: uppercase;
}

/* Seiteninterne Sprungmarken */
p.unsichtbar {
  display: inline;
  margin: 0;
  padding: 0;
  text-align: left;
  visibility: visible;
}

p.unsichtbar a.unsichtbar {
  display: inline;
  height: 1em;
  left: -400em;
  position: absolute;
  visibility: visible;
}

/* externen Link zusaetzlich als URL ('ausgeblendet') */
span.printonly,
span.printonlyinline {
  display: none;
  visibility: hidden;
}

/* zusaetzlicher SMS-Link ('ausgeblendet') */
span.mobileonly {
  display: none;
  visibility: hidden;
}

/* ########################### Listen ########################### */

/* ungeordnete Liste */
ul {
  list-style-type: square;
  margin: 0;
  padding: .5em .5em .5em 2em;
}

/* geordnete Liste */
ol {
  list-style-type: decimal;
  margin: 0;
  padding: .5em .5em .5em 2em;
}

/* Definitionsbegriff in Definitionsliste */
dt {
  font-weight: bold;
}

/* Beschreibungen in Definitionsliste */
dd {
  margin: 0;
  padding: 0 0 1em 0;
}

/* ########################## Formulare ######################### */

/* Formular einbinden */
form {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Formularfelder zusammenfassen */
fieldset {
  border: 1px solid #000000;
  margin: 1%;
  padding: 1%;
  width: 94%;
}

/* Formular: Absatz */
fieldset p {
  clear: both;
  margin: .5em 0;
  padding: 0;
}

/* Verweis auf Sucheingabe-Erklaerung innerhalb der Seite */
fieldset a:link.suchhilfe,
fieldset a:visited.suchhilfe,
fieldset a:hover.suchhilfe,
fieldset a:active.suchhilfe,
fieldset a:focus.suchhilfe {
  display: block;
  margin: 0 0 0 8em;
  padding: 0 0 0 1.2em;
}

/* Formularueberschrift */
legend {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 .5em 0;
  padding: .2em .5em;
}

/* Eingabefeldbeschriftung */
label {
  display: inline;
  float: left;
  font-size: .9em;
  font-weight: bold;
  margin: 0 1em 0 0;
  padding: 0;
  text-align: right;
  width: 7em;
}

/* Sprungmarke fuer Fehlerbehandlung */
label a:link, label a:visited, label a:hover, label a:active, label a:focus {
  background-color: #FFFFFF;
  color: #000000;
  cursor: auto;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

/* Eingabefeld */
input,
textarea {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: inline;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: .1em .2em;
}

/* Eingabefeld bei Tastatur-Fokus */
input:focus,
textarea:focus {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
}

/* Schaltflaeche */
input[type=submit],
input[type=reset],
body#catbarrierefrei input[type=submit],
body#catbarrierefrei input[type=reset],
body#catgrundlagen input[type=submit],
body#catgrundlagen input[type=reset],
body#catumsetzung input[type=submit],
body#catumsetzung input[type=reset],
body#catmarketing input[type=submit],
body#catmarketing input[type=reset],
body#catsuchdienste input[type=submit],
body#catsuchdienste input[type=reset],
body#cattemplates input[type=submit],
body#cattemplates input[type=reset] {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* Schaltflaeche bei Aktion */
input[type=submit]:hover,
input[type=reset]:hover,
input[type=submit]:active,
input[type=reset]:active,
input[type=submit]:focus,
input[type=reset]:focus,
body#catbarrierefrei input[type=submit]:hover,
body#catbarrierefrei input[type=reset]:hover,
body#catbarrierefrei input[type=submit]:active,
body#catbarrierefrei input[type=reset]:active,
body#catbarrierefrei input[type=submit]:focus,
body#catbarrierefrei input[type=reset]:focus,
body#catgrundlagen input[type=submit]:hover,
body#catgrundlagen input[type=reset]:hover,
body#catgrundlagen input[type=submit]:active,
body#catgrundlagen input[type=reset]:active,
body#catgrundlagen input[type=submit]:focus,
body#catgrundlagen input[type=reset]:focus,
body#catumsetzung input[type=submit]:hover,
body#catumsetzung input[type=reset]:hover,
body#catumsetzung input[type=submit]:active,
body#catumsetzung input[type=reset]:active,
body#catumsetzung input[type=submit]:focus,
body#catumsetzung input[type=reset]:focus,
body#catmarketing input[type=submit]:hover,
body#catmarketing input[type=reset]:hover,
body#catmarketing input[type=submit]:active,
body#catmarketing input[type=reset]:active,
body#catmarketing input[type=submit]:focus,
body#catmarketing input[type=reset]:focus,
body#catsuchdienste input[type=submit]:hover,
body#catsuchdienste input[type=reset]:hover,
body#catsuchdienste input[type=submit]:active,
body#catsuchdienste input[type=reset]:active,
body#catsuchdienste input[type=submit]:focus,
body#catsuchdienste input[type=reset]:focus,
body#cattemplates input[type=submit]:hover,
body#cattemplates input[type=reset]:hover,
body#cattemplates input[type=submit]:active,
body#cattemplates input[type=reset]:active,
body#cattemplates input[type=submit]:focus,
body#cattemplates input[type=reset]:focus {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

/* Verstecktes Eingabefeld */
input[type=hidden] {
  background-color: #FFFFFF;
  border: 0;
  color: #000000;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

/* Auswahlfeld */
select {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: inline;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: .1em .2em;
}

select:focus {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  display: inline;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: .1em .2em;
}

/* ########################## Tabellen ########################## */

/* Tabelle */
table {
  border-collapse: collapse;
  border: 0;
  margin: 0 auto .5em auto;
  padding: 0;
}

/* Tabellenueberschrift */
caption {
  background-color: #FFFFFF;
  caption-side: top;
  color: #000000;
  font-size: 1em;
  font-style: italic;
  margin: 0 auto .1em auto;
  padding: .2em .5em;
}

/* Tabellenzellen */
th, td,
body#catbarrierefrei th, body#catbarrierefrei td,
body#catgrundlagen th, body#catgrundlagen td,
body#catumsetzung th, body#catumsetzung td,
body#catmarketing th, body#catmarketing td,
body#catsuchdienste th, body#catsuchdienste td,
body#cattemplates th, body#cattemplates td {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: .2em .5em;
  text-align: left;
  vertical-align: top;
}

/* Tabellenzellen: Datenzelle */
td,
body#catbarrierefrei td,
body#catgrundlagen td,
body#catumsetzung td,
body#catmarketing td,
body#catsuchdienste td,
body#cattemplates td {
  font-weight: normal;
}

/* Kopfzelle im Tabellenkoerper und -fuss */
tbody th,
body#catbarrierefrei tbody th,
body#catgrundlagen tbody th,
body#catumsetzung tbody th,
body#catmarketing tbody th,
body#catsuchdienste tbody th,
body#cattemplates tbody th,
tfoot th,
body#catbarrierefrei tfoot th,
body#catgrundlagen tfoot th,
body#catumsetzung tfoot th,
body#catmarketing tfoot th,
body#catsuchdienste tfoot th,
body#cattemplates tfoot th {
  background-color: #FFFFFF;
  color: #000000;
}

/* Zelle im Tabellenfuss */
tfoot th,
tfoot td {
  border-top: 3px double #000000;
}

/* Aufzaehlung in Tabellenzelle */
td ul {
  margin: 0;
  padding: 0 0 1em 1.5em;
}

/* Jede 2. Zeile andersfarbig (hier nicht) */
tr.alt th,
tr.alt td {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
}

/* Bild in Tabellenzelle */
th img,
td img {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  margin: 0;
  padding: .5em;
}

/* ##################### Spezielle Verweise ##################### */

body#catbarrierefrei #content a:link, body#catbarrierefrei #content a:visited,
body#catgrundlagen #content a:link, body#catgrundlagen #content a:visited,
body#catumsetzung #content a:link, body#catumsetzung #content a:visited,
body#catmarketing #content a:link, body#catmarketing #content a:visited,
body#catsuchdienste #content a:link, body#catsuchdienste #content a:visited,
body#cattemplates #content a:link, body#cattemplates #content a:visited {background-color: #FFFFFF; color: #000000;}

body#catbarrierefrei #content a:hover, body#catbarrierefrei #content a:active, body#catbarrierefrei #content a:focus,
body#catgrundlagen #content a:hover, body#catgrundlagen #content a:active, body#catgrundlagen #content a:focus,
body#catumsetzung #content a:hover, body#catumsetzung #content a:active, body#catumsetzung #content a:focus,
body#catmarketing #content a:hover, body#catmarketing #content a:active, body#catmarketing #content a:focus,
body#catsuchdienste #content a:hover, body#catsuchdienste #content a:active, body#catsuchdienste #content a:focus,
body#cattemplates #content a:hover, body#cattemplates #content a:active, body#cattemplates #content a:focus {background-color: #000000; color: #FFFFFF;}

/* Verweise mit Icon */
#subnavigation a.active, #subnavigation a.activesection, #subnavigation a.previous, #subnavigation a.prevsection, #subnavigation a.next, #subnavigation a.nextsection, #subnavigation li.aktiv strong,
span.glossar,
#services a.previous, #services a.prevsection, #services a.next, #services a.nextsection, #services li.aktiv strong {
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Verweis auf externe Seite */
#content a:link.extern,
#services a:link.extern,
#content a:visited.extern,
#services a:visited.extern,
body#catbarrierefrei #content a:link.extern,
body#catbarrierefrei #services a:link.extern,
body#catgrundlagen #content a:link.extern,
body#catgrundlagen #services a:link.extern,
body#catumsetzung #content a:link.extern,
body#catumsetzung #services a:link.extern,
body#catmarketing #content a:link.extern,
body#catmarketing #services a:link.extern,
body#catsuchdienste #content a:link.extern,
body#catsuchdienste #services a:link.extern,
body#cattemplates #content a:link.extern,
body#cattemplates #services a:link.extern,
body#catbarrierefrei #content a:visited.extern,
body#catbarrierefrei #services a:visited.extern,
body#catgrundlagen #content a:visited.extern,
body#catgrundlagen #services a:visited.extern,
body#catumsetzung #content a:visited.extern,
body#catumsetzung #services a:visited.extern,
body#catmarketing #content a:visited.extern,
body#catmarketing #services a:visited.extern,
body#catsuchdienste #content a:visited.extern,
body#catsuchdienste #services a:visited.extern,
body#cattemplates #content a:visited.extern,
body#cattemplates #services a:visited.extern {
  background: #FFFFFF url(../images/extern.png) no-repeat 0 .15em;
  color: #000000;
  margin: 0;
  padding: 0 0 0 1.2em;
}

#content a:hover.extern,
#services a:hover.extern,
#content a:active.extern,
#content a:focus.extern,
#services a:active.extern,
#services a:focus.extern,
body#catbarrierefrei #content a:hover.extern, body#catbarrierefrei #content a:active.extern, body#catbarrierefrei #content a:focus.extern,
body#catbarrierefrei #services a:hover.extern, body#catbarrierefrei #services a:active.extern, body#catbarrierefrei #services a:focus.extern,
body#catgrundlagen #content a:hover.extern, body#catgrundlagen #content a:active.extern, body#catgrundlagen #content a:focus.extern,
body#catgrundlagen #services a:hover.extern, body#catgrundlagen #services a:active.extern, body#catgrundlagen #services a:focus.extern,
body#catumsetzung #content a:hover.extern, body#catumsetzung #content a:active.extern, body#catumsetzung #content a:focus.extern,
body#catumsetzung #services a:hover.extern, body#catumsetzung #services a:active.extern, body#catumsetzung #services a:focus.extern,
body#catmarketing #content a:hover.extern, body#catmarketing #content a:active.extern, body#catmarketing #content a:focus.extern,
body#catmarketing #services a:hover.extern, body#catmarketing #services a:active.extern, body#catmarketing #services a:focus.extern,
body#catsuchdienste #content a:hover.extern, body#catsuchdienste #content a:active.extern, body#catsuchdienste #content a:focus.extern,
body#catsuchdienste #services a:hover.extern, body#catsuchdienste #services a:active.extern, body#catsuchdienste #services a:focus.extern,
body#cattemplates #content a:hover.extern, body#cattemplates #content a:active.extern, body#cattemplates #content a:focus.extern,
body#cattemplates #services a:hover.extern, body#cattemplates #services a:active.extern, body#cattemplates #services a:focus.extern {
  background: #000000 url(../images/extern_sw.png) no-repeat 0 .15em;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Verweis auf interne Seite */
a:link.intern,
a:visited.intern,
body#catbarrierefrei a:link.intern,
body#catgrundlagen a:link.intern,
body#catumsetzung a:link.intern,
body#catmarketing a:link.intern,
body#catsuchdienste a:link.intern,
body#cattemplates a:link.intern,
body#catbarrierefrei a:visited.intern,
body#catgrundlagen a:visited.intern,
body#catumsetzung a:visited.intern,
body#catmarketing a:visited.intern,
body#catsuchdienste a:visited.intern,
body#cattemplates a:visited.intern {
  background: #FFFFFF url(../images/intern.png) no-repeat 0 50%;
  color: #000000;
  margin: 0;
  padding: 0 0 0 1.2em;
}

a:hover.intern,
a:active.intern,
a:focus.intern,
body#catbarrierefrei a:hover.intern, body#catbarrierefrei a:active.intern, body#catbarrierefrei a:focus.intern,
body#catgrundlagen a:hover.intern, body#catgrundlagen a:active.intern, body#catgrundlagen a:focus.intern,
body#catumsetzung a:hover.intern, body#catumsetzung a:active.intern, body#catumsetzung a:focus.intern,
body#catmarketing a:hover.intern, body#catmarketing a:active.intern, body#catmarketing a:focus.intern,
body#catsuchdienste a:hover.intern, body#catsuchdienste a:active.intern, body#catsuchdienste a:focus.intern,
body#cattemplates a:hover.intern, body#cattemplates a:active.intern, body#cattemplates a:focus.intern {
  background: #000000 url(../images/intern_sw.png) no-repeat 0 50%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Verweis auf Glossar-Seite */
a:link.glossar,
a:visited.glossar,
body#catbarrierefrei a:link.glossar,
body#catgrundlagen a:link.glossar,
body#catumsetzung a:link.glossar,
body#catmarketing a:link.glossar,
body#catsuchdienste a:link.glossar,
body#cattemplates a:link.glossar,
body#catbarrierefrei a:visited.glossar,
body#catgrundlagen a:visited.glossar,
body#catumsetzung a:visited.glossar,
body#catmarketing a:visited.glossar,
body#catsuchdienste a:visited.glossar,
body#cattemplates a:visited.glossar {
  background: #FFFFFF url(../images/glossar.png) no-repeat 0 50%;
  color: #000000;
  margin: 0;
  padding: 0 0 0 1.2em;
}

a:hover.glossar,
a:active.glossar,
a:focus.glossar,
body#catbarrierefrei a:hover.glossar, body#catbarrierefrei a:active.glossar, body#catbarrierefrei a:focus.glossar,
body#catgrundlagen a:hover.glossar, body#catgrundlagen a:active.glossar, body#catgrundlagen a:focus.glossar,
body#catumsetzung a:hover.glossar, body#catumsetzung a:active.glossar, body#catumsetzung a:focus.glossar,
body#catmarketing a:hover.glossar, body#catmarketing a:active.glossar, body#catmarketing a:focus.glossar,
body#catsuchdienste a:hover.glossar, body#catsuchdienste a:active.glossar, body#catsuchdienste a:focus.glossar,
body#cattemplates a:hover.glossar, body#cattemplates a:active.glossar, body#cattemplates a:focus.glossar {
  background: #000000 url(../images/glossar_sw.png) no-repeat 0 50%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Verweis auf Download-Datei */
a:link.download,
a:visited.download,
body#catbarrierefrei a:link.download,
body#catgrundlagen a:link.download,
body#catumsetzung a:link.download,
body#catmarketing a:link.download,
body#catsuchdienste a:link.download,
body#cattemplates a:link.download,
body#catbarrierefrei a:visited.download,
body#catgrundlagen a:visited.download,
body#catumsetzung a:visited.download,
body#catmarketing a:visited.download,
body#catsuchdienste a:visited.download,
body#cattemplates a:visited.download {
  background: #FFFFFF url(../images/download.png) no-repeat 0 50%;
  color: #000000;
  margin: 0;
  padding: 0 0 0 1.2em;
}

a:hover.download,
a:active.download,
a:focus.download,
body#catbarrierefrei a:hover.download, body#catbarrierefrei a:active.download, body#catbarrierefrei a:focus.download,
body#catgrundlagen a:hover.download, body#catgrundlagen a:active.download, body#catgrundlagen a:focus.download,
body#catumsetzung a:hover.download, body#catumsetzung a:active.download, body#catumsetzung a:focus.download,
body#catmarketing a:hover.download, body#catmarketing a:active.download, body#catmarketing a:focus.download,
body#catsuchdienste a:hover.download, body#catsuchdienste a:active.download, body#catsuchdienste a:focus.download,
body#cattemplates a:hover.download, body#cattemplates a:active.download, body#cattemplates a:focus.download {
  background: #000000 url(../images/download_sw.png) no-repeat 0 50%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Verweis auf Seitenanfang der Datei */
a:link.seitenanfang,
a:visited.seitenanfang,
body#catbarrierefrei a:link.seitenanfang,
body#catgrundlagen a:link.seitenanfang,
body#catumsetzung a:link.seitenanfang,
body#catmarketing a:link.seitenanfang,
body#catsuchdienste a:link.seitenanfang,
body#cattemplates a:link.seitenanfang,
body#catbarrierefrei a:visited.seitenanfang,
body#catgrundlagen a:visited.seitenanfang,
body#catumsetzung a:visited.seitenanfang,
body#catmarketing a:visited.seitenanfang,
body#catsuchdienste a:visited.seitenanfang,
body#cattemplates a:visited.seitenanfang {
  background: #FFFFFF url(../images/up.png) no-repeat 0 50%;
  color: #000000;
  margin: 0;
  padding: 0 0 0 1.2em;
}

a:hover.seitenanfang,
a:active.seitenanfang,
a:focus.seitenanfang,
body#catbarrierefrei a:hover.seitenanfang, body#catbarrierefrei a:active.seitenanfang, body#catbarrierefrei a:focus.seitenanfang,
body#catgrundlagen a:hover.seitenanfang, body#catgrundlagen a:active.seitenanfang, body#catgrundlagen a:focus.seitenanfang,
body#catumsetzung a:hover.seitenanfang, body#catumsetzung a:active.seitenanfang, body#catumsetzung a:focus.seitenanfang,
body#catmarketing a:hover.seitenanfang, body#catmarketing a:active.seitenanfang, body#catmarketing a:focus.seitenanfang,
body#catsuchdienste a:hover.seitenanfang, body#catsuchdienste a:active.seitenanfang, body#catsuchdienste a:focus.seitenanfang,
body#cattemplates a:hover.seitenanfang, body#cattemplates a:active.seitenanfang, body#cattemplates a:focus.seitenanfang {
  background: #000000 url(../images/up_sw.png) no-repeat 0 50%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Verweis auf Druck */
a:link.drucken,
a:visited.drucken,
body#catbarrierefrei a:link.drucken,
body#catgrundlagen a:link.drucken,
body#catumsetzung a:link.drucken,
body#catmarketing a:link.drucken,
body#catsuchdienste a:link.drucken,
body#cattemplates a:link.drucken,
body#catbarrierefrei a:visited.drucken,
body#catgrundlagen a:visited.drucken,
body#catumsetzung a:visited.drucken,
body#catmarketing a:visited.drucken,
body#catsuchdienste a:visited.drucken,
body#cattemplates a:visited.drucken {
  background: #FFFFFF url(../images/print_sw.png) no-repeat 98% 50%;
  color: #000000;
  margin: 0;
  padding: .2em 1.4em .2em .2em;
}

a:hover.drucken,
a:active.drucken,
a:focus.drucken,
body#catbarrierefrei a:hover.drucken, body#catbarrierefrei a:active.drucken, body#catbarrierefrei a:focus.drucken,
body#catgrundlagen a:hover.drucken, body#catgrundlagen a:active.drucken, body#catgrundlagen a:focus.drucken,
body#catumsetzung a:hover.drucken, body#catumsetzung a:active.drucken, body#catumsetzung a:focus.drucken,
body#catmarketing a:hover.drucken, body#catmarketing a:active.drucken, body#catmarketing a:focus.drucken,
body#catsuchdienste a:hover.drucken, body#catsuchdienste a:active.drucken, body#catsuchdienste a:focus.drucken,
body#cattemplates a:hover.drucken, body#cattemplates a:active.drucken, body#cattemplates a:focus.drucken {
  background: #000000 url(../images/print_ws.png) no-repeat 98% 50%;
  color: #FFFFFF;
  margin: 0;
  padding: .2em 1.4em .2em .2em;
}

/* Verweis auf Sucheingabe-Erklaerung innerhalb der Seite */
a:link.suchhilfe,
a:visited.suchhilfe {
  background: #FFFFFF url(../images/glossar.png) no-repeat 0 50%;
  color: #000000;
  font-size: .9em;
}

a:hover.suchhilfe,
a:active.suchhilfe,
a:focus.suchhilfe {
  background: #000000 url(../images/glossar_sw.png) no-repeat 0 50%;
  color: #FFFFFF;
  font-size: .9em;
}

/* ############################################################## */
/* ####################### JUMP NAVIGATION ###################### */
/* ############################################################## */

/* Enthaelt Hilfsnavigation und Schriftswitcher */
#kopf, body#catbarrierefrei #kopf, body#catgrundlagen #kopf, body#catumsetzung #kopf, body#catmarketing #kopf, body#catsuchdienste #kopf, body#cattemplates #kopf {
  background-color: #FFFFFF;
  color: #000000;
  display: inline;
  font-size: .9em;
  margin: 0;
  padding: 0;
  visibility: visible;
  width: 100%;
}

/* JavaScript-deaktiviert-Meldung */
#kopf p {
  text-align: right;
}

#kopf a:link, #kopf a:visited,
body#catbarrierefrei #kopf a:link, body#catbarrierefrei #kopf a:visited,
body#catgrundlagen #kopf a:link, body#catgrundlagen #kopf a:visited,
body#catumsetzung #kopf a:link, body#catumsetzung #kopf a:visited,
body#catmarketing #kopf a:link, body#catmarketing #kopf a:visited,
body#catsuchdienste #kopf a:link, body#catsuchdienste #kopf a:visited,
body#cattemplates #kopf a:link, body#cattemplates #kopf a:visited {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  color: #000000;
  margin: 0;
  padding: .2em;
}

#kopf a:hover, #kopf a:active, #kopf a:focus,
body#catbarrierefrei #kopf a:hover, body#catbarrierefrei #kopf a:active, body#catbarrierefrei #kopf a:focus,
body#catgrundlagen #kopf a:hover, body#catgrundlagen #kopf a:active, body#catgrundlagen #kopf a:focus,
body#catumsetzung #kopf a:hover, body#catumsetzung #kopf a:active, body#catumsetzung #kopf a:focus,
body#catmarketing #kopf a:hover, body#catmarketing #kopf a:active, body#catmarketing #kopf a:focus,
body#catsuchdienste #kopf a:hover, body#catsuchdienste #kopf a:active, body#catsuchdienste #kopf a:focus,
body#cattemplates #kopf a:hover, body#cattemplates #kopf a:active, body#cattemplates #kopf a:focus {
  background-color: #000000;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  margin: 0;
  padding: .2em;
}

/* Hilfsnavigation ('unsichtbare' Sprungmarken) */
#hilfsverweise {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 40%;
}

#hilfsverweise ol {
  margin: 0;
  padding: 0;
}

#hilfsverweise li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#hilfsverweise a:link,
#hilfsverweise a:visited,
#hilfsverweise a:hover {
  height: 1em;
  left: -400em;
  position: absolute;
}

#hilfsverweise a:active,
#hilfsverweise a:focus {
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
  height: auto;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* Schriftswitcher */
#schrift, body#catbarrierefrei #schrift, body#catgrundlagen #schrift, body#catumsetzung #schrift, body#catmarketing #schrift, body#catsuchdienste #schrift, body#cattemplates #schrift {
  background-color: #FFFFFF;
  color: #000000;
  float: right;
  margin: 0;
  padding: 0 0 .5em 0;
  width: 60%;
}

/* Styleswitcher Schrift */
#schrift #schriftswitcher {
  margin: 0;
  padding: 0;
  text-align: right;
}

#schrift #schriftswitcher li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Fuer noscript-Bereiche (Schrift und Drucken) */
#schrift kbd,
.druckfunktion kbd,
.druckfunktionalt kbd {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

/* ############################################################## */
/* ##################### SERVICE NAVIGATION ##################### */
/* ############################################################## */

/* Servicenavigation */
#headerservices, body#catbarrierefrei #headerservices, body#catgrundlagen #headerservices, body#catumsetzung #headerservices, body#catmarketing #headerservices, body#catsuchdienste #headerservices, body#cattemplates #headerservices {
  background-color: #000000;
  background-image: none;
  border: 0;
  color: #FFFFFF;
  clear: both;
  display: block;
  font-size: .85em;
  margin: 0;
  padding: 0 0 .2em 0;
  text-align: right;
  visibility: visible;
  width: 100%;
}

#headerservices ol {
  margin: 0;
  padding: 0;
}

#headerservices li, body#catbarrierefrei #headerservices li, body#catgrundlagen #headerservices li, body#catumsetzung #headerservices li, body#catmarketing #headerservices li, body#catsuchdienste #headerservices li, body#cattemplates #headerservices li {
  border-top: 0;
  border-right: 2px solid #FFFFFF;
  border-bottom: 0;
  border-left: 0;
  display: inline;
  margin: 0;
  padding: 0 .4em;
}

#headerservices li.last, body#catbarrierefrei #headerservices li.last, body#catgrundlagen #headerservices li.last, body#catumsetzung #headerservices li.last, body#catmarketing #headerservices li.last, body#catsuchdienste #headerservices li.last, body#cattemplates #headerservices li.last {
  border: 0;
  display: inline;
  margin: 0;
  padding: 0 .4em;
}

#headerservices a:link,
#headerservices a:visited,
body#catbarrierefrei #headerservices a:link, body#catbarrierefrei #headerservices a:visited,
body#catgrundlagen #headerservices a:link, body#catgrundlagen #headerservices a:visited,
body#catumsetzung #headerservices a:link, body#catumsetzung #headerservices a:visited,
body#catmarketing #headerservices a:link, body#catmarketing #headerservices a:visited,
body#catsuchdienste #headerservices a:link, body#catsuchdienste #headerservices a:visited,
body#cattemplates #headerservices a:link, body#cattemplates #headerservices a:visited {
  background-color: #000000;
  background-image: none;
  color: #FFFFFF;
  margin: 0;
  padding: .2em;
}

#headerservices a:hover,
#headerservices a:active,
#headerservices a:focus,
#headerservices strong,
body#catbarrierefrei #headerservices a:hover, body#catbarrierefrei #headerservices a:active, body#catbarrierefrei #headerservices a:focus,
body#catgrundlagen #headerservices a:hover, body#catgrundlagen #headerservices a:active, body#catgrundlagen #headerservices a:focus,
body#catumsetzung #headerservices a:hover, body#catumsetzung #headerservices a:active, body#catumsetzung #headerservices a:focus,
body#catmarketing #headerservices a:hover, body#catmarketing #headerservices a:active, body#catmarketing #headerservices a:focus,
body#catsuchdienste #headerservices a:hover, body#catsuchdienste #headerservices a:active, body#catsuchdienste #headerservices a:focus,
body#cattemplates #headerservices a:hover, body#cattemplates #headerservices a:active, body#cattemplates #headerservices a:focus {
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  margin: 0;
  padding: .2em;
}

/* ############################################################## */
/* ####################### WEBSITE HEADER ####################### */
/* ############################################################## */

/* Kopfbereich mit Titel und Suche */
#header {
  background-color: #FFFFFF;
  clear: both;
  color: #000000;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

#header a {padding: .2em;}

body#catbarrierefrei #header a:link, body#catbarrierefrei #header a:visited,
body#catgrundlagen #header a:link, body#catgrundlagen #header a:visited,
body#catumsetzung #header a:link, body#catumsetzung #header a:visited,
body#catmarketing #header a:link, body#catmarketing #header a:visited,
body#catsuchdienste #header a:link, body#catsuchdienste #header a:visited,
body#cattemplates #header a:link, body#cattemplates #header a:visited {background-color: #FFFFFF; color: #000000;}

body#catbarrierefrei #header a:hover, body#catbarrierefrei #header a:active, body#catbarrierefrei #header a:focus,
body#catgrundlagen #header a:hover, body#catgrundlagen #header a:active, body#catgrundlagen #header a:focus,
body#catumsetzung #header a:hover, body#catumsetzung #header a:active, body#catumsetzung #header a:focus,
body#catmarketing #header a:hover, body#catmarketing #header a:active, body#catmarketing #header a:focus,
body#catsuchdienste #header a:hover, body#catsuchdienste #header a:active, body#catsuchdienste #header a:focus,
body#cattemplates #header a:hover, body#cattemplates #header a:active, body#cattemplates #header a:focus {background-color: #000000; color: #FFFFFF;}

/* Titel der Seite */
#titel {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 60%;
}

/* Absatz im Titel */
#titel p, body#catbarrierefrei #titel p, body#catgrundlagen #titel p, body#catumsetzung #titel p, body#catmarketing #titel p, body#catsuchdienste #titel p, body#cattemplates #titel p {
  background: #FFFFFF url(../images/logo-dibawe-sw.png) no-repeat 0.5em 0;
  color: #000000;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  margin: 0;
  padding: 0 0 1em 6em;
}

/* Seitentitel */
#titel .titel {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1.4em;
  font-style: normal;
  letter-spacing: .2em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

/* Sucheingabe */
#sucheingabe {
  background-color: #FFFFFF;
  color: #000000;
  float: right;
  margin: 0;
  padding: 0% 1% 0% 0%;
  text-align: right;
  width: 39%;
}

#sucheingabe form#suche {
  margin: 0;
  padding: .5em 0;
}

#sucheingabe form#suche fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Feldbeschriftung Sucheingabe ('ausgeblendet') */
#sucheingabe form#suche label {
  display: inline;
  height: 1em;
  left: -400em;
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: visible;
}

#sucheingabe form#suche input#q,
#sucheingabe form#suche input#find {
  font-size: 1em;
  margin: 0;
  padding: .1em .2em;
}

/* ############################################################## */
/* ##################### PRIMARY NAVIGATION ##################### */
/* ############################################################## */

/* Hauptnavigation-Container */
#primaernavigation {
  background-color: #FFFFFF;
  clear: both;
  color: #000000;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 100%;
}

#primaernavigation ol, body#catbarrierefrei #primaernavigation ol, body#catgrundlagen #primaernavigation ol, body#catumsetzung #primaernavigation ol, body#catmarketing #primaernavigation ol, body#catsuchdienste #primaernavigation ol, body#cattemplates #primaernavigation ol {
  background: #FFFFFF url(../images/tab_border_s.png) repeat-x bottom left;
  color: #000000;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#primaernavigation ol li {
  display: inline;
  float: left;
  font-size: 1em;
  letter-spacing: .1em;
  margin: 0;
  padding: 0 0 0 .5em;
  text-align: center;
  width: 9.4em;
}

body#cathomepage #primaernavigation a.navibarrierefrei, body#catservices #primaernavigation a.navibarrierefrei,
body#catbarrierefrei #primaernavigation a.navibarrierefrei, body#catgrundlagen #primaernavigation a.navibarrierefrei, body#catumsetzung #primaernavigation a.navibarrierefrei, body#catmarketing #primaernavigation a.navibarrierefrei, body#catsuchdienste #primaernavigation a.navibarrierefrei, body#cattemplates #primaernavigation a.navibarrierefrei,
body#catbarrierefrei #primaernavigation li.aktiv a.navibarrierefrei, body#catgrundlagen #primaernavigation li.aktiv a.navibarrierefrei, body#catumsetzung #primaernavigation li.aktiv a.navibarrierefrei, body#catmarketing #primaernavigation li.aktiv a.navibarrierefrei, body#catsuchdienste #primaernavigation li.aktiv a.navibarrierefrei, body#cattemplates #primaernavigation li.aktiv a.navibarrierefrei,
body#catbarrierefrei #primaernavigation strong.navibarrierefrei,
body#cathomepage #primaernavigation a.navigrundlagen, body#catservices #primaernavigation a.navigrundlagen,
body#catbarrierefrei #primaernavigation a.navigrundlagen, body#catgrundlagen #primaernavigation a.navigrundlagen, body#catumsetzung #primaernavigation a.navigrundlagen, body#catmarketing #primaernavigation a.navigrundlagen, body#catsuchdienste #primaernavigation a.navigrundlagen, body#cattemplates #primaernavigation a.navigrundlagen,
body#catbarrierefrei #primaernavigation li.aktiv a.navigrundlagen, body#catgrundlagen #primaernavigation li.aktiv a.navigrundlagen, body#catumsetzung #primaernavigation li.aktiv a.navigrundlagen, body#catmarketing #primaernavigation li.aktiv a.navigrundlagen, body#catsuchdienste #primaernavigation li.aktiv a.navigrundlagen, body#cattemplates #primaernavigation li.aktiv a.navigrundlagen,
body#catgrundlagen #primaernavigation strong.navigrundlagen,
body#cathomepage #primaernavigation a.naviumsetzung, body#catservices #primaernavigation a.naviumsetzung,
body#catbarrierefrei #primaernavigation a.naviumsetzung, body#catgrundlagen #primaernavigation a.naviumsetzung, body#catumsetzung #primaernavigation a.naviumsetzung, body#catmarketing #primaernavigation a.naviumsetzung, body#catsuchdienste #primaernavigation a.naviumsetzung, body#cattemplates #primaernavigation a.naviumsetzung,
body#catbarrierefrei #primaernavigation li.aktiv a.naviumsetzung, body#catgrundlagen #primaernavigation li.aktiv a.naviumsetzung, body#catumsetzung #primaernavigation li.aktiv a.naviumsetzung, body#catmarketing #primaernavigation li.aktiv a.naviumsetzung, body#catsuchdienste #primaernavigation li.aktiv a.naviumsetzung, body#cattemplates #primaernavigation li.aktiv a.naviumsetzung,
body#catumsetzung #primaernavigation strong.naviumsetzung,
body#cathomepage #primaernavigation a.navimarketing, body#catservices #primaernavigation a.navimarketing,
body#catbarrierefrei #primaernavigation a.navimarketing, body#catgrundlagen #primaernavigation a.navimarketing, body#catumsetzung #primaernavigation a.navimarketing, body#catmarketing #primaernavigation a.navimarketing, body#catsuchdienste #primaernavigation a.navimarketing, body#cattemplates #primaernavigation a.navimarketing,
body#catbarrierefrei #primaernavigation li.aktiv a.navimarketing, body#catgrundlagen #primaernavigation li.aktiv a.navimarketing, body#catumsetzung #primaernavigation li.aktiv a.navimarketing, body#catmarketing #primaernavigation li.aktiv a.navimarketing, body#catsuchdienste #primaernavigation li.aktiv a.navimarketing, body#cattemplates #primaernavigation li.aktiv a.navimarketing,
body#catmarketing #primaernavigation strong.navimarketing,
body#cathomepage #primaernavigation a.navisuchdienste, body#catservices #primaernavigation a.navisuchdienste,
body#catbarrierefrei #primaernavigation a.navisuchdienste, body#catgrundlagen #primaernavigation a.navisuchdienste, body#catumsetzung #primaernavigation a.navisuchdienste, body#catmarketing #primaernavigation a.navisuchdienste, body#catsuchdienste #primaernavigation a.navisuchdienste, body#cattemplates #primaernavigation a.navisuchdienste,
body#catbarrierefrei #primaernavigation li.aktiv a.navisuchdienste, body#catgrundlagen #primaernavigation li.aktiv a.navisuchdienste, body#catumsetzung #primaernavigation li.aktiv a.navisuchdienste, body#catmarketing #primaernavigation li.aktiv a.navisuchdienste, body#catsuchdienste #primaernavigation li.aktiv a.navisuchdienste, body#cattemplates #primaernavigation li.aktiv a.navisuchdienste,
body#catsuchdienste #primaernavigation strong.navisuchdienste,
body#cathomepage #primaernavigation a.navitemplates, body#catservices #primaernavigation a.navitemplates,
body#catbarrierefrei #primaernavigation a.navitemplates, body#catgrundlagen #primaernavigation a.navitemplates, body#catumsetzung #primaernavigation a.navitemplates, body#catmarketing #primaernavigation a.navitemplates, body#catsuchdienste #primaernavigation a.navitemplates, body#cattemplates #primaernavigation a.navitemplates,
body#catbarrierefrei #primaernavigation li.aktiv a.navitemplates, body#catgrundlagen #primaernavigation li.aktiv a.navitemplates, body#catumsetzung #primaernavigation li.aktiv a.navitemplates, body#catmarketing #primaernavigation li.aktiv a.navitemplates, body#catsuchdienste #primaernavigation li.aktiv a.navitemplates, body#cattemplates #primaernavigation li.aktiv a.navitemplates,
body#cattemplates #primaernavigation strong.navitemplates {border-bottom: 1px solid #000000;}

body#cathomepage #primaernavigation a:link,
body#cathomepage #primaernavigation a:visited,
body#catservices #primaernavigation a:link,
body#catservices #primaernavigation a:visited,
body#catbarrierefrei #primaernavigation a:link,
body#catbarrierefrei #primaernavigation a:visited,
body#catgrundlagen #primaernavigation a:link,
body#catgrundlagen #primaernavigation a:visited,
body#catumsetzung #primaernavigation a:link,
body#catumsetzung #primaernavigation a:visited,
body#catmarketing #primaernavigation a:link,
body#catmarketing #primaernavigation a:visited,
body#catsuchdienste #primaernavigation a:link,
body#catsuchdienste #primaernavigation a:visited,
body#cattemplates #primaernavigation a:link,
body#cattemplates #primaernavigation a:visited {
  background-color: #000000;
  background-image: none;
  border: 1px solid #00001F;
  color: #FFFFFF;
  display: block;
  margin: 0;
  padding: .5em 0;
  text-align: center;
  text-decoration: underline;
}

body#cathomepage #primaernavigation a:hover,
body#cathomepage #primaernavigation a:active,
body#cathomepage #primaernavigation a:focus,
body#catservices #primaernavigation a:hover,
body#catservices #primaernavigation a:active,
body#catservices #primaernavigation a:focus,
body#catbarrierefrei #primaernavigation a:hover,
body#catbarrierefrei #primaernavigation a:active,
body#catbarrierefrei #primaernavigation a:focus,
body#catgrundlagen #primaernavigation a:hover,
body#catgrundlagen #primaernavigation a:active,
body#catgrundlagen #primaernavigation a:focus,
body#catumsetzung #primaernavigation a:hover,
body#catumsetzung #primaernavigation a:active,
body#catumsetzung #primaernavigation a:focus,
body#catmarketing #primaernavigation a:hover,
body#catmarketing #primaernavigation a:active,
body#catmarketing #primaernavigation a:focus,
body#catsuchdienste #primaernavigation a:hover,
body#catsuchdienste #primaernavigation a:active,
body#catsuchdienste #primaernavigation a:focus,
body#cattemplates #primaernavigation a:hover,
body#cattemplates #primaernavigation a:active,
body#cattemplates #primaernavigation a:focus {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #000000;
  color: #000000;
  display: block;
  margin: 0;
  padding: .5em 0;
  text-align: center;
  text-decoration: underline;
}

body#catbarrierefrei #primaernavigation strong.navibarrierefrei,
body#catgrundlagen #primaernavigation strong.navigrundlagen,
body#catumsetzung #primaernavigation strong.naviumsetzung,
body#catmarketing #primaernavigation strong.navimarketing,
body#catsuchdienste #primaernavigation strong.navisuchdienste,
body#cattemplates #primaernavigation strong.navitemplates {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  color: #000000;
  display: block;
  margin: 0;
  padding: .5em 0;
  text-align: center;
  text-decoration: none;
}

body#catbarrierefrei #primaernavigation li.aktiv a:link,
body#catbarrierefrei #primaernavigation li.aktiv a:visited,
body#catgrundlagen #primaernavigation li.aktiv a:link,
body#catgrundlagen #primaernavigation li.aktiv a:visited,
body#catumsetzung #primaernavigation li.aktiv a:link,
body#catumsetzung #primaernavigation li.aktiv a:visited,
body#catmarketing #primaernavigation li.aktiv a:link,
body#catmarketing #primaernavigation li.aktiv a:visited,
body#catsuchdienste #primaernavigation li.aktiv a:link,
body#catsuchdienste #primaernavigation li.aktiv a:visited,
body#cattemplates #primaernavigation li.aktiv a:link,
body#cattemplates #primaernavigation li.aktiv a:visited {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  color: #000000;
  text-decoration: none;
}

body#catbarrierefrei #primaernavigation li.aktiv a:hover,
body#catbarrierefrei #primaernavigation li.aktiv a:active,
body#catbarrierefrei #primaernavigation li.aktiv a:focus,
body#catgrundlagen #primaernavigation li.aktiv a:hover,
body#catgrundlagen #primaernavigation li.aktiv a:active,
body#catgrundlagen #primaernavigation li.aktiv a:focus,
body#catumsetzung #primaernavigation li.aktiv a:hover,
body#catumsetzung #primaernavigation li.aktiv a:active,
body#catumsetzung #primaernavigation li.aktiv a:focus,
body#catmarketing #primaernavigation li.aktiv a:hover,
body#catmarketing #primaernavigation li.aktiv a:active,
body#catmarketing #primaernavigation li.aktiv a:focus,
body#catsuchdienste #primaernavigation li.aktiv a:hover,
body#catsuchdienste #primaernavigation li.aktiv a:active,
body#catsuchdienste #primaernavigation li.aktiv a:focus,
body#cattemplates #primaernavigation li.aktiv a:hover,
body#cattemplates #primaernavigation li.aktiv a:active,
body#cattemplates #primaernavigation li.aktiv a:focus {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  color: #000000;
  text-decoration: underline;
}

/* ############################################################## */
/* ########################### CONTENT ########################## */
/* ############################################################## */

/* Enthaelt Unternavigation, Inhaltscontainer und Services */
#main {
  background-color: #FFFFFF;
  clear: both;
  color: #000000;
  float: left;
  margin: 0;
  padding: 1% 0;
  width: 100%;
}

/* Enthaelt Unternavigation und Inhaltscontainer */
#mainleft {
  background-color: #FFFFFF;
  color: #000000;
  float: left;
  margin: 0;
  padding: 0% 0% 0% 1%;
  width: 75%;
}

/* Unternavigation */
#subnavigation, body#catbarrierefrei #subnavigation, body#catgrundlagen #subnavigation, body#catumsetzung #subnavigation, body#catmarketing #subnavigation, body#catsuchdienste #subnavigation, body#cattemplates #subnavigation {
  background-color: #000000;
  background-image: none;
  color: #FFFFFF;
  display: inline;
  float: left;
  margin: 0;
  padding: 0 0 1em 0;
  visibility: visible;
  width: 31%;
}

/* Inhaltscontainer */
#content {
  background-color: #FFFFFF;
  color: #000000;
  float: right;
  margin: 0;
  padding: 0 1%;
  width: 66%;
}

/* Startseite: Inhaltscontainer ohne Subnavigation */
body#cathomepage #content {
  background-color: #FFFFFF;
  color: #000000;
  float: left;
  margin: 0;
  padding: 0% 0% 0% 1%;
  width: 75%;
}

/* Absatz im Inhaltscontainer */
#content p,
body.beispiel p {
  margin: 0;
  padding: .5em 0;
}

/* Startseite: 3-Spalten-Layout in Standard-Ansicht */
#content div.columns,
#content div.columnsalt {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#content div.columnsalt {
  clear: both;
}

/* Startseite: Absatz mit Kurzbeschreibung */
body#cathomepage #content p.homepagebarrierefrei,
body#cathomepage #content p.homepagegrundlagen,
body#cathomepage #content p.homepageumsetzung,
body#cathomepage #content p.homepagemarketing,
body#cathomepage #content p.homepagesuchdienste,
body#cathomepage #content p.homepagetemplates {background-color: #FFFFFF; border: 0; color: #000000; padding: .5em 0;}

/* Startseite: Absatz mit Bereichsverweis nach Kurzbeschreibung */
body#cathomepage #content p.homepagebarrierefrei + p,
body#cathomepage #content p.homepagegrundlagen + p,
body#cathomepage #content p.homepageumsetzung + p,
body#cathomepage #content p.homepagemarketing + p,
body#cathomepage #content p.homepagesuchdienste + p,
body#cathomepage #content p.homepagetemplates + p {margin: 0; padding: .5em 0;}

/* Startseite: Bereichsverweis nach Kurzbeschreibung */
body#cathomepage #content span.homepagebarrierefrei,
body#cathomepage #content span.homepagegrundlagen,
body#cathomepage #content span.homepageumsetzung,
body#cathomepage #content span.homepagemarketing,
body#cathomepage #content span.homepagesuchdienste,
body#cathomepage #content span.homepagetemplates {background-color: #FFFFFF; color: #000000; display: block; font-weight: bold; margin: 0; padding: 0;}

/* Startseite: Bereichsverweis nach Kurzbeschreibung - unbesucht, besucht */
body#cathomepage #content span.homepagebarrierefrei a:link.intern,
body#cathomepage #content span.homepagebarrierefrei a:visited.intern,
body#cathomepage #content span.homepagegrundlagen a:link.intern,
body#cathomepage #content span.homepagegrundlagen a:visited.intern,
body#cathomepage #content span.homepageumsetzung a:link.intern,
body#cathomepage #content span.homepageumsetzung a:visited.intern,
body#cathomepage #content span.homepagemarketing a:link.intern,
body#cathomepage #content span.homepagemarketing a:visited.intern,
body#cathomepage #content span.homepagesuchdienste a:link.intern,
body#cathomepage #content span.homepagesuchdienste a:visited.intern,
body#cathomepage #content span.homepagetemplates a:link.intern,
body#cathomepage #content span.homepagetemplates a:visited.intern {background-color: #FFFFFF; background-image: url(../images/intern.png); color: #000000;}

/* Startseite: Bereichsverweis nach Kurzbeschreibung - Mouse-over, aktiver, Fokus */
body#cathomepage #content span.homepagebarrierefrei a:hover.intern,
body#cathomepage #content span.homepagebarrierefrei a:active.intern,
body#cathomepage #content span.homepagebarrierefrei a:focus.intern,
body#cathomepage #content span.homepagegrundlagen a:hover.intern,
body#cathomepage #content span.homepagegrundlagen a:active.intern,
body#cathomepage #content span.homepagegrundlagen a:focus.intern,
body#cathomepage #content span.homepageumsetzung a:hover.intern,
body#cathomepage #content span.homepageumsetzung a:active.intern,
body#cathomepage #content span.homepageumsetzung a:focus.intern,
body#cathomepage #content span.homepagemarketing a:hover.intern,
body#cathomepage #content span.homepagemarketing a:active.intern,
body#cathomepage #content span.homepagemarketing a:focus.intern,
body#cathomepage #content span.homepagesuchdienste a:hover.intern,
body#cathomepage #content span.homepagesuchdienste a:active.intern,
body#cathomepage #content span.homepagesuchdienste a:focus.intern,
body#cathomepage #content span.homepagetemplates a:hover.intern,
body#cathomepage #content span.homepagetemplates a:active.intern,
body#cathomepage #content span.homepagetemplates a:focus.intern {background-color: #000000; background-image: url(../images/intern_sw.png); color: #FFFFFF;}

/* ######################## SUBNAVIGATION ####################### */

#subnavigation h2 a:link,
#subnavigation h2 a:visited,
#subnavigation h2 a:hover,
#subnavigation h2 a:active,
#subnavigation h2 a:focus,
body#catbarrierefrei #subnavigation h2 a:link,
body#catbarrierefrei #subnavigation h2 a:visited,
body#catbarrierefrei #subnavigation h2 a:hover,
body#catbarrierefrei #subnavigation h2 a:active,
body#catbarrierefrei #subnavigation h2 a:focus,
body#catgrundlagen #subnavigation h2 a:link,
body#catgrundlagen #subnavigation h2 a:visited,
body#catgrundlagen #subnavigation h2 a:hover,
body#catgrundlagen #subnavigation h2 a:active,
body#catgrundlagen #subnavigation h2 a:focus,
body#catumsetzung #subnavigation h2 a:link,
body#catumsetzung #subnavigation h2 a:visited,
body#catumsetzung #subnavigation h2 a:hover,
body#catumsetzung #subnavigation h2 a:active,
body#catumsetzung #subnavigation h2 a:focus,
body#catmarketing #subnavigation h2 a:link,
body#catmarketing #subnavigation h2 a:visited,
body#catmarketing #subnavigation h2 a:hover,
body#catmarketing #subnavigation h2 a:active,
body#catmarketing #subnavigation h2 a:focus,
body#catsuchdienste #subnavigation h2 a:link,
body#catsuchdienste #subnavigation h2 a:visited,
body#catsuchdienste #subnavigation h2 a:hover,
body#catsuchdienste #subnavigation h2 a:active,
body#catsuchdienste #subnavigation h2 a:focus,
body#cattemplates #subnavigation h2 a:link,
body#cattemplates #subnavigation h2 a:visited,
body#cattemplates #subnavigation h2 a:hover,
body#cattemplates #subnavigation h2 a:active,
body#cattemplates #subnavigation h2 a:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: auto;
  text-decoration: none;
}

/* Absatz in Service-Menue */
#subnavigation p {
  margin: .5em;
  padding: 0;
}

/* Liste mit inhaltlich zusammengehoerenden Artikeln */
#subnavigation ol#articles {
  margin: 0;
  padding: 0 .5em;
}

#subnavigation ol#articles a {
  display: block;
}

#subnavigation ol#articles li {
  margin: .5em 0 0 0;
  padding: 0;
}

#subnavigation ol#articles li ul {
  list-style-type: square;
  margin: 0;
  padding: 0 0 0 1em;
}

#subnavigation ol#articles li ul#activearticles {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#subnavigation ol#articles li ul#activearticles a,
body#catbarrierefrei #subnavigation ol#articles li ul#activearticles a,
body#catgrundlagen #subnavigation ol#articles li ul#activearticles a,
body#catumsetzung #subnavigation ol#articles li ul#activearticles a,
body#catmarketing #subnavigation ol#articles li ul#activearticles a,
body#catsuchdienste #subnavigation ol#articles li ul#activearticles a,
body#cattemplates #subnavigation ol#articles li ul#activearticles a {
  border-bottom: 1px dashed #FFFFFF;
}

#subnavigation ol#articles li ul li {
  margin: 0 0 0 .2em;
  padding: 0;
}

#subnavigation ol#articles li ul#activearticles li {
  margin: 0;
  padding: .5em 0 0 0;
}

#subnavigation ol#articles li ul#activearticles li p,
body#catbarrierefrei #subnavigation ol#articles li ul#activearticles li p,
body#catgrundlagen #subnavigation ol#articles li ul#activearticles li p,
body#catumsetzung #subnavigation ol#articles li ul#activearticles li p,
body#catmarketing #subnavigation ol#articles li ul#activearticles li p,
body#catsuchdienste #subnavigation ol#articles li ul#activearticles li p,
body#cattemplates #subnavigation ol#articles li ul#activearticles li p {
  background-color: #000000;
  color: #FFFFFF;
  margin: 0;
  padding: .5em 0 0 0;
}

/* Verweis auf vorangegangenen Abschnitt */
#subnavigation a:link.prevsection,
#subnavigation a:visited.prevsection,
body#catbarrierefrei #subnavigation a:link.prevsection,
body#catbarrierefrei #subnavigation a:visited.prevsection,
body#catgrundlagen #subnavigation a:link.prevsection,
body#catgrundlagen #subnavigation a:visited.prevsection,
body#catumsetzung #subnavigation a:link.prevsection,
body#catumsetzung #subnavigation a:visited.prevsection,
body#catmarketing #subnavigation a:link.prevsection,
body#catmarketing #subnavigation a:visited.prevsection,
body#catsuchdienste #subnavigation a:link.prevsection,
body#catsuchdienste #subnavigation a:visited.prevsection,
body#cattemplates #subnavigation a:link.prevsection,
body#cattemplates #subnavigation a:visited.prevsection {
  background: #000000 url(../images/previous_ws.png) no-repeat 0 .3em;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

#subnavigation a:hover.prevsection,
#subnavigation a:active.prevsection,
#subnavigation a:focus.prevsection,
body#catbarrierefrei #subnavigation a:hover.prevsection,
body#catbarrierefrei #subnavigation a:active.prevsection,
body#catbarrierefrei #subnavigation a:focus.prevsection,
body#catgrundlagen #subnavigation a:hover.prevsection,
body#catgrundlagen #subnavigation a:active.prevsection,
body#catgrundlagen #subnavigation a:focus.prevsection,
body#catumsetzung #subnavigation a:hover.prevsection,
body#catumsetzung #subnavigation a:active.prevsection,
body#catumsetzung #subnavigation a:focus.prevsection,
body#catmarketing #subnavigation a:hover.prevsection,
body#catmarketing #subnavigation a:active.prevsection,
body#catmarketing #subnavigation a:focus.prevsection,
body#catsuchdienste #subnavigation a:hover.prevsection,
body#catsuchdienste #subnavigation a:active.prevsection,
body#catsuchdienste #subnavigation a:focus.prevsection,
body#cattemplates #subnavigation a:hover.prevsection,
body#cattemplates #subnavigation a:active.prevsection,
body#cattemplates #subnavigation a:focus.prevsection {
  background: #FFFFFF url(../images/previous_sw.png) no-repeat 0 .3em;
  border: 1px solid #000000;
  color: #000000;
}

/* Verweis auf vorangegangene Datei */
#subnavigation a:link.previous,
#subnavigation a:visited.previous,
body#catbarrierefrei #subnavigation a:link.previous,
body#catbarrierefrei #subnavigation a:visited.previous,
body#catgrundlagen #subnavigation a:link.previous,
body#catgrundlagen #subnavigation a:visited.previous,
body#catumsetzung #subnavigation a:link.previous,
body#catumsetzung #subnavigation a:visited.previous,
body#catmarketing #subnavigation a:link.previous,
body#catmarketing #subnavigation a:visited.previous,
body#catsuchdienste #subnavigation a:link.previous,
body#catsuchdienste #subnavigation a:visited.previous,
body#cattemplates #subnavigation a:link.previous,
body#cattemplates #subnavigation a:visited.previous {
  background: #000000 url(../images/previous_ws.png) no-repeat 0 .3em;
  color: #FFFFFF;
}

#subnavigation a:hover.previous,
#subnavigation a:active.previous,
#subnavigation a:focus.previous,
body#catbarrierefrei #subnavigation a:hover.previous,
body#catbarrierefrei #subnavigation a:active.previous,
body#catbarrierefrei #subnavigation a:focus.previous,
body#catgrundlagen #subnavigation a:hover.previous,
body#catgrundlagen #subnavigation a:active.previous,
body#catgrundlagen #subnavigation a:focus.previous,
body#catumsetzung #subnavigation a:hover.previous,
body#catumsetzung #subnavigation a:active.previous,
body#catumsetzung #subnavigation a:focus.previous,
body#catmarketing #subnavigation a:hover.previous,
body#catmarketing #subnavigation a:active.previous,
body#catmarketing #subnavigation a:focus.previous,
body#catsuchdienste #subnavigation a:hover.previous,
body#catsuchdienste #subnavigation a:active.previous,
body#catsuchdienste #subnavigation a:focus.previous,
body#cattemplates #subnavigation a:hover.previous,
body#cattemplates #subnavigation a:active.previous,
body#cattemplates #subnavigation a:focus.previous {
  background: #FFFFFF url(../images/previous_sw.png) no-repeat 0 .3em;
  color: #000000;
}

/* Verweis auf aktiven Unterabschnitt */
#subnavigation a:link.activesection,
#subnavigation a:visited.activesection,
body#catbarrierefrei #subnavigation a:link.activesection,
body#catbarrierefrei #subnavigation a:visited.activesection,
body#catgrundlagen #subnavigation a:link.activesection,
body#catgrundlagen #subnavigation a:visited.activesection,
body#catumsetzung #subnavigation a:link.activesection,
body#catumsetzung #subnavigation a:visited.activesection,
body#catmarketing #subnavigation a:link.activesection,
body#catmarketing #subnavigation a:visited.activesection,
body#catsuchdienste #subnavigation a:link.activesection,
body#catsuchdienste #subnavigation a:visited.activesection,
body#cattemplates #subnavigation a:link.activesection,
body#cattemplates #subnavigation a:visited.activesection {
  background: #000000 url(../images/active_ws.png) no-repeat 0 .3em;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

#subnavigation a:hover.activesection,
#subnavigation a:active.activesection,
#subnavigation a:focus.activesection,
body#catbarrierefrei #subnavigation a:hover.activesection,
body#catbarrierefrei #subnavigation a:active.activesection,
body#catbarrierefrei #subnavigation a:focus.activesection,
body#catgrundlagen #subnavigation a:hover.activesection,
body#catgrundlagen #subnavigation a:active.activesection,
body#catgrundlagen #subnavigation a:focus.activesection,
body#catumsetzung #subnavigation a:hover.activesection,
body#catumsetzung #subnavigation a:active.activesection,
body#catumsetzung #subnavigation a:focus.activesection,
body#catmarketing #subnavigation a:hover.activesection,
body#catmarketing #subnavigation a:active.activesection,
body#catmarketing #subnavigation a:focus.activesection,
body#catsuchdienste #subnavigation a:hover.activesection,
body#catsuchdienste #subnavigation a:active.activesection,
body#catsuchdienste #subnavigation a:focus.activesection,
body#cattemplates #subnavigation a:hover.activesection,
body#cattemplates #subnavigation a:active.activesection,
body#cattemplates #subnavigation a:focus.activesection {
  background: #FFFFFF url(../images/active_sw.png) no-repeat 0 .3em;
  border: 1px solid #000000;
  color: #000000;
}

/* Verweis auf RSS-Uebersichtsdatei */
#subnavigation a:link.active,
#subnavigation a:visited.active,
#subnavigation a:hover.active,
#subnavigation a:active.active,
#subnavigation a:focus.active {
  background: #FFFFFF url(../images/active_sw.png) no-repeat 0 .3em;
  color: #000000;
}

/* Verweis auf nachfolgenden Abschnitt */
#subnavigation a:link.nextsection,
#subnavigation a:visited.nextsection,
body#catbarrierefrei #subnavigation a:link.nextsection,
body#catbarrierefrei #subnavigation a:visited.nextsection,
body#catgrundlagen #subnavigation a:link.nextsection,
body#catgrundlagen #subnavigation a:visited.nextsection,
body#catumsetzung #subnavigation a:link.nextsection,
body#catumsetzung #subnavigation a:visited.nextsection,
body#catmarketing #subnavigation a:link.nextsection,
body#catmarketing #subnavigation a:visited.nextsection,
body#catsuchdienste #subnavigation a:link.nextsection,
body#catsuchdienste #subnavigation a:visited.nextsection,
body#cattemplates #subnavigation a:link.nextsection,
body#cattemplates #subnavigation a:visited.nextsection {
  background: #000000 url(../images/next_ws.png) no-repeat 0 .3em;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

#subnavigation a:hover.nextsection,
#subnavigation a:active.nextsection,
#subnavigation a:focus.nextsection,
body#catbarrierefrei #subnavigation a:hover.nextsection,
body#catbarrierefrei #subnavigation a:active.nextsection,
body#catbarrierefrei #subnavigation a:focus.nextsection,
body#catgrundlagen #subnavigation a:hover.nextsection,
body#catgrundlagen #subnavigation a:active.nextsection,
body#catgrundlagen #subnavigation a:focus.nextsection,
body#catumsetzung #subnavigation a:hover.nextsection,
body#catumsetzung #subnavigation a:active.nextsection,
body#catumsetzung #subnavigation a:focus.nextsection,
body#catmarketing #subnavigation a:hover.nextsection,
body#catmarketing #subnavigation a:active.nextsection,
body#catmarketing #subnavigation a:focus.nextsection,
body#catsuchdienste #subnavigation a:hover.nextsection,
body#catsuchdienste #subnavigation a:active.nextsection,
body#catsuchdienste #subnavigation a:focus.nextsection,
body#cattemplates #subnavigation a:hover.nextsection,
body#cattemplates #subnavigation a:active.nextsection,
body#cattemplates #subnavigation a:focus.nextsection {
  background: #FFFFFF url(../images/next_sw.png) no-repeat 0 .3em;
  border: 1px solid #000000;
  color: #000000;
}

/* Verweis auf nachfolgende Datei */
#subnavigation a:link.next,
#subnavigation a:visited.next,
body#catbarrierefrei #subnavigation a:link.next,
body#catbarrierefrei #subnavigation a:visited.next,
body#catgrundlagen #subnavigation a:link.next,
body#catgrundlagen #subnavigation a:visited.next,
body#catumsetzung #subnavigation a:link.next,
body#catumsetzung #subnavigation a:visited.next,
body#catmarketing #subnavigation a:link.next,
body#catmarketing #subnavigation a:visited.next,
body#catsuchdienste #subnavigation a:link.next,
body#catsuchdienste #subnavigation a:visited.next,
body#cattemplates #subnavigation a:link.next,
body#cattemplates #subnavigation a:visited.next {
  background: #000000 url(../images/next_ws.png) no-repeat 0 .3em;
  color: #FFFFFF;
}

#subnavigation a:hover.next,
#subnavigation a:active.next,
#subnavigation a:focus.next,
body#catbarrierefrei #subnavigation a:hover.next,
body#catbarrierefrei #subnavigation a:active.next,
body#catbarrierefrei #subnavigation a:focus.next,
body#catgrundlagen #subnavigation a:hover.next,
body#catgrundlagen #subnavigation a:active.next,
body#catgrundlagen #subnavigation a:focus.next,
body#catumsetzung #subnavigation a:hover.next,
body#catumsetzung #subnavigation a:active.next,
body#catumsetzung #subnavigation a:focus.next,
body#catmarketing #subnavigation a:hover.next,
body#catmarketing #subnavigation a:active.next,
body#catmarketing #subnavigation a:focus.next,
body#catsuchdienste #subnavigation a:hover.next,
body#catsuchdienste #subnavigation a:active.next,
body#catsuchdienste #subnavigation a:focus.next,
body#cattemplates #subnavigation a:hover.next,
body#cattemplates #subnavigation a:active.next,
body#cattemplates #subnavigation a:focus.next {
  background: #FFFFFF url(../images/next_sw.png) no-repeat 0 .3em;
  color: #000000;
}

/* ################### Inhalt: Ueberschriften ################### */

h1, body#catbarrierefrei h1, body#catgrundlagen h1, body#catumsetzung h1, body#catmarketing h1, body#catsuchdienste h1, body#cattemplates h1 {
  background-color: #000000;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dotted #FFFFFF;
  border-left: 0;
  color: #FFFFFF;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  padding: .2em .7em;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active,
h1 a:focus,
body#catbarrierefrei #content h1 a:link,
body#catbarrierefrei #content h1 a:visited,
body#catbarrierefrei #content h1 a:hover,
body#catbarrierefrei #content h1 a:active,
body#catbarrierefrei #content h1 a:focus,
body#catgrundlagen #content h1 a:link,
body#catgrundlagen #content h1 a:visited,
body#catgrundlagen #content h1 a:hover,
body#catgrundlagen #content h1 a:active,
body#catgrundlagen #content h1 a:focus,
body#catumsetzung #content h1 a:link,
body#catumsetzung #content h1 a:visited,
body#catumsetzung #content h1 a:hover,
body#catumsetzung #content h1 a:active,
body#catumsetzung #content h1 a:focus,
body#catmarketing #content h1 a:link,
body#catmarketing #content h1 a:visited,
body#catmarketing #content h1 a:hover,
body#catmarketing #content h1 a:active,
body#catmarketing #content h1 a:focus,
body#catsuchdienste #content h1 a:link,
body#catsuchdienste #content h1 a:visited,
body#catsuchdienste #content h1 a:hover,
body#catsuchdienste #content h1 a:active,
body#catsuchdienste #content h1 a:focus,
body#cattemplates #content h1 a:link,
body#cattemplates #content h1 a:visited,
body#cattemplates #content h1 a:hover,
body#cattemplates #content h1 a:active,
body#cattemplates #content h1 a:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: auto;
  text-decoration: none;
}

body.beispiel h1 {
  background-color: #000000;
  background-image: none;
  border: 0;
  color: #FFFFFF;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  padding: .2em .7em;
}

/* Kapitelueberschriften */
#content h2, body#catbarrierefrei #content h2, body#catgrundlagen #content h2, body#catumsetzung #content h2, body#catmarketing #content h2, body#catsuchdienste #content h2, body#cattemplates #content h2,
body.beispiel h2 {
  background-color: #000000;
  border: 0;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 1em 0 .5em 0;
  padding: .2em .5em;
}

#content h2 a:link,
#content h2 a:visited,
#content h2 a:hover,
#content h2 a:active,
#content h2 a:focus,
body#catbarrierefrei #content h2 a:link,
body#catbarrierefrei #content h2 a:visited,
body#catbarrierefrei #content h2 a:hover,
body#catbarrierefrei #content h2 a:active,
body#catbarrierefrei #content h2 a:focus,
body#catgrundlagen #content h2 a:link,
body#catgrundlagen #content h2 a:visited,
body#catgrundlagen #content h2 a:hover,
body#catgrundlagen #content h2 a:active,
body#catgrundlagen #content h2 a:focus,
body#catumsetzung #content h2 a:link,
body#catumsetzung #content h2 a:visited,
body#catumsetzung #content h2 a:hover,
body#catumsetzung #content h2 a:active,
body#catumsetzung #content h2 a:focus,
body#catmarketing #content h2 a:link,
body#catmarketing #content h2 a:visited,
body#catmarketing #content h2 a:hover,
body#catmarketing #content h2 a:active,
body#catmarketing #content h2 a:focus,
body#catsuchdienste #content h2 a:link,
body#catsuchdienste #content h2 a:visited,
body#catsuchdienste #content h2 a:hover,
body#catsuchdienste #content h2 a:active,
body#catsuchdienste #content h2 a:focus,
body#cattemplates #content h2 a:link,
body#cattemplates #content h2 a:visited,
body#cattemplates #content h2 a:hover,
body#cattemplates #content h2 a:active,
body#cattemplates #content h2 a:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: auto;
  text-decoration: none;
}

/* Unterkapitelueberschriften */
#content h3, body#catbarrierefrei #content h3, body#catgrundlagen #content h3, body#catumsetzung #content h3, body#catmarketing #content h3, body#catsuchdienste #content h3, body#cattemplates #content h3 {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 1em 0 .5em 0;
  padding: .2em .5em;
}

#content h3 a:link,
#content h3 a:visited,
#content h3 a:hover,
#content h3 a:active,
#content h3 a:focus,
body#catbarrierefrei #content h3 a:link,
body#catbarrierefrei #content h3 a:visited,
body#catbarrierefrei #content h3 a:hover,
body#catbarrierefrei #content h3 a:active,
body#catbarrierefrei #content h3 a:focus,
body#catgrundlagen #content h3 a:link,
body#catgrundlagen #content h3 a:visited,
body#catgrundlagen #content h3 a:hover,
body#catgrundlagen #content h3 a:active,
body#catgrundlagen #content h3 a:focus,
body#catumsetzung #content h3 a:link,
body#catumsetzung #content h3 a:visited,
body#catumsetzung #content h3 a:hover,
body#catumsetzung #content h3 a:active,
body#catumsetzung #content h3 a:focus,
body#catmarketing #content h3 a:link,
body#catmarketing #content h3 a:visited,
body#catmarketing #content h3 a:hover,
body#catmarketing #content h3 a:active,
body#catmarketing #content h3 a:focus,
body#catsuchdienste #content h3 a:link,
body#catsuchdienste #content h3 a:visited,
body#catsuchdienste #content h3 a:hover,
body#catsuchdienste #content h3 a:active,
body#catsuchdienste #content h3 a:focus,
body#cattemplates #content h3 a:link,
body#cattemplates #content h3 a:visited,
body#cattemplates #content h3 a:hover,
body#cattemplates #content h3 a:active,
body#cattemplates #content h3 a:focus {
  background-color: #FFFFFF;
  color: #000000;
  cursor: auto;
  text-decoration: none;
}

/* Ueberschrift 'Artikeluebersicht' */
#content h3.uebersicht, body#catbarrierefrei #content h3.uebersicht, body#catgrundlagen #content h3.uebersicht, body#catumsetzung #content h3.uebersicht, body#catmarketing #content h3.uebersicht, body#catsuchdienste #content h3.uebersicht, body#cattemplates #content h3.uebersicht {
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0;
  border-left: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
  padding: .2em .5em;
}

/* Ueberschrift bei Beispiel-Absatz */
#content h3.beispiel,
body#cathomepage #content h3.homepagebarrierefrei,
body#catbarrierefrei #content h3.beispiel,
body#cathomepage #content h3.homepagegrundlagen,
body#catgrundlagen #content h3.beispiel,
body#cathomepage #content h3.homepageumsetzung,
body#catumsetzung #content h3.beispiel,
body#cathomepage #content h3.homepagemarketing,
body#catmarketing #content h3.beispiel,
body#cathomepage #content h3.homepagesuchdienste,
body#catsuchdienste #content h3.beispiel,
body#cathomepage #content h3.homepagetemplates,
body#cattemplates #content h3.beispiel {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #000000;
  color: #000000;
  margin: 1em 0 0 0;
  padding: .2em .5em;
}

/* ####################### Inhalt: Teaser ####################### */

/* Brotkrumenpfad */
#content #pfad, body#catbarrierefrei #content #pfad, body#catgrundlagen #content #pfad, body#catumsetzung #content #pfad, body#catmarketing #content #pfad, body#catsuchdienste #content #pfad, body#cattemplates #content #pfad {
  background-color: #000000;
  color: #FFFFFF;
  font-size: .85em;
  line-height: 1.3em;
  margin: 0;
  padding: .5em 1em;
}

#content #pfad a:link,
#content #pfad a:visited,
body#catbarrierefrei #content #pfad a:link, body#catbarrierefrei #content #pfad a:visited,
body#catgrundlagen #content #pfad a:link, body#catgrundlagen #content #pfad a:visited,
body#catumsetzung #content #pfad a:link, body#catumsetzung #content #pfad a:visited,
body#catmarketing #content #pfad a:link, body#catmarketing #content #pfad a:visited,
body#catsuchdienste #content #pfad a:link, body#catsuchdienste #content #pfad a:visited,
body#cattemplates #content #pfad a:link, body#cattemplates #content #pfad a:visited {
  background-color: #000000;
  color: #FFFFFF;
}

#content #pfad a:hover,
#content #pfad a:active,
#content #pfad a:focus,
body#catbarrierefrei #content #pfad a:hover,
body#catbarrierefrei #content #pfad a:active,
body#catbarrierefrei #content #pfad a:focus,
body#catgrundlagen #content #pfad a:hover,
body#catgrundlagen #content #pfad a:active,
body#catgrundlagen #content #pfad a:focus,
body#catumsetzung #content #pfad a:hover,
body#catumsetzung #content #pfad a:active,
body#catumsetzung #content #pfad a:focus,
body#catmarketing #content #pfad a:hover,
body#catmarketing #content #pfad a:active,
body#catmarketing #content #pfad a:focus,
body#catsuchdienste #content #pfad a:hover,
body#catsuchdienste #content #pfad a:active,
body#catsuchdienste #content #pfad a:focus,
body#cattemplates #content #pfad a:hover,
body#cattemplates #content #pfad a:active,
body#cattemplates #content #pfad a:focus {
  background-color: #FFFFFF;
  color: #000000;
}

/* Teaser: Was auf der Seite zu finden ist (Zusammenfassung) */
#content #teaser, body#catbarrierefrei #content #teaser, body#catgrundlagen #content #teaser, body#catumsetzung #content #teaser, body#catmarketing #content #teaser, body#catsuchdienste #content #teaser, body#cattemplates #content #teaser {
  background-color: #000000;
  background-image: none;
  color: #FFFFFF;
  font-size: .85em;
  line-height: 1.3em;
  margin: 0 0 1em 0;
  padding: .5em 1em 1em 1em;
}

#content #teaser a:link,
#content #teaser a:visited {
  background-color: #000000;
  color: #FFFFFF;
}

#content #teaser a:hover,
#content #teaser a:active,
#content #teaser a:focus {
  background-color: #FFFFFF;
  color: #000000;
}

/* Teaser: Datum der letzten Dateiaktualisierung */
#content #teaser span.dateidatum {
  display: block;
  margin: 0;
  padding: 1em 0 0 0;
  text-align: right;
}

/* Teaser: Datum-Formatierung fuer Rahmen und Icon */
#content #teaser span.dateidatum strong, body#catbarrierefrei #content #teaser span.dateidatum strong, body#catgrundlagen #content #teaser span.dateidatum strong, body#catumsetzung #content #teaser span.dateidatum strong, body#catmarketing #content #teaser span.dateidatum strong, body#catsuchdienste #content #teaser span.dateidatum strong, body#cattemplates #content #teaser span.dateidatum strong {
  background: #000000 url(../images/document_ws.png) no-repeat 0 50%;
  border-top: 1px solid #FFFFFF;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Ankuendigung Liste mit Ankern zu Artikelueberschriften */
#content p#htoc, body#catbarrierefrei #content p#htoc, body#catgrundlagen #content p#htoc, body#catumsetzung #content p#htoc, body#catmarketing #content p#htoc, body#catsuchdienste #content p#htoc, body#cattemplates #content p#htoc {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: .1em;
  margin: 0;
  padding: .2em .5em;
}

/* Liste mit Ankern zu Artikelueberschriften */
#content ol#toc, body#catbarrierefrei #content ol#toc, body#catgrundlagen #content ol#toc, body#catumsetzung #content ol#toc, body#catmarketing #content ol#toc, body#catsuchdienste #content ol#toc, body#cattemplates #content ol#toc {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 1px solid #000000;
  border-bottom: 0;
  border-left: 1px solid #000000;
  color: #000000;
  margin: 0;
  padding: .5em .5em .5em 2.5em;
}

/* Druckfunktion mit JavaScript */
#content p.druckfunktionjs,
#content p.druckfunktionjsalt,
body#catbarrierefrei #content p.druckfunktionjs, body#catgrundlagen #content p.druckfunktionjs, body#catumsetzung #content p.druckfunktionjs, body#catmarketing #content p.druckfunktionjs, body#catsuchdienste #content p.druckfunktionjs, body#cattemplates #content p.druckfunktionjs {
  background-color: #FFFFFF;
  border-top: 1px dotted #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  color: #000000;
  display: block;
  font-size: 1em;
  margin: 0 0 1em 0;
  padding: .2em .5em;
  text-align: right;
  visibility: visible;
}

/* Druckfunktion mit JavaScript (kein toc vorhanden) */
#content p.druckfunktionjsalt {
  background-color: #FFFFFF;
  border: 0;
  color: #000000;
  margin: 1em 0;
  padding: .2em .5em;
  text-align: right;
}

/* Druckfunktion ohne JavaScript */
#content p.druckfunktion,
#content p.druckfunktionalt,
body#catbarrierefrei #content p.druckfunktion, body#catgrundlagen #content p.druckfunktion, body#catumsetzung #content p.druckfunktion, body#catmarketing #content p.druckfunktion, body#catsuchdienste #content p.druckfunktion, body#cattemplates #content p.druckfunktion {
  background-color: #FFFFFF;
  border-top: 1px dotted #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  color: #000000;
  display: block;
  font-size: .9em;
  margin: 0 0 1em 0;
  padding: .2em .5em;
  visibility: visible;
}

/* Druckfunktion ohne JavaScript (kein toc vorhanden) */
#content p.druckfunktionalt,
body#catbarrierefrei #content p.druckfunktionalt, body#catgrundlagen #content p.druckfunktionalt, body#catumsetzung #content p.druckfunktionalt, body#catmarketing #content p.druckfunktionalt, body#catsuchdienste #content p.druckfunktionalt, body#cattemplates #content p.druckfunktionalt {
  background-color: #FFFFFF;
  border: 1px dotted #000000;
  color: #000000;
  margin: 1em 0;
  padding: .2em .5em;
}

/* ####################### Inhalt: Listen ####################### */

/* Definitionsliste */
#content dl,
#content dl p,
#content dl dt,
#content dl dd {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 0;
}

/* Geordnete Liste */
#content ol {
  margin: 0;
  padding: .5em .5em .5em 2.5em;
}

#content ol li p {
  margin: 0;
  padding: .5em 0 0 0;
}

/* Liste im Inhaltsverzeichnis: Hauptnavigatoren */
#content ol.sitemaplist li,
#content ol.sitemaplist li.sitemapbarrierefrei,
#content ol.sitemaplist li.sitemapgrundlagen,
#content ol.sitemaplist li.sitemapumsetzung,
#content ol.sitemaplist li.sitemapmarketing,
#content ol.sitemaplist li.sitemapsuchdienste,
#content ol.sitemaplist li.sitemaptemplates {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  margin: 1em 0;
  padding: .2em .5em;
}

/* Liste im Inhaltsverzeichnis: Abschnitte in Hauptnavigatoren */
#content ol.sitemaplist li p {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #000000;
  border-left: 0;
}

/* Liste im Inhaltsverzeichnis: 2. Gliederungsebene */
#content ol.sitemaplist li ol {
  margin: 0;
  padding: 0 0 0 1.5em;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikel */
#content ol.sitemaplist li ol li {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  margin: 1em 0;
  padding: 0;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikel ohne Ueberschriften 2. Ebene */
#content ol.sitemaplist li ol li.alt {
  background-color: #FFFFFF;
  border: 0;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

#content ol.sitemaplist li ol li a:link.outline,
#content ol.sitemaplist li ol li a:visited.outline,
#content ol.sitemaplist li.sitemapbarrierefrei ol li a:link.outline,
#content ol.sitemaplist li.sitemapbarrierefrei ol li a:visited.outline,
#content ol.sitemaplist li.sitemapgrundlagen ol li a:link.outline,
#content ol.sitemaplist li.sitemapgrundlagen ol li a:visited.outline,
#content ol.sitemaplist li.sitemapumsetzung ol li a:link.outline,
#content ol.sitemaplist li.sitemapumsetzung ol li a:visited.outline,
#content ol.sitemaplist li.sitemapmarketing ol li a:link.outline,
#content ol.sitemaplist li.sitemapmarketing ol li a:visited.outline,
#content ol.sitemaplist li.sitemapsuchdienste ol li a:link.outline,
#content ol.sitemaplist li.sitemapsuchdienste ol li a:visited.outline,
#content ol.sitemaplist li.sitemaptemplates ol li a:link.outline,
#content ol.sitemaplist li.sitemaptemplates ol li a:visited.outline {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dotted #000000;
  border-left: 0;
  color: #000000;
  display: block;
  margin: 0;
  padding: .2em .5em;
}

#content ol.sitemaplist li ol li a:hover.outline,
#content ol.sitemaplist li ol li a:active.outline,
#content ol.sitemaplist li ol li a:focus.outline,
#content ol.sitemaplist li.sitemapbarrierefrei ol li a:hover.outline,
#content ol.sitemaplist li.sitemapbarrierefrei ol li a:active.outline,
#content ol.sitemaplist li.sitemapbarrierefrei ol li a:focus.outline,
#content ol.sitemaplist li.sitemapgrundlagen ol li a:hover.outline,
#content ol.sitemaplist li.sitemapgrundlagen ol li a:active.outline,
#content ol.sitemaplist li.sitemapgrundlagen ol li a:focus.outline,
#content ol.sitemaplist li.sitemapumsetzung ol li a:hover.outline,
#content ol.sitemaplist li.sitemapumsetzung ol li a:active.outline,
#content ol.sitemaplist li.sitemapumsetzung ol li a:focus.outline,
#content ol.sitemaplist li.sitemapmarketing ol li a:hover.outline,
#content ol.sitemaplist li.sitemapmarketing ol li a:active.outline,
#content ol.sitemaplist li.sitemapmarketing ol li a:focus.outline,
#content ol.sitemaplist li.sitemapsuchdienste ol li a:hover.outline,
#content ol.sitemaplist li.sitemapsuchdienste ol li a:active.outline,
#content ol.sitemaplist li.sitemapsuchdienste ol li a:focus.outline,
#content ol.sitemaplist li.sitemaptemplates ol li a:hover.outline,
#content ol.sitemaplist li.sitemaptemplates ol li a:active.outline,
#content ol.sitemaplist li.sitemaptemplates ol li a:focus.outline {
  background-color: #000000;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dotted #FFFFFF;
  border-left: 0;
  color: #FFFFFF;
  display: block;
  margin: 0;
  padding: .2em .5em;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikelueberschrift 2. Ebene */
#content ol.sitemaplist li ol li ul {
  margin: .5em .2em .5em 1.5em;
  padding: 0;
}

#content ol.sitemaplist li ul li,
#content ol.sitemaplist li ol li ul li {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Liste im Inhaltsverzeichnis: Verweis auf ausgelagertes Beispiel */
#content ol.sitemaplist li ol li ul li ul {
  list-style-type: disc;
}

/* Liste mit Anfangsbuchstaben-Link im Glossar */
#content ul#glossary,
#content p#glossaryheader {
  display: block;
  visibility: visible;
}

/* Liste mit Anfangsbuchstaben-Link im Glossar */
ul#glossary {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Liste mit Anfangsbuchstaben-Link im Glossar: Listenelement */
ul#glossary li {
  display: inline;
  line-height: 2em;
  margin: 0;
  padding: 0;
}

/* Liste mit Anfangsbuchstaben-Link im Glossar: besuchter und unbesuchter Verweis */
ul#glossary li a:link,
ul#glossary li a:visited {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin: 0;
  padding: .2em .4em;
}

/* Liste mit Anfangsbuchstaben-Link im Glossar: Verweis Mouse-over, aktiv, Fokus */
ul#glossary li a:hover,
ul#glossary li a:active,
ul#glossary li a:focus {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  margin: 0;
  padding: .2em .4em;
}

/* Artikeluebersicht auf Hauptnavigationsseiten und Startseite: Definitionsliste */
#content dl.artikeluebersicht, body#catbarrierefrei #content dl.artikeluebersicht, body#catgrundlagen #content dl.artikeluebersicht, body#catumsetzung #content dl.artikeluebersicht, body#catmarketing #content dl.artikeluebersicht, body#catsuchdienste #content dl.artikeluebersicht, body#cattemplates #content dl.artikeluebersicht {
  border-top: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  margin: 0;
  padding: 0;
}

/* Artikeluebersicht: Titel */
#content dl.artikeluebersicht dt, body#catbarrierefrei #content dl.artikeluebersicht dt, body#catgrundlagen #content dl.artikeluebersicht dt, body#catumsetzung #content dl.artikeluebersicht dt, body#catmarketing #content dl.artikeluebersicht dt, body#catsuchdienste #content dl.artikeluebersicht dt, body#cattemplates #content dl.artikeluebersicht dt {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 0;
  border-bottom: 1px dotted #000000;
  border-left: 0;
  clear: left;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: .2em .5em;
}

/* News-Uebersichtsseite: Kopfzelle der Definitionsliste */
#content dl.uebersicht dt {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px dotted #000000;
  border-left: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: .2em .5em;
}

#content dl.uebersicht dt a {
  background-color: #FFFFFF;
  color: #000000;
  cursor: auto;
  text-decoration: none;
}

/* News-Uebersichtsseite: Datenzelle der Definitionsliste */
#content dl.uebersicht dd {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  color: #000000;
  margin: 0 0 1em 0;
  padding: 0 .5em .5em .5em;
}

/* Artikeluebersicht: Datenzellen */
#content dl.artikeluebersicht dd {
  background-color: #FFFFFF;
  color: #000000;
  min-height: 120px;
  margin: 0;
  padding: 0;
}

/* Artikeluebersicht: Datenzelle Bild */
#content dl.artikeluebersicht dd.img {
  display: inline;
  float: left;
  padding: .3em;
  visibility: visible;
  width: 100px;
}

/* Artikeluebersicht: Bild in Datenzelle Bild */
#content dl.artikeluebersicht dd.img img {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  margin: 0;
  padding: .5em;
}

/* News-Uebersichtsseite: Absatz in Datenzelle der Definitionsliste */
#content dl.uebersicht dd p {
  margin: 0;
  padding: .5em 0;
}

/* Artikeluebersicht: Datenzelle Beschreibung */
#content dl.artikeluebersicht dd.data {
  margin-left: 120px;
  padding: 0 .5em 1em 0;
}

/* Artikeluebersicht: Absatz in Datenzelle Beschreibung */
#content dl.artikeluebersicht dd.data p {
  margin: 0;
  padding: .5em 1em 1em 0;
}

/* Definitionsliste im eigentlichen Inhalt */
#content dl.inline {
  margin: 0;
  padding: 0;
}

/* Definitionsliste im eigentlichen Inhalt: Titelzellen */
#content dl.inline dt {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: .5em 0 0 0;
}

#content dl.inline dt a:link,
#content dl.inline dt a:visited,
#content dl.inline dt a:hover,
#content dl.inline dt a:active,
#content dl.inline dt a:focus {
  background-color: #FFFFFF;
  color: #000000;
  cursor: auto;
  text-decoration: none;
}

/* Definitionsliste im eigentlichen Inhalt: Beschreibungszellen */
#content dl.inline dd {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 0 0 .5em 1em;
}

/* Aufzaehlung Hilfe Sucheingabe */
#content dl.inline dd ul {
  margin: 0;
  padding: .5em 0 .5em 1em;
}

/* Definitionsliste im eigentlichen Inhalt: Absatz in Liste */
#content dl.inline p {
  margin: 0;
  padding: 0;
}

/* Definitionsliste im eigentlichen Inhalt mit Rahmen */
#content dl.outline {
  border: 1px solid #000000;
  margin: 0;
  padding: 0;
}

/* Definitionsliste im eigentlichen Inhalt mit Rahmen: Titelzellen */
#content dl.outline dt {
  margin: 0;
  padding: .2em .5em 0 .5em;
}

/* Definitionsliste im eigentlichen Inhalt mit Rahmen: Beschreibungszellen */
#content dl.outline dd {
  margin: 0;
  padding: 0 .5em;
}

/* Definitionsliste im eigentlichen Inhalt mit Rahmen: Jede 2. Zeile */
#content dl.outline dt.alt,
#content dl.outline dd.alt {
  background-color: #000000;
  color: #FFFFFF;
}

/* Definitionsliste auf Kontakt-Seite */
#content dl.kontakt {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Definitionsliste auf Kontakt-Seite: Titel- und Beschreibungszellen */
#content dl.kontakt dt,
#content dl.kontakt dd {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: .5em 0;
}

/* Definitionsliste auf Kontakt-Seite: Titelzellen */
#content dl.kontakt dt {
  float: left;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  width: 150px;
}

/* Definitionsliste auf Kontakt-Seite: Beschreibungszellen */
#content dl.kontakt dd {
  font-size: 1em;
  margin-left: 160px;
  padding-left: 0;
}

/* Suchergebnis-Ausgabe: Definitionsliste */
#content dl.suchergebnis {
  margin: 0;
  padding: .5em;
}

/* Suchergebnis-Ausgabe: Titelzellen */
#content dl.suchergebnis dt {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* Suchergebnis-Ausgabe: Beschreibungszellen */
#content dl.suchergebnis dd {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dashed #000000;
  border-left: 0;
  color: #000000;
  margin: 0 0 1em 0;
  padding: 0 0 .5em 1em;
}

/* Suchergebnis-Ausgabe: Auszug-Absatz in Liste */
#content dl.suchergebnis dd p {
  font-style: italic;
  margin: 0;
  padding: 0 0 .5em 0;
}

/* Suchergebnis-Ausgabe: Datei-Daten in Suchergebnis-Ausgabe */
#content dl.suchergebnis dd p.changelog {
  background-color: #FFFFFF;
  color: #000000;
  font-size: .9em;
  font-style: normal;
  margin: 0;
  padding: .5em 0 0 0;
}

/* ##################### Textauszeichnungen ##################### */

/* Suchergebnis-Ausgabe: Erklaerung der Aehnlichkeitssuche */
#content p.erklaerung {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: .5em;
}

/* Suchergebnis-Ausgabe: zurueck/weiter-Link 'ausgeblendet' */
#content span.inactive {
  background-color: #FFFFFF;
  color: #c0c0c0;
}

/* Sucheingabe-Parameter: Erklaerung */
#content span.erklaerung {
  display: block;
  font-size: .9em;
  margin: 0 0 0 8em;
  padding: 0;
}

/* Vorschau-Absatz auf Download */
#content p.downloadpreview {
  border: 0;
  margin: 1em 0 2em 0;
  padding: 0;
}

/* Vorschau-Bilder bei Template-Download */
#content .categories {
  display: inline;
  float: left;
  margin: 0;
  padding: 0 1em 0 0;
  visibility: visible;
  width: 105px;
}

/* Icon im Glossar-Teaser */
#content span.glossar {
  background: #000000 url(../images/glossar_ws.png) no-repeat 0 50%;
  color: #FFFFFF;
}

/* .grafik = Absatz mit Bild */
/* .grafikok = Absatz mit Bild dessen Breite kleiner als 550px */
#content p.grafik,
#content p.grafikok,
body#catbarrierefrei #content p.grafik,
body#catbarrierefrei #content p.grafikok,
body#catgrundlagen #content p.grafik,
body#catgrundlagen #content p.grafikok,
body#catumsetzung #content p.grafik,
body#catumsetzung #content p.grafikok,
body#catmarketing #content p.grafik,
body#catmarketing #content p.grafikok,
body#catsuchdienste #content p.grafik,
body#catsuchdienste #content p.grafikok,
body#cattemplates #content p.grafik,
body#cattemplates #content p.grafikok {
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px dotted #000000;
  border-left: 1px solid #000000;
  color: #000000;
  display: block;
  font-size: .85em;
  margin: 0;
  overflow: auto;
  padding: 1em .5em;
  text-align: center;
  visibility: visible;
}

/* Quellenangabe am Bild */
#content p.grafik code,
#content p.grafikok code {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

/* Druck: Absatz mit ausschliesslich Bild */
#content p.grafikalt,
body#catbarrierefrei #content p.grafikalt,
body#catgrundlagen #content p.grafikalt,
body#catumsetzung #content p.grafikalt,
body#catmarketing #content p.grafikalt,
body#catsuchdienste #content p.grafikalt,
body#cattemplates #content p.grafikalt {
  display: none;
  visibility: hidden;
}

/* Absatz mit Bildbeschreibung (unterhalb des Bildes anordnen) */
#content p.klein,
body#catbarrierefrei #content p.klein,
body#catgrundlagen #content p.klein,
body#catumsetzung #content p.klein,
body#catmarketing #content p.klein,
body#catsuchdienste #content p.klein,
body#cattemplates #content p.klein {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  color: #000000;
  font-size: .85em;
  margin: 0 0 1em 0;
  padding: .2em .5em;
}

/* Quelltext in Bildbeschreibung */
#content p.klein code,
#content p.klein kbd {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

/* Beispiel-Absatz */
#content p.beispiel,
body#catbarrierefrei #content p.beispiel,
body#catgrundlagen #content p.beispiel,
body#catumsetzung #content p.beispiel,
body#catmarketing #content p.beispiel,
body#catsuchdienste #content p.beispiel,
body#cattemplates #content p.beispiel {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  color: #000000;
  font-size: 1em;
  margin: 0 0 1em 0;
  overflow: auto;
  padding: .5em .5em 1em .5em;
}

/* Beispiel-Absatz: Kennzeichnung der Elemente */
p.beispiel code {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}

/* Beispiel-Absatz: Kennzeichnung von Attributen, Attributtexten und eigentlichem Inhalt */
p.beispiel code span.attribut,
p.beispiel code span.quelltext {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: normal;
}

/* Beispiel-Absatz: Kennzeichnung von Kommentaren */
p.beispiel code span.kommentar {
  background-color: #FFFFFF;
  color: #000000;
  display: block;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: .5em 0 0 0;
}

/* Beispiel-Absatz: Kennzeichnung von Kommentaren in CSS-Beispielen */
p.beispiel code span.kommentarcss {
  background-color: #FFFFFF;
  color: #000000;
  display: inline;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* Beispiel-Absatz in Beispiel-Seite */
body.beispiel p.beispiel {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  margin: .5em;
  padding: .5em;
}

/* Pfeil-Verweise zum Seitenanfang */
#content p.pfeilnavigator,
body#catbarrierefrei #content p.pfeilnavigator,
body#catgrundlagen #content p.pfeilnavigator,
body#catumsetzung #content p.pfeilnavigator,
body#catmarketing #content p.pfeilnavigator,
body#catsuchdienste #content p.pfeilnavigator,
body#cattemplates #content p.pfeilnavigator {
  background-color: #FFFFFF;
  border-top: 1px dotted #000000;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  clear: both;
  color: #000000;
  margin: 1em 0;
  padding: 0;
  text-align: right;
}

#content p.pfeilnavigator a,
body#catbarrierefrei #content p.pfeilnavigator a,
body#catgrundlagen #content p.pfeilnavigator a,
body#catumsetzung #content p.pfeilnavigator a,
body#catmarketing #content p.pfeilnavigator a,
body#catsuchdienste #content p.pfeilnavigator a,
body#cattemplates #content p.pfeilnavigator a {
  margin: 0;
  padding: 0 0 0 1.2em;
}

/* Buchtipps am Ende der Artikel */
#content div#literaturverweis,
body#catbarrierefrei #content div#literaturverweis,
body#catgrundlagen #content div#literaturverweis,
body#catumsetzung #content div#literaturverweis,
body#catmarketing #content div#literaturverweis,
body#catsuchdienste #content div#literaturverweis,
body#cattemplates #content div#literaturverweis {
  background-color: #000000;
  background-image: none;
  color: #FFFFFF;
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
}

/* Buchtipps am Ende der Artikel: Absatz */
#content div#literaturverweis h2,
body#catbarrierefrei #content div#literaturverweis h2,
body#catgrundlagen #content div#literaturverweis h2,
body#catumsetzung #content div#literaturverweis h2,
body#catmarketing #content div#literaturverweis h2,
body#catsuchdienste #content div#literaturverweis h2,
body#cattemplates #content div#literaturverweis h2 {
  background-color: #000000;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dotted #FFFFFF;
  border-left: 0;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  padding: .2em .5em;
}

#content div#literaturverweis kbd {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

/* Definitionsliste (fuer Buchtipps) */
#content div#literaturverweis dl#buchtipps,
#services .service dl,
body#catbarrierefrei #content div#literaturverweis dl#buchtipps,
body#catbarrierefrei #services .service dl,
body#catgrundlagen #content div#literaturverweis dl#buchtipps,
body#catgrundlagen #services .service dl,
body#catumsetzung #content div#literaturverweis dl#buchtipps,
body#catumsetzung #services .service dl,
body#catmarketing #content div#literaturverweis dl#buchtipps,
body#catmarketing #services .service dl,
body#catsuchdienste #content div#literaturverweis dl#buchtipps,
body#catsuchdienste #services .service dl,
body#cattemplates #content div#literaturverweis dl#buchtipps,
body#cattemplates #services .service dl {
  background-color: #FFFFFF;
  border: 0;
  color: #000000;
  font-size: .85em;
  line-height: 1.3em;
  margin: .5em;
  padding: 0 0 .3em 0;
}

/* Definitionsliste (fuer Buchtipps): Kopfzelle (Autor) */
#content div#literaturverweis dl#buchtipps dt,
#services .service dt,
body#catbarrierefrei #content div#literaturverweis dl#buchtipps dt,
body#catbarrierefrei #services .service dt,
body#catgrundlagen #content div#literaturverweis dl#buchtipps dt,
body#catgrundlagen #services .service dt,
body#catumsetzung #content div#literaturverweis dl#buchtipps dt,
body#catumsetzung #services .service dt,
body#catmarketing #content div#literaturverweis dl#buchtipps dt,
body#catmarketing #services .service dt,
body#catsuchdienste #content div#literaturverweis dl#buchtipps dt,
body#catsuchdienste #services .service dt,
body#cattemplates #content div#literaturverweis dl#buchtipps dt,
body#cattemplates #services .service dt {
  background-color: #FFFFFF;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 0;
  border-bottom: 1px dotted #000000;
  border-left: 0;
  clear: both;
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: .2em .5em;
}

/* Definitionsliste (fuer Buchtipps): Datenzellen */
#content div#literaturverweis dl#buchtipps dd,
#services .service dl dd {
  background-color: #FFFFFF;
  color: #000000;
  min-height: 70px;
  margin: 0;
  padding: .3em;
}

/* Definitionsliste (fuer Buchtipps): Datenzelle Beschreibung */
#content div#literaturverweis dl#buchtipps dd.data,
#services .service dl dd.data {
  margin: 0 0 0 60px;
  padding: .2em .2em .5em 0;
}

/* Definitionsliste (fuer Buchtipps): Datenzelle Bild */
#content div#literaturverweis dl#buchtipps dd.img,
#services .service dl dd.img {
  display: inline;
  float: left;
  visibility: visible;
  width: 55px;
}

/* Definitionsliste (fuer Buchtipps): Bild in Datenzelle Bild */
#content div#literaturverweis dl#buchtipps dd.img img,
#services .service dl dd.img img {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  margin: 0;
  padding: .3em;
}

/* Hinweis auf Fehler */
#content p.error {
  background: #FFFFFF url(../images/error_sw.png) no-repeat 0 .15em;
  border: 1px dotted #000000;
  color: #000000;
  font-weight: bold;
  margin: 1em .5em;
  padding: 0 0 0 1.4em;
}

/* ############################################################## */
/* ########################## SERVICES ########################## */
/* ############################################################## */

/* Service-Navigation */
#services {
  background: #FFFFFF url(../images/itib_logo.png) no-repeat bottom center;
  color: #000000;
  float: right;
  margin: 0% 1% 1% 0%;
  padding: 0 0 4em 0;
  width: 22%;
}

/* Container in Service-Navigation */
#services .service, body#catbarrierefrei #services .service, body#catgrundlagen #services .service, body#catumsetzung #services .service, body#catmarketing #services .service, body#catsuchdienste #services .service, body#cattemplates #services .service {
  background-color: #000000;
  background-image: none;
  color: #FFFFFF;
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
}

/* Ueberschrift in Unter- und Service-Navigation */
#subnavigation h2,
#services h2,
body#catbarrierefrei #subnavigation h2, body#catbarrierefrei #services h2,
body#catgrundlagen #subnavigation h2, body#catgrundlagen #services h2,
body#catumsetzung #subnavigation h2, body#catumsetzung #services h2,
body#catmarketing #subnavigation h2, body#catmarketing #services h2,
body#catsuchdienste #subnavigation h2, body#catsuchdienste #services h2,
body#cattemplates #subnavigation h2, body#cattemplates #services h2 {
  background-color: #000000;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px dotted #FFFFFF;
  border-left: 0;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  padding: .2em .5em;
}

#services h3 {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 1em;
  margin: .4em;
  padding: 0;
}

/* Absatz in Service-Menue */
#services p {
  margin: 0 .5em 0 1em;
  padding: 0;
}

/* Service-Menue-Punkte */
#subnavigation ul,
#subnavigation ol,
#services ul,
#services ol {
  margin: 0;
  padding: .5em 1em;
  list-style: none;
}

/* Absatz in Listenpunkt im Service-Manue */
#subnavigation li p,
#services li p {
  font-size: .85em;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
}

/* Kennzeichnung der aktuellen Datei */
#subnavigation li.aktiv strong,
#services li.aktiv strong,
body#catbarrierefrei #subnavigation li.aktiv strong,
body#catbarrierefrei #services li.aktiv strong,
body#catgrundlagen #subnavigation li.aktiv strong,
body#catgrundlagen #services li.aktiv strong,
body#catumsetzung #subnavigation li.aktiv strong,
body#catumsetzung #services li.aktiv strong,
body#catmarketing #subnavigation li.aktiv strong,
body#catmarketing #services li.aktiv strong,
body#catsuchdienste #subnavigation li.aktiv strong,
body#catsuchdienste #services li.aktiv strong,
body#cattemplates #subnavigation li.aktiv strong,
body#cattemplates #services li.aktiv strong {
  background: #FFFFFF url(../images/active_sw.png) no-repeat 0 .3em;
  color: #000000;
  display: block;
}

#subnavigation a:link,
#services a:link,
#subnavigation a:visited,
#services a:visited,
body#catbarrierefrei #subnavigation a:link, body#catbarrierefrei #subnavigation a:visited,
body#catbarrierefrei #services a:link, body#catbarrierefrei #services a:visited,
body#catgrundlagen #subnavigation a:link, body#catgrundlagen #subnavigation a:visited,
body#catgrundlagen #services a:link, body#catgrundlagen #services a:visited,
body#catumsetzung #subnavigation a:link, body#catumsetzung #subnavigation a:visited,
body#catumsetzung #services a:link, body#catumsetzung #services a:visited,
body#catmarketing #subnavigation a:link, body#catmarketing #subnavigation a:visited,
body#catmarketing #services a:link, body#catmarketing #services a:visited,
body#catsuchdienste #subnavigation a:link, body#catsuchdienste #subnavigation a:visited,
body#catsuchdienste #services a:link, body#catsuchdienste #services a:visited,
body#cattemplates #subnavigation a:link, body#cattemplates #subnavigation a:visited,
body#cattemplates #services a:link, body#cattemplates #services a:visited {
  background-color: #000000;
  color: #FFFFFF;
}

#subnavigation a:hover,
#subnavigation a:active,
#subnavigation a:focus,
#services a:hover,
#services a:active,
#services a:focus,
body#catbarrierefrei #subnavigation a:hover, body#catbarrierefrei #subnavigation a:active, body#catbarrierefrei #subnavigation a:focus,
body#catbarrierefrei #services a:hover, body#catbarrierefrei #services a:active, body#catbarrierefrei #services a:focus
body#catgrundlagen #subnavigation a:hover, body#catgrundlagen #subnavigation a:active, body#catgrundlagen #subnavigation a:focus,
body#catgrundlagen #services a:hover, body#catgrundlagen #services a:active, body#catgrundlagen #services a:focus,
body#catumsetzung #subnavigation a:hover, body#catumsetzung #subnavigation a:active, body#catumsetzung #subnavigation a:focus,
body#catumsetzung #services a:hover, body#catumsetzung #services a:active, body#catumsetzung #services a:focus,
body#catmarketing #subnavigation a:hover, body#catmarketing #subnavigation a:active, body#catmarketing #subnavigation a:focus,
body#catmarketing #services a:hover, body#catmarketing #services a:active, body#catmarketing #services a:focus,
body#catsuchdienste #subnavigation a:hover, body#catsuchdienste #subnavigation a:active, body#catsuchdienste #subnavigation a:focus,
body#catsuchdienste #services a:hover, body#catsuchdienste #services a:active, body#catsuchdienste #services a:focus,
body#cattemplates #subnavigation a:hover, body#cattemplates #subnavigation a:active, body#cattemplates #subnavigation a:focus,
body#cattemplates #services a:hover, body#cattemplates #services a:active, body#cattemplates #services a:focus {
  background-color: #FFFFFF;
  color: #000000;
}

/* Container mit Tastatur-Kuerzeln (Accesskeys) - fuer Handheld 'ausgeblendet' */
#services div#tastaturkuerzel, body#catbarrierefrei #services div#tastaturkuerzel, body#catgrundlagen #services div#tastaturkuerzel, body#catumsetzung #services div#tastaturkuerzel, body#catmarketing #services div#tastaturkuerzel, body#catsuchdienste #services div#tastaturkuerzel, body#cattemplates #services div#tastaturkuerzel {
  background-color: #000000;
  color: #FFFFFF;
  display: block;
  visibility: visible;
}

/* Container mit Tastatur-Kuerzeln: Absatz 'Hinweis zur Verwendung' */
#services div#tastaturkuerzel p, body#catbarrierefrei #services div#tastaturkuerzel p, body#catgrundlagen #services div#tastaturkuerzel p, body#catumsetzung #services div#tastaturkuerzel p, body#catmarketing #services div#tastaturkuerzel p, body#catsuchdienste #services div#tastaturkuerzel p, body#cattemplates #services div#tastaturkuerzel p {
  border-bottom: 1px dashed #FFFFFF;
  font-size: .85em;
  line-height: 1.3em;
  margin: .5em 1em;
  padding: 0;
}

/* Container mit Tastatur-Kuerzeln: Liste mit Verwendungshinweisen */
#services div#tastaturkuerzel p + ul {
  font-size: .85em;
  line-height: 1.3em;
  list-style-type: square;
  margin: 0;
  padding: 0 1em 0 2.3em;
}

/* Container mit Layout-Verweisen */
#services ul#styleswitcher {
  list-style-type: square;
  margin: 0;
  padding: .5em 1em 0 2em;
}

/* Container mit RSS-Verweisen */
#services ul#rss {
  list-style-type: none;
  margin: 0;
  padding: .5em 1em 0 1em;
}

/* Verweis im Styleswitcher und RSS-Container */
#services ul#styleswitcher a,
#services ul#rss a {
  display: block;
}

/* Verweis auf RSS-Datei */
#services ul#rss a:link,
#services ul#rss a:visited,
body#catbarrierefrei #services ul#rss a:link, body#catbarrierefrei #services ul#rss a:visited,
body#catgrundlagen #services ul#rss a:link, body#catgrundlagen #services ul#rss a:visited,
body#catumsetzung #services ul#rss a:link, body#catumsetzung #services ul#rss a:visited,
body#catmarketing #services ul#rss a:link, body#catmarketing #services ul#rss a:visited,
body#catsuchdienste #services ul#rss a:link, body#catsuchdienste #services ul#rss a:visited,
body#cattemplates #services ul#rss a:link, body#cattemplates #services ul#rss a:visited {
  background: #000000 url(../images/rss_ws.png) no-repeat 0 50%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 1.2em;
}

#services ul#rss a:hover,
#services ul#rss a:active,
#services ul#rss a:focus,
body#catbarrierefrei #services ul#rss a:hover, body#catbarrierefrei #services ul#rss a:active, body#catbarrierefrei #services ul#rss a:focus,
body#catgrundlagen #services ul#rss a:hover, body#catgrundlagen #services ul#rss a:active, body#catgrundlagen #services ul#rss a:focus,
body#catumsetzung #services ul#rss a:hover, body#catumsetzung #services ul#rss a:active, body#catumsetzung #services ul#rss a:focus,
body#catmarketing #services ul#rss a:hover, body#catmarketing #services ul#rss a:active, body#catmarketing #services ul#rss a:focus,
body#catsuchdienste #services ul#rss a:hover, body#catsuchdienste #services ul#rss a:active, body#catsuchdienste #services ul#rss a:focus,
body#cattemplates #services ul#rss a:hover, body#cattemplates #services ul#rss a:active, body#cattemplates #services ul#rss a:focus {
  background: #FFFFFF url(../images/rss_sw.png) no-repeat 0 50%;
  color: #000000;
  margin: 0;
  padding: 0 0 0 1.2em;
}

#services ul#rss strong {
  background: #FFFFFF url(../images/rss_sw.png) no-repeat 0 50%;
  color: #000000;
  cursor: auto;
  display: block;
  margin: 0;
  padding: 0 0 0 1.2em;
}

#services ul#rss a.fb {
  background-image: url(../images/facebook.png);
}

/* Quellcode im Service-Menue */
#subnavigation code,
#services code,
#services kbd {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* ############################################################## */
/* ######################## FOOTERSERVICES ###################### */
/* ############################################################## */

/* Fusszeilen-Container */
#footerservices, body#catbarrierefrei #footerservices, body#catgrundlagen #footerservices, body#catumsetzung #footerservices, body#catmarketing #footerservices, body#catsuchdienste #footerservices, body#cattemplates #footerservices {
  background-color: #000000;
  border: 0;
  clear: both;
  color: #FFFFFF;
  font-size: .85em;
  margin: 0;
  padding: 0;
  width: 100%;
}

#footerservices h2, body#catbarrierefrei #footerservices h2, body#catgrundlagen #footerservices h2, body#catumsetzung #footerservices h2, body#catmarketing #footerservices h2, body#catsuchdienste #footerservices h2, body#cattemplates #footerservices h2 {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 .5em;
}

#footerservices h2 a:link,
#footerservices h2 a:visited,
#footerservices h2 a:hover,
#footerservices h2 a:active,
#footerservices h2 a:focus,
body#catbarrierefrei #footerservices h2 a:link,
body#catbarrierefrei #footerservices h2 a:visited,
body#catbarrierefrei #footerservices h2 a:hover,
body#catbarrierefrei #footerservices h2 a:active,
body#catbarrierefrei #footerservices h2 a:focus,
body#catgrundlagen #footerservices h2 a:link,
body#catgrundlagen #footerservices h2 a:visited,
body#catgrundlagen #footerservices h2 a:hover,
body#catgrundlagen #footerservices h2 a:active,
body#catgrundlagen #footerservices h2 a:focus,
body#catumsetzung #footerservices h2 a:link,
body#catumsetzung #footerservices h2 a:visited,
body#catumsetzung #footerservices h2 a:hover,
body#catumsetzung #footerservices h2 a:active,
body#catumsetzung #footerservices h2 a:focus,
body#catmarketing #footerservices h2 a:link,
body#catmarketing #footerservices h2 a:visited,
body#catmarketing #footerservices h2 a:hover,
body#catmarketing #footerservices h2 a:active,
body#catmarketing #footerservices h2 a:focus,
body#catsuchdienste #footerservices h2 a:link,
body#catsuchdienste #footerservices h2 a:visited,
body#catsuchdienste #footerservices h2 a:hover,
body#catsuchdienste #footerservices h2 a:active,
body#catsuchdienste #footerservices h2 a:focus,
body#cattemplates #footerservices h2 a:link,
body#cattemplates #footerservices h2 a:visited,
body#cattemplates #footerservices h2 a:hover,
body#cattemplates #footerservices h2 a:active,
body#cattemplates #footerservices h2 a:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: auto;
  text-decoration: none;
}

#footerservices ol {
  margin: 0;
  padding: 0;
}

#footerservices ol li, body#catbarrierefrei #footerservices ol li, body#catgrundlagen #footerservices ol li, body#catumsetzung #footerservices ol li, body#catmarketing #footerservices ol li, body#catsuchdienste #footerservices ol li, body#cattemplates #footerservices ol li {
  border-right: 2px solid #FFFFFF;
  display: inline;
  font-size: 1em;
  margin: 0 0 .5em 0;
  padding: 0;
}

#footerservices ol li.last, body#catbarrierefrei #footerservices ol li.last, body#catgrundlagen #footerservices ol li.last, body#catumsetzung #footerservices ol li.last, body#catmarketing #footerservices ol li.last, body#catsuchdienste #footerservices ol li.last, body#cattemplates #footerservices ol li.last {
  border-right: 0;
  display: inline;
  font-size: 1em;
  margin: 0 0 .5em 0;
  padding: 0;
}

#footerservices ol li a:link, #footerservices ol li a:visited,
body#catbarrierefrei #footerservices ol li a:link, body#catbarrierefrei #footerservices ol li a:visited,
body#catgrundlagen #footerservices ol li a:link, body#catgrundlagen #footerservices ol li a:visited,
body#catumsetzung #footerservices ol li a:link, body#catumsetzung #footerservices ol li a:visited,
body#catmarketing #footerservices ol li a:link, body#catmarketing #footerservices ol li a:visited,
body#catsuchdienste #footerservices ol li a:link, body#catsuchdienste #footerservices ol li a:visited,
body#cattemplates #footerservices ol li a:link, body#cattemplates #footerservices ol li a:visited {
  background-color: #000000;
  color: #FFFFFF;
  margin: 0;
  padding: .2em .5em;
  text-decoration: underline;
}

#footerservices ol li a:hover,
#footerservices ol li a:active,
#footerservices ol li a:focus,
#footerservices ol li strong,
body#catbarrierefrei #footerservices ol li a:hover, body#catbarrierefrei #footerservices ol li a:active, body#catbarrierefrei #footerservices ol li a:focus,
body#catgrundlagen #footerservices ol li a:hover, body#catgrundlagen #footerservices ol li a:active, body#catgrundlagen #footerservices ol li a:focus,
body#catumsetzung #footerservices ol li a:hover, body#catumsetzung #footerservices ol li a:active, body#catumsetzung #footerservices ol li a:focus,
body#catmarketing #footerservices ol li a:hover, body#catmarketing #footerservices ol li a:active, body#catmarketing #footerservices ol li a:focus,
body#catsuchdienste #footerservices ol li a:hover, body#catsuchdienste #footerservices ol li a:active, body#catsuchdienste #footerservices ol li a:focus,
body#cattemplates #footerservices ol li a:hover, body#cattemplates #footerservices ol li a:active, body#cattemplates #footerservices ol li a:focus {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: .2em .5em;
  text-decoration: underline;
}

#footerservices ol li strong {text-decoration: none;}

/* ############################################################## */
/* ########################### FOOTER ########################### */
/* ############################################################## */

/* Fusszeilen-Container */
#footer, body#catbarrierefrei #footer, body#catgrundlagen #footer, body#catumsetzung #footer, body#catmarketing #footer, body#catsuchdienste #footer, body#cattemplates #footer {
  background-color: #000000;
  background-image: none;
  border: 0;
  clear: both;
  color: #FFFFFF;
  font-size: .85em;
  margin: 0;
  padding: .5em 0;
  text-align: center;
  width: 100%;
}

#footer p {
  margin: 0;
  padding: 0;
}

/* Quellcode im Fusszeilen-Container */
#footer code {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Verweis im Fusszeilen-Container */
#footer a:link,
#footer a:visited,
body#catbarrierefrei #footer a:link, body#catbarrierefrei #footer a:visited,
body#catgrundlagen #footer a:link, body#catgrundlagen #footer a:visited,
body#catumsetzung #footer a:link, body#catumsetzung #footer a:visited,
body#catmarketing #footer a:link, body#catmarketing #footer a:visited,
body#catsuchdienste #footer a:link, body#catsuchdienste #footer a:visited,
body#cattemplates #footer a:link, body#cattemplates #footer a:visited {
  background-color: #000000;
  background-image: none;
  color: #FFFFFF;
  margin: 0;
  padding: .2em;
}

#footer a:hover,
#footer a:active,
#footer a:focus,
body#catbarrierefrei #footer a:hover, body#catbarrierefrei #footer a:active, body#catbarrierefrei #footer a:focus,
body#catgrundlagen #footer a:hover, body#catgrundlagen #footer a:active, body#catgrundlagen #footer a:focus,
body#catumsetzung #footer a:hover, body#catumsetzung #footer a:active, body#catumsetzung #footer a:focus,
body#catmarketing #footer a:hover, body#catmarketing #footer a:active, body#catmarketing #footer a:focus,
body#catsuchdienste #footer a:hover, body#catsuchdienste #footer a:active, body#catsuchdienste #footer a:focus,
body#cattemplates #footer a:hover, body#cattemplates #footer a:active, body#cattemplates #footer a:focus {
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  margin: 0;
  padding: .2em;
}

/* ############################################################## */
/* ########################## HANDHELD ########################## */
/* ############################################################## */

/* Akronym zusaetzlich ausschreiben ('ausblenden') */
#content acronym[title]:after {
  content:"";
}

/* ############################################################## */
/* ########################## THICKBOX ########################## */
/* ############################################################## */

#TB_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

/* Bildschirm-Hintergrund */
.TB_overlayMacFFBGHack,
.TB_overlayBG {
  background-image: url(../images/thickbox.png);
}

/* Container um Bild */
#TB_window {
  position: fixed;
  background-color: #FFFFFF;
  border: 4px solid #000000;
  color: #000000;
  display: none;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  z-index: 102;
  text-align: left;
  top: 50%;
  left: 50%;
}

#TB_window a {text-decoration: underline;}

/* Bild */
#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
}

/* Bildbeschriftung (entspricht Titel des Verweises) */
#TB_caption{
  height: 25px;
  padding: 7px 30px 10px 25px;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  width: auto;
}

/* Container um Schliessen-Button und Tastenhinweis */
#TB_closeWindow{
  height: 25px;
  padding: 11px 25px 10px 0;
  float: right;
  width: auto;
}

#TB_load{
  position: fixed;
  display: none;
  height: 13px;
  width: 208px;
  z-index: 103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}