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

/* USED COLORS -------------------------------------------------  */

/*        grell    lightest  lighter  light     dunkel
GRAU      #A0A0A0  #FCFCFC   #F5F5F5  #D0D0D0   #303030
ROT       #C00000  #F8E5E5   #FDF8F8  #EFBFBF   #800000
GELB      #C0C000  #F8F8E5   #FDFDF8  #EFEFBF   #404000
GRUEN     #00C000  #E5F8E5   #F8FDF8  #BFEFBF   #005D00
TUERKIS   #00C0C0  #E5F8F8   #F8FDFD  #BFEFEF   #004F4F
BLAU      #0000C0  #E5E5F8   #F8F8FD  #BFBFEF   #000080

#FFFFFF        white
#000000        black
#505050        alternate dark grey
#800000        c errors, red for code-examples
#000080        blue for code-examples
#4B0082        violett for code-examples
*/

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

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

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

/* Seite allgemein */
body {
  background: #F5F5F5 url(../images/bg.png);
  color: #000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: auto;
  max-width: 59.5em;
}

#catbarrierefrei {
  background-color: #F8E5E5;
}

#catgrundlagen {
  background-color: #F8F8E5;
}

 #catumsetzung {
  background-color: #E5F8E5;
}

 #catmarketing {
  background-color: #E5F8F8;
}

#catsuchdienste {
  background-color: #E5E5F8;
}

/* Seiten-Container */
#top {
  background-color: #FFFFFF;
  border-right: 1px solid #A0A0A0;
  border-left: 1px solid #A0A0A0;
  box-shadow: 2px 2px 2px #A0A0A0;
  color: #000000;
  font-size: 80%;
  line-height: 1.5em;
}

#catbarrierefrei #top {
  border-color: #C00000;
  box-shadow : #C00000 2px 2px 2px;
}

#catgrundlagen #top {
  border-color: #C0C000;
  box-shadow: #C0C000 2px 2px 2px;
}

#catumsetzung #top {
  border-color: #00C000;
  box-shadow: #00C000 2px 2px 2px;
}

#catmarketing #top {
  border-color: #00C0C0;
  box-shadow: #00C0C0 2px 2px 2px;
}

#catsuchdienste #top {
  border-color: #0000C0;
  box-shadow: #0000C0 2px 2px 2px;
}

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

a:link, a:visited {
  background-color: #FFFFFF;
  color: #505050;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  background-color: #505050;
  color: #FCFCFC;
  text-decoration: underline;
}

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

p {
  font-size: 1em;
}

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

strong {
  font-weight: bold;
}

abbr {
  border-bottom: 1px dotted #000000;
  cursor: help;
  font-variant: normal;
}

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

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

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

address {
  font-style: normal;
  margin: 1em 2em;
}

cite, q, em {
  font-size: 1em;
  font-style: italic;
}

code, kbd {
  font-family: "Courier New", Courier, Monaco, monospace;
  font-size: 1em;
}

code.di-ba-we {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

section img {
  background-color: #FFFFFF;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom-color: #A0A0A0;
  border-radius: 4em;
  color: #000000;
  float: right;
  margin: 0 2em 1em .5em;
  padding: .5em;
}

section p:last-child {
  padding-bottom: 2em;
}

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

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

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

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

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

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

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

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

dt {
  font-weight: bold;
}

dd {
  padding: 0 0 1em 0;
}

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

form {
  width: 100%;
}

fieldset {
  border: 1px solid #A0A0A0;
  margin: 2em;
  padding: 1em;
}

fieldset p {
  clear: both;
  margin: .5em 0;
}

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

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

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

input, textarea, select {
  background-color: #FCFCFC;
  border: 1px solid #A0A0A0;
  border-radius: .5em;
  color: #A0A0A0;
  display: inline;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding: .1em .2em;
}

input:focus, textarea:focus, select:focus {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  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;
}

#catbarrierefrei input[type=submit],
#catbarrierefrei input[type=reset] {
  background-color: #FDF8F8;
  border: 1px solid #EFBFBF;
  border-right-color: #C00000;
  border-bottom-color: #C00000;
}

#catgrundlagen input[type=submit],
#catgrundlagen input[type=reset] {
  background-color: #FDFDF8;
  border: 1px solid #EFEFBF;
  border-right-color: #C0C000;
  border-bottom-color: #C0C000;
}

#catumsetzung input[type=submit],
#catumsetzung input[type=reset] {
  background-color: #F8FDF8;
  border: 1px solid #BFEFBF;
  border-right-color: #00C000;
  border-bottom-color: #00C000;
}

#catmarketing input[type=submit],
#catmarketing input[type=reset] {
  background-color: #F8FDFD;
  border: 1px solid #BFEFEF;
  border-right-color: #00C0C0;
  border-bottom-color: #00C0C0;
}

#catsuchdienste input[type=submit],
#catsuchdienste input[type=reset] {
  background-color: #F8F8FD;
  border: 1px solid #BFBFEF;
  border-right-color: #0000C0;
  border-bottom-color: #0000C0;
}

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

#catbarrierefrei input[type=submit]:hover,
#catbarrierefrei input[type=reset]:hover,
#catbarrierefrei input[type=submit]:active,
#catbarrierefrei input[type=reset]:active,
#catbarrierefrei input[type=submit]:focus,
#catbarrierefrei input[type=reset]:focus {
  background-color: #F8E5E5;
  border: 1px solid #EFBFBF;
  border-right-color: #C00000;
  border-bottom-color: #C00000;
  color: #000000;
}

#catgrundlagen input[type=submit]:hover,
#catgrundlagen input[type=reset]:hover,
#catgrundlagen input[type=submit]:active,
#catgrundlagen input[type=reset]:active,
#catgrundlagen input[type=submit]:focus,
#catgrundlagen input[type=reset]:focus {
  background-color: #F8F8E5;
  border: 1px solid #EFEFBF;
  border-right-color: #C0C000;
  border-bottom-color: #C0C000;
  color: #000000;
}

