/*Standard*/

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
.clearL,
.clearR,
.clear
{
  clear: both;
}
H1, H2, H3, H4, H5, H6
{
  font: 14px Helvetica, Arial, Verdana, Sans-serif;
  line-height: 140%;
  font-weight: bold;
  text-transform: uppercase;
  color: #384f9f;
  padding: 10px 0 0;
}
H1
{
  font-size: 20px;
}
H2
{
  font-size: 18px;
}
H3
{
  font-size: 16px;
}
H4
{
}
P
{
  padding: 10px 0 5px;
}
A
{
  text-decoration: none;
  color: #384f9f;
}
A:hover
{
  text-decoration: underline;
}
HR
{
  background: transparent;
  border: 0 solid #e5e4df;
  height: 0;
  padding: 0;
  margin: 30px 0;
  border-bottom: 1px solid #e5e4df;
}
.left HR {
  margin: 5px 0;
}
TEXTAREA, INPUT, BUTTON
{
  resize: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 0px;
  -moz-border-radius: 0px;
  /*-webkit-border-radius: 0px;*/
  font-family: inherit;
  -webkit-font-smoothing: inherit;
  padding: 5px;
  border: 1px solid #e5e4df;
  background: #FFF;
}
BUTTON
{
  border: none;
  cursor: pointer;
}

INPUT[type=text], TEXTAREA, INPUT[type=password], INPUT[type=email], SELECT, BUTTON
{
  width: 100%;
}
INPUT[type=text], TEXTAREA, INPUT[type=submit], INPUT[type=reset], INPUT[type=password], INPUT[type=email], TEXTAREA, BUTTON
{
  -webkit-appearance: none;
  /*-moz-appearance: none;*/
  /*-ms-appearance: none;*/
  /*-o-appearance: none;*/
  /*appearance: none;*/
}
INPUT:-webkit-autofill, TEXTAREA:-webkit-autofill
{
  -webkit-box-shadow: 0 0 0 1000px #FFF inset;
  -webkit-text-fill-color: #384f9f;
}
::-webkit-input-placeholder
{
  color: #4d60a6;
}
:-moz-placeholder
{
  opacity: 1;
  color: #4d60a6;
}
::-moz-placeholder
{
  opacity: 1;
  color: #4d60a6;
}
:-ms-input-placeholder
{
  color: #4d60a6;
}

