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

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

/* black (e.g. font)                        #000000   schwarz    */
/* white (e.g. background)                  #FFFFFF   weiss      */
/* light grey (e.g. teaser background)      #F5F5F5   hellgrau   */
/* grey (e.g. some borders)                 #A0A0A0   grau       */
/* dark grey (e.g. links)                   #505050   dunkelgrau */

/* ############################################################# */
/* ###################### 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: 480px;
}

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

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

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

/* unbesuchter Verweis */
a:link,
a:visited {
  background-color: #FFFFFF;
  color: #505050;
  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: #505050;
  color: #F5F5F5;
  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: 1em;
  margin: 0 0 1em 0;
  padding: 0 .5em;
}

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

/* Abkuerzungen und Akronyme */
abbr, acronym {
  border-bottom: 0;
  cursor: auto;
  font-variant: normal;
}

/* Adressangabe auf Kontakt-Seite */
address {
  font-style: normal;
  margin: 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,
p.unsichtbar a.unsichtbar {
  display: none;
  visibility: hidden;
}

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

/* zusaetzlicher SMS-Link */
span.mobileonly {
  display: block;
  visibility: visible;
}

/* ########################### 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;
}

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

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

/* Formularfelder zusammenfassen */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Formular: Absatz */
fieldset p {
  clear: both;
  margin: 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;
  padding: 0;
}

/* Formularueberschrift */
legend {
  background-color: #F5F5F5;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #000000;
  border-left: 0;
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  margin: .5em 0 0 0;
  padding: .2em 1%;
  width: 98%;
}

/* Eingabefeldbeschriftung */
label {
  display: block;
  float: none;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

/* 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: #F5F5F5;
  border: 1px solid #505050;
  color: #000000;
  display: block;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: .2em .5em;
}

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

/* Schaltflaeche */
input[type=submit],
input[type=reset] {
  background-color: #F5F5F5;
  border-top: 1px solid #D0D0D0;
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  border-left: 1px solid #D0D0D0;
  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 {
  background-color: #505050;
  border-top: 1px solid #303030;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #303030;
  color: #FFFFFF;
}

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

/* Auswahlfeld */
select {
  background-color: #F5F5F5;
  border: 1px solid #505050;
  color: #000000;
  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 #505050;
  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: 1em auto .2em 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: #F5F5F5;
  border: 1px solid #000000;
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: .2em .5em;
  text-align: left;
  vertical-align: top;
}

body#catbarrierefrei th, body#catbarrierefrei td {background-color: #FDF8F8; border: 1px solid #C00000; color: #000000;}
body#catgrundlagen th, body#catgrundlagen td {background-color: #FDFDF8; border: 1px solid #C0C000; color: #000000;}
body#catumsetzung th, body#catumsetzung td {background-color: #F8FDF8; border: 1px solid #00C000; color: #000000;}
body#catmarketing th, body#catmarketing td {background-color: #F8FDFD; border: 1px solid #00C0C0; color: #000000;}
body#catsuchdienste th, body#catsuchdienste td {background-color: #F8F8FD; border: 1px solid #0000C0; color: #000000;}
body#cattemplates th, body#cattemplates td {background-color: #FDF8FD; border: 1px solid #C000C0; color: #000000;}

/* Tabellenzellen: Datenzelle */
td,
body#catbarrierefrei td,
body#catgrundlagen td,
body#catumsetzung td,
body#catmarketing td,
body#catsuchdienste td,
body#cattemplates td {
  background-color: #FFFFFF;
  color: #000000;
  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 */
tr.alt th,
tr.alt td {
  background-color: #F5F5F5;
  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 {background-color: #FFFFFF; color: #800000;}
body#catgrundlagen #content a:link, body#catgrundlagen #content a:visited {background-color: #FFFFFF; color: #404000;}
body#catumsetzung #content a:link, body#catumsetzung #content a:visited {background-color: #FFFFFF; color: #005D00;}
body#catmarketing #content a:link, body#catmarketing #content a:visited {background-color: #FFFFFF; color: #004F4F;}
body#catsuchdienste #content a:link, body#catsuchdienste #content a:visited {background-color: #FFFFFF; color: #000080;}
body#cattemplates #content a:link, body#cattemplates #content a:visited {background-color: #FFFFFF; color: #5D005D;}

body#catbarrierefrei #content a:hover, body#catbarrierefrei #content a:active, body#catbarrierefrei #content a:focus {background-color: #800000; color: #F8E5E5;}
body#catgrundlagen #content a:hover, body#catgrundlagen #content a:active, body#catgrundlagen #content a:focus {background-color: #404000; color: #F8F8E5;}
body#catumsetzung #content a:hover, body#catumsetzung #content a:active, body#catumsetzung #content a:focus {background-color: #005D00; color: #E5F8E5;}
body#catmarketing #content a:hover, body#catmarketing #content a:active, body#catmarketing #content a:focus {background-color: #004F4F; color: #E5F8F8;}
body#catsuchdienste #content a:hover, body#catsuchdienste #content a:active, body#catsuchdienste #content a:focus {background-color: #000080; color: #E5E5F8;}
body#cattemplates #content a:hover, body#cattemplates #content a:active, body#cattemplates #content a:focus {background-color: #5D005D; color: #F8E5F8;}

/* Verweise mit Icon */
#services li.aktiv strong,
span.glossar {
  margin: 0;
  padding: 0;
}

/* Verweise 'mit Icon' aufheben: unbesucht, besucht */
#content a:link.extern, #content a:visited.extern,
#services a:link.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,
#services a:link, #services a:visited,
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,
#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,
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,
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,
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,
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,
a:link.suchhilfe, a:visited.suchhilfe {
  background-color: #FFFFFF;
  background-image: none;
  color: #505050;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

body#catbarrierefrei #content a:link.extern, body#catbarrierefrei #content a:visited.extern,
body#catbarrierefrei #services a:link.extern, body#catbarrierefrei #services a:visited.extern,
body#catbarrierefrei #services ul#rss a:link, body#catbarrierefrei #services ul#rss a:visited,
body#catbarrierefrei a:link.intern, body#catbarrierefrei a:visited.intern,
body#catbarrierefrei a:link.glossar, body#catbarrierefrei a:visited.glossar,
body#catbarrierefrei a:link.download, body#catbarrierefrei a:visited.download,
body#catbarrierefrei a:link.seitenanfang, body#catbarrierefrei a:visited.seitenanfang {
  background-color: #FFFFFF;
  color: #800000;
}

body#catgrundlagen #content a:link.extern, body#catgrundlagen #content a:visited.extern,
body#catgrundlagen #services a:link.extern, body#catgrundlagen #services a:visited.extern,
body#catgrundlagen #services ul#rss a:link, body#catgrundlagen #services ul#rss a:visited,
body#catgrundlagen a:link.intern, body#catgrundlagen a:visited.intern,
body#catgrundlagen a:link.glossar, body#catgrundlagen a:visited.glossar,
body#catgrundlagen a:link.download, body#catgrundlagen a:visited.download,
body#catgrundlagen a:link.seitenanfang, body#catgrundlagen a:visited.seitenanfang {
  background-color: #FFFFFF;
  color: #404000;
}

body#catumsetzung #content a:link.extern, body#catumsetzung #content a:visited.extern,
body#catumsetzung #services a:link.extern, body#catumsetzung #services a:visited.extern,
body#catumsetzung #services ul#rss a:link, body#catumsetzung #services ul#rss a:visited,
body#catumsetzung a:link.intern, body#catumsetzung a:visited.intern,
body#catumsetzung a:link.glossar, body#catumsetzung a:visited.glossar,
body#catumsetzung a:link.download, body#catumsetzung a:visited.download,
body#catumsetzung a:link.seitenanfang, body#catumsetzung a:visited.seitenanfang {
  background-color: #FFFFFF;
  color: #005D00;
}

body#catmarketing #content a:link.extern, body#catmarketing #content a:visited.extern,
body#catmarketing #services a:link.extern, body#catmarketing #services a:visited.extern,
body#catmarketing #services ul#rss a:link, body#catmarketing #services ul#rss a:visited,
body#catmarketing a:link.intern, body#catmarketing a:visited.intern,
body#catmarketing a:link.glossar, body#catmarketing a:visited.glossar,
body#catmarketing a:link.download, body#catmarketing a:visited.download,
body#catmarketing a:link.seitenanfang, body#catmarketing a:visited.seitenanfang {
  background-color: #FFFFFF;
  color: #004F4F;
}

body#catsuchdienste #content a:link.extern, body#catsuchdienste #content a:visited.extern,
body#catsuchdienste #services a:link.extern, body#catsuchdienste #services a:visited.extern,
body#catsuchdienste #services ul#rss a:link, body#catsuchdienste #services ul#rss a:visited,
body#catsuchdienste a:link.intern, body#catsuchdienste a:visited.intern,
body#catsuchdienste a:link.glossar, body#catsuchdienste a:visited.glossar,
body#catsuchdienste a:link.download, body#catsuchdienste a:visited.download,
body#catsuchdienste a:link.seitenanfang, body#catsuchdienste a:visited.seitenanfang {
  background-color: #FFFFFF;
  color: #000080;
}

body#cattemplates #content a:link.extern, body#cattemplates #content a:visited.extern,
body#cattemplates #services a:link.extern, body#cattemplates #services a:visited.extern,
body#cattemplates #services ul#rss a:link, body#cattemplates #services ul#rss a:visited,
body#cattemplates a:link.intern, body#cattemplates a:visited.intern,
body#cattemplates a:link.glossar, body#cattemplates a:visited.glossar,
body#cattemplates a:link.download, body#cattemplates a:visited.download,
body#cattemplates a:link.seitenanfang, body#cattemplates a:visited.seitenanfang {
  background-color: #FFFFFF;
  color: #5D005D;
}

