/* Reset and cleanup styles
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
.ie8 img,
.ie8 object,
.ie8 embed {max-width: none;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font-size: 99%;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Individual styles
-------------------------------------------------------------------------------*/
/* Disable highlight of images */
img { 
  outline:none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

body {
  font-size: 13px;
  font-family: arial,sans-serif;
  line-height: 135%;
  text-align: left;
  color: #3F4D58;
}

h1, 
#DBpnlOverview p.download-box-header,
#teaser h5 {
  font-size: 20px;
  line-height: 27px;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: left top;    
  padding-left: 20px;
  padding-top: 6px;
  margin-bottom: 10px;   
  position: relative;
  left: -20px;  
}

h2 {
  font-size: 16px;
  line-height: 17px;   
  font-weight: normal;
  margin-bottom: 5px;  
  margin-top: 10px;
}

#main-bg h2 {
  background-repeat: no-repeat;
  background-position: left 1px;  
  padding-left: 15px;
  position: relative;
  left: 0;
}

h3, .follow-title {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px;  
  margin-top: 10px;
}

h1 a,
h2 a,
h3 a,
#teaser h5 a {
  text-decoration: none;
}

ol,
ul {
  list-style: none;
  padding-bottom: 10px;
}

ul li {
  line-height: 150%;
  margin-left: 15px;
  padding: 4px 0;
  list-style-type: square;
}

ol li {
  line-height: 150%;
  margin-left: 15px;
  padding: 4px 0;
  list-style-type: decimal;
}

ul li.csc-textpic-image {
  background-image: none!important;
}

a {
  color: #3F4D58;
}

p {
  margin-bottom: 20px;
}

.download,
.morelink,
.download-external-link {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left center;  
  padding-left: 9px;
}

.download:hover,
.morelink:hover,
.download-external-link:hover {
  text-decoration: underline;
}

.button {
  display: inline-block;
  background-color: transparent;  
  color: #fff;
  font-size: 14px;
  text-align: center;    
  text-decoration: none;  
  background-image: url("../Images/button-big-right.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.button:hover {
  color: #e6f1fc;
}

.button span {
  display: block;
  background-color: transparent;  
  line-height: 30px;
  background-image: url("../Images/button-big-left.png");
  background-repeat: no-repeat;
  padding: 0 15px 0 15px;
}

.button-back{
  display: inline-block;
  background-color: transparent;  
  color: #fff;
  font-size: 12px;
  text-align: center;    
  text-decoration: none;  
  background-image: url("../Images/button-right.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.button-back span {
  display: block;
  background-color: transparent;  
  height: 23px;
  line-height: 19px;
  background-image: url("../Images/button-left.png");
  background-repeat: no-repeat;
  padding: 3px 15px 0 30px;
}

.button-forward{
  display: inline-block;
  background-color: transparent;  
  color: #fff;
  font-size: 12px;
  text-align: center;    
  text-decoration: none;  
  background-image: url("../Images/button-left-forward.png");
  background-repeat: no-repeat;
  float: right;
}

.button-forward span {
  display: block;
  background-color: transparent;  
  height: 23px;
  line-height: 19px;
  background-image: url("../Images/button-right-forward.png");
  background-position: right top;
  background-repeat: no-repeat;
  padding: 3px 30px 0px 15px;
}

.button-back:hover,
.button-forward:hover {
  color: #e6f1fc;
}

img {
 height: auto;
}

/* Tabelle */

table{
  text-align: left;
  border:none;
  border:1px solid #d1d5dd;
  border-top: none!important;
  margin-bottom: 15px;
}

table p {
  margin-bottom: 0;
}

table,
td {
  font-size: 12px;
  border: 1px solid #d1d5dd;
  border-collapse: collapse;
}

table {
  border-left: none;
}

caption {
  display:none;
}

thead th {
  font-weight: bold;
  color: #4B4B4B; 
  background: #d1d5dd; 
  background: -moz-linear-gradient(top,  #d1d5dd 0%, #e3e5ea 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d5dd), color-stop(100%,#e3e5ea)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d1d5dd 0%,#e3e5ea 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d1d5dd 0%,#e3e5ea 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d1d5dd 0%,#e3e5ea 100%); /* IE10+ */
  background: linear-gradient(top,  #d1d5dd 0%,#e3e5ea 100%); /* W3C */
}  

tbody th {
  border-left: none;  
  border-top: 1px solid #d1d5dd;
  border-right: 1px solid #d1d5dd;
  text-align: left;
  vertical-align: top;  
  font-weight: bold;
}

thead th{
  vertical-align: top;
  border-left: 1px solid #d1d5dd;  
}

thead th,
tbody th,
tbody tr td {
  padding: 8px 20px 8px 10px; 
}

tbody td {
  background-color: #fff;
  border-left: none;
}

table tbody tr th{
  background-color: transparent;  
}

table.product-specifications p{
  margin: 0px;
}
table.product-specifications {
  width: 510px;
}
table.product-specifications th {
  width: 144px;
}
.box table.product-specifications {
  border: none;
}
.box table.product-specifications th, 
.box table.product-specifications td {
  border: none;
  border-bottom: 1px solid #D1D5DD;
}
.box table.product-specifications td {
  background-color: #fff;
}

table td.available_arrow, table th.available_arrow {
  background: url("/typo3conf/ext/km_products/assets/icons/checkmark.png") transparent no-repeat center center;
}

table td.unavailable_arrow, table th.unavailable_arrow {
  background: url("/typo3conf/ext/km_products/assets/icons/minus.png") transparent no-repeat center center;
}


img.img-border {
  border: 1px solid #D1D5DD;
}

#wrapper {
  width: 970px;  
  margin: 0 auto;
  position: relative;
  overflow: hidden;    
}


/* cookie-statement */

.popup-content {
  margin: 0 20px;
}

.cookie-statement.init-state {
  display: none;
}

.cookie-statement {
  min-width: 970px;
  background: #e4e6eb;
  background-image: -moz-linear-gradient(top, #fff 0%, #e4e6eb 100px);
  background-image: -webkit-gradient(linear, 0% 0%,0% 100px, from(#fff), to(#e4e6eb));
  background-image: -webkit-linear-gradient(top, #fff 0%,#e4e6eb 100px);
  background-image: -o-linear-gradient(top, #fff 0%,#e4e6eb 100px);
  background-image: -ms-linear-gradient(top, #fff 0%,#e4e6eb 100px);
  background-image: linear-gradient(top, #fff 0%,#e4e6eb 100px);
  background-position: 0 0 ;
  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
  box-shadow: 0px 0px 6px rgba(0,0,0,0.7);  
  padding: 10px 0; 
  
  position: relative;
  z-index: 999;
}

.ie7 .cookie-statement,
.ie8 .cookie-statement,
.ie9 .cookie-statement {
  background-color: #fff;
  background-image: url(../Images/cookie-statement-background.png);
  background-repeat: repeat-x;
  background-position: center bottom;
}

.cookie-statement-text {
  width: 940px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 12px;
  position: relative;  
  padding-right: 30px;
}

.cookie-statement-text a {
  color: #E2091B;
}

.cookie-statement-close {
  display: block;
  width: 20px;
  height: 18px;
  background-image: url(../Images/icon-close-cookie-statement.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

/* HEADER */

#header {
  height: 70px;
  position: relative;
}

#header a:visited{
  color: #4d3380;
}

#header a:hover {
  color: #7f99b2;
}

#logo {
  /*width: 400px;*/
  /*width:540px;*/
  width:auto;
  
  top: 19px;
  left: 20px;
  position: absolute;
  overflow: hidden;
}

#logo p {
  display: block;
  /*float: right;*/
  float: left;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 0;
  margin-top:11px;
/*
  position: absolute;
  right: 6px;
  bottom: 4px;
*/
}

#logo img {
  float: left;
  margin-right:40px;
}

.more-logo {
  top: 9px;
  left: 450px;
  position: absolute;
}

#header #language {
  border-right: 1px solid #CCCCCC;
  padding-right: 12px;
  padding-bottom: 0;
  top: 13px;
  right: 201px;
  position: absolute;  
  overflow: hidden;  
}

#header #language li {
  float: left;
  font-size: 12px;
  list-style-type: none;
  line-height: 100%;
  padding-left: 7px;
  margin: 0;
}

#header #language li a {
  text-decoration: none;
  color: #003366;
  background-image: url(../Images/icon-branch-link.png);
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 13px;
  margin-left: 8px;
}

#slogan {
  top: 15px;
  right: 0;
  position: absolute;
}

#branch {
  padding-bottom: 0;  
  top: 38px;
  right: 214px;
  position: absolute;
  overflow: hidden;
}

#branch li {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;  
  margin-top: 2px;
}

#header #language li.active,
#header #language li a.active {
  background-image: none;
  color: #999999;
  font-weight: bold;
  cursor: default;
}

#branch li a {
  font-size: 12px;
  text-decoration: none;
  color: #003366;
  background-image: url(../Images/icon-branch-link.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 13px;
  margin-left: 8px;
}

#branch li.branchlink {
  font-size: 12px;
  text-decoration: none;
  color: #003366;
  background-image: url(../Images/icon-branch-link.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 13px;
  margin: 3px 0 0 8px;
}

.ie7 #language li a,
.ie7 #branch li a,
.ie8 #language li a,
.ie8 #branch li a {
  background-position: left 2px;
}

#branch a.global {
  display: inline-block;
  background-image: url(../Images/icon-global.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 20px;
}

.ie7 #branch a.global {
  padding-top: 1px;
}

#search,
#tx-solr-search-form-pi-search {
  top: 39px;
  right: 0;
  position: absolute;
}

#searchbox {
  height: 17px;
  width: 171px;
  color: #666666;
  font-family: arial,sans-serif;
  font-size: 12px;
  padding: 0 2px;
  margin-right: 5px;
}

#mobiletitle {
  display: none;
}

/* MAINMENU*/


#mainmenu {
  height: 30px;
  background-color: #e9e9e9; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #e9e9e9 0%, #e0e0e0 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #e9e9e9 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #e9e9e9 0%,#e0e0e0 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #e9e9e9 0%,#e0e0e0 100%); /* IE10+ */
  background-image: linear-gradient(top,  #e9e9e9 0%,#e0e0e0 100%); /* W3C */
  background-position: 0 0;  
  position: relative;
  z-index: 50;
}

#mainmenu ul {
  position: relative;
  left: 0;
  top: 0;  
  width: 100%;
}

#mainmenu ul li {
  float: left;
  list-style-type: none;
  font-size: 12px;
  color: #333333;
  margin-left: 0px;
  padding: 0 10px;
  cursor: default;  
}

#mainmenu> ul> li {
  line-height: 30px;
  font-weight: bold;
}

#mainmenu> ul> li >a {
  text-decoration: none;
  color: #333333;
}

/*#mainmenu ul li:hover, */
#mainmenu ul li ul li a:hover{
  background-color: #c5e1ff; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1ZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWQxZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #c5e1ff 0%, #a5d1ff 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5e1ff), color-stop(100%,#a5d1ff)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* IE10+ */
  background-image: linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* W3C */
  background-position: 0 0;
  position: relative;
}

#mainmenu ul li.active, 
#mainmenu ul li.active ul li a:hover {
  background-color: #006bdb; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2RmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #007dfe 0%, #005bba 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dfe), color-stop(100%,#005bba)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* IE10+ */
  background-image: linear-gradient(top,  #007dfe 0%,#005bba 100%); /* W3C */
  background-position: 0 0;
}

