@charset "utf-8";

/*****************************************************************
    Screen-Stylesheet  hkf-gruppe.de
    Nadine Oberstein ::: Web- und Printdesign.
    www.nadine-oberstein.de
*****************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  background: transparent;
}

body {
  font: normal 0.78em arial, helvetica, sans-serif;
  line-height: 150%;
  background: url(../images/css/breadcrumb.png) repeat-x 0 0 #fff;
}
body.systems {
  background-image: url(../images/css/breadcrumb-systems.png);
}

#wrapper {
  width: 960px;
  margin: 0 auto;
}

.todo {
  background-color: #ccff00 !important;
}

/***********************
      Farben
***********************/

.error {
  color: red !important;
}

hr,
#menu a,
#footermenu a,
#footermenu dl,
#skiplinks a:active,
#uebersicht #content a,
#beratergruppe #content h1,
#aktuell-artikel td.highlight,
#aktuell-artikel th,
#content #search input[id="ajaxSearch_input"],
a:focus,
a:hover,
a:active,
#footer a:focus,
#footer a:hover,
#footer a:active,
#breadcrumb a:focus,
#breadcrumb a:hover,
#breadcrumb a:active,
.personen dt a:focus,
.personen dt a:hover,
.personen dt a:active,
#aktuell_teaser a:focus,
#aktuell_teaser a:hover,
#aktuell_teaser a:active,
#kontakt #content #userdata input:focus,
#kontakt #content #userdata input:hover,
#kontakt #content #userdata input:active,
.personpopup form #userdata input:focus,
.personpopup form #userdata input:hover,
.personpopup form #userdata input:active,
.personpopup form textarea:focus,
.personpopup form textarea:hover,
.personpopup form textarea:active,
#kontakt #content #data input:focus,
#kontakt #content #data input:hover,
#kontakt #content #data input:active,
#kontakt #content textarea:focus,
#kontakt #content textarea:hover,
#kontakt #content textarea:active,
#formulare #content ul li a:focus span,
#formulare #content ul li a:hover span,
#formulare #content ul li a:active span,
#hkf-aktuell #marginal .teaser a:focus,
#hkf-aktuell #marginal .teaser a:hover,
#hkf-aktuell #marginal .teaser a:active,
#search input[id="ajaxSearch_input"]:focus,
#search input[id="ajaxSearch_input"]:hover,
#search input[id="ajaxSearch_input"]:active,
#breadcrumb ul li:first-child li a:focus:before,
#breadcrumb ul li:first-child li a:hover:before,
#breadcrumb ul li:first-child li a:active:before,
#hkf-systems-gmbh #downloads fieldset input:focus,
#hkf-systems-gmbh #downloads fieldset input:hover,
#hkf-systems-gmbh #downloads fieldset input:active {
  color: #fff;
}

#sm_systems a:focus,
#sm_systems a:hover,
#sm_systems a:active,
#leistungen .highlight h2 {
  color: #fff !important;
}

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active,
#menu a:focus,
#menu a:hover,
#menu a:active,
#menu > li.active > a,
#menu li.active li a,
#footermenu a:focus,
#footermenu a:hover,
#footermenu a:active,
#uebersicht #content ul ul a,
#uebersicht #content ul#meta a,
#aktuell-artikel h1,
#impressum .unternehmen h3,
.personpopup h1,
#content h2,
#orttabs li,
#standortliste.unternehmen dd a:before,
#fancypopup form h2,
.ajaxSearch_highlight,
#rechtsberatung .additionalinfo dt {
  color: #003978;
}

.systems a,
.systems a:link,
.systems a:visited,
.systems a:focus,
.systems a:hover,
.systems a:active,
.systems #menu a:focus,
.systems #menu a:hover,
.systems #menu a:active,
.systems #menu > li.active > a,
.systems #menu li.active li a,
.systems #footermenu a:focus,
.systems #footermenu a:hover,
.systems #footermenu a:active,
.systems .personpopup h1,
.systems #content h2,
.systems #orttabs li,
.systems #fancypopup form h2,
#uebersicht #content ul#sm_systems ul a,
#bonn-zweigstelle-beuel #systemsinfo h2,
#bonn-zweigstelle-beuel #systemsinfo h4,
#bonn-zweigstelle-beuel #systemsinfo a {
  color: #c10525;
}

.color {
  color: #003978 !important;
}

.systems .color {
  color: #c10525 !important;
}

#impressum .unternehmen h3 span,
#aktuell-artikel cite,
#metamenu li:before,
#search input[id="ajaxSearch_input"],
#formulare #content ul li a span,
#formulare #content h2 span,
#footer,
#suche .auszug {
  color: #888;
}

#breadcrumb,
#content h3,
.berater,
.personpopup h1 span,
.personpopup form label input,
.light,
.light a {
  color: #666;
}

legend,
#footer a,
#breadcrumb a,
#content .highlight h3,
#content .highlight h4,
#content .berater h2,
#aktuell_teaser a,
#aktuell_teaser h4,
#ortsitz h2,
#aktuell-artikel p.lead  {
  color: #555;
}

body,
#hkf-aktuell #marginal .teaser a,
.personen dt a,
.personen dt a:before,
#content .highlight h2,
#aktuell-artikel h3,
.personpopup form #userdata legend strong {
  color: #333;
}

/***********************
      Rahmen
***********************/

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
  border-bottom: 1px solid #7f9bbb;
}

#fancybox-outer {
  border: 1px solid #003978;
}

.systems #fancybox-outer,
#leistungen .highlight {
  border: 1px solid #c10525;
}

.personpopup form #userdata input,
.personpopup form textarea {
  border: 1px solid #646464;
}

#kontakt #content #userdata input,
#kontakt #content #data input,
#kontakt #content textarea,
#hkf-systems-gmbh #downloads fieldset input {
  border: 1px solid #d2d2d2;
}

#standortliste > dl {
  border-left: 1px solid #bfbfbf;
}

.personpopup form fieldset {
  border: 1px solid transparent;
}

#menu > li.active > a { /* Farbe identisch mit Hintergrund */
  border-bottom: 1px solid #a3b7ce;
}
.systems #menu > li.active > a { /* Farbe identisch mit Hintergrund */
  border-bottom: 1px solid #b8b8b8;
}

#menu li,
#aktuell-artikel td {
  border-right: 1px solid #fff;
}

#menu li ul {
  border-top: 1px solid #fff;
}

#aktuell-artikel td {
  border-bottom: 1px solid #fff;
}

#uebersicht #content ul#meta li { /** Sitemap Metaliste **/
  border-bottom: 0.6em solid #fff;
}

