@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Source Sans Pro';
            src: url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
        font-weight: 400;
    }
    
    @font-face {
        font-family: 'Source Sans Pro';
            src: url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
        font-weight: 600;
    }
    
    @font-face {
        font-family: 'Source Sans Pro';
            src: url('sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
        font-weight: 300;
    }
}

/* --- global begin ---
 * -------------------- */

body, h1, h2, h3, h4, h5, p {margin: 0; padding: 0;}

figure {margin: 0; padding: 0;}

*:focus {
    outline: none;
    border: none;
}

body, p {
    font-family: 'Source Sans Pro', Arial, Myriad, sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    color: #000000;
    font-weight: 300;
    letter-spacing: .02em; 
}

body {background-color: #CCC1B6;}

#wrapper {
    background: #ffffff url(../img/global/wrapperBG.png) repeat-x left top;
}

#main h1 {
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 400;
    color: #DD1542;
    margin-top: 49px;
    margin-bottom: 4px;
    text-align: center;
    letter-spacing: .005em; 
}

#main h2 {
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    margin-bottom: 46px;
    letter-spacing: .005em;    
}

#main h3 {
    font-weight: 300;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: .005em;    
}

a {text-decoration: none; color: #000000;}

#logoHeader {
    display: block;
    width: 300px;
    height: 77px;
    background: transparent url(../img/global/logoHeader.png) no-repeat left 39px;
    padding-top: 40px;
}

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

.mod_article [class*="ce_"], .mod_article [class*="mod_"] {margin: 0;}

div.inside > div.mod_article {padding: 0 50px 10px 50px;}

.linkeSpalte400 {
    width: 400px;
    float: left;
}
  
.rechteSpalte400 {
    width: 400px;
    float: right;
}

.trennlinie {
    height: 68px;
    border-bottom: 1px solid #CCC1B6;
    clear: both;
}

#left > .inside {
    background-color: #fff;
    padding: 0px 10px 10px 50px;
}

.clearBoth {clear: both;} 

.clearRight {clear: right}

.floatLeft {float: left;}