#catumsetzung input[type=submit]:hover,
#catumsetzung input[type=reset]:hover,
#catumsetzung input[type=submit]:active,
#catumsetzung input[type=reset]:active,
#catumsetzung input[type=submit]:focus,
#catumsetzung input[type=reset]:focus {
  background-color: #E5F8E5;
  border: 1px solid #BFEFBF;
  border-right-color: #00C000;
  border-bottom-color: #00C000;
  color: #000000;
}

#catmarketing input[type=submit]:hover,
#catmarketing input[type=reset]:hover,
#catmarketing input[type=submit]:active,
#catmarketing input[type=reset]:active,
#catmarketing input[type=submit]:focus,
#catmarketing input[type=reset]:focus {
  background-color: #E5F8F8;
  border: 1px solid #BFEFEF;
  border-right-color: #00C0C0;
  border-bottom-color: #00C0C0;
  color: #000000;
}

#catsuchdienste input[type=submit]:hover,
#catsuchdienste input[type=reset]:hover,
#catsuchdienste input[type=submit]:active,
#catsuchdienste input[type=reset]:active,
#catsuchdienste input[type=submit]:focus,
#catsuchdienste input[type=reset]:focus {
  background-color: #E5E5F8;
  border: 1px solid #BFBFEF;
  border-right-color: #0000C0;
  border-bottom-color: #0000C0;
  color: #000000;
}

input[type=hidden]:hover {
  visibility: hidden;
}

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

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

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

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

#catbarrierefrei th, #catbarrierefrei td {
  background-color: #FDF8F8;
  border-color: #C00000;
}

#catgrundlagen th, #catgrundlagen td {
  background-color: #FDFDF8;
  border-color: #C0C000;
}

#catumsetzung th, #catumsetzung td {
  background-color: #F8FDF8;
  border-color: #00C000;
}

#catmarketing th, #catmarketing td {
  background-color: #F8FDFD;
  border-color: #00C0C0;
}

#catsuchdienste th, #catsuchdienste td {
  background-color: #F8F8FD;
  border-color: #0000C0;
}

#catservices td, #catbarrierefrei td, #catgrundlagen td, #catumsetzung td, #catmarketing td, #catsuchdienste td {
  background-color: #FFFFFF;
  font-weight: normal;
}

#catservices tr:nth-child(odd) td, #catbarrierefrei tr:nth-child(odd) td, #catgrundlagen tr:nth-child(odd) td,
#catumsetzung tr:nth-child(odd) td, #catmarketing tr:nth-child(odd) td, #catsuchdienste 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 #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom-color: #A0A0A0;
  color: #000000;
  padding: .5em;
}

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

#cathomepage a:hover, #cathomepage a:active, #cathomepage a:focus,
#catservices a:hover, #catservices a:active, #catservices a:focus,
#catbsp a:hover, #catbsp a:active, #catbsp a:focus {
  background-color: #505050;
  color: #FCFCFC;
}

#homepagebarrierefrei a:link, #homepagebarrierefrei a:visited,
#catbarrierefrei a:link, #catbarrierefrei a:visited {
  color: #800000;
}

#homepagebarrierefrei a:hover, #homepagebarrierefrei a:active, #homepagebarrierefrei a:focus,
#catbarrierefrei a:hover, #catbarrierefrei a:active, #catbarrierefrei a:focus {
  background-color: #800000;
  color: #F8E5E5;
}

#homepagegrundlagen a:link, #homepagegrundlagen a:visited,
#catgrundlagen a:link, #catgrundlagen a:visited {
  color: #404000;
}

#homepagegrundlagen a:hover, #homepagegrundlagen a:active, #homepagegrundlagen a:focus,
#catgrundlagen a:hover, #catgrundlagen a:active, #catgrundlagen a:focus {
  background-color: #404000;
  color: #F8F8E5;
}

#homepageumsetzung a:link, #homepageumsetzung a:visited,
#catumsetzung a:link, #catumsetzung a:visited {
  color: #005D00;
}

#homepageumsetzung a:hover, #homepageumsetzung a:active, #homepageumsetzung a:focus,
#catumsetzung a:hover, #catumsetzung a:active, #catumsetzung a:focus {
  background-color: #005D00;
  color: #E5F8E5;
}

#homepagemarketing a:link, #homepagemarketing a:visited,
#catmarketing a:link, #catmarketing a:visited {
  color: #004F4F;
}

#homepagemarketing a:hover, #homepagemarketing a:active, #homepagemarketing a:focus,
#catmarketing a:hover, #catmarketing a:active, #catmarketing a:focus {
  background-color: #004F4F;
  color: #E5F8F8;
}

#homepagesuchdienste a:link, #homepagesuchdienste a:visited,
#catsuchdienste a:link, #catsuchdienste a:visited {
  color: #000080;
}

#homepagesuchdienste a:hover, #homepagesuchdienste a:active, #homepagesuchdienste a:focus,
#catsuchdienste a:hover, #catsuchdienste a:active, #catsuchdienste a:focus {
  background-color: #000080;
  color: #E5E5F8;
}

/* Verweise mit Icon */
.prevsection, .previous, .activesection, .active, .nextsection, .next, span.glossar, .rss, .fb, .gh {
  padding: 0 0 0 1.2em;
}

a:link.extern, a:link.intern, a:link.glossar, a:link.download, a:link.seitenanfang, a:link.suchhilfe,
#rssundnews strong, li.aktiv strong {
  background: no-repeat 0 50%;
  padding: 0 0 0 1.2em;
}

/* Verweis auf externe Seite */
a:link.extern, a:visited.extern {
  background-image: url(../images/extern.png);
}

a:hover.extern, a:active.extern, a:focus.extern {
  background-image: url(../images/extern-hover.png);
}

/* Verweis auf interne Seite */
a:link.intern, a:visited.intern {
  background-image: url(../images/intern.png);
}

a:hover.intern, a:active.intern, a:focus.intern {
  background-image: url(../images/intern-hover.png);
}

/* Verweis auf Glossar-Seite */
a:link.glossar, a:visited.glossar {
  background-image: url(../images/glossar.png);
}

a:hover.glossar, a:active.glossar, a:focus.glossar {
  background-image: url(../images/glossar-hover.png);
}

/* Verweis auf Download-Datei */
a:link.download, a:visited.download {
  background-image: url(../images/download.png);
}