#person form input.error,
#person form textarea.error,
#fancyperson form input.error,      /** Workaround für Fancybox-Popup **/
#fancyperson form textarea.error {  /** Workaround für Fancybox-Popup **/
  border: 1px solid red !important;
}

/* dotted */

#suche .trefferpaging,
#aktuell-artikel cite,
p#artikelscroll {
  border-top: 1px dotted #d2d2d2;
}

#suche .trefferpaging,
#suche .treffer {
  border-bottom: 1px dotted #d2d2d2;
}

a:focus {
  outline: 1px dotted #000;
}

/* none + radius */

hr,
a.img,
a[href$="feed/"],
#suche div.treffer h2 a,
#hkf-aktuell h2 a,
div.treffer h2 a,
.personen dt a,
#standortliste.unternehmen dd a,
#search input[id="ajaxSearch_input"],
#menu li.active li a:focus,
#menu li.active li a:hover,
#breadcrumb a,
#metamenu a,
#menu a,
#footermenu a,
#footer a,
#aktuell_wrapper a,
#beratergruppe ul.submenu a,
#uebersicht a,
#aktuell-artikel .highlight a,
#hkf-aktuell #marginal .teaser a,
#formulare #content ul li a,
#fancybox-close,
.systems a,
.systems a:link,
.systems a:visited,
.systems a:focus,
.systems a:hover,
.systems a:active,
#bonn-zweigstelle-beuel #systemsinfo a {
  border: none;
}

#standortliste > dl:first-child {
  border-left: none !important;
}

a:focus,
a:hover,
a:active,
#footer a:focus,
#footer a:hover,
#footer a:active,
#aktuell_teaser a:focus,
#aktuell_teaser a:hover,
#aktuell_teaser a:active {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#menu a:focus,
#menu a:hover,
#menu a:active,
#uebersicht #content a:focus,
#uebersicht #content a:hover,
#uebersicht #content a:active {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#home img#logomain {
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);
  box-shadow: 0 2px 2px rgba(0,0,0,.3);
}

#menu,
#menu ul {
  text-shadow: 0 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

/***********************
      Hintergründe
***********************/

div.links   .personen dl  {background: url(../images/css/personentrenner.png) repeat-y top right transparent;}
div.rechts  .personen dl  {background: url(../images/css/personentrenner.png) repeat-y top left transparent;}

.personpopup form           {background: url(../images/css/popupbg.png) repeat-x bottom left transparent;}
.systems .personpopup form  {background-image: url(../images/css/popupbg-systems.png);}

#fancypopup.personpopup,
div.blank {
  background-color: #fff;
}

/* hell */
#menu,
#menu li ul,
#search input[id="ajaxSearch_input"],
#footermenu a:focus,
#footermenu a:hover,
#footermenu a:active,
#menu ul li a,
#menu a:focus,
#menu a:hover,
#menu a:active,
#menu > li.active > a,
#menu li.active li.active a,
#ortsitz,
#orttabs li,
#beratergruppe ul.submenu li,
#uebersicht #content ul li li li,
#aktuell_teaser,
.highlight,
.berater {
  background-color: #e8e9f3;
}

/* hell Systems */
.systems #menu,
.systems #menu li ul,
.systems #search input[id="ajaxSearch_input"],
.systems #footermenu a:focus,
.systems #footermenu a:hover,
.systems #footermenu a:active,
.systems #menu ul li a,
.systems #menu a:focus,
.systems #menu a:hover,
.systems #menu a:active,
.systems #menu > li.active > a,
.systems #menu li.active li.active a,
.systems #ortsitz,
.systems #orttabs li,
.systems .highlight,
.systems .berater,
#systemsinfo {
  background-color: #f2f2f2;
}

/* mittel */
#orttabs li.active,
#uebersicht #content ul li li {
  background-color: #bdcadc;
}

/* mittel Systems*/
.systems #orttabs li.active,
.systems #uebersicht #content ul li li {
  background-color: #dbdbdb;
}

/* halbdunkel */
a:focus,
a:hover,
a:active,
#footer a:focus,
#footer a:hover,
#footer a:active,
#search input[id="ajaxSearch_input"]:focus,
#search input[id="ajaxSearch_input"]:hover,
#search input[id="ajaxSearch_input"]:active,
#aktuell-artikel td.highlight,
#aktuell-artikel th,
#content #search input[id="ajaxSearch_input"],
#kontakt #content #userdata input:focus,
#kontakt #content #userdata input:hover,
#kontakt #content #userdata input:active,
#kontakt #content #data input:focus,
#kontakt #content #data input:hover,
#kontakt #content #data input:active,
.personpopup form #userdata input:focus,
.personpopup form #userdata input:hover,
.personpopup form #userdata input:active,
.personpopup form textarea:focus,
.personpopup form textarea:hover,
.personpopup form textarea:active,
#kontakt #content textarea:focus,
#kontakt #content textarea:hover,
#kontakt #content textarea:active {
  background-color: #7f9bbb;
}

/* halbdunkel Systems */
.systems a:focus,
.systems a:hover,
.systems a:active,
.systems #footer a:focus,
.systems #footer a:hover,
.systems #footer a:active,
.systems #search input[id="ajaxSearch_input"]:focus,
.systems #search input[id="ajaxSearch_input"]:hover,
.systems #search input[id="ajaxSearch_input"]:active,
.systems .personpopup form #userdata input:focus,
.systems .personpopup form #userdata input:hover,
.systems .personpopup form #userdata input:active,
.systems .personpopup form textarea:focus,
.systems .personpopup form textarea:hover,
.systems .personpopup form textarea:active,
#bonn-zweigstelle-beuel #systemsinfo a:focus,
#bonn-zweigstelle-beuel #systemsinfo a:hover,
#bonn-zweigstelle-beuel #systemsinfo a:active {
  background-color: #bababa;
}

/* dunkel */
a:active {
  background-color: #4c73a0 !important;
}

/* dunkel systems */
.systems a:active {
  background-color: #a1a1a1 !important;
}

