/* Die Schell Farben im Überblick
Rot #910f0a
Grau #6d7071
Rot Web: #9e0a22
*/

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */



.hinweis {
    float: left;
    clear: both;

    width: 1000px;
    margin: 0px 0px 0px 20px;
    background-color: #f2f2f2;
    color: #9e0a22;
    height: 42px;
    border-bottom: 1px dotted #333;
}

.hinweis img {
    float: left;
    clear: none;
    margin: 12px 20px 12px 20px;
}
.hinweis p {
    float: left;
    clear: none;
    color: #9e0a22;
    height: 16px;
    margin: 13px 0px;
    padding: 0px;
}

.royalSlider, .royalSliderRandom {
  position: relative;
  direction: ltr;
    width: 1000px;
    height: 382px;
}

.royalSlider img, .royalSliderRandom img {
    width: 1000px;
    height: 382px;
    margin: 0px;
}
.royalSlider > *, .royalSliderRandom > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;

}
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition:opacity 0.3s linear;
  -moz-transition:opacity 0.3s linear;
  -o-transition:opacity 0.3s linear;
  transition:opacity 0.3s linear;
}
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen, .royalSliderRandom.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader, .royalSliderRandom .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition:  0s;
  transition:  0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;

  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide, .royalSliderRandom.rsAutoHeight {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position:absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}
.rsNavItem {
  -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}
.rsTabs {
  float: left;
  background: none !important;
}
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}
.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;

}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  cursor:url(grab.png) 8 8, move;
}

.grabbing-cursor{
  cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left:0;
  top:0;
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  z-index: 20;
  background: url(blank.gif);
}


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #151515;
  color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}
.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px;

}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top:-16px;
  margin-left: -16px;

  position: absolute;
  cursor: pointer;
  background: url('rs-default.png');

  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;

  border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
  background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;


  text-align: center;
  line-height: 8px;
  overflow: hidden;
}
.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  *display:inline;
  *zoom:1;
  padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
    border: 1px solid #ccc;
  border-radius: 50%;
  background: #777;
  background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
  background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
  width: 100%;
  height: 72px;
}
.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}
.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}
.rsDefault .rsThumb img {
  width: 100%;
  height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
  background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
  display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF;
}
.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
  background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top:-8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url('rs-default.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefault .rsThumb {
    width: 59px;
    height: 44px;
  }
  .rsDefault .rsThumbsHor {
    height: 44px;
  }
  .rsDefault .rsThumbsVer {
    width: 59px;
  }
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align:center;
  overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;

  background-color: #FFF;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;

  *display:inline;
  *zoom:1;
}
.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;

  border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}


.tab-pane p {
	line-height:150%;
}


/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;

}
.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;

  background: url('rs-default.png') 0 0;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
  border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color:rgba(0,0,0,0.3);
  width:64px;
  height:64px;
  margin-left:-32px;
  margin-top:-32px;
  cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
  width:64px;
  display:block;
  height:64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;

  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;

  background:url(rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
  position:absolute;
  left:50%;
  top:50%;
}
.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);

}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url('rs-default.png') -64px 0;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  *background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
  width:20px;
  height:20px;
  background-image:url(../preloaders/preloader-white.gif);

  left:50%;
  top:50%;
  margin-left:-10px;
  margin-top:-10px;
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;

  background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}

.royalSlider,
.royalSliderRandom,
.rsOverflow,
.rsSlide,
.rsVideoFrameHolder,
.rsThumbs {
    background: none!important;
}

body {
    font-family: Arial;
    font-size: 13px;
    line-height: 1.3em;
    color: #6d7071;
    background-color: #910f0a;
    background: url(img/main-red_hintergrund.jpg),url(img/main-grey_hintergrund.gif);
    background-repeat: repeat-x,repeat;
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.article ul {
  list-style-type: disc;
  padding-left: 20px;
}

p {
    font-family: Arial;
    font-size: 13px;
    line-height: 1.3em;
    color: #000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
td {
    vertical-align: top;
}


a, a:visited, a:active {
    color: #9e0a22;
    text-decoration: none;
}

a:hover {
    color: #9e0a22;
    text-decoration: underline;
}

.teaser a:hover {
    text-decoration: none!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial;
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
}
h1 {
    font-size: 25px;
    line-height: 1.2em;
    color: #9e0a22;
    font-weight: 530;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}

h2 {
    font-size: 14px;
    line-height: 1.2em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

h3 {
    font-size: 12px;
    color: #888;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
h4 {
    font-family: Arial;
    font-size: 13px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

.cc_container {
  background: #fff !important;
  color: #272727 !important;
}
.cc_container a, .cc_container a:visited {
  color: #9e0a22 !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
  background-color: #9e0a23 !important;
  color: #fff !important;
}

a.cc_btn.cc_btn_accept_all {
    color: #fff !important;
}

#border {
    margin: 0 auto;
    width: 1040px;
    position: relative;
    z-index: 1;

}
.sitepath {
    position: absolute;
    top: 0px;
}
.sitepath li {
    float: left;
    clear: none;
    font-size: 11px;
    line-height: 1.2em;
    color: #ddd;
    padding: 0px 0px 0px 0px;
    margin: 12px 4px 0px 0px;
}

.sitepath li:first-child {
    margin: 12px 4px 0px 20px;
}

.sitepath li a {
    color: #ddd;
}
#sprache {
    position: absolute;
    top: 10px;
    right: 20px;
}
#sprache a, #sprache a:hover {
    color: #eee;
    text-decoration: none;
    line-height: 10px;
}
#sprache .dropdown-toggle img {
    vertical-align: baseline;
    padding: 1px 0px 0px 0px;
}

#sprache .dropdown-toggle {
    width: 40px;
}

#searchbox {
    position: absolute;
    top: 5px;
    right: 100px;
}
.form-search {

}

.form-search  input {
    background: rgba(0,0,0,0.5);
    border-color: rgba(10, 10, 10, 0.3);
}
.form-search button {
    width: 10px;
    height: 28px;
}
.form-search button img {
    width: 14px;
}
.form-search input[type="submit"] {
    background-color: transparent;
    border: none;
    background-image: url('img/glyphicons_search_white.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    width: 15px;
    height: 25px;
}
/*yyyyyyyyyyyyyyyyyy Korrektur Box-Shadow Inputfelder Bootstrap suche yyyyyyyyyyyyyyy*/

.form-search input[type="text"]:focus,
.form-search input[type="password"]:focus,
.form-search input[type="datetime"]:focus,
.form-search input[type="datetime-local"]:focus,
.form-search input[type="date"]:focus,
.form-search input[type="month"]:focus,
.form-search input[type="time"]:focus,
.form-search input[type="week"]:focus,
.form-search input[type="number"]:focus,
.form-search input[type="email"]:focus,
.form-search input[type="url"]:focus,
.form-search input[type="search"]:focus,
.form-search input[type="tel"]:focus,
.form-search input[type="color"]:focus,
.form-search .uneditable-input:focus {
    border-color: rgba(10, 10, 10, 0.8);
    background-color: rgba(80, 80, 80, 0.5);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 175, 175, 0.8);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 175, 175, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 175, 175, 0.8);


}


.form-search textarea,
.form-search input[type="text"],
.form-search input[type="password"],
.form-search input[type="datetime"],
.form-search input[type="datetime-local"],
.form-search input[type="date"],
.form-search input[type="month"],
.form-search input[type="time"],
.form-search input[type="week"],
.form-search input[type="number"],
.form-search input[type="email"],
.form-search input[type="url"],
.form-search input[type="search"],
.form-search input[type="tel"],
.form-search input[type="color"],
.form-search .uneditable-input {
    color: #eeeeee;

}

.form-search input:-moz-placeholder,
.form-search textarea:-moz-placeholder {
    color: #aaaaaa;
}
.form-search input:-ms-input-placeholder,
.form-search textarea:-ms-input-placeholder {
    color: #aaaaaa;
}
.form-search input::-webkit-input-placeholder,
.form-search textarea::-webkit-input-placeholder {
    color: #aaaaaa;
}

