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

* {
  border: 0;
  margin: 0;
  padding: 0;
}

/* for older browsers */
header, nav, section, article, aside, footer {
  display: block;
}

/* Seite allgemein */
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  max-width: 480px;
}

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

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

a {
  background-color: #FFFFFF;
  color: #505050;
  text-decoration: underline;
}

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

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

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

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

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

abbr.di-ba-we {
  font-weight: bold;
}

#titel p abbr.di-ba-we {
  color: #A0A0A0;
  display: block;
  font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
  font-size: 3em;
  font-style: normal;
  font-weight: bold;
  line-height: 1.4em;
}

.di-ba-we .d {
  color: #505050;
}

.di-ba-we .i {
  color: #800000;
}

.di-ba-we .b {
  color: #404000;
}

.di-ba-we .a {
  color: #005D00;
}

.di-ba-we .w {
  color: #004F4F;
}

.di-ba-we .e {
  color: #000080;
}

/* Adressangabe auf Kontakt-Seite */
address {
  font-style: normal;
  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;
}

section img {
  display: none;
  visibility: hidden;
}

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

ul {
  list-style-type: square;
  padding: .5em .5em .5em 1.5em;
}

ol {
  list-style-type: decimal;
  padding: .5em .5em .5em 1.5em;
}

ol ul {
  padding-left: 0;
}

dt {
  font-weight: bold;
}

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

form {
  width: 100%;
}

fieldset {
  width: 100%;
}

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

label {
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  width: 100%;
}

input, textarea, select {
  background-color: #F5F5F5;
  border: 1px solid #505050;
  color: #000000;
  display: block;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding: .2em .5em;
}

input:focus, textarea:focus, select:focus {
  background-color: #FFFFFF;
  border: 1px solid #505050;
  color: #000000;
}

input[type=submit], input[type=reset] {
  background-color: #F5F5F5;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom-color: #A0A0A0;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  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: 1px solid #303030;
  border-right-color: #000000;
  border-bottom-color: #000000;
  color: #FFFFFF;
}

/* Verstecktes Eingabefeld */
input[type=hidden] {
  visibility: hidden;
}

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

table {
  border-collapse: collapse;
  margin: 0 auto .5em auto;
}

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

th, td {
  background-color: #F5F5F5;
  border: 1px solid #000000;
  color: #000000;
  font-weight: bold;
  padding: .2em .5em;
  text-align: left;
  vertical-align: top;
}

td {
  background-color: #FFFFFF;
  font-weight: normal;
}

tr:nth-child(odd) td {
  background-color: #FCFCFC;
  color: #000000;
}

tbody th, tfoot th {
  background-color: #FFFFFF;
}

tfoot th, tfoot td {
  border-top: 3px double #000000;
}

td ul {
  padding: 0 0 1em 1.5em;
}

th img, td img {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  padding: .5em;
}

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

#catbarrierefrei a {
  background-color: #FFFFFF;
  color: #800000;
}

#catgrundlagen a {
  background-color: #FFFFFF;
  color: #404000;
}

#catumsetzung a {
  background-color: #FFFFFF;
  color: #005D00;
}

#catmarketing a {
  background-color: #FFFFFF;
  color: #004F4F;
}

#catsuchdienste a {
  background-color: #FFFFFF;
  color: #000080;
}

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

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

/* Hilfsnavigation */
#hilfsverweise {
  display: none;
  visibility: hidden;
}

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

/* Servicenavigation */
#headerservices {
  display: none;
  visibility: hidden;
}

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

/* Kopfbereich mit Titel und Suche */
#header {
  background-color: #FFFFFF;
  color: #000000;
  width: 100%;
}

/* Titel der Seite */
#titel {
  text-align: center;
  width: 100%;
}

#titel p {
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  padding: 0 .5em .5em .5em;
}

/* Seitentitel */
#titel .titel {
  font-size: 1.1em;
  font-style: normal;
  line-height: 1.3em;
}

/* Sucheingabe */
#sucheingabe {
  text-align: center;
  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;
}

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

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

/* Hauptnavigation-Container */
#primaernavigation {
  font-weight: bold;
  padding: 0 2%;
  width: 96%;
}

#primaernavigation ol {
  list-style: none;
  padding: 0;
  width: 100%;
}

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