/* Verlauf halbdunkel */
#menu a:active {
  background-color: #4c73a0;
  background: -webkit-gradient(linear, left top, left bottom, from(#a3b7ce), to(#4c73a0)) !important;
  background: -moz-linear-gradient(top, #a3b7ce, #4c73a0) !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b7ce', endColorstr='#4c73a0') !important;
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3b7ce', endColorstr='#4c73a0') !important;
}

/* Verlauf halbdunkel Systems */
.systems #menu a:active {
  background-color: #a1a1a1;
  background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#a1a1a1)) !important;
  background: -moz-linear-gradient(top, #cfcfcf, #a1a1a1) !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#a1a1a1') !important;
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#a1a1a1') !important;
}

/* Verlauf dunkel */
#menu,
#menu li,
#footermenu {
  background: -webkit-gradient(linear, left top, left bottom, from(#1a4c86), to(#00326c));
  background: -moz-linear-gradient(top, #1a4c86, #00326c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4c86', endColorstr='#00326c');
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4c86', endColorstr='#00326c');
}

/* Verlauf dunkel Systems */
.systems #menu,
.systems #menu li,
.systems #footermenu {
  background: -webkit-gradient(linear, left top, left bottom, from(#c00525), to(#a3041f));
  background: -moz-linear-gradient(top, #c00525, #a3041f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c00525', endColorstr='#a3041f');
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c00525', endColorstr='#a3041f');
}

/* Verlauf hell */
#menu a:focus,
#menu a:hover,
#menu a:active,
#menu > li.active > a,
#menu li.active li.active a {
  background: -webkit-gradient(linear, left top, left bottom, from(#e8e9f3), to(#a3b7ce));
  background: -moz-linear-gradient(top, #e8e9f3, #a3b7ce);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9f3', endColorstr='#a3b7ce');
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9f3', endColorstr='#a3b7ce');
}

/* Verlauf hell Systems */
.systems #menu a:focus,
.systems #menu a:hover,
.systems #menu a:active,
.systems #menu > li.active > a,
.systems #menu li.active li.active a {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cfcfcf));
  background: -moz-linear-gradient(top, #e5e5e5, #bfbfbf);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cfcfcf');
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cfcfcf');
}

/* Vollton */
#menu,
#menu li,
#footermenu,
#uebersicht #content ul li,
#beratergruppe #content h1,
#content #search input[id="ajaxSearch_input"]:focus,
#nicht-gefunden #content #search input[id="ajaxSearch_input"]:hover,
#nicht-gefunden #content #search input[id="ajaxSearch_input"]:active,
#beratergruppe #content h1 span {
  background-color: #003978;
}

/* Vollton Systems */
.systems #footermenu,
.systems #menu,
.systems #menu li,
.systems #footermenu,
#leistungen .highlight h2,
#hkf-systems-gmbh #downloads fieldset input:focus,
#hkf-systems-gmbh #downloads fieldset input:hover,
#hkf-systems-gmbh #downloads fieldset input:active {
  background-color: #c10525;
}

/** Grautöne **/

#kontakt #content #userdata input,
#kontakt #content #data input,
#kontakt #content textarea {
  background-color: #f9f9f9;
}

#aktuell-artikel td, #systems .berater,
#uebersicht #content ul#meta li,
blockquote {
  background-color: #ededed;
}

/*** Sonderfarben ***/

.ajaxSearch_highlight { /* gelb für Excerpt */
  background-color: #fff59b;
}

/*** Systems ***/

#sm_systems li {
  background-color: #c10525 !important;
}

#sm_systems li li {
  background-color: #ededed !important;
}

#sm_systems a:focus,
#sm_systems a:hover,
#sm_systems a:active {
  background-color: #da697c;
}

#sm_systems a:active {
  background-color: #cd3751 !important;
}

/***********************
      Typo
***********************/

legend,
#content h1,
#content h2,
#content h3,
#orte h3 span,
#footermenu dt,
#standortliste > dl > dt,
div.submenu h3,
.personen dt,
#fancypopup h1,
#fancypopup form h2,
.personpopup form #userdata legend strong {
  text-transform: uppercase;
}

#orte h3,
#impressum .unternehmen h3 span,
.berater div.notes h2 span,
.personpopup form #userdata legend,
#formulare #content h2 span,
#rechtsberatung .additionalinfo dt,
#aktuell-artikel h3 .light {
  text-transform: none;
}

.personpopup h1 span {
  letter-spacing: 0.1em;
}

legend,
#content h2,
#content h3,
#content h4,
#orte h3 span,
#standortliste > dl > dt,
#orttabs li.active,
#ortdata address,
#aktuell-artikel td.highlight,
#aktuell_teaser h4,
#footermenu dt, strong,
#menu > li.active > a,
#skiplinks a:focus,
#skiplinks a:active,
#fancypopup form h2,
label.error,
.personen dt,
.personpopup dl.standort dt,
.personpopup form #userdata legend strong,
blockquote:before {
  font-weight: bold;
}

em,
.lead,
#suche .auszug,
#impressum .unternehmen p,
#impressum .unternehmen p,
#uebersicht #content ul#meta li {
  font-style: italic;
}

th,
td,
caption,
#orte h3,
#impressum .unternehmen h3 span,
.berater div.notes h2 span,
.berater dt span,
.personpopup form #userdata legend,
#formulare #content h2 span {
  font-weight: normal !important;
}

thead td,
th {
  font-weight: bold !important;
}

.personpopup h1 span {
  font-size: 60%;
}

.submenu a:before,
#orte,
#newsticker li,
#impressum .unternehmen,
#footermenu,
#aktuell_wrapper,
#breadcrumb,
#footer,
#skiplinks a,
#skiplinks a:link,
#skiplinks a:visited,
#skiplinks a:focus,
#skiplinks a:hover,
#skiplinks a:active {
  font-size: 90%;
}

.berater,
.berater dd,
.berater dt span,
.personpopup form label input,
#rechtsberatung .additionalinfo dt {
  font-size: 95%;
}

#content h3,
legend,
#breadcrumb ul li:first-child li a:before,
.highlight h2,
#ortsitz h2 {
  font-size: 100% !important;
}

#menu {
  font-size: 105%;
}

#content h2,
.personpopup ul.status,
.lead,
#fancypopup form h2,
#aktuell-artikel .large {
  font-size: 110%;
}

#orte h3 {
  font-size: 110% !important;
}

a:before {
  font-size: 120%;
}

a[href^="http"]:before {
  font-size: 130% !important;
}

.personpopup h1,
blockquote:before {
  font-size: 180%;
}

#footer {
  text-align: center;
}

#breadcrumb,
#metamenu,
#search,
#skiplinks,
#kontakt #content #action,
#hkf-aktuell .col_2,
#aktuell_wrapper > p,
#aktuell-artikel td.right,
#aktuell-artikel cite,
.personpopup form fieldset,
.personpopup form #userdata legend,
.personpopup form label input,
#suche .trefferpaging,
#kontakt #content label,
p#artikelscroll,
.textright {
  text-align: right;
}

caption,
th,
td,
#content #search,
#hkf-aktuell .col_2 .highlight {
  text-align: left;
}

#standortliste > dl > dt,
.personpopup dl.standort {
  line-height: 100%;
}

.berater dt,
#beratergruppe #content h1,
#aktuell-artikel h1,
.berater dd {
  line-height: 120%;
}