/*yyyyyyyyyyyyyyyyyy - yyyyyyyyyyyyyyy*/
/*yyyyyyyyyyyyyyyyyy Korrektur Box-Shadow Inputfelder Bootstrap yyyyyyyyyyyyyyy*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(158, 10, 34, 0.8);
    //background-color: rgba(109, 112, 113, 0.5);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(158, 10, 34, 0.075), 0 0 8px rgba(158, 10, 34, 0.8);
    -moz-box-shadow: inset 0 1px 1px rgba(158, 10, 34, 0.075), 0 0 8px rgba(158, 10, 34, 0.8);
    box-shadow: inset 0 1px 1px rgba(158, 10, 34, 0.075), 0 0 8px rgba(158, 10, 34, 0.8);


}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #212121;

}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #6d7071;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #6d7071;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #6d7071;
}

/*yyyyyyyyyyyyyyyyyy - yyyyyyyyyyyyyyy*/
/*bbbbbbbbbbbbbbbbbbb*/
.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #dddddd!important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(170, 170, 170, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #000000;
    *background-color: #000000;
    background-image: -moz-linear-gradient(top, #333333, #444444);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#444444));
    background-image: -webkit-linear-gradient(top, #333333, #444444);
    background-image: -o-linear-gradient(top, #333333, #444444);
    background-image: linear-gradient(to bottom, #333333, #444444);
    background-repeat: repeat-x;
    border: 1px solid #333333;
    *border: 0;
    border-color: #444444 #444444 #444444;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #bbbbbb;
    background-color: #444444;
    *background-color: #d9d9d9;
}
/*bbbbbbbbbbbbbbbbbbb*/


.logo {
    display: block;
    width: 223px;
    height: 49px;
    position: absolute;
    top: 68px;
    left: 20px;

}

#navigation {
    float: right;
    clear: both;
    position: absolute;
    top: 86px;
    right: 5px;
    /*margin: 55px 5px 0px 0px;*/
}

#navigation > li {
    float: left;
    clear: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 0px 15px;

}

#navigation  > li  a, #navigation  > li  a:hover, #navigation > li  a:visited {
    color: #ddd;
    display: block;
}

#navigation  > li  a:hover {
    text-decoration: none;
}
.dropdown {
    font-size: 16px;
}
.nav2 {
    font-size: 14px;
}

#promotion {
    float: left;
    clear: both;
    width: 1000px;
    background-color: transparent;
    margin: 138px 0px 0px 20px;
    position: relative;
}

#promotion > .standard {
    z-index: 5;
    float: left;
    clear: both;
}
#promotion img {
    float: left;
    clear: both;
    z-index: 6;
}
#promotion .frame1, #promotion .frame5, #promotion .frame6 {
    float: right;
    clear: right;
    width: 320px;
    height: 100%;
    background: rgba(33,33,33,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3212121,endColorstr=#b3212121);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3212121,endColorStr=#b3212121)";

    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
#promotion .frame1 h2, #promotion .frame1 h1, #promotion .frame5 h2, #promotion .frame5 h1, #promotion .frame6 h2, #promotion .frame6 h1  {
    font-size: 25px;
    padding: 0px 0px 0px 0px;
    margin: 40px 20px 10px 20px;
    line-height: 1.3em;
    color: #fff;
}
#promotion .frame1 p, #promotion .frame5 p, #promotion .frame6 p {
    color: #ddd;
    padding:0px 0px 0px 0px;
    margin: 0px 20px 10px 20px;
}
#promotion .frame1 a, #promotion .frame5 a, #promotion .frame6 a {
    color: #fcfcfc;
    padding:0px 0px 0px 0px;
    margin: 20px 20px 10px 20px;
}

#promotion .frame1 p a, #promotion .frame5 p a, #promotion .frame6 p a {
    padding: 0px;
    margin: 0px;
}

#promotion .frame5, #promotion .frame6 {
   background: transparent;
   filter: none;
   -ms-filter: none;
}

#promotion .frame6 h2, #promotion .frame6 h1  {
	color: #9e0a22;
}

#promotion .frame6 p, #promotion .frame6 a {
	color: #000;
}

#bottom .teaser {
    float: left;
    clear: none;
    width: 320px;
    height: 230px;
    position: relative;
    background-color: grey;
    margin: 20px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.teaser .caption {
    float: left;
    clear: both;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    background-color: #9e0a22;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
.teaser .caption p {
    color: #ddd;
    font-size: 12px;
    margin: 8px 10px 8px 10px;
}

#bottom .produktteaser {
    float: left;
    clear: none;
    width: 320px;
    height: 176px;
    position: relative;
    background-color: #fff;
    margin: 20px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#bottom .produktteaser a {
    display: block;
    width: 320px;
    height: 170px;

    text-decoration: none!important;
}
#bottom .produktteaser .ptfloat {
    float: right;
    clear: none;
    display: inline;
    width: 157px;
    font-size: 11px;
    margin-top: 10px;
    padding-right: 3px;
    color: #777;
}
#bottom .produktteaser img {
    float: left;
    clear: none;
    display: inline;
}
#bottom .produktteaser .caption {
    float: left;
    clear: both;
    width: 100%;
    position: absolute;
    height: 34px;
    bottom: 0;
    color: #eee;
    background-color: #000;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#bottom .produktteaser .caption p {
    font-size: 12px;
    line-height: 12px;
    color: #eee;
    padding: 5px 10px 0px 10px;
}
/* PRODUKTTEASER IM CONTENTBEREICH */
#content .produktteaser {
    float: left;
    clear: none;
    /* von width: 298px verändert um den Abstand zum Produktfilter in der Kachelansicht zu vereinheitlichen - 2013-06-04 MS */
    width: 308px;
    height: 176px;
    position: relative;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow:  0px 0px 10px 0px #bbbbbb;

    box-shadow:  0px 0px 10px 0px #bbbbbb;
    margin: 20px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#content .produktteaser a {
    display: block;
    width: 300px;
    height: 170px;
    text-decoration: none!important;
}
#content .produktteaser .ptfloat {
    float: right;
    clear: none;
    display: inline;
    width: 137px;
    font-size: 11px;
    margin-top: 10px;
    padding-right: 3px;
    color: #777;
}
#content .produktteaser img {
    float: left;
    clear: none;
    display: inline;
}
#content .produktteaser .caption {
    float: left;
    clear: both;
    width: 100%;
    position: absolute;
    height: 34px;
    bottom: 0;
    color: #eee;
    background-color: #000;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#content .produktteaser .caption p {
    font-size: 12px;
    line-height: 12px;
    color: #eee;
    padding: 5px 10px 0px 10px;
}
/* PRODUKTTEASER IM CONTENTBEREICH ^ */


.neukennzeichnung, .eschellkennzeichnung {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 88;
}
.eschellkennzeichnung {
    left: auto;
    right: -1px;
}
.eschellkennzeichnung img {
    margin-right: 1px!important;
}

#middle {
    float: left;
    clear: both;
    width: 1000px;
    background-color: #fff;
    margin: 0px 0px 0px 20px;
    padding: 20px 0px 0px 0px;
    position: relative;
    z-index: 5;
}
#content {
    float: left;
    clear: left;
    width: 680px;
}
#content p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#content li {
    color: #000;
}
#highlight {
    float: right;
    clear: right;
    width: 320px;
}
#highlight p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#highlight img {
  margin-bottom: 10px;
}

#bottom {
    width: 1020px;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

#functions {
    float: left;
    clear: both;
    margin: 0px 0px 0px 20px;
}
#functions li {
    float: left;
    clear: none;
    border-right: 1px solid #333;
    color: #333;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    padding: 0px 10px 0px 10px;
}
#functions li:first-child {
    padding: 0px 10px 0px 0px;
}
#functions li:last-child {
    border: none;
}
#functions li a {
    color: #333;
}

#sprache .dropdown-menu li a {
    color: #ddd;
}

.dropdown-menu {
    background-color: transparent;
    background: rgba(33,33,33,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3212121,endColorstr=#b3212121);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3212121,endColorStr=#b3212121)";
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
}
#navigation .dropdown-menu {
    width: 200px;
}
#sprache .dropdown-menu {
    width: 100px;
    margin: 5px 0px 0px 0px;
}

#navigation .dropdown-menu > li {
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;

}
.dropdown-menu > li > a {
    padding: 5px 15px 5px 15px;
}
#navigation .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(33,33,33,0.7);
    border-left: 6px solid transparent;
    content: '';
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a {
    color: #000000;
    text-decoration: none;
    background-color: #9e0a22;
    background-image: -moz-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e0a22), to(#9e0a22));
    background-image: -webkit-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: -o-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: linear-gradient(to bottom, #9e0a22, #9e0a22);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e0a22', endColorstr='#ff9e0a22', GradientType=0);
}

#nav2 .dropdown-menu > a,
#nav2 .dropdown-menu > a:visited,
#nav2 .dropdown-menu > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #9e0a22;
    background-image: -moz-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e0a22), to(#9e0a22));
    background-image: -webkit-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: -o-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: linear-gradient(to bottom, #9e0a22, #9e0a22);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e0a22', endColorstr='#ff9e0a22', GradientType=0);
}

#navigation > li:hover ul.dropdown-menu {
    display: block;
}

#navigation .nav1-active, #navigation .nav1-active:visited {
    color: #fff;
    text-shadow: 0px 0px 15px #fff;
}
.dropdown-menu > li > .nav2-active, .dropdown-menu > li > .nav2-active:visited {
    color: #ffffff;
    background-color: #000000;
}
.dropdown-menu > li > .nav2-active:hover {
    color: #fff;
    background-color: #ffffff;
}
#nav2 > li > .nav2-active, #nav2 > li > .nav2-active:visited {
    color: #ffffff;
    background-color: #000000;
}
#nav2 > li > .nav2-active:hover {
    color: #fff;
    background-color: #ffffff;
}

