/* */
body, html {
  height: 100%;
}

body {
  background: #FBFBFB;
  /* color: #333333; */
  color: #454545;
  font-family: FranklinGothicCondensedURWBook, 'Arial Narrow', Arial, sans-serif;
  font-size-adjust:0.49;
  font-weight:normal;
  font-style:normal;
  line-height: 1.35em;
}

h1,
h3,
strong,
.bold {
  font-family: FrankliGothiCondenseURDemBol, 'Arial Narrow', Arial, sans-serif;
  font-size-adjust:0.49;
  font-weight:bold;
  font-style:normal;
}

h1 {
  clear: both;
}

em { font-style: italic; }
sub, sup { font-size: 0.85em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

p, ol, ul { padding-bottom: 2.1875em; }
ol ol,
ul ul {
  padding-bottom: 0;
}


a, a:hover, a:visited {
  color: #000;
  outline: none;
  text-decoration: none;
}

a:hover,
h1 a, h2 a, h3 a, h4 a {
  color: #52aecd;
}

h1, h2, h3, h4 {
  color: #52AECD;
  font-size: 1.125em;
  /* padding-bottom: 1.38888888888889em; */
  padding-bottom: 0.90909090909091em;
  text-shadow: 1px 1px 2px #FFFFFF;
  text-transform: uppercase;
}

h1.desHeaderNoPadding,
h2.desHeaderNoPadding {
  padding-bottom: 0;
}

h3.desHeaderNoPadding,
h4.desHeaderNoPadding {
  padding-bottom: 0.2em;
}

h3, h4 {
  font-size: 1em;
}

img {
  height: auto;
  /* max-width: 100%; */
  max-width: 99.734278122232%;
  width: auto;
}

.desClear {
  clear: both;
}

.csc-textpic-caption,
.desImagedescription,
.tx_formsache_pi1_imagedescription {
  color: #999;
  font-size: 0.8125em;
  height: 1em;
  padding-bottom: 1.55em;
}

#desPage {
  height: auto;
  margin: 0 auto;
  max-width: 1129px;
  min-height: 100%;
  position: relative;
  width: 82.5%;
}

#desHeader {
  border-bottom: 2px dotted #999999;
  padding: 2.375em 0 1.5em;
  position: relative;
  z-index: 200;
}

#desMainMenu {
  padding: 1.5em 0 0 0;
  text-transform: uppercase;
}

#desMainMenu a {
  color: #221f1f;
  text-shadow: 1px 1px 2px #FFFFFF;
}

#desMainMenu .active>a,
#desMainMenu .current>a {
  color: #52aecd;
}

#desMainMenu ul {
  padding-bottom: 0;
  position: relative;
  z-index: 10;
}

#desMainMenu ul ul {
  background: #FBFBFB;
  padding-bottom: 0.125em;
}

#desMainMenu li {
  position: relative;
}

#desMainMenu li ul {
  display: none;
}

#desMainMenu li:hover ul {
  display: block;
}

#desMainMenu li li {
  float: none;
  font-size: 0.875em;
  padding-left: 1em;
  padding-top: 0.21428571428571em;
}

#desBreadcrumb {
  display: none;
  font-size: 0.8125em;
  height: 3em;
  line-height: 2.5em;
  overflow: hidden;
}

#desBreadcrumb .desDivider,
#desBreadcrumb a {
  color: #000;
}

#desBreadcrumb a:hover {
  color: #52aecd;
}

#desContent {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  /* padding: 1.5em 0 13.40288em 0; */
  padding: 1.5em 0 10.40288em 0;
}

#desContent ul ul {
  padding-left: 1.5em;
}

.desBoxShadow,
#desContent img {
  box-shadow: 1px 1px 4px 0px #ccc;
}

#desFooter {
  border-top: 2px dotted #999999;
  bottom: 0;
  clear: both;
  color: #666;
  font-size: 0.8125em;
  padding: 0.76923076923077em 0 2.30769230769231em 0;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}

