/* ==|== primary styles =====================================================
   Author: www.prowebdesign.ro
   Write your own styles here.
   ========================================================================== */
#c2151 .csc-textpic-imagecolumn {
	margin:0 23px;
}
#c2151 .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	padding:0 25px;
	font-weight:bold;
}
#c2151 .csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption-c {
	padding-top: 8px;
}
#c2152 img {
	margin-right: 10px;
}
#c2152 .csc-textpic-text {
	margin-top: 30px;
}
ul.flex-direction-nav {
visibility: hidden;
}
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.tx-srlanguagemenu.tx-srlanguagemenu-flags {
float: right;
margin-top: 12px;
margin-right: 0px;
clear: right
}

form#indexedsearch {
float: right;
width: 200px;
  background: #be0e1a; /* Old browsers */
background: -moz-linear-gradient(top,  #be0e1a 0%, #8f0222 44%, #9b000f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #be0e1a 0%,#8f0222 44%,#9b000f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #be0e1a 0%,#8f0222 44%,#9b000f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be0e1a', endColorstr='#9b000f',GradientType=0 ); /* IE6-9 */

}
form#indexedsearch td{
width: 200px;
background-color: transparent;
height: 25px;
}
input.searchbox-button {
color: #ffffff;
margin-top: 4px;
}
input.searchbox-sword {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
font-size: 12px;
line-height: 14px;
background-color: transparent;
height: 12px;
color: #ffffff;
padding:8px 2px 2px 2px;

}
.tx-indexedsearch td {
width: 174px;
padding: 2px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }

#1047  img{
width: 12px;
}
div#c1047.csc-default.csc-space-after-30 img {
width: 18px;
}
input.searchbox-button {
line-height: 24px;
}

/* Abschnitt PRODUKTTABELLEN */

div#c86.csc-default.csc-space-after-30 {
margin-top: 53px;
  }
div.kk_csv2table {
    background-color: transparent;
width: 90%;
font-weight: 300;
}

.tr-even{
background-color: #C40004;
color: #ffffff;
}
.tr-odd{
background-color: #ffffff;
color: #000000;
}
th {
text-align: center;
width: 10%;
line-height: 12px;
font-weight: 300;
    font-size:11px;
border-left: 1px solid #ffffff;
padding: 2px 3px 2px 3px;
}
th.th-last {
text-align: center;
width: 18%;
border-left: 1px solid #ffffff;
}
td {
text-align: center;
width: 18%;
font-weight: 300;
    font-size:11px;
}
td.td-1 {
width: 14%;
}
td.td-2 {
width: 14%;
}
td.td-3 {
width: 14%;
}
td.td-4 {
width: 14%;
}
td.td-5 {
width: 14%;
}

td.td-last {
text-align: center;
width: 14%;
}
.tr-headline{
background-color: #C40004;
color: #ffffff;
font-size: 0.8em;
}
td.bgcolor2{
    background-color: #E2E4E5;
}
td.borderAlign { 
    vertical-align: middle;
    text-align: center;
    font-size:12px;
    height:14px;
}
td.borderAlignHead { 
    vertical-align: middle;
    text-align: center;
    color:#fff;
    font-size:11px;
}
table.rolle td {
height: 33px;
padding: 5px;
width: auto;
}
/* Abschnitt PRODUKTTABELLEN ENDE */


/* Abschnitt Breadcrumb Anfang */

#c968,  #c971, #c978, #c977, #c978, #c976, #c979, #c980, #c982, #c983, #c984 ,
#c985 , #c986, #c987, #c988, #c989, #c990, #c991, #c992, #c993, #c994, #c995, 
#c996, #c997, #c998, #c999, #c1000, #c1001, #c1002, #c1003, #c1004, #c1005, #c1006,
#c1007, #c1008, #c1009, #c1010, #c1011, #c1012, #c1013, #c1014{
margin-left: -25px;
margin-top: -13px;
height: 5px;
}
#c973, #c967 {
margin-left: -25px;
  margin-top: -25px;
height: 4px;
}

/* Abschnitt Breadcrumb ENDE */

ul.csc-menu-1 li a{
color: #de4e54;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  left: 0;
  z-index: 99999;
padding: 0 1em;
}
.csc-menu-1 li a{
color: #de4e54;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
float: left;
  left: 0;
  z-index: 99999;
}
.tabelle .tr-odd{
background-color: #D6D4D4;
}
.td {
width: 99%;
}
.td-0 {
width: 18.3%;
}
.td-1, .td-2, .td-3, .td-4 {
width: 16.33%;
}
.td-5 {
width: 4%;
}

/* typography */
body{
  color:#444;
  font-family:'Droid Sans', Arial, Helvetica, sans-serif; 
  font-size:1em; line-height:normal; 
  background: #ebebeb url(../images/bg.png)  no-repeat;
  background-position:50% 163px;
  }
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  font-family:'Droid Sans', Arial, Helvetica, sans-serif; 
  line-height:120%;
  margin:0;
  padding:0; font-family:'Droid Sans', Arial, Helvetica, sans-serif; line-height:120%} 