.berater dt span,
#aktuell_wrapper,
#impressum .unternehmen h4 {
  line-height: 135%;
}

#footermenu,
#orte,
.lead  {
  line-height: 140%;
}

#formulare #content ul li {
  line-height: 180%;
}

.personpopup form fieldset {
  line-height: 220%;
}

#footermenu dl#unternehmen,
#ortdata address,
#ortdata dl dd,
#hkf-aktuell .col_3 p a,
#formulare #content h2 span {
  white-space: nowrap;
}

/***********************
Display/Float/Overflow/Position
***********************/

#skiplinks a,
#skiplinks a:link,
#skiplinks a:visited,
#skiplinks a:focus,
#skiplinks a:hover,
#skiplinks a:active,
#menu a,
#impressum .unternehmen h3 span,
#standortliste.unternehmen dd a:before,
#standortliste.unternehmen dd a,
#aktuell-artikel cite,
#uebersicht #content a,
#hkf-aktuell #marginal .teaser a,
#aktuell_teaser a,
#content h1 span,
#aktuell_wrapper h3 span,
h2.graphic span,
.personen dt a,
.personpopup h1 span,
.personpopup h2 span,
.berater dt span {
  display: block;
}

#orttabs li,
.personpopup dl.standort * {
  display: inline-block;
}

#metamenu li,
#breadcrumb p,
#breadcrumb ul,
#breadcrumb li,
#breadcrumb li ul {
  display: inline;
}

.personpopup dl.status dt,
.personpopup form label span,
.personpopup form #messagedata label {
  display: none;
}

/* float */

#menu li,
#footermenu dl,
#ortdata dl dt,
#aktuell_teaser div,
#kontakt #content label,
#uebersicht #content .col_4plus ul,
#impressum .unternehmen dl.telefon dt,
div.rechts div.notes, /* Beratertext rechts */
.berater dl,
#standortliste > dl,
#standortliste dl dl dt,
#standortliste.unternehmen dd a:before,
#fancypopup form #userdata,
#fancypopup form #messagedata,
.personpopup dl.telefon dt,
.personpopup dl.standort dt,
.col_5,
.col_4,
.col_3,
.col_2,
.col_1,
.col,
.col_4plus,
.col_3plus,
.col_2plus,
.col_1plus,
.floatleft {
  float: left;
}

div.links div.notes, /* Beratertext links */
#content #search,
.personpopup .data,
#aktuell-artikel #artikeldata,
#metamenu,
#search,
.floatright,
/* Überschriften */
#bonn-zweigstelle-beuel #content h1,
#bonn #content h1,
#bonn-zweigstelle-oberkassel #content h1,
#sankt-augustin #content h1,
#nauen-bei-berlin #content h1,
#duesseldorf #content h1,
#koeln #content h1,
#koeln-inso #content h1,
#essen #content h1,
#hergenroether-kurka-sozien #content h1,
#stoll-frystatzki-sozien #content h1,
#hergenroether-kurka-steuerberatungsgesellschaft #content h1,
#wirtschaftspruefungsgesellschaft #content h1,
#systems #content h1,
#kontakt #content h1,
#hkf #content h1,
#steuerberatung #content h1 {
  float: right;
}

#kontakt p.col_2plus,
.personpopup h1 {
  float: none;
}

.clearer {
  clear: both;
}

#ortdata dl dt,
#kontakt #content fieldset br,
#impressum .unternehmen,
#impressum .unternehmen address,
#impressum .unternehmen dl.telefon dt
#standortliste dl dl dt,
#standortliste dl dl:after,
.personpopup dl.telefon {
  clear: left;
}

/* overflow */

#footermenu dl#unternehmen,
.berater dt,
.berater dd,
#ortdata address,
#ortdata dl dd {
  overflow: visible;
}

#teaserlist {
  overflow-y: scroll;
}

h2.graphic,
#orttabs #ortpics,
#content h1,
#aktuell_wrapper h3,
#outerscroller,
#fancypopup form #messagedata,
.personpopup h2,
.personpopup form {
  overflow: hidden;
}

#innerscroller #teaserlist {
  overflow-y: hidden;
}

/* Position */

#main,
#header,
#menu,
#nicht-gefunden #content #search legend,
.personpopup form #userdata legend,
#fancypopup .data h1,
/* Überschriften Bildersetzung */
#content h1,
#aktuell_wrapper h3,
h2.graphic,
.personpopup h2,
#outerscroller {
  position: relative;
}

#home,
#menu li ul,
.personen dt a:before,
#wrapper > h1,
#header h1,
#header h2,
#header h3,
legend,
#skiplinks a,
#skiplinks a:link,
#skiplinks a:visited,
#skiplinks a:focus,
#skiplinks a:hover,
#skiplinks a:active,
/* Überschriften Bildersetzung */
#content h1 span,
#aktuell_wrapper h3 span,
h2.graphic span,
.personpopup h2 span,
#innerscroller,
#fancypopup.personpopup,
#fancypopup .data h1 span,
#fancypopup .personpopup form {
  position: absolute;
}

#wrapper > h1,
#header h1,
#header h2,
#header h3,
legend,
#skiplinks a,
#skiplinks a:link,
#skiplinks a:visited,
#skiplinks a:focus,
#skiplinks a:hover,
#skiplinks a:active {
  top: -200em;
  left: 0;
}

#skiplinks a:focus,
#skiplinks a:active {
  top: -24px;
  left: 0px;
}

#home {
  top: 30px;
  left: -2px;
}

#menu li ul {
  top: 2.06em;
  left: 0;
}

#fancypopup .personpopup form {
  bottom: -10px;
  left: 0;
}

#innerscroller,
#fancypopup.personpopup,
#fancypopup .data h1 span,
/* Überschriften Bildersetzung */
#content h1 span,
#aktuell_wrapper h3 span,
h2.graphic span,
.personpopup h2 span {
  top: 0;
  left: 0;
}

/***********************
     Listen
***********************/

#content ul {
  list-style: disc;
}

ol,
ul,
#ortsitz ul,
#orttabs li,
#skiplinks,
#uebersicht #content ul li,
#formulare #content ul li,
.personpopup ul.status li,
#newsticker li {
  list-style: none;
}

div.submenu ul,
ul.submenu {
  list-style: none !important;
}

/***********************
  Links
***********************/

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
  padding: 0.05em 0.2em 0 0.2em;
  text-decoration: none;
}

#breadcrumb a {
  padding: 0.08em;
}

#menu a {
  padding: 0.25em 1em;
}

.personen dt a {
  margin-left: 1.3em;
}

.personen dt a:before {
  margin-left: -1.3em;
}

#uebersicht #content a {
  padding: 0.1em 0.5em;
}