.ce_text a {color: #DD1E42;text-decoration: underline;}

.ce_text a:hover {color: #DD1E42;text-decoration: none;}
/* --- global end ---
 * ------------------ */
/* --- metaNav begin ---
 * --------------------- */ 
.metaNav {
    width: 660px;
    float: right;
    height: 32px;
    background-color: #DD1E42;
    margin-top: -52px;
    padding-top: 19px;
}

.metaNav > ul {
    float: right;
    padding-right: 7px;
}

.metaNav ul li {float: left;}

.metaNav ul li a,
.metaNav ul li span {
    font-size: 14px;
    color: #fff;
    padding: 0 7px;
    border-right: 1px solid #fff; 
}

.metaNav ul li a.last,
.metaNav ul li span.last {border: none;}

.metaNav .active,
.metaNav .trail,
.metaNav a:hover  {text-decoration: underline;} 

.metaNav ul.level_2 {
    position: absolute;
    background-color: #DD1E42;
    margin-top: 10px;
    padding: 0px;  
    opacity: 0;
    
    -moz-transition: padding 1ms linear 1001ms, opacity 500ms linear 500ms;
    -webkit-transition: padding 1ms linear 1001ms, opacity 500ms linear 500ms;
    -o-transition: padding 1ms linear 1001ms, opacity 500ms linear 500ms;
    transition: padding 1ms linear 1001ms, opacity 500ms linear 500ms;    
}

.metaNav ul.level_2 > li > a,
.metaNav ul.level_2 > li > span {
    display: block;
    line-height: 0px; /*lh 18 - 12 */
    font-size: 0px; 
    
    -moz-transition: line-height 1ms linear 1001ms, font-size 1ms linear 1001ms;
    -webkit-transition: line-height 1ms linear 1001ms, font-size 1ms linear 1001ms;
    -o-transition: line-height 1ms linear 1001ms, font-size 1ms linear 1001ms;
    transition: line-height 1ms linear 1001ms, font-size 1ms linear 1001ms;   
}

.metaNav li:hover ul.level_2 {
    padding: 0px 0px 4px;
    opacity: 1;

    -moz-transition: padding 1ms linear, opacity 500ms linear;
    -webkit-transition: padding 1ms linear, opacity 500ms linear;
    -o-transition: padding 1ms linear, opacity 500ms linear;
    transition: padding 1ms linear, opacity 500ms linear;
}

.metaNav li:hover ul.level_2 > li > a,
.metaNav li:hover ul.level_2 > li > span {
    line-height: 18px; 
    font-size: 14px;
    
    -moz-transition: line-height 1ms linear, font-size 1ms linear;
    -webkit-transition: line-height 1ms linear, font-size 1ms linear;
    -o-transition: line-height 1ms linear, font-size 1ms linear;
    transition: line-height 1ms linear, font-size 1ms linear;
}

/* IE Bugfix */
body.ie7 .metaNav li.submenu,
body.ie8 .metaNav li.submenu,
body.ie9 .metaNav li.submenu {padding-bottom: 12px;}

body.ie7 .metaNav ul.level_2,
body.ie8 .metaNav ul.level_2,
body.ie9 .metaNav ul.level_2 {
    opacity: 1;
    display: none;
}

body.ie7 .metaNav li ul.level_2,
body.ie8 .metaNav li ul.level_2,
body.ie9 .metaNav li ul.level_2 {padding: 0px 0px 4px;}

body.ie7  .metaNav li ul.level_2 > li > a,
body.ie8  .metaNav li ul.level_2 > li > a,
body.ie9  .metaNav li ul.level_2 > li > a,
body.ie7  .metaNav li ul.level_2 > li > span,
body.ie8  .metaNav li ul.level_2 > li > span,
body.ie9  .metaNav li ul.level_2 > li > span {
    line-height: 18px;
    font-size: 14px;
}

body.ie7 .metaNav li:hover ul.level_2,
body.ie8 .metaNav li:hover ul.level_2,
body.ie9 .metaNav li:hover ul.level_2 {display:block;}

/* --- metaNav end ---
 * ------------------- */
/* --- mainNav begin ---
 * --------------------- */
.mainNav {margin-top: 59px; overflow: visible;} 
  
.mainNav ul li {float: left;} 

.mainNav ul li a,
.mainNav ul li span {
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: 12px;
    color: #000000;
    margin: 0 9px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
} 

.mainNav .active,
.mainNav .trail,
.mainNav a:hover  {color:#DD1E42}

.mainNav ul.level_1 > li {margin-bottom: 17px;}

.mainNav ul.level_2 {
    position: absolute;
    z-index: 200;
    background-color: #fff;
    margin-left: 19px;
    margin-top: 0px; /*margin-top: 14px;*/
    padding: 0px 0px 0px;
    border: 0px solid #CCC1B6;
    opacity: 0;
    
    -moz-transition: margin-top 1ms linear 1001ms, padding 1ms linear 1001ms, border 1ms linear 1001ms, opacity 500ms linear 500ms;
    -webkit-transition: margin-top 1ms linear 1001ms, padding 1ms linear 1001ms, border 1ms linear 1001ms, opacity 500ms linear 500ms;
    -o-transition: margin-top 1ms linear 1001ms, padding 1ms linear 1001ms, border 1ms linear 1001ms, opacity 500ms linear 500ms;
    transition: margin-top 1ms linear 1001ms, padding 1ms linear 1001ms, border 1ms linear 1001ms, opacity 500ms linear 500ms;
}
.mainNav ul.level_2 > li.first,
.mainNav li:hover 	ul.level_2 > li.first {border: none;}

.mainNav ul.level_2 > li {
    clear: both;
    border-top : 0px solid #DD1E42; /*border-top : 1px solid #DD1E42;*/

    -moz-transition: border-top-width 1ms linear 1001ms;
    -webkit-transition: border-top-width 1ms linear 1001ms;
    -o-transition: border-top-width 1ms linear 1001ms;    
    transition: border-top-width 1ms linear 1001ms;
}

.mainNav ul.level_2 > li > a,
.mainNav ul.level_2 > li > span {
    display: block;
    width: 198px; 
    margin: 0;
    padding: 0;
    border: 0px;
    line-height: 0px;
    font-size: 0px;
    
    -moz-transition: padding 2ms linear 1001ms, line-height 2ms linear 1001ms, font-size 2ms linear 1001ms;
    -webkit-transition: padding 2ms linear 1001ms, line-height 2ms linear 1001ms, font-size 2ms linear 1001ms;
    -o-transition: padding 2ms linear 1001ms, line-height 2ms linear 1001ms, font-size 2ms linear 1001ms;
    transition: padding 2ms linear 1001ms, line-height 2ms linear 1001ms, font-size 2ms linear 1001ms;
}

.mainNav li.hersteller > ul.level_2 > li > a,
.mainNav li.hersteller > ul.level_2 > li > span {width: 107px;} 

.mainNav ul.level_2 > li.first > a,
.mainNav ul.level_2 > li.first > span {
    border-top: none;
}

.mainNav li:hover ul.level_2 {
    margin-top: 14px;
    padding: 2px 7px 0px;
    border: 3px solid #CCC1B6; 
    opacity: 1;
    
    -moz-transition: margin-top 1ms linear, padding 1ms linear, border 1ms linear, opacity 500ms linear;
    -webkit-transition: margin-top 1ms linear, padding 1ms linear, border 1ms linear, opacity 500ms linear;
    -o-transition: margin-top 1ms linear, padding 1ms linear, border 1ms linear, opacity 500ms linear;
    transition: margin-top 1ms linear, padding 1ms linear, border 1ms linear, opacity 500ms linear;
}

.mainNav li:hover ul.level_2 > li {
    border-top : 1px solid #DD1E42;

    -moz-transition: border-top-width 1ms linear;
    -webkit-transition: border-top-width 1ms linear;
    -o-transition: border-top-width 1ms linear;    
    transition: border-top-width 1ms linear; 
}

.mainNav li:hover ul.level_2 > li > a,
.mainNav li:hover ul.level_2 > li > span {
    padding: 2px 8px 0px;
    line-height: 30px;
    font-size: 12px;   
    
    -moz-transition: padding 2ms linear, line-height 2ms linear, font-size 2ms;
    -webkit-transition: padding 2ms linear, line-height 2ms linear, font-size 2ms linear;
    -o-transition: padding 2ms linear, line-height 2ms linear, font-size 2ms linear;
    transition: padding 2ms linear, line-height 2ms linear, font-size 2ms linear; 
}

/* IE Bugfix */
body.ie7 .mainNav li.submenu,
body.ie8 .mainNav li.submenu,
body.ie9 .mainNav li.submenu {padding-bottom: 30px;}

body.ie7 .mainNav ul.level_2,
body.ie8 .mainNav ul.level_2,
body.ie9 .mainNav ul.level_2 {
    opacity: 1;
    display: none;
    margin-top: 14px;
    padding: 2px 7px 0px;
    border: 3px solid #CCC1B6;
}

body.ie7 .mainNav li ul.level_2 > li, 
body.ie8 .mainNav li ul.level_2 > li, 
body.ie9 .mainNav li ul.level_2 > li {
    border-top : 1px solid #DD1E42;
}

body.ie7 .mainNav li ul.level_2 > li.first,
body.ie8 .mainNav li ul.level_2 > li.first,
body.ie9 .mainNav li ul.level_2 > li.first {
    border-top: none;
}

body.ie7  .mainNav li ul.level_2 > li > a,
body.ie8  .mainNav li ul.level_2 > li > a,
body.ie9  .mainNav li ul.level_2 > li > a,
body.ie7  .mainNav li ul.level_2 > li > span,
body.ie8  .mainNav li ul.level_2 > li > span,
body.ie9  .mainNav li ul.level_2 > li > span {
    padding: 2px 8px 0px;
    line-height: 30px;
    font-size: 12px;
}

body.ie7 .mainNav li:hover ul.level_2,
body.ie8 .mainNav li:hover ul.level_2,
body.ie9 .mainNav li:hover ul.level_2 {display:block;}
 
/* --- mainNav end ---
 * ------------------- */ 
/* --- seitenNav begin ---
 * ----------------------- */
#left h1,
#left h3 {
    font-size: 18px;
    font-weight: 600;
    color: #DD1E42;
    border-bottom: 1px solid #DD1E42;
    margin-top: 50px;
    padding: 0 0 10px 7px;
}

.seitenNav {
    padding-top: 10px;
}

.seitenNav ul li a,
.seitenNav ul li span {
    line-height: 24px;
}

.seitenNav .active,
.seitenNav .trail,
.seitenNav a:hover {
    color: #DD1E42;    
}

.seitenNav ul.level_2,
.seitenNav ul.level_3 {
    padding-left: 30px;
}

.seitenNav ul.level_1 > li {
    padding: 8px 0 8px 8px;
    border-bottom: 1px solid #CCC1B6;
}

.seitenNav ul.level_1 > li.first {padding-top: 0px;}
.seitenNav ul.level_1 > li.last {border-bottom: none;}

/* --- seitenNav end ---
 * ---------------------- */
/* --- footer begin ---
 * --------------------- */
#footer {background: #fff url(../img/global/lineFooter.png) no-repeat 50px top; margin-top: 30px;margin-bottom: 15px;}
 
#footer p {
    font-size: 12px;
    font-weight: 300;
    line-height:18px;
    color: #B3A99F;
    text-align: center;
    padding-top: 40px;
}
/* --- footer end ---
 * ------------------ */
/* --- Produkte  global begin ---
 * ------------------------------ */ 
#main .herstellerLogoOben {
    margin-top: 28px;
    margin-bottom: 30px;
    text-align: center;
}

 #main .produktBild {margin-right: 35px; margin-bottom: 10px; }