a:hover.download, a:active.download, a:focus.download {
  background-image: url(../images/download-hover.png);
}

/* Verweis auf Seitenanfang der Datei */
a:link.seitenanfang, a:visited.seitenanfang {
  background-image: url(../images/up.png);
}

a:hover.seitenanfang, a:active.seitenanfang, a:focus.seitenanfang {
  background-image: url(../images/up-hover.png);
}

/* Verweis auf Sucheingabe-Erklaerung innerhalb der Seite */
a:link.suchhilfe, a:visited.suchhilfe {
  background-image: url(../images/glossar.png);
  font-size: .9em;
}

a:hover.suchhilfe, a:active.suchhilfe, a:focus.suchhilfe {
  background-image: url(../images/glossar-hover.png);
}

/* Verweis auf Druck */
a:link.drucken, a:visited.drucken {
  background: url(../images/print.png) no-repeat 98% 50%;
  padding: .2em 1.4em .2em .2em;
}

a:hover.drucken, a:active.drucken, a:focus.drucken {
  background: url(../images/print-hover.png) no-repeat 98% 50%;
  padding: .2em 1.4em .2em .2em;
}

/* Verweise im Unternavigation-Container */
#subnavigation a:link, #subnavigation a:visited,
#rssundnews a:link.rss, #rssundnews a:visited.rss,
#rssundnews a:link.fb, #rssundnews a:visited.fb,
#rssundnews a:link.gh, #rssundnews a:visited.gh,
article a.rss {
  background: #F5F5F5 no-repeat 0 .3em;
  color: #505050;
  display: block;
}

#rssundnews a:link.gh, #rssundnews a:visited.gh {
  background: #F5F5F5 no-repeat 0 50%;
}

/* RSS-Link im Text auf Hilfe-Seite */
article a:link.rss, article a:visited.rss {
  background-color: #FFFFFF;
  display: inline;
}

#subnavigation ol#articles {
  list-style-type: none;
}

#subnavigation ol ul#activearticles a {
  border-bottom: 1px dotted #505050;
}

#subnavigation li li a:link, #subnavigation li li a:visited {
  border: 0;
}

#subnavigation a:hover, #subnavigation a:active, #subnavigation a:focus,
#rssundnews a:hover.rss, #rssundnews a:active.rss, #rssundnews a:focus.rss,
#rssundnews a:hover.fb, #rssundnews a:active.fb, #rssundnews a:focus.fb,
#rssundnews a:hover.gh, #rssundnews a:active.gh, #rssundnews a:focus.gh {
  background: #505050 no-repeat 0 .3em;
  color: #FCFCFC;
}

#rssundnews a:hover.gh, #rssundnews a:active.gh, #rssundnews a:focus.gh {
  background: #505050 no-repeat 0 50%;
}

/* Kennzeichnung der aktuellen Datei */
#subnavigation li.aktiv strong,
#rssundnews li strong {
  background: #A0A0A0 url(../images/active.png) no-repeat 0 .3em;;
  color: #000000;
  font-weight: normal;
  display: block;
}

/* Verweis auf vorangegangenen Abschnitt */
#subnavigation a:link.prevsection, #subnavigation a:visited.prevsection,
#subnavigation a:link.previous, #subnavigation a:visited.previous {
  background-image: url(../images/previous.png);
}

/* Verweis auf vorangegangene Datei */
#subnavigation a:link.previous, #subnavigation a:visited.previous {
  border: 0;
}

#subnavigation a:hover.prevsection, #subnavigation a:active.prevsection, #subnavigation a:focus.prevsection,
#subnavigation a:hover.previous, #subnavigation a:active.previous, #subnavigation a:focus.previous {
  background-image: url(../images/previous-hover.png);
}

/* Verweis auf aktiven Unterabschnitt */
#subnavigation a:link.activesection, #subnavigation a:visited.activesection {
  background: #505050 none;
  color: #FCFCFC;
}

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

#subnavigation a:hover.activesection, #subnavigation a:active.activesection, #subnavigation a:focus.activesection,
#subnavigation a:hover.active, #subnavigation a:active.active, #subnavigation a:focus.active {
  background: #505050 url(../images/active-hover.png) no-repeat 0 .3em;
  color: #FCFCFC;
}

/* Verweis auf nachfolgenden Abschnitt / nachfolgende Datei */
#subnavigation a:link.nextsection, #subnavigation a:visited.nextsection,
#subnavigation a:link.next, #subnavigation a:visited.next {
  background-image: url(../images/next.png);
}

#subnavigation a:hover.nextsection, #subnavigation a:active.nextsection, #subnavigation a:focus.nextsection,
#subnavigation a:hover.next, #subnavigation a:active.next, #subnavigation a:focus.next {
  background-image: url(../images/next-hover.png);
}

/* Verweis auf RSS/Aktuelles-Datei */
#rssundnews a:link.rss, #rssundnews a:visited.rss, #rssundnews a:hover.rss, #rssundnews a:active.rss, #rssundnews a:focus.rss,
article a.rss {
  background-image: url(../images/rss.png);
}

#rssundnews a:link.fb, #rssundnews a:visited.fb, #rssundnews a:hover.fb, #rssundnews a:active.fb, #rssundnews a:focus.fb {
  background-image: url(../images/facebook.png);
}

#rssundnews a:link.gh, #rssundnews a:visited.gh, #rssundnews a:hover.gh, #rssundnews a:active.gh, #rssundnews a:focus.gh {
  background-image: url(../images/github.png);
}

#catbarrierefrei #services strong {
  background-color: #F8E5E5;
}

#catbarrierefrei #services a:hover,
#catbarrierefrei #services .activesection {
  background-color: #800000;
  color: #F8E5E5;
}

#catgrundlagen #services strong {
  background-color: #F8F8E5;
}

#catgrundlagen #services a:hover,
#catgrundlagen #services .activesection {
  background-color: #404000;
  color: #F8F8E5;
}

#catumsetzung #services strong {
  background-color: #E5F8E5;
}

#catumsetzung #services a:hover,
#catumsetzung #services .activesection {
  background-color: #005D00;
  color: #E5F8E5;
}

