@charset "utf-8";
body {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.4em;
  margin: 0px;
  font-size: 14px;
  color: #666;
}
::-moz-selection {
  background: #c71232;
  color: #fff;
}
::selection {
  background: #c71232;
  color: #fff;
}
/* Font Styles */
a:link,
a:visited {
  text-decoration: none;
  font-weight: normal;
  color: #c71232;
}
a:hover {
  font-weight: normal;
  color: #666;
}
p {
  margin-top: 0;
  margin-bottom: 18px;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: Eurostile-Reg;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  line-height: 1.2em;
}
h1 {
  font-size: 32px;
  margin-bottom: 30px;
  padding: 3px 0;
  color: #333;
  border-bottom: 1px solid #ddd;
  letter-spacing: 0.1px;
  /* ligaturenkorrektur*/
}
h5 {
  font-size: 13px;
  font-weight: normal;
  color: #666;
}
strong {
  color: #c71232;
}
#start > h1 {
  font-size: 48px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #c71232;
  text-align: center;
  border-bottom: 0px;
}
#start > #serie_teaser {
  margin-bottom: 30px;
}
#startdetail > h1 {
  font-size: 48px;
  margin-top: 70px;
  margin-bottom: 70px;
  color: #c71232;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
#startdetail > h2 {
  font-size: 32px;
}
h2 {
  font-size: 22px;
  margin-bottom: 26px;
  color: #333;
}
#wrapper-submenu > h2 {
  font-size: 48px;
  color: #fff;
  display: inline;
}
#wrapper-submenu > h3 {
  font-size: 32px;
  padding-left: 5px;
  color: #fff;
  display: inline;
}
sup {
  font-size: 50%;
  line-height: 0px;
}
h3 {
  font-size: 20px;
  margin-bottom: 30px;
  color: #999;
}
.content h3 {
  font-size: 20px;
  margin-bottom: 0px;
  color: #999;
}
h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
  font-weight: bold;
}
#wrapper ul li,
#footer ul li {
  list-style: none;
  background-position: 0 8px;
  padding-left: 10px;
}
#content ul,
#content-schmal ul {
  margin-bottom: 16px;
}
#content ul li,
#content-schmal ul li {
  background: url('../images/css/li.gif') no-repeat;
  background-position: 0 14px;
  padding: 4px 20px;
}
#content ul.ba li,
#content-schmal ul.ba li {
  background: url('../images/css/pdf.jpg') no-repeat;
  background-size: 20%;
  padding-left: 35px;
  margin-bottom: 10px;
  width: 95px;
  float: left;
}
#content ul.ba li span,
#content-schmal ul.ba li span {
  color: #333;
}
#content ul.ba li a,
#content-schmal ul.ba li a {
  font-size: 11px;
  line-height: 1px;
}
.topInLink {
  display: inline-block;
  width: 100%;
}
.topInLink h1 {
  width: 49%;
  float: left;
}
.topInLink h1:first-child {
  margin-right: 2%;
}
.topInLink h1 a {
  display: block;
  width: 100%;
}
#features .ui-tabs {
  position: relative;
}
#features .ui-tabs .ui-tabs-nav {
  width: 306px;
  float: left;
  margin-right: 10px;
}
#features .ui-tabs .ui-tabs-nav li {
  margin: 10px 0;
  padding: 3px 10px;
  background: none;
}
#features .ui-tabs .ui-tabs-nav li a {
  cursor: pointer;
  color: #666;
  display: block;
  font-weight: bold;
}
#features .ui-tabs .ui-tabs-nav li:hover,
#features .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: url('../images/css/feature_active.gif') no-repeat #666666;
  background-position: 280px 50%;
}
#features .ui-tabs .ui-tabs-nav li:hover a,
#features .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #fff;
}
#features .ui-tabs .ui-tabs-panel {
  margin: 10px 0 0 10px;
  width: 306px;
  float: left;
}
#features .ui-tabs .ui-tabs-panel li {
  background: url('../images/css/li.gif') no-repeat;
  background-position: 0 14px;
  padding: 4px 20px;
}
#features .ui-tabs .ui-tabs-panel p.hinweis {
  font-size: 10px;
  margin-top: 30px;
}
#features .ui-tabs .ui-tabs-hide {
  display: none !important;
}
.small {
  font-size: 12px;
}
.small ul li {
  line-height: 1.4em;
  background-position: 0 10px;
  padding-left: 16px;
}
.fehlt {
  background: red;
  color: #fff;
}
.nur {
  background-image: url('../images/css/nur-left.jpg'), url('../images/css/nur-right.jpg');
  background-position: left top, right top;
  background-color: #c71232;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  padding: 0px 15px 0px 15px;
  margin-bottom: 15px;
  color: white;
  font-size: 12px;
  font-style: italic;
  position: relative;
  left: -13px;
}
/*Bildunterschrift*/
p.img_caption {
  text-align: left !important;
  font-size: 12px;
  font-style: italic;
  height: 12px;
  margin-top: 4px;
  border-bottom: 1px solid #eee;
}
/* grid*/
.col2-1,
.col2a-1,
.col2b-1,
.col2c-1,
.col2d-1 {
  float: left;
  margin-right: 10px;
}
.col4-1,
.col4-2,
.col4-3 {
  float: left;
}
.col4-1 h1,
.col4-2 h1,
.col4-3 h1,
.col4-4 h1 {
  font-size: 24px;
  width: 200px;
}
.col2-2,
.col2a-2,
.col2b-2,
.col2c-2,
.col2d-2,
.col3-3,
.col4-4 {
  float: right;
}
.col3-1,
.col3-2 {
  float: left;
  margin-right: 5px;
  padding-right: 10px;
}
.col3-1 h1,
.col3-2 h1,
.col3-3 h1 {
  width: 280px;
}
.col2-1 {
  width: 465px;
}
.col2-2 {
  width: 465px;
}
.col2a-1 {
  width: 430px;
}
.col2a-2 {
  width: 500px;
}
.col2b-1 {
  width: 490px;
}
.col2b-2 {
  width: 440px;
}
.col2c-1 {
  width: 380px;
}
.col2c-2 {
  width: 550px;
}
.col2d-1 {
  width: 580px;
}
.col2d-2 {
  width: 350px;
}
.col3-1 {
  width: 305px;
}
.col3-2 {
  width: 305px;
}
.col3-3 {
  width: 300px;
}
.col4-1 {
  width: 235px;
}
.col4-2 {
  width: 235px;
}
.col4-3 {
  width: 235px;
}
.col4-4 {
  width: 235px;
}
.last {
  margin: 0;
}
.clearboth {
  clear: both;
  height: 0px;
}
/* Editor Styles */
.box {
  background: #fff;
}
.box .text {
  padding: 20px 10px 10px 10px;
}
.box h3 {
  margin-bottom: 12px;
}
.box p {
  margin-bottom: 10px;
}
.shadow {
  -webkit-box-shadow: 1px 0px 6px 0px #aaa;
  box-shadow: 1px 0px 6px 0px #aaa;
}
#content .content {
  position: relative;
}
/*/////////////////////// STARTSEITE - VIDEO /////////////////////////////*/
/* Lastly, apply responsive CSS fixes as necessary */
@media (min-width: 1280px) {
  #dtop {
    height: 560px;
    overflow: hidden;
  }
}
@media (min-width: 1240px) {
  #dtop-startseiterox > img {
    height: 300px !important;
  }
  #startseiteimg > img {
    opacity: 0;
    height: 570px !important;
  }
  #startseiteimg_us > img {
    opacity: 0;
    height: 570px !important;
  }
}
#startseiteimg > img {
  opacity: 0;
}
#startseiteimg_us > img {
  opacity: 0;
}
/*/////////@media ende/////////////*/
.custom_headimg #startseiteimg {
  position: relative;
  width: 100%;
  height: 570px !important;
  background: url('../images/start/headimg_bg.jpg') no-repeat center;
}
.custom_headimg #startseiteimg #videobtn {
  text-align: center;
  position: absolute;
  top: 20%;
  width: 98%;
  z-index: 1;
}
.custom_headimg #startseiteimg #videobtn img {
  width: 888px;
}
.custom_headimg #startseiteimg #videobtn img.de {
  width: 945px;
}
.custom_headimg #startseiteimg_us {
  position: relative;
  width: 100%;
  height: 570px !important;
  background: url('../images/start/headimg_bg_us.jpg') no-repeat center;
}
.custom_headimg #startseiteimg_us #videobtn {
  text-align: center;
  position: absolute;
  top: 20%;
  width: 98%;
  z-index: 1;
}
.custom_headimg #startseiteimg_us #videobtn img {
  width: 888px;
}
.custom_headimg #startseiteimg_us #videobtn img.de {
  width: 945px;
}
.custom_headimg #dtop-startseiterox {
  position: relative;
}
.custom_headimg #roxstartheadline {
  text-align: center;
  position: absolute;
  bottom: 1%;
  width: 95%;
  z-index: 1;
}
.custom_headimg #roxstartheadline h1 {
  border-bottom: 0 none;
  color: #C71232;
  font-size: 56px;
  text-shadow: 1px 1px 0px #000;
}
/* Produkt - Überblick*/
#highlight {
  margin-top: 50px;
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
}
#highlight .background {
  position: relative;
  z-index: 1;
}
#highlight .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
/* Highlights */
.highlight-tab {
  padding: 10px;
  position: relative;
  z-index: 2;
  border-top: 1px solid #ddd;
}
.highlight-tab .hl {
  font-weight: bold;
  color: #c71232;
}
.highlight-tab:before {
  background: url('../images/css/highlight_active.jpg') no-repeat;
  content: '';
  position: absolute;
  top: -14px;
  left: 50%;
  display: block;
  width: 28px;
  height: 14px;
  margin-left: -14px;
}
.highlight-tab:hover {
  background: #c71232;
  cursor: pointer;
  overflow: visible;
}
.highlight-tab:hover p {
  color: #fff;
}
.col3-1 .highlight-tab {
  border: none;
  border-left: 1px solid #ddd;
}
.col3-1 .highlight-tab:before {
  background: url('../images/css/highlight_active_vertical.jpg') no-repeat;
  content: '';
  top: 50%;
  left: 0px;
  width: 14px;
  height: 28px;
  margin-top: -14px;
}
/* design rox 5 */
#rox5_lesekomfort .bg_display {
  position: relative;
  color: #ccc;
  width: 510px;
  height: 491px;
  background: url('/images/rox/rox5/design/lesekomfort_de.jpg') no-repeat;
}
#rox5_lesekomfort .bg_display #txt1,
#rox5_lesekomfort .bg_display #txt2,
#rox5_lesekomfort .bg_display #txt3,
#rox5_lesekomfort .bg_display #txt4,
#rox5_lesekomfort .bg_display #txt5,
#rox5_lesekomfort .bg_display #txt6,
#rox5_lesekomfort .bg_display #txt7,
#rox5_lesekomfort .bg_display #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
#rox5_lesekomfort .bg_display #txt1 {
  top: 10px;
  left: 4px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display #txt2 {
  top: 180px;
  left: 4px;
  width: 100px;
  height: 41px;
}
#rox5_lesekomfort .bg_display #txt3 {
  top: 10px;
  left: 398px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display #txt4 {
  top: 395px;
  left: 4px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display #txt5 {
  top: 395px;
  left: 398px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display #txt6 {
  top: 458px;
  left: 176px;
  width: 150px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_en {
  position: relative;
  color: #ccc;
  width: 510px;
  height: 491px;
  background: url('/images/rox/rox5/design/lesekomfort_en.jpg') no-repeat;
}
#rox5_lesekomfort .bg_display_en #txt1,
#rox5_lesekomfort .bg_display_en #txt2,
#rox5_lesekomfort .bg_display_en #txt3,
#rox5_lesekomfort .bg_display_en #txt4,
#rox5_lesekomfort .bg_display_en #txt5,
#rox5_lesekomfort .bg_display_en #txt6,
#rox5_lesekomfort .bg_display_en #txt7,
#rox5_lesekomfort .bg_display_en #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
#rox5_lesekomfort .bg_display_en #txt1 {
  top: 10px;
  left: 4px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_en #txt2 {
  top: 180px;
  left: 4px;
  width: 100px;
  height: 41px;
}
#rox5_lesekomfort .bg_display_en #txt3 {
  top: 10px;
  left: 398px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_en #txt4 {
  top: 395px;
  left: 4px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_en #txt5 {
  top: 395px;
  left: 398px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_en #txt6 {
  top: 458px;
  left: 176px;
  width: 150px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_fr {
  position: relative;
  color: #ccc;
  width: 510px;
  height: 491px;
  background: url('/images/rox/rox5/design/lesekomfort_en.jpg') no-repeat;
}
#rox5_lesekomfort .bg_display_fr #txt1,
#rox5_lesekomfort .bg_display_fr #txt2,
#rox5_lesekomfort .bg_display_fr #txt3,
#rox5_lesekomfort .bg_display_fr #txt4,
#rox5_lesekomfort .bg_display_fr #txt5,
#rox5_lesekomfort .bg_display_fr #txt6,
#rox5_lesekomfort .bg_display_fr #txt7,
#rox5_lesekomfort .bg_display_fr #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
#rox5_lesekomfort .bg_display_fr #txt1 {
  top: 10px;
  left: 4px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_fr #txt2 {
  top: 180px;
  left: 4px;
  width: 100px;
  height: 41px;
}
#rox5_lesekomfort .bg_display_fr #txt3 {
  top: 10px;
  left: 398px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_fr #txt4 {
  top: 395px;
  left: 4px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_fr #txt5 {
  top: 395px;
  left: 398px;
  width: 100px;
  height: 21px;
}
#rox5_lesekomfort .bg_display_fr #txt6 {
  top: 458px;
  left: 176px;
  width: 150px;
  height: 21px;
}
/* design rox 6 */
#rox6_lesekomfort .bg_display {
  position: relative;
  color: #ccc;
  width: 540px;
  height: 529px;
  background: url('/images/rox/rox6/design/lesekomfort_de.jpg') no-repeat;
}
#rox6_lesekomfort .bg_display #txt1,
#rox6_lesekomfort .bg_display #txt2,
#rox6_lesekomfort .bg_display #txt3,
#rox6_lesekomfort .bg_display #txt4,
#rox6_lesekomfort .bg_display #txt5,
#rox6_lesekomfort .bg_display #txt6,
#rox6_lesekomfort .bg_display #txt7,
#rox6_lesekomfort .bg_display #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
#rox6_lesekomfort .bg_display #txt1 {
  top: 10px;
  left: 34px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display #txt2 {
  top: 210px;
  left: 34px;
  width: 100px;
  height: 41px;
}
#rox6_lesekomfort .bg_display #txt3 {
  top: 10px;
  left: 428px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display #txt4 {
  top: 432px;
  left: 34px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display #txt5 {
  top: 432px;
  left: 428px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display #txt6 {
  top: 498px;
  left: 206px;
  width: 150px;
  height: 21px;
}
#rox6_lesekomfort .bg_display #txt7 {
  top: 210px;
  left: 438px;
  width: 100px;
  height: 41px;
}
#rox6_lesekomfort .bg_display_en {
  position: relative;
  color: #ccc;
  width: 540px;
  height: 529px;
  background: url('/images/rox/rox6/design/lesekomfort_en.jpg') no-repeat;
}
#rox6_lesekomfort .bg_display_en #txt1,
#rox6_lesekomfort .bg_display_en #txt2,
#rox6_lesekomfort .bg_display_en #txt3,
#rox6_lesekomfort .bg_display_en #txt4,
#rox6_lesekomfort .bg_display_en #txt5,
#rox6_lesekomfort .bg_display_en #txt6,
#rox6_lesekomfort .bg_display_en #txt7,
#rox6_lesekomfort .bg_display_en #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
#rox6_lesekomfort .bg_display_en #txt1 {
  top: 10px;
  left: 34px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display_en #txt2 {
  top: 210px;
  left: 34px;
  width: 100px;
  height: 41px;
}
#rox6_lesekomfort .bg_display_en #txt3 {
  top: 10px;
  left: 428px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display_en #txt4 {
  top: 432px;
  left: 34px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display_en #txt5 {
  top: 432px;
  left: 428px;
  width: 100px;
  height: 21px;
}
#rox6_lesekomfort .bg_display_en #txt6 {
  top: 498px;
  left: 206px;
  width: 150px;
  height: 21px;
}
#rox6_lesekomfort .bg_display_en #txt7 {
  top: 210px;
  left: 438px;
  width: 100px;
  height: 41px;
}
/* ubersicht rox10*/
#rox10_img .produktimg {
  width: 400px;
  height: 425px;
  background: transparent url('/images/rox/rox10/ubersicht/rox10_img1_2.jpg') 0px 0px no-repeat;
}
#rox10_img .produktimg:hover {
  width: 400px;
  height: 425px;
  background: transparent url('/images/rox/rox10/ubersicht/rox10_img1_1.jpg') 0px 0px no-repeat;
}
#rox10_img_en .produktimg {
  width: 400px;
  height: 425px;
  background: transparent url('/images/rox/rox10/ubersicht/rox10_img1_2_en.jpg') 0px 0px no-repeat;
}
#rox10_img_en .produktimg:hover {
  width: 400px;
  height: 425px;
  background: transparent url('/images/rox/rox10/ubersicht/rox10_img1_1_en.jpg') 0px 0px no-repeat;
}
/* design rox10  */
.bg_display {
  position: relative;
  color: #ccc;
  width: 930px;
  height: 660px;
  background: url('/images/rox/rox10/design/display.jpg') no-repeat;
}
.bg_display a.tooltip {
  position: relative;
  text-decoration: none;
  color: white;
  display: block;
}
.bg_display a.tooltip span {
  display: none;
}
.bg_display a.tooltip:hover span {
  text-align: left;
  color: black;
  position: absolute;
  display: block;
  top: 2em;
  left: 1em;
  border: 1px solid black;
  background-color: white;
  padding: 0.2em;
}
.bg_display #txt1,
.bg_display #txt2,
.bg_display #txt3,
.bg_display #txt4,
.bg_display #txt5,
.bg_display #txt6,
.bg_display #txt7,
.bg_display #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
.bg_display #txt1 {
  top: 17px;
  left: 365px;
  width: 233px;
  height: 21px;
}
.bg_display #txt2 {
  top: 120px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display #txt3 {
  top: 120px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display #txt4 {
  top: 402px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display #txt5 {
  top: 402px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display #txt6 {
  top: 552px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display #txt7 {
  top: 552px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display #txt8 {
  top: 620px;
  left: 330px;
  width: 305px;
  height: 21px;
}
.bg_display_en {
  position: relative;
  color: #ccc;
  width: 930px;
  height: 660px;
  background: url('/images/rox/rox10/design/display_en.jpg') no-repeat;
}
.bg_display_en a.tooltip {
  position: relative;
  text-decoration: none;
  color: white;
  display: block;
}
.bg_display_en a.tooltip span {
  display: none;
}
.bg_display_en a.tooltip:hover span {
  text-align: left;
  color: black;
  position: absolute;
  display: block;
  top: 2em;
  left: 1em;
  border: 1px solid black;
  background-color: white;
  padding: 0.2em;
}
.bg_display_en #txt1,
.bg_display_en #txt2,
.bg_display_en #txt3,
.bg_display_en #txt4,
.bg_display_en #txt5,
.bg_display_en #txt6,
.bg_display_en #txt7,
.bg_display_en #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
.bg_display_en #txt1 {
  top: 17px;
  left: 365px;
  width: 233px;
  height: 21px;
}
.bg_display_en #txt2 {
  top: 120px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display_en #txt3 {
  top: 120px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display_en #txt4 {
  top: 402px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display_en #txt5 {
  top: 402px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display_en #txt6 {
  top: 552px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display_en #txt7 {
  top: 552px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display_en #txt8 {
  top: 620px;
  left: 330px;
  width: 305px;
  height: 21px;
}
.bg_display_fr {
  position: relative;
  color: #ccc;
  width: 930px;
  height: 660px;
  background: url('/images/rox/rox10/design/display_en.jpg') no-repeat;
}
.bg_display_fr a.tooltip {
  position: relative;
  text-decoration: none;
  color: white;
  display: block;
}
.bg_display_fr a.tooltip span {
  display: none;
}
.bg_display_fr a.tooltip:hover span {
  text-align: left;
  color: black;
  position: absolute;
  display: block;
  top: 2em;
  left: 1em;
  border: 1px solid black;
  background-color: white;
  padding: 0.2em;
}
.bg_display_fr #txt1,
.bg_display_fr #txt2,
.bg_display_fr #txt3,
.bg_display_fr #txt4,
.bg_display_fr #txt5,
.bg_display_fr #txt6,
.bg_display_fr #txt7,
.bg_display_fr #txt8 {
  text-align: center;
  position: absolute;
  background: #000;
}
.bg_display_fr #txt1 {
  top: 17px;
  left: 365px;
  width: 233px;
  height: 21px;
}
.bg_display_fr #txt2 {
  top: 120px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display_fr #txt3 {
  top: 120px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display_fr #txt4 {
  top: 402px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display_fr #txt5 {
  top: 402px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display_fr #txt6 {
  top: 552px;
  left: 20px;
  width: 200px;
  height: 21px;
}
.bg_display_fr #txt7 {
  top: 552px;
  left: 718px;
  width: 200px;
  height: 21px;
}
.bg_display_fr #txt8 {
  top: 620px;
  left: 330px;
  width: 305px;
  height: 42px;
}
/* Verpackungsinahlt */
#vp-inhalt ul {
  margin-bottom: 40px;
  padding-left: 0px;
}
#vp-inhalt ul li {
  list-style: none;
  background: url('../images/css/li.gif') no-repeat;
  background-position: 14px 10px;
  padding-left: 30px;
  padding-right: 10px;
}
#vp-inhalt .accessories {
  float: left;
  width: 175px;
  margin-right: 30px;
  margin-bottom: 20px;
}
#vp-inhalt .accessories img {
  margin-bottom: 4px;
  -webkit-box-shadow: 1px 0px 6px 0px #aaa;
  box-shadow: 1px 0px 6px 0px #aaa;
}
#vp-inhalt .accessories p {
  padding: 2px;
  line-height: 16px;
  color: #333;
  margin-bottom: 4px;
}
#vp-inhalt .accessories p.zusatz {
  color: #999;
  font-size: 12px;
}
.clearleft {
  clear: left;
  height: 0px;
}
.clearboth {
  clear: both;
  height: 0px;
}
/*Anleitungen*/
.blog_anleitungRox91 .items-leading .leading-0 {
  background: url('../images/css/bg_rox91.png') no-repeat right bottom;
}
.blog_anleitungRox91 .items-leading .leading-1 {
  background: #f0f0f0 url('../images/css/bg_rox81.png') no-repeat right bottom;
}
#boxes div {
  background: #fff;
}
#hsuche h4,
#hsuche p {
  position: relative;
  z-index: 1;
}
#hsuche img {
  position: relative;
  top: -45px;
  right: 0px;
  margin-right: 15px;
  float: right;
  z-index: 0;
}
/* rad1 /2  rox5*/
#rox5_rad12_img .produktimg {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox5/technik/rad12_r1_de.jpg') center 0px no-repeat;
}
#rox5_rad12_img .produktimg:hover {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox5/technik/rad12_r2_de.jpg') center 0px no-repeat;
}
#rox5_rad12_img_en .produktimg {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox5/technik/rad12_r1_en.jpg') center 0px no-repeat;
}
#rox5_rad12_img_en .produktimg:hover {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox5/technik/rad12_r2_en.jpg') center 0px no-repeat;
}
/* rad1 /2  rox6*/
#rox6_rad12_img .produktimg {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox6/technik/rad12_r2_de.jpg') center 0px no-repeat;
}
#rox6_rad12_img .produktimg:hover {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox6/technik/rad12_r1_de.jpg') center 0px no-repeat;
}
#rox6_rad12_img_en .produktimg {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox6/technik/rad12_r2_en.jpg') center 0px no-repeat;
}
#rox6_rad12_img_en .produktimg:hover {
  width: 940px;
  height: 371px;
  background: transparent url('/images/rox/rox6/technik/rad12_r1_en.jpg') center 0px no-repeat;
}
/* GESAMTWERTE  ROX5*/
#rox5gw {
  /*.cccproduktimg{
        width: 414px;
        height: 348px;
          transition: background-image 1s ease-in-out;
          background-image:url("/images/rox/rox5/design/rox5_gw_de.jpg");     
    }
     .cccproduktimg:hover{
        width: 414px;
        height: 348px;
         background-image:url("/images/rox/rox5/design/rox5_gw2_de.jpg");  
    } */
}
#rox5gw #produktimg {
  position: relative;
  width: 414px;
  height: 348px;
}
#rox5gw #produktimg img {
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#rox5gw #produktimg .top:hover {
  opacity: 0;
}
/* GESAMTWERTE  ROX6*/
#rox6gw #produktimg {
  position: relative;
  width: 414px;
  height: 348px;
}
#rox6gw #produktimg img {
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#rox6gw #produktimg .top:hover {
  opacity: 0;
}
/*////////////DATA CENTER///////////////*/
#linkdc {
  margin: 0 auto;
  text-align: center;
  width: 300px;
  background-color: #ececec;
  border-radius: 5px;
}
#linkdc:hover {
  -moz-box-shadow: 1px 1px 2px 3px #ccc;
  -webkit-box-shadow: 1px 1px 2px 3px #ccc;
  box-shadow: 1px 1px 2px 3px #ccc;
}
/**
    Video Startseite
**/
.video-container {
  border-top: 1px solid transparent;
  background: #464D51;
  padding-top: 0px;
}
.video-container .buttom {
  margin-top: 25px;
  background: #f8f8f8 url(/images/video-startseite-button.png) no-repeat center;
  height: 51px;
}
.video-container h5,
.video-container span,
.video-container p,
.video-container h4 {
  color: white;
}
.video-container h4 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: normal;
  margin-top: 25px;
}
.video-container h4 img {
  height: 19px;
  width: auto;
}
.video-container h5 {
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 40px;
  letter-spacing: 0.1px;
}
.video-container li {
  width: 31.8%;
  margin-right: 1%;
  height: 200px;
  margin-bottom: 50px;
  display: inline-block;
}
.video-container li iframe {
  width: 100%;
  height: 100%;
}
.video-container li span {
  font-size: 13px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url('../images/css/ui.totop.png') no-repeat left top;
  z-index: 150;
}
#toTopHover {
  background: url('../images/css/ui.totop.png') no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline: none;
}
/* ZZZOOM IMAGE*/
.zoom img {
  display: block;
}
.zoom img::selection {
  background-color: transparent;
}
.zoom {
  display: inline-block;
}