#formulare #content ul li a,
blockquote {
  padding: 0.3em 0.5em;
}

/***********************
  Icons
***********************/

q:lang(de) {
 quotes: "„" "“" "‚" "‘";
}

a:before                            {content: "→ ";}
a[href^="http"]:before              {content: "↗ " !important;}
.personpopup dl.standort dd:after   {content: " | ";}
#metamenu li:before                 {content: "| ";}
blockquote:before                   {content: "“";}

a:before,
a[href^="http"]:before,
#metamenu li:before                 {white-space: nowrap;}

#breadcrumb a:before,
#metamenu a:before,
#menu a:before,
#footermenu a:before,
#footer a:before,
#ortdata a[href^="mailto"]:before,
#hkf-aktuell #content #marginal a:before,
#suche .trefferpaging a:before,
#metamenu li:first-child:before,
a.img:before,
a[href$="feed/"]:before,
a[href*=".pdf"]:before,
a[href*=".doc"]:before,
#suche div.treffer h2 a:before,
#hkf-aktuell h2 a:before,
.personpopup dl.standort a:before             {content: "" !important;}

.personpopup dl.standort dd:last-child:after  {content: "" !important;}

a[href*="feed"]         {background: url(../images/css/rss.png) no-repeat 2px 1px transparent;}
a[href*=".pdf"]:before  {background: url(../images/css/pdf.gif) no-repeat 2px 1px transparent;}
a[href*=".doc"]:before  {background: url(../images/css/word.gif) no-repeat 2px 1px transparent;}

/* Abstände */

a[href*=".pdf"]:before,
a[href*=".doc"]:before  {padding-left: 22px;}

a[href*="feed"]         {padding-left: 18px;}


/***********************
  Cursor
***********************/

/*** Breadcrumb ***/

#breadcrumb a.B_currentCrumb {
  pointer-events: none;
  cursor: default;
}

/*** Foto/Anfahrt ***/

#orttabs #foto,
#orttabs #anfahrt {
  cursor: pointer;
}

#orttabs #foto.active,
#orttabs #anfahrt.active {
  cursor: default;
}

/*** Artikelteasersrcoll ***/

#goback,
#goforward {
  cursor: pointer;
}

/***********************
      Layout
***********************/

.cols2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

.cols3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

.cols4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}

.cols5 {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
}

#menu a,
/* Überschriften Bildersetzung */
#content h1 span,
#aktuell_wrapper h3 span,
h2.graphic span,
.personpopup h2 span {
  width: 100%;
  height: 100%;
}

#innerscroller #teaserlist {
  height: 100% !important;
}

#metamenu,
#search,
#menu,
#menu li ul,
.col_2 h2.graphic,
.personpopup h2,
.personpopup form #userdata legend,
#uebersicht #content .col_4plus ul ul,
#aktuell-artikel table {
  width: 100%;
}

#menu a:focus,
#menu a:hover,
#menu a:active,
#menu > li.active > a,
#menu li.active li.active a {
  width: inherit !important;
}

.col_5      {width: 870px;}
.col_4      {width: 688px;}
.col_4plus  {width: 728px;}
.col_3      {width: 506px;}
.col_3plus  {width: 546px;}
.col_2      {width: 324px;}
.col_2plus  {width: 364px;}
.col_1      {width: 142px;}
.col_1plus  {width: 182px;}

#bonn #content h1,
#bonn-zweigstelle-beuel #content h1,
#bonn-zweigstelle-oberkassel #content h1,
#sankt-augustin #content h1,
#nauen-bei-berlin #content h1,
#duesseldorf #content h1,
#koeln #content h1,
#koeln-inso #content h1,
#essen #content h1,
#hergenroether-kurka-sozien #content h1,
#stoll-frystatzki-sozien #content h1,
#hergenroether-kurka-steuerberatungsgesellschaft #content h1,
#wirtschaftspruefungsgesellschaft #content h1,
#systems #content h1,
#kontakt #content h1,
#hkf #content h1,
#hkf-systems-gmbh #content h1 {
  width: 524px;
}

#skiplinks a:focus,
#skiplinks a:active {
  width: 910px;
}

#aktuell_wrapper h3,
#steuerberatung #content h1 {
  width: 347px;
}

.col_2 h2.graphic {
  height: 20px;
}

#aktuell_wrapper h3 {
  height: 18px;
  margin: 0 !important;
}

#sankt-augustin #content h1,
#duesseldorf #content h1,
#essen #content h1,
#koeln #content h1,
#koeln-inso #content h1,
#kontakt #content h1,
#impressum #content h1,
#wirtschaftspruefung #content h1,
#rechtsberatung #content h1,
#suche #content h1,
#nicht-gefunden #content h1,
#hkf-aktuell #content h1,
#insolvenzverwaltung #content h1,
#insolvenz-und-sanierung #content h1,
#formulare #content h1,
#schwerpunkte #content h1,
#leistungsspektrum #content h1,
#asp #content h1,
#software #content h1,
#leistungen #content h1,
#sicherheit #content h1 {
 height: 24px;
}

#content h1 {
  height: 40px;
}

/***********************
      Abstände
***********************/

.floatleft {
  margin: 5px 25px 25px 0;
}

.floatright {
  margin: 5px 25px 0 25px;
}

#uebersicht #content ul li,
.personpopup ul.status li {
  padding: 0;
  margin: 0;
}

#uebersicht #content .col_4plus ul ul  {
  margin: 0;
}

#orttabs ul {
  margin: 0 !important;
}

div.submenu ul li,
ul.submenu li,
#ortsitz li,
#ortsitz ul,
.personpopup h1,
.personpopup ul.status li,
div.nogapleft,
#newsticker li {
  margin-left: 0 !important;
}

#skiplinks a:focus,
#skiplinks a:active,
.col_5,
.col_4,
.col_3,
.col_2,
.col_1,
#aktuell_teaser div {
  margin: 0 20px;
}

#content {
  margin: 90px 0 30px 0;
}

div.mainfeature,
#suche .treffer {
  margin: 50px 0;
}

#berater h2.highlight {
  margin: 30px 0;
}

#hkf-systems-gmbh #content div.highlight {
  margin-top: -1em;
}

#bonn-zweigstelle-beuel #content h1,
#bonn #content h1,
#bonn-zweigstelle-oberkassel #content h1,
#sankt-augustin #content h1,
#nauen-bei-berlin #content h1,
#duesseldorf #content h1,
#koeln #content h1,
#koeln-inso #content h1,
#essen #content h1 {
  margin-top: 20px;
}

.col_2 h2.graphic {
  margin-top: 4px;
}

