td, body {
  font-family:Arial;
  font-size:13px;
  line-height:22px;
}
table { width:100%; }
td {
  padding:0px;
  vertical-align:top;
}
a img { border:none; }
h1 {
  font-size:18px;
  font-weight:normal;
  text-transform:uppercase;
  margin-bottom:15px;
}
h2 {
  font-size:16px;
  font-weight:normal;
  text-transform:uppercase;
}
h3 {
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase;
}
#cookieLegalInfo{
	display:none;
}
h1 {
  height:20px;
  margin-top:0px;
  margin-bottom:6px;
  color:#b8cce2;
}
h2 {
  margin-top:0px;
  margin-bottom:6px;
  height:16px;
  color:#b8cce2;
}
h3 { color:#b8cce2; }
ul { padding-left:30px; }
ul li { list-style-image:url(images/content/list-image.png); }
p {
  margin-top:6px;
  margin-bottom:6px;
}
div.fileicon {
  float:left;
  margin-right:12px;
  width:16px;
  height:16px;
  overflow:hidden;
  background-image:url(txt.html);
  background-repeat:no-repeat;
}
div.fileicon_pdf { background-image:url(pdf.html); }
div.fileicon_jpg { background-image:url(jpg.html); }
div.fileicon_bmp { background-image:url(jpg.html); }
div.fileicon_gif { background-image:url(jpg.html); }
div.fileicon_png { background-image:url(jpg.html); }
div.fileicon_rar { background-image:url(rar.html); }
div.fileicon_zip { background-image:url(zip.html); }
div.fileicon_xls { background-image:url(xls.html); }
div.fileicon_csv { background-image:url(xls.html); }
div.fileicon_fla { background-image:url(fla.html); }
div.fileicon_swf { background-image:url(fla.html); }
div.fileicon_doc { background-image:url(doc.html); }
div.fileicon_docx { background-image:url(doc.html); }
div.fileicon_mp3 { background-image:url(mp3.html); }
div.fileicon_avi { background-image:url(avi.html); }
div.fileicon_mpeg { background-image:url(avi.html); }
div.fileicon_mov { background-image:url(avi.html); }
div.fileicon_exe { background-image:url(exe.html); }
@font-face {
  font-family:'Lato';
  font-style:italic;
  font-weight:300;
  src:url('../../_libs/fonts/google/lato-v23-latin-300italic.eot');
  src:local(''), url('../../_libs/fonts/google/lato-v23-latin-300italicd41d.eot?#iefix') format('embedded-opentype'), url('../../_libs/fonts/google/lato-v23-latin-300italic.woff2') format('woff2'), url('../../_libs/fonts/google/lato-v23-latin-300italic.woff') format('woff'), url('../../_libs/fonts/google/lato-v23-latin-300italic.ttf') format('truetype'), url('../../_libs/fonts/google/lato-v23-latin-300italic.svg#Lato') format('svg');
}
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:400;
  src:url('../../_libs/fonts/google/lato-v23-latin-regular.eot');
  src:local(''), url('../../_libs/fonts/google/lato-v23-latin-regulard41d.eot?#iefix') format('embedded-opentype'), url('../../_libs/fonts/google/lato-v23-latin-regular.woff2') format('woff2'), url('../../_libs/fonts/google/lato-v23-latin-regular.woff') format('woff'), url('../../_libs/fonts/google/lato-v23-latin-regular.ttf') format('truetype'), url('../../_libs/fonts/google/lato-v23-latin-regular.svg#Lato') format('svg');
}
@font-face {
  font-family:'Lato';
  font-style:italic;
  font-weight:400;
  src:url('../../_libs/fonts/google/lato-v23-latin-italic.eot');
  src:local(''), url('../../_libs/fonts/google/lato-v23-latin-italicd41d.eot?#iefix') format('embedded-opentype'), url('../../_libs/fonts/google/lato-v23-latin-italic.woff2') format('woff2'), url('../../_libs/fonts/google/lato-v23-latin-italic.woff') format('woff'), url('../../_libs/fonts/google/lato-v23-latin-italic.ttf') format('truetype'), url('../../_libs/fonts/google/lato-v23-latin-italic.svg#Lato') format('svg');
}
@font-face {
  font-family:'Lato';
  font-style:normal;
  font-weight:700;
  src:url('../../_libs/fonts/google/lato-v23-latin-700.eot');
  src:local(''), url('../../_libs/fonts/google/lato-v23-latin-700d41d.eot?#iefix') format('embedded-opentype'), url('../../_libs/fonts/google/lato-v23-latin-700.woff2') format('woff2'), url('../../_libs/fonts/google/lato-v23-latin-700.woff') format('woff'), url('../../_libs/fonts/google/lato-v23-latin-700.ttf') format('truetype'), url('../../_libs/fonts/google/lato-v23-latin-700.svg#Lato') format('svg');
}
@font-face {
  font-family:'Lato';
  font-style:italic;
  font-weight:700;
  src:url('../../_libs/fonts/google/lato-v23-latin-700italic.eot');
  src:local(''), url('../../_libs/fonts/google/lato-v23-latin-700italicd41d.eot?#iefix') format('embedded-opentype'), url('../../_libs/fonts/google/lato-v23-latin-700italic.woff2') format('woff2'), url('../../_libs/fonts/google/lato-v23-latin-700italic.woff') format('woff'), url('../../_libs/fonts/google/lato-v23-latin-700italic.ttf') format('truetype'), url('../../_libs/fonts/google/lato-v23-latin-700italic.svg#Lato') format('svg');
}
#background {
  width:100%;
  height:100%;
  position:fixed;
  left:0px;
  top:0px;
  z-index:-100;
}
.stretch {
  width:100%;
  height:100%;
}
body {
  overflow-y:scroll;
  width:100%;
  height:100%;
}
body, html {
  background-color:;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family:'Lato', sans-serif;
  font-size:13px;
}
h1 {
  font-size:18px;
  font-weight:normal;
  text-transform:uppercase;
  margin-bottom:15px;
}
h2 {
  font-size:16px;
  font-weight:normal;
  text-transform:uppercase;
}
h3 {
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase;
}
a { text-decoration:none; }
span a { cursor:pointer; }
form { margin:0px; }
a {
  outline:none;
  color:#b8cce2;
}
.rounded-corners {
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
ul { padding-left:30px; }
ul li { list-style-image:url(images/content/list-image.png); }
div#middle div#top #logo {
  width:413px;
  height:46px;
  margin-top:57px;
}
div#middle div#top div#navigation .navbutton a .navbutton_left { margin-left:15px; }
div#middle div#top div#navigation .navbutton span.navbutton_title {
  background-color:transparent;
  float:right;
  float:left;
  font-size:16px;
  padding-top:11px;
  line-height:16px;
  height:29px;
  text-transform:uppercase;
  font-weight:bold;
  color:#3c3c3c;
}
div#middle div#top div#navigation span.navbutton_left, div#middle div#top div#navigation span.navbutton_right {
  width:6px;
  height:40px;
  display:block;
  float:left;
}
div#middle div#top div#navigation .navbutton:hover span.navbutton_left, div#middle div#top div#navigation .navbutton.hover span.navbutton_left {
  background:transparent url(images/bg_button.png) no-repeat -2px 0px;
  margin-left:15px;
}
div#middle div#top div#navigation .navbutton:hover span.navbutton_right, div#middle div#top div#navigation .navbutton.hover span.navbutton_right { background:transparent url(images/bg_button.png) no-repeat -180px 0px; }
div#middle div#top div#navigation .navbutton:hover span.navbutton_title, div#middle div#top div#navigation .navbutton.hover span.navbutton_title {
  background:transparent url(images/bg_button.png) no-repeat -10px 0px;
  color:#ffffff;
  margin-left:0px;
}
div#middle div#top div#navigation .navbutton_active span.navbutton_left, div#middle div#top div#navigation .navbutton_active:hover span.navbutton_left {
  background:transparent url(images/bg_button.png) no-repeat -2px -40px;
  margin-left:15px;
}
div#middle div#top div#navigation .navbutton_active span.navbutton_right, div#middle div#top div#navigation .navbutton_active:hover span.navbutton_right { background:transparent url(images/bg_button.png) no-repeat -180px -40px; }
div#middle div#top div#navigation .navbutton_active span.navbutton_title, div#middle div#top div#navigation .navbutton_active:hover span.navbutton_title {
  background:transparent url(images/bg_button.png) no-repeat -10px -40px;
  color:#ffffff;
  margin-left:0px;
}
div#middle div#top div#navigation {
  float:right;
  width:506px;
  height:50px;
  margin-top:62px;
}
div#middle div#top {
  width:100%;
  height:150px;
  background-color:transparent;
}
div#middle #middle-top .hofko-big, div#middle #middle-top .hofko-small {
  color:#a0a1a2;
  line-height:45px;
}
div#middle #middle-top .hofko-big { font-size:16px; }
div#middle #middle-top .hofko-small { font-size:12px; }
div#middle #middle-top h1 {
  float:right;
  color:#dedede;
  line-height:45px;
}
div#middle #middle-top {
  height:45px;
  background:#ffffff url(images/content/middle-top-bg.png) no-repeat top center;
  padding:0px 14px;
  border-bottom:1px solid #ffffff;
}
div#middle .sidebar #teaser {
  border-bottom:1px solid #ffffff;
  width:370px;
  overflow:hidden;
}
div#middle .sidebar .sub-navigation-element {
  float:left;
  height:129px;
  width:184px;
  background-color:#6d9dff;
  color:#ffffff;
  vertical-align:bottom;
  font-size:20px;
  line-height:24px;
  position:relative;
  text-transform:uppercase;
  background:transparent url(images/content/bg_left_nav.png) repeat 0px 0px;
}
div#middle .sidebar .sub-navigation-element:hover { background:transparent url(images/content/bg_left_nav.png) repeat -185px 0px; }
div#middle .sidebar .sub-navigation-element a { color:#ffffff; }
div#middle .sidebar .sub-navigation-element p { margin:0px; }
div#middle .sidebar .sub-navigation-element  span {
  position:absolute;
  bottom:11px;
  left:14px;
  overflow:hidden;
  white-space:normal;
  word-wrap:break-word;
}
div#middle .sidebar .bbottom { border-bottom:1px solid #000000; }
div#middle .sidebar .sub-navigation-element_mod1 { border-right:1px solid #000000; }
div#middle .sidebar .sub-navigation-element_mod2 { border-right:none; }
div#middle .sidebar .sub-navigation-element.active span { color:#2d2c2c; }
div#middle .sidebar .sub-navigation-element.active { background:transparent url(images/content/bg_left_nav.png) no-repeat 0px 0px; }
div#middle .sidebar {
  width:369px;
  min-height:400px;
  float:left;
}
div#middle .right_bottom_element {
  position:absolute;
  right:13px;
  bottom:13px;
  background:transparent url(images/content/bg_right_bottom.png) no-repeat top center;
  width:27px;
  height:71px;
}
div#middle #content-main {
  border-bottom:1px solid #ffffff;
  background:transparent url(images/content/bg-content.png) repeat 0 0;
  position:relative;
}
div#middle #main-freitext { margin:10px 0px; }
div#middle #main-content h1 { color:#b8cce2; }
div#middle #main-content .Einleitung { margin-bottom:20px; }
div#middle #main-content .next_to_sprechblase { width:330px; }
div#middle #main-content .Leitsatz .quote {
  margin-top:30px;
  margin-left:45px;
  color:#cccccc;
  font-size:15px;
  font-weight:bold;
  max-height:90px;
  overflow:hidden;
  margin-right:10px;
}
div#middle #main-content .Leitsatz .LeitsatzVon {
  position:absolute;
  bottom:0px;
  left:60px;
  color:#999a9a;
  font-size:12px;
  text-transform:uppercase;
}
div#middle #main-content .Leitsatz {
  position:absolute;
  width:222px;
  height:159px;
  bottom:0px;
  right:10px;
  background:transparent url(images/content/sprechblase-quote.png);
  margin-bottom:20px;
}
div#middle #main-content .Angebot .Teaser:hover { border:1px solid #000000; }
div#middle #main-content .Angebot .Teaser {
  float:left;
  margin-right:10px;
  margin-top:5px;
  border:1px solid #ffffff;
}
div#middle #main-content .Angebot .next_to_teaser {
  float:left;
  width:350px;
  margin-top:10px;
}
div#middle #main-content .Angebot .TeaserText a:hover { text-decoration:underline; }
div#middle #main-content .Angebot {
  clear:left;
  margin-bottom:13px;
}
div#middle #main-content .Mitarbeiter h1 { margin-bottom:0px; }
div#middle #main-content .Mitarbeiter .xing_button {
  margin-top:5px;
  width:118px;
  height:23px;
}
div#middle #main-content .Mitarbeiter .Bild {
  width:248px;
  height:170px;
  margin-bottom:10px;
  border:1px solid #212121;
}
div#middle #main-content .Mitarbeiter .unter_bild { width:250px; }
div#middle #main-content .Mitarbeiter .neben_bild {
  width:250px;
  float:left;
  margin-left:30px;
}
div#middle #main-content .Mitarbeiter .Position {
  font-weight:bold;
  margin-bottom:6px;
}
div#middle #main-content .Mitarbeiter {
  margin-right:50px;
  margin-bottom:30px;
  margin-top:10px;
  float:left;
  height:auto;
}
div#middle #main-content .Mitarbeiter_mod1 { clear:left; }
div#middle #main-content .Mitarbeiter_mod2 { margin-right:0px; }
div#middle #main-content .Mitarbeiter_detail .Bild { float:left; }
div#middle #main-content .Mitarbeiter_detail {
  width:100%;
  height:170px;
}
div#middle #main-content .Mitarbeiter_InformationenÊ { clear:both; }
div#middle #main-content {
  width:550px;
  float:left;
  min-height:580px;
  position:relative;
  border-left:1px solid #ffffff;
  color:#ffffff;
  padding:39px 35px;
  padding-bottom:5px;
}
div#middle #shadow {
  background:transparent url(images/content/middle-shadow.png) no-repeat top center;
  width:100%;
  height:30px;
}
div#middle #footer .all-rights {
  font-size:11px;
  color:#3c3c3c;
  float:left;
}
div#middle #footer .hofko-footer-big {
  font-weight:bold;
  margin-left:5px;
}
div#middle #footer .footer-links {
  float:right;
  font-weight:bold;
}
div#middle #footer .footer-links a {
  margin-left:25px;
  float:right;
  color:#595959;
  font-size:12px;
}
div#middle #footer .footer-links a:hover { color:#404040; }
div#middle #footer .footer-blue { color:#5d83bb; }
div#middle #footer {
  margin-top:-7px;
  font-size:12px;
  padding-top:5px;
}
div#middle #footer { border-top:4px solid #666666; }
div#middle {
  width:990px;
  background-color:transparent;
  margin:auto;
  text-align:left;
}
.special_link {
  line-height:20px;
  height:24px;
  padding-left:10px;
}
.special_link:hover { text-decoration:underline; }
.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
div.ccm_form div {
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
  height:56px;
  background-color:#eeeeee;
  margin-bottom:6px;
  padding:6px;
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-repeat:no-repeat;
  background-position:6px 3px;
}
div.ccm_form div label {
  width:100px;
  display:block;
  float:left;
  padding-left:36px;
}
div.ccm_form div input, div.ccm_form div.ccm_form div textarea {
  width:294px;
  display:block;
  float:left;
}
div.ccm_form div span.info {
  width:430px;
  display:block;
  float:left;
  color:#9c9c9c;
  clear:left;
  margin-left:136px;
  font-style:italic;
}
div.ccm_form div span.errorMessage {
  clear:left;
  color:#e51937;
  margin-left:136px;
}
div.ccm_form div span.error input, div.ccm_form div.ccm_form div span.error textarea { border:1px solid #e51937; }
.browser_msie_8	#middle #top #navigation { letter-spacing:-1px; }
.browser_msie_8 #footer { letter-spacing:-1px; }
.browser_msie_8 #middle #main-content .Leitzsatz > quote {
  letter-spacing:-1px;
  margin-left:40px;
}
.browser_msie_8 #middle #main-content .LeitsatzVon > strong { letter-spacing:-1px; }
.browser_msie_8 #middle .sidebar .sub-navigation-element  span p { letter-spacing:-1px; }
.browser_msie_7	#middle #top #navigation {
  letter-spacing:-1px;
  width:506px;
}
.browser_msie_7	#middle #top #navigation .navbutton a { cursor:pointer; }
.browser_msie_7 #footer { letter-spacing:-1px; }
.browser_msie_7 #middle #main-content .Leitzsatz > quote {
  letter-spacing:-1px;
  margin-left:40px;
}
.browser_msie_7 #middle #main-content .LeitsatzVon > strong { letter-spacing:-1px; }
.browser_msie_7 #middle .sidebar .sub-navigation-element  span p { letter-spacing:-1px; }
.browser_msie_7 #middle .sidebar .sub-navigation-element a { cursor:pointer; }
.browser_msie_7 #middle #top > aÊ { float:left; }
.browser_opera_11 #middle #top #navigation { width:506px; }
body.site_id_2 div#middle #main-content {
  padding:0px 35px 5px 0px;
  width:585px;
  min-height:618px;
}
body.site_id_2 div#middle #main-main { padding:39px 0px 0px 39px; }
#GeneralInfos_Container a.closeGeneralInfos {
  background-color:#70a0ff !important;
  color:#ffffff;
  font-size:13px;
}
#GeneralInfos_Container .GeneralInfos_inlay a { color:#70a0ff !important; }
#GeneralInfos_Container .GeneralInfos_inlay {
  width:770px;
  float:left;
  margin:5px auto 0px auto !important;
  font-size:13px;
}
#GeneralInfos_Container {
  background-color:#000000 !important;
  padding-top:10px !important;
  margin-left:-508px;
  left:50% !important;
  width:994px !important;
}