body {
    font-size:0.875em
}

h2{
    font-size: 1.429em;
    margin: 30px 0 10px;
}

h3 {
    font-size: 1.286em;
    margin: 20px 0 0 0;
}

hr{
    margin: 10px 0 20px;    
}

a:hover{
    text-decoration: underline;
    color: red;
}

a {
    text-decoration: none;
    color:#5990AF;
    -webkit-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
    -ms-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
    transition: color 0.1s ease-in-out, background-image 0.25s ease-in-out;
}

input{
    margin: 0 10px 5px 0px;
}

th {
    text-align: left;
}
tr {
    vertical-align: top;
}

#headerwrapper {
    width: 100%;
    height: 197px;
    background: url(../img/headerBg.jpg) 0 0 repeat-x;
    position: relative;
}

.icon {
    background: url(../img/icons/pdf.png) 0 0 no-repeat;
    padding-left:25px;
    text-transform: uppercase;
    color: #464646;
    padding-left: 40px;
    vertical-align: middle;
    line-height: 32px;
    height: 32px;
    margin-right: 10px;
    display: inline-block;
    -webkit-transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
    -ms-transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
    transition: color 0.1s ease-in-out, background 0.1s ease-in-out;
}

.padding {
    padding:0 15px;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */

.clearfix { *zoom: 1; }
/**********************LOGO**************************/
#logo {
    position: relative;
}

#logo img{
    position: relative;
    top:20px;
    left: 30px;
}        

#claim {
    position: absolute;
    left: 680px;
    bottom: -10px;
}

#headertext{
    color: #FFF;
    text-align: right;
    position: relative;
}

#headertext a{
    color:#222222;
    font-size: 13px;
    padding-left: 5px;
}

#headertext a.imprint{
    color:#fff;
    padding-right: 7px;
}

#headertext p{
    position: relative;
    top: 23px;
    font-size: 13px;
}
#headertext p.symbol{
    top: 0;
    margin-top:0;
    margin-bottom:0;
    line-height: 17px;
}

#headertext div.langselect {
    display: none;
    position: absolute;
    right: 0;
    top:35px;
    width: 80px;
    background-color: #D6DBDF;
    border: 1px solid #6D767B;
    padding: 2px;
    text-align: left;
}

#headertext div.langselect img{
    margin-right: 7px;
}

/**********************NAVIGATION**************************/
#navcontainer {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #717f8b;
    height: 66px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -480px;
    overflow: hidden;
}

ul.nav {
    list-style: none;
    margin: 0;
    line-height: 33px;
}

ul.nav li {
    float: left;
    margin: 0 10px 0 0;
}

.topnav ul.nav {
    background-color: #717f8b;
    height: 33px
}

.subnav ul.nav {
    background-color: #4f5d69;
    height: 33px
}

.subnav ul.nav.btc {
    background-color: #337bb6;
}
.subnav ul.nav.sil {
    background-color: #a44527;
}
.subnav ul.nav.vis {
    background-color: #589035;
}

.mainnav ul.nav a,.subnav ul.nav a {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.subnav ul.nav a:hover,
.subnav ul.nav a.aktiv{
    text-decoration: underline;
}

#navcontainer .mainnav ul.nav a:hover,
#navcontainer .mainnav ul.nav a.aktiv,
#navcontainer .mainnav ul.nav a:hover   {
    background-color: #4f5d68;
}

#navcontainer .mainnav ul.nav a.btc:hover,
#navcontainer .mainnav ul.nav a.btc.aktiv,
#navcontainer .mainnav ul.nav a.btc:hover  {
    background-color: #337bb6;
}
#navcontainer .mainnav ul.nav a.sil:hover,
#navcontainer .mainnav ul.nav a.sil.aktiv,
#navcontainer .mainnav ul.nav a.sil:hover  {
    background-color: #a44527;
}

#navcontainer .mainnav ul.nav a.vis:hover,
#navcontainer .mainnav ul.nav a.vis.aktiv,
#navcontainer .mainnav ul.nav a.vis:hover  {
    background-color: #589035;
}

/**********************CONTENT**************************/
#contentwrapper{
    position: relative;
    width: 100%;
    box-shadow: 0px 2px 2px 0px #444445;
    background-color: #ccd4dc;
}

#contentwrapper .container_12{
    padding-bottom: 40px; 
    background-color:#fff;
}