#desFooterAfterEmail,
#desFooterAfterFTP {
  display: block;
}

#desSocialLinks {
  height: 2.61538em;
  overflow: hidden;
  padding-top: 2em;
  text-align: center;
}

#desSocialLinks #desSocialTitle {
  line-height: 2em;
  padding-right: 0.3em;
  padding-top: 0.3em;
  vertical-align: top;
}

#desSocialLinks a {
  display: inline-block;
  /* we can not use ems because IE cuts off the image inside the link every now and then */
  /* height: 2.46153846153846em; */
  height: 32px;
  margin-left: 0.45em;
  overflow: hidden;
  position: relative;
  /* width: 2.46153846153846em; */
  width: 32px;
}

#desSocialLinks a img {
  left: 0;
  max-width: none;
  position: absolute;
  top: 0;
}

#desSocialLinks a:hover img {
  top: auto;
  bottom: 0;
}

#desMainMenu a:hover,
#desFooter a:hover {
  color: #52aecd;
}

/* flexslider */
#desContent .flexslider {
  margin-bottom: 1.125em;
  position: relative;
  /* margin-bottom: 1.8em; */
  z-index: 100;
}

#desContent .flex-direction-nav { height: 0; }
#desContent .flex-direction-nav li { background: url(../images/template/IEliHackImage.png) top left no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 33%; }
#desContent .flex-direction-nav li a {width: 38px; height: 35px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;visibility:hidden;}
#desContent .flex-direction-nav li:hover a {visibility:visible;}
#desContent .flex-direction-nav li .next {background: url(../images/template/arrow_next.png) top left no-repeat; right: 2.302922940655%; right: 3.5%; }
#desContent .flex-direction-nav li .prev {background: url(../images/template/arrow_prev.png) top left no-repeat; left: 2.302922940655%; left: 3.5%; }
#desContent .flex-direction-nav li a:hover { background-position: bottom left; }
#desContent .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

#desContent p.flex-caption {
  /* background: #FBFBFB; */
  bottom: -1.5em;
  /* color: #333; */
  color: #454545;
  /* font-size: 0.8125em; */
  left: 0;
  margin: 0;
  padding: 0 0 0.9% 0;
  position: absolute;
  text-align: right;
  width: 99.7343%;
  z-index: 200;
}

/* special FCEs */
.desMaterialColsWrapper {
  clear: both;
}

.tx_formsache_pi1_records_startpage_client,
.tx_formsache_pi1_records_startpage_reference {
  padding-left: 0.4em;
  text-transform: uppercase;
}

.tx_formsache_pi1_records_startpage_reference,
.tx_formsache_pi1_records_startpage_client {
  display: none;
}


.tx_formsache_pi1_records_startpage_more a {
  color: #999;
  font-size: 0.75em;
}

.tx_formsache_pi1_records_startpage_more a:hover {
  color: #52AECD;
}

/* FORMSACHE plugin */
.tx_formsache_pi1_overview_item {
  margin-top: 3.125em;
}

.tx_formsache_pi1_overview_item:nth-child(1) {
  margin-top: 0;
}

.tx_formsache_pi1_overview_item {
  display: block;
}

.tx_formsache_pi1_overview_client,
.tx_formsache_pi1_overview_title {
  text-transform: uppercase;
}

.tx_formsache_pi1_overview_client,
.tx_formsache_pi1_overview_title,
.tx_formsache_pi1_overview_client strong {
  line-height: 1.15em;
}

.tx_formsache_pi1_overview_item:hover .tx_formsache_pi1_overview_title {
  /* color: #333; */
  color: #454545;
}

.tx_formsache_pi1_overview_title {
  padding-top: 0.0625em;
}

.tx_formsache_pi1_detail_title {
  margin-top: -0.0625em;
  padding-bottom: 0.8125em;
  text-transform: uppercase;
}