/*\\\\\\\\\\\\\\\\div \\\\\\\\\\\\\\\\\\\\\\\*/

#content .standard {
    float: left;
    clear: both;
    width: 640px;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
}
#content .standard-produkt {
    float: left;
    clear: both;
    width: 660px;
    margin: 0px 0px 20px 20px;
    padding: 0px 0px 0px 0px;
}
#highlight .standard {
    float: left;
    clear: both;
    width: 310px;
    margin: 0px 10px 25px 0px;
    padding: 0px 0px 0px 0px;

}

#content p, .halbe-box p, .halbe-box-gross p, .text p {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
}

#content img {
    float: left;
    clear: none;
    margin: 0px 10px 10px 0px;
}

.csc-bulletlist li, .newsdetail li, .jobdetail li {
    background-image: url(img/listicon_produkte.png);
    background-repeat: no-repeat;
    background-position: 2px 6px;
    padding: 0px 0px 0px 13px;
    margin-bottom: 5px;
}
.halbe-box li, .halbe-box-gross li, .text ul li, .csc-textpic-text li {
    background-image: url(img/listicon_produkte.png);
    background-repeat: no-repeat;
    background-position: 2px 6px;
    padding: 0px 0px 0px 13px;
}



.csc-bulletlist, #content ul  {
    margin: 0px 0px 25px 0px;
}

#content .halbe-box {
    float: left;
    clear: none;
    width: 300px;
    margin: 0px 20px 0px 20px;
}
.halbe-box ul {
    margin: 0px 0px 25px 0px;
}
#content .halbe-box-gross {
    float: left;
    clear: none;
    width: 310px;
    margin: 0px 20px 0px 20px;
}
#content .halbe-box-gross:nth-child(odd) {
    margin-left: 0;
}
.halbe-box-gross ul {
    margin: 0px 0px 25px 0px;
}
#content .halbe-box-gross h2 {
  letter-spacing: 1px;
}

.ueberschrift-volle-breite {
  float: left;
  width: 960px;
  background-color: #ffffff;
  padding: 20px 20px 0px 20px;
}

.ueberschrift-volle-breite p:last-child {
  margin-bottom: 0;
}

#content .text {
    float: left;
    clear: both;
    margin: 0px;
}
/*\\\\\\\\\\\\\\\\ende div standard\\\\\\\\\\\\\\\\\\\\\\\*/

/*iiiiiiiiiiiiiiiiiiii Produktedetails HTML iiiiiiiiiiiiiiiiiiiiiiiiii*/

#content .Produktdetails {
    color: #000;
    float: left;
    clear: both;
    /* von width: 620px verändert um den Abstand zum Produktfilter in der Kachelansicht zu vereinheitlichen - 2013-06-04 MS */
    width: 640px;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
}

#content .bestellnummer {
    font-size: 12px;
    color: #aaa;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
#content .produktfoto {
    float: right;
    clear: right;
    width: 320px;
}

#content .produktbezeichnung {
    font-size: 25px;
    line-height: 1.2em;
    color: #9e0a22;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}

#content .produktbeschreibung {
    font-size: 13px;
    color: #000;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
#content .produktbeschreibung p, #content .produktbeschreibung ul {
    margin-bottom: 0px;
}
#content .eigenschaften {
    float: left;
    clear: left;
    margin: 15px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
    background-image: url(img/Listicon_Produkte.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    width: 620px;
    /*list-style-image: url(img/Listicon_Produkte.png);
    list-style-position: inside;*/
}
#content .eigenschaften h2 {
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;
    font-weight: bold;
}
#content .eigenschaften p {
    margin: 0px;
}
#content .eigenschaften > ul {
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.eigenschaften > ul > li {
    line-height: 1.2em;
    margin: 0px 0px 4px 0px;
    background-image: url(img/listicon_produkte.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 10px;
}
.eigenschaften > ul > li > ul {
  padding-top: 0px;
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}
.eigenschaften > ul > li > ul > li {
  padding: 0px 0px 0px 16px;
  background-image: url(img/sublist.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
}
.lieferumfang, .TechDaten, .details, .varianten, .not_zubehoer, .empf_zubehoer, .in_verbindung, .hinweise  {
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.lieferumfang li, .TechDaten li, .details li, .hinweise li {
    line-height: 1.2em;
    margin: 0px 0px 4px 0px;
    background-image: url(img/listicon_produkte.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding: 0px 0px 0px 10px;
}


.varianten, .not_zubehoer, .empf_zubehoer, .in_verbindung  {
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.varianten td, .not_zubehoer td, .empf_zubehoer td, .in_verbindung td {
    padding-bottom: 10px;
    padding-right: 10px;
}
.best_nr_varianten {
    color: #9e0a22;
    margin: 0px 10px 0px 20px;
    padding: 0px 0px 0px 0px;
}

.eigenschaften table {
  width: 100%;
}
.eigenschaften td:first-child {
  width: 50%;
}
.eigenschaften td:last-child {
  width: 20%;
}


/*iiiiiiiiiiiiiiiiiiii Ende Produktedetails HTML iiiiiiiiiiiiiiiiiiiiiiiiii*/

.produktserienliste {
    float: left;
    clear: both;
    margin: 0px 0px 0px 20px;
}
.produktserien li {
    float: left;
    clear: none;
    width: 145px;
    height: 165px;
    background-color: grey;
    margin: 0px 20px 20px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.serienname {
    width: 145px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #9e0a22;
    background-position: 121px 0px;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#content .text-warengruppe {
    float: left;
    clear: none;
    color: #fff;
    font-size: 11px;
    line-height: 1.2em;
    width: 135px;
    margin: 4px 0px 4px 5px;
    padding: 0px 0px 0px 0px;

}
#content .produktanzahl {
    font-size: 10px;
    line-height: 10px;
    width: 25px;
    height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: -23px;
    padding-top: 5px;
    background-image: url(img/produktanzahl2.png);
    background-position: 3px 1px;
    background-repeat: no-repeat;
    z-index: 88;
}

/* Produktfilter CSS  */

#produktfilter {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 300px;
    color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f0f0f0;
    z-index: 99;
}

.pf_header h4 {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin: 0px 0px 0px 10px;
    padding: 5px 5px 5px 5px;
}
.pf_header {
    background-color: #000;
    background-image: url(img/produktfilter-hintergrund.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -webkit-box-shadow: 0px 6px 8px -2px #888888;
    box-shadow: 0px 6px 8px -2px #888888;
    margin: 0px 0px 23px 0px;
}

#highlight .ref_header a h4 {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin: 0px 0px 0px 10px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}
#highlight .ref_header a:hover {
    text-decoration: none;
}
.ref_header {
    background-color: #000;
    background-image: url(img/black_button.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 6px 8px -2px #888888;
    box-shadow: 0px 6px 8px -2px #888888;
    margin: 0px 0px 1px 0px;
}
.pf_themen {
    float: left;
    clear: both;
    width: 280px;
    border-top: 1px solid #999;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 30px 0px;
}
.sf_themen {
    float: left;
    clear: both;
    width: 280px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 30px 0px;
}
.df_themen {
    float: left;
    clear: both;
    width: 280px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 15px 0px;
}

.pf_themen > h5 {
    float: left;
    clear: right;
    color: #aaa;
    font-size: 12px;
    background-color: #f0f0f0;
    margin: -11px 0px 0px 0px;
    padding: 0px 4px 0px 0px;
}

.pf_themen label {
    float: left;
    clear: both;
    margin: 3px 0px 0px 0px;
}
.pf_themen input {
    margin: 0px 0px 3px 0px;
}
.df_themen input {
    float: left;
    clear: both;
    margin: 0px 0px 3px 0px;
    width: 271px;
}
.df_themen select {
    float: left;
    clear: both;
    margin: 0px 0px 3px 0px;
    width: 280px;

}
#highlight .pf_input {
    float: left;
    clear: both;
    margin: 0px 0px 3px 0px;
}
#highlight .df_submit {
    float: left;
    clear: both;
    width: 280px;
    margin: 10px 0px 3px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#highlight .pf_submit {
    float: left;
    clear: both;
    width: 220px;
    margin: 10px 0px 3px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.pf_themen select {
    float: left;
    clear: both;
    margin: 0px 0px 3px 0px;
}
.pf_footer {
    float: left;
    clear: both;
    height: 10px;
    width: 300px;
    background-color: #000;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

/* Referenzfinder CSS  */

#highlight #reffinder {
    position: absolute;
    width: 300px;
    height: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rf_header h4 {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding: 0px 0px 0px 10px;
    background-image: url(img/black_button.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    z-index: 20;
}

.rf_header h4 a:hover, .rf_header h4 a {
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
}
.rf_header {
    margin: 0px 0px 1px 0px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #000;
    border: none;
    z-index: 17;
    -webkit-box-shadow: 0px 6px 8px -2px #888888;
    box-shadow: 0px 6px 8px -2px #888888;
}
.rf_list {
    background-color: #f0f0f0;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    margin: 0px 0px 0px 0px;
    z-index:15;
}
.rf_list li {
    margin: 0px 0px 0px 13px;
}
.rf_list .rf_footer {
    height: 10px;
    width: 300px;
    background-color: #000;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    margin: 10px 0px 0px 0px;
}
.rf_list .rf_shadow{
    height: 15px;
    width: 300px;
    margin: 0px 0px 0px 0px;
}
.aktuell a {
    color: #000;
    font-weight: bold;
}
.rf_themen {

    width: 280px;
    border-top: 1px solid #999;
    margin: 0px 10px 0px 10px;
    /* geändert um den Abstand der unteren Referenzbox nach Produkten zu vereinheitlichen — padding: 0px 0px 15px 0px; MS 03.05.2013 */
    padding: 0px 0px 0px 0px;

}

.rf_themen > h5 {
    float: left;
    clear: right;
    color: #aaa;
    font-size: 12px;
    background-color: #f0f0f0;
    margin: -10px 0px 0px 0px;
    padding: 0px 4px 0px 0px;
}
.rf_themen > ul {
    margin: 10px 0px 15px 0px;
}
.rf_themen ul li {
    margin: 0px 0px 0px 0px;
}

#myCarousel {
    margin: 0px;
}
.bx-wrapper .bx-viewport {
 background: none;
}

.carousel .item {
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
}
.carousel .active.left,
.carousel .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel .next,
.carousel .prev {
    left: 0;
    z-index: 1;
}

.carousel .carousel-control {
    z-index: 3;
}

/*News CSS */

#content .newsliste {
    float: left;
    clear: none;
    margin: 0px 0px 40px 20px;
}

#content .newsitem {
    width: 640px;
    float: left;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding: 8px 0px 8px 0px;
    margin: 0px;
}
#content .newsitem img {
    float: right;
    clear: none;
}
#content .newsitem h3 {
    margin: 0px 0px 8px 0px;
}
#content .newsitem h2 {

    margin: 0px 0px 5px 0px;
}
#content .newsitem p {

    margin: 0px 0px 10px 0px;
}
#content .newsitem a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#content .newsdetail h2 {
    margin: 10px 0px 10px 0px;
}