/* Verweise 'mit Icon' aufheben: bei Aktion */
#services a:hover, #services a:active, #services a:focus, #services strong,
#content a:hover.extern, #content a:active.extern, #content a:focus.extern,
#services a:hover.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,
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,
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,
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,
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,
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,
#services ul#rss a:hover, #services ul#rss a:active, #services ul#rss a:focus, #services ul#rss strong,
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,
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,
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,
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,
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,
a:hover.suchhilfe, a:active.suchhilfe, a:focus.suchhilfe {
  background-color: #505050;
  background-image: none;
  color: #F5F5F5;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

#services ul#rss strong {cursor: auto;}

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#catbarrierefrei #services ul#rss a:hover, body#catbarrierefrei #services ul#rss a:active, body#catbarrierefrei #services ul#rss a:focus,
body#catbarrierefrei a:hover.intern, body#catbarrierefrei a:active.intern, body#catbarrierefrei a:focus.intern,
body#catbarrierefrei a:hover.glossar, body#catbarrierefrei a:active.glossar, body#catbarrierefrei a:focus.glossar,
body#catbarrierefrei a:hover.download, body#catbarrierefrei a:active.download, body#catbarrierefrei a:focus.download,
body#catbarrierefrei a:hover.seitenanfang, body#catbarrierefrei a:active.seitenanfang, body#catbarrierefrei a:focus.seitenanfang {
  background-color: #800000;
  color: #F8E5E5;
}

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#catgrundlagen #services ul#rss a:hover, body#catgrundlagen #services ul#rss a:active, body#catgrundlagen #services ul#rss a:focus,
body#catgrundlagen a:hover.intern, body#catgrundlagen a:active.intern, body#catgrundlagen a:focus.intern,
body#catgrundlagen a:hover.glossar, body#catgrundlagen a:active.glossar, body#catgrundlagen a:focus.glossar,
body#catgrundlagen a:hover.download, body#catgrundlagen a:active.download, body#catgrundlagen a:focus.download,
body#catgrundlagen a:hover.seitenanfang, body#catgrundlagen a:active.seitenanfang, body#catgrundlagen a:focus.seitenanfang {
  background-color: #404000;
  color: #F8F8E5;
}

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#catumsetzung #services ul#rss a:hover, body#catumsetzung #services ul#rss a:active, body#catumsetzung #services ul#rss a:focus,
body#catumsetzung a:hover.intern, body#catumsetzung a:active.intern, body#catumsetzung a:focus.intern,
body#catumsetzung a:hover.glossar, body#catumsetzung a:active.glossar, body#catumsetzung a:focus.glossar,
body#catumsetzung a:hover.download, body#catumsetzung a:active.download, body#catumsetzung a:focus.download,
body#catumsetzung a:hover.seitenanfang, body#catumsetzung a:active.seitenanfang, body#catumsetzung a:focus.seitenanfang {
  background-color: #005D00;
  color: #E5F8E5;
}

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#catmarketing #services ul#rss a:hover, body#catmarketing #services ul#rss a:active, body#catmarketing #services ul#rss a:focus,
body#catmarketing a:hover.intern, body#catmarketing a:active.intern, body#catmarketing a:focus.intern,
body#catmarketing a:hover.glossar, body#catmarketing a:active.glossar, body#catmarketing a:focus.glossar,
body#catmarketing a:hover.download, body#catmarketing a:active.download, body#catmarketing a:focus.download,
body#catmarketing a:hover.seitenanfang, body#catmarketing a:active.seitenanfang, body#catmarketing a:focus.seitenanfang {
  background-color: #004F4F;
  color: #E5F8F8;
}

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#catsuchdienste #services ul#rss a:hover, body#catsuchdienste #services ul#rss a:active, body#catsuchdienste #services ul#rss a:focus,
body#catsuchdienste a:hover.intern, body#catsuchdienste a:active.intern, body#catsuchdienste a:focus.intern,
body#catsuchdienste a:hover.glossar, body#catsuchdienste a:active.glossar, body#catsuchdienste a:focus.glossar,
body#catsuchdienste a:hover.download, body#catsuchdienste a:active.download, body#catsuchdienste a:focus.download,
body#catsuchdienste a:hover.seitenanfang, body#catsuchdienste a:active.seitenanfang, body#catsuchdienste a:focus.seitenanfang {
  background-color: #000080;
  color: #E5E5F8;
}

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,
body#cattemplates #services ul#rss a:hover, body#cattemplates #services ul#rss a:active, body#cattemplates #services ul#rss a:focus,
body#cattemplates a:hover.intern, body#cattemplates a:active.intern, body#cattemplates a:focus.intern,
body#cattemplates a:hover.glossar, body#cattemplates a:active.glossar, body#cattemplates a:focus.glossar,
body#cattemplates a:hover.download, body#cattemplates a:active.download, body#cattemplates a:focus.download,
body#cattemplates a:hover.seitenanfang, body#cattemplates a:active.seitenanfang, body#cattemplates a:focus.seitenanfang {
  background-color: #5D005D;
  color: #F8E5F8;
}