#catmarketing #services strong {
  background-color: #E5F8F8;
}

#catmarketing #services a:hover,
#catmarketing #services .activesection {
  background-color: #004F4F;
  color: #E5F8F8;
}

#catsuchdienste #services strong {
  background-color: #E5E5F8;
}

#catsuchdienste #services a:hover,
#catsuchdienste #services .activesection {
  background-color: #000080;
  color: #E5E5F8;
}

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

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

#hilfsverweise ol {
  padding: 0;
}

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

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

#hilfsverweise a:active, #hilfsverweise a:focus {
  background-color: #505050;
  color: #FCFCFC;
  font-weight: bold;
  height: auto;
  left: 0;
  text-align: center;
}

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

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

/* Servicenavigation */
#headerservices {
  background-color: #FFFFFF;
  border-bottom: 1px solid #A0A0A0;
  color: #000000;
  clear: both;
  display: block;
  font-size: .85em;
  padding: .5em 0;
  text-align: right;
  visibility: visible;
  width: 100%;
}

#headerservices ol, #footerservices ol {
  padding: 0;
}

#headerservices li,
#footerservices li {
  border-right: 2px solid #D0D0D0;
  display: inline;
  padding: 0 .2em 0 0;
}

#catbarrierefrei #headerservices li, #catbarrierefrei #footerservices li {
  border-color: #EFBFBF;
}

#catgrundlagen #headerservices li, #catgrundlagen #footerservices li {
  border-color: #EFEFBF;
}

#catumsetzung #headerservices li, #catumsetzung #footerservices li {
  border-color: #BFEFBF;
}

#catmarketing #headerservices li, #catmarketing #footerservices li {
  border-color: #BFEFEF;
}

#catsuchdienste #headerservices li, #catsuchdienste #footerservices li {
  border-color: #BFBFEF;
}

#headerservices li:last-child,
#footerservices li:last-child {
  border-right: 0 none;
}

#headerservices a, #headerservices strong,
#footerservices a, #footerservices strong {
  padding: .2em .5em;
}

#headerservices strong, #footerservices strong {
  background-color: #505050;
  color: #FFFFFF;
}

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

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

#catbarrierefrei #header a:hover, #catbarrierefrei #header a:active, #catbarrierefrei #header a:focus {
  background-color: #800000;
}

#catgrundlagen #header a:hover, #catgrundlagen #header a:active, #catgrundlagen #header a:focus {
  background-color: #404000;
}

#catumsetzung #header a:hover, #catumsetzung #header a:active, #catumsetzung #header a:focus {
  background-color: #005D00;
}

#catmarketing #header a:hover, #catmarketing #header a:active, #catmarketing #header a:focus {
  background-color: #004F4F;
  color: #FFFFFF;
}

#catsuchdienste #header a:hover, #catsuchdienste #header a:active, #catsuchdienste #header a:focus {
  background-color: #000080;
}

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

#titel p {
  background: #FFFFFF url("../images/logo-dibawe.png") no-repeat 0.5em 0;
  color: #505050;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  min-height: 65px;
  padding: 0 0 0 7em;
}

#catservices #titel p {
  background-image: url("../images/logo-dibawe-services.png");
  color: #505050;
}

#catbarrierefrei #titel p {
  background-image: url("../images/logo-dibawe-barrierefrei.png");
  color: #800000;
}

#catgrundlagen #titel p {
  background-image: url("../images/logo-dibawe-grundlagen.png");
  color: #404000;
}

#catumsetzung #titel p {
  background-image: url("../images/logo-dibawe-umsetzung.png");
  color: #005D00;
}

#catmarketing #titel p {
  background-image: url("../images/logo-dibawe-marketing.png");
  color: #004F4F;
}

#catsuchdienste #titel p {
  background-image: url("../images/logo-dibawe-suchdienste.png");
  color: #000080;
}

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

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

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

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

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

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

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

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

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

#primaernavigation ol li {
  display: inline;
  float: left;
  font-size: 1em;
  letter-spacing: .1em;
  text-align: center;
  width: 20%;
}

#primaernavigation a:link,
#primaernavigation a:visited,
#primaernavigation a:hover,
#primaernavigation a:active,
#primaernavigation a:focus,
#primaernavigation strong {
  background: #505050 repeat-x top left;
  border-top: 2px solid #A0A0A0;
  border-bottom: .5em solid #A0A0A0;
  color: #FCFCFC;
  display: block;
  padding: .5em 0;
  text-align: center;
  text-decoration: none;
}

#primaernavigation a:hover,
#primaernavigation a:active,
#primaernavigation a:focus,
#primaernavigation strong {
  background-color: #FFFFFF;
  border-top: 2px solid #505050;
  color: #505050;
  text-decoration: underline;
}

#primaernavigation strong {
  text-decoration: none;
}

#primaernavigation a.navibarrierefrei, #primaernavigation strong.navibarrierefrei {
  border-bottom-color: #C00000;
}

#primaernavigation a.navigrundlagen, #primaernavigation strong.navigrundlagen {
  border-bottom-color: #C0C000;
}

#primaernavigation a.naviumsetzung, #primaernavigation strong.naviumsetzung {
  border-bottom-color: #00C000;
}

#primaernavigation a.navimarketing, #primaernavigation strong.navimarketing {
  border-bottom-color: #00C0C0;
}

#primaernavigation a.navisuchdienste, #primaernavigation strong.navisuchdienste {
  border-bottom-color: #0000C0;
}

/* Hauptnavigation Bereich Barrierefrei */
#catbarrierefrei #primaernavigation a:link,
#catbarrierefrei #primaernavigation a:visited {
  border-top-color: #EFBFBF;
  color: #FCFCFC;
}

#catbarrierefrei #primaernavigation strong.navibarrierefrei,
#catbarrierefrei #primaernavigation a:hover,
#catbarrierefrei #primaernavigation a:active,
#catbarrierefrei #primaernavigation a:focus {
  background-image: url(../images/tab-barrierefrei.png);
  border-top-color: #C00000;
  color: #800000;
}