#content .newsdownload {
    float: left;
    clear: both;
    margin: 0px 0px 10px 0px;
}
#content .presseliste .newsdownload {
    margin: 0px 0px 0px 0px;
}
#content .newsdownload li {
    background-image: none;
    height: 50px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}
#content .newsdownload li a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 40px;
}
#content .newspdf a {
    height: 50px;
    display: block;
    background-image: url(img/pdf.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#content .newsdoc a {
    height: 50px;
    display: block;
    background-image: url(img/doc.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#content .newszip a {
    height: 50px;
    display: block;
    background-image: url(img/zip.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#content .newseps a {
    height: 50px;
    display: block;
    background-image: url(img/eps.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#content .newsdownload li p {
    list-style-type: none;
    float: left;
    clear: both;
    color: #000;
    padding: 0px;
    margin: 0px
}
.news_filesize {
    color: #ccc;
    float: left;
    clear: both;
}
.backlink {
    margin: 0px 0px 30px 20px;
}

#content .presseliste {
    float: left;
    clear: none;
    margin: 0px 0px 40px 20px;
}

#content .presseliste h2 {
    text-transform: none;
    letter-spacing: 0px;
    margin: 0px 0px 5px 0px;
}
/* Kariere CSS*/
#content .jobliste {
    float: left;
    clear: none;
    margin: 0px 0px 40px 20px;
}

#content .jobitem {
    width: 640px;
    float: left;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding: 8px 0px 8px 0px;
    margin: 0px;
}
#content .jobitem img {
    float: right;
    clear: none;
}
#content .jobitem h3 {
    margin: 0px 0px 8px 0px;
}
#content .jobitem h2 {

    margin: px 0px 5px 0px;
}
#content .jobitem p {
    margin: 0px 0px 10px 0px;
}
#content .jobitem a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#content .jobdetail h2 {
    margin: 20px 0px 10px 0px;
}



/* Downloads CSS*/
#content .downloads {
    float: left;
    clear: both;
    margin-top: 10px;
}

#content .download-item {
    position: relative;
    float: left;
    clear: none;
    background-image: none;
    width: 196px;
    height: 100px;
    margin: 0px 10px 20px 0px;
    padding: 0px;
}

#content .withdetails {
    float: left;
    clear: both;
    width: 620px;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
#content .downloadcat li {
    margin: 0px 0px 12px 20px ;
}
#content .download-item p, #highlight .download-item p {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
}

#content .withdetails p {
    font-size: 12px;
}

#content .download-item > img, #highlight .download-item img {
    float: left;
    clear: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    -webkit-box-shadow:  2px 2px 6px -0px #999;
    box-shadow:  2px 2px 6px -0px #999;
}

#content .download-item > .download-text, #highlight .download-item > .download-text {
    float: right;
    clear: none;
    width: 116px;
    margin: 0px 0px 0px 0px;
}

.download-kategorie {
    color: #6d7071;
}

#content .withdetails > .download-text {
    width: 540px;
    padding-bottom: 15px;
}

#content .download-item .dropdown-toggle, #content .download-item .dropdown-toggle:hover {
    float: left;
    clear: both;
    width: 60px;
    font-size: 11px!important;
    margin: 0px;
    padding: 0px;
    line-height: 11px;
    text-decoration: none;
}

#content .orderli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: 75px;
}
#content .downloadli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: 90px;
}

#content .withdetails .orderli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: auto!important;
    bottom: -13px!important;
}
#content .withdetails .downloadli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: auto!important;
    bottom: 0px!important;
}


#content .orderchoose {
    float: left;
    clear: both;
    width: 60px;
    font-size: 11px!important;
    text-decoration: none;
}

#content .download-item .datei {
    font-size: 11px;
    position: absolute;
    top: 68px;
    left: 80px;
}

#content .download-item .dropdown-menu {
    width: 160px;
    position: absolute!important;
    top: auto!important;
    left: 60px!important;
    margin-top: -5px!important;
    padding-top: 0px;
    z-index: 999;
    background-color: transparent;
    background: rgba(33,33,33,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3212121,endColorstr=#b3212121);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3212121,endColorStr=#b3212121)";
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
}

#content .download-item .dropdown-menu:after {
    position: absolute;
    top: 4px;
    right: 160px;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid rgba(33,33,33,0.6);
    border-bottom: 6px solid transparent;
    content: '';
}

#content .download-item .dropdown-menu > li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 160px;
    color: #fff;
    font-size: 11px;
}

#content .download-item .dropdown-menu > li > a {
    padding: 3px 15px 3px 15px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
}

.slides_container {
    width: 1000px;
    position:relative;
}

.slides_container div.slide {
    width:1000px;
    display:block;
}

.pagination {
    position: relative;
    margin-top: -30px;
    margin-left: 400px;
    text-align: middle;
    list-style: none;
    z-index: 99;
}

.pagination li {
    float:left;
    clear: none;
    margin:0px 2px 0px 0px;
    list-style:none;
}

.pagination li a {
    display:block;
    height:0;
    width:14px;
    padding:14px 0px 0px 0px;
    background-image:url(img/pagination_off.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
    border: none;
}

.pagination li.current a {
    background-image:url(img/pagination_on.png);
}


/****** Pagebrowser CSS ****/

#content .pagebrowser {
    float: left;
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px 20px;
}

#content .pagebrowser-outer {
    float: left;
    clear: none;
    font-weight: bold;
    width: 60px;
}

#content .pagebrowser-middle {
    float: left;
    clear: none;
    width: 520px;/** Individuell an Bereich Anpassen **/
    text-align: center;
}

#content .pagelink-item, #content .pagelink-active {
    margin: 0px 10px 0px 10px;
    font-weight: bold;
    color: #666;
}

#content .pagelink-active, #content .pagelink-item:hover {
    color: #9e0a22;
}

#content .pagelink-first {
    float: left;
    margin: 0px 20px 0px 0px;
    color: #9e0a22;
}
#content .pagelink-prev {
    float: left;
    margin: 0px 0px 0px 0px;
    color: #9e0a22;
}

#content .pagelink-next {
    float: right;
    margin: 0px 20px 0px 0px;
    color: #9e0a22;
}
#content .pagelink-last {
    float: right;
    margin: 0px 0px 0px 0px;
    color: #9e0a22;
}
/* NEWSLETTER */
.standard #mailform {
    margin: 30px 0px 0px 0px;
}
/*xxxxxxxxxxxxxxxxxxxxxxx Kontakt xxxxxxxxxxxxxxxxxxxxxxx*/

#mailform {
    margin: 30px 0px 0px 20px;
    width: 640px;
    float: left;
    clear: both;
}

.captcha {
    float: left;
    clear: both;
    margin-top: 20px;
}