/* ############################################################## */
/* ####################### 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 {
  display: none;
  visibility: hidden;
}

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

/* Servicenavigation */
#headerservices, body#catbarrierefrei #headerservices, body#catgrundlagen #headerservices, body#catumsetzung #headerservices, body#catmarketing #headerservices, body#catsuchdienste #headerservices, body#cattemplates #headerservices {
  display: none;
  visibility: hidden;
}

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

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

#header a {padding: .2em;}

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

/* 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-color: #FFFFFF;
  background-image: none;
  color: #000000;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 0 .5em .5em .5em;
}

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

/* Sucheingabe */
#sucheingabe {
  background-color: #FFFFFF;
  color: #000000;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#sucheingabe form#suche {
  margin: 0;
  padding: 0;
}

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

/* Feldbeschriftung Sucheingabe */
#sucheingabe form#suche label {
  display: none;
  visibility: hidden;
}

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

body#catservices #sucheingabe,
body#catbarrierefrei #sucheingabe,
body#catgrundlagen #sucheingabe,
body#catumsetzung #sucheingabe,
body#catmarketing #sucheingabe,
body#catsuchdienste #sucheingabe,
body#cattemplates #sucheingabe {
  display: none;
  visibility: hidden;
}

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

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

#primaernavigation ol {
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#primaernavigation ol li {
  display: block;
  float: none;
  font-size: 1em;
  letter-spacing: normal;
  margin: 0;
  padding: 0 0 .2em 0;
  text-align: center;
  width: 100%;
}

body#cathomepage #primaernavigation a:link,
body#cathomepage #primaernavigation a:visited {
  background-color: #F5F5F5;
  background-image: none;
  border: 2px solid #505050;
  border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-border-top-left-radius: 2em;
  -webkit-border-top-right-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  -webkit-border-bottom-right-radius: 2em;
  color: #505050;
  display: block;
  margin: 0;
  padding: .5em;
  text-align: center;
  text-decoration: underline;
}

body#cathomepage #primaernavigation a:hover,
body#cathomepage #primaernavigation a:active,
body#cathomepage #primaernavigation a:focus {
  background-color: #505050;
  background-image: none;
  border: 2px solid #F5F5F5;
  border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-border-top-left-radius: 2em;
  -webkit-border-top-right-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  -webkit-border-bottom-right-radius: 2em;
  color: #F5F5F5;
  display: block;
  margin: 0;
  padding: .5em;
  text-align: center;
  text-decoration: underline;
}

body#cathomepage #primaernavigation a:link.navibarrierefrei,
body#cathomepage #primaernavigation a:visited.navibarrierefrei {
  background-color: #F8E5E5;
  border: 2px solid #C00000;
  color: #800000;
}

body#cathomepage #primaernavigation a:hover.navibarrierefrei,
body#cathomepage #primaernavigation a:active.navibarrierefrei,
body#cathomepage #primaernavigation a:focus.navibarrierefrei {
  background-color: #800000;
  border: 2px solid #C00000;
  color: #F8E5E5;
}

body#cathomepage #primaernavigation a:link.navigrundlagen,
body#cathomepage #primaernavigation a:visited.navigrundlagen {
  background-color: #F8F8E5;
  border: 2px solid #C0C000;
  color: #404000;
}

body#cathomepage #primaernavigation a:hover.navigrundlagen,
body#cathomepage #primaernavigation a:active.navigrundlagen,
body#cathomepage #primaernavigation a:focus.navigrundlagen {
  background-color: #404000;
  border: 2px solid #C0C000;
  color: #F8E5E5;
}

body#cathomepage #primaernavigation a:link.naviumsetzung,
body#cathomepage #primaernavigation a:visited.naviumsetzung {
  background-color: #E5F8E5;
  border: 2px solid #00C000;
  color: #005D00;
}

body#cathomepage #primaernavigation a:hover.naviumsetzung,
body#cathomepage #primaernavigation a:active.naviumsetzung,
body#cathomepage #primaernavigation a:focus.naviumsetzung {
  background-color: #005D00;
  border: 2px solid #00C000;
  color: #E5F8E5;
}

body#cathomepage #primaernavigation a:link.navimarketing,
body#cathomepage #primaernavigation a:visited.navimarketing {
  background-color: #E5F8F8;
  border: 2px solid #00C0C0;
  color: #004F4F;
}

body#cathomepage #primaernavigation a:hover.navimarketing,
body#cathomepage #primaernavigation a:active.navimarketing,
body#cathomepage #primaernavigation a:focus.navimarketing {
  background-color: #004F4F;
  border: 2px solid #00C0C0;
  color: #E5F8F8;
}

body#cathomepage #primaernavigation a:link.navisuchdienste,
body#cathomepage #primaernavigation a:visited.navisuchdienste {
  background-color: #E5E5F8;
  border: 2px solid #0000C0;
  color: #000080;
}