#primaernavigation a {
  border-radius: 2em;
  display: block;
  margin: 0;
  padding: .5em;
  text-align: center;
  text-decoration: underline;
}

#primaernavigation a.navibarrierefrei {
  background-color: #F8E5E5;
  border: 2px solid #C00000;
  color: #800000;
}

#primaernavigation a.navigrundlagen {
  background-color: #F8F8E5;
  border: 2px solid #C0C000;
  color: #404000;
}

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

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

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

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

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

/* Enthaelt Unternavigation, Inhaltscontainer und Services */
#main {
  width: 100%;
}

article {
  width: 100%;
}

/* Absatz im Inhaltscontainer */
article p {
  padding: .5em;
}

/* Kontakt-Seite: Absatz mit Text und Foto */
article p.kontakt img {
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;
  display: block;
  margin: 0 0 .5em 0;
}

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

#subnavigation {
  display: none;
  visibility: hidden;
}

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

h1 {
  background-color: #F5F5F5;
  border-top: .5em solid #505050;
  border-bottom: .5em solid #505050;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2em;
  margin: .5em 0 0 0;
  padding: .2em .3em;
}

article section h1 {
  background-color: #FFFFFF;
  font-size: 1em;
}

h2, h3 {
  background-color: #F5F5F5;
  border-bottom: .5em solid #505050;
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 1em 0 0 0;
  padding: .2em .3em;
}

h3 {
  background-color: #FFFFFF;
  border-bottom: .3em solid #A0A0A0;
  font-size: 1em;
  line-height: 1.1em;
  margin: .5em 0 0 0;
  padding: .1em .5em;
}

#catbarrierefrei h1, #catbarrierefrei h2 {
  background-color: #F8E5E5;
  border-color: #800000;
}

#catgrundlagen h1, #catgrundlagen h2 {
  background-color: #F8F8E5;
  border-color: #404000;
}

#catumsetzung h1, #catumsetzung h2 {
  background-color: #E5F8E5;
  border-color: #005D00;
}

#catmarketing h1, #catmarketing h2 {
  background-color: #E5F8F8;
  border-color: #004F4F;
}

#catsuchdienste h1, #catsuchdienste h2 {
  background-color: #E5E5F8;
  border-color: #000080;
}

/* Ueberschrift bei Beispiel-Absatz */
article h3.beispiel {
  background-color: #FFFFFF;
  border: 1px solid #A0A0A0;
  border-bottom-width: .3em;
  color: #000000;
  margin: 0 .5em;
  padding: .1em .3em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}

#catbarrierefrei h3, #homepagebarrierefrei h1 {
  border-color: #800000;
}

#catgrundlagen h3, #homepagegrundlagen h1 {
  border-color: #404000;
}

#catumsetzung h3, #homepageumsetzung h1 {
  border-color: #005D00;
}

#catmarketing h3, #homepagemarketing h1 {
  border-color: #004F4F;
}

#catsuchdienste h3, #homepagesuchdienste h1 {
  border-color: #000080;
}

#cathomepage section h1 {
  background-color: #FFFFFF;
  border-top: 0;
}

#cathomepage section:first-of-type h1 {
  margin: 1em 0 0 0;
}

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

/* Service-Navigation */
#services {
  width: 100%;
}

/* Service-Menue-Punkte */
#services ul {
  list-style-type: square;
  margin: 0;
  padding: .5em 0 0 2em;
}

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

/* Brotkrumenpfad */
article #pfad {
  font-size: 1em;
  line-height: 1.1em;
  padding: .5em;
}

/* Teaser: Was auf der Seite zu finden ist (Zusammenfassung) */
article #teaser {
  background-color: #F5F5F5;
  border: 1px solid #505050;
  border-radius: 1em;
  color: #000000;
  font-size: 1em;
  line-height: 1.2em;
  margin: .5em;
  padding: .5em;
}

#catbarrierefrei #teaser {
  background-color: #F8E5E5;
  border: 1px solid #800000;
}

#catgrundlagen #teaser {
  background-color: #F8F8E5;
  border: 1px solid #404000;
}

#catumsetzung #teaser {
  background-color: #E5F8E5;
  border: 1px solid #005D00;
}

#catmarketing #teaser {
  background-color: #E5F8F8;
  border: 1px solid #004F4F;
}