#content p+h2,
#content ul+h2,
#content dl+h2,
#impressum .unternehmen,
#impressum .unternehmen address,
#impressum #content h1.webdesign,
p#artikelscroll,
.personpopup dl.standort {
  margin-top: 2em;
}

#aktuell-artikel cite,
#aktuell-artikel h3 {
  margin-top: 3em;
}

#content p,
#content blockquote,
#content ul,
#content h2,
#content h3,
#content h4,
#aktuell-artikel table,
div.submenu h3,
.highlight,
#zertifikate a {
  margin-bottom: 1em;
}

#insolvenz-und-sanierung #content .berater dl {
  margin-bottom: 1em !important;
}

#ortsitz h2,
#ortdata address,
#ortdata dl,
#hkf-aktuell h2,
#aktuell_teaser h4,
#standortliste dl address,
#standortliste dl dl,
#metamenu,
#search,
#content dl,
#content address,
.personpopup dl.standort {
  margin-bottom: 0.5em;
}

.personpopup dl.standort *,
#hkf-aktuell #marginal h2,
#aktuell-artikel #artikeldata h2 {
  margin-bottom: 0.2em;
}

.highlight ul.submenu {
  margin-bottom: 0.3em !important;
}

#content h1,
.berater dl,
#insolvenz-und-sanierung .berater h2 {
  margin-bottom: 30px !important;
}

.personpopup h1,
.personpopup {
  padding: 0;
}

.highlight {
  padding: 1em;
}

.personpopup dl.standort dt {
 padding-bottom: 1em;
}

#main {
  padding: 0 25px 100px 25px;
}

div.col_5,
div.col_4,
div.col_3,
div.col_2,
div.col_1,
div.col,
div.col_4plus,
div.col_3plus,
div.col_2plus,
div.col_1plus {
  padding-bottom: 2em;
}

/***********************
      Navigationen
***********************/

#skiplinks a:focus,
#skiplinks a:active {
  padding: 0.25em 5px;
}

#breadcrumb {
  padding: 0.3em 25px;
}

#header {
  margin-top: 25px;
  padding-top: 30px;
}

#header hr.clearer {
  margin-bottom: 50px;
}

#search input[id="ajaxSearch_input"] {
  width: 150px;
  padding: 0.2em 0.5em;
}

#menu {
  height: 2.06em;
  margin-top: 140px;
}

#footermenu {
  margin: 25px 0 15px 0;
}

#footermenu dl {
  width: 142px;
  margin: 15px 20px;
}

#footermenu dt {
  margin: 0 0 0.5em -10px;
}

#footermenu dl#unternehmen {
  width: 322px;
}

/***********************
     Content
***********************/

#content li {
  margin-left: 1.2em;
}

#content #search input[id="ajaxSearch_input"] {
  width: 210px;
}

#outerscroller, #teaserlist {
  height: 88.5em;
}

#formulare #content ul li {
  margin-left: 0;
}

#aktuell-artikel h1 {
  height: auto !important;
}

/***********************
  Seitenspezifisch MISC
***********************/

div.blank {
  padding-top: 0 !important;
}

#suche #content,
#uebersicht #content,
#nicht-gefunden #content,
#hkf-aktuell #content,
#aktuell-artikel #content,
#wirtschaftspruefung #content,
#rechtsberatung #content {
  margin-top: 50px;
}

#bonn-zweigstelle-beuel #content div.links div.notes,
#bonn-zweigstelle-oberkassel #content div.links div.notes {
  width: 506px !important;
}

#bonn-zweigstelle-beuel #content #systemsinfo div.notes {
  width: 485px !important;
  margin-right: 40px;
}

#bonn-zweigstelle-beuel #content div.links div.notes {
  height: 260px !important;
}

#bonn-zweigstelle-beuel #content #systemsinfo a.img {
  margin-right: 25px;
}

#bonn-zweigstelle-beuel #content #systemsinfo ul {
  margin-left: 160px !important;
}

#schwerpunkte div.col_4plus .highlight {
  padding: 1em 0;
}

#rechtsberatung .additionalinfo dl {
  margin-top: -30px !important;
  min-height: 200px !important;
}

#rechtsberatung .additionalinfo dt {
  padding-top: 20px;
  height: 2em !important;
}

#rechtsberatung .additionalinfo dd {
  line-height: 150%;
}

/* Leistungen */

#leistungen .highlight {
  padding: 0;
  min-height: 15em;
}

#leistungen .highlight * {
  padding: 0.1em 0.5em;
}

#leistungen .highlight ul li {
  margin-left: 1.2em;
  padding-left: 0;
}

#leistungen .highlight h2 {
  margin-left: 0;
}

/* Impressum */

#impressum .unternehmen h3 {
  height: 7.5em;
}

#impressum .unternehmen .highlight {
  margin: 2em 0 2em -1em;
  width: 140px;
  height: 21em;
}

/* Veröffentlichungen */

#veroeffentlichungen .highlight ul li  {
  background: #fff;
  border-bottom: 1px solid #003978;
  margin-bottom: 1em;
}

#veroeffentlichungen .highlight ul a,
#veroeffentlichungen .highlight ul span  {
  display: block;
  background: #f4f4f9;
}

#veroeffentlichungen .highlight ul a,
#veroeffentlichungen .highlight ul strong,
#veroeffentlichungen .highlight ul span  {
  padding-left: 0.25em;
}

#veroeffentlichungen .highlight ul a {
  border: none;
}

#veroeffentlichungen .highlight ul span  {
  color: #888;
  font-style: italic;
}

#fancypopup div#freitext {
  position: absolute;
  top: 255px;
  left: 50px;
  width: 320px;
  padding: 0.6em 0;
  font-weight: bold;
  background: #e8e9f3;
}

/***********************
      HKF Aktuell
***********************/

#aktuell_wrapper {
  margin-top: 0px;
}

#aktuell_teaser {
  padding: 20px 0 30px 0;
}

#aktuell_teaser div p {
  margin-bottom: 2.5em;
}

#aktuell_wrapper > p {
  margin-top: 0.25em;
}

/** Artikel **/

#aktuell-artikel h1 {
  padding: 0.5em 0 0 20px;
}

#aktuell-artikel td, #aktuell-artikel th {
  padding: 0.2em 0.5em;
}

/** Übersicht **/

#hkf-aktuell .teaser {
 margin-bottom: 3em;
 clear: left;
}

#hkf-aktuell #marginal .teaser {
 margin-bottom: 1.5em;
}

#hkf-aktuell .kat {
 width: 110px;
 height: 9em;
 margin-right: 10px;
 padding: 0px 5px 0 5px;
 float: left;
 background: #e8e9f3;
 border-right: 1px solid #003978;
 color: #666;
 font-style: italic;
 line-height: 180%;
 text-align: right;
}