h1 {
padding-top: 2em;
line-height: 200%
}
/*
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
  float: none;
}
*/
#design {
position: relative;
float: left;
margin-left: 33px;
margin-top: -2px;
background-color: #ebebeb;
}
#c51 .csc-textpic-intext-left {
background-color: #E2E0E0;
margin-top: 34px;
}
#c51  p{
float: left;
width: 123px;
padding-top: 1em;
padding-left: -1.2em;
}
#c51  img{
float: right;
clear: both;
margin-right: -1em;
}
#c52  p{
float: left;
width: 123px;
padding-top: 1em;
}
#c52  img{
float: right;
clear: both;
margin-right: -1em;
}
#c53  p{
float: left;
width: 123px;
padding-top: 1em;
}
#c53  img{
float: right;
clear: both;
margin-right: -1em;
}
#c52 .csc-textpic-intext-left {
background-color: #E2E0E0;
margin-top: -30px;
}
#c53 .csc-textpic-intext-left {
background-color: #E2E0E0;
margin-top: -30px;
}
#c1244  img{
float: right;
clear: both;
margin-right: -1em;
}
#c1244 .csc-textpic-intext-left {
background-color: #E2E0E0;
margin-top: -30px;
}
#c1244  p{
float: left;
width: 123px;
padding-top: 1em;
}
#c1244 .csc-textpic-intext-left {
background-color: #E2E0E0;
margin-top: -30px;
}
#suche {
position: relative;
float: right;
margin-left: 33px;
background-color: #ebebeb;
}
#locator {
position: absolute;
float: left;
margin-top: 468px;
}
#locator a {
color: #B50000;
font-size: 0.8em;
text-decoration: none;
}
#c79 {
border-bottom: 0.35em solid #EB0000;
}
#c78 {
float: left;
width: 35%;
float: left;
}
#c80 {
float: right;
clear: left;
width: 55%;
margin-top: -152px;
}
#spalte_links .divider hr {
border: 0.2em solid #EB0000;
}
.divider hr {
border: 0.2em solid #EB0000;
}
#content_typo3 h1 {
padding-top: 1.2em;
}


.element3cols { overflow:hidden;margin-top: -2.8em;}
.col1, .col2 { width: 28%; float:left; }
.col1 { margin-right:2%; }
.col2 { margin-left: 2%; }
.col3 { margin-right: 6%;float: right; }
.element3cols h1 { color: #EB0000;}

.element3_1cols { overflow:hidden;}
 .col5, .col6, .col7 { width: 29%; float:left; }
.col4 { margin-left:0%; width: 90%; }
.col5 { margin-left: 0%; }
.col6 { margin-left: 3%; }
.col7 { margin-right: 6%;float: right; }
.element3_1cols h1 { color: #EB0000;}

.element1_3cols { overflow:hidden;}
.col9, .col10, .col11 { width: 29%; float:left; }
.col8 { width: 95%; margin-left:0%;float: left; }
.col9 { margin-left: 0%; }
.col10 { margin-left: 3%; }
.col11 { margin-right: 6%;float: right; }
.element1_3cols h1 { color: #EB0000;}

.element1_1cols { overflow:hidden;margin-top: -2em;}
.col12 { width: 95%; margin-left:0%; float: left; }
.element1_1cols h1 { color: #EB0000;}

.element2cols { overflow:hidden;width: 95%; border-top: 0.2em solid #EB0000;}
.col14 { width: 32%; margin-left:3%; float: right; margin-top: 1em;}
.col13 { width: 60%; margin-left:0%; margin-top: 1em;float: left; }
.element1_1cols h1 { color: #EB0000;}

#footertext {
margin-top: -63px;
}

#flexslider-31 {
background-color: transparent;
}
div#content.grid_13.einspaltig
div#content_typo3 {
  background-color: transparent;
  }
//*#spalte_rechts  h1 {
position: relative;
float: right;
width: 145px;
}
#spalte_rechts  p {
position: relative;
float: right;
width: 145px;
}
*//
#suche {
position: relative;
float: right;
}
  #logo a img{
    margin-left: -14px;
  }
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img {
  float: left;
  margin-right:30px;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap  img{
  float: right;
  margin-left:0px;
}
.tx-ws-flexslider {
 margin-left: -85px;
  margin-top: -20px;
}


.sf-menu a, .sf-menu a:visited {
font-size: 12px;
line-height: 30px;
padding-top: 0px;
padding-bottom: 0px;
}

.sf-menu  li ul a, .sf-menu  li ul a:visited {
line-height: 35px !important;
height:35px;
}

.sf-menu li ul li:last-child a {
    border-right: 0px solid #DDD;
}

/* links */
a,
a:visited,
a:active
a:hover{color:#636363;}
a:hover{ text-decoration:none;}


#content_typo3 .align-right {
  text-align:right;  
}

#content_typo3 .align-center {
  text-align:center;  
}

#content_typo3 .align-justify {
  text-align:justify;  
}

#content #content_typo3 ul {
  margin-left: 15px;
  margin-bottom: 20px;
}

#content #content_typo3 ol {
  margin-left: 20px;
  margin-bottom: 20px;
}
  
