/* CSS Document */

body { 
  padding: 0px; 
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
  color:#444;
  text-align:center;
  font-size:12px;
  background-image:url("../img/back.gif");
  background-repeat:repeat;
  }
#page_margins { 
  width: 900px;  
  min-width: inherit; 
  max-width: none; 
  font-size:12px;
  margin:auto;
  background-color:#fff;
  border-left: 2px solid #666;
  border-right: 2px solid #999;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  }
*html #page_margins { 
  width: 907px;  
  }
#page { 
  padding: 0px;
  margin:0 8px 0 8px; 
  text-align:left;
  }
#main { 
  margin: 0px; 
  padding:0px; 
  }
img {
  margin:0;
  border:0;
  padding:0;
  }

/*-----ROWS AND COLUMNS------------------------------------------------*/
  
#mainlevel {
  width:100%;
  }
#mainlevel-wide {
  width:100%;
  }
#footerlevel {
 /* width:100%;*/
  }
#navilevel {
  height:41px;
  }
#divider {
  clear:both;
  }
.col1 { 
  float: left; 
  width: 200px;  
  margin:0; 
  }
.col2 { 
  float: left;
  width: 450px; 
  margin: 0 ; 
  }
.col3 { 
  width: auto; 
  margin: 0 0 0 661px; 
  }
#mainlevel-wide .col1 {
  float:left;
  width:650px;
  margin:0;
  }
#mainlevel-wide .col2 {
  width: auto; 
  margin: 0 0 0 661px;
  float:none;
  }
.lnavi {
  height:41px;
  width:100%;
  padding:0px;
  margin:0px;
  }
.lmain {

  }
.lfooter {
  color:#444444;
   padding:10px 0px 0px 0px;
  font-size:10px;
  text-align:center;
  }
.lfooter a {
  padding-left:10px;
  font-size:10px;
  color:#990033;
  text-decoration:underline;
  }
.lfooter a:hover {
  color:#FF9999;
  }
  
#footerlevel {
   margin-top:45px;
   padding:25px 8px 25px 8px;
   border-top:1px solid #999;
   text-align:center;
  }

#footerright { 
  
  }
#footerright ul {
  margin:0px 0px 0px 0px;
  padding:0px;
  display:inline;
  }
#footerright ul li {
  list-style-type:none;
  margin:0px 10px 0px 0px;
  padding:0px;
  display:inline;
  }
#footerright ul li a {
  color:#666;
  text-decoration:none;
  font-size:12px;
  }
#footerright ul li a:hover {
  text-decoration:underline;
  }
  
.beka {
  margin-right:10px;
  }
/*-----------HEADER------------------------------------------------*/

#header {
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  height:210px;
  }
#logometa {
  height:55px;
  width:884px;
  }
#logo {
  display:inline;
  float:left;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  }
#claim {
  text-align:center;
  color:#fff;
  font-size:30px;
  background-image:url("../img/header.jpg");
  background-repeat:no-repeat;
  background-position:left bottom;
  width:884px;
  height:151px;
  vertical-align:middle;
  }
#claim .claim {
  vertical-align:middle;
  padding-top:60px;
  }
#claim h4 {
  text-align:center;
  color:#fff;
  font-size:30px;
  margin:0;
  padding:0;
  font-weight:normal;
  }
#claim p {
  text-align:center;
  color:#fff;
  font-size:30px;
  margin:0;
  padding:0;
  font-weight:normal;
  }
#meta {
  display:inline;
  color:#E7321C;
  }
#meta ul {
  margin:0px 0px 0px 0px;
  padding:25px 0 0 0;
  text-align:right;
  }
#meta ul li {
  list-style-type:none;
  margin:0px 5px 0px 0px;
  padding:0px;
  display:inline;
  }
#meta ul li a {
  color:#E7321C;
  text-decoration:none;
  font-size:12px;
  }
#meta ul li a:hover {
  text-decoration:underline;
  }
#meta ul li.active {
  display:none;
  }

/*----- NAVIGATION ---------------*/

#mainnav { 
  display:block;
  background-image:url("../img/nav-back.jpg");
  background-repeat:repeat-x;
  background-position:left top;
  height:41px;
  }
#mainnav ul {
  margin:0px 0px 0px 0px;
  padding:0px;
  display:inline;
  }