#mailform input, #mailform p {
    font-size: 13px;
    float: left;
    clear: both;
    width: 330px;
    padding: 0px 0px 0px 0px 0px;
    margin: 0px 10px 15px 0px;
}
.captcha span {
    font-weight: normal;
    color: #444;
}
#mailform .tx-srfreecap-pi2-cant-read a {
    text-decoration: underline;
    font-weight: normal;
    color: #444;
}
.captcha label {
    color: #444;
}
#mailform textarea {
    float: left;
    clear: both;
    width: 330px;
    height: 150px;
    font-size: 13px;
    line-height: 1.2em;
    padding: 0px 0px 0px 0px 0px;
    margin: 0px 10px 10px 0px;
}
#mailform .antwort,
#mailform .datenschutz {
    float: left;
    clear: none;
    width: 20px;
    margin: 3px 5px 0px 0px;
}
.captcha img {
    float: left;
    clear: both;
    margin: 0px 0px 0px 0px;
}
.captcha span {
    float: left;
    clear: both;
    margin-bottom: 10px;
}
.label-antwort,
.label-datenschutz {
    float: left;
    clear: both;
    margin: 5px 0px 10px 0px;
    vertical-align: baseline;
    color: #000;
}
.label-datenschutz {
  max-width: 340px;
}
#mailform select {
    float: left;
    clear: both;
    font-size: 13px;
    line-height: 1.2em;
    width: 340px;
    margin: 0px 10px 15px 0px;
}
#mailform .form-error {
    float: right;
    clear: none;
    width: 280px;
    color: #9e0a22;
    line-height: 1.1em;
}
#mailform .btn {
    margin-top: 20px;
    width: 340px;

}
#mailform p {
    width: auto;
    float: left;
    clear: both;
}
#mailform .markierteFelder {
 color: #666;

}
/*xxxxxxxxxxxxxxx Kontaktboxen xxxxxxxxxxxxxxxxx*/
#kontaktfilter {
    float: left;
    clear: both;
    width: 300px;
    color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f0f0f0;
    margin: 0px 20px 20px 0px;
}
#content .contact {
    float: left;
    clear: none;
    width: 290px;
    min-height: 128px;
    margin: 0px 0px 20px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #999;

}
#highlight .contact {
    float: left;
    clear: none;
    width: 300px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
#content .contact-area h2 {
    margin: 0px 0px 20px 0px;

}
#content .contact-area h4 {
    margin: 0px 0px 10px 0px;

}
#content .contact-area .standard {
    margin-top: 20px;
}
#content .contact-area .standard:first-child {
    margin-top: 0px;
}
#content .contact p, #highlight .contact p {
    margin: 0px;
    font-size: 12px;
}
.contact-text {
    float: left;
    clear: none;
    width: 205px;
}
/*.contact img {
    float: left;
    clear: none;
    width: 15px;
    margin: 0px 10px 0px 0px;
    -webkit-box-shadow:  2px 2px 6px -0px #999;
    box-shadow:  2px 2px 6px -0px #999;
}*/
#content .contact-img {
 float: right;
    clear: none;
    margin: 0px 0px 0px 10px;
    width: 70px;
}
#content .contact-img img {
    float: left;
    clear: none;
    width: auto;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow:  2px 2px 6px -0px #999;
    box-shadow:  2px 2px 6px -0px #999;
}
#content .contact .tel, #highlight .contact .tel {
    background-image: url('img/phone.jpg');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 0px 20px;
}
#content .contact .fax, #highlight .contact .fax {
    background-image: url('img/fax.jpg');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 0px 20px;
}
#content .contact .mobil, #highlight .contact .mobil {
    background-image: url('img/mobil.jpg');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 0px 20px;
}
#content .contact .web, #highlight .contact .web {
    background-image: url('img/web.jpg');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 0px 20px;
}
#content .contact .mail, #highlight .contact .mail {
    background-image: url('img/mail.jpg');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 0px 20px;
}
/* <<<<<<<<<<<<<<<  Tabelle CSS >>>>>>>>>>>>>>*/

.contenttable {
    color: #000;
    border-color: transparent;
    margin: 0px 0px 25px 0px;
}
td {
    padding: 0px 5px 0px 0px;
}
tr {
    padding: 0px 0px 0px 0px;
}
th {
    padding: 4px 15px 4px 4px;
    border-right: 1px solid #9e0a22;
    font-weight: bold;
    vertical-align: top;
}
thead th {
    padding: 4px 4px 15px 4px;
    border-right: none;
    border-bottom: 1px solid #9e0a22;
    font-weight: bold;
}
.chronik-table .td-1 {
    padding: 4px 4px 4px 15px;
    vertical-align: top;
}

/*vvvvvvvvvvvvv Text Bild Komposition vvvvvvvvvvvvvvvv*/



.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
    clear: both;
}

.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
    clear: both;
}

.csc-textpic-left .csc-textpic-text {
    float: left;
    clear: both;
}

.csc-textpic-right .csc-textpic-text {
    float: right;
    clear: both;
}
.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

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

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
    display: table;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
    display: table;
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
    display: table;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
    display: table;
}

.csc-textpic-clear {
    clear: both;
}

.csc-textpic-border img {
    border: 1px solid #ddd;
}

.csc-textpic-imagewrap {
    font-size: 11px;
}
.csc-textpic-imagewrap .caption p {
    font-size: 11px;
    color: #666;
}
.csc-textpic-imagewrap .caption {
    margin-top: 3px;
}
.csc-textpic-imagerow {
    float: left;
    clear: both;
}

.csc-textpic img {
    float: left;
    clear: both;
}

.fancybox-skin {
    float: left;
    clear: both;
    padding: 0px!important;
    background-color: #fff;
}

.fancybox-title {
    padding: 5px 65px 5px 15px;
    font: normal 13px/17px Arial,sans-serif;
    text-shadow: none;
    color: #ddd;
    background-color: #9e0a22;
    z-index: 1;
}

/*For JWPlayer Videos*/
body{
  -ms-overflow-y: scroll!important;
}

.fancybox-outer {
    padding: 15px!important;
    background-color: #fff;
}

.fancybox-close {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 50px;
    height: auto;
    cursor: pointer;
    display: block;
    z-index: 8060;
    background-image: none!important;
    color: #ddd;
    font: normal 13px/17px Arial,sans-serif;
    text-shadow: none;
    z-index: 1;
}

.fancybox-close p {
    display: inline;
    color: #ddd;
    font: normal 13px/19px Arial,sans-serif;
    text-shadow: none;
    vertical-align: middle;
}

.fancybox-close img {
    margin-left: 5px;
}

.fancybox-close:hover {
    text-decoration: none;
    color: #ddd;
}



#highlight .teaser {
    float: left;
    clear: both;
    /* geändert um den rechten Rand bündig mit der Headerbilder zu gestalten MS-2013-06-03 –– width: 282px; */
    /* geändert um den linken Rand bündig mit der Headerbilder zu gestalten CR-2013-06-05 –– width: 290px; */
    width: 300px;
    height: auto;
    display: inline;
    position: relative;
    background: none;
    margin: 0px 20px 25px 0px;
    padding: 0px 0px 0px 0px;
}

#highlight .teaser img {
    float: left;
    clear: both;
    background-color: #ddd;
    margin-bottom: 3px;
}

#highlight .teaser .caption {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    bottom: 0;
    background-color: #9e0a22;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background: none;
    margin: 0px 0px 0px 0px;
    height: auto;

}


#highlight .teaser .caption p {
    color: #666;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#highlight .teaser.grey {
	background-color: #f0f0f0;
	padding: 10px;
	width: 280px;
}

#highlight .sidebar {
  width: 300px;
  margin-right: 20px;
}

#highlight .sidebar img {
  margin-bottom: 10px;
}

#highlight .sidebar p {
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
}

#content .teaser {
    float: left;
    clear: none;
    display: inline;
    width: 200px;
    height: 165px;
    position: relative;
    background: none;
    margin: 0px 0px 10px 20px;
    padding: 0px 0px 0px 0px;
}

#content .teaser .caption {
    background: none;
}

#content .teaser .caption p {
    color: #666;
    font-size: 11px;
}

#resultcounter {
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 27px;
    right: 40px;
    z-index: 99;
}

#merkzettel {
    width: 800px;
    height: 600px;
    display: none;
    overflow-y: auto;
}

#merkzettel-trigger {
    position: absolute;
    width: 235px;
    height: 110px;
    top: 120px;
    right: 20px;
}

#merkzettel-inner {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 235px;
    height: 20px;
    background-image: url('img/merkzettel_sticker.png');
    color: #000;
    font-size: 12px;
    overflow: hidden;
    z-index: 2;
}

#merkzettel-klammer {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 40px;
    background-image: url('img/merkzettel_klammer.png');
    z-index: 99;
}

#merkzettel-inner ul {
    padding: 25px 0px 0px 25px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
}