P.align-center, H1.align-center, H2.align-center, H3.align-center, H4.align-center, H5.align-center, A.align-center, P A.align-center
{
  text-align: center;
}
P.align-right, H1.align-right, H2.align-right, H3.align-right, H4.align-right, H5.align-right, A.align-right, P A.align-right
{
  text-align: right;
}
P.align-justify, H1.align-justify, H2.align-justify, H3.align-justify, H4.align-justify, H5.align-justify, A.align-justify, P A.align-justify
{
  text-align: justify;
}
A.Button, A .Button, .Button A {
  display: inline-block;
  background: #384f9f;
  color: #fff;
  padding: 5px 20px;
}
A.Button:hover, A:hover .Button, .Button A:hover {
  background: #2f4389;
  text-decoration: none;
}
.Telefon {
  background: url(../img/head-phone.png) no-repeat left center;
  padding: 7px 0 7px 27px;
}
.Fax {
  background: url(../img/head-fax.png) no-repeat left center;
  padding: 7px 0 7px 30px;
}
.Mail {
  background: url(../img/head-mail.png) no-repeat left center;
  padding: 7px 0 7px 30px;
}
/*box-sizing*/
.head, .allcont2 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/*animation*/
.nav A, .tx-felogin-pi1 FORM INPUT.submit, .teaser:hover, .teaser .csc-textpic-text, .teaser .csc-textpic-text:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav A {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
/*clearfix Nav*/
.nav > UL:after, .lang-switch:after, .searchbox form:after {
  content: "";
  display: block;
  clear: both;
}
.nav > UL, .lang-switch, .searchbox form{
  zoom: 1;
}
/*Template*/
HTML, BODY, #site
{
  height:100%;
}
BODY > #site
{
  height:auto;
  min-height:100%;
}
BODY
{
  font: 12px Helvetica, Arial, Verdana, Sans-serif;
  line-height: 22px;
  color: #5b5855;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
BODY.overflow {
  overflow: hidden;
}
#site
{
  width: 960px;
  margin: 0 auto
}
/*Head*/
.head
{
  position: relative;
  z-index: 1;
  padding: 0 40px 30px 40px;
  border-left: 1px solid #e5e4df;
  border-right: 1px solid #e5e4df;
}
#logo
{
  background: url(../img/logo.png) no-repeat left top;
  width: 200px;
  height: 162px;
  float: left;
  margin: 40px 0 0 0;
}
.bel3 #logo {
  background: url(../img/logo-home.png) no-repeat left top;
  width: 275px;
  height: 222px;
}
#logo A
{
  display: block;
  width: 100%;
  height: 100%;
}
#logo A SPAN
{
  display: none;
}
.headr {
  float: right;
  margin: 20px 0 0 0;
}
/*lang switch*/
.lang-switch
{
  width: 45px;
  float: right;
}
.lang-switch LI
{
  float:left;
  width:20px;
  height:13px;
  display:inline;
  cursor:pointer;
}
.lang-switch LI A
{
  display:block;
  width:100%;
  height:100%;
}
.lang-switch LI SPAN
{
  display:none;
}
LI.lang-de
{
  background: url(../img/lang.png) no-repeat right top;
  margin-right: 5px;
}
LI.lang-en
{
  background: url(../img/lang.png) no-repeat left top;
}
.headcontact {
  font-weight: bold;
  color: #384f9f;
  font-size: 14px;
  text-align: right;
  margin: 35px 0 30px 0;
}
.searchbox {
  width: 57%;
  float: right;
  border: 1px solid #E5E4DF;
}
.searchbox input {
  float: left;
  line-height: 38px;
  border: 0;
}
.searchbox input.submit {
  width: 10%;
  text-indent: -1000px;
  overflow: hidden;
  background: url(../img/search.png) no-repeat center center;
  border-right: 1px solid #E5E4DF;
  cursor: pointer;
}
.searchbox input.sword {
  text-transform: uppercase;
  font-size: 12px;
  color: #4d60a6;
  width: 90%;
  padding-left: 20px;
}

/*headlogin*/
.headlogin {
  position: absolute;
  top: 50px;
  right: -51px;
  width: 50px;
  height: 50px;
  background: #2a3f88 url(../img/login.png) no-repeat center center;
  cursor: pointer;
}
.headlogin > DIV {
  width: 100%;
  height: 100%;
}
.headlogin p {
  display: none;
}
/*Subhead*/
#subhead
{
  overflow: hidden;
  width: 94%;
  margin: 20px 0 20px 6%;
  border: 1px solid #e5e4df;
  border-right: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.bel3 #subhead {
  width: 100%;
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid #e5e4df;
  border-bottom: 1px solid #e5e4df;
}
#subhead2 * {
  margin: 0;
  float: none;
  display: block;
  position: relative;
  right: 0;
  line-height: 0;
}

/*Nav*/
.nav
{
  list-style-type: none;
  display: block;
}
.nav UL {
}
.nav LI.has-sub > A {
  background-image: url(../img/nav.png);
  background-repeat: no-repeat;
  background-position: 93% -80px;
  line-height: 20px;
}
/* Allgemeine Stile */
.nav LI
{
  position: relative;
  list-style-type: none;
  padding: 0;
  border-left: 1px solid #e5e4df;
  border-right: 1px solid #e5e4df;

}
.nav A
{
  text-transform: uppercase;
  color: #9f9b98;
  display: block;
  font-size: 12px;
  cursor: pointer;
}
.nav LI.act > .subNav
{
  display: block;
}
.nav LI:hover > A,
.nav LI.over > A,
.nav LI.act > A
{
  color: #384f9f;
  background-color: #f3f3f3;
  text-decoration: none;
}

/* Ebene I / Hauptnavigation */
.nav > UL > LI
{
  border-top: 1px solid #e5e4df;
}
.nav > UL > LI.start {
  border-top: 0;
}
.nav > UL > LI.last
{
  border-bottom: 1px solid #e5e4df;
}
.nav > UL > LI > A
{
  padding: 14px 20px;
}
.nav > UL > LI:hover > A,
.nav > UL > LI.over > A,
.nav LI.has-sub.over > A,
.nav LI.has-sub:hover > A
{
  color: #384f9f;
  background-position: 93% 20px;
  background-color: #f3f3f3;
}