#mainnav ul li {
  list-style-type:none;
  margin:0px 4px 0px 0px;
  padding:0px;
  /*width:94px;*/
  height:41px;
  text-align:center;
  float:left;
  }
#mainnav ul li a {
  color:#fff;
  text-decoration:none;
  font-size:12px;
  /*width:170px;*/
  display:block;
  padding:7px 25px 0 32px;
  height:41px;
  }
*html #mainnav ul li a {
  display:inline;
  }
#mainnav ul li a.active {
  
  }
#mainnav ul li a:hover, #mainnav ul li a.act {
  background-image:url("../img/nav-act-back.jpg");
  background-repeat:repeat-x;
  background-position:left 0px;
  }
  
#subnav { 
  display:block;
  margin-top:20px;
  margin-left:5px;
  clear:both;
  border:1px solid #999;
  padding:0px 2px 2px 2px;
  width:183px;
  }
#subnav ul {
  margin:0px 0px 0px 0px;
  padding:0px;
 /* display:inline;*/
  }
#subnav ul li {
  list-style-type:none;
  margin:0px 0px 0px 0px;
  padding:0px;
  }
#subnav ul li a {
  color:#fff;
  margin:2px 0px 0px 0px;
  padding:5px 5px 5px 18px;
  text-decoration:none;
  font-size:11px;
  display:block;
  /*width:160px;*/
  background-color:#215BA5;
  background-image:url("../img/subnav-arrow-a.gif");
  background-repeat:no-repeat;
  background-position:3px 6px;
  }
#subnav ul li li a {
  color:#fff;
  margin:2px 0px 0px 0px;
  padding:5px 5px 5px 28px;
  text-decoration:none;
  font-size:11px;
  display:block;
/*  width:160px;*/
  background-color:#215BA5;
  background-image:url("../img/subnav-arrow-a.gif");
  background-repeat:no-repeat;
  background-position: 15px 6px;
  }
*html #subnav ul li a {
  width:183px;
  }
#subnav ul li a.act {
  color:#fff;
  text-decoration:none;
  background-color:#8FACD2;
  background-image:url("../img/subnav-arrow-b.gif");
  }
#subnav ul li a:hover {
  background-color:#8FACD2;
  background-image:url("../img/subnav-arrow-b.gif");
  }
    
/*-----------SPECIFIC---------------------------------------------------*/

.block {
  }
  
.col1_content { 
  padding: 0px; 
  }
.col2_content { 
  padding: 0px; 
  }
.col3_content { 
  padding: 0px; 
  }
  
/*------------CONTENT--------------------------------------------------*/

#textcontainer {
  padding: 10px 15px 30px 15px;
  color:#444;
  }
h1 {
  margin: 3px 0px 10px 0px;
  padding:0px;
  font-size: 24px;
  color:#547CBA;
  font-weight:normal;
  font-family:"Trebuchet MS",Tahoma, Arial, sans-serif;
  }
h2 {
  margin: 12px 0px 8px 0px;
  padding:0px;
  font-size: 18px;
  color:#547CBA;
  font-weight:normal;
  font-family:"Trebuchet MS",Tahoma, Arial, sans-serif;
  } 
h3 {
  margin: 3px 0px 5px 0px;
  padding:0px;
  font-size: 12px;
  color:#444;
  text-decoration:none;
  font-weight:bold;
  line-height:19px;
  } 
#textcontainer a {
  color:#E7321C;
  text-decoration:none;
  }
#textcontainer a:hover, #textcontainer a.bekalink:hover {
  text-decoration:underline;
  }
#textcontainer a.bekalink, #textcontainer .bekalink {
  color:#E7321C;
  text-decoration:none;
  background-image:url("../img/arrow-right.gif");
  background-repeat:no-repeat;
  background-position: 0px 2px;
  display:block;
  border-bottom: 1px solid #999;
  padding: 3px 0 3px 20px;
  }
#textcontainer ul {
  margin:2px 0px 10px 15px;
  padding:0px;
  }
#textcontainer ul li {
  margin:0px;
  padding:0px;
  list-style-type:square;
  line-height:17px;
  }
#textcontainer p {
  margin:0px 0px 5px 0px;
  padding:0px;
  font-size:12px;
  color:#444;
  line-height:19px;
  }
#textcontainer a img {
  border:0px;
  }
#textcontainer .csc-textpic-clear {
  margin-bottom:5px;
  }