body#cathomepage #primaernavigation a:hover.navisuchdienste,
body#cathomepage #primaernavigation a:active.navisuchdienste,
body#cathomepage #primaernavigation a:focus.navisuchdienste {
  background-color: #000080;
  border: 2px solid #0000C0;
  color: #E5E5F8;
}

body#cathomepage #primaernavigation a:link.navitemplates,
body#cathomepage #primaernavigation a:visited.navitemplates {
  background-color: #F8E5F8;
  border: 2px solid #C000C0;
  color: #5D005D;
}

body#cathomepage #primaernavigation a:hover.navitemplates,
body#cathomepage #primaernavigation a:active.navitemplates,
body#cathomepage #primaernavigation a:focus.navitemplates {
  background-color: #5D005D;
  border: 2px solid #C000C0;
  color: #F8E5F8;
}

body#catservices #primaernavigation,
body#catbarrierefrei #primaernavigation,
body#catgrundlagen #primaernavigation,
body#catumsetzung #primaernavigation,
body#catmarketing #primaernavigation,
body#catsuchdienste #primaernavigation,
body#cattemplates #primaernavigation {
  display: none;
  visibility: hidden;
}

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

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

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

/* Unternavigation */
#subnavigation, body#catbarrierefrei #subnavigation, body#catgrundlagen #subnavigation, body#catumsetzung #subnavigation, body#catmarketing #subnavigation, body#catsuchdienste #subnavigation, body#cattemplates #subnavigation {
  display: none;
  visibility: hidden;
}

/* Inhaltscontainer */
#content, body#cathomepage #content {
  background-color: #FFFFFF;
  color: #000000;
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

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