#catbarrierefrei #primaernavigation li.aktiv a:link,
#catbarrierefrei #primaernavigation li.aktiv a:visited {
  background-image: url(../images/tab-barrierefrei.png);
  color: #800000;
}

#catbarrierefrei #primaernavigation li.aktiv a:hover,
#catbarrierefrei #primaernavigation li.aktiv a:active,
#catbarrierefrei #primaernavigation li.aktiv a:focus {
  border-top-color: #C00000;
}

/* Hauptnavigation Bereich Grundlagen */
#catgrundlagen #primaernavigation a:link,
#catgrundlagen #primaernavigation a:visited {
  border-top-color: #EFEFBF;
  color: #FCFCFC;
}

#catgrundlagen #primaernavigation strong.navigrundlagen,
#catgrundlagen #primaernavigation a:hover,
#catgrundlagen #primaernavigation a:active,
#catgrundlagen #primaernavigation a:focus {
  background-image: url(../images/tab-grundlagen.png);
  border-top-color: #C0C000;
  color: #404000;
}

#catgrundlagen #primaernavigation li.aktiv a:link,
#catgrundlagen #primaernavigation li.aktiv a:visited {
  background-image: url(../images/tab-grundlagen.png);
  color: #404000;
}

#catgrundlagen #primaernavigation li.aktiv a:hover,
#catgrundlagen #primaernavigation li.aktiv a:active,
#catgrundlagen #primaernavigation li.aktiv a:focus {
  border-top-color: #C0C000;
}

/* Hauptnavigation Bereich Umsetzung */
#catumsetzung #primaernavigation a:link,
#catumsetzung #primaernavigation a:visited {
  border-top-color: #BFEFBF;
  color: #FCFCFC;
}

#catumsetzung #primaernavigation strong.naviumsetzung,
#catumsetzung #primaernavigation a:hover,
#catumsetzung #primaernavigation a:active,
#catumsetzung #primaernavigation a:focus {
  background-image: url(../images/tab-umsetzung.png);
  border-top-color: #00C000;
  color: #005D00;
}

#catumsetzung #primaernavigation li.aktiv a:link,
#catumsetzung #primaernavigation li.aktiv a:visited {
  background-image: url(../images/tab-umsetzung.png);
  color: #005D00;
}

#catumsetzung #primaernavigation li.aktiv a:hover,
#catumsetzung #primaernavigation li.aktiv a:active,
#catumsetzung #primaernavigation li.aktiv a:focus {
  border-top-color: #00C000;
}

/* Hauptnavigation Bereich Marketing */
#catmarketing #primaernavigation a:link,
#catmarketing #primaernavigation a:visited {
  border-top-color: #BFEFEF;
  color: #FCFCFC;
}

#catmarketing #primaernavigation strong.navimarketing,
#catmarketing #primaernavigation a:hover,
#catmarketing #primaernavigation a:active,
#catmarketing #primaernavigation a:focus {
  background-image: url(../images/tab-marketing.png);
  border-top-color: #00C0C0;
  color: #004F4F;
}

#catmarketing #primaernavigation li.aktiv a:link,
#catmarketing #primaernavigation li.aktiv a:visited {
  background-image: url(../images/tab-marketing.png);
  color: #004F4F;
}

#catmarketing #primaernavigation li.aktiv a:hover,
#catmarketing #primaernavigation li.aktiv a:active,
#catmarketing #primaernavigation li.aktiv a:focus {
  border-top-color: #00C0C0;
}

/* Hauptnavigation Bereich Suchdienste */
#catsuchdienste #primaernavigation a:link,
#catsuchdienste #primaernavigation a:visited {
  border-top-color: #BFBFEF;
  color: #FCFCFC;
}

#catsuchdienste #primaernavigation strong.navisuchdienste,
#catsuchdienste #primaernavigation a:hover,
#catsuchdienste #primaernavigation a:active,
#catsuchdienste #primaernavigation a:focus {
  background-image: url(../images/tab-suchdienste.png);
  border-top-color: #0000C0;
  color: #000080;
}

#catsuchdienste #primaernavigation li.aktiv a:link,
#catsuchdienste #primaernavigation li.aktiv a:visited {
  background-image: url(../images/tab-suchdienste.png);
  color: #000080;
}

#catsuchdienste #primaernavigation li.aktiv a:hover,
#catsuchdienste #primaernavigation li.aktiv a:active,
#catsuchdienste #primaernavigation li.aktiv a:focus {
  border-top-color: #0000C0;
}

#primaernavigation li.aktiv a:link,
#primaernavigation li.aktiv a:visited {
  background-color: #FFFFFF;
}

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

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

article {
  background-color: #FFFFFF;
  border-right: 1px solid #A0A0A0;
  color: #000000;
  float: left;
  min-height: 75em; /* Referenzseite ist das Impressum */
  width: 69%;
}

#catbsp article {
  float: none;
  width: 100%;
}

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

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

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

#subnavigation {
  background-color: #F5F5F5;
  color: #505050;
  display: inline;
  padding: 1em 0;
  visibility: visible;
  width: 100%;
}

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

#subnavigation ol#articles li {
  border-top: 1px dotted #A0A0A0;
  margin: .5em 0 0 0;
  padding: 1em 0 .5em 0;
}

#subnavigation ol#articles li:first-child {
  border: 0;
  margin-top: 0;
}

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

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

#subnavigation ol#articles li ul li {
  border: 0;
  margin: 0 0 0 1.4em;
  padding: 0;
}

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

#subnavigation ol#articles li ul#activearticles li:first-child {
  padding: 0;
}

#subnavigation ol#articles li ul#activearticles li p {
  background-color: #F5F5F5;
  color: #505050;
  padding: .5em .5em 0 .5em;
}

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

h1 {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 1em 0 0 0;
  padding: .5em 1.5em;
}

article section h1 {
  clear: both;
  float: none;
  margin: 0;
  padding-top: 1em;
  font-size: 1em;
}

article h2, article h3 {
  background-color: #F5F5F5;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #A0A0A0;
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 2em 0 .5em 0;
  padding: .5em 1.7em;
}

article h3 {
  background-color: #FCFCFC;
  font-size: 1em;
  padding: .5em 2em;
}