#textcontainer .csc-textpic-imagewrap, #textcontainer .csc-textpic-image dt {
  margin-bottom:10px;
  }
#textcontainer .csc-textpic-image dt img {
  margin-bottom:10px;
  }
#textcontainer .csc-textpic-intext-left .csc-textpic-imagewrap, #textcontainer .csc-textpic-intext-left .csc-textpic-image dt, #textcontainer .csc-textpic-intext-left .csc-textpic-image dt img {
  margin-bottom:0px;
  }
#textcontainer hr {
  border-bottom-color: #996666;
  border-top-color: #d4d0c8;
  border: 1px solid;
  }
/*#textcontainer input {
  width:200px;
  padding:1px;
  border:1px solid #215BA5;
  }
#textcontainer textarea {
  width:200px;
  padding:1px;
  border:1px solid #215BA5;
  font-family: arial;
  font-size:11px;
  }
#textcontainer input.submit {
  background-color:#fff;
  color:#215BA5;
  width:100px;
  padding:1px;
  border:1px solid #215BA5;
  }
#textcontainer input.checkbox {
  width:auto;
  }*/
  
/* --------- FORMULAR -------------------*/
#textcontainer legend {
  display:none;
  }
#textcontainer fieldset {
  border:none;
  background-color:#eee;
  }
#textcontainer label {
  width:75px;
  margin-top:5px;
  }
#textcontainer fieldset.tx-powermail-pi1_fieldset div.even {
background-color:#eee;
}
#textcontainer div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
  margin:5px 0;
}
#textcontainer .powermail_check_inner_uid21_0 label, #textcontainer .powermail_check_inner_uid22_0 label, #textcontainer .powermail_check_inner_uid36_0 label {
  display:none;
  }
#textcontainer #powermaildiv_uid21, #textcontainer #powermaildiv_uid22, #textcontainer #powermaildiv_uid36 {
  background-color:#fff;
  padding-left:75px;
  }
 #textcontainer .powermail_check_inner {
    clear: both;
    display: block;
  margin:0 0 9px 0;
}
#textcontainer .powermail_check_inner label {
    float: right;
    margin:0 60px 0 0;
    width: 260px;
}
#textcontainer input.powermail_check {
    float: left;
    width: auto;
  margin-left:45px;
}
#textcontainer .tx_powermail_pi1_fieldwrap_html_textarea {
  clear:both;
  float:left;
  margin-top:12px;
}
#textcontainer .tx-powermail-pi1 textarea {
  height:120px;
  width:260px;
}
#textcontainer input.powermail_submit {
  border: 1px solid #215BA5;
  color: #215BA5;
  background-color:#eee;
  margin-left:75px;
}
/* -------------- FCE ----------------------------*/
/*.col_wrap {
  border:1px solid #ddd;
  padding:5px;
}*/

.col12 { 
  float:left; 
  width:48%; 
  padding:5px 10px 5px 0; 
  }
.col22 { 
  float:left; 
  width:48%; 
  padding:5px 0  5px 10px; 
  }
/*--------- IMAGE CYCLE --------------------*/
#textcontainer .tx-imagecycle-pi1 ul {
  margin:0;
  padding:0;
}

#teaser .imgteaser {
  position:relative;
  width:217px;
  }

#teaser .imgteaser a img,
#rightcol #teaser #referenzen .imagecycle-caption img {
  margin:2px 7px 0 7px;
  display:block;
  float:left;
}
#teaser .imgteaser a span {
  display:block;
  float:left;
}

#imgtitel, .imgtitel {
  position:absolute;
  background-color:#215BA5;
  width:217px;
  z-index:25;
  height:18px;
  }
#imgtitel h3, .imgtitel h3 {
  margin:2px 0  0 5px;
  padding:0;
  text-decoration:none;
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  line-height:normal;
  }
h3.imgtitel {
  margin:0px 0  0 0px;
  padding:0px 0 0 0px;
  text-decoration:none;
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  line-height:normal;
  }
h3.imgtitel span {
  margin: 2px 0 0 5px;
  display:block;
  }

/*#textcontainer #imagecycle_42 div.caption p  {
  background-color:#fff;
  background-image:none;
  color:#444;
  font-size:11px;
  left:0;
  margin:0;
  padding:3px 0 3px 0px;
  position:absolute;
  display:block !important;
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
  top:120px;
}
#textcontainer #imagecycle_42 {
  margin-bottom:20px;
}*/

