html, body,
main, header, footer, nav, aside, section, article, h1, h2, h3, h4, h5, h6, address,
div, p, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption,
a, em, strong, small, s, cite, q, dfn, abbr, data, time, code, var, samp, kbd, sub, i, b, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr,
ins, del,
img, iframe, embed, object, param, video, audio, source, track, canvas, map, area, svg, math,
table, caption, colgroup, col, tbody, thead, tfoot, th, tr, td,
form, fieldset, legend, label,
details, summary, menuitem, menu {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body { line-height: 1 }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block }

ol,
ul { list-style: none }

blockquote,
q { quotes: none }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Disable font-boosting */
div, h1, h2, p, a, li, td {
  max-height: 1000000px;

  -webkit-text-size-adjust: none;
}

html {
  overflow-y: scroll;

  -webkit-text-size-adjust: 100%;
}

body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: #5F5F5F;

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.clearfix:after {
  clear: both;
  content: '';
  display: table;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

a {
  color: #555;
  text-decoration: none;
}

p a:hover,
td a:hover { color: #E30613 }

p b,
.csc-default strong,
td b,
td strong { font-weight: bold }

td p {
  width: auto !important;
  padding: 0 !important;
  margin: 18px 0 0 0 !important;
}

td p:first-child { margin: 0 !important }

.red { color: #E30613 !important }

.important {
  color: #E30613;
  font-style: italic;
}

.white { color: #FFF !important }

p i { font-style: italic }

#tooltip {
  background-color: #D6D6D6;
  color: #5F5F5F;
  display: none;
  float: left;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 14px;
  min-height: 14px;
  padding: 2px 5px;
  position: absolute;
  z-index: 100;
}

#main_wrap {
  margin: 0 auto;
  width: 1006px;
}

#main {
  background-color: #FFF;
  float: left;
  width: 1006px;
}

#header {
  background-color: #FFF;
  float: left;
  height: 111px;
  padding: 18px 30px 0 30px;
  position: fixed;
  width: 946px;
  z-index: 12;
}

@media print {
  #header {
    position: absolute;
  }
}


body.region #header { height: 108px }

#menus {
  float: left;
  height: 85px;
  width: 546px;
}

ul.icon_menu {
  float: left;
  font-size: 0px;
  line-height: 0px;
  width: 100%;
}

ul.icon_menu li {
  display: inline-block;
  margin: 0 3px 0 0;
  position: relative;
}

ul.icon_menu li.login { margin-left: 7px }

ul.icon_menu li.print { margin-right: 10px }

ul.icon_menu > li > a,
ul.icon_menu > li > form > label {
  background-image: url('../images/icons.png');
  background-repeat: no-repeat;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 32px;
  line-height: 0;
  width: 32px;
}

#header ul.icon_menu li > a { background-color: #D6D6D6 }

#header ul.icon_menu li ul {
  background-color: #E6E6E6;
  background-image: url('../images/share3.png');
  background-position: center top;
  background-repeat: no-repeat;
  display: none;
  left: -67px;
  margin: 0;
  padding: 20px 10px 0;
  position: absolute;
  top: 32px;
  width: 164px;
  z-index: 8;
}

#header ul.icon_menu li:hover ul { display: block }

#header ul.icon_menu li ul li {
  color: #5F5F5F;
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 3px 0;
}

#header ul.icon_menu li ul li form { padding: 3px 0 0 0 }

#header ul.icon_menu li ul li form label {
  background-color: #FFF;
  border: 0;
  color: #5F5F5F;
  float: left;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 6px 0;
  padding: 0 11px 0;
  width: 141px;
}

#header ul.icon_menu li ul li form#login_header input {
  border: 0;
  width: 141px;
  padding: 0 11px 0;
  height: 30px;
  font-size: 12px;
  color: #5f5f5f;
  font-family: Verdana,Geneva,sans-serif;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 1;
  margin: -36px 0 6px 0;
  background: transparent;
  float: left;
}

#header ul.icon_menu li ul li form#login_header input.focus { background-color: #fff }

#header ul.icon_menu li ul li form#login_header input#btn_submit {
  float: left;
  margin: 5px 0 -9px 0;
  background-color: #F6A700;
  color: #FFF;
  font-weight: bold;
  width: auto;
  text-transform: uppercase;
  padding: 0 28px 0 13px;
  text-align: left;
  cursor: pointer;
}

#header ul.icon_menu li ul li form#login_header input#btn_submit:hover { background-color: #E30613 }

#header ul.icon_menu li ul li:first-child { margin: 0 0 9px 0 }

#header ul.icon_menu li ul li a {
  font-weight: bold;
  color: #F6A700;
  text-transform: uppercase;
  background-color: transparent;
}

#header ul.icon_menu li ul li:hover > a,
#header ul.icon_menu li ul li a:hover {
  color: #e30613;
  background-color: transparent !important;
}

#header .login.active ul input#logout {
  background-color: transparent;
  color: #F6A700;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 18px;
}

#header .login.active ul .tx-felogin-pi1 { margin: 5px 0 2px }

#header .login.active ul input#logout:hover {
  color: #E30613;
  cursor: pointer;
}

ul.icon_menu li:hover > a { background-color: #F6A700 !important }

ul.icon_menu li.twitter:hover > a { background-color: #00ACED !important }

ul.icon_menu li.facebook:hover > a { background-color: #3C5C99 !important }

ul.icon_menu li.youtube:hover > a { background-color: #E30613 !important }

ul.icon_menu li.twitter > a { background-position: 0 0 }

ul.icon_menu li.facebook > a { background-position: -32px 0 }

ul.icon_menu li.youtube > a { background-position: -64px 0 }

ul.icon_menu li.login > a { background-position: -96px 0 }

#header ul.icon_menu li.active > a { background-color: #5f5f5f }

ul.icon_menu li.contact > a { background-position: -128px 0 }

ul.icon_menu li.location > a { background-position: -160px 0 }

ul.icon_menu li.print > a { background-position: -192px 0 }

ul.icon_menu li.search > form > label { background-position: -224px 0 }

#header ul.icon_menu li.active.contact > a,
#header ul.icon_menu li.active.location > a { background-color: #f6a700 }

#footer ul.icon_menu li.twitter > a { background-position: 0 -32px }

#footer ul.icon_menu li.facebook > a { background-position: -32px -32px }

#footer ul.icon_menu li.youtube > a { background-position: -64px -32px }

#footer ul.icon_menu li.login > a { background-position: -96px -32px }

#footer ul.icon_menu li.contact > a { background-position: -128px -32px }

#footer ul.icon_menu li.location > a { background-position: -160px -32px }

#footer ul.icon_menu li.print > a { background-position: -192px -32px }

#footer ul.icon_menu li.search > form > label { background-position: -224px -32px }

ul.icon_menu li.search input {
  display: none;
  width: 218px;
  height: 26px;
  float: right;
  border: 0;
  padding: 0 3px 0 10px;
  margin: 3px 3px 3px 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: #555;
}

ul.icon_menu li.search:hover input,
ul.icon_menu li.search.active input { display: block }

ul.icon_menu li.search {
  width: 267px;
  background-color: #d6d6d6;
  margin-left: -1px;
}

ul.icon_menu li.search:hover,
ul.icon_menu li.search.active { background-color: #f6a700 }

ul#main_menu {
  float: left;
  width: 100%;
  width: 850px;
  margin: 17px 0 0 0;
}

ul#main_menu > li {
  float: left;
  margin: 0 0 0 0;
  position: relative;
}

ul#main_menu > li > a {
  color: #555555;
  font-family: 'AachenTL-Roman';
  font-size: 16px;
  font-size: 15px;
  letter-spacing: 0.04em;
  height: 22px;
  line-height: 22px;
  display: block;
  text-transform: uppercase;
  padding: 7px 14px 11px 13px;
  padding: 7px 14px 4px 13px;
}

ul#main_menu > li > a:hover,
ul#main_menu > li.active > a,
ul#main_menu > li.hover > a {
  color: #e30613;
  background-color: #fff;
}

ul#main_menu > li > a:hover,
ul#main_menu > li.hover > a {
  border: 3px solid #e6e6e6;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.07);
  padding: 4px 11px 8px 10px;
}

ul#main_menu > li:first-child { margin-left: -14px }

ul#main_menu > li > ul {
  background-color: #fff;
  position: absolute;
  top: 35px;
  left: 0;
  border: 3px solid #e6e6e6;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.07);
  width: 490px;
  padding: 0px 48px 19px 0;
  display: none;
  z-index: 10;
}

ul#main_menu > li:hover > ul { display: block }

#logo {
  width: 400px;
  float: left;
}

#logo img { float: right }

ul#breadcrumb_menu {
  width: 946px;
  float: left;
  padding: 0 0 5px 0;
  border-bottom: 3px solid #e6e6e6;
}

body.region ul#breadcrumb_menu { border-bottom: none }

ul#breadcrumb_menu li {
  float: left;
  margin: 0;
}

ul#breadcrumb_menu li:before { content: '\00a0/\00a0' }

ul#breadcrumb_menu li:first-child:before { content: '' }

ul#breadcrumb_menu li a,
ul#breadcrumb_menu li > span.nolink {
  color: #959595;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
  padding: 0;
}

ul#breadcrumb_menu li.active { cursor: default }

ul#breadcrumb_menu li a:hover,
ul#breadcrumb_menu li.active a,
ul#breadcrumb_menu li.active { color: #5f5f5f }

#content {
  margin-top: 129px;
  width: 946px;
  padding: 15px 30px 0;
  float: left;
}

body.region #content {
  padding: 0px 30px 0;
  margin-top: 126px;
}

#slider {
  width: 946px;
  height: 337px;
  float: left;
  overflow: hidden;
  position: relative;
  margin: 0 0 29px 0;
  margin: 0 0 66px 0;
}

.region_teaser {
  float: left;
  width: 946px;
  padding: 26px 30px;
  background-color: #e6e6e6;
  margin: 0px 0 32px -30px;
}

.teaser {
  margin: 0 0 -6px 0;
  width: 946px;
  height: 218px;
  float: left;
  position: relative;
  background-color: #555555;
}

a.slidesjs-previous,
a.slidesjs-next {
  background-image: url('../images/slider.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 13px;
  height: 26px;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 6px;
  left: 595px;
  z-index: 10;
  font-size: 0px;
  line-height: 0px;
  text-decoration: none;
}

a.slidesjs-next {
  background-position: -13px 0;
  left: 618px;
}

a.slidesjs-previous:hover { background-position: 0px -26px }

a.slidesjs-next:hover { background-position: -13px -26px }

ul.slidesjs-pagination {
  position: absolute;
  bottom: 13px;
  left: 658px;
  z-index: 10;
  font-size: 0px;
  line-height: 0px;
  text-decoration: none;
}

ul.slidesjs-pagination li { display: inline }

ul.slidesjs-pagination li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 0 0 5px;
  background-image: url('../images/slider.png');
  background-repeat: no-repeat;
  background-position: 0 -52px;
}

ul.slidesjs-pagination li a.active,
ul.slidesjs-pagination li a:hover { background-position: -10px -52px }

.slider_element {
  width: 946px;
  height: 337px;
  background-color: #555555;
  position: relative;
}

body.region .slider_element { background-color: transparent }

.slider_element img,
.teaser img {
  float: left;
  width: 640px;
  height: 337px;
}

body.region .slider_element img { width: 624px }

.footer_teaser {
  width: 946px;
  height: 182px;
  float: left;
  position: relative;
  background-color: #555;
}

.teaser img { height: 218px }

.teaser .pagetitle {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f6a700;
  width: 302px;
  height: 218px;
  border-left: 4px solid #fff;
}

#content .teaser .pagetitle h1 {
  color: #FFF;
  cursor: default;
  font-family: 'AachenTL-Bold';
  font-size: 45px;
  line-height: 48px;
  margin: 11px 0 0 21px;
  text-transform: uppercase;
  width: 254px;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

.slider_element .overlayed_text,
.teaser .overlayed_text {
  background-image: url('../images/slider_image_overlay.png');
  cursor: default;
  height: 253px;
  left: 0;
  padding: 84px 123px 0 45px;
  position: absolute;
  top: 0;
  width: 472px;
  z-index: 5;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

body.region .slider_element .overlayed_text,
.teaser .overlayed_text {
  background-image: url('../images/region_image_overlay.png');
  width: 456px;
  height: 299px;
  padding: 38px 123px 0 45px;
}

.teaser .overlayed_text {
  height: 186px;
  background-image: url('../images/teaser_image_overlay.png');
  padding: 32px 123px 0 35px;
  width: 482px;
}

.slider_element.demo .overlayed_text,
.teaser.demo .overlayed_text {
  background-image: none;
  height: 311px;
  padding: 26px 23px 0 25px;
  width: 592px;

  -moz-transform: rotate(-3.2deg);
  -ms-transform: rotate(-3.2deg);
  -o-transform: rotate(-3.2deg);
  -webkit-transform: rotate(-3.2deg);
  transform: rotate(-3.2deg);
}

.teaser.demo .overlayed_text { height: 192px }

#slider .slider_element .overlayed_text h1,
#content .teaser .overlayed_text h1 {
  font-family: 'AachenTL-Roman';
  color: #f6a700;
  font-size: 70px;
  line-height: 75px;
  letter-spacing: -0.01em;
  width: 384px;
  margin: 4px 0 15px -1px;
  padding: 0;
}

body.region #content .slider_element .overlayed_text h1 {
  font-family: 'AachenTL-Roman';
  color: #f6a700;
  font-size: 70px;
  line-height: 75px;
  letter-spacing: -0.01em;
  width: 384px;
  margin: 0 0 15px -1px;
  padding: 0;
}

#slider .slider_element.demo .overlayed_text h1,
#content .teaser.demo .overlayed_text h1 {
  background-color: #FFFFFF;
  width: auto;
  clear: both;
  color: #f6A700;
  float: left;
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 54px;
  margin: 0 30px -1px 0;
  padding: 0 20px 5px 15px;
}

#slider .slider_element.demo .overlayed_text h2,
#content .teaser.demo .overlayed_text h2 {
  background-color: #FFFFFF;
  width: auto;
  clear: both;
  color: #f6A700;
  float: left;
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 54px;
  margin: -3px 30px -1px 30px;
  padding: 0 20px 5px 15px;
}

#slider .slider_element.demo .overlayed_text h1 + h1,
#content .teaser.demo .overlayed_text h1 + h1 {
  margin: -1px 0 0 23px;
  padding: 0 20px 7px 15px;
}

#slider .slider_element .overlayed_text h2,
#content .teaser .overlayed_text h2 {
  font-family: 'AachenTL-Roman';
  color: #f6a700;
  font-size: 26px;
  line-height: 35px;
  letter-spacing: -0.01em;
  width: 472px;
  margin: 0;
  padding: 0;
}

body.region #content .slider_element .overlayed_text h2 {
  font-family: 'AachenTL-Roman';
  color: #f6a700;
  font-size: 26px;
  line-height: 35px;
  letter-spacing: -0.01em;
  width: 472px;
  margin: 0 0 29px 0;
  padding: 0;
}

body.region #content .slider_element .overlayed_text p a {
  background-color: #f6a700;
  color: #fff;
  line-height: 30px;
  margin: 0 27px 0 2px;
  padding: 6px 12px 8px 13px;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-transform: uppercase;
}

body.region #content .slider_element .overlayed_text p a:hover {
  background-color: #fff;
  color: #f6a700;
}