#merkzettel .tab-pane {
    float: left;
    clear: both;
    width: 780px;
    min-height:400px;
    height:auto !important;
    height:400px;
    position: relative;
}

#merkzettel h4 {
    width: 510px;
}

#merkzettel #producttable {
    float: left;
    clear: none;
    width: 510px;
    padding: 0px;
    margin: 0px;
}

#merkzettel #productform, #callback #productform {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    clear: none;
    width: 230px;
    padding: 15px 15px 0px 15px;
    margin: 0px!important;
    background-color: #eee;
}

#merkzettel #productform input, #merkzettel #productform textarea {
    margin-bottom: 3px;
    width: 220px;
    padding: 5px!important;
    margin: 0px 0px 5px 0px!important;
}

#merkzettel #bestelltable {
    float: left;
    clear: none;
    width: 510px;
    padding: 0px;
    margin: 0px;
}

#merkzettel #bestellform {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    clear: none;
    width: 230px;
    padding: 15px 15px 0px 15px;
    margin: 0px!important;
    background-color: #eee;
}

#merkzettel #bestellform input, #merkzettel #bestellform textarea {
    margin-bottom: 3px;
    width: 220px;
    padding: 5px!important;
    margin: 0px 0px 5px 0px!important;
}

#merkzettel .btn {
    width: 230px;
}

#merkzettel td {
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
}

#merkzettel td:first-child {
    width: 80px;
}

#merkzettel td:last-child {
    padding-right: 0px;
    width: 18px;
}

#merkzettel td label {
    display: inline;
    float: left;
    clear: none;
    margin-right: 3px;
    line-height: 22px;
}

#merkzettel .downloadanzahl {
    text-align: center;
    display: inline;
    float: left;
    clear: none;
    padding: 1px;
}

#merkzettel .unavailable {
    text-decoration: line-through;
}


#navigation .spanisch_breiter {
    width: 330px;
}
#navigation .italia_breiter {
    width: 250px;
}
#navigation .franz_breiter {
    width: 230px;
}
#navigation .ungarn_breiter {
    width: 230px;
}


#content .sitemap {
    width: 660px;
    margin: 0px 0px 0px 20px;
}


#content .level1 {
    float: left;
    clear: none;
    width: 305px;
    margin: 0px 10px 10px 0px;
    background-image: url(img/Listicon_Produkte.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#content .level1 > a {
    color: #000;

}
#content .level2 {
    font-weight: bold;
    margin: 10px 0px 10px 15px;
}
#content .level2 li a {
    background: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: none;
    letter-spacing: 0px;
}
#content .level3 {
    font-weight: normal;
    margin: 0px 0px 0px 15px;
}
#content .level3 li a {
    background: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: none;
}


#content .hinweisbox {
    float: left;
    clear: both;
    width: 610px;
    font-size: 12px;
    display: inline;
    padding: 4px 5px 4px 5px;
    margin: 20px 0px 20px 20px;
    border: 1px solid #9d091f;
    background-color: #f4f4f4;
}

#merkzettel .resultbox {
    position: relative;
    padding: 4px 7px 2px 7px;
    margin: 0px 0px 20px 0px;
    width: 495px;
    border: 1px solid #9d091f;
    background-color: #ffe1e5;
    color: #9d091f!important;
    font-size: 12px;
    color: #000;
    display: none;
}

#merkzettel .close {
    position: absolute;
    top: -4px;
    right: 0px;
    cursor: pointer;
    display: block;
    z-index: 8060;
    background-image: none!important;
    color: #ddd;
    font: normal 13px/17px Arial,sans-serif;
    text-shadow: none;
}


.lightboxdownload {
    float: right;
    padding: 10px;
    padding-top: 13px;
    z-index: 9999;
}
.lightboxdownload img {
    margin: -3px 0px 0px 10px;
}

#content .download-text p, #content .download-text ul {
    margin: 0px!important;
}

#highlight .productimglink {
    display: block;
    width: 320px;
}

#content .csc-uploads {
    float: left;
    clear: both;
    width: 600px;
    height: auto;

    margin: 0px 0px 15px 0px;
    padding: 5px;

}
.csc-uploads li {
    float: left;
    clear: both;
    height: 50px;
    width: 600px;
    display: block;


}
.csc-uploads img {
    float: left;
    clear: none;
}
.csc-uploads-fileName {
    float: left;
    clear: none;
    width: 550px;

}
.csc-uploads-description {
    float: left;
    clear: none;
    width: 550px;
}

#highlight .csc-uploads-description {
  font-size: 11px;
}

.placeholder {
    color: #000;
}

#content .newsdetail .trenner {
    float: left;
    clear: both;
    width: 100%;
}

#content .newsdetail .trenner p, #content .newsdetail .trenner img {
    float: left;
    clear: both;
}

/*####### FAQ ######*/

#content .faqdrop {
    float: left;
    clear: both;
    margin: 0px 0px 8px 0px;
}
#content .faqdrop:last-child {
    margin-bottom: 30px;

}


#content .faqdrop h3 {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}


#content .faqdrop .text .hinweisbox {
    float: left;
    clear: both;
    width: 610px;
    font-size: 11px;
    display: inline;
    padding: 4px 5px 4px 0px;
    margin: 5px 0px 5px 0px;
    border: 0px solid #9d091f;
    background-color: transparent;
}
#content .faqdrop .text,
#content .faqdrop .text p,
#content .faqdrop .text ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;


}
#content .faqdrop .text ol {
    margin-bottom: 0px;
}

#content .faqdrop .text .hinweisbox p {
    margin: 0px 0px 0px 0px;
    color: #666;
}

#content .faqdrop .text .hinweisbox button {
    margin: 8px 0px 0px 0px;
}

/* Korrektur Bootstrap Blau */
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #9e0a22;
}

.typeahead a {
    color: #fff!important;
}

#sprachfilter {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 300px;
    color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f0f0f0;
    z-index: 99;
}

#content .galleryfloat {
    float: left;
    clear: none;
    margin-bottom: 10px;
}

#content .galleryfloat img {
    float: left;
    clear: both;
    margin-bottom: 0px;
}

#content .galleryfloat .downloadicon {
    float: right;
    clear: none;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
}
#content .galleryfloat .downloadlink {
    float: right;
    clear: both;
    padding-top: 3px;

}

#content .newsliste img {
    margin-left: 5px;
    margin-bottom: 5px;
}



#content .standard .csc-textpic-text .promoprodukte {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 480px;
    float: left;
    clear: none;

}
#content .standard .csc-textpic-text .promo-produktliste {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 480px;
    float: left;
    clear: none;

}
#content .standard .csc-textpic-text .promo-produktliste li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 480px;
    background-image: none;
    float: left;
    clear: both;


}
#content .standard .csc-textpic-text .promo-produktliste li a {
    float: left;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#schweizbutton {
display: block;
position: fixed;
bottom: -70px;
left: 0;
width: 100%;
height: 70px;
background-image: url('img/schweizbutton_bg.png');
background-repeat: repeat-x;
z-index: 99;
background-color: #333333;
}

#schweizbutton div {
width: 1040px;
position: relative;
margin: 0 auto;
background-image: url('img/delete.gif');
background-repeat: no-repeat;
background-position: right 50%;
}

#schweizbutton img {
position: absolute;
top: -20px;
left: 0;
}

#schweizbutton .closebtn {
position: absolute;
width: 16px;
top: 20px;
left: auto;
right: 20px;
z-index: 102;
}

#schweizbutton p {
color: #ddd;
position: absolute;
top: 20px;
left: 90px;
}

#schweizbutton h2 {
color: #ddd;
position: absolute;
top: 20px;
left: 318px;
text-transform: none;
letter-spacing: normal;
}

#bodybottom {
display: none;
float: left;
clear: both;
height: 70px;
}

#toolbar {
    z-index: 199;
    position: absolute;
    top: 138px;
    right: -12px;
}

#toolbar > li {
position: relative;
  cursor: pointer;
}

.toolbar-products, .toolbar-brochures, .toolbar-pdf, .toolbar-callback {
    width: 30px;
    height: 42px;
    position: relative;
    display: block;
    margin-bottom: 2px;
}