/*#textcontainer #imagecycle_c458 {
  height:145px;
  }
#textcontainer #imagecycle_c458 .caption {
  height:145px;
  }
#textcontainer #imagecycle_c458 div.caption p {
background:#fff repeat;
bottom:0;
color:#444;
font-size:0.9em;
left:0;
line-height:normal;
margin:0;
padding:5px;
position:absolute;
-moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
  width:100%;
}*/
  
/*#rightcol #teaser p, */
#rightcol #teaser #referenzen .imagecycle-caption,
#rightcol #teaser .imgteaser a {
  background:transparent;
  color:white;
  font-size:11px;
  font-weight:normal;
  font-family: Arial,Helvetica,sans-serif;
  left:0;
  bottom:0;
  margin:0;
/*  -moz-opacity:0.8; */
  opacity:1;
/*  filter:alpha(opacity=80);*/
  padding:3px 0 3px 0px;
  position:absolute;
  width:100%;
  display:block !important;
  background-color:transparent;
/*  background-image:url("../img/arrow-right-teaser.gif");*/
  background-image:url("../img/bluetrans.png");
  background-repeat:repeat;
  background-position: 0px 0px;
  text-decoration:none;
}
#rightcol #teaser .imgteaser a:hover span {
  text-decoration: underline;
}
#rightcol .imagecycle-caption span {
  font-family:arial;
}
/**html #rightcol #teaser p, 
*html #rightcol #teaser .imagecycle-caption,
*html #rightcol #teaser a, 
*html #rightcol #teaser a {
  width:217px;
}*/

/*.tx-imagecycle-pi1 a, 
#teaser a, 
.tx-imagecycle-pi1 a:active, 
#teaser a:active {
  text-decoration:none;
  color:#fff;
  }*/
#rightcol #teaser #referenzen img {
  margin:0px 0 0 0px;
}
#rightcol #teaser #referenzen a {
  margin:0;
  padding:0;
  display:block;
}
#rightcol #teaser #referenzen li {
  list-style-type:none;
  margin:0;
  padding:0;
}
#rightcol #teaser #referenzen ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
/*--------- RIGHT COL ----------------------------*/

#rightcol {
  
  }
#rightcol a.sitemap, #rightcol a.sitemap:visited, #rightcol a.sitemap:hover {
  display:block;
  font-size:11px;
  text-decoration:none; 
  color:#ffffff; 
  /*width:215px; */
  height:21px; 
  border-bottom: 2px solid #fff; 
  background:#215BA5 url(../img/sitemap.gif) no-repeat 3px 4px; 
  padding-left:23px; 
  line-height:20px;
  /*font-weight:bold;*/
}
#rightcol .right {
  margin-top:5px;
  padding:2px;
  border:1px solid #999;
}
#quicknav, #quicklinks { 
  margin-top:5px;
  }
#quicknav ul, #quicklinks ul {
  margin:0px 0px 0px 0px;
  padding:0px;
  display:inline;
  }
#quicknav ul li, #quicklinks ul li {
  list-style-type:none;
  margin:0px 10px 0px 0px;
  padding:0px;
  float:left;
  margin-top:10px;
  }
#quicknav ul li a, #quicklinks ul li a {
  color:#666;
  padding-left:15px;
  text-decoration:none;
  font-size:12px;
  }

/*--------- NEWS -------------*/
#textcontainer .news-head {
  height:30px;
  background-color:#E00025;
  width:100%;
  padding:1px;
  }
#textcontainer .news-head-left {
  float:left;
  width:51%;
  border-right:1px solid #fff;
  height:30px;
  padding:2px;
  }
#textcontainer .news-head-right {
  color:#fff;
  }
#textcontainer .news-head-right a {
  color:#fff;
  text-decoration:none;
  }
#textcontainer .news-head-right a:hover {
  color:#fff;
  text-decoration:underline;
  }
#textcontainer .news-head-left h3 {
  color: #fff;
  text-decoration:none;
  font-size:13px;
  font-weight:normal;
  margin:5px;
  line-height:normal;
  }
#textcontainer .news-text-left {
  padding:10px;
  float:left;
  width:50%;
  }