p.qualityImg{
    margin:0 0 30px 0; 
}

p.qualityImg img{
    max-height: 80px;
    margin-right: 25px;
    float: left;
}

/**********************SLIDER**************************/
#revolutionSlider {
    position: relative;
    overflow:hidden;
    height: 300px;
    width: 940px;
    margin-left: 10px;
}

#revolutionSlider h1, #revolutionSlider p {
    margin: 50px 20px 0 230px;
    padding: 0 10px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    display: inline-block;
}

#revolutionSlider p {
    line-height: 24px;
    font-size: 16px;
    margin-top: 5px;
}

/**********************BOX**************************/
.box {
    height: 300px;
    padding: 15px;
    margin-top: 15px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-topleft: 5px;
    -moz-border-topright: 5px;
    border-radius: 5px;
    border-radius: 5px;
    background: #e4e4e4;
    /* Old browsers */
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #fcfcfc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#fcfcfc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#fcfcfc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e4e4 0%,#fcfcfc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#fcfcfc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom,  #e4e4e4 0%,#fcfcfc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#fcfcfc',GradientType=0 );
    /* IE6-9 */
    position: relative;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #aaa;

    -webkit-transition: box-shadow .1s ease-in-out;
    -moz-transition: box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out;
    -ms-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;

}

#boxcontainer .box{
    padding-bottom: 42px;
}
#boxcontainer a.link_no_style{
    text-decoration: none;
    color: #222222;
}
#boxcontainer a.link_no_style:hover{
    text-decoration: none;
    color: #222222;
}
#boxcontainer a.link_no_style:hover span{
   text-decoration: underline;
}

.box:hover {
    box-shadow: 0 0 12px #888888;
    cursor: cursor;
}

.box:hover .button a{
    text-decoration: underline;
}

.box .boxBgImg {
    position: absolute;
    bottom: 50px;
    width: 298px;
    height: 96px;
    margin-left: -15px;
}

.box .boxBgImg.btc {
    background-image: url(/img/btcBoxBg.jpg);
}

.box .boxBgImg.sil {
    background-image: url(/img/silBoxBg.jpg);
}

.box .boxBgImg.vis {
    background-image: url(/img/visBoxBg.jpg);
    background-position: 50%;
    background-size: contain;
}

.box .button {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 42px;
    width: 272px;
    background-color: #C8C8C8;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    display: inline-block;
    line-height: 42px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}

.box .button a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 42px;
}

.box .button.btc {
    background-color: #327bb6;
}

.box .button.vis {
    background-color: #589135;
}

.box .button.sil {
    background-color: #a44528;
}


.box h2 {
    margin: 0;
    text-align: center;
    font-size: 42px;
    color:#303030;
    text-shadow: -1px -1px 0px #101010, 1px 1px 0px #fff;
}

.box h2.btc {
    color: #327bb6;
    -1px -1px 0px #001d30, 1px 1px 0px #fff;
}

.box h2.vis {
    color: #589135;
}

.box h2.sil {
    color: #a44528;
}

#produktkategorien .box h2 {
    text-align: left;
    font-size: 20px;
    text-shadow:none;
}

#produktkategorien .box .description{
    float: left;
    width: 63%;
    padding-right: 15px;
}

#produktkategorien .box .products{
    float: right;
    width: 30%;
    border-left: 1px solid #c9c9c9;
    padding-left: 20px;
}

#produktkategorien .products h2 {
    text-shadow:none;
}

#produktkategorien .products ul {
    list-style: none;
    padding: 0;
}

#produktkategorien .products li {
    margin:10px 0; 
    line-height: 16px;
}

#produktkategorien .products li a {
    color:#0e0e0e;
    font-weight: bold;
    font-size: 14px;
}

#liste .listitem{
    margin: 10px 0; 
    border-bottom: 1px solid #ccc;
}

#liste .listitem:last-child{
    border:none;
}

#liste .prodctimage {
    display: inline-block;
    width:130px;
    text-align: center;
    float: left;
}

#liste .productimage img {
    vertical-align: middle;
}

#liste .productdescription{
    float: left;
    width: 500px;
}

#liste .productdescription h2{
    text-align: left;
    font-size: 24px;
    color: #a44528;
    font-weight: normal;
    text-shadow:none;
}

#liste .productdescription h2 + p{
    margin-top: 0;
}