/* 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; min-height: 10em; padding: .5em;}

/* 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;}

/* 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 {background-color: #FFFFFF; background-image: none; color: #800000;}
body#cathomepage #content span.homepagegrundlagen a:link.intern,
body#cathomepage #content span.homepagegrundlagen a:visited.intern {background-color: #FFFFFF; background-image: none; color: #404000;}
body#cathomepage #content span.homepageumsetzung a:link.intern,
body#cathomepage #content span.homepageumsetzung a:visited.intern {background-color: #FFFFFF; background-image: none; color: #005D00;}
body#cathomepage #content span.homepagemarketing a:link.intern,
body#cathomepage #content span.homepagemarketing a:visited.intern {background-color: #FFFFFF; background-image: none; color: #004F4F;}
body#cathomepage #content span.homepagesuchdienste a:link.intern,
body#cathomepage #content span.homepagesuchdienste a:visited.intern {background-color: #FFFFFF; background-image: none; color: #000080;}
body#cathomepage #content span.homepagetemplates a:link.intern,
body#cathomepage #content span.homepagetemplates a:visited.intern {background-color: #FFFFFF; background-image: none; color: #5D005D;}

/* 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 {background-color: #800000; background-image: none; color: #F8E5E5;}
body#cathomepage #content span.homepagegrundlagen a:hover.intern,
body#cathomepage #content span.homepagegrundlagen a:active.intern,
body#cathomepage #content span.homepagegrundlagen a:focus.intern {background-color: #404000; background-image: none; color: #F8F8E5;}
body#cathomepage #content span.homepageumsetzung a:hover.intern,
body#cathomepage #content span.homepageumsetzung a:active.intern,
body#cathomepage #content span.homepageumsetzung a:focus.intern {background-color: #005D00; background-image: none; color: #E5F8E5;}
body#cathomepage #content span.homepagemarketing a:hover.intern,
body#cathomepage #content span.homepagemarketing a:active.intern,
body#cathomepage #content span.homepagemarketing a:focus.intern {background-color: #004F4F; background-image: none; color: #E5F8F8;}
body#cathomepage #content span.homepagesuchdienste a:hover.intern,
body#cathomepage #content span.homepagesuchdienste a:active.intern,
body#cathomepage #content span.homepagesuchdienste a:focus.intern {background-color: #000080; background-image: none; color: #E5E5F8;}
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: #5D005D; background-image: none; color: #F8E5F8;}

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

h1, body#catbarrierefrei h1, body#catgrundlagen h1, body#catumsetzung h1, body#catmarketing h1, body#catsuchdienste h1, body#cattemplates h1,
body.beispiel h1 {
  background-color: #F5F5F5;
  background-image: none;
  border-top: .5em solid #505050;
  border-right: 0;
  border-bottom: .5em solid #505050;
  border-left: 0;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2em;
  margin: .5em 0 0 0;
  padding: .2em .3em;
}

body#catbarrierefrei h1 {background-color: #F8E5E5; border-color: #800000; color: #000000;}
body#catgrundlagen h1 {background-color: #F8F8E5; border-color: #404000; color: #000000;}
body#catumsetzung h1 {background-color: #E5F8E5; border-color: #005D00; color: #000000;}
body#catmarketing h1 {background-color: #E5F8F8; border-color: #004F4F; color: #000000;}
body#catsuchdienste h1 {background-color: #E5E5F8; border-color: #000080; color: #000000;}
body#cattemplates h1 {background-color: #F8E5F8; border-color: #5D005D; color: #000000;}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {
  background-color: #F5F5F5;
  color: #000000;
  cursor: auto;
  text-decoration: none;
}

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 {background-color: #F8E5E5; color: #000000;}
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 {background-color: #F8F8E5; color: #000000;}
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 {background-color: #E5F8E5; color: #000000;}
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 {background-color: #E5F8F8; color: #000000;}
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 {background-color: #E5E5F8; color: #000000;}
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: #F8E5F8; color: #000000;}

/* 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,
#services h2, body#catbarrierefrei #services h2, body#catgrundlagen #services h2, body#catumsetzung #services h2, body#catmarketing #services h2, body#catsuchdienste #services h2, body#cattemplates #services h2,
body.beispiel h2 {
  background-color: #F5F5F5;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: .5em solid #505050;
  border-left: 0;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 1em 0 0 0;
  padding: .2em .3em;
}

body#catbarrierefrei #content h2, body#catbarrierefrei #services h2 {background-color: #F8E5E5; border-color: #800000; color: #000000;}
body#catgrundlagen #content h2, body#catgrundlagen #services h2 {background-color: #F8F8E5; border-color: #404000; color: #000000;}
body#catumsetzung #content h2, body#catumsetzung #services h2 {background-color: #E5F8E5; border-color: #005D00; color: #000000;}
body#catmarketing #content h2, body#catmarketing #services h2 {background-color: #E5F8F8; border-color: #004F4F; color: #000000;}
body#catsuchdienste #content h2, body#catsuchdienste #services h2 {background-color: #E5E5F8; border-color: #000080; color: #000000;}
body#cattemplates #content h2, body#cattemplates #services h2 {background-color: #F8E5F8; border-color: #5D005D; color: #000000;}

#content h2 a:link, #content h2 a:visited, #content h2 a:hover, #content h2 a:active, #content h2 a:focus {
  background-color: #F5F5F5;
  color: #000000;
  cursor: auto;
  text-decoration: none;
}

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 {background-color: #F8E5E5; color: #000000;}
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 {background-color: #F8F8E5; color: #000000;}
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 {background-color: #E5F8E5; color: #000000;}
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 {background-color: #E5F8F8; color: #000000;}
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 {background-color: #E5E5F8; color: #000000;}
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: #F8E5F8; color: #000000;}

/* 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,
#services h3 {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 0;
  border-bottom: .3em solid #A0A0A0;
  border-left: 0;
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1em;
  margin: .5em 0 0 0;
  padding: .1em .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-image: none;
  border-top: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
  border-bottom: .3em solid #A0A0A0;
  border-left: 1px solid #A0A0A0;
  color: #000000;
  margin: 0 .5em;
  padding: .1em .3em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
}

body#catbarrierefrei #content h3, body#cathomepage #content h3.homepagebarrierefrei, body#catbarrierefrei #content h3.beispiel {border-color: #800000;}
body#catgrundlagen #content h3, body#cathomepage #content h3.homepagegrundlagen, body#catgrundlagen #content h3.beispiel {border-color: #404000;}
body#catumsetzung #content h3, body#cathomepage #content h3.homepageumsetzung, body#catumsetzung #content h3.beispiel {border-color: #005D00;}
body#catmarketing #content h3, body#cathomepage #content h3.homepagemarketing, body#catmarketing #content h3.beispiel {border-color: #004F4F;}
body#catsuchdienste #content h3, body#cathomepage #content h3.homepagesuchdienste, body#catsuchdienste #content h3.beispiel {border-color: #000080;}
body#cattemplates #content h3, body#cathomepage #content h3.homepagetemplates, body#cattemplates #content h3.beispiel {border-color: #5D005D;}

body#cathomepage #content h3.homepagebarrierefrei,
body#cathomepage #content h3.homepagegrundlagen,
body#cathomepage #content h3.homepageumsetzung,
body#cathomepage #content h3.homepagemarketing,
body#cathomepage #content h3.homepagesuchdienste,
body#cathomepage #content h3.homepagetemplates {border-top: 0; border-right: 0; border-left: 0; margin: 0; padding: .1em .3em;}

body#cathomepage #content h3.homepagebarrierefrei {margin: 1em 0 0 0;}

#services h3 {
  border: 0;
  margin: 0;
  padding: 0;
}

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

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;}

/* 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: 0;
  color: #000000;
  font-size: 1em;
  line-height: 1.1em;
  margin: 0;
  padding: .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: #FFFFFF;
  color: #000000;
  font-size: 1em;
  line-height: 1.1em;
  margin: 0;
  padding: .5em;
}

#content #pfad a:link,
#content #pfad a:visited {
  background-color: #FFFFFF;
  color: #505050;
}

body#catbarrierefrei #content #pfad a:link, body#catbarrierefrei #content #pfad a:visited {background-color: #FFFFFF; color: #800000;}
body#catgrundlagen #content #pfad a:link, body#catgrundlagen #content #pfad a:visited {background-color: #FFFFFF; color: #404000;}
body#catumsetzung #content #pfad a:link, body#catumsetzung #content #pfad a:visited {background-color: #FFFFFF; color: #005D00;}
body#catmarketing #content #pfad a:link, body#catmarketing #content #pfad a:visited {background-color: #FFFFFF; color: #004F4F;}
body#catsuchdienste #content #pfad a:link, body#catsuchdienste #content #pfad a:visited {background-color: #FFFFFF; color: #000080;}
body#cattemplates #content #pfad a:link, body#cattemplates #content #pfad a:visited {background-color: #FFFFFF; color: #5D005D;}

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

body#catbarrierefrei #content #pfad a:hover, body#catbarrierefrei #content #pfad a:active, body#catbarrierefrei #content #pfad a:focus {background-color: #800000; color: #F8E5E5;}
body#catgrundlagen #content #pfad a:hover, body#catgrundlagen #content #pfad a:active, body#catgrundlagen #content #pfad a:focus {background-color: #404000; color: #F8F8E5;}
body#catumsetzung #content #pfad a:hover, body#catumsetzung #content #pfad a:active, body#catumsetzung #content #pfad a:focus {background-color: #005D00; color: #E5F8E5;}
body#catmarketing #content #pfad a:hover, body#catmarketing #content #pfad a:active, body#catmarketing #content #pfad a:focus {background-color: #004F4F; color: #E5F8F8;}
body#catsuchdienste #content #pfad a:hover, body#catsuchdienste #content #pfad a:active, body#catsuchdienste #content #pfad a:focus {background-color: #000080; color: #E5E5F8;}
body#cattemplates #content #pfad a:hover, body#cattemplates #content #pfad a:active, body#cattemplates #content #pfad a:focus {background-color: #5D005D; color: #F8E5F8;}

/* 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: #F5F5F5;
  background-image: none;
  border: 1px solid #505050;
  color: #000000;
  font-size: 1em;
  line-height: 1.2em;
  margin: .5em;
  padding: .5em;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
}

body#catbarrierefrei #content #teaser {background-color: #F8E5E5; border: 1px solid #800000; color: #000000;}
body#catgrundlagen #content #teaser {background-color: #F8F8E5; border: 1px solid #404000; color: #000000;}
body#catumsetzung #content #teaser {background-color: #E5F8E5; border: 1px solid #005D00; color: #000000;}
body#catmarketing #content #teaser {background-color: #E5F8F8; border: 1px solid #004F4F; color: #000000;}
body#catsuchdienste #content #teaser {background-color: #E5E5F8; border: 1px solid #000080; color: #000000;}
body#cattemplates #content #teaser {background-color: #F8E5F8; border: 1px solid #5D005D; color: #000000;}

#content #teaser a:link,
#content #teaser a:visited {
  background-color: #F5F5F5;
  color: #505050;
}

body#catbarrierefrei #content #teaser a:link, body#catbarrierefrei #content #teaser a:visited {background-color: #FFFFFF; color: #800000;}
body#catgrundlagen #content #teaser a:link, body#catgrundlagen #content #teaser a:visited {background-color: #FFFFFF; color: #404000;}
body#catumsetzung #content #teaser a:link, body#catumsetzung #content #teaser a:visited {background-color: #FFFFFF; color: #005D00;}
body#catmarketing #content #teaser a:link, body#catmarketing #content #teaser a:visited {background-color: #FFFFFF; color: #004F4F;}
body#catsuchdienste #content #teaser a:link, body#catsuchdienste #content #teaser a:visited {background-color: #FFFFFF; color: #000080;}
body#cattemplates #content #teaser a:link, body#cattemplates #content #teaser a:visited {background-color: #FFFFFF; color: #5D005D;}

#content #teaser a:hover,
#content #teaser a:active,
#content #teaser a:focus {
  background-color: #505050;
  color: #F5F5F5;
}

body#catbarrierefrei #content #teaser a:hover, body#catbarrierefrei #content #teaser a:active, body#catbarrierefrei #content #teaser a:focus {background-color: #800000; color: #F8E5E5;}
body#catgrundlagen #content #teaser a:hover, body#catgrundlagen #content #teaser a:active, body#catgrundlagen #content #teaser a:focus {background-color: #404000; color: #F8F8E5;}
body#catumsetzung #content #teaser a:hover, body#catumsetzung #content #teaser a:active, body#catumsetzung #content #teaser a:focus {background-color: #005D00; color: #E5F8E5;}
body#catmarketing #content #teaser a:hover, body#catmarketing #content #teaser a:active, body#catmarketing #content #teaser a:focus {background-color: #004F4F; color: #E5F8F8;}
body#catsuchdienste #content #teaser a:hover, body#catsuchdienste #content #teaser a:active, body#catsuchdienste #content #teaser a:focus {background-color: #000080; color: #E5E5F8;}
body#cattemplates #content #teaser a:hover, body#cattemplates #content #teaser a:active, body#cattemplates #content #teaser a:focus {background-color: #5D005D; color: #F8E5F8;}

/* Teaser: Datum der letzten Dateiaktualisierung */
#content #teaser span.dateidatum {
  display: block;
  margin: 0;
  padding: 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-color: #F5F5F5;
  background-image: none;
  border-top: 1px solid #000000;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