.slider_element .text,
.teaser .text,
.footer_teaser .text {
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 35px 24px 41px;
  width: 302px;
  height: 337px;
  width: 247px;
  height: 299px;
  z-index: 8;
  background-image: url('../images/slider_text.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}

body.region .slider_element .text {
  background-image: none;
  margin: 0 0 0 19px;
  width: 260px;
  background-color: #5f5f5f;
  padding: 15px 21px 24px 20px;
}

body.region #content .region_teaser .text h1,
body.region #content .region_teaser .text p { color: #fff }

body.region #content .region_teaser .text p { letter-spacing: 0.02em }

body.region #content .region_teaser .text h1 {
  font-family: Verdana, Geneva, sans-serif;
  letter-spacing: 0.04em;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  padding: 0 0 20px 0;
  margin: 0 0 2px -1px;
}

body.region #content .region_teaser .text p a {
  color: #f6a700;
  font-weight: bold;
}

body.region #content .region_teaser .text p a:hover { color: #e30613 }

.teaser .text { height: 180px }

.footer_teaser .text {
  background-image: url('../images/footer_text.png');
  cursor: default;
  height: 137px;
  left: 0;
  padding: 21px 35px 24px 37px;
  right: auto;
  width: 589px;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

.footer_teaser img {
  float: right;
  width: 302px;
  height: 182px;
}

.footer_teaser .text h1 {
  color: #FFF;
  font-family: 'AachenTL-Roman';
  font-size: 35px;
  letter-spacing: 0;
  line-height: 41px;
  margin: 0 0 27px 0;

  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

body.region .footer_teaser .text h1 {
  font-size: 30px;
  letter-spacing: -0.005em;
}

.footer_teaser .text p {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #f6a700;
  width: 100%;
  text-align: right;
  text-transform: uppercase;
}

body.region .footer_teaser .text p { letter-spacing: 0.02em }

.footer_teaser .text p a {
  background-color: #FFF;
  line-height: 30px;
  color: #F6A700;
  padding: 6px 12px 8px 13px;
  margin: 0 27px 0 0;
}

.footer_teaser .text p a:hover { color: #E30613 }

#slider .slider_element .text h1,
#content .teaser .text h1 {
  font-family: Verdana, Geneva, sans-serif;
  letter-spacing: 0.04em;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  padding: 0 0 20px 0;
  margin: 0 0 0 -1px;
}

#slider .slider_element.flagge .text h1,
#content .teaser.flagge .text h1 {
  background-image: url('../images/demo_flagge.png');
  background-repeat: no-repeat;
  background-position: 5px 6px;
  padding: 0px 0 20px 73px;
}

#slider .slider_element .text p,
#content .teaser .text p {
  font-family: Verdana, Geneva, sans-serif;
  letter-spacing: 0.04em;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin: 0 0 17px 0;
}

#content > h1,
#content > h3,
#content > h2 {
  float: left;
  width: 946px;
}

#leftcol {
  float: left;
  width: 644px;
  margin: 0 0 0 0;
}

#leftcol .csc-default {
  float: left;
  width: 624px;
  margin: 0 20px 0 0;
  position: relative;
}

#leftcol .csc-default.csc-login { margin-top: 5px }

#leftcol .csc-default + .csc-default.csc-login { margin-top: 0px }

#leftcol .csc-image {
  margin: 3px 0 0 0;
  float: left;
}

#leftcol .csc-text { float: left }

#leftcol .smallbox {
  width: 196px;
  margin: 0 16px 0 0;
}

#leftcol .csc-textpic .csc-text p,
#leftcol .smallbox p {
  width: 100%;
  line-height: 16px;
}

#leftcol .csc-textpic .csc-image {
  float: left;
  width: 196px;
  margin: 3px 0 17px 0;
}

#leftcol .csc-textpic .csc-image img { width: 196px }

#leftcol .csc-textpic .csc-text {
  float: left;
  width: 412px;
  width: 291px;
  padding: 0 121px 0 16px;
}

.profile #leftcol .csc-textpic .csc-text {
  width: 391px;
  padding: 0 21px 0 16px;
}

#leftcol .csc-article { float: left }

#leftcol .csc-article .caption,
#leftcol .csc-article caption {
  float: left;
  width: 624px;
  text-align: left;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.04em;
  margin: -8px 0 20px 0;
}

#leftcol .csc-article .smallbox .caption {
  width: auto;
  margin: 0 0 6px 0;
}

#leftcol .csc-article > .csc-image img {
  float: left;
  background-color: #555;
  margin: 2px 0 20px 0;
}

#leftcol .csc-article > .csc-image.smallbox img { margin: 2px 0 9px 0 }

#leftcol p {
  margin: 0 0 18px 0;
  width: 621px;
}

#leftcol p.small { font-size: 11px }

#leftcol .csc-header + p { padding-top: 11px }

.list #leftcol .csc-header + p { padding-top: 0px }

#leftcol ul,
#leftcol ol { margin: 0 0 18px 12px }

#leftcol ol { margin-left: 20px }

#leftcol ul li:first-child,
#leftcol ol li:first-child { margin-top: 0px }

#leftcol ul li,
#leftcol ol li {
  margin-top: 4px;
  text-indent: -12px;
  padding: 0 0 0 12px;
}

#leftcol ul li:before,
#leftcol ol li:before {
  content: '\2022';
  margin: 0 5px 0 0;
}

#leftcol ol li {
  text-indent: -18px;
  padding: 0 0 0 12px;
}

#leftcol ol li:before { content: '1.' }

#leftcol ol li + li:before { content: '2.' }

#leftcol ol li + li +li:before { content: '3.' }

#leftcol ol li + li +li +li:before { content: '4.' }

#leftcol ol li + li +li +li +li:before { content: '5.' }

#leftcol ol li + li +li +li +li +li +li:before { content: '6.' }

#leftcol ol li + li +li +li +li +li +li +li:before { content: '7.' }

#leftcol ol li + li +li +li +li +li +li +li +li +li:before { content: '8.' }

#leftcol .csc-menu ul li:before { color: #f6a700 }

#leftcol .tabbed_content > ul li:before {
  content: none;
  margin: 0;
}

#leftcol .tabbed_content > ul li {
  padding: 0;
  text-indent: 0;
}

#content h1,
#leftcol h1 {
  color: #5F5F5F;
  font-family: 'AachenTL-Roman';
  font-size: 31px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 31px;
  margin: 0 0 13px -1px;
}

#content #leftcol .csc-article h1 + .csc-default .csc-header { margin: 40px 0 0 0 }

#content h2,
#leftcol h2 {
  color: #5F5F5F;
  font-family: 'AachenTL-Roman';
  font-size: 19px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 24px;
  margin: 22px 0 4px -1px;
  padding: 10px 0 11px;
}

#leftcol .csc-default.togglebox .csc-toggletext > h2 { margin-top: 0 }

body.article #leftcol .csc-textpic-text h2 {
  margin: 2px 0 3px -1px;
  padding: 0 0 1px;
}

body.article #leftcol .csc-textpic-text p + h2 { margin-top: -3px }

body.article #leftcol .csc-article .csc-textpic-text h3,
body.article #leftcol .csc-article .csc-text h3,
body.article #leftcol .csc-article .image_module .text h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 6px 0;
}

body.article #leftcol .image_module .text h3 { width: auto }

#content .csc-header h2,
#leftcol .csc-header h2 { margin: 12px 0 4px -1px }

#leftcol .divider + .csc-header h2 { margin-top: 1px }

#content .csc-header h1 + h2,
#leftcol .csc-header h1 + h2 {
  padding: 3px 0 11px;
  padding: 3px 0 0px;
}

#content > h2,
#leftcol > h2 {
  float: left;
  width: 624px;
  margin-top: -10px;
}

#content > .csc-article + h2,
#leftcol > .csc-article + h2 {
  padding-top: 18px;
  margin-top: 30px;
  border-top: 3px solid #e6e6e6;
}

.tx-pwcomment-pi1 { float: left }

#comments {
  margin-top: 30px;
  border-top: 3px solid #e6e6e6;
  width: 586px;
  padding: 25px 19px 17px 19px;
  float: left;
}

#leftcol #comments > h3 {
  font-weight: bold;
  padding: 0 0 3px;
}

#comments em {
  margin: 0 0 23px 0;
  float: left;
  width: 100%;
}

#comments > h1 {
  color: #5f5f5f;
  font-family: "AachenTL-Roman";
  font-size: 19px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 24px;
  float: left;
  width: 100%;
  margin-top: 0px padding-top: 18px;
}

#comments > ol,
#comments > ul {
  float: left;
  margin: 0px;
}

#comments ol li:before { content: '' !important }

#comments ul li:before,
#comments ol li:before {
  content: '';
  margin: 0;
}

#comments ul li:first-child,
#comments ol li:first-child { margin-top: 0 }

#comments ol li {
  padding: 0;
  text-indent: 0;
  margin: 0 0 23px 0;
}

#comments .comment_header { margin: 0 0 8px 0 }

#comments .comment_author { color: #f6a700 }

#comments .message { font-style: italic }

.hide_initally { display: none }

#leftcol .csc-article .csc-default + .csc-default .csc-header { margin-top: 40px }

#leftcol .csc-article .csc-default.csc-div + .csc-default .csc-header { margin-top: 0px }

.profile #leftcol > h2 { margin-top: 10px }

#content > h2 { width: 946px }

#leftcol .togglebox > h2 {
  background-color: #E6E6E6;
  background-image: url('../images/togglebox_arrow.png');
  background-position: right top;
  background-repeat: no-repeat;
  border-left: 3px solid #E6E6E6;
  border-right: 3px solid #E6E6E6;
  border-top: 3px solid #E6E6E6;
  cursor: pointer;
  height: 26px;
  margin: 0;
  padding: 8px 0 10px 19px;
  width: 599px;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

#leftcol .togglebox.open > h2,
#leftcol .togglebox.open > h2:hover {
  color: #F6A700;
  background-color: #FFF;
  border-bottom: medium none;
  padding: 8px 0 10px 19px;
  background-position: right -47px;
}

#leftcol .togglebox > h2:hover {
  color: #F6A700;
  background-color: #FFF;
  padding: 8px 0 10px 19px;
}

#leftcol .togglebox > div {
  border-bottom: 1px solid #E6E6E6;
  border-left: 3px solid #E6E6E6;
  border-right: 3px solid #E6E6E6;
  padding: 0 15px 0 19px;
  width: 584px;
}

#leftcol .togglebox > div > p { width: 584px }

#leftcol .togglebox > div > p+ul { margin: -18px 0 18px 0 }

#leftcol .togglebox > div > ul li {
  text-indent: -12px;
  padding: 0 0 0 12px;
}

#leftcol .togglebox > div > ul li:before { content: '•\00a0' }

#content > h2 {
  margin: 22px 0 7px -1px;
  color: #e30613;
  font-family: 'AachenTL-Bold';
  font-size: 23px;
}

#content .teaser+h2 {
  margin-bottom: -26px;
  margin-bottom: 11px;
}

#leftcol h3 {
  font-weight: normal;
  margin: 0 0 18px 0;
}

#leftcol h4 {
  font-weight: normal;
  margin: 0 0 18px 0;
}

#leftcol .csc-textpic h3,
#leftcol .csc-text h3,
#leftcol .csc-textpic h4,
#leftcol .csc-text h4 {
  font-weight: bold;
  color: #fff;
  margin: 0;
}

#leftcol > .csc-text {

}

#leftcol .divider {
  width: 624px;
  float: left;
  height: 3px;
  background-color: #e6e6e6;
  margin: 5px 0 0 0;
}

#leftcol .csc-divider {
  width: 624px;
  float: left;
  height: 3px;
  background-color: #e6e6e6;
  margin: 14px 0 0 0;
}

#leftcol .divider hr,
#leftcol .csc-divider hr { display: none }

#content > .divider + h2,
#leftcol > .divider + h2 { margin-top: 1px }

#leftcol .csc-comments { float: left }

#leftcol .csc-comments .total {
  font-weight: bold;
  border-top: 3px solid #e6e6e6;
  margin: 10px 0 0 0;
  padding: 25px 0 0 18px;
}

#leftcol .csc-comments .comments { padding: 3px 0 17px 18px }

#leftcol .csc-comments .comments .comment { padding: 0 0 5px 0 }

#leftcol .csc-comments .comment .head p { margin: 0 0 8px 0 }

#leftcol .csc-comments .comment .head span.name { color: #f6a700 }

#leftcol .csc-comments .comment .text { font-style: italic }

#leftcol .tabbed_content {
  width: 624px;
  float: left;
  margin: 0 0 20px;
}

#leftcol .tabbed_content ul {
  margin: 0px 0 5px 0;
  float: left;
  width: 624px;
  font-size: 0;
  line-height: 0;
}

#leftcol .tabbed_content ul li {
  display: inline;
  width: 287px;
  height: 29px;
  line-height: 29px;
  margin: 37px 4px 5px 0;
  font-size: 16px;
  font-family: 'AachenTL-Roman';
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.02em;
}

#leftcol .tabbed_content.article ul li {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-transform: none;
  position: relative;
  text-indent: 0;
}

#leftcol .tabbed_content ul li a {
  color: #F6A700;
  display: inline-block;
  background-color: #FFF;
  border: 2px solid #F6A700;
  margin: 5px 0 0 0;
  padding: 1px 20px 0 16px;
  line-height: 25px;
  height: 27px;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

#leftcol .tabbed_content.article ul li a {
  background-color: transparent;
  border: 0;
  padding: 0;
}

#leftcol .tabbed_content.article ul li:before {
  content: '\00a0\00a0|\00a0\00a0';
  color: #555;
  cursor: default;
  margin: 0;
}

#leftcol .tabbed_content.article ul li:first-child:before {
  content: '';
  margin: 0;
}

#leftcol .tabbed_content ul li a:hover,
#leftcol .tabbed_content ul li.active a {
  color: #fff;
  background-color: #f6a700;
}

#leftcol .tabbed_content.article ul li > a:hover,
#leftcol .tabbed_content.article > ul > li.active > a,
#leftcol .tabbed_content.article > ul > li > a.active {
  color: #e60003;
  background-color: transparent;
}

#leftcol .tabbed_content.article ul li ul {
  background-color: #E6E6E6;
  background-image: url('../images/share2.png');
  background-position: center top;
  background-repeat: no-repeat;
  display: none;
  left: -32px;
  margin: 0;
  padding: 12px 13px 7px;
  position: absolute;
  top: 20px;
  width: auto;
  z-index: 8;
}

#leftcol .tabbed_content.article {
  border-bottom: 3px solid #E6E6E6;
  margin: -8px 0 43px 0;
  padding: 0 0 10px 0;
}

#leftcol .tabbed_content .panel-container > div.center,
#leftcol > div.center {
  width: 621px;
  width: 574px;
  background-color: #e6e6e6;
  padding: 0 24px 0 23px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
  z-index: 20;
}

#leftcol .cookiebox {
  position: relative;
  float: left;
  margin: 0px 4px 23px0 0;
  width: 574px;
  padding: 0 0 10px;
  width: 574px;
}

#leftcol .cookiebox h2 {
  margin: 6px 0 4px -1px;
  width: 100%;
  float: left;
}

#leftcol .cookiebox .divider {
  background-color: #fff;
  margin: 3px 0 15px;
  width: 570px;
}

#leftcol .cookiebox p {
  width: 504px;
  float: right;
}

#leftcol .cookiebox p b { font-weight: bold }

#leftcol .cookiebox img {
  width: 35px;
  float: left;
  margin: 3px 0 0 0;
}

#leftcol .cookiebox a.button {
  background: none repeat scroll 0 0 #f6a700;
  border: medium none;
  color: #fff;
  cursor: pointer;
  float: right;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 32px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 8px 0 9px;
  padding: 0 13px;
  text-transform: uppercase;
  width: auto;
  line-height: 32px;
  padding: 0 16px;
}