/* structure */   
#container, #colophon{
  max-width: 1160px; 
  margin: auto;
  }
#container {
  border:0 px solid #dddddd;
  margin-top:20px;
  margin-bottom:20px;
  background-color:#EBEBEB;
 
}
#spalte_rechts, .grid_6 #content_typo3 {
  width:95%;
  line-height:20px;
}

#content_typo3 {
  width:100%;
  line-height:20px;
}

.einspaltig #content_typo3 {

}



#content_typo3 h1, #spalte_rechts h1 {
  margin-bottom:20px;
}
#content_typo3 header, #spalte_rechts header {
  padding-bottom:0px;
}


header{ 
  margin: 0 0 20px 0;}
header, header nav, #main, #banner{
  width:100%;}
#logo{ 
  padding-right:0px;
  margin-left:-40px;
  margin-right:20px;
  float:left;
  }

#content h1{ 
    font-size: 1.510em;
  margin-top:0px;
  margin-bottom: 15px;
}

#content h2{margin-bottom:20px;}
#main, footer{ 
  font-size: .810em;
    line-height:1.5em;}
#main{ 
  margin-left:5%;
  min-height: 200px;
  width: 90%;
    }

#spalte_links {
width: 113%;
}
#container.zweispalten #main { 
  width: 95%;
    }
#main p{ 
  margin:0px 0 20px 0;}

#content {  
  margin:0 0 0px 0;
padding-top: 0px;
}
#content ul, #content ol {
  margin: 1em 0;
  padding: 0 0 0 0px; }
#content dd {
  margin: 0 0 0 40px; }


#content_typo3 img, #spalte_rechts img, embed, object, video {
  max-width: 100%;
  width:99%;
  height: auto;
}


.csc-mailform label {
width:150px;
display:block;
float:left;
}

.csc-mailform input {
border: 1px solid #9c9c9c;
padding:5px;
width:95%;
}

div.csc-mailform ol li {
  margin-bottom:10px;
}

div.csc-mailform fieldset li.csc-form-confirmation-false, div.csc-mailform fieldset li.csc-form-confirmation-true {
  padding-left:0px;
}

div.csc-mailform ol {
  list-style-type:none;
}

.csc-mailform div.row {
  margin-bottom:3px;
}

.csc-mailform textarea {
width:95%;
height:100px;
border: 1px solid #9c9c9c;
margin-bottom:5px;
margin-top:4px;
padding:5px;
}

.csc-mailform textarea, .csc-mailform input {
  font-size:12px;
}
.csc-mailform .error {
  margin-left:0px;
}

.csc-mailform span.red a {
  color:red;
}
.messe-link {
	display:block;
	float:left;
	margin-left: 20px;
}
@media screen and (max-width: 768px) {
	.messe-link {
		display:none;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content_typo3 img, #spalte_rechts img, embed, object, video {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

@media \0screen {
#content_typo3 img, #spalte_rechts img, embed, object, video { 
    width: auto\9; /* for ie 8 */
  }
}

aside { 
  float:left;
  margin:0 0 40px 0;
  }
.flexslider {width:99%;}

#banner {
  text-align:left;
}

/*colors and bgs*/
body{}
h1, h2, h3, h4, h5, h6{
  color:#333; }
  
hgroup h1{
  color:#555; }

footer{ 
  width: 100%;
  background: white url(footer_bg.png) no-repeat;
  font-size:12px;
  color:#797979;
  clear:both;
  line-height:20px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:2%;
  padding-right:20px;
  height: 20em;
}

a.bluelink{ 
  background:#0099ff; 
  border-radius:7px; 
  color:#fff;
  display:block;
  float:left; 
  margin:10px 15px 10px 0; 
  padding:15px;}





/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; margin-top: -8px;}



}

/* ==|== media queries ======================================================
only screen and min-device-width
   ========================================================================== */
   
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#container, #colophon{width:95%;}
#content_typo3 {
  width:95%;
}

ul#mobileselect.sf-menu {
margin-top: -56px;
.flexslider {width:90%;}
#logo, header hgroup{ }
#logo img{max-width:70%;margin-left: 23px;}
  body{
  background: #EBEBEB;
  }
}

/* large smartphones ----------- */
@media (max-width: 768px) {
	.messe-link {
		display:none;
	}
#container, #colophon{width:94%;}
#content_typo3 {
  width:100%;
}
#design {
visibility: hidden;
height: 1px;
}
#suche {
visibility: hidden;
height: 1px;
}
  #logo {
    margin-left: 1px;
  }
  body{
  background: #EBEBEB;
  }
header{padding:10px 0 1px 0;height: 3px;}
header h1{ font-size:1.4em;}

.flexslider {width:90%;}
nav#topnav {
height: 4em;
padding-top: 5px;
}
.sf-menu {
  line-height:1.9;
  font-size:14px;  
  height:35px !important;
  margin-bottom: 2em;
height: 4em;
padding-top: 5px;
}

.sf-menu a, .sf-menu a:visited {
line-height: 35px !important;
}

.flexslider {
margin-top: 20px;
}
}

.messe-link {
  display: none !important;
}