#catbarrierefrei article h2 {
  background-color: #F8E5E5;
  border-top-color: #EFBFBF;
  border-bottom-color: #C00000;
}

#catbarrierefrei article h3 {
  background-color: #FDF8F8;
  border-color: #F8E5E5;
}

#catgrundlagen article h2 {
  background-color: #F8F8E5;
  border-top-color: #EFEFBF;
  border-bottom-color: #C0C000;
}

#catgrundlagen article h3 {
  background-color: #FDFDF8;
  border-color: #F8F8E5;
}

#catumsetzung article h2 {
  background-color: #E5F8E5;
  border-top-color: #BFEFBF;
  border-bottom-color: #00C000;
}

#catumsetzung article h3 {
  background-color: #F8FDF8;
  border-color: #E5F8E5;
}

#catmarketing article h2 {
  background-color: #E5F8F8;
  border-top-color: #BFEFEF;
  border-bottom-color: #00C0C0;
}

#catmarketing article h3 {
  background-color: #F8FDFD;
  border-color: #E5F8F8;
}

#catsuchdienste article h2 {
  background-color: #E5E5F8;
  border-top-color: #BFBFEF;
  border-bottom-color: #0000C0;
}

#catsuchdienste article h3 {
  background-color: #F8F8FD;
  border-color: #E5E5F8;
}

/* Ueberschrift bei Beispiel-Absatz */
article h3.beispiel,
#catbarrierefrei article h3.beispiel,
#catgrundlagen article h3.beispiel,
#catumsetzung article h3.beispiel,
#catmarketing article h3.beispiel,
#catsuchdienste article h3.beispiel {
  background: #FFFFFF url(../images/tab-services.png) repeat-x top left;
  color: #000000;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom: 0;
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  margin: .5em 2em 0 2em;
  padding: .5em;
}

#catbarrierefrei article h3.beispiel {
  background-image: url(../images/tab-barrierefrei.png);
  border-color: #EFBFBF;
  border-right-color: #C00000;
  padding-bottom: 0;
}

#catgrundlagen article h3.beispiel {
  background-image: url(../images/tab-grundlagen.png);
  border: 1px solid #EFEFBF;
  border-right-color: #C0C000;
  border-bottom: 0;
}

#catumsetzung article h3.beispiel {
  background-image: url(../images/tab-umsetzung.png);
  border-color: #BFEFBF;
  border-right-color: #00C000;
}

#catmarketing article h3.beispiel {
  background-image: url(../images/tab-marketing.png);
  border: 1px solid #BFEFEF;
  border-right-color: #00C0C0;
  border-bottom: 0;
}

#catsuchdienste article h3.beispiel {
  background-image: url(../images/tab-suchdienste.png);
  border: 1px solid #BFBFEF;
  border-right-color: #0000C0;
  border-bottom: 0;
}

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

/* Service-Navigation */
#services {
  background: #F5F5F5 url(../images/logo-itib.png) no-repeat bottom center;
  color: #000000;
  float: right;
  margin: 0;
  padding: 2em 0 6em 0;
  width: 28%; /* max 30% moeglich */
}

/* Container mit News in Sidebar */
#rssundnews {
  background-color: #F5F5F5;
  color: #505050;
  margin: 2em 0;
}

/* Ueberschrift in Unter- und Service-Navigation */
#services h2 {
  background-color: #F5F5F5;
  border: 0;
  color: #505050;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  padding: .5em 0;
}

/* Service-Menue-Punkte */
#services ul {
  color: #505050;
  margin: 0;
  padding: 0;
  list-style: none;
}

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

/* Brotkrumenpfad */
article #pfad {
  background-color: #FFFFFF;
  color: #000000;
  font-size: .85em;
  padding: .5em 2.5em;
}

/* Teaser: Was auf der Seite zu finden ist (Zusammenfassung) */
article #teaser {
  background-color: #F5F5F5;
  border: 0;
  color: #000000;
  margin: 0;
  padding: .5em 2em;
}

/* Teaser: Datum der letzten Dateiaktualisierung */
article #teaser span.dateidatum {
  display: block;
  font-size: .85em;
  padding: .5em 0 0 0;
  text-align: right;
}

/* Teaser: Datum-Formatierung fuer Rahmen und Icon */
article #teaser span.dateidatum strong {
  background: #F5F5F5 url(../images/document.png) no-repeat 0 50%;
  color: #000000;
  font-weight: normal;
  padding: 0 0 0 1.2em;
}

/* Ankuendigung Liste mit Ankern zu Artikelueberschriften */
article p#htoc {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1em;
  margin: 0 2em;
  padding: .5em 0;
}

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

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

/* Druckfunktion mit JavaScript */
article p.druckfunktionjs,
article p.druckfunktionjsalt,
  /* Druckfunktion ohne JavaScript */
article p.druckfunktion,
article p.druckfunktionalt {
  background-color: #FFFFFF;
  color: #000000;
  display: block;
  font-size: 1em;
  margin: 0 .5em;
  padding: 0 1.5em;
  text-align: right;
  visibility: visible;
}

/* Druckfunktion mit JavaScript (kein toc vorhanden) */
article p.druckfunktionjsalt {
  margin: 1em 2em;
  padding: 0;
}

/* Druckfunktion ohne JavaScript */
article p.druckfunktion,
article p.druckfunktionalt {
  font-size: .9em;
  text-align: left;
}

/* Druckfunktion ohne JavaScript (kein toc vorhanden) */
article p.druckfunktionalt {
  margin: 1em 0;
}

#catbarrierefrei article p.druckfunktionalt {
  border-color: #C00000;
}

#catgrundlagen article p.druckfunktionalt {
  border-color: #C0C000;
}

#catumsetzung article p.druckfunktionalt {
  border-color: #00C000;
}

#catmarketing article p.druckfunktionalt {
  border-color: #00C0C0;
}

#catsuchdienste article p.druckfunktionalt {
  border-color: #0000C0;
}

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

article dl,
article dl p,
article dl dt,
article dl dd {
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 0;
}

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

article ol.sitemaplist {
  padding: 0 2em;
}