#liste .productdownloads{
    float: left;
}

#liste .productdownloads ul{
    list-style: none;
}

#liste .productdownloads li.pdf{
    background: url(/img/pdf.png) 0 0 no-repeat;
    padding-left: 30px;
}

#liste .productdownloads li a{
    text-transform: uppercase;
    color: #0e0e0e;

}

/**********************Tabelle Produktübersicht**************************/
table.produktuebersicht {
    width: 100%;
}
table.produktuebersicht tr td{
    vertical-align: top;
}


/**********************PRODUKTLISTE**************************/
#products ul, #staff ul{
    margin:0;
    padding:10px;
    list-style: none;
}

#products .productItem, #staff .staffItem {
    margin-top: 20px;
}

#products .productItem h2, #staff .staffItem h2{
    margin:0 0 20px 0;
}

#products .description + ul, #staff .staffItem +ul{
    list-style: disc;
    padding: 0 0 0 115px;
}

#products .description img, #staff .description img  {
    max-width: 80px;
    margin-right: 20px;
    float: left; 
}

#products img.label {
    width: 50px;
    margin: 8px 0 0 0;
    display: block;
}

#staff .staffItem{
    float: left;
    width: 430px;
}
/*#products .technicalSheet, #products .approval, #products .ral{
    float: left;
    margin: 0 10px;
    font-size: 12px;
    line-height: 37px;
}

#products p.technicalSheet, #products p.approval {

    }*/

    #products .materials{
        margin-top: 50px;
    }
    
    #products a.technicalsheet, #products a.approval, .downloadpdf, a.video {
        background: url(../img/icons/pdf_bw.png) 0 0 no-repeat;
        padding-left:25px;
        text-transform: uppercase;
        color: #464646;
        padding-left: 40px;
        vertical-align: middle;
        line-height: 32px;
        height: 32px;
        margin: 8px 10px 0 0;
        display: inline-block;
        font-size: 10px;
        -webkit-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
        -moz-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
        -ms-transition: color 0.1s ease-in-out, background-image 0.1s ease-in-out;
        transition: color 0.1s ease-in-out, background-image 0.25s ease-in-out;
    }

    a.video:hover{
        background-image: url(../img/icons/youtube.png );
        color:red;
    }

    a.video{
        background: url(../img/icons/youtube_bw.png) 0 0 no-repeat;
    }

    #products a.technicalsheet:hover, #products a.approval:hover, .downloadpdf:hover{
        background-image: url(../img/icons/pdf.png );
        color:red;
    }

    /*FOOTER*/
    #footerwrapper{
        background-color: #a1adb6;
        height: 130px;
        position: relative;
        margin-top:2px;
    }

    #footercontainer a{
        color:#fff;
        line-height: 90px;
        text-transform: uppercase;
        font-size: 14px;
    }

    #footercontainer {
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #717f8b;
        height: 90px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -480px;
        overflow: hidden;
        box-shadow: 0px 1px 1px 0px #444445;
    }

    #impressum p{
        line-height: 58px;
        color:#fff;
        text-align: right;
        padding-right: 40px;
    }

    table.styled th{
        padding: 10px 0;
    }

    table.styled td{
        padding: 10px 0;
    }

    table.styled tbody tr{
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }
    
    table.btc_products td {
      border-top: 1px solid #d0d0d0;
      padding: 5px;
  }

  table.btc_products tr.gerade td {
   background-color: #f0f0f0;
}

table.btc_products tr.ungerade td {
   background-color: #f8f8f8;
}

table.btc_products th {
   padding: 5px;
   background-color: #337BB6;
   color: #fff;
   border-right: 1px solid #fff;
}

#banner_btc {
   width: 940px;
   height: 200px;
   background: transparent url(/img/slider/slides/flugzeug.jpg) no-repeat 50% 60%;
}

#banner_silcotec {
   width: 940px;
   height: 200px;
   background: transparent url(/img/slider/slides/graffiti.jpg) no-repeat 50% 50%;
}

#banner_viskose {
   width: 940px;
   height: 200px;
   background: transparent url(/img/slider/slides/viskose.jpg) no-repeat 50% 80%;
}

#popup {
   margin: 10px;
   width: 780px;
}

#popup table {
  width: 100%;
}

#popup td, #popup th {
  border-top: 1px solid #d0d0d0;
  padding: 5px;
}