body#catbarrierefrei #content #teaser span.dateidatum strong {background-color: #F8E5E5;}
body#catgrundlagen #content #teaser span.dateidatum strong {background-color: #F8F8E5;}
body#catumsetzung #content #teaser span.dateidatum strong {background-color: #E5F8E5;}
body#catmarketing #content #teaser span.dateidatum strong {background-color: #E5F8F8;}
body#catsuchdienste #content #teaser span.dateidatum strong {background-color: #E5E5F8;}
body#cattemplates #content #teaser span.dateidatum strong {background-color: #F8E5F8;}

/* 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: 0;
  color: #000000;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: normal;
  margin: 0;
  padding: .5em .5em 0 .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: 0;
  color: #000000;
  margin: 0;
  padding: .5em .5em 0 2em;
}

/* Druckfunktion */
#content p.druckfunktion,
#content p.druckfunktionalt,
#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,
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,
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 {
  display: none;
  visibility: hidden;
}

/* ####################### 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: 0;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: 0 0 1em 0;
}

/* 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 1em;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikel */
#content ol.sitemaplist li ol li,
#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: 0;
  color: #505050;
  display: inline;
  margin: 0;
  padding: 0;
}

#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: #F5F5F5;
  background-image: none;
  border: 0;
  color: #FFFFFF;
  display: inline;
  margin: 0;
  padding: 0;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikelueberschrift 2. Ebene */
#content ol.sitemaplist li ol li ul {
  margin: 0 0 0 1em;
  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: none;
  visibility: hidden;
}

/* 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: 0;
  margin: 0;
  padding: .5em 0 0 0;
}

/* Artikeluebersicht: Kopfzelle der Definitionsliste */
#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,
#content dl.uebersicht dt {
  background-color: #F5F5F5;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #505050;
  border-left: 0;
  clear: both;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: .2em .5em;
}

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

body#catbarrierefrei #content dl.artikeluebersicht dt {
  background-color: #F8E5E5;
  border-bottom: 1px solid #800000;
}

body#catgrundlagen #content dl.artikeluebersicht dt {
  background-color: #F8F8E5;
  border-bottom: 1px solid #404000;
}

body#catumsetzung #content dl.artikeluebersicht dt {
  background-color: #E5F8E5;
  border-bottom: 1px solid #005D00;
}

body#catmarketing #content dl.artikeluebersicht dt {
  background-color: #E5F8F8;
  border-bottom: 1px solid #004F4F;
}

body#catsuchdienste #content dl.artikeluebersicht dt {
  background-color: #E5E5F8;
  border-bottom: 1px solid #000080;
}

body#cattemplates #content dl.artikeluebersicht dt {
  background-color: #F8E5F8;
  border-bottom: 1px solid #5D005D;
}

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

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

/* Artikeluebersicht: Datenzelle Bild */
#content dl.artikeluebersicht dd.img {
  display: none;
  visibility: hidden;
}

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

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

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

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

#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 .5em .5em 1em;
}

/* Aufzaehlung Hilfe Sucheingabe */
#content dl.inline dd ul {
  margin: 0;
  padding: .5em .5em .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 #505050;
  margin: .5em .5em 1em .5em;
  padding: 0;
}

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

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

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

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

/* Definitionsliste auf Kontakt-Seite: Titelzellen */
#content dl.kontakt dt {
  background-color: #FFFFFF;
  color: #000000;
  float: none;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: .5em 0;
  text-align: center;
  width: 100%;
}

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

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

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

/* 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 .5em 0;
  padding: 0 .5em;
}

/* 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: #F5F5F5;
  color: #000000;
  font-size: 1em;
  font-style: normal;
  margin: .5em 0;
  padding: 0;
}

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

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

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

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

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

/* Vorschau-Bilder bei Template-Download */
#content .categories {
  display: none;
  visibility: hidden;
}

/* Icon im Glossar-Teaser */
#content span.glossar {
  background-color: #F5F5F5;
  background-image: none;
  color: #000000;
}

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

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

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