.toolbar-products {
  background-image: url('img/toolbar_products_0.png');
    background-repeat: no-repeat;
}
.toolbar-products-count {
  background-image: url('img/toolbar_products_n.png');
    background-repeat: no-repeat;
}
.toolbar-brochures {
  background-image: url('img/toolbar_brochures_0.png');
    background-repeat: no-repeat;
}
.toolbar-brochures-count {
  background-image: url('img/toolbar_brochures_n.png');
    background-repeat: no-repeat;
}
.toolbar-pdf {
  background-image: url('img/toolbar_pdf.png');
    background-repeat: no-repeat;
}
.toolbar-callback {
  background-image: url('img/toolbar_callback.png');
    background-repeat: no-repeat;
}
.toolbar-overlay {
    width: 250px;
    height: 47px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

.toolbar-overlay div {
  position: absolute;
    top: 5px;
    right: 40px;
    width: 200px;
  background-color: transparent;
    background: rgba(33,33,33,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3212121,endColorstr=#b3212121);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3212121,endColorStr=#b3212121)";
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
  color: #ddd;
    z-index: 100;
}
.toolbar-overlay div a {
    padding: 5px 15px 5px 15px;
    color: #dddddd;
    display: block;
}
.toolbar-overlay div:after {
    position: absolute;
    top: 17px;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(33,33,33, 0.7);
    border-width: 5px;
    margin-top: -5px;
}
.toolbar-overlay div a:hover, .toolbar-overlay div a:focus {
    text-decoration: none;
    background-color: #9e0a22;
    background-image: -moz-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e0a22), to(#9e0a22));
    background-image: -webkit-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: -o-linear-gradient(top, #9e0a22, #9e0a22);
    background-image: linear-gradient(to bottom, #9e0a22, #9e0a22);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e0a22', endColorstr='#ff9e0a22', GradientType=0);
}
.toolbar-count {
    position: absolute;
    bottom: -2px;
    right: 2px;
    font-size: 11px;
    color: #9e0a22;
    display: none;
}
.toolbar-products-count .toolbar-count, .toolbar-brochures-count .toolbar-count {
  display: block;
}
#mapwrap {
  margin-left: 120px;
}
#mapwrap area {
  cursor: pointer;
}

#highlight .regiotitle {
    font-weight: normal;
    font-family: Arial;
    font-size: 16px;
    margin: 10px 0px 10px -15px;
}
.karten-legende {
    margin-top: 20px;
}

#callback {
    width: 232px;
    overflow-y: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#callback .btn, #callback select {
  width: 232px;
    margin-top: 9px;
}

#callback #callbackform input, #callback #callbackform textarea {
    margin-bottom: 3px;
    width: 220px;
    padding: 5px!important;
    margin: 0px 0px 5px 0px!important;
}

#callback #callbackform select {
    margin-bottom: 3px;
    width: 232px;
    padding: 5px!important;
    margin: 0px 0px 5px 0px!important;
}

#callback .close {
    position: absolute;
    top: -4px;
    right: 0px;
    cursor: pointer;
    display: block;
    z-index: 8060;
    background-image: none!important;
    color: #ddd;
    font: normal 13px/17px Arial,sans-serif;
    text-shadow: none;
}

#callback .resultbox {
    margin: 0px 0px 20px 0px;
    /* position: relative;*/
    padding: 4px 7px 2px 7px;
    width: 216px;
    border: 1px solid #9d091f;
    background-color: #ffe1e5;
    color: #9d091f!important;
    font-size: 12px;
    color: #000;
    display: none;
}

#callback p {
    font-size: 10px;
    margin: 9px 0px 0px 0px;
}

.bigcounter-wrap {
  width: 1000px;
  height: 382px;
  position: relative;
  background: url('../../images/counter/hintergrund.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}

.bigcounter {
  position: relative;
  padding-top: 50px;
  width: 996px;
  margin-left: 2px;
  height: 208px;
  overflow: hidden;
}
.bigcounter img {
  position: absolute;
  width: 104px;
  height: 238px;
}
.bigcounter .bigcounter-punkt {
  width: 30px;
  top: 50px;
  left: 312px;
}
.bigcounter .bigcounter-punkt2 {
  width: 30px;
  top: 50px;
  left: 654px;
}
.bigcounter .a8 {
  top: 50px;
  left: 0px;
}
.bigcounter .a7 {
  top: 50px;
  left: 104px;
}
.bigcounter .a6 {
  top: 50px;
  left: 208px;
}
.bigcounter .a5 {
  top: 50px;
  left: 342px;
}
.bigcounter .a4 {
  top: 50px;
  left: 446px;
}
.bigcounter .a3 {
  top: 50px;
  left: 550px;
}
.bigcounter .a2 {
  top: 50px;
  left: 684px;
}
.bigcounter .a1 {
  top: 50px;
  left: 788px;
}
.bigcounter .a0 {
  top: 50px;
  left: 892px;
}
.bigcounter .n8 {
  top: 288px;
  left: 0px;
}
.bigcounter .n7 {
  top: 288px;
  left: 104px;
}
.bigcounter .n6 {
  top: 288px;
  left: 208px;
}
.bigcounter .n5 {
  top: 288px;
  left: 342px;
}
.bigcounter .n4 {
  top: 288px;
  left: 446px;
}
.bigcounter .n3 {
  top: 288px;
  left: 550px;
}
.bigcounter .n2 {
  top: 288px;
  left: 684px;
}
.bigcounter .n1 {
  top: 288px;
  left: 788px;
}
.bigcounter .n0 {
  top: 288px;
  left: 892px;
}
.bigcounter-text {
  position: absolute;
  top: 260px;
  left: 3px;
  margin: 0px;
  padding: 0px;
  width: 996px;
  z-index: 5;
  text-align: center;
}
.bigcounter-text img {
  margin-bottom: 30px;
}
.bigcounter-text p {
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
}

.bigcounter-button, .bigcounter-button:visited {
    display: none;
    background-color: #000;
    background-image: url(img/black_button.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 6px 8px -2px #888888;
    box-shadow: 0px 6px 8px -2px #888888;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin: 20px 0px 20px 10px;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
  -webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -webkit-opacity: 0.8;
  opacity: 0.8;
}

.bigcounter-button:hover {
  color: #fff;
  -webkit-opacity: 1;
  opacity: 1;
  text-decoration: none;
  -webkit-box-shadow: 0px 6px 8px -2px #ddd;
  box-shadow: 0px 6px 8px -2px #ddd;
}

.smallcounter {
  position: absolute;
  top: 46px;
  left: 10px;
  width: 300px;
  height: 90px;
  overflow: hidden;
}
.smallcounter img {
  position: absolute;
  width: 31px;
}
.smallcounter .smallcounter-punkt {
  width: 9px;
  top: 25px;
  left: 93px;
}
.smallcounter .smallcounter-punkt2 {
  width: 9px;
  top: 25px;
  left: 195px;
}
.smallcounter .a8 {
  top: 25px;
  left: 0px;
}
.smallcounter .a7 {
  top: 25px;
  left: 31px;
}
.smallcounter .a6 {
  top: 25px;
  left: 62px;
}
.smallcounter .a5 {
  top: 25px;
  left: 102px;
}
.smallcounter .a4 {
  top: 25px;
  left: 133px;
}
.smallcounter .a3 {
  top: 25px;
  left: 164px;
}
.smallcounter .a2 {
  top: 25px;
  left: 204px;
}
.smallcounter .a1 {
  top: 25px;
  left: 235px;
}
.smallcounter .a0 {
  top: 25px;
  left: 266px;
}
.smallcounter .n8 {
  top: 96px;
  left: 0px;
}
.smallcounter .n7 {
  top: 96px;
  left: 31px;
}
.smallcounter .n6 {
  top: 96px;
  left: 62px;
}
.smallcounter .n5 {
  top: 96px;
  left: 102px;
}
.smallcounter .n4 {
  top: 96px;
  left: 133px;
}
.smallcounter .n3 {
  top: 96px;
  left: 164px;
}
.smallcounter .n2 {
  top: 96px;
  left: 204px;
}
.smallcounter .n1 {
  top: 96px;
  left: 235px;
}
.smallcounter .n0 {
  top: 96px;
  left: 266px;
}

#highlight .smallcounter {
  left: 1px;
  top: 40px;
  background: none;
}
#highlight .smallcounter img {
  background: none;
}


#highlight .csc-textpic-intext-right-nowrap {
  float: left;
  clear: both;
  width: 300px;
}

#highlight .csc-textpic-intext-right-nowrap h5 {
  color: #9e0a22;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 1.3em;
}

#highlight .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  float: right;
  clear: none;
  width: 60px;
}

#highlight .csc-textpic-intext-right-nowrap img {
  width: 60px;
  height: auto;
}

#highlight .csc-textpic-intext-right-nowrap .csc-textpic-text {
  float: left;
  clear: none;
  width: 230px;
}

#PromoKnopf {
  color: #FFF;
  line-height: 30px;
  margin-top: 10px;
  text-shadow: none;
  width: 272px;
  background-image: none!important;
  background-color: #9e0a22;
}

#highlight .text h5 {
  color: #9e0a22;
  border-top: 1px solid #9e0a22;
  border-bottom: 1px solid #9e0a22;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: normal;
  width: 300px;
}
#highlight .text li {
  color: #000;
}




#highlight .csc-textpic-intext-left-nowrap {
  float: left;
  clear: both;
  width: 300px;
}

#highlight .csc-textpic-intext-left-nowrap h5 {
  color: #9e0a22;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 1.3em;
}

#highlight .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
  clear: none;
  width: 60px;
}

#highlight .csc-textpic-intext-left-nowrap img {
  width: 60px;
  height: auto;
}

#highlight .csc-textpic-intext-left-nowrap .csc-textpic-text {
  float: right;
  clear: none;
  width: 230px;
}