.tx_formsache_pi1_detail_header_imagedescription {
  height: 1em;
}

#tx_formsache_pi1_clientlist {
  padding-bottom: 2.1875em;
}

.tx_formsache_pi1_clientlist_item {
  /* color: #666; */
  color: #7e7e7e;
  -webkit-column-break-inside:avoid;
  -moz-column-break-inside:avoid;
  -o-column-break-inside:avoid;
  -ms-column-break-inside:avoid;
  column-break-inside:avoid;
  /* hack because none of the above seems to work :( */
   display: inline-block;
  width: 100%;
  
  padding-bottom: 0.9375em;
  text-transform: uppercase;
}

.tx_formsache_pi1_clientlist_item a:hover .tx_formsache_pi1_clientlist_title {
  /* color: #333; */
  color: #454545;
}

#tx_formsache_pi1_testimonials {
  padding-bottom: 2.1875em;
}

.tx_formsache_pi1_testimonials_item {
  padding-bottom: 2.1875em;
}

.tx_formsache_pi1_testimonials_item:last-child {
  padding-bottom: 0;
}

.tx_formsache_pi1_testimonial_client {
  color: #52aecd;
  display: block;
  font-family: "FrankliGothiCondenseURDemBol",'Arial Narrow', Arial, sans-serif;
  font-size: 0.875em;
  /* padding: 1.14285714285714em 0 0em 0; */
  padding: 0.51785714285714em 0 0;
/*  
  -webkit-column-break-after: avoid;
  -ms-column-break-after: avoid;
  -moz-column-break-after: avoid;
  -o-column-break-after: avoid;
  column-break-after: avoid;
  
  -webkit-column-break-before: avoid;
  -ms-column-break-before: avoid;
  -moz-column-break-before: avoid;
  -o-column-break-before: avoid;
  column-break-before: avoid;
  
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  */
}

/* hack for mobile Safari - the font in the footer in landscape mode ist to big ??? */
@media screen and (width: 480px) {

#desFooterLeft {
  font-size: 0.6em;
}

}


/* mobiles landscape */
@media screen and (min-width: 480px) {

h1 {
  font-size: 1.375em;
}

#desPage {
  width: 85.833333333333%;
}

#desContent {
  /* padding-bottom: 12.20288em; */
  padding-bottom: 9.20288em;
}

#desFooterAfterEmail,
#desFooterAfterFTP {
  display: inline;
}

#desFooterAfterPhone {
  display: block;
}

.tx_formsache_pi1_overview_item {
  clear: both;
}

.tx_formsache_pi1_overview_image {
  float: left;
  max-width: 408px;
  margin-right: 4.733009708738%;
  width: 50%;
}

}

/* tablets portrait */
@media screen and (min-width: 768px) {

#desPage {
  width: 91.927083333333%;
}

#desContent {
  padding-top: 0;
  /* padding-bottom: 9.7875em; */
  padding-bottom: 6.7875em;
}

#desMainMenu {
  padding: 1.5em 0;
}

#desMainMenu li {
  float: left;
  padding-right: 1.7333em;
  padding-bottom: 1em;
}

#desMainMenu li ul {
  background: #fff;
  /* box-shadow: 3px 3px 3px 0px rgba(153,153,153,0.65); */
  box-shadow: 1px 1px 4px 0px #ccc;
  font-size: 0.875em;
  left: -1em;
  min-width: 100px;
  padding: 0.8125em 1em;
}

.no-boxshadow #desMainMenu li ul {
  border: 1px solid #ccc;
}

#desMainMenu li li {
  font-size: 1em;
  padding-top: 0;
}

#desMainMenu li:hover ul {
  margin-top: 0.5em;
  position: absolute;
  z-index: 30;
}

/* IE7 hack */
html>body #desMainMenu li:hover ul { *margin-top: 1.5em; }