/* 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: 1px solid #A0A0A0;
  color: #000000;
  font-size: 1em;
  margin: .5em;
  padding: .5em;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
}

body#catbarrierefrei #content p.klein {border-color: #800000;}
body#catgrundlagen #content p.klein {border-color: #404000;}
body#catumsetzung #content p.klein {border-color: #005D00;}
body#catmarketing #content p.klein {border-color: #004F4F;}
body#catsuchdienste #content p.klein {border-color: #000080;}
body#cattemplates #content p.klein {border-color: #5D005D;}

/* 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,
body.beispiel p.beispiel {
  background-color: #FFFFFF;
  border-top: 0;
  border-right: 1px solid #505050;
  border-bottom: 1px solid #505050;
  border-left: 1px solid #505050;
  color: #000000;
  font-size: 1em;
  margin: 0 .5em .5em .5em;
  overflow: auto;
  padding: .5em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
}

body#catbarrierefrei #content p.beispiel {border-color: #800000;}
body#catgrundlagen #content p.beispiel {border-color: #404000;}
body#catumsetzung #content p.beispiel {border-color: #005D00;}
body#catmarketing #content p.beispiel {border-color: #004F4F;}
body#catsuchdienste #content p.beispiel {border-color: #000080;}
body#cattemplates #content p.beispiel {border-color: #5D005D;}

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

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

/* Beispiel-Absatz: Kennzeichnung des eigentlichen Inhaltes */
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: #4B0082;
  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: #4B0082;
  display: inline;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* 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 dashed #505050;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  clear: both;
  color: #000000;
  margin: .5em 0 0 0;
  padding: .2em 0 0 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 .5em 0 0;
  padding: 0;
}

/* 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: #FFFFFF;
  background-image: none;
  color: #000000;
  margin: 0;
  padding: 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: #F5F5F5;
  background-image: none;
  border-top: 0;
  border-right: 0;
  border-bottom: .5em solid #505050;
  border-left: 0;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 1em 0 0 0;
  padding: .2em .5em;
}

body#catbarrierefrei #content div#literaturverweis h2 {background-color: #F8E5E5; border-color: #800000; color: #000000;}
body#catgrundlagen #content div#literaturverweis h2 {background-color: #F8F8E5; border-color: #404000; color: #000000;}
body#catumsetzung #content div#literaturverweis h2 {background-color: #E5F8E5; border-color: #005D00; color: #000000;}
body#catmarketing #content div#literaturverweis h2 {background-color: #E5F8F8; border-color: #004F4F; color: #000000;}
body#catsuchdienste #content div#literaturverweis h2 {background-color: #E5E5F8; border-color: #000080; color: #000000;}
body#cattemplates #content div#literaturverweis h2 {background-color: #F8E5F8; border-color: #5D005D; color: #000000;}

#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: 1em;
  margin: .5em 0;
  padding: 0 .5em;
}

/* 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: 0;
  clear: both;
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

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

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

/* Definitionsliste (fuer Buchtipps): Datenzelle Bild */
#content div#literaturverweis dl#buchtipps dd.img,
#services .service dl dd.img {
  display: none;
  visibility: hidden;
}

/* Hinweis auf Fehler */
#content p.error {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px dotted #000000;
  color: #000000;
  font-weight: bold;
  margin: 1em .5em;
  padding: 0;
}

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

/* Service-Navigation */
#services {
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* 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: #FFFFFF;
  background-image: none;
  color: #000000;
  margin: 0;
  padding: 0;
}

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

/* Service-Menue-Punkte */
#services ul,
#services ol {
  margin: 0;
  padding: .5em 0 0 2em;
}

#services ul {
  list-style-type: square;
}

/* Absatz in Listenpunkt im Service-Manue */
#services li p {
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  text-align: left;
}

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

body#catbarrierefrei #services a:link, body#catbarrierefrei #services a:visited {color: #800000;}
body#catgrundlagen #services a:link, body#catgrundlagen #services a:visited {color: #404000;}
body#catumsetzung #services a:link, body#catumsetzung #services a:visited {color: #005D00;}
body#catmarketing #services a:link, body#catmarketing #services a:visited {color: #004F4F;}
body#catsuchdienste #services a:link, body#catsuchdienste #services a:visited {color: #000080;}
body#cattemplates #services a:link, body#cattemplates #services a:visited {color: #5D005D;}

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

body#catbarrierefrei #services a:hover, body#catbarrierefrei #services a:active, body#catbarrierefrei #services a:focus {background-color: #800000; color: #F8E5E5;}
body#catgrundlagen #services a:hover, body#catgrundlagen #services a:active, body#catgrundlagen #services a:focus {background-color: #404000; color: #F8F8E5;}
body#catumsetzung #services a:hover, body#catumsetzung #services a:active, body#catumsetzung #services a:focus {background-color: #005D00; color: #E5F8E5;}
body#catmarketing #services a:hover, body#catmarketing #services a:active, body#catmarketing #services a:focus {background-color: #004F4F; color: #E5F8F8;}
body#catsuchdienste #services a:hover, body#catsuchdienste #services a:active, body#catsuchdienste #services a:focus {background-color: #000080; color: #E5E5F8;}
body#cattemplates #services a:hover, body#cattemplates #services a:active, body#cattemplates #services a:focus {background-color: #5D005D; color: #F8E5F8;}

/* Kennzeichnung der aktuellen Datei */
#services li.aktiv strong,
body#catbarrierefrei #services li.aktiv strong,
body#catgrundlagen #services li.aktiv strong,
body#catumsetzung #services li.aktiv strong,
body#catmarketing #services li.aktiv strong,
body#catsuchdienste #services li.aktiv strong,
body#cattemplates #services li.aktiv strong {
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  display: block;
}

/* Container mit Tastatur-Kuerzeln (Accesskeys) ausblenden */
#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 {
  display: none;
  visibility: hidden;
}

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

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

/* Quellcode im Service-Menue */
#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: #F5F5F5;
  border-top: 1px solid #505050;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  clear: both;
  color: #000000;
  font-size: 1em;
  margin: 1em 0 0 0;
  padding: 0;
  width: 100%;
}

body#catbarrierefrei #footerservices {background-color: #F8E5E5; border-top: 1px solid #800000;}
body#catgrundlagen #footerservices {background-color: #F8F8E5; border-top: 1px solid #404000;}
body#catumsetzung #footerservices {background-color: #E5F8E5; border-top: 1px solid #005D00;}
body#catmarketing #footerservices {background-color: #E5F8F8; border-top: 1px solid #004F4F;}
body#catsuchdienste #footerservices {background-color: #E5E5F8; border-top: 1px solid #000080;}
body#cattemplates #footerservices {background-color: #F8E5F8; border-top: 1px solid #5D005D;}

#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: #F5F5F5;
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: .2em .5em;
}