#mainmenu ul li.active,
#mainmenu ul li.active a{
  color: #fff;
  text-decoration: none;
}

#mainmenu ul li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1050;
}

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

#mainmenu ul li ul li {
  clear: left;
  display: block;
  width: 178px;
  background-color: #d1e6fb;
  border-top: 1px solid #fff;
}

#mainmenu ul li ul li a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #000;
  padding-left: 0px;
  line-height: 120%;
  padding: 6px 0;
  cursor: pointer;
}

#mainmenu ul li ul li.active {
  background: #007dfe; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2RmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #007dfe 0%, #005bba 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dfe), color-stop(100%,#005bba)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #007dfe 0%,#005bba 100%); /* IE10+ */
  background-image: linear-gradient(top,  #007dfe 0%,#005bba 100%); /* W3C */
  background-position: 0 0;  
}

.ie7 #mainmenu ul li ul li.active,
.ie8 #mainmenu ul li ul li.active {
  background-color: #005bba;
}

#mainmenu ul li.active ul li a {
  color: #000;
}

#mainmenu ul li.active ul li.active a, 
#mainmenu ul li.active ul li a:hover {
  color: #fff;
}

#mainmenu ul li.active ul li a:hover {
  color: #000;
  background-color: #c5e1ff; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1ZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWQxZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #c5e1ff 0%, #a5d1ff 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5e1ff), color-stop(100%,#a5d1ff)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* IE10+ */
  background-image: linear-gradient(top,  #c5e1ff 0%,#a5d1ff 100%); /* W3C */
  background-position: 0 0;
  position: relative;
}

#mainmenu ul li.active ul li.active a:hover {
  color: #fff;
  background-color: transparent;
  background-image: none;
}


/* BREADCRUMB */

#breadcrumb {
  min-height: 28px;
  border-bottom: 1px solid #D1D5DD;
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
}

#breadcrumb ul {
  width: 640px;  
  padding-bottom: 0;
}

#breadcrumb li{
  float: left;
  list-style-type: none;
  background-image: url(../Images/arrow-black.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 0;
  padding-bottom: 0;  
  padding-left: 10px;
  margin-left: 10px;
  margin-right: 0;
}

.ie7 #breadcrumb li,
.ie8 #breadcrumb li {
  background-position: left 12px;  
}

#breadcrumb li a {
  font-size: 12px;
  line-height: 28px;   
  text-decoration: none;
  color: #333333;
}

#breadcrumb li a:hover {
  color: #0064cc;
  text-decoration: underline;
}

/* BREADCRUMB WITH SOCIAL-LINKS */
div#breadcrumb {
  with: 967px;
}

div#breadcrumb ul {
  float: left;
}

div#breadcrumb .social-links-product {
  float: right;
  position: relative;
  top: 2px;
}

.social-links-wrapper {
    float: left;
}

/* TOP AREA */

#teaser {
  margin-bottom: 34px;
  padding-top: 24px;  
  overflow: hidden;
}

#home #teaser {
  margin-bottom: 27px;
}

.teaser-left-wide {
  float: left;
  width: 588px;
  margin-right: 20px;
}

.teaser-left-wide .frame1,
.teaser-left-wide .csc-frame-frame1 {
  padding: 0 19px;
}

.teaser-right-small{
  float: right;
  width: 362px;
}

.teaser-left-small {
  width: 182px;
  float: left;  
  margin-right: 9px;
}

.teaser-left-small .button-back {
  margin-left: 20px;
}

.teaser-right-50 {
  float: right;
  width: 465px;
  padding: 0 10px;
}

.teaser-left-50 {
  width: 465px;
  float: left;  
  padding: 0 10px;
}

.teaser-left-small h1, .teaser-left-50 h1, .teaser-right-50 h1,
.teaser-left-small h5, .teaser-left-50 h5, .teaser-right-50 h5{
  position: relative;
  left: 0;
}

.teaser-right-wide {
  width: 777px;
  float: right;
  text-align: right;
}

.ProductApplication-left {
  width: 252px;
  float: left;  
}

.ProductApplication-left h5,
.ProductApplication-left h1{
    left: 0;
    position: relative;
}

.ProductApplication-left p {
  font-size: 13px;
  line-height: 18px;
  padding-left: 20px;
}

.ProductApplication-right {
  width: 717px;
  float: right;   
}

.ProductApplication-middle {
  width: 500px;
  float: left;
  margin-right: 9px;  
  text-align: center;
}

.ProductApplication-certs {
  width: 209px;
  float: right;   
}

#teaser-country-top {
  margin-bottom: 10px;
}

#content-country-top{
  width: 980px;  
  overflow: hidden;  
}

.csc-frame-frame2{
  float: left;
  border: 1px solid #b8b8b8;
  margin-right: 10px;
  padding: 6px;
  width: 172px;
}

.csc-frame-frame2 .csc-textpic-text a {
  color: #003267;
  background-image: url(../Images/arrow-blue.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 8px;
}

.csc-frame-frame2 p {
  font-size: 11px;
  font-weight: bold;
  color: #999999;
  padding-left: 8px;  
  margin: 0;
}

.site-selector {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* CONTENT*/

#content {
  overflow: hidden;  
  #padding-bottom: 35px;   
}

/* submenu*/

#left {
  float: left;
  width: 190px;
  min-height: 400px;
  margin-right: 2px;
  position: relative;
}

#submenu ul li {
  display: block;
  width: 99%;
  height: 50px;
  text-transform: uppercase;
  line-height: 110%;  
  list-style-type: none;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 1px;  
}

.ie7 #submenu ul li {
  float: left;
}

.ie7 #submenu ul li,
.ie9 #submenu ul li,
.ie8 #submenu ul li {
  height: 49px;
}

#submenu ul li a {
  display: block;
  width: 180px;
  height: 100%;
  font-size: 12px;
  text-decoration: none;
  color: #3E4C57;
  border-bottom: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  border-left: 1px solid #D1D5DD;  
  background-image: url(../Images/arrow-anthrazit.png) , -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-gradient(linear, 0% 0%,0% 100%, from(#e4e6eb), to(#ffffff));
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-position: 96% 33px, 0 0;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  left: 0;
}

.ie7 #submenu ul li a,
.ie8 #submenu ul li a,
.ie9 #submenu ul li a {
  background-image: url(../Images/submenu-background.png);
  background-repeat: no-repeat;
  background-position: right bottom;  
  background-color: transparent;
}

#submenu ul li a span {
  position: absolute;
  bottom: 4px;
  left: 5px;
  padding-right: 20px;
}

.ie7 #submenu ul li a span,
.ie8 #submenu ul li a span,
.ie9 #submenu ul li a span{
  bottom: 3px;  
  padding-right: 15px;
}

#submenu ul li.active a span {
  left: 6px;
}

#submenu ul li.active,
#submenu ul li.active:hover {
  background-repeat: no-repeat;
  background-position: right 30px;
}

#submenu ul li.active a {
  width: 182px;
  color: #fff;
  background-position: 0 0;  
  border: none;  
}

.ie7 #submenu ul li.active a,
.ie7 #submenu ul li.active:hover a
.ie8 #submenu ul li.active a,
.ie8 #submenu ul li.active:hover a,
.ie9 #submenu ul li.active a,
.ie9 #submenu ul li.active:hover a  {
  background-image: none;
}
/*
#submenu ul li:hover a {
  font-size: 12px;
  text-decoration: none;
  color: #3E4C57;
  border-bottom: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  border-left: 1px solid #D1D5DD;  
  background-color: #bac0c9; /* Old browsers */
  /*background-image: url(../Images/arrow-anthrazit.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhYzBjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background-image: url(../Images/arrow-anthrazit.png), -moz-linear-gradient(top,  #bac0c9 0%, #ffffff 98%); /* FF3.6+ */
 /* background-image: url(../Images/arrow-anthrazit.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bac0c9), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
 /* background-image: url(../Images/arrow-anthrazit.png), -webkit-linear-gradient(top,  #bac0c9 0%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
 /* background-image: url(../Images/arrow-anthrazit.png), -o-linear-gradient(top,  #bac0c9 0%,#ffffff 98%); /* Opera 11.10+ */
 /* background-image: url(../Images/arrow-anthrazit.png), -ms-linear-gradient(top,  #bac0c9 0%,#ffffff 98%); /* IE10+ */
 /* background-image: url(../Images/arrow-anthrazit.png), linear-gradient(top,  #bac0c9 0%,#ffffff 98%); /* W3C */
 /* background-position: 96% 33px, 0 0;
 /* background-repeat: no-repeat;
}
*/

/*
.ie7 #submenu ul li:hover a,
.ie8 #submenu ul li:hover a,
.ie9 #submenu ul li:hover a {
  background-image: url(../Images/submenu-background-act.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: transparent;  
}*/

#submenu ul li.active:hover a {
  width: 182px;
  color: #fff;
  background-position: 0 0;
  border: none;  
}

#submenu ul li a.first {
  border-top: 1px solid #D1D5DD;
  height: 49px;
}

.ie7 #submenu ul li a.first,
.ie8 #submenu ul li a.first,
.ie9 #submenu ul li a.first {
  height: 48px;
}

#submenu ul li:hover a.first {
  border-top: 1px solid #D1D5DD;
}


/* main */

#main {
  float: left;
  width: 620px;
  position: relative;
}

.main-area {
  float: left;
  width: 620px;
}

#main-left {
  float: left;
  width: 810px;
}

#main-full {
  margin-top: 20px;
}

#main-bg {
  width: 618px;
  border: 1px solid #D1D5DD;
  background-image: -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100px);
  background-image: -webkit-gradient(linear, 0% 0%,0% 100px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: linear-gradient(top, #e4e6eb 0%,#ffffff 100px);  
  background-position: 0 0 ;
}

.ie7 #main-bg,
.ie8 #main-bg,
.ie9 #main-bg {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
}

#main .csc-frame-frame1 {
  margin: 0 38px 0;
}

#main-bg .frame1 {
  margin:  20px 38px 0;
}

#main ul li,
#main-bg ul li,
aside ul li {
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: left 12px;  
  padding-left: 10px;
  margin-left: 0;
}
#main ul li.csc-textpic-image,
#main-bg ul li.csc-textpic-image {
  padding-left: 0px;
}
aside ul {
  padding-bottom: 0;
}
aside ul li {
  background-position: left 10px;  
}
.ie7 #main ul ,
.ie7 #main-bg ul  {
  padding-top: 1px;
}


/* social news room */

#infscr-loading {
  text-align: center;
}

.newsroom-item {
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d5dd;
  margin-bottom: 15px;
}

.newsroom-image {
  width: 32px;
  float: left;
  margin-right: 23px;
}

.newsroom-text,
.newsroom-text-with-image{
  float: left;
  width: 487px;
}

.newsroom-newest .newsroom-text,
.newsroom-newest .newsroom-text-with-image {
  width: 450px;
}

.newsroom-text p,
.newsroom-text-with-image p{
  margin: 5px;
  margin-left: 0;
}

.newsroom-text-with-image .newsroomitem-title {
  float: left;
  width: 67%;
}

.box .newsroom-text-with-image .newsroomitem-title {
  width: 60%;
}

.newsroom-text-with-image .newsroomitem-posted {
  width: 70%;
  float: left;
}

.newsroomitem-posted {
  font-size: 11px;
}