/* Liste im Inhaltsverzeichnis: Hauptnavigatoren */
article ol.sitemaplist li {
  background-color: #FFFFFF;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom-color: #A0A0A0;
  border-radius: .5em;
  color: #000000;
  font-size: 1em;
  list-style-type: none;
  margin: 1em 0;
  padding: 1em .5em;
}

article ol.sitemaplist li ol li {
  list-style-type: decimal;
}

article ol.sitemaplist li ul li {
  list-style-type: square;
}

article ol.sitemaplist li.sitemapbarrierefrei {
  border-color: #C00000;
}

article ol.sitemaplist li.sitemapgrundlagen {
  border-color: #C0C000;
}

article ol.sitemaplist li.sitemapumsetzung {
  border-color: #00C000;
}

article ol.sitemaplist li.sitemapmarketing {
  border-color: #00C0C0;
}

article ol.sitemaplist li.sitemapsuchdienste {
  border-color: #0000C0;
}

/* Hervorheben der Hauptmenuepunkte in der Sitemapliste */
article ol.sitemaplist > li > a:first-child {
  font-size: 1.6em;
  margin-bottom: 1em;
}

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

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

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

/* Liste im Inhaltsverzeichnis: Verweis auf Artikel ohne Ueberschriften 2. Ebene */
article ol.sitemaplist li ol li.alt {
  background-color: #FFFFFF;
  border: 0;
  color: #000000;
}

/* Inhaltsverzeichnis: Link */
.sitemaplist a:link, .sitemaplist a:visited {
  display: block;
}

/* Inhaltsverzeichnis: Link zu Abschnitten der Hauptnavigtionspunkte */
.sitemaplist a:link.outline, .sitemaplist a:visited.outline {
  display: block;
  margin: 0;
  padding: .5em;
}

.sitemaplist a:hover.outline,
.sitemaplist a:active.outline,
.sitemaplist a:focus.outline {
  background-image: none;
}

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

article ol.sitemaplist li ul li,
article ol.sitemaplist li ol li ul li {
  border: 0;
  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: block;
  visibility: visible;
}

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

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

/* Liste mit Anfangsbuchstaben-Link im Glossar: unbesuchter Verweis */
ul#glossary li a:link,
ul#glossary li a:visited {
  background-color: #F5F5F5;
  border: 1px solid #D0D0D0;
  color: #505050;
  padding: .2em .4em;
}

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

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

/* Artikeluebersicht: Titel */
/* News-Uebersichtsseite: Kopfzelle der Definitionsliste */
section h1,
article dl.uebersicht dt {
  background: #FFFFFF url(../images/tab-services.png) repeat-x top left;
  border-top: 1px solid #D0D0D0;
  clear: left;
  color: #000000;
  padding: 1em 2em .5em 2em;
}

article section h1:first-of-type {
  margin-top: 1em;
}

#homepagebarrierefrei h1,
#catbarrierefrei article section h1 {
  background-image: url(../images/tab-barrierefrei.png);
  border-color: #EFBFBF;
}

#homepagegrundlagen h1,
#catgrundlagen article section h1 {
  background-image: url(../images/tab-grundlagen.png);
  border-color: #EFEFBF;
}

#homepageumsetzung h1,
#catumsetzung article section h1 {
  background-image: url(../images/tab-umsetzung.png);
  border-color: #BFEFBF;
}

#homepagemarketing  h1,
#catmarketing article section h1 {
  background-image: url(../images/tab-marketing.png);
  border-color: #BFEFEF;
}

#homepagesuchdienste h1,
#catsuchdienste article section h1 {
  background-image: url(../images/tab-suchdienste.png);
  border-color: #BFBFEF;
}

/* News-Uebersichtsseite: Datenzelle der Definitionsliste */
article dl.uebersicht dd {
  background-color: #FFFFFF;
  color: #000000;
  min-height: 1em;
  margin: 0;
  padding: 0;
}

/* News-Uebersichtsseite: Datum der Veroeffentlichung */
article dl.uebersicht dd.pubdate {
  display: block;
  float: left;
  width: 30%;
}

/* News-Uebersichtsseite: Absatz um Datum der Veroeffentlichung */
article dl.uebersicht dd.pubdate p {
  color: #A0A0A0;
  font-size: 1.4em;
  font-weight: normal;
  font-style: italic;
  line-height: 1.5em;
  padding: .2em .5em .5em 1.4em;
}

/* News-Uebersichtsseite: Text der Veroeffentlichung */
article dl.uebersicht dd.pubcontent {
  float: left;
  padding-bottom: 1em;
  width: 70%;
}

article dl.uebersicht dd.pubcontent p {
  padding: .5em 2em .5em 0;
}

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

article dl.uebersicht + p {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

/* Suchergebnis-Ausgabe: Erklaerung der Aehnlichkeitssuche */
article p.erklaerung,
article p.html5notice {
  background-color: #F5F5F5;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom-color: #A0A0A0;
  border-radius: 1em;
  color: #000000;
  margin: 0 2em 1em 2em;
  padding: .5em;
}

/* HTML5-Unterschiede */
article p.html5notice {
  background: url(../images/logo-html5.png) 0 10px no-repeat;
  min-height: 3em;
  padding-left: 40px;
}

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

/* Absatz nach Vorschau-Absatz auf Download */
article p.downloadpreview + p {
  clear: both;
  float: none;
  margin-top: 2em;
}

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

/* .grafik = Absatz mit Bild */
/* .grafikok = Absatz mit Bild dessen Breite kleiner als 550px */
article p.grafik,
article p.grafikok {
  background-color: #FFFFFF;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom: 0;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  color: #000000;
  display: block;
  font-size: .85em;
  margin: 0 2.3em;
  overflow: auto;
  padding: 1em .5em;
  text-align: center;
  visibility: visible;
}

#catbarrierefrei article p.grafik,
#catbarrierefrei article p.grafikok {
  border: 1px solid #EFBFBF;
  border-right-color: #C00000;
  border-bottom: 0;
}

#catgrundlagen article p.grafik,
#catgrundlagen article p.grafikok {
  border: 1px solid #EFEFBF;
  border-right-color: #C0C000;
  border-bottom: 0;
}