#leftcol .cookiebox a.button:hover { background-color: #e30613 }

.tx-withhnggmembers-pi3 table.fullsize {
  width: 946px;
  font-size: 11px;
  float: left;
  margin-bottom: 0px;
  margin-top: 40px;
  margin-left: 0px;
}

.tx-withhnggmembers-pi3 table.fullsize.details {
  font-size: 12px;
  margin-top: 0px;
}

p.noresults { line-height: 34px }

#leftcol .tx-withhnggmembers-pi3 {
  float: left;
  position: relative;
}

#leftcol .tx-withhnggmembers-pi3 .csc-default.csc-text.branchbox.position {
  position: absolute;
  z-index: 1;
  right: 0px;
  background-color: #f6a700;
  padding: 0;
  width: 302px;
  float: left;
  margin: 0 0 5px;
}

#leftcol .tx-withhnggmembers-pi3 .csc-default.csc-text.branchbox.position  > a {
  background-color: #f6a700;
  background-image: url('../images/arrow_backlink.png');
  background-position: 20px -31px !important;
  background-repeat: no-repeat;
  color: #fff;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 29px;
  letter-spacing: 0.02em;
  line-height: 29px;
  margin: 0;
  padding: 0 0 2px 45px;
  text-transform: lowercase;
  width: 257px;
}

#leftcol .tx-withhnggmembers-pi3 .csc-default.csc-text.branchbox.position  > a:hover {
  border: 2px solid #f6a700;
  line-height: 25px;
  height: 25px;
  width: 255px;
  padding: 0px 0 2px 43px;
  background-position: 18px -2px !important;
  color: #f6a700;
  background-color: #fff;
}

.tx-withhnggmembers-pi3 table.fullsize.details td { padding: 6px 0 16px }

.tx-withhnggmembers-pi3 table.fullsize.details .memberform { width: 180px }

.tx-withhnggmembers-pi3 table.fullsize.details .memberform a.save {
  float: right;
  margin: 8px 0 8px;
}

.tx-withhnggmembers-pi3 .pagebrowser.fullsize {
  width: 946px;
  float: left;
}

.tx-withhnggmembers-pi3 .status { width: 150px }

.tx-withhnggmembers-pi3 a.save.hidden { background-image: none }

.tx-withhnggmembers-pi3 a.detail {
  font-size: 0px;
  line-height: 0px;
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  background-image: url('../images/details.png');
  background-position: right 0;
  background-repeat: no-repeat;
}

.tx-withhnggmembers-pi3 a.save {
  font-size: 0px;
  line-height: 0px;
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  background-image: url('../images/save_1.png');
  background-position: right 0;
  background-repeat: no-repeat;
}

.tx-withhnggmembers-pi3 a.saveAll {
  background-image: url('../images/save_1.png');
  background-position: right 0;
  background-repeat: no-repeat;
  padding: 0 30px 0 0;
  color: #3676db;
}

.tx-withhnggmembers-pi3 div.export {
  float: left;
  width: 200px;
  float: right;
  width: 58px;
}

div.export .ico {
  float: left;
  padding: 4px 0 0 0;
}

div.export .ico + .ico { margin-left: 10px }

.tx-withhnggmembers-pi3 .ico a {
  background-repeat: no-repeat;
  font-size: 0px;
  line-height: 0px;
  display: block;
  width: 24px;
  height: 24px;
}

.tx-withhnggmembers-pi3 .csv a { background-image: url('../images/csv.png') }

.tx-withhnggmembers-pi3 .xls a { background-image: url('../images/xls.png') }

#nggmembergui_header {
  float: left;
  width: 100%;
}

.filter.fullsize {
  width: 946px;
  float: left;
}

#leftcol .fullsize .csc-divider { width: 946px }

#leftcol .fullsize .archive-search { width: 946px }

#leftcol .archive-search .date.wide { width: 391px }

#leftcol .archive-search form .wide input { float: left }

#leftcol .archive-search form .wide .datepicker + .datepicker { margin-left: 18px }

#leftcol .archive-search form .setAll { float: left }

#leftcol .archive-search .setAll a.reset {
  margin-left: 0px;
  padding-left: 0px;
  background-image: url('../images/save_1.png');
  background-position: right 7px;
  background-repeat: no-repeat;
  color: #3676db;
  padding: 0 30px 0 0;
}

#leftcol .archive-search .setAll a.reset:hover { color: #e60003 }

.tx-withhnggmembers-pi3 a.load,
#leftcol .archive-search .setAll a.load { background-image: url('../images/save_2.gif') }

.tx-withhnggmembers-pi3 a.saved,
#leftcol .archive-search .setAll a.saved { background-image: url('../images/save_3.png') }

.tx-withhnggmembers-pi3 a.error,
#leftcol .archive-search .setAll a.error { background-image: url('../images/save_4.png') }

#leftcol .archive-search label#label_export {
  display: inline-block;
  float: none;
}

#leftcol .tabbed_content.article ul li a.bmed {
  padding-right: 24px;
  background-image: url('../images/bmed.png');
  background-repeat: no-repeat;
  background-position: right top;
  color: #E60003;
}

#leftcol .tabbed_content.article ul li a.load {
  padding-right: 24px;
  background-image: url('../images/load.gif');
  background-repeat: no-repeat;
  background-position: right top;
  color: #E60003;
}

.center .close {
  display: block;
  position: absolute;
  top: 7px;
  right: 8px;
  width: 16px;
  height: 15px;
  background-image: url('../images/layer_close.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0px;
  line-height: 0px;
}

.center a.close:hover { background-position: 0 -15px }

#leftcol .tabbed_content .panel-container > div.center > h2,
#leftcol .tabbed_content .panel-container > div.center form h2 {
  width: 200px;
  margin: 6px 0 4px -1px;
}

#leftcol .tabbed_content .panel-container > div.center .divider {
  width: 570px;
  background-color: #fff;
  margin: 3px 0 23px;
}

#writeComment form {
  float: left;
  margin: 0 0 16px;
  padding: 20px 0 10px;
  width: 624px;
  background-color: #e6e6e6;
}

#writeComment form label {
  float: left;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 0 19px;
  padding: 8px 0;
  width: 91px;
}

#writeComment form input.text,
#writeComment form textarea {
  border: medium none;
  color: #555;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 0 0 13px;
  padding: 8px 3px 8px 10px;
  width: 482px;
}

#writeComment form textarea {
  height: 63px;
  min-height: 62px;
  resize: vertical;
}

#writeComment form input.button {
  border: 0;
  background: none repeat scroll 0 0 #F6A700;
  color: #FFF;
  cursor: pointer;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 32px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 8px 19px 9px 0;
  padding: 0 13px;
  text-transform: uppercase;
  width: auto;
}

#writeComment form input.button:hover { background-color: #e30613 }

#leftcol .tabbed_content #writeComment form ul#thanksForYourComment { margin: 0 0 19px 19px }

#leftcol .tabbed_content .panel-container > div.center form {
  margin: -3px 0 23px 0;
  width: 574px;
  padding: 0px 0 10px;
  overflow: visible;
}

#leftcol .tabbed_content .panel-container > div.center form label {
  width: 573px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin: 0 0 7px 1px;
}

#leftcol .tabbed_content .panel-container > div.center form input,
#leftcol .tabbed_content .panel-container > div.center form textarea {
  width: 546px;
  margin: 0 0 16px 0;
  background-color: #FFF;
  border: 3px solid #FFF;
}

#leftcol .tabbed_content .panel-container > div.center form textarea {
  height: 178px;
  min-height: 178px;
}

#leftcol .tabbed_content .panel-container > div.center form input.submit { margin: 5px 0 0 0 }

#leftcol .tabbed_content .panel-container > div.center > div {
  float: left;
  width: 570px;
  margin: 0 4px 0 0;
  padding: 0;
}

#leftcol .tabbed_content .panel-container > div.center > div p {
  width: auto;
  float: left;
}

#leftcol .tabbed_content .panel-container > div.center > div .disclaimer p { font-size: 10px }

.recommend_sent {
  float: left;
  margin: 0 0 15px;
}

#leftcol .tabbed_content.article > ul { margin: 0 0 0 0 }

#leftcol .tabbed_content.article > ul > li > a {
  margin: 0 0 8px 0;
  height: 20px;
  line-height: 16px;
  background-color: transparent;
}

#leftcol .tabbed_content.article > ul > li {
  height: 16px;
  text-indent: 0;
}

#leftcol .tabbed_content.article ul li ul.active,
#leftcol .tabbed_content.article ul li ul:hover { display: block }

#leftcol .tabbed_content.article ul li ul li {
  background-color: #e6e6e6;
  padding: 0px;
  display: inline;
}

#leftcol .tabbed_content.article ul li ul li:before {
  color: #555555;
  display: inline;
}

#leftcol .tabbed_content.article ul li ul li a {
  background-color: #e6e6e6;
  color: #F6A700;
  margin: 0;
  display: inline;
  padding: 0;
}

#leftcol .tabbed_content .panel-container > div > ul {
  margin: 18px 0 0 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

#leftcol .tabbed_content.article .panel-container > div > ul { margin: 0 }

#leftcol .tabbed_content .panel-container > div > p {
  width: 370px;
  width: 425px;
  margin: 10px 0 10px !important;
}

#leftcol .tabbed_content .panel-container > div > form { background: #e6e6e6 }

#leftcol .tabbed_content .panel-container > div > form {
  width: 624px;
  float: left;
  margin: 0 0 16px 0;
  padding: 20px 0 10px 0;
}

#leftcol .tabbed_content .panel-container > div > form#comment {
  margin-top: 16px;
  padding: 20px 19px 10px 19px;
  width: 586px;
}

li.error a {
  display: inline-block;
  margin: 0 0 0 12px;
}

#leftcol #login form {
  width: 308px;
  margin: -15px 0 -10px 0;
  float: left;
}

#leftcol #login form {
  float: left;
  width: 278px;
  height: 33px;
  line-height: 33px;
  padding: 0 14px;
  margin: 0 0 10px;
  color: #555555;
  font-weight: normal;
  font-size: 12px;
}

#leftcol #login form {
  float: left;
  width: 280px;
  height: 27px;
  border: 3px solid #f6a700;
  line-height: 27px;
  padding: 0 11px;
  margin: -43px 0 10px 0;
  background-color: transparent;
}

#leftcol #login form input.focus { background-color: #fff }

#leftcol #login form input#btn_submit {
  width: auto;
  background-color: #f6a700;
  color: #fff;
  text-align: left;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  margin: 0px 0 0 0;
  padding: 0 28px 0 13px;
  cursor: pointer;
}

#leftcol #login form input#btn_submit:hover { background-color: #e30613 }

h1.bottom-space {
  margin-bottom:30px !important;
}
#btn_submit.logout {
  background: none repeat scroll 0 0 #f6a700;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 32px;
  letter-spacing: 0.04em;
  line-height: 32px;
  margin: 4px 9px 4px;
  padding: 0 13px;
  text-transform: uppercase;
  width: 100px;
  float:right;
}

#leftcol .tx_indexedsearch,
#leftcol .archive-search {
  float: left;
  width: 624px;
  padding: 18px 0 0 0;
}

#leftcol .tx_indexedsearch h2,
#leftcol .archive-search h2 { margin-top: 0px }

#leftcol #contentsearch {
  float: left;
  width: 624px;
  padding: 0px 0 0 0;
}

#leftcol #contentsearch .searchbar {
  float: left;
  background-color: #f6a700;
  width: 267px;
  width: 624px;
  display: inline-block;
  position: relative;
  margin: 15px 0 40px 0;
}

#leftcol #contentsearch .searchbar label {
  background-position: -224px 1px;
  background-image: url('../images/icons.png');
  background-repeat: no-repeat;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 32px;
  line-height: 0;
  width: 32px;
  padding: 0;
  margin: 0;
}

#leftcol #contentsearch .searchbar input {
  border: medium none;
  color: #555;
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 28px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 3px 3px 3px 0;
  padding: 0 3px 0 10px;
  width: 575px;
}

#leftcol #contentsearch .selectrow {
  float: left;
  width: 642px;
  margin: 0 0 0 0px;
  margin: 0px 0 10px 0;
}

#leftcol #contentsearch input.submit,
#leftcol #contentsearch .reset {
  float: left;
  margin: 8px 19px 2px 0;
}

#leftcol #contentsearch .reset { margin-left: -13px }

#leftcol #contentsearch .selectlabel {
  width: 176px;
  height: 34px;
  margin: 0 18px -33px 0px;
  padding: 0 10px 0 10px;
  text-align: left;
  line-height: 36px;
  background-color: #e6e6e6;
}

#leftcol #contentsearch select {
  z-index: 2;
  padding: 0;
}

#leftcol #contentsearch span.customSelect {
  width: 196px;
  margin: 0 14px 0 0px;
  position: relative;
  z-index: 1;
  background-color: transparent;
  background-image: url('../images/select.png');
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 34px;
}

#leftcol #contentsearch span.customSelectHover,
#leftcol #contentsearch span.customSelectHover.hasVal {
  background-position: right -60px;
  background-color: #f6a700;
}

#leftcol #contentsearch span.hasVal { background-color: #e6e6e6 }

#leftcol .tx_indexedsearch .date,
#leftcol .archive-search .date {
  width: 220px;
  float: left;
}

#leftcol .tx_indexedsearch input#datefrom,
#leftcol .archive-search input#datefrom {
  background-image: url('../images/datepicker2a.png');
  background-position: 0 3px;
  cursor: pointer;
}

#leftcol .tx_indexedsearch input#datefrom:hover,
#leftcol .archive-search input#datefrom:hover { background-position: 0 -27px }

#leftcol .tx_indexedsearch input#dateto,
#leftcol .archive-search input#dateto {
  background-image: url('../images/datepicker2a.png');
  background-position: -153px 3px;
  cursor: pointer;
}

#leftcol .tx_indexedsearch input#dateto:hover,
#leftcol .archive-search input#dateto:hover { background-position: -153px -27px }

#leftcol .tx_indexedsearch .date,
#leftcol .archive-search .date {
  width: 220px;
  float: left;
}

#leftcol .tx_indexedsearch label,
#leftcol .archive-search label {
  float: left;
  text-align: right;
  width: 76px;
  margin: 0 0 20px 0;
  padding: 8px 12px 8px 0;
}

#leftcol .tx_indexedsearch .date label,
#leftcol .archive-search .date label {
  width: 67px;
  padding: 8px 0px 8px 0;
  margin: 0 0 20px 0;
  text-align: left;
}

select:hover { cursor: pointer }

select option {
  height: 16px;
  padding: 9px 10px 9px 10px;
  color: #5D5D5D;
  outline: none;
  border: 0;
}

span.customSelect {
  cursor: pointer;
  width: 316px;
  height: 34px;
  background-color: #fff;
  background-color: #e6e6e6;
  background-image: url('../images/select.png');
  background-repeat: no-repeat;
  background-position: right top;
  margin: 0 0 20px;
}

span.customSelect:hover,
span.customSelectHover { background-position: right -30px }

span.customSelectInner {
  height: 34px;
  padding: 0 0 0 10px;
  line-height: 34px;
}

#leftcol .csc-header + .Tx-Formhandler { padding-top: 0 }

#leftcol .Tx-Formhandler {
  margin: 0 0 17px 0;
  float: left;
  width: 100%;
}

#leftcol .csc-div + .csc-list .Tx-Formhandler { margin-top: 30px }

#login_content h2 {
  color: #e30613;
  font-family: "AachenTL-Bold";
  font-size: 23px;
}

#leftcol .tabbed_content .panel-container > div > p,
#leftcol .content_form p { margin: 10px 0 3px 0 }