/***********************
 Standorte/Unternehmen
***********************/

#orttabs #ortpics {
  height: 216px;
}

#orttabs ul {
  height: 1.7em;
}

#orttabs li {
  margin: 0 1px 0 0;
  padding: 0.1em 1.5em;
}

#ortsitz {
 padding: 10px;
 width: 303px;
}

#ortdata dl dt {
  width: 3.2em;
}

/*** Standortlisten ***/

#orte {
  margin: 40px 0;
}

#orte h3 {
  margin: 0 0 25px 20px;
}

#standortliste > dl {
  width: 141px;
  padding: 10px 20px 15px 20px;
}

#standortliste dl img {
  margin: 0.5em 0;
}

#standortliste dl dl dt,
.personpopup dl.telefon dt,
#impressum .unternehmen dl.telefon dt {
  width: 2.5em;
}

/*** Unternehmensliste ***/

#standortliste.unternehmen address {
  margin-top: 1em;
}

#standortliste.unternehmen dd a {
  margin: 1em 0 0 1.5em;
}

#standortliste.unternehmen dd a:before {
  width: 1.2em;
  margin-left: -1.5em;
}

/***********************
  Personen
***********************/

.berater {
  padding: 30px 0 0 0;
  margin-bottom: 50px;
}

.berater dl {
  width: 140px;
  padding: 0 20px;
  min-height: 230px;
}

.berater dt {
  height: 3.2em;
}
#insolvenz-und-sanierung #content .berater dt {
  height: 2.2em;
}

.berater dt span {
  letter-spacing: 0.02em;
}

.berater dd img {
  margin: 0.7em 0;
}

.berater div.notes {
   width: 323px;
   min-height: 240px;
   margin: 0 20px 0px 20px;
}

.berater div.notes ul {
  margin-left: 15px;
}

#person img.col_2 {
  width: 320px !important;
}

/*** Personpopup ***/

.personpopup form #userdata legend strong {
  padding: 0 0.2em;
}

.personpopup dl.standort dt {
  padding-top: 0.1em;
}

.personpopup dl.status {
 margin: 0.5em 0 25px 0 !important;
}

.personpopup p.error {
 position: absolute;
 background: #fff;
 top: 460px;
 left: 45px;
 width: 324px;
}

/*** Form ***/

.personpopup form h2 {
  margin-top: 0;
  height: 16px;
}

.personpopup form #userdata legend {
  margin: 15px 0;
}

.personpopup form #userdata input {
  padding: 0.2em 0.3em;
  width: 180px;
}

.personpopup form #messagedata {
  margin: 15px 0;
}

.personpopup form #messagedata textarea,
.personpopup form #messagedata input {
  margin-right: 60px;
}

.personpopup form #messagedata textarea {
  width: 315px;
  height: 140px;
  padding: 0.2em 0.3em;
}

.personpopup div.formok {
  margin: 40px 0 0 385px;
}

/* Fancypopup */

#fancypopup .personpopup form {
  width: 799px;
  height: 245px;
}

#fancypopup p.error {
 left: 48px !important;
 top: 250px !important;
}

#fancypopup.personpopup {
  width: 799px;
  height: 560px;
}

#fancypopup img {
  margin: 40px 40px 40px 50px;
}

#fancypopup .data {
  margin: 40px 10px 40px 0px;
  width: 370px;
}

#fancypopup dl.standort {
  margin-top: 25px;
}

#fancypopup form h2 {
  margin-bottom: 10px;
}

#fancypopup form #userdata {
  margin-right: 40px;
}

#fancypopup form #userdata {
  width: 350px !important;
}

#fancypopup form #messagedata {
  width: 370px;
}

.personpopup div.formok {
  margin-left: 415px;
}

/***********************
  Startseite
***********************/

#beratergruppe #header hr {
  margin-bottom: 0 !important;
}

#beratergruppe #content {
  margin-top: 0 !important;
}

#beratergruppe #content h1 {
  padding: 20px;
  height: 89px;
  margin-top: -1px;
}

#beratergruppe ul.submenu {
  margin-top: 6.6em;
}

#beratergruppe ul.submenu li {
  margin: 3px 0;
  padding: 3px 10px;
}


#beratergruppe #orte {
  margin: 18px 0;
}

#beratergruppe #standortliste > dl {
  margin-bottom: 30px;
}

/***********************
  Sitemap
***********************/

#uebersicht #content .col_4plus ul {
  width: 323px;
  margin: 0 20px 1.5em 20px;
}

#uebersicht #content ul li li {
  margin-left: 20px;
}

#uebersicht #content ul li li li {
  margin-left: 0px;
  padding-left: 20px;
}

#uebersicht #content ul#sm_ueber li li.last {
  padding-bottom: 0.7em;
}

/***********************
  Kontakt
***********************/

#kontakt #content fieldset {
  margin-bottom: 1.5em;
}

#kontakt #content label {
  width: 5em;
  padding-right: 10px;
  margin-bottom: 0.75em;
}

#kontakt #content #userdata input,
#kontakt #content #data input,
#kontakt #content textarea {
  width: 300px;
  padding: 0.25em 0.5em;
  font: normal 100% arial, helvetica, sans-serif;
}

#kontakt #content textarea {
  height: 150px;
}

#kontakt #content #action {
  width: 387px;
}

/***********************
  Suche
***********************/

#suche .trefferpaging {
  margin: 2em 0;
  padding: 0.3em 0;
  height: 1.6em;
}

#suche .auszug {
  font-family: georgia, times, serif;
}

/***********************
  Systems (Downloads, Newsticker)
***********************/

#hkf-systems-gmbh #downloads fieldset label span {
  display: block;
  float: left;
  width: 5em;
  margin: 0.25em 0;
}

#hkf-systems-gmbh #downloads fieldset {
  margin-bottom: 0.25em;
}

#hkf-systems-gmbh #downloads label#keks,
#hkf-systems-gmbh #downloads #systemssubmit {
  margin-left: 4.7em;
}

#hkf-systems-gmbh #downloads #systemssubmit {
  margin-top: 0.8em;
}

#hkf-systems-gmbh #downloads fieldset input {
  width: 180px;
  padding: 0.2em 5px;
  margin-bottom: 0.25em;
}

#hkf-systems-gmbh #downloads fieldset input:after,
#hkf-systems-gmbh #downloads fieldset br {
  clear: left;
}

#hkf-systems-gmbh #rupprecht {
  width: 185px;
}

#hkf-systems-gmbh #downloads {
  width: 272px;
}

#hkf-systems-gmbh #newsticker {
  width: 280px;
  overflow: hidden;
}