.produktBild .caption {text-align: center;}

.produktBild img {border: 1px solid #fff;}

.produktBild:hover img {border: 1px solid #DD1542;}

body.produkte .trennlinie {height: 30px;}

body.produkte .ce_download {
    margin: 20px 0;   
}

body.produkte .ce_download:hover a {color: #DD1E42;}

body.produkte .ce_download img {
    display: block;
    float: left;
    margin-right: 5px;   
}

body.produkte div.ce_player {width: 270px; float: left;}

body.produkte div.ce_player.last {margin-left: 60px;}
/* --- Produkte  global end ---
 * ---------------------------- */ 
/* --- Startseite  global begin ---
 * -------------------------------- */
#startseite {padding-top: 36px;} 

#startseite .ce_image.floatLeft {width: 200px; text-align: center;}

#startseite .ce_image.floatLeft .image_container > a {
    display: block;
    width: 75px;
    height: 45px;
    overflow: hidden;
    margin: 0 auto;
}

#startseite .ce_image.floatLeft .caption {width:200px;text-align: center;margin-top: 10px;}

#startseite .ce_image.floatLeft .caption > a {
    padding-top: 10px;
}

#startseite .ce_image.floatLeft:hover .caption > a  {color: #DD1E42;}

#startseite .ce_image.floatLeft:hover >  .image_container > a > img {
    display: inline-block;
    margin-top: -45px;
}