.nav > UL > LI.act > A,
.nav > UL > LI.act:hover > A,
.nav > UL > LI.act.over > A
{
  background-color: #fff;
  background-position: 93% -28px;
}
.nav > UL > LI.act {
  width: 114%;
  border-bottom: 1px solid #e5e4df;
}
.nav > UL > LI.act.has-sub {
  border-bottom: 0;
}

.nav > UL > LI.act + LI
{
  border-top: none;
}

/* Ebene II / subnav */
.subNav
{
  display: none;
  background: url(../img/trans.png) repeat left top;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #e5e4df;
  border-bottom: 1px solid #e5e4df;
}
.subNav > LI {
  border-right: 0;
  border-left: 0;
}
.subNav > LI + LI
{
  border-top: 1px solid #e5e4df;

}
.subNav > LI.last {
  border-bottom: 0
}
.subNav A
{
  padding: 8px 20px;
  background-color: #f8f8f8;
}
.subNav LI.has-sub A {
  background-position: 93% -85px;
}
.subNav LI:hover > .subNav,
.subNav LI.over > .subNav,
.subNav LI.act.over > .subNav,
.subNav LI.act:hover > .subNav
{
  display: block;
}
.nav LI.has-sub .subNav > LI.act > A,
.nav LI.has-sub .subNav > LI:hover > A,
.nav LI.has-sub .subNav > LI.over > A
{
  background-position: 93% 15px;
}


/* Ebene III / subnav subnav */
.subNav .subNav
{
  position: absolute;
  z-index: 10;
  left: 100%;
  top: 0;
  padding-left: 10px;
  border-top: 0;
  border-bottom: 0;
  display: none;
}
.subNav .subNav > LI {
  border-left: 1px solid #e5e4df;
  border-right: 1px solid #e5e4df;
  border-bottom: 1px solid #e5e4df;
  border-top: 1px solid #e5e4df;
}
.subNav .subNav > LI + LI {
  border-bottom: 1px solid #e5e4df;
  border-top: 0px solid #e5e4df;
}
.subNav .subNav A
{
  white-space: nowrap;
}
.subNav LI.act > .subNav {
  display: none
}

/*Nav Startseite*/
.bel3 .nav > UL {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e4df;
  border-bottom: 0;
}
.bel3 .nav > UL LI {
  list-style: none;
  position: relative;
  border: 0;
}
.bel3 .nav > UL LI.act {
  width: auto;
  /* border-bottom: 0; */
}
.bel3 .nav > UL LI.start,
.bel3 .nav > UL LI.last {
  display: none;
}
.bel3 .nav > UL LI A {
  display: inline-block;
  text-align: center;
}

/*Allcont*/
.allcont
{
  border-top: 1px solid #e5e4df;
  padding-bottom: 455px;
}
.allcont2 {
  border-left: 1px solid #e5e4df;
  border-right: 1px solid #e5e4df;
  border-bottom: 1px solid #e5e4df;
}
.bel3 .allcont,
.bel3 .allcont2 {
  border-top: 0;
}
.left
{
  float: left;
  width: 21%;
  padding-left: 4%;
}
.left .allpages,
.right .allpages {
  border: 1px solid #e5e4df;
  padding: 10px 10%;
  margin: 30px 0 40px;
}
.cont
{
  float: left;
  width: 75%;
}
.bel3 .cont {
  width: 100%;
  float: none;
}
.cont2 {
  padding: 0 6%;
}
.bel4 .cont2 {
  padding: 20px 6%;
}
.right {
    display: none;
}
.boxes {
  padding: 0 6%;
  margin: 20px 0;
}
.boxes .teaser {
  float: left;
  width: 31.6%;
  margin-right: 2.6%;
}
.boxes .teaser.third {
  margin-right: 0;
}
.boxes .teaser .csc-textpic-text {
  padding-left: 0;
  text-align: center;
}
/*Foot*/
.foot
{
  font-size: 12px;
  background-color: #383633;
  color: #d9d6d3;
  height: 415px;
  margin-top: -415px;
}
.foot H5 {
  color: #9f9b98;
  font-size: 12px;
  padding-bottom: 5px;
}
.foot A
{
  color: #d9d6d3;
}
.foot P
{
  padding: 0;
}
.foot .Telefon {
  background: url(../img/phone.png) no-repeat left center;
}
.foot .Fax {
  background: url(../img/fax.png) no-repeat left center;
}
.foot .Mail {
  background: url(../img/mail.png) no-repeat left center;
}
.foot .social {
  width: 50px;
  height: 50px;
  display: block;
}
.foot .social:hover {
  opacity: 0.70;
  filter: alpha(opacity =70);
}
.foot .social span {
  display: none;
}
.foot .google-plus {
  background: #4a4844 url(../img/google-plus.png) no-repeat center center;
}
.foot .xing {
  background: #4a4844 url(../img/xing.png) no-repeat center center;
}
.foot .facebook {
  background: #4a4844 url(../img/facebook.png) no-repeat center center;
}
.foot .c54, .foot .c126 {
  margin-bottom: 20px !important;
}
.foot .c56, .foot .c127 {
  float: left;
  margin-right: 40px;
}
.foot .c56 p, .foot .c127 p {
  margin-bottom: 1px;
}
.foot .c55, .foot .c128 {
  float: left;
}
.foot .c55 p, , .foot .c128 p {
  padding: 5px 0
}