#leftcol .content_form p a.vorort {
  color: #f6a700;
  font-weight: bold;
}

#leftcol .content_form p a.vorort:hover { color: #e30613 }

#leftcol .tabbed_content .panel-container > div > form label {
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin: 0;
  padding: 8px 0;
  width: 91px;
}

#leftcol .tabbed_content .panel-container > div > form input,
#leftcol .tabbed_content .panel-container > div > form textarea {
  background-color: #E6E6E6;
  border: medium none;
  color: #555;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 18px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 0 0 13px;
  padding: 8px 3px 8px 10px;
  width: 520px;
}

#leftcol .tabbed_content .panel-container > div > form#comment input.text,
#leftcol .tabbed_content .panel-container > div > form#comment textarea {
  background-color: #FFF;
  width: 482px;
}

#leftcol .tx_indexedsearch form input,
#leftcol .archive-search form input {
  float: right;
  width: 110px;
  margin: 0 0 20px;
  border: medium none;
  color: #555;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 18px;
  letter-spacing: 0.04em;
  line-height: 18px;
  padding: 8px 3px 8px 40px;
}

#leftcol .tabbed_content .panel-container > div > form input.reset,
#leftcol .content_form input.reset,
#leftcol .tx_indexedsearch input.reset,
#leftcol .archive-search .reset,
#leftcol #tx_indexedsearch span.switchmode a {
  float: right;
  background: #f6a700;
  color: #fff;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 12px;
  line-height: 18px;
  height: 32px;
  width: auto;
  font-weight: bold;
  padding: 0px 13px;
  letter-spacing: 0.04em;
  margin: 8px 19px 9px 0;
  text-transform: uppercase;
  cursor: pointer;
}

#leftcol .tx-withhnggkategorien-pi1 > .csc-text.more,
#leftcol .tx-withhnggkategorien-pi1 > .csc-textpic.more,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text.more,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-textpic.more { margin: 0 0 40px }

#leftcol .csc-list + .csc-default.csc-div { margin-bottom: 20px }

#leftcol > .csc-div + .csc-default .tx-withhnggkategorien-pi1 > .csc-default,
#leftcol > .csc-div + .csc-default .csc-header { padding: 19px 0 0 }

#leftcol .archive-search a.reset,
#leftcol #tx_indexedsearch span.switchmode a {
  line-height: 32px;
  padding: 0 16px;
}

#leftcol .tabbed_content .panel-container > div > form input.submit,
#leftcol .content_form input.submit,
#leftcol .tx_indexedsearch input.submit,
#leftcol .archive-search input.submit,
#leftcol #recommend_form input.submit,
#leftcol #tx_indexedsearch .submit {
  background: #F6A700;
  border: 0;
  color: #FFF;
  cursor: pointer;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 32px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 8px 0 9px 0;
  padding: 0 13px;
  text-transform: uppercase;
  width: auto;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  width: 624px;
  margin: 30px 0 0 0;
  float: left;
}

.tx-indexedsearch > .tx-indexedsearch-res {
  border-top: 3px solid #E6E6E6;
  border-bottom: 3px solid #E6E6E6;
  float: left;
  margin-top: 10px;
  padding: 25px 19px 2px;
  width: 586px;
  margin: 0 0 20px;
}

.tx-indexedsearch > .tx-indexedsearch-res .tx-indexedsearch-res {
  width: 100%;
  margin: 0 0 23px 0;
  float: left;
}

.tx-indexedsearch .tx-indexedsearch-browsebox {
  width: 624px;
  float: left;
}

.tx-indexedsearch-res .header a { color: #F6A700 }

.tx-indexedsearch-res .header a:hover { color: #E60003 }

.tx-indexedsearch-res .text {
  float: left;
  font-style: italic;
}

#leftcol ul.browsebox { margin: 0 0 18px 0px }

#leftcol ul.browsebox li:before {
  content: '';
  margin: 0;
}

#leftcol ul.browsebox li {
  text-indent: 0;
  padding: 0 20px 0 0;
}

#leftcol ul.browsebox li strong,
#leftcol ul.browsebox li strong a {
  font-weight: normal;
  color: #E60003;
}

#leftcol .tx_indexedsearch input.submit,
#leftcol .tx_indexedsearch input.reset,
#leftcol .archive-search input.submit,
#leftcol .archive-search .reset,
#leftcol #tx_indexedsearch input.submit,
#leftcol #tx_indexedsearch span.switchmode a { margin: 8px 0px 2px 19px }

#leftcol .tx_indexedsearch input.reset,
#leftcol .archive-search .reset,
#leftcol #tx_indexedsearch span.switchmode a {
  background: transparent;
  color: #f6a700;
}

#leftcol .tabbed_content .panel-container > div > form input.submit:hover,
#leftcol .content_form input.submit:hover,
#leftcol .tx_indexedsearch input.submit:hover,
#leftcol .archive-search input.submit:hover,
#leftcol #recommend_form input.submit:hover,
#leftcol #tx_indexedsearch .submit:hover { background: #E60003 }

#leftcol .tabbed_content .panel-container > div > form input.reset:hover,
#leftcol .content_form input.reset:hover,
#leftcol .tx_indexedsearch input.reset:hover,
#leftcol .archive-search .reset:hover,
#leftcol #tx_indexedsearch span.switchmode a:hover { color: #E60003 }

#leftcol .smallbox p a {
  margin: 0;
  text-transform: none !important;
}

#leftcol .tabbed_content .panel-container > div > form textarea {
  height: 63px;
  resize: vertical;
  min-height: 62px;
}

#leftcol .content_form textarea {
  height: 115px;
  resize: vertical;
  min-height: 115px;
  background-color: #e6e6e6;
  width: 390px;
}

#leftcol .csc-textpic {

}

.home #leftcol .csc-textpic-image,
.branche #leftcol .csc-textpic-image {
  float: left;
  background-color: #555;
  width: 304px;
  height: 180px;
}

#leftcol .csc-textpic-text {
  float: left;
  width: 302px;
  padding: 0 0 0 18px;
  margin: -3px 0 0 0;
}

#leftcol .csc-textpic-text h1,
#leftcol .tabbed_content .csc-text h1,
#leftcol > .csc-text > h1,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text > h1,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text > h1,
#leftcol > .csc-text > .csc-header h1,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text > .csc-header h1,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text > .csc-header h1 {
  width: 304px;
  margin: 0 0 14px -4px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

#leftcol .tabbed_content .csc-text h1,
#leftcol > .csc-text > h1,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text > h1,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text > h1,
#leftcol > .csc-text > .csc-header h1,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text > .csc-header h1,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text > .csc-header h1 {
  width: 500px;
  padding: 1px 0 5px 0;
}

#leftcol .csc-textpic-text p,
#leftcol .tabbed_content .csc-text p {
  width: 304px;
  margin: 0 0 0 -2px;
  color: #000;
  color: #5f5f5f;
}

#leftcol .tabbed_content .csc-text p,
#leftcol > .csc-text > p,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text > p,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text > p {
  width: 622px;
  margin: 0 0 0 1px;
  color: #000;
  color: #5f5f5f;
}

.profile #leftcol > .csc-text > p { color: #5f5f5f }

.profile #leftcol > .csc-text > p { margin-bottom: 18px }

/*
.profile #leftcol > .csc-text > ol {
  margin-bottom:26px;

  font-weight:bold;
  color:#e30613;
}

.profile #leftcol > .csc-text > ol li { margin:8px 0 0 0; }

.profile #leftcol > .csc-text > ol li:first-child { padding:8px 0 0 0; }
*/

#leftcol .csc-textpic-text p a,
#leftcol .csc-text p a,
#leftcol .csc-textpic-text td a,
#leftcol .csc-text td a {
  color: #f6a700;
  text-transform: uppercase;
  margin: 0 0 0 2px;
  font-weight: bold;
}

#leftcol div.subarticle_link {
  float: left;
  width: 100%;
}

#leftcol .csc-textpic-text li a,
#leftcol .csc-text li a,
#leftcol .csc-textpic-text p a,
#leftcol .csc-text p a,
#leftcol .csc-textpic-text td a,
#leftcol .csc-text td a,
#leftcol div.subarticle_link a,
.csc-default.more a {
  color: #f6a700;
  text-transform: uppercase;
  margin: 0 0 0 0px;
  font-weight: bold;
}

#leftcol .csc-textpic-text li a:hover,
#leftcol .csc-text li a:hover,
#leftcol div.subarticle_link a:hover { color: #e60003 }

#leftcol .csc-article li a { color: #f6a700 }

#leftcol .csc-article li a:hover { color: #e60003 }

.profile #leftcol .csc-textpic-text p a,
.profile #leftcol .csc-text p a,
.profile #leftcol .csc-textpic-text td a,
.profile #leftcol .csc-text td a { margin: 0 }

#leftcol .csc-textpic-text p a:hover,
#leftcol .csc-text p a:hover,
#leftcol .csc-textpic-text td a:hover,
#leftcol .csc-text td a:hover,
.csc-default.more a:hover { color: #e30613 }

#leftcol .csc-textpic-text p a.email,
#leftcol .csc-text p a.email,
#leftcol .csc-textpic-text td a.email,
#leftcol .csc-text td a.email,
#leftcol .csc-textpic-text p a.email,
#leftcol .csc-text p a.mail,
#leftcol .csc-textpic-text td a.email,
#leftcol .csc-text td a.mail {
  text-transform: none !important;
  margin: 0;
}

#leftcol .csc-textpic-text p a.download,
#leftcol .csc-text p a.download,
#leftcol .csc-textpic-text td a.download,
#leftcol .csc-text td a.download,
#leftcol a.download {
  color: #5F5F5F;
  text-transform: none;
  padding: 0 0 0 25px;
  display: inline-block;
  line-height: 18px;
  margin: 0 0 9px 0;
  position: relative;
}

#leftcol .csc-textpic-text p a.download::after,
#leftcol .csc-text p a.download::after,
#leftcol .csc-textpic-text td a.download::after,
#leftcol .csc-text td a.download::after,
#leftcol a.download::after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background-image: url('../images/download.png');
  background-repeat: no-repeat;
}

#leftcol .caption a.download {
  font-size: 13px;
  line-height: 16px;
}

.disclaimer {
  width: 100%;
  margin: 50px 0 0 0;
  float: left;
}

#leftcol .csc-textpic-text p a.download:hover,
#leftcol .csc-text p a.download:hover,
#leftcol a.download:hover {
  background-position: 0 -36px;
  color: #F6A700;
}

#leftcol .csc-textpic-image img {

}

#leftcol .tabbed_content .panel-container > div {
  float: left;
  position: relative;
  width: 624px;
}

#leftcol .tabbed_content .panel-container > div > div:not(.supporter),
#leftcol > .csc-text,
#leftcol > .csc-textpic,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text,
#leftcol .tx-withhnggkategorien-pi1 > .csc-textpic,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-textpic {
  position: relative;
  padding: 19px 0 0;
  border-top: 3px solid #e6e6e6;
  margin: 0 0 20px;
}

#leftcol .divider + .csc-textpic,
#leftcol .divider + .csc-text { border-top: medium none }

.csc-layout3.csc-textpic {
  border-top: none !important;
  position: relative;
}

.csc-layout3.csc-textpic + .csc-layout3.csc-textpic { padding: 0 !important }

.csc-layout3.csc-textpic > div {
  background-color: #e6e6e6;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
}

.csc-layout3.csc-textpic > div:before {
  background: #F6A700;
  color: #FFF;
  content: 'Top Thema';
  cursor: default;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 21px;
  left: 0;
  line-height: 21px;
  padding: 0 4px 1px;
  position: absolute;
  text-transform: uppercase;
  top: 19px;

  -moz-user-select: none;
}

.csc-layout3.csc-textpic + .csc-layout3.csc-textpic > div:before { top: 10px }

.profile #leftcol .tabbed_content .panel-container > div > div,
.profile #leftcol > .csc-text,
.profile #leftcol > .csc-textpic,
.profile #leftcol .tx-withhnggmostpopular-pi2 > .csc-text,
.profile #leftcol .tx-withhnggmostpopular-pi2 > .csc-textpic,
.profile #leftcol .tx-withhnggkategorien-pi1 > .csc-text,
.profile #leftcol .tx-withhnggkategorien-pi1 > .csc-textpic {
  border-top: none;
  padding: 5px 0 0;
  margin: 0 0 2px 0;
}

#leftcol > .csc-text.togglebox,
#leftcol > .csc-textpic.togglebox,
#leftcol .csc-article > .csc-text.togglebox,
#leftcol .csc-article > .csc-textpic.togglebox {
  margin: 0 0 5px 0;
  padding: 0;
  border: medium none;
  border-bottom: 3px solid #E6E6E6;
}

#leftcol > .csc-text.togglebox + h2,
#leftcol > .csc-textpic.togglebox + h2,
#leftcol > .small_teaser + h2,
#leftcol > .small_teaser + h2,
#leftcol > .csc-text.togglebox + .csc-header h2,
#leftcol > .csc-textpic.togglebox + .csc-header h2,
#leftcol > .small_teaser + .csc-header h2,
#leftcol > .small_teaser + .csc-header h2 { margin: 21px 0 6px -1px }

#leftcol .csc-article > .togglebox + .csc-textpic,
#leftcol .csc-article > .togglebox + .csc-text { margin-top: 21px !important }

#leftcol .csc-article > .togglebox + .togglebox.csc-textpic,
#leftcol .csc-article > .togglebox + .togglebox.csc-text { margin-top: 0px !important }

#leftcol > .small_teaser + h2,
#leftcol > .small_teaser + h2,
#leftcol > .small_teaser + .csc-header h2,
#leftcol > .small_teaser + .csc-header h2 { margin: 8px 0 6px -1px }

#leftcol .tabbed_content .panel-container > div > div:first-child,
#leftcol > .csc-text:first-child,
#leftcol > .csc-textpic:first-child,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text:first-child,
#leftcol .tx-withhnggkategorien-pi1 > .csc-textpic:first-child,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text:first-child,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-textpic:first-child { border: 0 }

#leftcol > .csc-text:first-child,
#leftcol > .csc-textpic:first-child,
#leftcol .tx-withhnggkategorien-pi1 > .csc-text:first-child,
#leftcol .tx-withhnggkategorien-pi1 > .csc-textpic:first-child,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-text:first-child,
#leftcol .tx-withhnggmostpopular-pi2 > .csc-textpic:first-child {
  margin: 23px 0 0 0;
  margin: 0;
  padding: 5px 0 0 0;
  margin: 0 0 20px;
}

.profile #leftcol > .csc-text:first-child,
.profile #leftcol > .csc-textpic:first-child,
.profile #leftcol .tx-withhnggkategorien-pi1 > .csc-text:first-child,
.profile #leftcol .tx-withhnggkategorien-pi1 > .csc-textpic:first-child,
.profile #leftcol .tx-withhnggmostpopular-pi2 > .csc-text:first-child,
.profile #leftcol .tx-withhnggmostpopular-pi2 > .csc-textpic:first-child {
  margin: 23px 0 0 0;
  margin: 0;
  padding: 5px 0 0 0;
}

#leftcol h3.type { display: none }

#leftcol .tabbed_content .panel-container > div > div > h3,
#leftcol .tabbed_content .panel-container .tx-withhnggkategorien-pi1 > div > h3.type,
#leftcol .tabbed_content .panel-container .tx-withhnggmostpopular-pi2 > div > h3.type,
#leftcol > .csc-default > h3,
body.region #leftcol .tx-withhnggkategorien-pi1 > div > h3.type {
  background-color: #D6D6D6;
  color: #5F5F5F;
  cursor: default;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 21px;
  left: 0;
  line-height: 21px;
  margin: 0;
  padding: 0px 4px 1px;
  position: absolute;
  text-transform: uppercase;
  top: 19px;
  z-index: 5;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

#leftcol .tabbed_content .panel-container .tx-withhnggkategorien-pi1 > div:first-child > h3.type,
#leftcol .tabbed_content .panel-container .tx-withhnggmostpopular-pi2 > div:first-child > h3.type,
body.region #leftcol .tx-withhnggkategorien-pi1 > div:first-child > h3.type { top: 5px }

#leftcol > .csc-default:first-child > h3 { top: 5px }

#leftcol .tabbed_content .panel-container > div > div.csc-text > h3,
#leftcol .tabbed_content .panel-container .tx-withhnggkategorien-pi1 > div.csc-text.csc-default > h3.type,
#leftcol .tabbed_content .panel-container .tx-withhnggmostpopular-pi2 > div.csc-text.csc-default > h3.type,
#leftcol > .csc-text > h3,
body.region #leftcol .tx-withhnggkategorien-pi1 > div.csc-text.csc-default > h3.type {
  position: static;
  float: left;
  margin: 0 15px 0 0;
}

#leftcol .tabbed_content .panel-container .tx-withhnggkategorien-pi1 > div.csc-text.csc-default > h3.type + h1,
#leftcol .tabbed_content .panel-container .tx-withhnggmostpopular-pi2 > div.csc-text.csc-default > h3.type + h1,
body.region #leftcol .tx-withhnggkategorien-pi1 > div.csc-text.csc-default > h3.type + h1 { width: 620px }

#leftcol .small_teaser {
  width: 197px;
  height: 194px;
  float: left;
  margin: 0 17px 18px 0;
  background-color: #5F5F5F;
}

#leftcol .small_teaser a {
  position: relative;
  float: left;
  padding: 0 0 10px 0;
}

#leftcol .tx-withhnggkategorien-pi2 .small_teaser a {
  height: 100%;
  padding: 0px;
}

#leftcol .small_teaser a:hover { background-color: #f6a700 }

#leftcol .small_teaser.video a:before {
  content: '';
  background-image: url('../images/teaser_video.png');
  background-repeat: no-repeat;
  background-position: left top;
  height: 194px;
  left: 0;
  position: absolute;
  top: 0;
  width: 197px;
  z-index: 5;
  overflow: hidden;
}

#leftcol .small_teaser.video:hover a:before { background-position: right top }

#leftcol .small_teaser img {
  width: 197px;
  height: 137px;
  float: left;
  margin: 0 0 11px 0;
  background: #E6E6E6;
  border: 0;
}

#leftcol .small_teaser p,
#leftcol .small_teaser h1 {
  width: 169px;
  padding: 0 10px 0 18px;
  float: left;
  color: #FFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  margin: 0;
}

#leftcol .small_teaser h1 { font-weight: bold }

#leftcol .tx-withhnggkategorien-pi2 .small_teaser h1 {
  height: 36px;
  overflow: hidden;
}

.image_module {
  width: 411px;
  float: left;
  margin: 0 0 40px !important;
  padding: 0 !important;
  border-top: none !important;
}

.image_module .pdf_slider { height: 329px }

.image_module.big { width: 624px }

.image_module.big .pdf_slider { height: 336px }

#pdf_slider,
.pdf_slider {
  width: 411px;
  float: left;
  position: relative;
}

.big #pdf_slider,
.big .pdf_slider {
  width: 624px;
  float: left;
  position: relative;
}

#pdf_slider .slidesjs-next,
.pdf_slider .slidesjs-next {
  left: 385px;
  bottom: 70px;
  bottom: 179px;
  background-color: transparent;
  background-image: url('../images/content_slider_arrows1.png');
  background-position: -78px 0;
  height: 274px;
  right: 0px;
  left: auto;
  top: 0px;
  bottom: auto;
  width: 39px;
}

.big #pdf_slider .slidesjs-next,
.big .pdf_slider .slidesjs-next {
  background-image: url('../images/content_slider_arrowsb1.png');
  background-position: -66px 0;
  height: 281px;
  width: 33px;
}

#pdf_slider .slidesjs-next:hover,
.pdf_slider .slidesjs-next:hover { background-position: -117px 0 }

.big #pdf_slider .slidesjs-next:hover,
.big .pdf_slider .slidesjs-next:hover { background-position: -99px 0 }

#pdf_slider .slidesjs-previous,
.pdf_slider .slidesjs-previous {
  background-color: transparent;
  background-image: url('../images/content_slider_arrows1.png');
  background-position: 0px 0;
  bottom: auto;
  height: 274px;
  left: 0;
  right: auto;
  top: 0;
  width: 39px;
}

.big #pdf_slider .slidesjs-previous,
.big .pdf_slider .slidesjs-previous {
  background-image: url('../images/content_slider_arrowsb1.png');
  height: 281px;
  width: 33px;
}

#pdf_slider .slidesjs-previous:hover,
.pdf_slider .slidesjs-previous:hover { background-position: -39px 0 }

.big #pdf_slider .slidesjs-previous:hover,
.big .pdf_slider .slidesjs-previous:hover { background-position: -33px 0 }

#pdf_slider .slidesjs-play,
#pdf_slider .slidesjs-stop,
.pdf_slider .slidesjs-play,
.pdf_slider .slidesjs-stop { display: none !important }

.pdf_slider_element {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
}

.pdf_slider_element .image {
  float: left;
  width: 411px;
}

.big .pdf_slider_element .image { width: 624px }

.pdf_slider_element .image img {
  width: 411px;
  margin: 0 !important;
}

.big .pdf_slider_element .image img {
  width: 624px;
  margin: 0 !important;
}

.pdf_slider_element .image .caption {
  width: 392px !important;
  display: block;
  font-size: 12px;
  line-height: 16px;
  min-height: 45px;
  background: #5f5f5f;
  color: #fff;
  text-align: left;
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 10px 0 0 19px !important;
  margin: 0 !important;
}

.big .pdf_slider_element .image .caption { width: 605px !important }

#leftcol .csc-article .pdf_slider_element .caption,
#leftcol .csc-article .pdf_slider_element caption {
  padding-right: 19px !important;
  width: 373px !important;
}

#leftcol .csc-article .big .pdf_slider_element .caption,
#leftcol .csc-article .big .pdf_slider_element caption {
  padding-right: 19px !important;
  width: 586px !important;
}

.pdf_slider_element .image .caption b {
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding: 0 19px 0 0;
  height: 16px;
}

.image_module .text {
  width: 196px;
  float: left;
  padding: 0 0 0 16px;
  margin: -5px 0 0 0;
  height: 334px;
  overflow: hidden;
}

#leftcol .image_module .text p { width: auto }

#leftcol .image_module .text p {
  width: auto;
  margin: 0 0 12px;
}

#leftcol .image_module .text p a {
  color: #f6a700;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 12px -2px;
  text-transform: uppercase;
}

#leftcol .image_module .text p a:hover { color: #e30613 }

#leftcol .tx-withhnggvideobox-pi1 {
  margin: 0 0 40px 0;
  float: left;
}

#leftcol .tx-withhnggvideobox-pi1 .nggvideo-embedcode { float: left }

#leftcol .tx-withhnggvideobox-pi1 .text {
  width: 196px;
  float: left;
  padding: 0 0 0 16px;
  margin: -5px 0 0 0;
}

#leftcol .tx-withhnggvideobox-pi1 .text.layout4 {
  margin: 19px 0 0 0;
  width: 622px;
  padding: 0px;
}

#leftcol .tx-withhnggvideobox-pi1 .text p { width: auto }

#leftcol .tx-withhnggvideobox-pi1 .text p {
  width: auto;
  margin: 0 0 12px;
}

#leftcol .tx-withhnggvideobox-pi1 .text p a {
  color: #F6A700;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 12px -2px;
  text-transform: uppercase;
}

#leftcol .tx-withhnggvideobox-pi1 .text p a:hover { color: #E30613 }

#leftcol .image_module .text h1:first-child,
#leftcol .image_module .text h2:first-child,
#leftcol .tx-withhnggvideobox-pi1 .text h1:first-child,
#leftcol .tx-withhnggvideobox-pi1 .text h2:first-child {
  margin-top: -2px;
  padding-top: 0px;
}

#leftcol .image_module .text h3,
#leftcol .image_module .text h4,
#leftcol .tx-withhnggvideobox-pi1 .text h3,
#leftcol .tx-withhnggvideobox-pi1 .text h4 {
  color: #5F5F5F;
  font-weight: bold;
  margin: 0;
}

#results {
  float: left;
  width: 644px;
  padding: 6px 0 0 0;
}

#results .total {
  width: 624px;
  float: left;
  margin: 0 20px 0 0;
  color: #d6d6d6;
}

#results .results {
  width: 624px;
  float: left;
  margin: 0 20px 0 0;
}

#results .result {
  width: 630px;
  float: left;
  margin: 0 0 0 -6px;
}

#results .result > a {
  background-image: url('../images/result_divider.png');
  background-repeat: repeat-y;
  float: left;
  padding: 5px 0 6px 6px;
  width: 624px;
}

#results .result > a + a {
  width: auto;
  background-position: -38px 0;
}

#results .result > a:hover { background-color: #f6a700 }

#results .result > a:hover p { color: #fff }

.profile #results .result > a:hover { background-color: #fff }

.profile #results .result > a:hover p { color: #f6a700 }

#results .result .delete {
  background: url('../images/trash.png') no-repeat 5px 4px;
  cursor: pointer;
  float: left;
  font-size: 0px;
  height: 26px;
  line-height: 0px;
  margin: 5px 12px 6px 5px;
  padding: 0;
  width: 23px;
}

#results .result .delete:hover { background: url('../images/trash.png') no-repeat -45px 4px }

#results .result .delete.load { background: url('../images/load_5f5f5f.gif') no-repeat 5px 4px }

#results .result .date {
  float: left;
  width: auto;
  margin: 0 3px 0 0;
  padding: 0 23px 0 0;
  min-height: 36px;
  max-width: 173px;
}

#results .result a + a > .date { width: 133px }

#results .result:last-child .date { min-height: 20px }

#results .result .date p {
  width: 100%;
  margin: 0px;
}

#results .result .headline {
  float: right;
  width: 404px;
  padding: 0 6px 0 15px;
}

#results .result .headline p {
  width: 100%;
  margin: 0px;
}

#results .pagebrowser {
  float: left;
  width: 624px;
  margin: 19px 20px 0 0;
  padding: 17px 0 0 0;
  border-top: 3px solid #E6E6E6;
}

#results .pagebrowser p {
  float: right;
  margin: 0 auto;
  width: auto;
  text-align: center;
  color: #555;
  font-weight: bold;
}

#results .pagebrowser .prev,
#results .pagebrowser .next {
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
  cursor: default;
}

#results .pagebrowser a.prev,
#results .pagebrowser a.next {
  color: #F6A700;
  cursor: pointer;
}

#results .pagebrowser .next { float: right }

#results .pagebrowser a.prev:hover,
#results .pagebrowser a.next:hover { color: #E30613 }

.tx-ngg-vorort,
.nggvorort {
  float: left;
  width: 624px;
}

img#imgNGGmap,
map area { outline: none }

input:focus,
select:focus,
textarea:focus,
button:focus { outline: none }

#leftcol .tx-ngg-vorort .divider { margin: 3px 0 12px }

#leftcol .tx-ngg-vorort h2.lbzheader {
  font-family: 'AachenTL-Bold';
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0px;
}

.tx-ngg-vorort .main-adresses {
  float: left;
  width: 645px;
  margin: 32px 0 0 0;
  padding: 10px 0 6px;
}

.tx-ngg-vorort .main-adresses .main-adress-col {
  width: 197px;
  margin: 0 18px 0 0;
  float: left;
}

.tx-ngg-vorort .scnd-adress {
  float: left;
  width: 645px;
}

.tx-ngg-vorort .scnd-adress .main-adress-col1 {
  float: left;
  width: 100%;
}

.tx-ngg-vorort .scnd-adress .adressitem {
  width: 197px;
  margin: 0 18px 0 0;
  float: left;
  min-height: 240px;
}

#leftcol .tx-ngg-vorort .scnd-adress .adressitem h2,
#leftcol .tx-ngg-vorort .main-adresses .main-adress-col h2 {
  font-size: 15px;
  margin: 1px 0 4px -1px;
  padding: 10px 0 6px;
}

#leftcol .tx-ngg-vorort .scnd-adress .adressitem p,
#leftcol .tx-ngg-vorort .main-adresses .main-adress-col p { width: auto }

#leftcol .tx-ngg-vorort .scnd-adress .adressitem p + p,
#leftcol .tx-ngg-vorort .main-adresses .main-adress-col p + p { margin-top: -6px }

#leftcol .tx-ngg-vorort .scnd-adress .adressitem p a,
#leftcol .tx-ngg-vorort .main-adresses .main-adress-col p a {
  color: #F6A700;
  font-weight: bold;
}

#leftcol .tx-ngg-vorort .scnd-adress .adressitem p a:hover,
#leftcol .tx-ngg-vorort .main-adresses .main-adress-col p a:hover { color: #E30613 }

#leftcol .tx-ngg-vorort .scnd-adress .adressitem { margin-bottom: 18px }

#leftcol .tx-ngg-vorort .scnd-adress .adressitem p {
  float: left;
  width: 198px;
  margin-bottom: 0px;
}

#leftcol .tx-ngg-vorort .scnd-adress .adressitem.num2 { width: 412px }

#leftcol .tx-ngg-vorort .scnd-adress .adressitem.num3 { width: 627px }

#leftcol .tx-ngg-vorort .scnd-adress .adressitem p + p {
  margin-top: 18px;
  margin-left: 16px;
}

#leftcol .tx-ngg-vorort .scnd-adress .adressitem.num2 p + p,
#leftcol .tx-ngg-vorort .scnd-adress .adressitem.num3 p + p { margin-top: 0px }

#rightcol {
  float: left;
  width: 302px;
}

#rightcol p b { color: #5F5F5F }

#content #rightcol h2,
#content #rightcol .csc-header h1,
#content #rightcol .csc-header h2 {
  background-image: url('../images/rightcol_h2.png');
  background-repeat: no-repeat;
  color: #5f5f5f;
  cursor: default;
  float: left;
  font-family: 'AachenTL-Roman';
  font-size: 15px;
  height: 29px;
  letter-spacing: 0.02em;
  line-height: 29px;
  margin: 0 0 5px;
  padding: 5px 0 2px 20px;
  text-transform: uppercase;
  width: 287px;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

#content #rightcol .branchbox > a {
  background-color: #f6a700;
  background-image: url('../images/arrow_backlink.png');
  background-position: 20px -31px !important;
  background-repeat: no-repeat;
  color: #FFF;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 29px;
  letter-spacing: 0.02em;
  line-height: 29px;
  margin: 0;
  padding: 0 0 2px 45px;
  text-transform: lowercase;
  width: 257px;
}

#content #rightcol .branchbox > a:hover {
  border: 2px solid #f6a700;
  line-height: 25px;
  height: 25px;
  width: 255px;
  padding: 0px 0 2px 43px;
  background-position: 18px -2px !important;
  color: #f6a700;
  background-color: #fff;
}

#content #rightcol .csc-header h1,
#content #rightcol .csc-header h2 { margin: 0 }

.content_form {
  float: left;
  width: 624px;
}

.content_form p { float: left }

.content_form form {
  float: left;
  width: 100%;
}

.content_form form .hidden { display: none }

#leftcol .content_form h1 {
  float: left;
  margin: 12px 0 13px -1px;
}