#hkf-systems-gmbh #rupprecht dt {
  margin-bottom: 0.2em;
}

/***********************
      Bildersetzung
***********************/

#beratergruppe h2#gemeinsam span      {background: url(../images/css/headlines.png) no-repeat 0px -30px transparent;}
#newsticker h2 span                   {background: url(../images/css/headlines.png) no-repeat 0px -1512px transparent;}
#downloads  h2 span                   {background: url(../images/css/headlines.png) no-repeat 0px -1536px transparent;}
#rupprecht  h2 span                   {background: url(../images/css/headlines.png) no-repeat 0px -1729px transparent;}
#aktuell_wrapper h3 span              {background: url(../images/css/headlines.png) no-repeat 0px -5px transparent;}
.personpopup h2 span                  {background: url(../images/css/headlines.png) no-repeat 0px -143px transparent;}
.systems .personpopup h2 span         {background: url(../images/css/headlines.png) no-repeat 0px -1454px transparent;}

#uebersicht h1 span                   {background: url(../images/css/headlines.png) no-repeat 0px -682px transparent;}
#suche h1 span                        {background: url(../images/css/headlines.png) no-repeat 0px -726px transparent;}
#kontakt h1 span                      {background: url(../images/css/headlines.png) no-repeat 0px -752px transparent;}
#nicht-gefunden h1 span               {background: url(../images/css/headlines.png) no-repeat 0px -780px transparent;}
#hkf-aktuell h1 span                  {background: url(../images/css/headlines.png) no-repeat 0px -810px transparent;}
#impressum h1 span                    {background: url(../images/css/headlines.png) no-repeat 0px -838px transparent;}
#impressum h1.webdesign span          {background: url(../images/css/headlines.png) no-repeat 0px -965px transparent;}

#hkf h1 span                          {background: url(../images/css/headlines.png) no-repeat 0px -1094px transparent;}
#beratungskonzept h1 span             {background: url(../images/css/headlines.png) no-repeat 0px -1137px transparent;}
#schwerpunkte h1 span                 {background: url(../images/css/headlines.png) no-repeat 0px -1182px transparent;}

#steuerberatung h1 span               {background: url(../images/css/headlines.png) no-repeat 0px -1210px transparent;}
#leistungsspektrum h1 span            {background: url(../images/css/headlines.png) no-repeat 0px -1300px transparent;}
#berater h1 span                      {background: url(../images/css/headlines.png) no-repeat 0px -1255px transparent;}
#ausbildung h1 span                   {background: url(../images/css/headlines.png) no-repeat 0px -993px transparent;}

#wirtschaftspruefung h1 span          {background: url(../images/css/headlines.png) no-repeat 0px -1040px transparent;}
#rechtsberatung h1 span               {background: url(../images/css/headlines.png) no-repeat 0px -1065px transparent;}

#glaeubigerinformation h1 span        {background: url(../images/css/headlines.png) no-repeat 0px -96px transparent;}
#insolvenzverwaltung h1 span          {background: url(../images/css/headlines.png) no-repeat 0px -865px transparent;}
#insolvenz-und-sanierung h1 span      {background: url(../images/css/headlines.png) no-repeat 0px -909px transparent;}
#formulare h1 span                    {background: url(../images/css/headlines.png) no-repeat 0px -937px transparent;}
#verwalter h1 span                    {background: url(../images/css/headlines.png) no-repeat 0px -1597px transparent;}
#veroeffentlichungen h1 span          {background: url(../images/css/headlines.png) no-repeat 0px -1680px transparent;}

#standorte h1 span                    {background: url(../images/css/headlines.png) no-repeat 0px -593px transparent;}
#bonn h1 span                         {background: url(../images/css/headlines.png) no-repeat 0px -163px transparent;}
#bonn-zweigstelle-beuel h1 span       {background: url(../images/css/headlines.png) no-repeat 0px -52px transparent;}
#bonn-zweigstelle-oberkassel h1 span  {background: url(../images/css/headlines.png) no-repeat 0px -207px transparent;}
#sankt-augustin h1 span               {background: url(../images/css/headlines.png) no-repeat 0px -250px transparent;}
#nauen-bei-berlin h1 span             {background: url(../images/css/headlines.png) no-repeat 0px -277px transparent;}
#duesseldorf h1 span                  {background: url(../images/css/headlines.png) no-repeat 0px -320px transparent;}
#essen h1 span                        {background: url(../images/css/headlines.png) no-repeat 0px -347px transparent;}
#koeln h1 span, #koeln-inso h1 span   {background: url(../images/css/headlines.png) no-repeat 0px -1646px transparent;}

#unternehmen h1 span                                      {background: url(../images/css/headlines.png) no-repeat 0px -638px transparent;}
#hergenroether-kurka-steuerberatungsgesellschaft h1 span  {background: url(../images/css/headlines.png) no-repeat 0px -460px transparent;}
#hergenroether-kurka-sozien h1 span                       {background: url(../images/css/headlines.png) no-repeat 0px -373px transparent;}
#stoll-frystatzki-sozien h1 span                          {background: url(../images/css/headlines.png) no-repeat 0px -417px transparent;}
#wirtschaftspruefungsgesellschaft h1 span                 {background: url(../images/css/headlines.png) no-repeat 0px -505px transparent;}
#systems h1 span                                          {background: url(../images/css/headlines.png) no-repeat 0px -549px transparent;}

#hkf-systems-gmbh h1 span             {background: url(../images/css/headlines.png) no-repeat 0px -1328px transparent;}
#asp h1 span                          {background: url(../images/css/headlines.png) no-repeat 0px -1372px transparent;}
#software h1 span                     {background: url(../images/css/headlines.png) no-repeat 0px -1398px transparent;}
#leistungen h1 span                   {background: url(../images/css/headlines.png) no-repeat 0px -1424px transparent;}
#sicherheit h1 span                   {background: url(../images/css/headlines.png) no-repeat 0px -1478px transparent;}
#kundenbereich h1 span                {background: url(../images/css/headlines.png) no-repeat 0px -1558px transparent;}

/** Header/Mood **/

#schwerpunkte .highlight {
  background-image: url(../images/css/schwerpunkte.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 110px !important;
}

#beratergruppe #content h1 span       {background: url(../images/css/start.png) no-repeat top right transparent}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/css/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-close:before { visibility: hidden !important; display: none !important;}
#fancybox-close {display: block !important; background-image: url('../images/css/fancy_close.png') !important; background-repeat: no-repeat !important; background-position: center right !important;}
.systems #fancybox-close {background-image: url('../images/css/fancy_close-systems.png') !important;}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/css/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/css/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/css/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/css/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/css/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/css/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/css/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/css/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }