* {
  border: 0 none;
  font-family: Neo Sans fonts, Verdana;
  font-family: Helvetica;
  font-size: 10.5pt;
  margin: 0px;
  padding: 0px;
  color: #4c4c4c;
}
html {
  height: 100%;
}
body {
  background-color: #ffffff;
  height: 100%;
  min-width: 1000px;
}
.fixfloat {
  clear: both;
  line-height: 0;
}
.wrapper{
  min-height: 100%;
  height: auto !important;
  margin: 0px auto -533px;
}
header{
  height: 120px;
  width: 100%;
  border-bottom: 4px solid #da0001;
}
.header-wrapper{
  width: 990px;
  margin: 0px auto;
  padding-top: 40px;
}
.logo{
  float: left;
}
.pic-top{
  background-color: #c0c0c0;
  background-image: url("../gfx/pic-top-bg.png");
  background-repeat: repeat-x;
  height: 579px;
}
.pic-top-wrapper{
  width: 990px;
  margin: 0px auto;
}
.pic-top-wrapper img{
  margin: 32px 0px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
  margin: 0px;
  padding: 0px;
}
.content{
  width: 990px;
  margin: 0px auto;
  margin-bottom: 84px;
  text-align: justify;
  margin-top: 70px;
}
.content-right.text td{
  padding-left: 60px;
}

/*Content-1Col*/
.content-1col{
  /* margin-bottom: 84px;  */
}

/*Content-2Col*/
.content-2col{
  /* margin-bottom: 84px; */
}
.content-2col-left{
  width: 470px;
  padding-right: 25px;
  float: left;
}
.content-2col-right{
  width: 470px;
  padding-left: 25px;
  float: left;
}
.content-2col-left img{
  margin: 0px;
  padding: 0px;
  padding-right: 10px;
  margin-top: 40px;
}
.content-2col-right img{
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  margin-top: 40px;
}

/*Content-3Col-Pic*/
.content-3col-pic{
  height: 204px;
  margin-bottom: 36px;
  margin-top: 24px;
}
.content-3col-pic-left{
  width: 310px;
  height: 204px;
  margin-right: 30px;
  float: left;
}
.content-3col-pic-center{
  width: 310px;
  height: 204px;
  margin-right: 30px;
  float: left;
}
.content-3col-pic-right{
  width: 310px;
  /*height: 204px;*/
  float: left;
}
.content-3col-pic img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* For Webkit browsers */
  filter: gray; /* For IE 6 - 9 */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
.content-3col-pic img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/*content-2Col-pic*/
.content-2col-pic{
  width: 600px;
  height: 334px;
  margin: 0px auto;
  margin-bottom: 60px;
}
.content-2col-pic-left{    
  height: 334px;
  margin-right: 120px;
  float: left;
}
.content-2col-pic-right{
  height: 334px;
  float: left;
}

.pic-mid{
  width: 100%;
  border-top: 5px solid #999999;
  border-bottom: 5px solid #999999;
  margin-top: 50px;
  margin-bottom: 50px;
}
.pic-mid-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}

a.button{
  color: #b1b1b1;
  background-color: #656565;
  display: block;
  width: 246px;
  height: 64px;
  margin:0px;
  padding: 0px;
  padding-top: 24px;
  padding-left: 18px;
  margin-top: 50px;
  text-decoration: none;
  font-size: 12pt;
  font-weight: lighter;
}
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit{
  background-color: #da0001;
}
figcaption{
  padding-top: 3px;
  font-size: 7pt;
  height: 48px;
}
/*FOOTER*/
footer{
  clear: both;
}
footer{
  width: 100%; 
  position: relative;
  height: 533px;
  border-top: 4px solid #da0001;
  background-image: url('../gfx/footer-bg-logo-big.jpg');
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
}
.footer-bg-wrapper{
  background-image: url('../gfx/footer-bg-logo.png'); 
  background-repeat: no-repeat;
  height: 533px;
}
@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px){
.footer-bg-wrapper{
  background-image: url('../gfx/footer-bg-balken.jpg'); 
  background-repeat: repeat-x;
}
}
.footer-wrapper{
  width: 710px; 
  margin-left: auto; 
  margin-right: auto;
  padding-left: 280px;
}
.kontaktdaten{
  padding-top: 90px;
  height: 330px;  
}
.kontaktdaten td {
  vertical-align: top;
}
.kontaktdaten p{
  padding-top: 20px;
  padding-right: 110px;
  vertical-align: top;
}
.kontaktdaten a {
  color: #da0001;
  text-decoration: none;
}


.powermail_legend {
  display: none;
}