#leftcol .content_form .error-data +  h1 { margin-top: 0px }

#leftcol .content_form h2 {
  float: left;
  margin: 0px 0 4px -1px;
}

form .error-data {
  float: left;
  width: 100%;
  color: #e30613;
  font-weight: bold;
  padding: 0px;
}

form .error-data p {
  width: 100% !important;
  margin: 0px !important;
  padding: 12px 0 19px !important;
}

.content_form .row.error label { color: #e30613 }

.content_form .row.error input.text,
.content_form .row.error textarea { border: 3px solid #e30613 }

.content_form .row.error span.customSelect {
  background-color: #e30613;
  color: #fff;
}

.content_form .row.error input.datepicker {
  background-color: #e30613;
  color: #fff;
}

.content_form .row.error input.datepicker:hover { background-position: 0 -60px }

.content_form .data {
  width: 100%;
  float: left;
  margin: 0 0 14px 0;
}

.content_form .row {
  width: 100%;
  float: left;
}

#leftcol #tx_indexedsearch.content_form .row { margin-bottom: 10px }

.content_form .row.check {
  margin: 8px 0 10px;
  padding: 0 0 0 206px;
  width: 418px;
}

.content_form .row.check.error .styledCheckbox { background-image: url('../images/checkbox_err.png') !important }

.content_form .row.check.error label { color: #e30613 }

.content_form .row.check.check2 {
  margin: 8px 0 10px;
  padding: 0;
  width: 624px;
}

#leftcol .content_form p + .row.check.check2 { margin-top: 7px }

#leftcol .content_form .row.check.check2 + p { margin-top: 0px }

#leftcol .content_form p + .final_submit { margin-top: 33px }

#leftcol .content_form #kontodaten + p { margin-top: 0px }

.content_form form p { float: left }

.content_form form p a,
.content_form .row label a,
.content_form .row.error label a {
  color: #f6a700;
  font-weight: bold;
}

.content_form form p a:hover,
.content_form .row label a:hover,
.content_form .row.error label a:hover { color: #e30613 }

.content_form .row label,
.content_form .row p {
  color: #555555;
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 33px;
  line-height: 16px;
  margin: 0 0 10px;
  height: 33px;
  padding: 0px 0 0px;
  width: 206px;
  display: table;
}

.content_form .row.date label {
  line-height: 30px;
  height: 30px;
}

.content_form .row.check label {
  line-height: 18px;
  height: 16px;
  margin: -1px 0 10px 8px;
  width: 394px;
}

.content_form .row.check.check2 label { width: 600px }

form input.final {
  background-color: #F6A700;
  background-image: none;
  border: medium none;
  color: #FFF;
  cursor: pointer;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  letter-spacing: 0.04em;
  line-height: 30px;
  padding: 0px 15px 0 13px;
  text-transform: uppercase;
}

.final_submit {
  float: left;
  width: 100%;
  margin: 18px 0 9px 0;
}

form input.final:hover { background-color: #E30613 }

form .styledCheckbox {
  float: left;
  margin: 0;
}

.content_form .row label span {
  display: table-cell;
  vertical-align: middle;
}

.content_form .row input.text,
.content_form .row textarea {
  background-color: #E6E6E6;
  border: 3px solid #E6E6E6;
  color: #555;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}

.content_form .row input.text {
  line-height: 27px;
  padding: 0 11px;
  width: 390px;
  height: 27px;
}

.content_form .row textarea {
  border: none;
  line-height: 18px;
  padding: 5px 11px 5px 11px;
  width: 379px;
}

.content_form  span.customSelectInner { padding: 0 0 0 14px }

.content_form .row input.datepicker {
  background-color: #E6E6E6;
  background-image: url('../images/datepicker_b.png');
  background-position: 0 0px;
  border: medium none;
  color: #555;
  cursor: pointer;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 18px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 6px 3px 6px 14px;
  width: 189px;
}

.content_form .row input.datepicker:hover { background-position: 0 -30px }

.content_form span.customSelect {
  background-color: #E6E6E6;
  background-image: url('../images/select.png');
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 33px;
  margin: 0 0px 0 0;
  overflow: hidden;
  width: 418px;
}

.content_form span.customSelect span.customSelectInner { width: 100% !important }

.content_form span.customSelectHover {
  background-color: #F6A700;
  background-position: right -60px;
}

#rightcol .csc-default.csc-text.district_teaser,
#rightcol .csc-default.csc-textpic.district_teaser {
  background-color: #f6a700;
  min-height: 230px;
  margin: 5px 0 0 0;
  position: relative;
}

#rightcol .csc-default.mitglied_teaser + .district_teaser { margin: 17px 0 -12px 0 }

#rightcol .csc-default.csc-text.district_teaser:after,
#rightcol .csc-default.csc-textpic.district_teaser:after {
  background: url('../images/district_arrow.png') no-repeat 0 0;
  content: '';
  height: 66px;
  left: -20px;
  position: absolute;
  top: 0;
  width: 20px;
}

#rightcol .tx-ngg-vorort {
  width: 302px;
  margin: 0 0 26px 0;
}

#rightcol .csc-default.csc-text.district_teaser h3,
#rightcol .csc-default.csc-textpic.district_teaser h3,
#content #rightcol #district_info h2,
#content #rightcol .csc-header #district_info h1,
#content #rightcol .csc-header #district_info h2 {
  font-family: 'AachenTL-Roman';
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: -3px 0 10px -1px;
}

#content #rightcol #district_info h2,
#content #rightcol .csc-header #district_info h1,
#content #rightcol .csc-header #district_info h2 {
  color: #FFF;
  font-family: 'AachenTL-Roman';
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: -3px 0 10px -1px;
  cursor: auto;
  background-repeat: no-repeat;
  float: left;
  height: auto;
  padding: 0;
  text-transform: none;
  width: 283px;
  background-image: none;
  background-color: transparent;
  color: #5F5F5F;

  -khtml-user-select: unset;
  -moz-user-select: unset;
  -ms-user-select: unset;
  -webkit-user-select: unset;
  user-select: unset;

  -webkit-touch-callout: none;
}

#content #rightcol #district_info p,
#content #rightcol .csc-header #district_info p,
#content #rightcol .csc-header #district_info p {
  font-weight: bold;
  margin: 0 0 17px;
}

#rightcol .csc-default.csc-text.district_teaser p,
#rightcol .csc-default.csc-textpic.district_teaser p,
#rightcol .csc-default.csc-text.district_teaser p b,
#rightcol .csc-default.csc-textpic.district_teaser p b { color: #fff }

#rightcol .csc-default.csc-text.district_teaser p a,
#rightcol .csc-default.csc-textpic.district_teaser p a {
  color: #e30613;
  margin: 0;
  display: inline;
  text-transform: none;
  line-height: 20px;
}

#rightcol .csc-default.csc-text.district_teaser p a:hover,
#rightcol .csc-default.csc-textpic.district_teaser p a:hover { color: #fff }

#district_selector .col {
  float: left;
  width: 214px;
}

#district_selector .smallbox {
  width: 198px;
  margin: 0 16px 14px 0;
}

#district_selector .csc-divider { margin: -9px 0 27px }

#district_selector .main_contacts {
  margin: 40px 0 0;
  float: left;
  width: 100%;
}

#district_selector .main_contacts h3,
#district_selector .district_contacts h3 {
  color: #5f5f5f;
  font-family: 'AachenTL-Roman';
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: -3px 0 10px -1px;
  text-transform: uppercase;
  font-weight: normal;
}

#district_selector .main_contacts p,
#district_selector .district_contacts p { line-height: 18px }

#district_selector .main_contacts p a,
#district_selector .district_contacts p a {
  line-height: 20px;
  margin: -7px 0 7px !important;
  display: inline-block;
}

#district_selector .district_contacts {
  margin: 0px 0 0;
  float: left;
  width: 100%;
}

#rightcol .csc-text.mitglied_teaser h3,
#rightcol .csc-textpic.mitglied_teaser h3 {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: 'AachenTL-Roman';
  margin: -3px 0 10px -1px;
}

#rightcol .csc-html .csc-text.mitglied_teaser h3,
#rightcol .csc-html .csc-textpic.mitglied_teaser h3,
#rightcol .csc-list .mitglied_teaser h3 { text-transform: none }

#poll {
  float: left;
  width: 624px;
  margin: 0 0 40px 0;
}

#poll form {
  float: left;
  width: 100%;
}

#poll h2 { float: left }

#poll .row {
  width: 100%;
  float: left;
}

#poll div.submit {
  float: left;
  margin: 18px 0 0 0;
  width: 100%;
}

#poll .row label {
  color: #555;
  display: table;
  float: left;
  font-size: 12px;
  font-weight: normal;
  padding: 0;
}

#poll .styledRadio {
  float: left;
  margin: 0 0 15px 0px;
}

#poll .radio label {
  float: left;
  margin: 0 0 15px 7px;
  width: 256px;
}

#poll .styledCheckbox {
  float: left;
  margin: 0 0 18px;
}

#poll .check label {
  margin: 0 0 18px;
  height: 16px;
  line-height: 18px;
  margin: -1px 0 10px 8px;
  width: 184px;
}

#poll div.check.row { margin: 0 0 5px }

#poll .customSelect {
  background-color: transparent;
  background-image: url('../images/select.png');
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 33px;
  margin: 0 14px 0 0;
  position: relative;
  width: 412px;
  z-index: 1;
}

#poll .customSelectHover,
#poll span.customSelectHover.hasVal {
  background-position: right -60px;
  background-color: #F6A700;
}

#poll  span.hasVal { background-color: #E6E6E6 }

#poll select {
  padding: 0;
  z-index: 2;
}

#poll .select label {
  background-color: #e6e6e6;
  height: 33px;
  line-height: 35px;
  margin: 0 18px -33px 0;
  padding: 0 10px;
  text-align: left;
  width: 392px;
}

#poll div.select.row { margin: 0 0 15px }

#poll textarea {
  border: 3px solid #F6A700;
  color: #555;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 73px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 0 0 30px;
  min-height: 89px;
  padding: 8px 3px 8px 10px;
  resize: vertical;
  width: 393px;
}

#poll input.submit {
  border: 0;
  background: none repeat scroll 0 0 #F6A700;
  color: #FFF;
  cursor: pointer;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  letter-spacing: 0.04em;
  line-height: 18px;
  padding: 0 82px 0 82px;
  text-transform: uppercase;
  width: auto;
  float: left;
  margin: -2px 19px 2px 0;
}

#poll input.submit:hover { background: none repeat scroll 0 0 #e30613 }

#leftcol .csc-article > h1:first-child + .csc-text,
#leftcol .csc-article > .csc-header:first-child + .csc-text { margin-top: 11px }

#poll_result {
  width: 624px;
  float: left;
  margin: 14px 0 44px 0;
}

#poll_result .row {
  width: 100%;
  float: left;
  height: 33px;
}

#poll_result .row .label {
  width: 121px;
  float: left;
  line-height: 18px;
  padding: 8px 0 0;
  cursor: default;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

#poll_result .row .percentage {
  width: 262px;
  float: left;
  cursor: default;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

#poll_result .row .percentage span {
  background-color: #D6D6D6;
  height: 11px;
  display: inline-block;
  margin: 11px 0;
}

#poll_result .row .percentage span.top { background-color: #F6A700 }

#poll_result .row .count {
  cursor: default;
  float: right;
  line-height: 18px;
  padding: 8px 0 0;
  text-align: left;
  width: 215px;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

#leftcol .poll_navigation:last-child { margin: 28px 0 40px }

.pagebrowser {
  border-top: 3px solid #E6E6E6;
  float: left;
  margin: 19px 20px 0 0;
  padding: 17px 0 0 0;
  width: 624px;
}

#leftcol .pagebrowser p {
  color: #555;
  float: right;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  width: auto;
}

.pagebrowser .prev,
.pagebrowser .next {
  background-color: transparent;
  background-image: none;
  border: 0;
  color: #555;
  cursor: default;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  letter-spacing: 0.04em;
  line-height: 18px;
  padding: 0;
  text-transform: uppercase;
}

.pagebrowser input.prev,
.pagebrowser input.next {
  height: 16px;
  line-height: 16px;
  margin: 0 -3px;
  padding: 0 0 2px;
}

.pagebrowser a.prev,
.pagebrowser a.next,
.pagebrowser a .prev,
.pagebrowser a .next,
.pagebrowser input.prev,
.pagebrowser input.next {
  color: #F6A700;
  cursor: pointer;
}

.pagebrowser input.prev { cursor: pointer }

.pagebrowser span.next,
.pagebrowser a.next,
.pagebrowser a .next,
.pagebrowser input.next { float: right }

.pagebrowser a.prev:hover,
.pagebrowser a.next:hover,
.pagebrowser a .prev:hover,
.pagebrowser a .next:hover,
.pagebrowser input.prev:hover,
.pagebrowser input.next:hover { color: #E30613 }

#leftcol .csc-uploads .csc-header {
  float: left;
  width: 100%;
}

#leftcol .csc-uploads ul,
#leftcol .csc-uploads ol {
  float: left;
  margin: 0;
  width: 644px;
}

#leftcol .csc-uploads ul li:before,
#leftcol .csc-uploads ol li:before {
  content: '';
  margin: 0;
}

#leftcol .csc-uploads ul li:first-child,
#leftcol .csc-uploads ol li:first-child { margin-top: 0 }

#leftcol .csc-uploads ul li,
#leftcol .csc-uploads ol li {
  padding: 0 0 0 0px;
  text-indent: 0;
  margin: 0 16px 0 0;
  width: 196px;
  float: left;
}

#leftcol .csc-uploads li img {
  margin: 2px 0 9px;
  background-color: #555;
  float: left;
}

#leftcol .csc-uploads li span {
  margin: 0 0 6px;
  width: auto;
  float: left;
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 12px;
  text-align: left;
}

#leftcol .csc-uploads li span a {
  background-image: url('../images/download.png');
  background-repeat: no-repeat;
  color: #5F5F5F;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 9px;
  min-height: 18px;
  padding: 0 0 0 25px;
  text-transform: none;
}

#leftcol .csc-uploads li span a:hover {
  background-position: 0 -36px;
  color: #f6a700;
}

#rightcol h3 {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0em;
  margin: -2px 0 3px;
}

#rightcol .csc-default {
  float: left;
  width: 302px;
  margin: 0 0 5px 0;
}

#rightcol .current_pressnews { margin: 0 0 37px 0 }

#content #rightcol .csc-default.csc-text + h2,
#content #rightcol .csc-default.csc-textpic + h2,
#content #rightcol .csc-default.csc-text + .csc-default.csc-header,
#content #rightcol .csc-default.csc-textpic + .csc-default.csc-header { margin: 37px 0 5px 0 }

#content #rightcol .csc-default.csc-text > .csc-header,
#content #rightcol .csc-default.csc-textpic > .csc-header {
  background: none repeat scroll 0 0 #FFF;
  float: left;
  margin: -17px 0 27px -20px;
  padding: 37px 0 5px;
}

#content #rightcol .csc-default.csc-text:first-child > .csc-header,
#content #rightcol .csc-default.csc-textpic:first-child > .csc-header { padding-top: 0px }

#rightcol .csc-default.csc-text,
#rightcol .csc-default.csc-textpic {
  background-color: #E6E6E6;
  width: 282px;
  padding: 17px 0 3px 20px;
  padding-bottom: 15px;
}

#rightcol .csc-default.csc-text.branchbox,
#rightcol .csc-default.csc-textpic.branchbox {
  background-color: #F6A700;
  padding: 0;
  width: 302px;
}

#rightcol .csc-text > a,
#rightcol .csc-textpic > a {
  float: left;
  margin: -17px 0 -3px -20px;
  padding: 17px 20px 3px 20px;
}

#rightcol .current_pressnews .csc-text > a {
  margin-bottom: -17px;
  padding-bottom: 17px;
}

#rightcol .csc-text > a:hover,
#rightcol .csc-textpic > a:hover { background-color: #F6A700 }

#rightcol .csc-text > a:hover p,
#rightcol .csc-textpic > a:hover p,
#rightcol .csc-text > a:hover p b,
#rightcol .csc-textpic > a:hover p b,
#rightcol .csc-text > a:hover h3,
#rightcol .csc-textpic > a:hover h3,
#rightcol .csc-text > a:hover h4.date,
#rightcol .csc-textpic > a:hover h4.date { color: #FFF }

#rightcol .csc-default.csc-text.mitglied_teaser,
#rightcol .csc-default.csc-textpic.mitglied_teaser {
  background-color: #E60003;
  color: #FFF;
  margin: 5px 0 -12px;
  padding-bottom: 3px;
}

#rightcol .csc-text h1,
#rightcol .csc-textpic h1,
#rightcol .tx-withhnggaudioplayer-pi1 h1 {
  font-family: 'AachenTL-Bold';
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #5F5F5F;
  font-weight: normal;
  padding: 10px 0 11px;
  width: 274px;
  margin: 0 0 0 -1px;
}

#rightcol .csc-text.branchbox h1,
#rightcol .csc-textpic.branchbox h1 {
  font-weight: normal;
  letter-spacing: 0.02em;
  color: #FFF;
  cursor: default;
  font-family: 'AachenTL-Bold';
  font-size: 45px;
  line-height: 48px;
  margin: 11px 0 16px 21px;
  padding: 0;
  text-transform: uppercase;
  width: 254px;

  -moz-user-select: none;
}

#rightcol .csc-text.mitglied_teaser h1,
#rightcol .csc-textpic.mitglied_teaser h1 {
  color: #FFF;
  font-size: 37px;
  line-height: 39px;
  margin: -10px 0 0 -1px;
}

#rightcol .csc-text.mitglied_teaser p,
#rightcol .csc-textpic.mitglied_teaser p {
  color: #FFF;
  margin: 0 0 24px;
}

#rightcol .csc-text.mitglied_teaser p a,
#rightcol .csc-textpic.mitglied_teaser p a {
  color: #FFF;
  font-weight: bold;
  text-transform: none;
  display: inline;
  margin: 0;
}

#rightcol .csc-text.mitglied_teaser p a:hover,
#rightcol .csc-textpic.mitglied_teaser p a:hover { color: #F6A700 }

#rightcol .csc-textpic h1 { width: 142px }

#rightcol .csc-text p,
#rightcol .csc-textpic p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
  color: #5F5F5F;
  font-weight: normal;
  width: 262px;
  margin: 0 0 12px 0;
}

#rightcol .csc-textpic p { width: 142px }

#rightcol .csc-text p a,
#rightcol .csc-textpic p a {
  font-weight: bold;
  text-transform: uppercase;
  color: #F6A700;
  display: inline-block;
  margin: 0 0 12px -2px;
  margin: 0 0 0 -2px;
}

#rightcol .csc-textpic p a { width: 262px }

#rightcol .csc-text p a:hover,
#rightcol .csc-textpic p a:hover { color: #e30613 }

#rightcol .csc-text ul { margin: 9px 0 26px 0 }

#rightcol .csc-text.mitglied_teaser ul { margin: 15px 0 26px 0 }

#rightcol .csc-text ul li {
  border-bottom: 3px solid #fff;
  border-top: none;
  width: 262px;
}

#rightcol .csc-text.mitglied_teaser ul li {
  border-bottom: medium none;
  margin: 5px 0 0 0;
}

#rightcol .csc-text ul li:first-child { border-top: 3px solid #fff }

#rightcol .csc-text.mitglied_teaser ul li:first-child { border-top: medium none }

#rightcol .csc-text ul li a {
  background-image: url('../images/arrow_link.png');
  background-position: top 0px right 4px;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 12px;
  height: 31px;
  letter-spacing: 0;
  line-height: 31px;
  margin: 0;
  padding: 0 6px;
  width: 250px;
}

#rightcol .csc-text.mitglied_teaser ul li a {
  background-image: none;
  background-color: #F6A700;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
  margin: 0;
  width: 252px;
}

#rightcol .csc-text ul li a:hover {
  background-color: #F6A700;
  color: #FFF;
  background-position: top -31px right 4px;
}

#rightcol .csc-text.mitglied_teaser ul li a:hover {
  background-color: #FFF;
  color: #F6A700;
}

#rightcol .csc-textpic .csc-textpic-image {
  width: 110px;
  height: 130px;
  float: right;
  margin: 3px 20px 17px 10px;
}

#rightcol .csc-textpic .csc-textpic-text {
  float: left;
  width: 142px;
}

input#plzField {
  float: left;
  border: medium none;
  color: #555;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 30px;
  letter-spacing: 0.04em;
  line-height: 18px;
  margin: 0 5px 0 0;
  padding: 0 3px 0 10px;
  width: 231px;
}

.autocomplete-suggestions {
  background: #FFF;
  border: 1px solid #E6E6E6;
  overflow-y: hidden;
}

.autocomplete-suggestion {
  color: #555;
  cursor: pointer;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 30px;
  letter-spacing: 0.04em;
  line-height: 30px;
  padding: 0 3px 0 10px;
  width: auto;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

.autocomplete-suggestion:hover { background: #E6E6E6 }

.autocomplete-suggestion.autocomplete-selected {
  background: #E6E6E6;
  color: #555;
}

.autocomplete-suggestion strong { color: #F6A700 }

.autocomplete-suggestion strong + strong { color: #555 }

.autocomplete-suggestion.autocomplete-selected strong { color: #555 }

#rightcol form .submit {
  background-color: transparent;
  background-image: url('../images/slider.png');
  background-position: -13px -26px;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 26px;
  line-height: 0;
  margin: 2px 0 21px;
  width: 13px;
}

#rightcol .csc-default.csc-html + .csc-header,
#rightcol .csc-default.csc-list + .csc-header,
#rightcol .csc-default.csc-html + .csc-text,
#rightcol .csc-default.csc-list + .csc-text,
#rightcol .csc-default.csc-html + .csc-textpic,
#rightcol .csc-default.csc-list + .csc-textpic { margin-top: -26px }

table.contenttable,
table.flextable {
  margin: 16px 20px 32px -6px;
  width: 624px;
}

table.contenttable tr:first-child td,
table.flextable tr:first-child td { padding-top: 5px }

table.contenttable tr,
table.flextable tr { width: 624px }

table.contenttable tr.even,
table.flextable tr.even { background: #f6f6f6 }

table.flextable tbody tr td.aktion {
  min-width: 40px;
  padding-right: 15px;
}

table.flextable tbody tr td.aktion a+a { margin-left: 7px }

table.flextable thead tr th {
  padding: 0 0 10px 0;
  border-bottom: 3px solid #e6e6e6;
  text-align: left;
}

table.flextable thead tr th a,
table.flextable thead tr th span {
  padding-left: 13px;
  padding-right: 13px;
  font-weight: bold;
}

table.flextable thead tr th span { cursor: default }

table.flextable thead tr th a:hover { color: #e30613 }

table.flextable thead tr th a.more {
  background-position: right top;
  background-repeat: no-repeat;
}

table.flextable thead tr th a.asc:hover { background-image: url('../images/sort_desc_mo.png') }

table.flextable thead tr th a.desc { background-image: url('../images/sort_desc.png') }

table.flextable thead tr th a.desc:hover { background-image: url('../images/sort_asc_mo.png') }

table.flextable thead tr th a.asc { background-image: url('../images/sort_asc.png') }

table.contenttable tr td,
table.flextable tr td {
  padding: 15px 10px 6px 6px;
  width: 186px;
}

.tx-withhnggmembers-pi3 table.contenttable tr td,
.tx-withhnggmembers-pi3 table.flextable tr td { padding: 10px 10px 10px 10px }

table.flextable tr td { width: auto }

table.contenttable tr td:last-child,
table.flextable tr td:last-child { padding-right: 0px }

table.contenttable tr td + td,
table.flextable tr td + td {
  border-left: 3px solid #e6e6e6;
  padding-left: 15px;
  width: auto;
}

table.flextable tr td + td { white-space: nowrap }

table tr form span.customSelect { margin: 0 }

.csc-textpic.csc-textpic-intext-left { float: left }

.csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
  margin: 0 20px 0 0;
}

#leftcol .csc-textpic.csc-textpic-intext-left .csc-textpic-text { float: none }

#leftcol .csc-textpic.csc-textpic-intext-left .csc-textpic-image {

}

#leftcol .csc-textpic.csc-textpic-intext-left .csc-textpic-imagecolumn { float: left }

#leftcol .csc-textpic.csc-textpic-above .csc-textpic-imagecolumn.csc-textpic-lastcol { margin: 0 0px 0 0 }

#leftcol .csc-textpic.csc-textpic-above .csc-textpic-imagecolumn.csc-textpic-firstcol { margin: 0 20px 0 0 }

#leftcol .csc-textpic.csc-textpic-above .csc-textpic-imagecolumn img { width: 302px }

#leftcol .csc-article .csc-textpic.csc-textpic-intext-left .caption,
#leftcol .csc-article .csc-textpic.csc-textpic-intext-left caption {
  width: auto;
  float: none;
  caption-side: bottom;
}

#leftcol .csc-article .csc-textpic.csc-textpic-above .caption,
#leftcol .csc-article .csc-textpic.csc-textpic-above caption {
  width: auto;
  float: none;
  caption-side: bottom;
}

#leftcol .csc-article .csc-textpic.csc-textpic-above .csc-textpic-imagecolumn { float: left }

#leftcol h2.bubblebox {
  background-image: url('../images/headline_l2.png');
  background-repeat: no-repeat;
  display: block;
  height: 63px;
  margin: 5px 0 0px -1px;
  padding: 12px 0 0px 15px;
  width: 624px;
}

#footer {
  width: 946px;
  padding: 39px 30px 0;
  float: left;
}

#footer a.totop {
  background-image: url('../images/totop.png');
  background-position: left 0px;
  background-repeat: no-repeat;
  float: right;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 16px;
  margin: 0 0 17px 600px;
  padding: 0 0 0px 35px;
}

#footer a.totop:hover {
  color: #e30613;
  background-position: left -16px;
}

.footer_teaser {
  float: left;
  margin: 0px 0 20px;
}

#footer ul.footer_menu {
  width: 644px;
  float: left;
  font-size: 0px;
  line-height: 0px;
  padding: 27px 0 9px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #e6e6e6;
}

#footer ul.footer_menu li {
  font-size: 12px;
  line-height: 16px;
  display: inline;
  margin: 0 26px;
}

#footer ul.footer_menu li:first-child { margin-left: 17px }

#footer ul.footer_menu li a:hover { color: #E30613 }

#footer ul.icon_menu {
  width: 285px;
  padding: 20px 17px 0 0;
  float: right;
  background-color: #E6E6E6;
  text-align: right;
}

#footer ul.icon_menu li { display: inline-block }

#footer ul.icon_menu li a { background-color: #5F5F5F }

p.copyright {
  background-color: #E6E6E6;
  width: 926px;
  padding: 25px 20px 16px 0;
  float: left;
  text-align: right;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0em;
  color: #5F5F5F;
  cursor: default;

  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
}

body.list .csc-default.csc-textpic img,
body.aktion .tx-withhnggkategorien-pi1 .csc-default.csc-textpic img { float: left }

body.list #leftcol > .csc-default.csc-textpic .csc-textpic-intext-right .csc-textpic-image img { width: 304px }

body.article #leftcol .csc-article > .csc-textpic img {
  background-color: #555;
  float: left;
  margin: 2px 0 20px;
}

body.article #leftcol .csc-textpic-text,
body.aktion #leftcol .csc-textpic-text {
  margin: 0 20px 0 0;
  position: relative;
  width: 624px;
  padding: 0;
}

body.aktion #leftcol .tx-withhnggkategorien-pi1 .csc-textpic-text {
  float: left;
  margin: -3px 0 0;
  padding: 0 0 0 18px;
  width: 302px;
}

body.article #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-text,
body.aktion #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-text {
  float: left;
  padding: 0 0px 0 16px;
  width: 412px;
  margin: 0 0 17px;
}

body.article #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
body.aktion #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
  margin: 3px 0 17px;
  width: 196px;
}

body.article #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img,
body.aktion #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img { margin: 0 }

body.article #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-text *,
body.aktion #leftcol .csc-textpic-intext-left-nowrap .csc-textpic-text * { width: 100% }

body.article #leftcol .csc-textpic-text p,
body.article #leftcol .tabbed_content .csc-text p,
body.aktion #leftcol .csc-textpic-text p {
  color: #5F5F5F;
  margin: 0 0 18px;
  width: 621px;
}

body.aktion #leftcol .tx-withhnggkategorien-pi1 .csc-textpic-text p {
  color: #5F5F5F;
  margin: 0 0 0 -2px;
  width: 304px;
}

body.article #leftcol .csc-textpic h3,
body.article #leftcol .csc-text h3,
body.article #leftcol .csc-textpic h4,
body.article #leftcol .csc-text h4 {
  color: #5F5F5F;
  margin: 0;
  width: 621px;
}

body.article #leftcol .csc-article .csc-textpic-text p a,
body.article #leftcol .csc-article .csc-text p a { margin: 0 }

body.article #leftcol .csc-article .csc-textpic-text p a.mail,
body.article #leftcol .csc-article .csc-text p a.mail { text-transform: none }

/* === NGG Video Lightbox === */

div#ngg_video_lbox_layer,
div.ngg_video_lbox_layer {
  background-color: #000;
  color: #5F5F5F;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
  display: none;
  opacity: 0.8;
}

div#ngg_video_lbox_layer_wrap,
div.ngg_video_lbox_layer_wrap,
div.withh_video_lbox_layer_wrap {
  position: fixed;
  height: auto;
  width: 640px;
  height: 400px;
  padding: 10px 10px 0 10px;
  float: left;
  left: 50%;
  margin: 0 0 0 -185px;
  margin: 0 0 0 -332px;
  top: 150px;
  z-index: 95;
  background-color: white;
  opacity: 1.0;
  display: none;
}

div.ngg_video_lbox {
  position: absolute;
  top: 10px;
  left: 10px;
}

a#ngg_video_lbox_close {
  background: transparent url('/fileadmin/templates/main/images/close.png') no-repeat center center;
  display: block;
  height: 26px;
  left: 624px;
  position: absolute;
  text-decoration: none !important;
  top: 380px;
  width: 26px;
}

/* === Fixures === */

#leftcol .csc-list {
  float: left;
  margin: 0;
  position: relative;
  width: auto;
}

#leftcol .csc-textpic + .csc-list,
#leftcol .csc-text + .csc-list { margin-top: 13px }

ul#main_menu { position: relative }

ul#main_menu > li { position: static }

ul#main_menu > li > ul {
  background-color: #FFF;
  border: 3px solid #E6E6E6;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.07);
  left: -14px;
  padding: 23px 0 19px;
  position: absolute;
  top: 37px;
  width: 966px;
}

ul#main_menu > li.member > ul { width: 423px }

ul#main_menu > li.press { position: relative }

ul#main_menu > li.press > ul {
  width: 423px;
  width: 314px;
  left: 0px;
}

ul.dropdown > li { float: left }

li.member ul.dropdown > li { width: auto }

ul.col {
  float: left;
  min-width: 272px;
  min-height: 200px;
  margin: 7px 0px 13px 21px;
}