#desMainMenu li.last {
  padding-right: 0;
}

#desMainMenu li li {
  padding-bottom: 0.5em;
  padding-left: 0;
}

#desBreadcrumb {
  display: block;
}

#desFooter {
  height: 4.05em;
}

#desFooterLeft {
  float: left;
  padding-top: 0.625em;
}

#desSocialLinks {
  padding-top: 0;
  float: right;
}

#desSocialTitle {
    float: left;
}

.desFceMultiColum {
  clear: both;
  -moz-column-count: 2;
  -moz-column-gap: 4.375em;
  -ms-column-count: 2;
  -ms-column-gap: 4.375em;
  -webkit-column-count: 2;
  -webkit-column-gap: 4.375em;
  column-count: 2;
  column-gap: 4.375em;
}

/* fake css columns for browsers who don't understand csscolumns */
.no-csscolumns .tx_formsache_pi1_clientlist_item {
  float: left;
  width: 49%;
}

.tx_formsache_pi1_overview_item:nth-child(1),
.tx_formsache_pi1_overview_item:nth-child(2) {
  margin-top: 0;
}

h4.desMaterialTitle {
  padding-bottom: 0.575em;
}

.desMaterialImage {
  padding-bottom: 2.1875em;
}

.desMaterialImage,
.desMaterialDescription,
.tx_formsache_pi1_overview_item {
  clear: none;
  float: left;
  width: 47.875354107649%;
}

/* because of IE's non-knowledge of :nth-child we need to declare this settings two times */
.desMaterialDescription {
  float: right;
}

.tx_formsache_pi1_overview_item:nth-child(2n+2) {
  float: right;
}

.tx_formsache_pi1_overview_item:nth-child(2n+3) {
  clear: both;
}

.tx_formsache_pi1_overview_image {
  float: none;
  max-width: 100%;
  width: 100%;
}

.desClear768,
.tx_formsache_pi1_detail_imagewrapper {
  clear: both;
  width: 100%;
}

.tx_formsache_pi1_detail_header_imagedescription {
  padding-bottom: 0.4em;
  text-align: right;
}

.desTwoColsLeft,
.desTwoColsRight,
.tx_formsache_pi1_detail_two_cols_left,
.tx_formsache_pi1_detail_two_cols_right,
.tx_formsache_pi1_detail_image_1,
.tx_formsache_pi1_detail_image_2 {
  float: right;
  width: 45.726495726496%;
}

.desTwoColsLeft,
.desMaterialImage,
.tx_formsache_pi1_detail_two_cols_left,
.tx_formsache_pi1_detail_image_2 {
  float: left;
}

#desContent p.flex-caption {
  background: #fbfbfb;
  bottom: 4.107142857143%;
  font-size: 1em;
  left: auto;
  padding: 1% 2.037201062888% 1.7%;
  position: absolute;
  right: 2.3914968999110%;
  min-width: 31.443755535872%;
  width: auto;
}

.tx_formsache_pi1_records_startpage_client,
.tx_formsache_pi1_records_startpage_reference {
  display: inline;
  padding-left: 0;
}

.tx_formsache_pi1_records_startpage_reference {
  display: block;
  padding-bottom: 0.3em;
}

.tx_formsache_pi1_records_startpage_more a {
  color: #000;
  line-height: 1em;
  position: relative;
}

}

/* tablets landscape */
@media screen and (min-width: 1024px) {

#desPage {
  width: 88.0859375%;
}

#desHeader {
  height: 2.75em;
}

#desHomeLink {
  position: absolute;
  bottom: 1.35em;
}

#desHomeLink a {
  display: block;
  width: 100%;
  height: 2.625em;
}

#desMainMenu {
  float: right;
}

#desContent {
  /* padding-bottom: 8.4375em; */
  padding-bottom: 5.4375em;
}

#desFooter {
  height: 2.7em;
}

#desFooterAfterPhone {
  display: inline;
}

.desMaterialImage {
  padding-bottom: 0;
}

.desMaterialImage,
.desMaterialDescription {
  float: none;
  width: 100%;
}

/* because of IE's non-knowledge of :nth-child we need to declare this settings two times */
.desMaterialColsLeft,
.desMaterialColsMiddle,
.desMaterialColsRight {
  float: left;
  margin-right: 5.543237250554%;
  /* hack for opera, otherwise the images are to small */
  min-width: 29.60088691796%;
  width: 29.60088691796%;
}

/* because of IE's non-knowledge of :nth-child we need to declare this settings two times */
.tx_formsache_pi1_overview_item {
  float: left;
  margin-right: 5.543237250554%;
  /* hack for opera, otherwise the images are to small */
  min-width: 29.60088691796%;
  width: 29.60088691796%;
}

.tx_formsache_pi1_overview_item:nth-child(2n+2) {
  float: left;
  margin-right: 5.543237250554%;
  /* width: 29.60088691796%; */
}

.tx_formsache_pi1_overview_item:nth-child(2n+3) {
  clear: none;
}

/* because of IE's non-knowledge of :nth-child we need to declare this settings two times */
.desMaterialColsRight {
  margin-right: 0;
}

.tx_formsache_pi1_overview_item:nth-child(3n+3) {
  margin-right: 0;
}

.tx_formsache_pi1_overview_item:nth-child(3n+4) {
  clear: left;
}

.tx_formsache_pi1_overview_item:nth-child(3) {
  margin-top: 0;
}

/*
.tx_formsache_pi1_detail_image_1,
.tx_formsache_pi1_detail_image_2 {
  width: 46.674057649667%;
}
*/

}

/* desktop */
@media screen and (min-width: 1280px) {

#desPage {
  width: 88.203125%;
}

.desFceMultiColum {
  -moz-column-count: 3;
  -moz-column-gap: 6.6875em;
  -ms-column-count: 3;
  -ms-column-gap: 6.6875em;
  -webkit-column-count: 3;
  -webkit-column-gap: 6.6875em;
  column-count: 3;
  column-gap: 6.6875em;
}

/* fake css columns for browsers who don't understand csscolumns */
.no-csscolumns .tx_formsache_pi1_clientlist_item {
  float: left;
  width: 32%;
}

.desMaterialColsLeft,
.desMaterialColsMiddle,
.desMaterialColsRight {
  margin-right: 2.037201062888%;
  /* hack for opera, otherwise the images are to small */
  min-width: 31.975199291408%;
  width: 31.975199291408%;
}

/* because of IE's non-knowledge of :nth-child we need to declare this settings two times */
.tx_formsache_pi1_overview_item {
  clear: none;
  float: left;
  margin-right: 4.340124003543%;
  /* hack for opera, otherwise the images are to small */
  min-width: 21.744906997343%;
  width: 21.744906997343%;
}

.tx_formsache_pi1_overview_item:nth-child(2n+2),
.tx_formsache_pi1_overview_item:nth-child(3n+3) {
  clear: none;
  float: left;
  margin-right: 4.340124003543%;
  width: 21.744906997343%;
}

.tx_formsache_pi1_overview_item:nth-child(3n+4) {
  clear: none;
}

/* because of IE's non-knowledge of :nth-child we need to declare this settings two times */
.desMaterialColsRight {
  margin-right: 0;
}

.tx_formsache_pi1_overview_item:nth-child(4n+4) {
  margin-right: 0;
}

.tx_formsache_pi1_overview_item:nth-child(4n+5) {
  clear: left;
}

.tx_formsache_pi1_overview_item:nth-child(4) {
  margin-top: 0;
}

/*
.tx_formsache_pi1_detail_image_1,
.tx_formsache_pi1_detail_image_2 {
  width: 47.298494242693%;
}
*/
}