.foot .inner {
  width: 960px;
  margin: 0 auto;
}
.foottop {
  padding: 30px 0;
}
.footcol {
  float: left;
}
.footcol.sitemap {
  width: 22%;
  line-height: 30px;
}
.footcol.service {
  width: 21%;
  margin: 0 10% 0 3%;
}
.footcol.service .item {
  margin-bottom: 10px !important;
}
.foot .tx-powermail .powermail_form .powermail_fieldset {
  margin-top: 0;
}
.foot .tx-powermail .powermail_form .powermail_fieldset LABEL {
  display: none;
}
.foot .tx-powermail .powermail_form .powermail_fieldset INPUT {
  background: transparent url(../img/phone.png) no-repeat 5px 40%;
  border: 0;
  border-bottom: 1px solid #4a4844;
  color: #9f9b98;
  padding: 10px 5px 7px 30px;
  font-size: 12px;
  line-height: 20px;
}
.foot ::-webkit-input-placeholder
{
  color: #9f9b98;
}
.foot :-moz-placeholder
{
  color: #9f9b98;
}
.foot ::-moz-placeholder
{
  color: #9f9b98;
}
.foot :-ms-input-placeholder
{
  color: #9f9b98;
}
.foot .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_submit INPUT.powermail_submit {
  display: inline-block;
  width: auto;
  padding: 7px 20px;
  background: #9f9b98;
  border: 1px solid #9f9b98;
  color: #FFF;
  line-height: 20px;
  text-transform: none;
}
.foot .tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_submit INPUT.powermail_submit:hover {
  background: #868686;
  border: 1px solid #868686;
}
.footcol.contact {
  width: 44%;
}
.footbtm {
  padding: 10px 0;
  border-top: 1px solid #4a4844;
  font-size: 10px;
  line-height: 18px;
}
.footbtm p {
  display: inline-block;
}
.footbtm-l {
  color: #9f9b98;
}
.footbtm-l A {
  color: #9f9b98;
}
#footnav
{
  display: inline;
  margin: 0 3px 0 0;
}
#webdesign
{
  display: inline;
}
/*Powermail NEU*/
.powermail_fieldset
{
  clear: inherit;
}
.tx-powermail LEGEND.powermail_legend, .tx-powermail H3
{
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldset
{

  margin-top: 10px;
}
.tx-powermail .powermail_form .powermail_fieldwrap
{
  padding: 2px 0;
}
.tx-powermail .powermail_form .powermail_fieldset LABEL
{
  display: block;
  width: 100%;
  padding: 3px 0 0;
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_check LEGEND {
	display: none;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_check LABEL {
	display: block;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT, .tx-powermail .powermail_form .powermail_fieldset TEXTAREA
{
  width: 100%;
  border: 1px solid #DADADA;
  line-height: 30px;
  padding-left: 20px;
  font-size: 12px;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT:focus,
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA:focus {
  border: 1px solid #2f4389;
}
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA
{
  height: 100px;
  resize: vertical;
}
.tx-powermail .powermail_form .powermail_fieldwrap .powermail_check_outer {
	padding: 10px;
	border: 1px solid transparent;
}
.tx-powermail .powermail_form .powermail_fieldwrap .powermail_check_outer.parsley-error {
	border: 1px solid #d50707;
}

.tx-powermail .powermail_form .powermail_fieldwrap .powermail_check_inner INPUT
{
  width: inherit;
  float: left;
  margin: 5px 10px 5px 5px;
}
.tx-powermail .powermail_form .powermail_fieldwrap .powermail_check_inner LABEL
{
  margin: 5px 0;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_submit
{
  padding: 0px;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_submit INPUT.powermail_submit
{
  cursor: pointer;
  margin: 10px 0;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #384f9f;
  color: #fff;
  border: 0;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_submit INPUT.powermail_submit:hover
{
  background: #2f4389;
}
.tx-powermail .powermail_fieldset .powermail_fieldwrap .mandatory
{
  color: #384f9f;
}
.parsley-errors-list {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error {
  border: 1px solid #d50707;
}
TEXTAREA.parsley-error {
  border: 1px solid #d50707 !important;
}
.tx-powermail .powermail_create
{
  background: transparent;
  padding: 10px 0px 0px 0;
  color: #646464;
}
.tx-powermail .powermail_create DT
{
  padding: 12px 0 0px;
  font-weight: bold;
}
.tx-powermail .powermail_form SELECT
{
  width: 100%;
}
.tx-powermail .powermail_form .powermail_fieldwrap_reset
{
  padding: 0px;
  margin: 0px;
  position: relative;
}
.tx-powermail .powermail_form .powermail_fieldwrap_text
{
  font-size: 11px;
  color: #FF0000;
  font-style: italic;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_radio_inner
{
  display: inline-block;
  width: 15%;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_radio_inner INPUT
{
  display: inline;
  width: 10%;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_radio_inner LABEL
{
  display: inline;
}
/*Special*/
.cont UL
{
  margin: 5px 0px 10px 25px;
}
.cont UL LI
{
  list-style-type: disc;
  padding: 3px 0px;
}
.cont OL
{
  margin: 5px 0px 10px 25px;
}
.cont OL LI
{
  list-style-type: decimal;
  padding: 3px 0px;
}
.cont TABLE
{
  margin: 10px 0px 5px;
}
.cont TABLE TR TD
{
    padding: 10px 10px 10px 0px;
    line-height: 16px;
}
.cont DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
  margin: 10px 0 0;
}
div.csc-textpic-border div.csc-textpic-imagewrap img {
  border: 1px solid #e5e4df
}
div.csc-textpic .csc-textpic-imagewrap A img:hover {
  opacity: 0.80;
  filter: alpha(opacity =80);
}
.lbox
{
  float: left;
  width: 48%;
  margin-right: 4%;
  display: inline;
}
.rbox
{
  float: left;
  width: 48%;
  display: inline;
}
.cont .teaser DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0;
}
.teaser {
  font-weight: bold;
  background: #384f9f;
}
.teaser A {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}
.teaser A:hover {
  text-decoration: none;
}
.teaser .csc-textpic {
  display: table;
  height: 120px;
}
.teaser .csc-textpic .csc-textpic-imagewrap {
  margin: 0;
}
.teaser .csc-textpic-text {
  display: table-cell;
  vertical-align: middle;
  width: 105%;
  background: #384f9f;
  position: relative;
  padding-left: 3%;
  left: -5%;
}
.teaser .csc-textpic-text:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -50px;
  border-top: 120px solid transparent;
  border-right: 50px solid #384f9f;
  -moz-transform: scale(.9999);
  width: 0px;
  height: 0px;
}
.teaser .csc-textpic-text * {
  padding: 5px 0;
}
.teaser:hover .csc-textpic-text:after{
  border-right: 50px solid #2a3f88;
}
.teaser:hover, .teaser:hover .csc-textpic-text {
  background: #2a3f88;
}
.teaser div.csc-textpic .csc-textpic-imagewrap A img:hover {
  opacity: 1;
  filter: alpha(opacity =100);
}

/*Newsletter*/
.c38 H5 {
  background: url(../img/newsletter.png) no-repeat left center;
  padding-left: 35px;
}
.newsL .field
{
  padding: 2px 0;
}
.newsL .field.field1 label, .newsL .field.field2 label {
  display: none;
}
.newsL .field.field1 input, .newsL .field.field2 input  {
  border: 0;
  border-bottom: 1px solid #e5e4df;
  padding: 4px 5px 3px 30px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 21px;
}
.newsL .field.field1 input {
  background: url(../img/username.png) no-repeat left top;
}
.newsL .field.field2 input {
  background: url(../img/password.png) no-repeat left top;
}
.newsL LABEL
{
  padding: 3px 0 0;
}
.newsL .submit
{
  background-color: #384f9f !important;
  color: #FFF;
  cursor: pointer;
  margin: 10px 0;
  padding: 10px 0;
}
.newsL .submit:hover
{
  background-color: #2a3f88 !important;
}
.newsL .mandatory
{
  font-size: 11px;
  color: #172755;
  font-style: italic;
}

/*login popup*/
#popup
{
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.4);
  position:fixed;
  left:0;
  top:0;
  z-index:10000;
  display: block;
  display:none;
}

#popup .popup-inner
{
  padding:40px;
  width:260px;
  height:auto;
  background-color:#fff;
  position:absolute;
  left:50%;
  top:30%;
  margin-left:-130px;
  z-index:11000
}

#popup .close
{
  width:30px;
  height:30px;
  background:url(../img/close.png) no-repeat center center;
  position:absolute;
  right:10px;
  top:10px;
  padding: 0;
  cursor:pointer
}
#popup .close span {
  display: none;
}
/*Login*/
.tx-felogin-pi1 LEGEND
{
  /*font-weight: bold;*/
  display: none;
}
.tx-felogin-pi1
{
  /*margin-bottom: 20px;*/
}
.tx-felogin-pi1 FORM DIV
{
  margin: 10px 0 0 0;
}
.tx-felogin-pi1 FORM DIV.felogin-hidden {
  margin: 0;
}
.tx-felogin-pi1 FORM INPUT
{
  padding-left: 40px;
  margin: 0;
  width: 100%;
  font-size: 12px;
  line-height: 38px;
}
.tx-felogin-pi1 FORM INPUT#user {
  background: url(../img/username.png) no-repeat 13px 50%;
}
.tx-felogin-pi1 FORM INPUT#pass {
  background: url(../img/password.png) no-repeat 13px 45%;
}
.tx-felogin-pi1 FORM INPUT.submit
{
  padding-left: 0;
  cursor: pointer;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #384f9f;
}
.tx-felogin-pi1 FORM INPUT.submit:hover
{
  background-color: #2f4389 !important;
}
.hellouser
{
  padding: 0 6%;
}
/*Suche*/
.tx-indexedsearch
{
  margin: 15px 0;
  overflow: hidden;
}
.cont .tx-indexedsearch TABLE
{
  width: 100%;
  margin: 0;
}
.cont .tx-indexedsearch TABLE TR TD {
  padding: 5px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword
{
  width: 100%;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button
{
  margin: 10px 0 0;
  width: 100%;
  padding: 10px 0;
  text-transform: uppercase;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button:hover
{
  background-color: #e5e4df !important;
}
.tx-indexedsearch .tx-indexedsearch-whatis
{
  text-align: center;
  margin-top: 20px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-icon
{
  display: none;
}
.tx-indexedsearch .tx-indexedsearch-res TABLE
{
  margin-left: -13px !important;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent
{
  background-color: #C0C0C0;
  padding: 15px 10px 15px 0px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title A
{
  padding: 0 0 0 10px;
  font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-descr
{
  font-style: normal !important;
  padding: 10px !important;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info
{
  padding: 6px 10px !important;
  font-size: 12px;
  line-height: 17px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup
{
  color: #003355;
}

.tx_htbproduktgruppen .filter {
    border: 1px solid #e5e4df;
    position: relative;
    margin: 0 0 20px 0;
}
.tx_htbproduktgruppen .filter p.head {
    padding: 5px 10px;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
  color: #384f9f;
}
.tx_htbproduktgruppen .filter .openFilter {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 22px;
    height: 22px;
    background: url(../img/arr_pattern.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 -22px;
    text-indent: -9999px;
}
.tx_htbproduktgruppen .filter .openFilter.close {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 22px;
    height: 22px;
    background: url(../img/arr_pattern.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    text-indent: -9999px;
}
.filterDetails {
    margin: 0px 10px 10px 10px;
    border-top: 1px solid #eee;
    padding: 10px 0 0 0;
}
.tx_htbproduktgruppen div h3 {
  width: auto;
    background: #384f9f;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    padding: 8px 12px 7px 12px;
    margin: 0 0 20px 0;
}
.tx_htbproduktgruppen .wrap-all {
    border-bottom: 1px solid #e5e4df;
    margin: 0 0 20px 0;
    position: relative;
}
.tx_htbproduktgruppen .image {
    width: calc(20% - 10px);
    margin: 3px 10px 0 0;
    float: left;
}
.tx_htbproduktgruppen .image img {
    width: 100%;
    height: auto;
}
.tx_htbproduktgruppen .image .clean {
    text-align: center;
    padding: 35px 0 35px 0;
    border: 1px solid #efefef;
}
.tx_htbproduktgruppen .details {
    width: calc(60% - 20px);
    margin: 0 10px;
    padding: 0 0 10px 0;
    float: left;
}
.tx_htbproduktgruppen .details p {
    padding: 0 0 10px 0;
    line-height: 18px;
}
.tx_htbproduktgruppen .details h4 {
    margin: 0;
    padding: 0;
}
.tx_htbproduktgruppen .link {
    width: calc(20% - 10px);
    margin: 0 0 0 10px;
  float: right;
    position: absolute;
    right: 0;
    bottom: 20px;
    width: auto;
}
.tx_htbproduktgruppen .link a {
  display: block;
    background: #e5e4df;
    padding: 4px 20px;
    text-decoration: none;
    color: #5b5855;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.tx_htbproduktgruppen .link a:hover {
  display: block;
    background: #384f9f;
    padding: 4px 20px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.tx-htbproduktgruppen table {
    margin: 20px 0;
    width: 100%;
}
.tx-htbproduktgruppen table tr {
    border-bottom: 1px solid #e5e4df;
    line-height: 28px;
}
.tx-htbproduktgruppen table tr td:first-child {
  font-weight: bold;
}
.tx-htbproduktgruppen .imageGalery {
    width: calc(25% - 10px);
    margin: 5px;
    float: left;
    overflow: hidden;
    max-height: 110px;
}
.tx-htbproduktgruppen .imageGalery img {
    width: 100%;
    height: auto;
}
.tx-htbproduktgruppen #live-search {
  margin: 0 0 20px 0;
}
.tx-htbproduktgruppen #live-search input {
    font-size: 14px;
    padding: 8px 10px;
}
.tx-htbproduktgruppen #live-search input::-webkit-input-placeholder {
   color: #ccc;
   font-style: italic;
}

.tx-htbproduktgruppen #live-search input:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
   font-style: italic;
}

.tx-htbproduktgruppen #live-search input::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
   font-style: italic;
}

.tx-htbproduktgruppen #live-search input:-ms-input-placeholder {
   color: #ccc;
   font-style: italic;
}



/* merkzettel */

.merkzettel_sidebar {
    position: absolute;
    top: 110px;
    right: -51px;
    width: 50px;
    height: 50px;
    background-color: #2a3f88;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTA1RDhDOTEzMjFBMTFFNkJCMzU4OTU2QTA5MTBGOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTA1RDhDOTAzMjFBMTFFNkJCMzU4OTU2QTA5MTBGOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBhOWE1YzkyLTdhODUtMTE3OS1iYmYyLWY1NjgyZTY1NTFkMiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBhOWE1YzkyLTdhODUtMTE3OS1iYmYyLWY1NjgyZTY1NTFkMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqShcUQAAACKSURBVHjaYvz//z8DEtgOxGwM5INfQOwJ47CgSYoCsQkFhp9B5jAx0BAMXcNZ8MjNBGI7IL4GxJOAeAYOdc+B2IlUw9PR+JqjYT4a5qNhPlLCvAaIHYH4MhAvAuJuHOqeAHE8VhlQTYSEz6DxScUo+odPmCsD8V4KzFPGZ3gBEP+gwHAOZA5AgAEAee9gyOEeeXgAAAAASUVORK5CYII=');
    background-size: 23px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .5s ease-in-out;
  opacity: 1;
}
.merkzettel_sidebar.active,
.merkzettel_sidebar:hover
{
  opacity: 0.8;
}
.merkzettel_sidebar > .merkzettel {
    width: 210px;
    position: absolute;
    background: #f5f5f5;
    z-index: 1;
    top: 50px;
    max-height: 0px;
    overflow: hidden;
    transition: all .5s ease-in-out
}
.merkzettel_sidebar > .merkzettel.active{
  max-height: 1000px;
}

.merkzettel_sidebar .merkzettel_item{
  display: block;
    float: left;
    width: 100%;
    background: #fff;
    color: #333;
    padding: 10px;
    box-sizing: border-box;
    border: 10px solid #f5f5f5;
    border-bottom: none;
}
.merkzettel_sidebar .merkzettel_item:last-child{
  border-bottom: 10px solid #f5f5f5;
}

.merkzettel_sidebar .merkzettel_item BUTTON{
  border: 1px solid #dedede;
}
.merkzettel_sidebar .merkzettel_item BUTTON:hover{
  background: #2a3f88;
  color: white;
}

.merkzettel_sidebar + .request{
    background: #2a3f88;
    color: white;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    box-sizing: border-box;
    top: 110px;
  right: -51px;
    width: 0;
    overflow: hidden;
    height: 50px;
    line-height: 40px;
    transition: all .25s ease-in-out
}
.merkzettel_sidebar.active + .request{
    right: -210px;
  width: 160px;
}

.merk_count {
    background: white;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ddd;
    position: absolute;
    top: 4px;
    height: 18px;
    width: 18px;
    line-height: 17px;
    right: 3px;
    box-sizing: border-box;
    font-size: 9px;
}
.tx-htbproduktgruppen-detail .merken_group{
  float: right;
  width: 210px;
  margin-right: 17px;
}
.tx-htbproduktgruppen-detail A.merken,
.tx-htbproduktgruppen-detail A.zumformular
{
  padding: 14px 20px;
    text-transform: uppercase;
    color: #9f9b98;
    display: block;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #e5e4df;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.tx-htbproduktgruppen-detail A.merken:hover,
.tx-htbproduktgruppen-detail A.zumformular:hover
{
    color: #384f9f;
    background-position: 93% 20px;
    background-color: #f3f3f3;
    text-decoration: none;
}



.konfigurator_nav_table{
  width: 100%;
  }

.konfigurator_nav_table td {
  border: 1px solid lightgrey;
  text-align: center;
  vertical-align: middle;
   height: 50px;
   width: 33%;
   cursor: pointer;

}

.konfigurator_nav_table td:hover {
  background-color: #2E4082 ;
}

.konfigurator_tab_selected {

   background-color: #2E4082 !important;
    color: #FFF;
}

.konfigurator_tab {

   background-color: #384f9f ;
    color: #FFF;
}

.konfigurator_warenkorb_container {
  width: 100%;
  min-height: 300px;
  border: 0px solid lightgrey;
  display: none;
}

.konfigurator_warenkorb_container p {
  padding: 15px;
}

.konfigurator_selected {
  display: block;
}

.konfigurator_section {
  border: 1px solid lightgrey;
  width: 100%;
  min-height: 50px;
}

.warenkorb_section {
  width: 100%;
  min-height: 50px;
}

.konfigurator_section_sub {
  border: 1px solid lightgrey;
  min-height: 50px;
}

.section_title {
  width: 100%;
  margin: 10px;
}

.konfigurator_warenkorb_container a {
  color: black;
  text-decoration: none;
}

.konfigurator_deactivated {
  color: red !important;
}

.konfigurator_activated {
  color: green !important;
}

.konfigurator_bottom_button {
  width: 100%;
  min-height: 40px;
     background-color: #384f9f !important;
    color: #FFF;
    cursor: pointer;
    margin: 10px 0;
    padding: 10px 0;
}

.konfigurator_position_container {
  background-color: #F5F7FF;
  margin-bottom: 10px;

}

.konfigurator_position_container_head {
  background-color: #f0f0f0;
  padding: 6px;
  color: #2e4082;
}

.konfigurator_kundendaten_input {
  width: 90%;
  padding: 6px;
}

.konfigurator_warenkorb_subtitle {
  border-bottom: 1px solid grey;
  margin-top: 10px;
}