.newsroomitem-title {
  background-image: url("../Images/arrow-pink.png");
  background-repeat: no-repeat;
  background-position: left 3px;
  font-weight: bold;
  padding-left: 9px;
  position: relative;
  left: -10px;
}

.newsroom-newest-links .button-forward {
  float: none;
  text-transform: uppercase;
}

.newsroom-rss-link {
  float: right;
  padding-left: 9px;
  background-image: url("../Images/arrow-pink.png");
  background-position: left 3px;
  background-repeat: no-repeat;
}

.newsroom-rss-link a {
  text-decoration: none;
  font-weight: bold;
}

#main-bg .tx-bm-sm-newsroom .f3-widget-paginator {
  text-align: center;
}

#main-bg .tx-bm-sm-newsroom .f3-widget-paginator li {
  max-width: 200px;
  list-style-image: none;

  display: inline-block;
  background-color: transparent;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-image: url("../Images/button-down-right.png");
  background-position: right top;
  background-repeat: no-repeat;
  padding: 0;
}


#main-bg .tx-bm-sm-newsroom .f3-widget-paginator li a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
  line-height: 23px;
  background-image: url("../Images/button-down-left.png");
  background-repeat: no-repeat;
  padding: 0 15px 0 27px;
}

.newsroomitem-thumbnail {
  text-align: right;
}

.tx-bm-sm-newsroom .newsroomitem-thumbnail a {
  position: relative;
}

.tx-bm-sm-newsroom .newsroomitem-thumbnail a img:first-child {
  opacity: 0.7;
}

.newsroomitem-thumbnail img {
  width: 125px;
  height: auto;
}

#main-bg .tx-bm-sm-newsroom .playbutton {
  position: absolute;
  top: -50px;
  right: 41px;  
  width: auto;
}

#main .tx-bm-sm-newsroom .playbutton {
  position: absolute;
  top: -50px;
  right: 41px;
  width: auto;
}

/* tt news */

.news-latest-item span,
.news-list-item span {
  float: left;
  width: 97px;
  display: inline-block;
}

.news-latest-item a,
.news-list-item a {
  width: 430px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left 3px;  
  padding-left: 9px;
}

.news-latest-item a:hover,
.news-list-item a:hover {
  text-decoration: underline;
}
 
/* sitemap */

#main-bg .sitemap h2,
#main .sitemap h2 {
  position: relative;
  left: -15px;
}


#main-bg .sitemap ul,
#main .sitemap ul {
  overflow: hidden;
}

#main-bg .sitemap ul li,
#main .sitemap ul li {
  list-style-type: none;
  background-image: none;
  padding-left: 15px;
}

#main-bg .sitemap ul li a:hover,
#main .sitemap ul li a:hover {
  text-decoration: underline;
}

#main-bg .sitemap>ul>li>a,
#main .sitemap>ul>li>a {
  display: block;
  padding-bottom: 5px;
  font-size: 16px;  
  position: relative;
  left: -12px;    
}

#main-bg .sitemap ul li a,
#main .sitemap ul li a {
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left 4px;  
  padding-left: 12px;
}

#main-bg .sitemap ul li ul,
#main .sitemap ul li ul {
  padding-bottom: 0;
}

#main-bg .sitemap ul li ul li,
#main .sitemap ul li ul li {
  padding-left: 1px;
  font-size: 12px;  
  font-weight: bold;    
}

#main .sitemap .description {
  display: block;
  padding-left: 12px;
  font-weight: normal;
  text-transform: none;
}

/* menu wide */

.main-wide {
  float: left;
  width: 970px;
}

.spacer24px {
  height: 24px;
}


/* aside */

aside {
  float: right;
  width: 150px;  
}

/* FOOTER */

footer {
  clear: both;
  height: 110px;
  font-size: 12px;
  color: #4B4B4B;
  background-image: url(../Images/footer-border-top.png);
  background-repeat: repeat-x;
  padding-bottom: 30px;
}

footer div {
  margin-bottom: 2px;
  border-bottom: 2px solid #CCCCCC;
  overflow: hidden;
}

footer ul {
  padding: 0;
  height: auto;
}

footer ul.left {
  float: left;
  margin-left: 2px;  
}

footer ul.right {
  float: right;
  text-align: right;  
  margin-right: 2px;
}

footer ul li {
  display: inline;
  list-style-type: none;
  padding-bottom: 0;  
  padding-top: 0;
}

footer ul.right li {
  margin-left: 8px;
}

footer ul.left li {
  margin-right: 8px;
  margin-left: 0;  
}   

footer ul li a {
  text-decoration: none;
  line-height: 31px;      
  color: #003366;
  background-image: url(../Images/arrow-grey.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 10px;
}

footer ul li a.active {
  background-image: none;
  color: #999999;
  font-weight: bold;
}

footer ul li a:hover {
  color: #7f99b2;
}

footer ul li a:visited{
  color: #4d3380;
}

footer p {
  margin: 0;
}


/* box */

.box {
  margin: 20px 18px;
  padding: 10px 34px 10px;
  border: 1px solid #D1D5DD;
  position: relative;
  background-image: -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100px);
  background-image: -webkit-gradient(linear, 0% 0%,0% 100px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-position: 0 0 ;
}

#home #main .box {
  margin-left: -20px;
  margin-right: -15px;
}

.ie7 .box,
.ie8 .box,
.ie9 .box {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
}

.box .sitemap {
  position: relative;
  left: -15px;
}

.box .sitemap > ul {
  overflow: hidden;
}

.box h2 { 
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 15px;
  position: relative;
  top: 0;
  left: -15px;  
}

.box .news-latest-item a,
.box .news-list-item a {
  width: 370px;
}
  
.left{
  float: left;
  width: 45%;
}

.right{
  float: right;
  width: 45%;
}

/* contact */

.box-contact {
  height: 100%;
  font-size: 11px;
  color: #fff;
  background-color: #3E4D57;
  background-image: -moz-linear-gradient(top, #3E4D57 60%, #616F7B 100%);
  background-image: -webkit-gradient(linear, 0% 0%,60% 100%, from(#3E4D57), to(#616F7B));
  background-image: -webkit-linear-gradient(top, #3E4D57 60%,#616F7B 100%);
  background-image: -o-linear-gradient(top, #3E4D57 60%,#616F7B 100%);
  background-image: -ms-linear-gradient(top, #3E4D57 60%,#616F7B 100%);
  background-image: linear-gradient(top, #3E4D57 60%,#616F7B 100%);
  background-position: 0 0;
  margin-bottom: 24px;
  padding-top: 8px;
  padding-bottom: 5px;  
  overflow: hidden;
}

.box-contact .links {
  padding-right: 5px;  
}

.box-contact h3 {
  font-size: 16px;
  font-weight: normal;
  margin-left: 5px;
  margin-top: 0;
}

.box-contact p {
  margin-bottom: 5px;
}

.box-contact a {
  color: #fff;
  margin-top: 10px;
}

.box-contact a:hover {
  color: #ececec;
}

.local-dealer {
  display: inline-block;
  background-image: url(../Images/icon-find.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 38px;
}

.mail {
  display: inline-block;
  background-image: url(../Images/icon-send.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 38px;
}

.phone {
  display: inline-block;
  font-size: 13px;
  background-image: url(../Images/icon-call.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 38px;
}

.box-contact a[href^="tel"]:link {
  cursor: default;
  text-decoration: none;
}

.box-contact a[href^="tel"]:link:hover {
  color: #fff;
}

.box-contact .detail {
  font-size: 11px;
  position: relative;
  left: 30px;
  top: -4px;
}

/* box-grey */

.box-grey {
  height: 100%;
  font-size: 12px;
  border: 1px solid #D1D5DD;
  padding: 8px 5px 5px 10px;
  background-color: #e4e6eb; /* Old browsers */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTZlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(top,  #e4e6eb 0%, #ffffff 80px); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e6eb), color-stop(80px,#ffffff)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* IE10+ */
  background-image: linear-gradient(top,  #e4e6eb 0%,#ffffff 80px); /* W3C */
  background-position: 0 0 ;
  margin-bottom: 24px;
}

.ie7 .box-grey ,
.ie8 .box-grey ,
.ie9 .box-grey  {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #fff;
}

.box-grey h3, .box-grey .download-title {
  font-weight: bold;
  margin-top: 0;
  display: block;
}

.box-grey h4 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 0;
}

.box-grey p {
  margin-bottom: 5px;
}

.box-grey a.download,
.box-grey a.download-external-link {
  display: inline-block;
  text-decoration: none;
  background-image: url(../Images/icon-pdf.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 22px;
}

.box-grey a.download:hover,
.box-grey a.download-external-link:hover {
  text-decoration: underline;
}

.box-grey span.file-size{
    display: block;
    font-size: 11px;
    padding-left: 22px;
}

.box-blue {
  margin-bottom: 19px;
}

.box-blue-name {
  height: 45px;
  display: block;
  font-size: 12px;
  text-decoration: none;  
  color: #fff;
  background-color: #006bdb; /* Old browsers */
  background-image: url(../Images/arrow-white-right.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2RmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: url(../Images/arrow-white-right.png), -moz-linear-gradient(top, #007dfe 0%, #005bba 100%); /* FF3.6+ */
  background-image: url(../Images/arrow-white-right.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dfe), color-stop(100%,#005bba)); /* Chrome,Safari4+ */
  background-image: url(../Images/arrow-white-right.png), -webkit-linear-gradient(top, #007dfe 0%, #005bba 100%); /* Chrome10+,Safari5.1+ */
  background-image: url(../Images/arrow-white-right.png), -o-linear-gradient(top, #007dfe 0%, #005bba 100%); /* Opera 11.10+ */
  background-image: url(../Images/arrow-white-right.png), -ms-linear-gradient(top, #007dfe 0%, #005bba 100%); /* IE10+ */
  background-image: url(../Images/arrow-white-right.png), linear-gradient(top, #007dfe 0%, #005bba 100%); /* W3C */
  background-position: 94% 27px, 0 0 ;
  background-repeat: no-repeat;
  padding: 0 10px;
  top: -5px;
  position: relative;
}

.ie7 .box-blue-name,
.ie8 .box-blue-name {
  background-image: url(../Images/box-blue-bg.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}

.box-blue-name span {
  position: absolute;
  bottom: 5px;
}

/* social media*/

.social-links {
  height: 19px;
  border-top: 1px solid #fff;  
  padding-left: 10px;
  padding-top: 5px;
}

.social-links a {
  display: inline-block;
  margin-top: 0;
  margin-right: 2px;  
}

.youtube{
  width: 19px;
  height: 19px;
  display: inline-block;  
  background-image: url("../Images/icon-youtube-small.png");
  background-repeat: no-repeat;
}

.facebook{
  width: 19px;
  height: 19px;
  background-image: url("../Images/icon-facebook-small.png");
  background-repeat: no-repeat;  
}

.twitter {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-twitter-small.png");
  background-repeat: no-repeat;
}

.linkedin {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-linkedin-small.png");
  background-repeat: no-repeat;
}

.googleplus {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-googleplus-small.png");
  background-repeat: no-repeat;
}

.rss {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-rss-small.png");
  background-repeat: no-repeat;
}

.blog {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-blog-small.png");
  background-repeat: no-repeat;
}

.vk {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-vk-small.png");
  background-repeat: no-repeat;
}

.pinterest {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-pinterest-small.png");
  background-repeat: no-repeat;
}

.xing {
  width: 19px;  
  height: 19px;
  background-image: url("../Images/icon-xing-small.png");
  background-repeat: no-repeat;
}

.social-links-home {
  width: 188px;
  margin-top: 24px;
  overflow: hidden;
}

.social-links-home a {
  display: block;
}

.social-links-home img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

#breadcrumb .social-links-product {
  background-image: none;
  float: right;
  margin-right: 0;  
}

.ie7 #breadcrumb .social-links-product {
  position: relative;
  top: 2px;
}

.ie8 #breadcrumb .social-links-product {
  min-width: 143px;
}

#breadcrumb .social-links-product img {
  position: relative;
  top: 3px;
  padding-left: 4px;
}

#breadcrumb .social-links-product img.socialColor {
  #position: absolute;
  #top: 3px;
  display: none;
}
#breadcrumb .social-links-product a:hover .socialColor{
  display: inline;
}
#breadcrumb .social-links-product a:hover .socialGrey{
  display: none;
}

/* Sitemap */

#main .csc-sitemap ul li {
  background-image: none;
  list-style-type: none;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 0;
}
 
#main .csc-sitemap ul li a {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 12px;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 10px;
  margin-bottom: 10px;
}

#main .csc-sitemap ul li a:hover {
  text-decoration: underline;
}

#main .csc-sitemap ul li ul {
  padding-bottom: 0;
}

#main .csc-sitemap ul li ul li {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  border: 1px solid #D1D5DD;
  background-image: -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 200px);
  background-image: -webkit-gradient(linear, 0% 0%,0% 200px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 200px);
  background-image: -o-linear-gradient(top, #e4e6eb 0%,#ffffff 200px);
  background-image: -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 200px);
  background-image: linear-gradient(top, #e4e6eb 0%,#ffffff 200px);
  background-position: 0 0;
  margin-bottom: 10px;
  padding-left: 22px;
}

#main .csc-sitemap ul li ul li.nolink {
  background-position: 23px 15px, 0 0;
  margin-bottom: 10px;
  padding-left: 35px;
}

.ie7 #main .csc-sitemap ul li ul li,
.ie8 #main .csc-sitemap ul li ul li {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
}

.ie9 #main .csc-sitemap ul li ul li {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
}

.ie9 #main .csc-sitemap ul li ul li.nolink {
  background-repeat: no-repeat, repeat-x;
  background-position: 23px 14px, center top;
}

#main .csc-sitemap ul li ul li a {
  margin: 0;
  text-transform: none;
}

#main .csc-sitemap ul li ul li ul {
  margin-bottom: 10px;
}

#main .csc-sitemap ul li ul li ul li {
  font-size: 14px;
  border: 0;
  background-image: none;
  padding: 5px 0 0px 5px;
}