#popup tr.c1 td, #popup tr.c1 th {
   background-color: #f0f0f0;
}

#popup tr.c2 td, #popup tr.c2 th {
   background-color: #f8f8f8;
}

/* SLIDERS */

#revolutionSlider .sliderbackground {
	position: absolute;
	top: 600px;
	left: 0;
	width: 960px;
	height: 300px;
	background-color: rgba(0,0,0,0.5);
}

#revolutionSlider .smallsliderpic {
    width: 100px;
    height: 68px;
}
#revolutionSlider .mediumsliderpic {
	width: 202px;
	height: 75px;
}

#revolutionSlider .btc_1 {
    background: transparent url(/img/slider/slides/btc_small_1.jpg) no-repeat 0 0;  
}
#revolutionSlider .btc_2 {
    background: transparent url(/img/slider/slides/btc_small_2.jpg) no-repeat 0 0;  
}
#revolutionSlider .btc_3 {
    background: transparent url(/img/slider/slides/btc_small_3.jpg) no-repeat 0 0;  
}
#revolutionSlider .btc_4 {
    background: transparent url(/img/slider/slides/btc_small_4.jpg) no-repeat 0 0;  
}

#revolutionSlider .silco_1 {
    background: transparent url(/img/slider/slides/silco_small_1.jpg) no-repeat 0 0;    
}
#revolutionSlider .silco_2 {
    background: transparent url(/img/slider/slides/silco_small_2.jpg) no-repeat 0 0;    
}
#revolutionSlider .silco_3 {
    background: transparent url(/img/slider/slides/silco_small_3.jpg) no-repeat 0 0;    
}
#revolutionSlider .silco_4 {
    background: transparent url(/img/slider/slides/silco_small_4.jpg) no-repeat 0 0;    
}

#revolutionSlider .viskose_1 {
	background: transparent url(/img/slider/slides/viskose_small_1.jpg) no-repeat 0 0;	
}
#revolutionSlider .viskose_2 {
	background: transparent url(/img/slider/slides/viskose_small_2.jpg) no-repeat 0 0;	
}
#revolutionSlider .viskose_3 {
	background: transparent url(/img/slider/slides/viskose_small_3.jpg) no-repeat 0 0;	
}
#revolutionSlider .viskose_4 {
	background: transparent url(/img/slider/slides/viskose_small_4.jpg) no-repeat 0 0;	
}
#revolutionSlider .headLine {
	font-size: 30px;
	color: #fff;
    font-weight: bold;
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
}


/*SUCHE*/
#suche{
    padding:10px 0;
}
p.suche{
    margin-bottom:0;
    font-weight: bold;
    font-size: 14px;
}

p.suche input{
    margin-left: 20px;
}
/*FANCYBOX*/

.fancybox-wrap .fancybox-skin {
    background-color: #fff;
}


/*ThumbnailScroll*/
.simply-scroll {
    margin-bottom: 0;
}
.simply-scroll .simply-scroll-clip {
    width: 940px;
    margin-left:0px;
}

.simply-scroll-list li {
    padding: 5px;
}

        .simply-scroll .simply-scroll-list li:first-child {
            width: 950px;
            height: 200px;
        }

/*NEW*/
ul.news {
    list-style: none;
}

ul.news li{
    border-bottom: 1px dashed #CCC;
    padding-bottom: 20px;
}
ul.news li:last-child{
    border:none;
}

.fb-inner img{
    float: left;
    margin-right:20px;
}

/* BLINK */

.newproduct {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background-color: #327BB6;
	color: #fff;
	padding: 3px 10px;
}

.blinking {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}



@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}
.marquee span{
 //   display: inline-block;
   // width: 100%;
   // text-align: center;
}

.marquee {
 // width: 100px;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
 // border: solid 1px #CCCCCC;
    animation: marquee 4s linear infinite;
    -webkit-animation: marquee 4s linear infinite;
}

.formErrorMsg {
    color: red;
}

.formFieldError {
    outline: 2px solid red;
}

.formSuccessMsg {
    color: green;
}

.cc_container .cc_message {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.cc_container .cc_btn {
    background-color: #4A7DA7 !important; /* Farbe des Buttons */
    color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container a {
    color: #4A7DA7 !important; /* Textlink-Farbe "Mehr Infos" */
}