body#catbarrierefrei #footerservices h2 {background-color: #F8E5E5;}
body#catgrundlagen #footerservices h2 {background-color: #F8F8E5;}
body#catumsetzung #footerservices h2 {background-color: #E5F8E5;}
body#catmarketing #footerservices h2 {background-color: #E5F8F8;}
body#catsuchdienste #footerservices h2 {background-color: #E5E5F8;}
body#cattemplates #footerservices h2 {background-color: #F8E5F8;}

#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: #F5F5F5;
  color: #000000;
  cursor: auto;
  text-decoration: none;
}

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 {background-color: #F8E5E5;}
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 {background-color: #F8F8E5;}
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 {background-color: #E5F8E5;}
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 {background-color: #E5F8F8;}
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 {background-color: #E5E5F8;}
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: #F8E5F8;}

#footerservices ol {
  margin: 0;
  padding: .5em 1em .5em 2.5em;
}

#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, #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: 0;
  display: list-item;
  font-size: 1em;
  margin: 0;
  padding: .3em 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: #F5F5F5;
  color: #505050;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

body#catbarrierefrei #footerservices ol li a:link, body#catbarrierefrei #footerservices ol li a:visited {background-color: #F8E5E5; color: #800000;}
body#catgrundlagen #footerservices ol li a:link, body#catgrundlagen #footerservices ol li a:visited {background-color: #F8F8E5; color: #404000;}
body#catumsetzung #footerservices ol li a:link, body#catumsetzung #footerservices ol li a:visited {background-color: #E5F8E5; color: #005D00;}
body#catmarketing #footerservices ol li a:link, body#catmarketing #footerservices ol li a:visited {background-color: #E5F8F8; color: #004F4F;}
body#catsuchdienste #footerservices ol li a:link, body#catsuchdienste #footerservices ol li a:visited {background-color: #E5E5F8; color: #000080;}
body#cattemplates #footerservices ol li a:link, body#cattemplates #footerservices ol li a:visited {background-color: #F8E5F8; color: #5D005D;}

#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: #505050;
  color: #F5F5F5;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

body#catbarrierefrei #footerservices ol li a:hover, body#catbarrierefrei #footerservices ol li a:active, body#catbarrierefrei #footerservices ol li a:focus {background-color: #800000; color: #F8E5E5;}
body#catgrundlagen #footerservices ol li a:hover, body#catgrundlagen #footerservices ol li a:active, body#catgrundlagen #footerservices ol li a:focus {background-color: #404000; color: #F8F8E5;}
body#catumsetzung #footerservices ol li a:hover, body#catumsetzung #footerservices ol li a:active, body#catumsetzung #footerservices ol li a:focus {background-color: #005D00; color: #E5F8E5;}
body#catmarketing #footerservices ol li a:hover, body#catmarketing #footerservices ol li a:active, body#catmarketing #footerservices ol li a:focus {background-color: #004F4F; color: #E5F8F8;}
body#catsuchdienste #footerservices ol li a:hover, body#catsuchdienste #footerservices ol li a:active, body#catsuchdienste #footerservices ol li a:focus {background-color: #000080; color: #E5E5F8;}
body#cattemplates #footerservices ol li a:hover, body#cattemplates #footerservices ol li a:active, body#cattemplates #footerservices ol li a:focus {background-color: #5D005D; color: #F8E5F8;}

#footerservices ol li strong {
  background-color: #F5F5F5;
  color: #000000;
  margin: 0;
  padding: 0;
  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: #F5F5F5;
  background-image: none;
  border: 0;
  clear: both;
  color: #000000;
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

body#catbarrierefrei #footer {background-color: #F8E5E5;}
body#catgrundlagen #footer {background-color: #F8F8E5;}
body#catumsetzung #footer {background-color: #E5F8E5;}
body#catmarketing #footer {background-color: #E5F8F8;}
body#catsuchdienste #footer {background-color: #E5E5F8;}
body#cattemplates #footer {background-color: #F8E5F8;}

#footer p {
  margin: 0;
  padding: .5em 1em;
}

/* 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: #F5F5F5;
  background-image: none;
  color: #505050;
  margin: 0;
  padding: 0;
}

body#catbarrierefrei #footer a:link, body#catbarrierefrei #footer a:visited {background-color: #F8E5E5; color: #800000;}
body#catgrundlagen #footer a:link, body#catgrundlagen #footer a:visited {background-color: #F8F8E5; color: #404000;}
body#catumsetzung #footer a:link, body#catumsetzung #footer a:visited {background-color: #E5F8E5; color: #005D00;}
body#catmarketing #footer a:link, body#catmarketing #footer a:visited {background-color: #E5F8F8; color: #004F4F;}
body#catsuchdienste #footer a:link, body#catsuchdienste #footer a:visited {background-color: #E5E5F8; color: #000080;}
body#cattemplates #footer a:link, body#cattemplates #footer a:visited {background-color: #F8E5F8; color: #5D005D;}

#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: #505050;
  background-image: none;
  color: #F5F5F5;
  margin: 0;
  padding: 0;
}

body#catbarrierefrei #footer a:hover, body#catbarrierefrei #footer a:active, body#catbarrierefrei #footer a:focus {background-color: #800000; color: #F8E5E5;}
body#catgrundlagen #footer a:hover, body#catgrundlagen #footer a:active, body#catgrundlagen #footer a:focus {background-color: #404000; color: #F8F8E5;}
body#catumsetzung #footer a:hover, body#catumsetzung #footer a:active, body#catumsetzung #footer a:focus {background-color: #005D00; color: #E5F8E5;}
body#catmarketing #footer a:hover, body#catmarketing #footer a:active, body#catmarketing #footer a:focus {background-color: #004F4F; color: #E5F8F8;}
body#catsuchdienste #footer a:hover, body#catsuchdienste #footer a:active, body#catsuchdienste #footer a:focus {background-color: #000080; color: #E5E5F8;}
body#cattemplates #footer a:hover, body#cattemplates #footer a:active, body#cattemplates #footer a:focus {background-color: #5D005D; color: #F8E5F8;}

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

/* Ueberschrift Hilfsnavigation */
p.unsichtbar a#hilfe {
  display: none;
  visibility: hidden;
}

/* Ueberschrift Seiteninterne Suche (Eingabefeld) */
p.unsichtbar a#sitesearch {
  display: none;
  visibility: hidden;
}

/* Ueberschrift Hauptnavigation */
p.unsichtbar a#primaer {
  display: none;
  visibility: hidden;
}

/* Akronym zusaetzlich ausschreiben - funktioniert im IE nicht */
#content acronym[title]:after {
  content:" ("attr(title)")";
}