#startseite .trennlinie {height: 36px;}

/* --- Startseite  global end ---
 * ------------------------------ */
/* --- Kontakt begin ---
 * --------------------- */ 
#kontakt-adresse > .ce_image, 
#kontakt-adresse > .ce_text {padding-left: 7px;} 

#left #article-55 {padding-left: 0px; padding-right: 0px;}
 
/* --- Kontakt end ---
 * ------------------- */
/* --- Standort DD L begin ---
 * --------------------------- */

#leipzig > p[itemtype*='schema.org'] {
  color: #fff;
}

#leipzig > p[itemtype*='schema.org'],
#leipzig > p::selection,
#leipzig > p  span::selection {
  background: #fff;   
}
#leipzig > p::-moz-selection,
#leipzig > p  span::-moz-selection {
  background: #fff; 
}


/*
#dresden > p[itemtype*='schema.org'] {color: #fefefe;}
dresden > p::selection,
#dresden > p  span::selection {
  background: #fff;   
}
#dresden > p::-moz-selection,
#dresden > p  span::-moz-selection {
  background: #fff; 
}
*/
 
/* --- Standort DD L end ---
 * ------------------------- */
/* --- Bugfix begin ---
 * -------------------- */
body.safari div.mod_rocksolid_slider.rsts-main {top: -1px}
 
/* --- Bugfix end ---
 * ------------------ */