.ie7 #main .csc-sitemap ul li ul li ul li,
.ie8 #main .csc-sitemap ul li ul li ul li,
.ie9 #main .csc-sitemap ul li ul li ul li {
  background-image: none;
}

#main .csc-sitemap ul li ul li ul li ul li {
  display: inline-block;
  width: 45%;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding-left: 15px;
}

#main .csc-sitemap ul li ul li ul li ul li a {
  background-position: left 4px;
}

/* FCE*/

.fce-2 {
  overflow: hidden;
}

.fce-2 .col1 {
  float: left;
  width: 45%;
}

.fce-2 .col2 {
  float: right;
  width:45%;
}

.fce-3 {
  margin-bottom: 20px;
  overflow: hidden;
}

.fce-3 .col1 {
  float: left;
  width: 182px;
  margin-left: 17px;
}

.fce-3 .col2 {
  float: left;
  width: 182px;  
  margin-left: 19px;
}

.fce-3 .col3 {
  float: left;
  width: 182px;  
  margin-left: 19px;
}

#main-bg .fce-3 {
  margin-bottom: 20px;
  overflow: hidden;
}

#main-bg .fce-3 .col1 {
  margin: 0;
}

#main-bg .fce-3 .col1,
#main-bg .fce-3 .col2,
#main-bg .fce-3 .col3{
  width: 168px;
}

.fce-2-3{
  overflow: hidden;
}

.fce-2-3 .col1{
  float: left;
  width: 382px;
  margin-right: 10px;
}

.fce-2-3 .col1 h1 {
  color: #fff;
  background-image: none;
}

.fce-2-3  .col2{
  width: 558px;
  float: right;
  background-color: #ededed;
  padding: 10px 10px 0;
}

.fce-2-3 .col2 h3 {
  margin-top: 0;
}

.fce-2-3 .col2 a {
  color: #002879;
}

.main-wide .fce-3 {
  overflow: hidden;
  margin-bottom: 20px;
}

.main-wide .fce-3 h2 {
  background-position: left 1px;
  background-repeat: no-repeat;
  left: 0;
  padding-left: 15px;
  position: relative;
}

.main-wide .fce-3 .col1,
.main-wide .fce-3 .col2,
.main-wide .fce-3 .col3 {
  float: left;
  width: 310px;
  margin-left: 20px;
}

.main-wide .fce-3 .col1 {
  margin-left: 0;
}

.main-wide .fce-2-1 {
  overflow: hidden;
  margin-bottom: 20px;
}

.main-wide .fce-2-1 h2 {
  background-position: left 1px;
  background-repeat: no-repeat;
  left: 0;
  padding-left: 15px;
  position: relative;
}

.main-wide .fce-2-1 .col-1 {
  float: left;
  width: 640px;
}

.main-wide .fce-2-1 .col-2 {
  float: right;
  width: 310px;
}

.fce-accordion {
  border: 1px solid #D1D5DD;
  background-image: -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 50%);
  background-image: -webkit-gradient(linear, 0% 0%,0% 100px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 50%);
  background-image: -o-linear-gradient(top, #e4e6eb 0%,#ffffff 50%);
  background-image: -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 50%);
  background-image: linear-gradient(top, #e4e6eb 0%,#ffffff 50%);
  background-position: 0 0 ;
  margin: 0px 20px 3px;
  padding: 5px 15px 5px 34px;  
  position: relative;
  overflow: hidden;
}

.ie7 .fce-accordion,
.ie8 .fce-accordion,
.ie9 .fce-accordion{
  background-image: url(../Images/accordion-background.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #fff;
}

.fce-accordion .accordion-header {
  cursor: pointer;
  max-width: 400px;
}

.fce-accordion .accordion-close, .fce-accordion .accordion-open {
  cursor: pointer;
}

#main-bg .fce-accordion {
  margin-right: 0;
  margin-left: 0;
}

.fce-accordion .csc-textpic-image {
  margin-bottom: 15px !important;
}

.fce-accordion h2 {
  display: block;
  width: 450px;
  background-repeat: no-repeat;
  background-position: left 11px;
  margin: 0;
  position: relative;  
  left: -14px;
  padding: 8px 90px 7px 18px;
  z-index: 999;
  cursor: pointer;
}

#main-bg .fce-accordion h2 {
  display: block;
  width: 400px;
  background-repeat: no-repeat;
  background-position: left 11px;
  margin: 0;
  position: relative;  
  left: -14px;
  padding: 8px 90px 7px 18px;
  z-index: 999;
  cursor: pointer;
}

.accordion-open,
.accordion-close {
  font-size: 11px;
  position: absolute;
  right: 20px;
  top: 15px;
}

.fce-accordion .accordion-content {
  padding-left: 4px;
}

.fce-accordion .accordion-content h3 {
  font-weight: bold;
  font-size: 13px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 0;
  padding-left: 12px;
  position: relative;
  left: -12px;
}

.accordion-close,
.accordion-content {
  display: none;
}

/* SUPPORT & DOWNLOAD */