#catumsetzung article p.grafik,
#catumsetzung article p.grafikok {
  border: 1px solid #BFEFBF;
  border-right-color: #00C000;
  border-bottom: 0;
}

#catmarketing article p.grafik,
#catmarketing article p.grafikok {
  border: 1px solid #BFEFEF;
  border-right-color: #00C0C0;
  border-bottom: 0;
}

#catsuchdienste article p.grafik,
#catsuchdienste article p.grafikok {
  border: 1px solid #BFBFEF;
  border-right-color: #0000C0;
  border-bottom: 0;
}

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

/* Druck: Absatz mit ausschliesslich Bild */
article p.grafikalt {
  display: none;
  visibility: hidden;
}

/* Beispiel-Absatz */
/* Absatz mit Bildbeschreibung (unterhalb des Bildes anordnen) */
p.beispiel,
p.klein {
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  border-left: 1px solid #D0D0D0;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  margin: 0 2em 1.5em 2em;
  padding: .5em;
}

/* Beispiel-Absatz in Beispiel-Seite */
#catbsp p.beispiel {
  border: 1px solid #A0A0A0;
  margin: .5em;
}

/* Absatz mit Bildbeschreibung (unterhalb des Bildes anordnen) */
p.klein {
  background-color: #F5F5F5;
  font-size: .85em;
  margin: 0 2.3em 1.5em 2.3em;
}

#catbarrierefrei p.klein {
  background-color: #F8E5E5;
}

#catgrundlagen p.klein {
  background-color: #F8F8E5;
}

#catumsetzung p.klein {
  background-color: #E5F8E5;
}

#catmarketing p.klein {
  background-color: #E5F8F8;
}

#catsuchdienste p.klein {
  background-color: #E5E5F8;
}

#catbarrierefrei p.beispiel, #catbarrierefrei p.klein {
  border-right-color: #C00000;
  border-bottom-color: #C00000;
  border-left-color: #EFBFBF;
}

#catgrundlagen p.beispiel, #catgrundlagen p.klein {
  border-right-color: #C0C000;
  border-bottom-color: #C0C000;
  border-left-color: #EFEFBF;
}

#catumsetzung p.beispiel, #catumsetzung p.klein {
  border-right-color: #00C000;
  border-bottom-color: #00C000;
  border-left-color: #BFEFBF;
}

#catmarketing p.beispiel, #catmarketing p.klein {
  border-right-color: #00C0C0;
  border-bottom-color: #00C0C0;
  border-left-color: #BFEFEF;
}

#catsuchdienste p.beispiel, #catsuchdienste p.klein {
  border-right-color: #0000C0;
  border-bottom-color: #0000C0;
  border-left-color: #BFBFEF;
}

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

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

/* Pfeil-Verweise zum Seitenanfang */
p.pfeilnavigator {
  border-top: 1px dotted #A0A0A0;
  clear: both;
  margin: 1em .5em;
  padding: 0 1.5em;
  text-align: right;
}

div#literaturverweis {
  margin: 0 2em;
}

#buecher {
  margin-right: .5em
}

/* Buchtipps am Ende der Artikel: Absatz */
article div#literaturverweis h2,
#buecher h2 {
  background: #FFFFFF url(../images/tab-services.png) repeat-x top left;
  border: 1px solid #D0D0D0;
  border-right-color: #A0A0A0;
  border-bottom-style: dotted;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  color: #000000;
  font-size: .85em;
  font-weight: normal;
  line-height: 2em;
  margin: 2em 0 0 0;
  padding: .5em;
}

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

/* Definitionsliste (fuer Buchtipps) */
article div#literaturverweis dl#buchtipps,
#buecher dl {
  background-color: #FFFFFF;
  border-right: 1px solid #A0A0A0;
  border-left: 1px solid #D0D0D0;
  border-bottom: 1px solid #A0A0A0;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  color: #000000;
  font-size: .85em;
  line-height: 1.3em;
  margin: 0 0 1em 0;
  padding-bottom: 1em;
}

/* Definitionsliste (fuer Buchtipps): Kopfzelle (Autor) */
article div#literaturverweis dl#buchtipps dt,
#buecher dt {
  clear: both;
  margin: 0;
  padding: .5em;
}

/* wenn mehr als ein Eintrag, dann nachfolgende durch Linie trennen */
article div#literaturverweis dl#buchtipps dd + dt,
#buecher dd + dt {
  border-top: 1px dotted #A0A0A0;
}

/* Definitionsliste (fuer Buchtipps): Datenzellen */
article div#literaturverweis dl#buchtipps dd,
#buecher dl dd {
  min-height: 70px;
  margin: 0;
  padding: .3em;
}

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

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

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

/* Hinweis auf Fehler */
article p.error {
  background: #FFFFFF url(../images/error.png) no-repeat 0 .15em;
  color: #800000;
  font-weight: bold;
  margin: 1em 2em;
  padding: 0 0 0 1.4em;
}

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

/* Fusszeilen-Container */
#footerservices {
  background-color: #FFFFFF;
  border-top: 1px solid #A0A0A0;
  clear: both;
  color: #000000;
  font-size: .85em;
  margin: 0;
  padding: 1em 0;
  width: 100%;
}

#footerservices h2 {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 .5em;
}

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

/* Fusszeilen-Container */
#footer {
  background-color: #505050;
  clear: both;
  color: #FFFFFF;
  font-size: .85em;
  padding: .5em 0 0 0;
  text-align: center;
  width: 100%;
}

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

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

/* Verweis im Fusszeilen-Container */
#footer a:link,
#footer a:visited {
  background-color: #505050;
  color: #FCFCFC;
  padding: .2em;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
  background-color: #FCFCFC;
  color: #505050;
}

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

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

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

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

#TB_window a {
  text-decoration: underline;
}

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

/* Bildbeschriftung (entspricht Titel des Verweises) */
#TB_caption {
  height: auto;
  padding: 1em;
  font-size: .8em;
  font-weight: bold;
  width: auto;
}

/* Container um Schliessen-Button und Tastenhinweis */
#TB_closeWindow {
  font-size: .8em;
  height: auto;
  padding: 0 1em .5em 0;
  text-align: right;
  width: auto;
}

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