ul.col + ul.col {
  border-left: 3px solid #E6E6E6;
  margin: 7px 0px 13px 24px;
  padding: 0px 0 0 20px;
}

ul.col > li > a,
ul.col > li > span {
  color: #E6E6E6;
  display: inline-block;
  font-family: 'AachenTL-Roman';
  font-size: 15px;
  letter-spacing: 0.04em;
  line-height: 29px;
  margin: -2px 0 0;
  padding: 0 0 0 18px;
  text-transform: uppercase;
  float: left;
  clear: both;
}

ul.col > li > ul + a,
ul.col > li > ul + span { margin-top: 11px }

ul.col > li > ul {
  clear: both;
  float: left;
  margin: 0;
  width: 100%;
}

ul.col > li > ul > li { display: block }

ul.col > li > ul > li > a {
  color: #5f5f5f;
  display: block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 30px;
  margin: 3px 0 1px;
  padding: 0 0 0 18px;
  text-transform: none;
}

ul.col > li > a:hover,
ul.col > li > a.active:hover,
ul.col > li > ul > li:hover > a,
ul.col > li > ul > li > a:hover {
  color: #f6a700;
  background: none;
}

ul.col  li.active > a,
ul.col  li a.active { color: #e30613 }

.block + .block {
  clear: none;
  margin: 0 0 0 -40px;
}

.expand .block { width: 50% }

ul.col.expand { min-width: 555px }

ul.col + ul.col.expand {min-width:455px}

ul.col.expand.cols3 { min-width: 760px }

#leftcol .csc-default.pdf_image_preview {
  width: 304px;
  margin: 11px 17px 40px 0 !important;
}

#leftcol .csc-div + .csc-default.pdf_image_preview,
#leftcol .csc-div + .csc-default.pdf_image_preview + .pdf_image_preview { margin-top: 44px !important }

#leftcol .csc-div + .csc-default.pdf_image_preview + .pdf_image_preview + .pdf_image_preview { margin-top: 11px !important }

.pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after {
  content: none;
  clear: none;
  display: none;
}

.pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after,
.pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview + .pdf_image_preview:after {
  clear: both;
  content: '';
  display: table;
}

#leftcol .csc-default.pdf_image_preview .csc-image {
  float: left;
  width: 143px;
  margin: 0 17px 0 0;
}

#leftcol .csc-default.pdf_image_preview .csc-text {
  float: left;
  width: 144px;
  margin: 0 0 0 0;
}

#leftcol .csc-default.pdf_image_preview .csc-text p,
#leftcol .csc-default.pdf_image_preview .csc-text h1,
#leftcol .csc-default.pdf_image_preview .csc-text h2,
#leftcol .csc-default.pdf_image_preview .csc-text .csc-header { width: 100% }

#leftcol .csc-article .csc-default.pdf_image_preview .csc-text .csc-header,
#leftcol .csc-article .csc-div + .csc-default.pdf_image_preview .csc-text .csc-header { margin: -29px 0 0 0 }

.profile #leftcol .csc-default.csc-textpic caption {
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 12px;
  margin: -8px 0 20px;
  text-align: left;
  caption-side: bottom;
  float: none;
  width: auto;
}

.profile #leftcol .csc-default.csc-textpic .csc-textpic-imagewrap img {
  background-color: #555;
  float: left;
  margin: 2px 0 20px;
}

.profile #leftcol .csc-default.csc-textpic .csc-textpic-imagewrap { float: left }

.profile #leftcol .csc-default.csc-textpic .csc-textpicHeader * {
  margin-top: 0px;
  padding-top: 0px;
}

a.whiteborderfix {
  display: block;
  overflow: hidden;
  width: 143px;
}

a.whiteborderfix img { margin: -6px 0 -6px 0 }

.tx-withhnggmostpopular-pi2 .csc-textpic-image,
.tx-withhnggkategorien-pi1 .csc-textpic-image { width: 302px }

.tx-withhnggmostpopular-pi2 .csc-textpic-image a,
.tx-withhnggkategorien-pi1 .csc-textpic-image a { width: 302px }

.tx-withhnggmostpopular-pi2 .csc-textpic-image img,
.tx-withhnggkategorien-pi1 .csc-textpic-image img { max-width: 100% }

#leftcol .csc-default.csc-textpic .csc-textpic-image img {
  min-width: 196px;
  height: auto;
}

/* start wollert it */
#leftcol .tx-withhnggkategorien-pi1 .csc-default.csc-textpic .csc-textpic-image img {
  width:100%;
}
/* end wollert it */


/* === Extbase === */

/* --- Messages --- */

#typo3-messages { }

.typo3-message {
  background-position: 10px 12px;
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 0 0 4px;
  padding: 12px 12px 12px 36px;
}

.typo3-message .message-header { display: none; }

.typo3-message ul,
.typo3-message ol { padding: 0 0 0 16px }

.typo3-message li {
  list-style: disc;
  margin: 0 0 10px;
}

.typo3-message a { text-decoration: underline }

.message-notice {
  background-color: #F6F7FA;
  background-image: url('/typo3/sysext/t3skin/icons/gfx/notice.png');
  border-color: #C2CBCF;
  color: #777;
}

.message-notice a { color: #777 }

.message-information {
  background-color: #EAF7FF;
  background-image: url('/typo3/sysext/t3skin/icons/gfx/information.png');
  border-color: #C5DBE6;
  color: #4C73A1;
}

.message-information a { color: #4C73A1 }

.message-ok {
  background-color: #CDEACA;
  background-image: url('/typo3/sysext/t3skin/icons/gfx/ok.png');
  border-color: #58B548;
  color: #3B7826;
}

.message-ok a { color: #3B7826 }

.message-warning {
  background-color: #FBF6DE;
  background-image: url('/typo3/sysext/t3skin/icons/gfx/warning.png');
  border-color: #B1905C;
  color: #9E7D4A;
}

.message-warning a { color: #9E7D4A; }

.message-error {
  background-color: #F6D3CF;
  background-image: url('/typo3/sysext/t3skin/icons/gfx/error.png');
  border-color: #D66C68;
  color: #AA0225;
}

.message-error a { color: #AA0225 }

/* --- Forms --- */

form.f3-form > .errors {
  background: #E30613;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  padding: 10px;
}

form.f3-form > .errors .hint { display: block }

form.f3-form > .errors .details { margin: 10px 0 0 }

form.f3-form .row input.f3-form-error { border: 3px solid #E30613 }

form.f3-form .row span.customSelect.f3-form-error {
  background-color: #E30613;
  color: #FFF;
}

form.f3-form .row span.hint,
form.f3-form .row span.error {
  display: inline-block;
  margin: -5px 0 5px 207px;
}

form.f3-form .row span.hint.step3 {
  margin: -5px 0 5px 0;
}
form.f3-form .row span.hint.right {
  float: right;
}

form.f3-form .row.checkbox span.hint,
form.f3-form .row.checkbox span.error { margin: -5px 0 5px 0 }

form.f3-form .row span.hint { color: #F6A700 }

form.f3-form .row span.error { color: #E30613 }

form.f3-form .row.select span.hint,
form.f3-form .row.select span.error { margin: 5px 0 }

form.f3-form .row.check.f3-form-error label { color: #E30613 }

/* === ww-members-registration === */

.ww-members-registration .typo3-messages { display: none }

.ww-members-registration form fieldset.changes .row.check { padding: 0 }

/* === ww-members-change-notification === */

.ww-members-change-notification .typo3-messages { display: none }

.ww-members-change-notification form fieldset.changes .row.check { padding: 0 }

/* === ww-members-administration === */

.ww-members-administration {
  float: left;
  position: relative;
  width: 946px;
}

.ww-members-administration input.hidden { display: none }

.ww-members-administration span.customSelect {
  margin: 0;
  width: auto;
}

.ww-members-administration .table {
  border-collapse: separate;
  display: table;
  table-layout: fixed;
}

.ww-members-administration .table span.customSelect { overflow: hidden }

.ww-members-administration .table .thead { display: table-header-group }

.ww-members-administration .table .tbody { display: table-row-group }

.ww-members-administration .table .tr { display: table-row }

.ww-members-administration .table .tr .th,
.ww-members-administration .table .tr .td { display: table-cell }

.ww-members-administration .table .thead .tr .th {
  border-bottom: 2px solid #E6E6E6;
  padding: 0 5px 10px;
  text-align: left;
}

.ww-members-administration .table .thead .tr .th a,
.ww-members-administration .table .thead .tr .th span {
  font-weight: bold;
  padding: 0 15px 0 0;
}

.ww-members-administration .table .thead .tr .th span { cursor: default }

.ww-members-administration .table .thead .tr .th a:hover { color: #E30613 }

.ww-members-administration .table .thead .tr .th a.sorted {
  background-position: right top;
  background-repeat: no-repeat;
}

.ww-members-administration .table .thead .tr .th a.sorted.desc { background-image: url('../images/sort_desc.png') }

.ww-members-administration .table .thead .tr .th a.sorted.asc:hover { background-image: url('../images/sort_desc_mo.png') }

.ww-members-administration .table .thead .tr .th a.sorted.asc { background-image: url('../images/sort_asc.png') }

.ww-members-administration .table .thead .tr .th a.sorted.desc:hover { background-image: url('../images/sort_asc_mo.png') }

.ww-members-administration .table .tbody .tr.even { background: #F6F6F6 }

.ww-members-administration .table .tbody .tr .td {
  padding: 5px;
  vertical-align: middle;
}

.ww-members-administration .table .tbody .tr .td + .td { border-left: 2px solid #E6E6E6 }

.ww-members-administration .table .tbody form div:first-child { display: none }

/* --- Filter --- */

.ww-members-administration > .filter {
  border-bottom: 3px dashed #E6E6E6;
  padding: 0 0 20px;
}

.ww-members-administration .filter a {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ww-members-administration .filter label { margin: 0 4px 0 0 }

.ww-members-administration .filter input {
  border: 0;
  color: #555;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  height: 18px;
  letter-spacing: 0.04em;
  line-height: 18px;
  padding: 8px 3px 8px 40px;
  width: 110px;
}
.ww-members-administration .filter input.datepicker { cursor: pointer }

.ww-members-administration .filter input.from.date {
  background-image: url('../images/datepicker2a.png');
  background-position: 0 3px;
}

.ww-members-administration .filter input.to.date {
  background-image: url('../images/datepicker2a.png');
  background-position: -153px 3px;
}

.ww-members-administration .filter input.submit {
  background: #F6A700;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  height: 32px;
  padding: 0 13px;
  text-transform: uppercase;
  width: auto;
}

.ww-members-administration .filter .filters { position: relative }

.ww-members-administration .filter .filters .filter { display: inline-block }

.ww-members-administration .filter .filters .filter.region,
.ww-members-administration .filter .filters .filter.status { margin: 0 0 0 10px }

.ww-members-administration .filter .controls {
  height: 32px;
  margin: 10px 0 0;
}

.ww-members-administration .filter .controls a { color: #F6A700 }

.ww-members-administration .filter .controls a.reset { margin: 0 0 0 10px }

/* --- List --- */

.ww-members-administration .list {
  font-size: 11px;
  margin: 20px 0 0;
  width: 946px;
}

.ww-members-administration .list .thead .tr .th.type {
  padding: 0 0 10px;
  width: 10px;
}

.ww-members-administration .list .thead .tr .th.crdate { width: 115px }

.ww-members-administration .list .thead .tr .th.region { width: 165px }

.ww-members-administration .list .thead .tr .th.status { width: 165px }

.ww-members-administration .list .thead .tr .th.actions { width: 58px }

.ww-members-administration .list .tbody .tr .td.type.neuanmeldung { background: #8BEA8B }

.ww-members-administration .list .tbody .tr .td.type.aenderungsmitteilung { background: #F9FF62 }

.ww-members-administration .list .tbody .tr .td.region select { max-width: 150px }

.ww-members-administration .list .tbody .tr .td.status select { max-width: 150px }

.ww-members-administration .list .tbody .tr .td.actions a {
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 16px;
  margin: 0 4px 0 0;
  text-indent: -10000px;
  width: 16px;
}

.ww-members-administration .list .tbody .tr .td.actions a:last-child { margin: 0 }

.ww-members-administration .list .tbody .tr .td.actions a.save {
  background-image: url('../images/save_1.png');
  display: none;
}

.ww-members-administration .list .tbody .tr .td.actions input.submit { display: none }

.ww-members-administration .list .tbody .tr .td.actions a.save.saving { background-image: url('../images/save_2.gif') }

.ww-members-administration .list .tbody .tr .td.actions a.save.saved { background-image: url('../images/save_3.png') }

.ww-members-administration .list .tbody .tr .td.actions a.save.error { background-image: url('../images/save_4.png') }

.ww-members-administration .list .tbody .tr .td.actions a.details { background-image: url('../images/details.png') }

.ww-members-administration .list .tbody .tr .td.actions a.print { background-image: url('../images/print.png') }

.ww-members-administration .list .tbody .tr .td.actions a.delete { background-image: url('../images/delete.png') }

.ww-members-administration .list .tbody .tr.no-data { display: none }

.ww-members-administration .list .tbody .tr.no-data .td.label {
  display: block;
  font-weight: bold;
  text-align: center;
  width: 946px;
}

/* --- Processing --- */

.ww-members-administration .processing {
  border-top: 3px dashed #E6E6E6;
  margin: 20px 0 0;
  padding: 10px 0 0;
  position: relative;
}

.ww-members-administration .processing span.label,
.ww-members-administration .processing a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}

.ww-members-administration .processing .partial { display: inline-block }

.ww-members-administration .processing .entries a.mark-entries-as-completed {
  background: transparent url('../images/save_1.png') no-repeat right center;
  color: #3676DB;
  font-weight: bold;
  padding: 0 20px 0 0;
}

.ww-members-administration .processing .exports {
  position: absolute;
  right: 0;
  top: 10px;
}

.ww-members-administration .processing .exports a {
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -10000px;
  width: 24px;
}

.ww-members-administration .processing .exports a.csv { background-image: url('../images/csv.png') }

.ww-members-administration .processing .exports a.xls { background-image: url('../images/xls.png') }

/* --- Details --- */

.ww-members-administration .details tbody tr td { padding: 5px 10px 5px 0 }

.ww-members-administration .details tbody tr td.value { font-weight: bold }

/* --- Fixtures --- */

#leftcol .ww-members-administration .header {
  margin: 20px 0 0;
  position: relative;
}

#leftcol .ww-members-administration .header .back {
  background-color: #F6A700;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  z-index: 1;
}

#leftcol .ww-members-administration .header .back > a {
  background-color: #F6A700;
  background-image: url('../images/arrow_backlink.png');
  background-position: 20px -31px !important;
  background-repeat: no-repeat;
  color: #FFF;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  letter-spacing: 0.02em;
  line-height: 30px;
  margin: 0;
  padding: 0 0 2px 46px;
  text-transform: lowercase;
  width: 155px;
}

#leftcol .ww-members-administration .header .back > a:hover {
  background-color: #FFF;
  background-position: 20px -2px !important;
  border: 2px solid #F6A700;
  color: #F6A700;
  height: 26px;
  line-height: 26px;
  padding: 0 0 2px 42px;
}

#leftcol .ww-members-administration .f3-widget-paginator {
  font-size: 12px;
  margin: 10px 0 0;
  text-align: right;
  width: 946px;
}

#leftcol .ww-members-administration .f3-widget-paginator li {
  display: inline;
  margin: 0;
  padding: 0;
}

#leftcol .ww-members-administration .f3-widget-paginator li:before {
  content: '';
  margin: 0;
}