#cy_support_buehne {
    background: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_bg.jpg");
    background-repeat: no-repeat;
    height: 185px;
    width: 540px;
    margin-bottom: 20px;
}
#cy_support_buehne .cy_buehne_buttons_con {
    float: right;
    margin-right: 14px;
    margin-top: 85px;
    width: 300px;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_buehne_button {

    float: left;
    text-decoration: none;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_buehne_button:hover,
#cy_support_buehne .cy_buehne_buttons_con a.cy_buehne_button:active {
    background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_button_hover.png");
    text-decoration: none;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_button_tl {
    background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_button.png");
    background-repeat: no-repeat;
    padding: 14px 27px 12px 24px;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_button_tr {
    background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_button.png");
    background-repeat: no-repeat;
    padding: 13px 15px;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_button_bl {
    background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_button.png");
    background-repeat: no-repeat;
    padding: 13px 48px 8px 24px;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_button_br {
    background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_button.png");
    background-repeat: no-repeat;
    height: 10px;
    padding: 15px 22px 25px 15px;
}
* html #cy_support_buehne .cy_buehne_buttons_con a.cy_button_br {
    padding-bottom: 12px;
}
#cy_support_buehne .cy_buehne_buttons_con a.cy_buehne_button span {
    color: #1A161B;
    font-size: 15px;
}



/* NEWS*/

.news-list-item {
  overflow: hidden;
}

.news-list-item p {
  margin-bottom: 12px;
}

.newsdate {
  float: left;
  width: 88px;
}

.newstitle {
  float: right;
  width: 454px;
}

.newstitle a {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 12px;
}

.newstitle a:hover {
  text-decoration: underline;
}

.news-single-additional-info {
  font-style: italic;
}

.news-single-item .newsdate {
  float: none;
  width: auto;
}

.news-single-item .news-image {
  float: right;
  margin-left: 30px;
}

/* product list */

.km-product-list .product-list {
  margin-left: 17px;
  margin-bottom: 20px;
  width: 182px;
  display: inline-block;
}

.ie7 .km-product-list .product-list,
.ie8 .km-product-list .product-list {
  float: left;
}

.product-list {
  position: relative;
}

.product-img {
  display: block;
  border-top: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  border-left: 1px solid #D1D5DD;
  text-align: center;
  text-decoration: none;  
  padding-top: 5px;
  height: 124px;
  overflow: hidden;
}

/*
.img-product {
  position: relative;
  left: -5px;
}
*/

.img-format {
  position: absolute;
  right: 4px;
  top: 5px;
}

.product-name {
  line-height: 18px;
  color: #fff;
  display: block;
  height: 18px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 96% center;
}

/* tooltip */

.tooltip {
  display: none;
  width: 240px;
  font-size: 11px;
  z-index: 199;
}

.tooltip h3 {
  display: block;
  height: 19px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;  
  background-repeat: no-repeat;
  padding: 7px 20px 0;
  margin: 0;
}

.tooltip-bg {
  background-image: url(../Images/tooltip-bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 20px;
  padding-bottom: 7px;
}

.tooltip-content {
  xmax-height: 220px;
  overflow: hidden;
}

.tooltip ul,
.tooltip p {
  padding: 0 30px 0 20px;
  padding: 0 30px 13px 20px;  
}

#main .tooltip ul li,
#main-bg .tooltip ul li {
  background-repeat: no-repeat;
  background-position: left 7px;
  line-height: 125%;
  padding-top: 3px;
  padding-bottom: 3px;  
}

.product-information {
  padding: 10px;
  border-left: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  border-bottom: 1px solid #D1D5DD;
  background-image: -moz-linear-gradient(right, #e4e6eb 0%, #ffffff 100%);
  background-image: -webkit-gradient(linear, 0% 0%,0% 100px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(right, #e4e6eb 0%,#ffffff 100%);
  background-image: -o-linear-gradient(right, #e4e6eb 0%,#ffffff 100%);
  background-image: -ms-linear-gradient(right, #e4e6eb 0%,#ffffff 100%);
  background-image: linear-gradient(right, #e4e6eb 0%,#ffffff 100%);
}

.product-information p {
  font-size: 11px;  
  padding: 0;
  margin: 0;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
  margin: 0px;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG,
DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
  border: 1px solid #D1D5DD;
}

.box-blue DIV.csc-textpic-imagewrap {
  margin-left: 0px;
}

/* indexed_search */

.tx-indexedsearch fieldset legend {
  display: none;
}

.tx-indexedsearch fieldset label {
  display: inline-block;
  min-width: 70px;
}

.tx-indexedsearch-form {
  margin-bottom: 5px;
}

.tx-indexedsearch fieldset select {
  margin-bottom: 5px;
}

.tx-indexedsearch-searchbox p {
  margin-top: 10px;
}

span.tx-indexedsearch-sw {
  font-weight: bold;
}

#main-bg ul.browsebox li {
  display: inline;
  background-image: none;
  padding: 0 10px 0 0;
}

.tx-indexedsearch-icon {
  position: relative;
  top: 3px;  
}

/* Formular */

.tx-powermail form {
  margin-bottom: 15px;
  margin-top: 10px;
}

.tx-powermail form fieldset {
  border: none;
  padding: 0px;
}

.tx-powermail form label {
  display: block;
}

.tx-powermail form legend {
  margin-left: 5px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: normal;
  padding: 0 5px;  
}

.tx-powermail form fieldset div {
  clear: both;
  padding: 5px 0;
}

div.powermail_fieldwrap_html .powermail_check_inner label a {
  text-decoration: underline;
}

.tx-powermail form input,
.tx-powermail form textarea {
  border: 1px solid #B2B2B2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 6px #BABDC3;
  -moz-box-shadow: inset 0px 0px 6px #BABDC3;
  box-shadow: inset 0px 0px 6px #BABDC3;
  background-color: #fff!important;
  color: #686868;
  font-family: arial,sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
  
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #ccc;
    padding: 2px;
    width: 450px;  
  
}

.tx-powermail form select {
  width: 456px!important;
  font-family: arial, sans-serif;  
  border: 1px solid #aaadb3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px #BABDC3;
  -moz-box-shadow:  0px 0px 4px #BABDC3;
  box-shadow:  0px 0px 4px #BABDC3;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -moz-linear-gradient(top, #fff 0%, #e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -webkit-gradient(linear, 0% 0%,0% 100%, from(#fff), to(#e4e6eb))!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -webkit-linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -o-linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, -ms-linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  background: url(../Images/arrow-anthrazit.png) no-repeat 96% 33px, linear-gradient(top, #fff 0%,#e4e6eb 100%)!important;
  margin-bottom: 10px;
  padding: 4px!important;
  margin-top: 5px;  
}

.tx-powermail form input {
  height: 20px;
  color: #000;
}

.tx-powermail form input[type="checkbox"] {
  height: auto;
  margin: 0;
  position: relative;
  top: 1px;
}

.ie7 .tx-powermail form input[type="checkbox"],
.ie8 .tx-powermail form input[type="checkbox"]{
  border: 0;
  margin: 0;
  padding: 0;
}

.ie7 .tx-powermail form input[type="checkbox"]{
  top: 0;
}


.tx-powermail form textarea {
  color: #000;
}

.tx-powermail form legend {
  display: none;
}

.powermail_fieldwrap_submit span {
  display: inline-block;
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  /* background-image: url("../Images/button-left-forward.png"); */
  /*background-repeat: no-repeat;*/
  background: #ececec;
  background: rgba(0,0,0,0.2);
  padding: 2px 0 0 20px;
  border-radius: 5px;  
}

.powermail_fieldwrap_submit span input {
  display: block;
  color: #404141;
  font-weight: bold;
  box-shadow: none;
  border-radius: 0;
  border: none;
  height: 23px;
  line-height: 19px;
  background-color: transparent!important;
  background-image: url("../Images/linkitem-red.svg");
  background-position: left;
  background-repeat: no-repeat;
  padding: 0px 30px 0 15px;
  margin-top: 0;
  width: auto;
}

.icon_info {
  position: relative;
  top: 3px;
  margin-left: 5px;
}

.tooltip h3.powermail-tooltip-title {
  height: 18px;
  background-image: url(../Images/tooltip-header-reflect.png);
  padding-left: 27px;
  position: relative;
  left: -7px;
}

.tx-powermail-pi1 form fieldset div.tooltip-content,
.tx-powermail-pi1 form fieldset div.tooltip-bg {
  padding: 0;
}

div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a {
  cursor: default!important;
}

 .error {
  height:auto;
  /* supply height to ensure consistent positioning for every browser */
  font-size:11px;
  text-align:left;
  color:#fff;
  padding:3px 10px 5px 10px;
  margin-left:-2px;
  z-index:10;
  background-color: #e90025!important; /* Old browsers */
  xbackground-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2RmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDViYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  xbackground-image: -moz-linear-gradient(top,  #007dfe 0%, #005bba 100%)!important; /* FF3.6+ */
  xbackground-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dfe), color-stop(100%,#005bba))!important; /* Chrome,Safari4+ */
  xbackground-image: -webkit-linear-gradient(top,  #007dfe 0%,#005bba 100%)!important; /* Chrome10+,Safari5.1+ */
  xbackground-image: -o-linear-gradient(top,  #007dfe 0%,#005bba 100%)!important; /* Opera 11.10+ */
  xbackground-image: -ms-linear-gradient(top,  #007dfe 0%,#005bba 100%)!important; /* IE10+ */
  xbackground-image: linear-gradient(top,  #007dfe 0%,#005bba 100%)!important; /* W3C */
  xbackground-position: 0 0;
  xborder-color: #006bdb!important;

  /* CSS3 spicing for mozilla and webkit */
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;

  -moz-box-shadow:0 0 6px #ddd;
  -webkit-box-shadow:0 0 6px #ddd;
  box-shadow:0 0 6px #ddd;
}

.error p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

/* pure CSS arrow */
html:root .error em {
  display:block;
  width:0;
  height:0;
  border:10px solid;
  border-color:  #e90025 transparent transparent!important;

  /* positioning */
  position:absolute;
  bottom:-10px;
  left:5px;
  border-bottom:0 none;
}


/* Anaconda */

#anaconda-resulttypes-fade {
  height: 125px!important;
}

#anaconda-download-form input[type="checkbox"] {
  height: 18px;
  line-height: 18px;
  vertical-align: top;
}

.ie7 #anaconda-download-form input[type="checkbox"],
.ie8 #anaconda-download-form input[type="checkbox"],
.ie9 #anaconda-download-form input[type="checkbox"]{
  vertical-align: middle;
}

#main .tx-anaconda-pi1 ul li,
#main-bg .tx-anaconda-pi1 ul li {
  background-image: none;
  margin: 0 0 0 2px;
  padding: 0;
}

.tx-anaconda-pi1 table,
.tx-anaconda-pi1 td{
  border: none;
}

.ie7 #main UL.css-tabs  {
  padding-top: 0;
}

UL.css-tabs A {
  line-height: 30px;
}

#anaconda-resultheader .right {
  width: auto;
}

.tx-anaconda-pi1 .csc-textpic-text {
  height: 21px;
  margin: 5px auto 20px;
  width: 400px;
}

.tx-anaconda-pi1 .csc-textpic-intext-left ol,
.tx-anaconda-pi1 .csc-textpic-intext-left ul {  
  padding-left: 0;
  height: 24px;
  margin: 0 10px;
  overflow: hidden;  
}

.tx-anaconda-pi1 .actionButtonA01 {
  display: inline-block;
}

.tx-anaconda-pi1 .actionButtonA01 li {
  border: 1px solid #B8B8B8;
  line-height: 1.5;
  margin-right: 0;
  margin-bottom: 3px;
}

.tx-anaconda-pi1 .actionButtonA01 li a {
  display: block;  
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;  
  color: #003366;  
  background-color: #A3248F;
  background-image: url("../Images/bullet_arrow-button001.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;  
}  

.tx-anaconda-pi1 .actionButtonA01 li a:hover {
  color: #7F99B2;
}

.tx-anaconda-pi1 .actionButtonA01 li a span {
  background: none repeat scroll 0 0 #FFFFFF;
  border-left: 1px solid #B8B8B8;
  display: block;
  line-height: 1;
  padding: 3px 15px 4px 5px;
}

/* Top Page BEU Banner */

#teaser-country-top .fce-2-3, .banner-country-top {
  border: 1px solid #aaa;
  padding: 5px;
  margin-top: 5px;
}

#teaser-country-top .fce-2-3 .col1, .banner-country-top col1 {
  float: left;
  width: 564px;
  height: 76px;
  margin: 0;
  padding: 0;
  background-image: url('/typo3conf/ext/develop_site/Resources/Public/Images/toppage_background_beu.png');
  background-repeat: no-repeat;
  overflow: hidden;
}

#teaser-country-top .fce-2-3 .col1 h1, .banner-country-top .header, .banner-country-top .header {
  font-size: 28px;
  background-image: url('/typo3conf/ext/develop_site/Resources/Public/Images/toppage_bullet_txt.png');
  background-repeat: no-repeat;
  background-position: 3px 17px;
  padding-left: 13px;
  margin: 20px 0 5px 0;
  left: 0;
}

#teaser-country-top .fce-2-3 .col1 h1 a, .banner-country-top .header {
  color: #003267;
  text-decoration: none;
}

#teaser-country-top .fce-2-3 .col1 p.csc-subheader, .banner-country-top .subheader {
  font-size: 16px;
  padding-left: 13px;
}

#teaser-country-top .fce-2-3 .col2, .banner-country-top .col2 {
  float: right;
  width: 375px;
  height: 76px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#teaser-country-top .fce-3-home  {
  border: 1px solid #aaa;
  padding: 5px;
  margin-top: 5px;
  background-image: url('/typo3conf/ext/develop_site/Resources/Public/Images/toppage_background_beu.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  overflow: hidden;
}

#teaser-country-top .fce-3-home .col1 {
  float: left;
  width: 300px;
  height: 76px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#teaser-country-top .fce-3-home .col1 h1 {
  background-image: none;
  font-size: 28px;
  padding-left: 2px;
  margin: 15px 0 5px 0;
  left: 0;
}

#teaser-country-top .fce-3-home .col1 h1 a {
  color: #003267;
  text-decoration: none;
}

#teaser-country-top .fce-3-home .col1 p.csc-subheader {
  font-size: 16px;
  padding-left: 2px;
}

#teaser-country-top .fce-3-home .col2 {
  float: left;
  width: 283px;
  height: 56px;
  margin: 0;
  padding: 30px 0 0 0;
  overflow: hidden;
}

#teaser-country-top .fce-3-home .col2 p {
  margin-bottom: 5px;
}

#teaser-country-top .fce-3-home .col2 a {
    background-image: url("../Images/arrow-blue.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #003267;
    padding-left: 8px;
    font-size: 11px;
    font-weight: bold;
}

#teaser-country-top .fce-3-home .col3 {
  float: right;
  width: 375px;
  height: 76px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.banner-country-top {
  overflow: hidden;
}

.banner-country-top .header {
  display: block;
  padding-top: 6px;
  line-height: 27px;
} 

.banner-country-top .col1 {
    background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/toppage_background_beu.png");
    background-repeat: no-repeat;
    float: left;
    height: 76px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 583px;
    /* margin-bottom: 15px; */
}