#textcontainer .news-single-files {
  /*margin-top:5px;*/
  font-weight:normal;
  }
#textcontainer .news-single-files dt {
  float:left;
  font-weight:normal;
  margin-top:5px;
  }
#textcontainer .news-single-files dd a {
  padding:0px 8px 0 3px;
  font-size:12px;
  }
#textcontainer .news-single-files dd {
  font-size:10px;
  margin-top:5px;
  }
#textcontainer .news-single-files dd img {
  margin-top:-5px;
  }
#textcontainer .news-list-item {
  clear:both;
  }
#textcontainer .news-list-item ul {
  margin-bottom:5px;
  clear:both;
  }
#textcontainer .news-list-browse {
  clear:both;
  font-size:12px;
  margin-bottom:20px;
  padding-top:20px;
  text-align:center;
}
#textcontainer .browseLinksWrap {
  font-weight:bold;
  }

/* GALLERY TEASER --------*/
#rightcol .myGallery {
  border:none;
  }  
#rightcol .slideInfoZone {
  height:30px;
  background-color:#215BA5;
  text-align:left;
  }
#rightcol .slideInfoZone h2  {
  font-size:13px;
  font-family: Arial, Helvetica, sans-serif;
  color:#fff;
  padding:10px 5px 0 5px;
  margin:5px 0 0 0;
  font-weight:normal;
  position:relative;
  z-index:250;
  }
#rightcol .slideInfoZone h2 {
    }
/*----- SITEMAP ------------*/
.csc-sitemap {
  margin-top:50px;
  margin-left:100px;
  }
.tx-flseositemap-pi1 {
  margin-left:100px;
  }

/*---- FORMULAR --------------*/

/*.csc-header {
  margin-top: 25px;
  }*/
fieldset {
  border:none;
  }
.formlabel {
  margin-top:5px;
  }

/* ++++ LIGHTBOX ++++++++++ */

.fancybox-title-inside {
  color: #555;
  text-align:left;
}
/* +++++ NEWS TEASER NEW +++++++++++*/

#newnews {
font-size:11px; color:#215BA5; margin-top:22px; padding:3px;
}
#newnews ul {
list-style-type:none; padding:0;margin:0 0 0 20px;
}
#newnews li {
list-style-type:none; list-style-image:url(../img/red-dot.png);padding:0 0 2px 0px;margin:0 0 0 0px;
}
#rightcol #teaser #newnews a {
  background-color: transparent;
    background-image: none;
    color: #215BA5;
    font-size: 11px;
    margin: 0 0 0 -5px;
padding:0;
    position: static;
    width: auto;
    text-decoration:none;
}
#rightcol #teaser #newnews a:hover {
 color: #E7321C;
 text-decoration:underline;
}
#rightcol #teaser .news-latest-container {
  padding:0;
  }
.newsprev {
  margin:0 0px 0 0;
  width:50%;
  float:right;
  text-align:right;
}
.newsnext {
  margin:0 0 0 0px;
  width:50%;
  float:left;
}
.prevnextnav {
  margin: 0 0 10px 0;
}
#textcontainer .prevnextnav a {
  font-size:11px;
}
#textcontainer .news-single-item h1 {
  clear:both;
}
.news-single-img {
    float: none;
    margin: 10px 0px 0px 0px;
    padding: 0;
}
.news-single-img img {
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 0;
  clear:both;
}
#textcontainer p.news-single-imgcaption {
  font-size:11px;
  line-height:16px;
  width:auto !important;
  /*margin-bottom:25px;*/
  }
#textcontainer .cat {
  font-size:11px;
  font-weight:bold;
  }
#textcontainer .news-text-left a {
  color:#444;
}
#textcontainer .newscontent {
  clear:both;
}
#textcontainer .news-single-item .subh strong {
  color:#547CBA;
  text-transform:uppercase;
  
}
#news {
  background-image:url(../../BeKa/img-teaser/kapillarrohrmatte.jpg); 
  background-repeat:no-repeat; 
  background-position: 2px 20px;"
}
/*-----------ELSE-----------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
*html .clearfix {height: 0%; }
.clearfix {display: block;}
/* End hide from IE-mac */
.ie_clearing { display: none; }
*html .ie_clearing {
  display:block;
  width:100%;
  font-size:0;
  clear:both;
  }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin:0px !important;
  }
*html a#c202 {
  display:none;
  }