.shortnumber {
  max-width: 90px;
  height: 1em;
  overflow: hidden!important;
}

/****** Produktempfehlung ******/
.recommendationList {
  float: none;
    clear: both;
    padding-top: 10px;
}

.innerRecommendation {
    margin-top: 20px;
}

.recommendationList ul {
    margin-top: -30px;
}

.recommendationList li {
  float: left;
    clear: none;
    width: 190px;
    height: 170px;
    background-color: white;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 10px;
    position: relative;
}

.recommendationList h2 {
  background-color: white;
    padding: 20px;
    width: 960px;
}

.recommendationList .prodHover {
    top:0px;
    position: absolute;
}

.recommendationList .prodInfo {
  margin-bottom: 20px;
}


.prodIcon {
  position: absolute;
    bottom: 20px;
    left: 95px;
}

.prodHover {
    display: none;
    color: #DDD;
    text-decoration: none;
    font-weight: normal;
   /* font-size: 14px;*/
    line-height: 18px;
    margin-left: -25px;
    margin-top: -100px;
    width: 260px;
    height: 220px;
    background: rgba(33, 33, 33, 0.9) none repeat scroll 0% 0%;
}

.prodHover p {
    color: #DDD;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 15px 15px 15px;

}

.gotoProd {
  position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.prodHover .prodInfoNo {
    font-size: 12px;
    /*font-weight: normal;*/
    margin-top: 15px;
}

.prodHover .prodInfoHead {
    font-size: 12px;
    font-weight: bold;
}

.prodHover .caret {
  position:absolute;
  display: inline-block;
  width: 0;
  height: 0;
  bottom: -4px;
  left: 125px;
  vertical-align: bottom;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.7;
  filter: alpha(opacity=30);
}
/**** Produktempfehlung Ende ****/

/**** Referenz-Sprachwarnhinweis ***/
.hinweisRef {
    float: left;
    clear: both;

    width: 640px;
    margin: 0px 0px 10px 20px;
    background-color: #f2f2f2;
    color: #9e0a22;
    height: 42px;
    border-bottom: 1px dotted #333;
}

#content .hinweisRef p {
    float: left;
    clear: none;
    color: #9e0a22;
    height: 16px;
    margin: 13px 0px;
    padding: 0px;
}

#content .hinweisRef img {
    float: left;
    clear: none;
    margin: 12px 20px 12px 20px;
}

.noTranslation a{
    color: #6D7071 !important;
}
/**** USP Box rechte Spalte ****/
#highlight .hinweisbox {
    float: left;
    clear: both;
    width: 280px;
    font-size: 12px;
    display: inline;
    padding: 4px 5px 4px 5px;
    margin: 20px 0px 20px 10px;
    border: 1px solid #9d091f;
    background-color: #f4f4f4;
}
/**** USP Box rechte Spalte ENDE****/

#content .contact img {
    float: right;
    clear: none;
    margin: 0px 0px 0px 10px;
    width: 70px;
    height: 100px;
    -webkit-box-shadow:  2px 2px 6px -0px #999;
    box-shadow:  2px 2px 6px -0px #999;
}


.red {
  font-weight: normal;
  color: #9d091f;
}
.justred {
  color: #9d091f;
}
.csc-textpic-above .caption {
/*  float: left; */
  clear: both;
}

#content .csc-bulletlist-3 {
  list-style: decimal;
  list-style-position: outside;
  margin-bottom: 10px;
  margin-top: -15px;
}

#content .csc-bulletlist-3 li {
  background-image: none;
  padding-left: 0px;
  margin-left: 20px;
}

/*** social links ***/

#socialmedia {
    float: right;
  margin: 10px 20px 0px 0px;
}

#socialmedia div {
    float: left;
    margin: 0px 0px 0px 10px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
/*
.socialYoutube {
  background-image: url("/fileadmin/system/css/img/youtube_white.png");
}

.socialYoutube:hover {
    background-image: url("/fileadmin/system/css/img/youtube_color.png");
}

.socialTwitter {
  background-image: url("/fileadmin/system/css/img/twitter_white.png");
}

.socialTwitter:hover {
    background-image: url("/fileadmin/system/css/img/twitter_color.png");
}

.socialInstagram {
    background-image: url("/fileadmin/system/css/img/instagram_white.png");
}

.socialInstagram:hover {
    background-image: url("/fileadmin/system/css/img/instagram_color.png");
}
*/
.socialLinkedin {
	background-image: url("/fileadmin/system/css/img/linkedin.png");
}

.socialXing {
	background-image: url("/fileadmin/system/css/img/xing.png");
}

.socialYoutube {
	background-image: url("/fileadmin/system/css/img/youtube.png");
}

.socialInstagram {
  background-image: url("/fileadmin/system/css/img/instagram.png");
}


/**** Downloads in rechter Spalte ***/
#highlight .Produktdetails {
    color: #000;
    float: left;
    clear: both;
    /* von width: 620px verändert um den Abstand zum Produktfilter in der Kachelansicht zu vereinheitlichen - 2013-06-04 MS */
    width: 640px;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
}

#highlight .download-item {
    position: relative;
    clear: none;
    background-image: none;
    /*width: 196px;*/
    width: 280px;
    height: 100px;
    margin: 0px 10px 20px 0px;
    padding: 0px;
}

#highlight .download-item p {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
}

#highlight .download-item > img {
    float: left;
    clear: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    -webkit-box-shadow:  2px 2px 6px -0px #999;
    box-shadow:  2px 2px 6px -0px #999;
}

#highlight .download-item > .download-text {
    float: right;
    clear: none;
    width: 116px;
    margin: 0px 0px 0px 0px;
}

#highlight .download-item .dropdown-toggle, #highlight .download-item .dropdown-toggle:hover {
    float: left;
    clear: both;
    width: 60px;
    font-size: 11px!important;
    margin: 0px;
    padding: 0px;
    line-height: 11px;
    text-decoration: none;
}

#highlight .download-item .datei {
    font-size: 11px;
    position: absolute;
    top: 68px;
    left: 80px;
}

#highlight .download-item .dropdown-menu {
    width: 160px;
    position: absolute!important;
    top: auto!important;
    left: 60px!important;
    margin-top: -5px!important;
    padding-top: 0px;
    z-index: 999;
    background-color: transparent;
    background: rgba(33,33,33,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3212121,endColorstr=#b3212121);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3212121,endColorStr=#b3212121)";
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.4);
}

#highlight .download-item .dropdown-menu:after {
    position: absolute;
    top: 4px;
    right: 160px;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid rgba(33,33,33,0.6);
    border-bottom: 6px solid transparent;
    content: '';
}

#highlight .download-item .dropdown-menu > li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 160px;
    color: #fff;
    font-size: 11px;
}

#highlight .download-item .dropdown-menu > li > a {
    padding: 3px 15px 3px 15px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
}

#highlight .download-text p, #highlight .download-text ul {
    margin: 0px!important;
}

#highlight .download-item > .download-text {
    float: right;
    clear: none;
    /*width: 116px;*/
    width: 200px;
    margin: 0px 0px 0px 0px;
}
#highlight .downloadli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: 90px;
}
#highlight .withdetails .orderli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: auto!important;
    bottom: -13px!important;
}
#highlight .orderli {
    float: left;
    clear: both;
    line-height: 11px;
    position: absolute;
    top: 75px;
}
#highlight .orderchoose {
    float: left;
    clear: both;
    width: 60px;
    font-size: 11px!important;
    text-decoration: none;
}

#p14 .more {
	font-weight:bold;
}


.tx-dm-gallery {
  float: left;
  clear: both;
  /*width: 640px;*/
  width: 960px;
  margin: 0px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
}

.tx-dm-gallery .f3-widget-paginator {
  clear: both;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*padding: 0.75rem 1rem;*/
  padding: 20px 0px!important;
  margin: 0!important;
  list-style: none;
}

.tx-dm-gallery .f3-widget-paginator li + li {
  padding-left: 0.5rem;
}

.tx-dm-gallery .f3-widget-paginator li + li::before {
  display: inline-block;
  padding-right: 0.3rem;
  color: #000000;
  content: "|";
}

.tx-dm-gallery .f3-widget-paginator li + li:hover::before {
  text-decoration: underline;
}

.tx-dm-gallery .f3-widget-paginator li + li:hover::before {
  text-decoration: none;
}

.tx-dm-gallery .f3-widget-paginator li.current {
  color: #9e0a22;
}

.contenttable-1 {}

.contenttable-1 tr > td {
	padding-bottom: 10px;
}

.contenttable-1 tr:last-child > td {
	padding-bottom: 0;
}

.contenttable-1 tr > td:first-child {
	color: #9d091f;
	font-weight: bold;
	width: 25%;
}


.contenttable-1 tr > td:first-child:before {
	content: '•';
	display: inline-block;
	padding-right: 5px;
	position: relative;
	top: 1px;
	color: #000000;
}