/* teaser-country-top-menu */
#teaser-country-top-menu {
  padding: 15px 10px;
  border: 1px solid #aaa;
  background-image: url(../Images/background-menu-country-top.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 20px;
  overflow: hidden;
}
#teaser-country-top-menu .col1 {
  float: left;
  width: 470px;
}
#teaser-country-top-menu a {
  text-decoration: none;
}
#teaser-country-top-menu .subheader {
  display: block;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.06em;  
}
#teaser-country-top-menu .header {
  font-size: 42px;
  line-height: 43px;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}
#teaser-country-top-menu .col2 {
  float: right;
  width: 50%;
}
#teaser-country-top-menu li {
  list-style-image: url(../Images/arrow-menuitem-country-top.png);
  float: left;
  width: 45%;
  padding: 0;
  padding-bottom: 2px;
}
#teaser-country-top-menu li a {
  color: #003267;
  text-decoration: underline;
  text-transform: uppercase;
}

#issuusb-container td {
  padding: 0;
  border: 0;
}

#mailform {
  margin-bottom: 20px; 
}

#mailform label {
  display: block;
  margin-bottom: 3px;
}

#mailform .csc-mailform-field {
  margin-bottom: 10px;
}


/* Download Box */

#mainmenu > ul {
  float:left;
  padding-bottom: 0;
}

.no-js .download-box-top-ce {
  display:none;
}

#DBlblDownload, #DBbtnDownloadTop {
  cursor: pointer;
}

#DBbtnDownloadTop {
  top: 0px!important;
  padding-left: 0px !important;
}

#DBpnlOverview {
  background-image: -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 300px);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 300px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e4e6eb 0%, #ffffff 300px);
  background-image: -o-linear-gradient(top, #e4e6eb 0%, #ffffff 300px);
  background-image: -ms-linear-gradient(top, #e4e6eb 0%, #ffffff 300px);
  background-image: linear-gradient(top, #e4e6eb 0%, #ffffff 300px);
  background-position: 0 0;
  border: 1px solid #D1D5DD;
  width: 542px;
  padding: 20px 38px;
}

.ie7 .clearfix {
  clear: both;
}

.ie7 #DBpnlOverview,
.ie8 #DBpnlOverview,
.ie9 #DBpnlOverview {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #FFFFFF;
}

#DBpnlMain_ctl {
  display: inline-block;
  background-color: transparent;
  color: white;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-image: url("../Images/dlbox-btn-bg-right-fr.png");
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 5px;
  margin-right: 5px;
  margin-top: 3px;
}

#DBpnlMain {
  display: block;
  background-color: transparent;
  height: 19px;
  line-height: 11px;
  background-image: url("../Images/dlbox-btn-bg-left-fr.png");
  background-repeat: no-repeat;
  padding: 3px 5px 0 15px;
}

#DBlblNoEntries_ctl {
  margin-bottom: 20px;
}

.db-ol-items {
  background-color: #fff;
  border: 1px solid #e7e9ee;
  padding: 15px;  
  margin-bottom: 40px;
  max-height: 400px;
  overflow-y: auto;
}

.db-ol-hdr-item {
  display: inline-block;
  width: 320px;
  font-size: 16px;
  font-weight: normal;  
}

.db-ol-hdr-item, .db-ol-hdr-remove {
  margin-bottom: 5px;
}

.db-ol-item {
  margin-bottom: 10px;
  border-top: 1px solid #D1D5DD;
  padding-top: 10px;
}

.db-ol-item.last {
  margin-bottom: 0;  
}

.db-ol-item-name {
  display: inline-block;
  width: 400px;
}

img.add-to-basket {
  vertical-align: top;
  cursor: pointer;
}

.add-to-basket-left {
  float: left;
}

img.add-to-basket-left {
  margin: 0 5px 0 0;
  vertical-align: top;
  cursor: pointer;
}

.add-to-dl-box-right {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  xfloat:left;
  width: 105px;
}

.add-to-dl-box-right.add-to-basket-post {
  float:left;
}

.add-to-dl-box-right:hover {
  text-decoration: underline;
  color: #A3248E;
}

.download-box-top-ce {
  float:right;
  margin-left: 25px;
}

.button-download-box {
  display: inline-block;
  background-color: transparent;
  color: white;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-image: url("../Images/button-download-right.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.button-download-box span {
  display: block;
  background-color: transparent;
  height: 23px;
  line-height: 19px;
  background-image: url("../Images/button-download-left.png");
  background-repeat: no-repeat;
  padding: 3px 15px 0 25px;
}

a.add-to-pdf-basket {
  float:right;
  margin-right: 30px;
}

.add-to-basket-pre {
  max-width: 435px;
  margin-top: 5px;
}

.link-hover {
  text-decoration: underline;
  color: #A3248E;
}

#BDlnkCloseOverlay span, #DBbtnDownload span {
  text-transform: uppercase;
}


/* lightbox test */

#sb-wrapper {
  padding: 10px 20px;
  background-color: #e4e6eb;
  background-image: -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100px);
  background-image: -webkit-gradient(linear, 0% 0%,0% 100px, from(#e4e6eb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-image: linear-gradient(top, #e4e6eb 0%,#ffffff 100px);
  background-position: 0 0 ;
}

.ie7 #sb-wrapper,
.ie8 #sb-wrapper,
.ie9 #sb-wrapper {
  background-image: url(../Images/box-background.png);
  background-repeat: repeat-x;
  background-position: center top;
}

#sb-body,
#sb-loading {
  background-color: transparent!important;
}

#sb-info, #sb-info-inner {
  padding-bottom: 10px!important;
}

#sb-wrapper-inner {
  border: none!important;
}

#sb-title-inner {
  font-size: 20px!important;
  color: #333!important;
}

#sb-nav-close {
  filter: none;
  background-image: url(../Images/lightbox-close-icon.png)!important;
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}

/* Media queries
-------------------------------------------------------------------------------*/
@media (max-width : 480px) {

html {
  -webkit-text-size-adjust: none; 
}

/*#mainmenu ul,*/
#logo p,
#header #language,
#branch,
#breadcrumb,
.teaser-left-wide,
.teaser-left-small,
.teaser-right-wide,
.teaser-right-small,
.social-links-home,
.box-blue img,
.box-grey img,
.site-selector .col2,
aside object,
.ProductApplication-right {
  display: none;
}



.box-grey span.file-size {
  padding-left: 0px;
}

#mainmenu {
  clear: left;
}

body {
  width: 100%;
  font-size: 11px;
  line-height: 18px;
}

h1,
#teaser h5, 
.ProductApplication-left h1, 
.ProductApplication-left h5,
#DBpnlOverview .download-box-header{
  font-size: 16px;
  line-height: 18px;
  background-position: left -1px;
  padding-left: 10px;
  left: -10px;
  display: block;
}

h2 {
  font-size: 15px;
}

.download,
.morelink,
.download-external-link {
  font-size: 11px;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

.csc-textpic-imagewrap,
.csc-textpic-imagerow,
.csc-textpic-image {
  width: 100%!important;
}

.csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {
  clear: left;
  padding-left: 0;
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
  float: none;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
  float: none;
}

DL.csc-textpic-image DT {
  display: block;
  text-align: center;
}

/* TABELLE */

thead th,
tbody th,
tbody tr td {
  padding: 8px 5px 8px 5px;
}


#wrapper {
  width: 100%;
}

#header {
  float: left;
  width: 100%;
  height: auto;
  min-height: 50px;
}

#logo {
  left: 5px;
}

#logo img {
  #width: 155px;
  width: auto;
  height: auto;
}

#logo > img {
  display: none;
}

#slogan {
  width: 118px;
  height: auto;
  top: 25px;
  right: 5px;  
}


/* MOBILETITLE */

#home #mobiletitle {
  height: 27px;
  line-height: 27px;
}


#mobiletitle a,
#mobiletitle span {
  display: block;
}

#home #mobiletitle a,
#home #mobiletitle span {
  display: none;
}

#main .tx_aekmfc {
    display: none;
}


#mobiletitle {
  width: 100%;
  height: 40px;  
  display: block;
  font-size: 11px;
  line-height: 40px;  
  background-position: 0 0;
  margin-top: 80px;
  z-index: 999;
  position: relative;
}

#mobiletitle p {
  width: 230px;
  display: inline-block;
  float: left;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 15px;
  margin: 0;
  margin-left: 10px;
  position: absolute;
  bottom: 6px;
}

#header #mobiletitle a {
  float: right;
  width: 79px;
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

#mobiletitle a:hover {
  color: #fff;
}

#mobiletitle span {
  clear: both;
  height: 21px;
  width: 23px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -21px;
  left: 5px;
}

/* TEASER */

#home #teaser,
#teaser {
  clear: left;
  padding: 0;
  margin: 0;
}

/* CONTENT */

#content {
  clear: both;
  padding: 0;
  position: relative;
  z-index: 99;  
}


/* SUBMENU HOME */

#left {
  float: none;
  width: 100%;
  min-height: 0;
}

#submenu {
  display: none;
}

#home #submenu {
  display: block;
  width: 100%;
}

#home #submenu ul {
  padding-bottom: 0;
}

#home #submenu ul li {
  display: block;
  width: auto;
  height: 40px;  
}

#home #submenu ul li.active,
#home #submenu ul li.active:hover {
  background-image: none;
}

#home #submenu ul li a {
  width: auto;
  display: block;
  background-position: 96% 23px, 0 0;
}

.ie7 #home #submenu ul li a,
.ie8 #home #submenu ul li a,
.ie9 #home #submenu ul li a {
  background-image: url(../Images/submenu-background.png);
  background-repeat: no-repeat;
  background-position: right bottom;  
  background-color: transparent;
}

#home #submenu ul li a.first {
  border-top: 1px solid #D1D5DD;
  height: 39px;
}

#home #submenu ul li.active a,
#home #submenu ul li.active:hover a{
  width: 100%;
  background-position: 0 0;
}  

#home #submenu ul li a span {
  font-size: 14px;
  line-height: 20px;
  left: 10px;
}

#home #submenu ul li.active a span {
  left: 11px;
}

a.hr-banner {
  display: none;
}

/* MAIN */

#main,
.main-area,
#main-bg,
aside,
.main-wide,
#main-left {
  clear: both;
  float: none;
  width: auto;
  display: block;
}

#main .csc-default,
aside .csc-default {
  margin:0 !important;
}

#main {
  padding-top: 15px;
}

.main-wide {
  padding-top: 15px;
  margin: 0 10px;
}

#main-bg {
  min-height: 100%;
  margin-bottom: 10px;
}

#main-left {
  margin-bottom: 10px;
}

#main ul li,
#main-bg ul li {
  background-position: left 10px;
}

#main .csc-frame-frame1 {
  margin: 0 23px 0;
}

#main-bg .frame1 {
  margin:  20px 23px 0;
}

.js #home #main .csc-frame-frame1 {
  position: relative;
}


/* CONTENT BOX */

#home #main .box {
  margin-left: -10px;
}

#home .box {
  display: block;
  background-position: left top, 0 0 ;
  background-repeat: no-repeat;
  border: 1px solid #D1D5DD;  
  margin: 20px 12px;
  padding: 10px 34px;
}

#home .box div {
  margin-bottom: 0;
}

.box {
  background-image: none;
  border: none;
  margin: 0;
  padding: 0 13px;
}

.ie7 .box,
.ie8 .box,
.ie9 .box {
  background-image: none;
}