#catsuchdienste #teaser {
  background-color: #E5E5F8;
  border: 1px solid #000080;
}

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

/* Teaser: Datum-Formatierung fuer Rahmen und Icon */
article #teaser span.dateidatum strong {
  border-top: 1px dotted #000000;
  font-weight: normal;
}

/* Ankuendigung Liste mit Ankern zu Artikelueberschriften */
article p#htoc {
  font-weight: bold;
  margin: 0;
  padding: .5em .5em 0 .5em;
}

/* Liste mit Ankern zu Artikelueberschriften */
article ol#toc {
  margin: 0;
  padding: .5em .5em 0 2em;
}

article ol#toc li a {
  display: block;
}

/* Druckfunktion */
article p.druckfunktion,
article p.druckfunktionalt,
article p.druckfunktionjs,
article p.druckfunktionjsalt {
  display: none;
  visibility: hidden;
}

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

article dl,
article dl p,
article dl dt,
article dl dd {
  margin: 0;
  padding: 0;
}

article ol {
  margin: 0;
  padding: .5em .5em .5em 2.5em;
}

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

/* Liste im Inhaltsverzeichnis: Hauptnavigatoren */
article ol.sitemaplist li {
  margin: 0;
  padding: 0 0 1em 0;
}

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

/* Liste im Inhaltsverzeichnis: 2. Gliederungsebene */
article ol.sitemaplist li ol {
  margin: 0;
  padding: 0 0 0 1em;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikel */
article ol.sitemaplist li ol li,
article ol.sitemaplist li ol li.alt {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

article ol.sitemaplist li ol li a.outline {
  background-color: #FFFFFF;
  color: #505050;
  display: inline;
  margin: 0;
  padding: 0;
}

/* Liste im Inhaltsverzeichnis: Verweis auf Artikelueberschrift 2. Ebene */
article ol.sitemaplist li ol li ul {
  margin: 0 0 0 1em;
  padding: 0;
}

article ol.sitemaplist li ul li,
article ol.sitemaplist li ol li ul li {
  margin: 0;
  padding: 0;
}

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

/* Liste mit Anfangsbuchstaben-Link im Glossar */
article ul#glossary,
article p#glossaryheader {
  display: none;
  visibility: hidden;
}

/* News-Uebersichtsseite */
article dl.uebersicht {
  margin-top: 1em;
}

/* Artikeluebersicht: Titel */
/* Artikeluebersicht: Kopfzelle der Definitionsliste */
article dl.uebersicht dt {
  border-bottom: 1px solid #505050;
  color: #000000;
  font-size: 1em;
  padding: .2em .5em;
}

/* News-Uebersichtsseite: Datenzelle der Definitionsliste */
article dl.uebersicht dd {
  margin: 0;
  padding: 0;
}

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

/* News-Uebersichtsseite: Datum der Veroeffentlichung */
article dl.uebersicht dd.pubdate {
  width: 100%;
}

/* News-Uebersichtsseite: Absatz um Datum der Veroeffentlichung */
article dl.uebersicht dd.pubdate p {
  color: #A0A0A0;
  font-style: italic;
  padding-bottom: 0;
}

/* News-Uebersichtsseite: Text der Veroeffentlichung */
article dl.uebersicht dd.pubcontent {
  width: 100%;
}

/* News-Uebersichtsseite: Absatz um Text der Veroeffentlichung */
article dl.uebersicht dd.pubcontent p:last-child {
  margin-bottom: 1em;
}

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

/* Definitionsliste im eigentlichen Inhalt: Titelzellen */
article dl.inline dt {
  font-weight: bold;
  margin: 0;
  padding: 0 .5em;
}

/* Definitionsliste im eigentlichen Inhalt: Beschreibungszellen */
article dl.inline dd {
  margin: 0;
  padding: 0 .5em .5em 1em;
}

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

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

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

/* Suchergebnis-Ausgabe: Titelzellen */
article dl.suchergebnis dt {
  font-weight: bold;
  margin: 0;
  padding: 0 .5em;
}

/* Suchergebnis-Ausgabe: Beschreibungszellen */
article dl.suchergebnis dd {
  border-bottom: 1px dashed #000000;
  margin: 0 0 .5em 0;
  padding: 0 .5em;
}

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

/* Suchergebnis-Ausgabe: Datei-Daten in Suchergebnis-Ausgabe */
article 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 */
article p.erklaerung {
  background-color: #F5F5F5;
  color: #000000;
  margin: 0;
  padding: .5em;
}

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

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

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

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

/* .grafik = Absatz mit Bild */
article p.grafik {
  display: none;
  visibility: hidden;
}

/* .grafikalt = Druck: Absatz mit Bild */
/* .grafikok = Absatz mit Bild dessen Breite kleiner als 550px */
article p.grafikalt,
article p.grafikok {
  display: block;
  font-size: 1em;
  margin: 0;
  overflow: auto;
  padding: 1em .5em;
  text-align: center;
}

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

/* Beispiel-Absatz */
/* Absatz mit Bildbeschreibung (unterhalb des Bildes anordnen) */
p.beispiel,
p.klein {
  border: 1px solid #505050;
  border-radius: 1em;
  font-size: 1em;
  margin: 0 .5em .5em .5em;
  padding: .5em;
}

p.beispiel {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#catbarrierefrei p.klein, #catbarrierefrei p.beispiel {
  border-color: #800000;
}

#catgrundlagen p.klein, #catgrundlagen p.beispiel {
  border-color: #404000;
}