.box div {
  margin-bottom: 20px;
}

.box h2 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}

.box p {
  margin-bottom: 0;
}

.box img {
  display: none;
}

.box .csc-textpic div {
  margin-right:0 !important;
}

/* Accordion */

.fce-accordion h2 {
  width: 90%;
}
.accordion-open,
.accordion-close{
  visibility: hidden;
}

/* SITEMAP */

#main-bg.sitemap,
#main .sitemap {
  left: 0;
}

#main-bg .sitemap h2,
#main .sitemap h2{
  display: none;
}

.sitemap .left,
.sitemap .right {
  float: none;
  width: 100%;
}

#main-bg .sitemap ul li,
#main .sitemap ul li {
  display: block;
  text-transform: uppercase;
  list-style-type: none;
  padding-left: 3px;  
  padding-top: 0;
  padding-bottom: 0px;  
  padding-left: 0;
}

#main-bg .sitemap ul li a,
#main .sitemap ul li a {
  display: none;
}

#main-bg .sitemap ul li ul li,
#main .sitemap ul li ul li{
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-left: 4px;
}  

#main-bg .sitemap ul li ul li:first-child ,
#main .sitemap ul li ul li:first-child{
  background-repeat: no-repeat;
  background-position: left bottom;  
}

#main-bg .sitemap ul li ul li a,
#main .sitemap ul li ul li a {
  display: block;
  height: 40px;
  color: #3E4C57;
  border-bottom: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  background-image: url(../Images/arrow-anthrazit.png) , -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-gradient(linear, 0% 0%,0% 100%, from(#e4e6eb), to(#ffffff));
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-position: 96% 23px, 0 0;
  background-repeat: no-repeat;
  position: relative;
}

.ie7 #main-bg .sitemap ul li ul li a,
.ie8 #main-bg .sitemapu ul li ul li a,
.ie9 #main-bg .sitemap ul li ul li a,
.ie7 #main .sitemap ul li ul li a,
.ie8 #main .sitemapu ul li ul li a,
.ie9 #main .sitemap ul li ul li a {
  background-image: url(../Images/submenu-background.png);
  background-repeat: no-repeat;
  background-position: right bottom;  
  background-color: transparent;
}

#main-bg .sitemap ul li ul li a span,
#main .sitemap ul li ul li a span{
  padding-right: 40px;
  position: absolute;
  bottom: 2px;
}  

#main-bg .sitemap ul li ul li a:hover ,
#main .sitemap ul li ul li a:hover {
  color: #3E4C57;
  text-decoration: none;
}

#main .sitemap ul li ul li:first-child a,
#main-bg .sitemap ul li ul li:first-child a{
  border-top: 1px solid #D1D5DD;
}

#main .sitemap ul.right li:first-child a,
#main-bg .sitemap ul.right li:first-child a {
  border-top: none;
}

#main .sitemap .description {
  margin-top: -6px;
}

/* #HOME SITEMAP */

#home .box .sitemap {
  left:-15px;
}

#home #main-bg .sitemap h2,
#home #main .sitemap h2{
  display: block;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 15px;
  padding-bottom: 5px;
  position: relative;
  left: -15px;
}

#home #main-bg .sitemap ul li,
#home #main .sitemap ul li {
  list-style-type: none;
  background-image: none;
  padding-left: 15px;
}

#home #main-bg .sitemap ul li a,
#home #main .sitemap ul li a {
  display: block;
}

#home #main-bg .sitemap ul li a:hover,
#home #main .sitemap ul li a:hover {
  text-decoration: underline;
}

#home #main-bg .sitemap>ul>li>a,
#home #main .sitemap>ul>li>a {
  height: auto;
  line-height: 150%;
  background-repeat: no-repeat;
  background-position: left center;
  border: none;
  padding-left: 12px;
  padding-bottom: 0;
}

#home #main-bg .sitemap ul li ul,
#home #main .sitemap ul li ul {
  padding-bottom: 0;
}

#home #main-bg .sitemap ul li ul li,
#home #main .sitemap ul li ul li {
  padding-left: 1px;
  font-size: 12px;  
  font-weight: bold;    
}

#home #main-bg .sitemap ul li ul li a,
#home #main .sitemap ul li ul li a {
  height: auto;
  text-decoration: none;
  text-transform: none;
  line-height: 150%;
  background-repeat: no-repeat;
  background-position: left center;
  border: none;
  padding: 4px 0 4px 12px;
  position: static;
}

#home #main-bg .sitemap ul li ul li a span,
#home #main .sitemap ul li ul li a span{
  padding-right: 0;
  position: static;
}  


/* BOX CONTACT */

.box-contact {
  width: auto;
  margin: 0 23px 10px 13px;
}

.box-contact h3 {
  font-size: 14px;
  margin-left: 10px;
}

.box-contact p {
  width: 30%;
  display: block;
  float: left;
  line-height: 120%;  
  margin-right: 3%;
  position: relative;
}

.box-contact p:last-child {
  width: 33%;
  margin-right: 0;
}

.box-contact a {
  display: inline-block;
  min-height: 20px;
  text-decoration: none;
  overflow: hidden;
}

a.local-dealer {
  font-size: 10px;     
}

a.mail {
  font-size: 10px;     
}

a.phone {
  font-size: 11px;
}

.box-contact .detail {
  top: -7px;
}

/* BOX GREY */

.box-grey {
  margin-bottom: 0;
}

.box-grey a.download,
.box-grey a.download-external-link {
  background-position: left 4px;
  padding-left: 12px;
}


/* BOX BLUE */

.box-blue {
  margin-bottom: 0;
}

.box-blue p {
  margin-bottom: 0;
}

.box-blue-name {
  height: 40px;
  font-size: 14px;
  background-position: 94% 16px, 0 0;  
  top: 0;
}

.box-blue-name span {
  bottom: 10px;
}

/* TOOLTIP */

.tooltip h3,
.tooltip-bg,
.tooltip ul,
.tooltip p {
  display: none;
}


/* SOCIAL MEDIA */

.social-links {
  clear: left;
  height: 33px;
}

.social-links a {
  margin-top: 3px;
  margin-right: 20px;
}

.youtube{
  background-image: url(../Images/icon-youtube-bw-mobile.png);
  width: 52px;
  height: 27px;
}

.facebook{
  background-image: url(../Images/icon-facebook-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.twitter {
  background-image: url(../Images/icon-twitter-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.linkedin {
  background-image: url(../Images/icon-linkedin-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.googleplus {
  background-image: url(../Images/icon-googleplus-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.pinterest{
  background-image: url(../Images/icon-pinterest-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.rss {
  background-image: url(../Images/icon-rss-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.blog {
  background-image: url(../Images/icon-blog-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.vk {
  background-image: url(../Images/icon-vk-bw-mobile.png);
  width: 27px;
  height: 27px;
}

.xing {
  background-image: url(../Images/icon-xing-bw-mobile.png);
  width: 27px;
  height: 27px;
}


/* FOOTER */

footer {
  padding: 0;
  height: auto;
}

footer ul.left {
  width: auto;
  margin-left: 7px;
}

footer ul.right {
  width: auto;
  float: left;
  text-align: left;
  margin-left: 7px;
}

footer ul.right li {
  margin-right: 8px;
  margin-left: 0;
}

footer ul li a {
  padding-left: 5px;
}

footer p {
  margin-left: 5px;
}

/* PRODUCT-LIST */
 
.product-list, .km-product-list .product-list {
  width: 90%;
  height: auto;
  display: inline-block;
  border-bottom: 1px solid #D1D5DD;
}  

.product-img {
  border: none;
  padding: 0;
  height: auto;
}

.img-product {
  float: left;
  width: 15%;
  margin-right: 5%;
  padding: 1% 0;
}

.img-format {
  display: none;
}

.product-name {
  float: left;  
  height: auto;
  line-height: 55px;
  color: #000;
  background-repeat: no-repeat;
  background-position: left center;
}

.button-forward {
  margin-bottom: 30px;
}

/* COOKIE STATEMENT */

#cookie-statement {
  min-width: 0;
}

.cookie-statement-text {
  width: 80%;
  font-size: 10px;
  line-height: 130%;
}


/* COUNTRY TOP */

#teaser-country-top {
  width: 100%;  
  margin-bottom: 0;
}

#teaser-country-top .csc-default {
  margin: 0 !important;
}

#teaser-country-top object {
  vertical-align: bottom;
}

#teaser-country-top img {
  display: block;
}


/* teaser-country-top-menu */
#teaser-country-top-menu {
  padding: 0;
  padding-bottom: 20px;
  border: none;
  background-position: -20px bottom;
}
#teaser-country-top-menu .col1,
#teaser-country-top-menu .col2 {
  width: 100%;
  float: none;
}
#teaser-country-top-menu .header {
  font-size: 34px;
}
#teaser-country-top-menu li {
  padding-bottom: 10px;
  padding-top: 10px;
}
#teaser-country-top-menu li {
  width: 100%;
  margin-left: 0;
  padding: 0;
}
#teaser-country-top-menu li a {
  display: block;
  width: 100%;
  font-size: 14px;
  text-decoration: none;
  color: #3E4C57;
  border-bottom: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  border-left: 1px solid #D1D5DD;  
  background-image: url(../Images/arrow-anthrazit.png) , -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-gradient(linear, 0% 0%,0% 100%, from(#e4e6eb), to(#ffffff));
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-position: 94% 20px, 0 0;
  background-repeat: no-repeat;
  padding-top: 17px;
  padding-bottom: 5px;
  padding-left: 6px;
}


#content-country-top {
  width: 100%;
}

#content-country-top DIV.csc-textpic-imagewrap {
  display: none;
}

#content-country-top .csc-frame-frame2 {
  float: none;
  height: 33px;
  width: auto;
  color: #3E4C57;
  border-top: none;
  border-bottom: 1px solid #D1D5DD;
  border-right: 1px solid #D1D5DD;
  border-left: 1px solid #D1D5DD;  
  background-image: url(../Images/arrow-anthrazit.png) , -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-gradient(linear, 0% 0%,0% 100%, from(#e4e6eb), to(#ffffff));
  background-image: url(../Images/arrow-anthrazit.png) , -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit.png) , linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-position: 96% 20px, 0 0;
  background-repeat: no-repeat;
  padding-top: 0;  
  margin-right: 0; 
}

#content-country-top .csc-frame-frame2:first-child {
  border-top: 1px solid #D1D5DD;
}

#content-country-top .csc-frame-frame2 p {
  padding-top: 17px;
  padding-left: 0;
  font-size: 0;
}

#content-country-top .csc-frame-frame2 p:nth-child(2) {
  display: none;
}

#content-country-top .csc-frame-frame2 p a {
  display: block;
  font-size: 14px;
  color: #3E4C57;
  text-decoration: none;
  text-transform: uppercase;  
  font-weight: normal;
  background-image: none;  
  padding: 0;   
}


/* SITE SELECTOR */

.site-selector {
  margin: 0;
}

.tx-ae-km-pselector {
  /*
  width: 480px;
  
  background-image: url(../Images/country-selector-background.png);
  background-repeat: no-repeat;
  */
}

.tx-ae-km-pselector select {
  width:200px;
  float:left;
  margin-right: 5px;
}

.tx-ae-km-pselector a {
  float:left !important;
}

/* PRODUCT APPLICATION */

.ProductApplication-left {
  float: none;
  width: 80%;
  margin-top: 15px;
  margin-left: 25px;
  margin-right: 10px;
}

.ProductApplication-left h1,
.ProductApplication-left h5{
  font-weight: normal;
}

.ProductApplication-left p {
  padding-left: 0;
}

.ProductApplication-right {
  float: none;
  width: 100%;
}

.ProductApplication-certs {
  width: 100%;  
}

.ProductApplication-certs DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{
  text-align: center;
}


/* SUPPORT & DOWNLOAD */

#cy_support_buehne {
  width: 95%;
  background-image: url("/typo3conf/ext/develop_site/Resources/Public/Images/de_support/buehne_bg-mobile.jpg");
  background-size: 100%;
}

#cy_support_buehne .cy_buehne_buttons_con {
  margin-right: 0;
}

/* FCE */

.fce-2 .col1,
.fce-2 .col2 {
  float: none;
  width: 100%;
}

.fce-2 .col1 p {
  margin-bottom: 0;
}

.fce-3 {
  margin: 0 5px;
}  
 
.fce-3 .col1,
.fce-3 .col2,
.fce-3 .col3 {
  float: none;
  width: 100%;
  margin: 0;
}
 
.main-wide .fce-3 .col1,
.main-wide .fce-3 .col2,
.main-wide .fce-3 .col3 {
  float: none;
  width: 98%;
  margin: 0;
}


.main-wide .fce-2-1 .col-1,
.main-wide .fce-2-1 .col-2 {
  float: none;
  width: 98%;
  margin: 0;
}

.tx-aekmlsl-pi1 .fce-3 .col2,
.tx-aekmlsl-pi1 .fce-3 .col3 {
  margin-left: 0!important;
}

/* social media news */

.box .newsroom-newest .newsroom-text, 
.box .newsroom-newest .newsroom-text-with-image {
  width: 100%;
}

.box .newsroom-image,
.box .newsroom-text-with-image,
.newsroom-image,
.newsroom-text-with-image {
  float: none;
}

.box .newsroom-text-with-image .newsroomitem-title,
.box .newsroom-text-with-image .newsroomitem-posted, 
.newsroom-text-with-image .newsroomitem-title,
.newsroom-text-with-image .newsroomitem-posted {
  width: 100%;
}

.newsroom-text {
  float: none;
  width: 100%;
}
.newsroom-text p {
  word-break: break-all;
}
.newsroom-text p.newsroomitem-title,
.newsroom-text p.newsroomitem-posted {
  word-break: normal;
}
.newsroomitem-title {
  left:0;
}
.box .tx-bm-sm-newsroom {
  overflow: hidden;
}
.box .newsroom-image {
  padding-top: 15px;
}
.box .newsroom-image img {
  display: block;
}
.box .newsroom-text {
  width: 100%;
}
.box .newsroom-newest-links {
  margin-top: 15px;
}
.box .newsroom-rss-link {
  margin-top: 15px;
}
/*tt news*/
 

.news-latest-item span,
.news-list-item span {
  width: 20%;
  margin-right: 5%;
}

.news-latest-item a,
.news-list-item a {
  width:70%;
}

.box .news-latest-item span,
.box .news-list-item span {
  width: 20%;
  margin-right: 5%;  
}

.box .news-latest-item a,
.box .news-list-item a {
  width: 60%;
}

#teaser-country-top .fce-2-3, .banner-country-top {
  width: 97%;
  border: 0;
  margin-top: 0;
}

#teaser-country-top .fce-2-3 .col1,
#teaser-country-top .fce-2-3 .col2,
.banner-country-top col1,
.banner-country-top col2 {
  width: 100%;
  height: auto;
  float: none;
  background-color: transparent;
}

#teaser-country-top .fce-2-3 .col1 h1 {
  line-height: 120%;
  margin-bottom: 10px;
  padding-left: 20px;
  background-position: 7px 20px;
}

#teaser-country-top .fce-2-3 .col1 p.csc-subheader {
  padding-left: 20px;
}

#teaser-country-top .fce-2-3 .col2 div {
  width: 100% !important;
}

}


@media only screen and (max-width : 480px) and (-webkit-min-device-pixel-ratio: 2) {


.tx_aekmfc {
display: block;
}

.ProductApplication-middle {
  width: 100%;
}

.ProductApplication-middle div{
  min-width: 100%!important;
  max-width: 100%!important;
}


#mobiletitle span {
 -webkit-background-size: 23px 7px;
}

.youtube {
  background-image: url("../Images/icon-youtube-bw-mobile2x.png");
 -webkit-background-size: 52px 27px;
}

.facebook {
  background-image: url("../Images/icon-facebook-bw-mobile2x.png");
 -webkit-background-size: 27px 27px;
}

.twitter {
  background-image: url("../Images/icon-twitter-bw-mobile2x.png");
 -webkit-background-size: 27px 27px;
}

.linkedin {
  background-image: url("../Images/icon-linkedin-bw-mobile2x.png");
 -webkit-background-size: 27px 27px;
}

.googleplus {
  background-image: url("../Images/icon-googleplus-bw-mobile2x.png");
 -webkit-background-size: 27px 27px;
}

.rss {
  background-image: url("../Images/icon-rss-bw-mobile2x.png");
 -webkit-background-size: 27px 27px;
}

.blog {
  background-image: url("../Images/icon-blog-bw-mobile2x.png");
 -webkit-background-size: 27px 27px;
}

.morelink,
.box-grey a.download,
.box-grey a.download-external-link,
#home #main-bg .sitemap ul li a,
#home #main .sitemap ul li a,
#home #main-bg .sitemap ul li ul li a,
#home #main .sitemap ul li ul li a,
.product-name,
.fce-accordion .accordion-content h3,
.news-latest-item a,
.news-list-item a,
#main .csc-sitemap ul li a {
 -webkit-background-size: 5px 10px;
}

.fce-accordion h2 {
   -webkit-background-size: 10px 10px;
}

.fce-accordion h2.open {
   -webkit-background-size: 10px 10px;
}
 
#home #submenu ul li a,
#main-bg .sitemap ul li a,
#main .sitemap ul li a,
#main-bg .sitemap ul li ul li a,
#main .sitemap ul li ul li a,
#content-country-top .csc-frame-frame2{
  background-image: url(../Images/arrow-anthrazit-mobile2x.png) , -moz-linear-gradient(top, #e4e6eb 0%, #ffffff 100%);
  background-image: url(../Images/arrow-anthrazit-mobile2x.png) , -webkit-gradient(linear, 0% 0%,0% 100%, from(#e4e6eb), to(#ffffff));
  background-image: url(../Images/arrow-anthrazit-mobile2x.png) , -webkit-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit-mobile2x.png) , -o-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit-mobile2x.png) , -ms-linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
  background-image: url(../Images/arrow-anthrazit-mobile2x.png) , linear-gradient(top, #e4e6eb 0%,#ffffff 100%);
 -webkit-background-size: 5px 10px, 100% 100%;
}

#home #submenu ul li.active a {
 -webkit-background-size: 100% 100%;
}

#main .csc-sitemap ul li ul li ul li ul li a {
  background-image: url(../Images/arrow-anthrazit-mobile2x.png);
  -webkit-background-size: 5px 10px;
}

.box-blue-name {
  background-image: url(../Images/arrow-white-right-mobile2x.png), -moz-linear-gradient(top,  #007dfe 0%, #005bba 100%);
  background-image: url(../Images/arrow-white-right-mobile2x.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007dfe), color-stop(100%,#005bba));
  background-image: url(../Images/arrow-white-right-mobile2x.png), -o-linear-gradient(top,  #007dfe 0%,#005bba 100%);
  background-image: url(../Images/arrow-white-right-mobile2x.png), -ms-linear-gradient(top,  #007dfe 0%,#005bba 100%);
  background-image: url(../Images/arrow-white-right-mobile2x.png), linear-gradient(top,  #007dfe 0%,#005bba 100%);
 -webkit-background-size: 5px 10px, 100% 100%;
}

.tx-ae-km-pselector {
  background-image: url(../Images/country-selector-background-mobile2x.png);
 -webkit-background-size: 480px 72px;
}

footer ul li a {
  background-image: url("../Images/arrow-grey-mobile2x.png");
 -webkit-background-size: 3px 6px;
}

}

/* Additional News Style */

.news-single-item .news-single-additional-info dl dd { padding:10px; }
.news-single-item .news-single-additional-info dl dd a { margin:0 5px; }


/*Product Technologies 2013 */

.Technology {
  padding: 10px 0;
}

.TechnologyMatrix {
  border: 1px solid #d1d5dd;
  padding: 10px 20px;
  margin: 20px 0px;
}

.TechnologyHeader {
  font-size: 16px;
  width: 370px; 
  float: left;
  padding: 5px 0 10px 0;
}

.TechnologyHdrAvailable {
  width: 80px;
  text-align: center;
  float:left;
  padding: 5px 0 10px 0;
}

.TechnologyDetail {
  width: 50px;
  text-align: center;
  float:left;
  padding: 5px 0 10px 0;  
}

.Technology {
  width: 100%;
  border-top: 1px solid #d1d5dd;
}

.TechnologyTitle {
  display: table-cell;
  vertical-align: middle;
  width: 370px; 
}

.TechnologyTitle.NotAvailable, .TechnologyTitle.NotAvailable a{
  color: #999999;
}

.TechnologyTitle .title {
  display: block;
  font-weight: bold;
}
 
.TechnologyTitle .subtitle {
  display: block;
  background-image: url(../Images/arrow-pink.png);
  background-repeat: no-repeat;
  background-position: left 0.3em;
  padding-left: 9px;  
  margin-top: 5px; 
}

.TechnologyDescription {
  display: none;
  width: 240px;
  font-size: 11px;
  z-index: 199;  
}

.TechnologyStateNotAvailable, .TechnologyStateAvailable{
  width: 80px!important;    
  display: table-cell;
  vertical-align: middle;
  width: 12px;
}

.TechnologyStateNotAvailable {
  background: url("/typo3conf/ext/km_products/assets/icons/minus.png") transparent no-repeat center center;
}

.TechnologyStateAvailable {
  background: url("/typo3conf/ext/km_products/assets/icons/checkmark.png") transparent no-repeat center center;
}

.TechnologyInfo {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  text-align: center;
}

.TechnologyInfo img {
  position: relative;
  top: 2px;
}


@media (max-width : 480px) {
  /* Product Technologies 2013 */
  
  .TechnologyHeader {
    font-size: 14px;
    width: 115px;
  }

  .TechnologyHdrAvailable {
    float:left;
    padding: 5px 0 10px 0;
  }  

  .TechnologyTitle {
    width: 115px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    margin-right: 10px;
    height: 30px;

  }

  .TechnologyHdrAvailable,
  .TechnologyStateAvailable {
    width: 60px!important;
  }

  .TechnologyStateNotAvailable, .TechnologyStateAvailable{
    width: 20%;
    padding: 0;
    margin: 0;.bm-slider-menu
  }  
}

.bm-slider-menu {
  z-index: 900;
}

#teaser .linktoconfigure  {
    background-image: url("../Images/linkitem.svg");
    background-position: left 2px;
    background-repeat: no-repeat;
    background-size: 6px 12px;
    display: block;
    font-family: Arial,verdana,sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding-left: 15px;
    
    text-decoration: none;
    display: inline;
}

#teaser .button-big {
    margin-bottom: -10px !important;
    top: 10px !important;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}


iframe {
    max-width: 100%;
    margin-bottom: 10px;
}