#catumsetzung p.klein, #catumsetzung p.beispiel {
  border-color: #005D00;
}

#catmarketing p.klein, #catmarketing p.beispiel {
  border-color: #004F4F;
}

#catsuchdienste p.klein, #catsuchdienste p.beispiel {
  border-color: #000080;
}

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

/* 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 */
p.pfeilnavigator {
  border-top: 1px dotted #505050;
  margin: .5em 0;
  padding: 0 .5em;
  text-align: right;
}

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

/* Definitionsliste (fuer Buchtipps) */
article div#literaturverweis dl#buchtipps,
#buecher dl {
  font-size: 1em;
  margin: .5em 0;
  padding: 0 .5em;
}

/* Definitionsliste (fuer Buchtipps): Datenzellen */
article div#literaturverweis dl#buchtipps dd,
#buecher dl dd {
  margin: 0;
  padding: 0;
}

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

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

/* Hinweis auf Fehler */
article p.error {
  border: 1px dotted #000000;
  font-weight: bold;
  margin: 1em .5em;
  padding: 0;
}

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

/* Fusszeilen-Container */
#footerservices {
  background-color: #F5F5F5;
  border-top: 1px solid #505050;
  color: #000000;
  font-size: 1em;
  margin: 1em 0 0 0;
  padding: 0;
  width: 100%;
}

#catbarrierefrei #footerservices {
  background-color: #F8E5E5;
  border-color: #800000;
}

#catgrundlagen #footerservices {
  background-color: #F8F8E5;
  border-color: #404000;
}

#catumsetzung #footerservices {
  background-color: #E5F8E5;
  border-color: #005D00;
}

#catmarketing #footerservices {
  background-color: #E5F8F8;
  border-color: #004F4F;
}

#catsuchdienste #footerservices {
  background-color: #E5E5F8;
  border-color: #000080;
}

#footerservices h2 {
  border: 0;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: .2em .5em;
}

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

#footerservices li {
  display: list-item;
  font-size: 1em;
  padding: .3em 0;
}

/* Fusszeilen-Container */
#footer {
  font-size: 1em;
  text-align: left;
  width: 100%;
}

#footerservices a, #footer {
  background-color: #F5F5F5;
}

#catbarrierefrei #footerservices a, #catbarrierefrei #footer, #catbarrierefrei #footer a {
  background-color: #F8E5E5;
}

#catgrundlagen #footerservices a, #catgrundlagen #footer, #catgrundlagen #footer a {
  background-color: #F8F8E5;
}

#catumsetzung #footerservices a, #catumsetzung #footer, #catumsetzung #footer a {
  background-color: #E5F8E5;
  color: #005D00;
}

#catmarketing #footerservices a, #catmarketing #footer, #catmarketing #footer a {
  background-color: #E5F8F8;
}

#catsuchdienste #footerservices a, #catsuchdienste #footer, #catsuchdienste #footer a {
  background-color: #E5E5F8;
}

#footerservices ol li strong {
  background-color: #F5F5F5;
  color: #000000;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

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

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

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