body {
    background-color: #ccc;
    font-family: "Arial",sans-serif;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}



.WcmsLogoDiv a img  {
    max-width: 450px;
    padding: 20px 0 15px;
}



 /* ------------------------------------------------------------------------------- BORDER, COLOR und BG */ 

.border_bbv {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}


.border_bbv_bottom {
    border-bottom: 1px solid #e1e1e1;
}

.border_bbv_top {
    border-top: 1px solid #e1e1e1;
}



.border_grey {
    border: 1px solid #ddd;
}


.border_bottom {
    border-bottom: 1px solid #ddd;
}

.border_top {
    border-top: 1px solid #ddd;
}



.border_grey_left {
    border-left: 1px solid #ddd;
}

.border_grey2 {
    border: 1px solid #bbb;
}



.greyback {
    background:#eee;
    margin:0;
    padding:0;
}


.border_bbv_top {
    border-top: 1px solid #e1e1e1; padding-top:40px;
}

.border_bbv_bottom {
    border-bottom: 1px solid #e1e1e1;
}

.colordark {
    color: #222;
}

.grey {
    background: #0075ba none repeat scroll 0 0;
}

.lightgrey {
    background: #f7f7f7 none repeat scroll 0 0;
}

.white .headLine{
    background: #0075ba none repeat scroll 0 0; padding-bottom:0px;padding-top:20px; margin-top:10px; color:#fff;
}


/* ------------------------------------------------------------------------------- FARBEN FIX  */

.NavigationHeader {
    background-color: #333;
    color: #aaa;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-transform: uppercase;
}


footer.WcmsFooter .Customfooterbg {
    background-color: #444;
    padding-bottom: 3em;
    padding-top: 2em;
    text-align: center;
}


.NavigationHeader .HeaderTop {
    font-size: 0.75em;
    line-height: 1.5;
    color:#aaa;
}

.NavigationHeader a, .NavigationHeader a:hover, .NavigationHeader a:active, .NavigationHeader a:link, .NavigationHeader a:visited {
  color:#aaa;
}




/* ------------------------------------------------------------------------------- 

.WcmsModule .headLine, .WcmsContainer .headLine {
    border: medium none;
    color: #777;
    font-size: 1.7em;
    line-height: inherit;
    text-align: center;
    text-transform: uppercase;
}




.Customfacebookfooterlogo {
    display:none;
}




*/ 






 /* ------------------------------------------------------------------------------- NAVIGATIONEN */ 

#DesktopNavigation {
    box-shadow: 0 2px 2px 0 #aaa;
    padding-left: 1px;
    padding-right: 30px;
}


#MobileNavigation {
    box-shadow: 0 1px 2px 0 #aaa;
    padding-left: 15px;
    padding-right: 15px;
}

.navifix {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #e1e1e1;
    margin-top: -30px;
    padding-top: 30px;
}



.CustomTopStorySliderTopNavItem {
    padding-top: 10px;
    padding-bottom: 10px;
}


.CustomTopStorySliderTopNavItem h3 {
    padding-top: 3px; 
}


.CustomSectionNav ul li span a  {
    color:#aaa;
}


.CustomTopStorySliderTopNavItem span {

 font-size: 0.7em;
    font-weight: bold;
    padding: 2px 10px;
    text-transform: uppercase;
}





 /* ------------------------------------------------------------------------------- ZENTRIERTE BOX */ 

.placefix {
    margin-bottom: 50px;
    margin-top: 50px;
    padding-top: 20px;
}

.centerbox {
    text-align: center;
}

.centerbox a {
    color: #aaaaaa;
    font-size: 0.75em;
    text-transform: uppercase;
}


@media only screen and (min-width: 400px) and (max-width: 992px) {
.centerbox a {
    color: #aaaaaa;
    font-size: 0.9em;
    text-transform: uppercase;
    padding-right: 10px;
}
}


.centerbox a:hover {
    color: #6c6c6c;
    text-decoration: none;
}



@media only screen and (max-width: 360px) {
.centerbox a {
    font-size: 0.7em;
}
#WcmsLogoXs img {
   width: 140px;
   margin-left:-15px;		
   margin-top:5px; 
}
}


@media only screen and (max-width: 400px) {
#WcmsLogoXs img {
   width: 140px;
   margin-left:-15px;		
   margin-top:5px; 
}
}









 /* ------------------------------------------------------------------------------- REC CONTAINER Bilder mittig */ 

.img-responsive_cust {
    display: block;
    height: auto;
    max-width: 60%;
    padding-bottom:10px;
}

.img-responsive_cust_2 {
    display: block;
    height: auto;
    max-width: 70%;
    padding-bottom:10px;
}

.noblock {
    display: inline;
}


@media only screen and (max-width: 800px) {

  .img-responsive_cust {
    display: block;
    height: auto;
    max-width: 100%;
    padding-bottom:10px;
    padding-top: 0px;
    margin: 0 auto -5px;
}
}


@media only screen and (max-width: 800px) {
.img-responsive_cust_2 {
    display: inline;
    height: auto;
    max-width: 100%;
    padding-bottom:10px;
     padding-top:15px;
}
}




 /* ------------------------------------------------------------------------------- ABSTÄNDE FIX */ 


.center {
    text-align: center;
}

.padding10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.padding20 {
    padding-bottom: 20px;
     padding-top: 20px;
}

.padding30 {
    padding-bottom: 10px;
    padding-top: 30px;
}



.bottom5 {
    padding-bottom: 5px;
}

.bottom10 {
    padding-bottom: 10px;
}

.bottom20 {
    padding-bottom: 20px;
}

.bottom30 {
    padding-bottom: 30px;
}

.bottom40 {
    padding-bottom: 40px;
}


.bottom46 {
    padding-bottom: 46px;
}


.bottom50 {
    padding-bottom: 50px;
}

.bottom60 {
    padding-bottom: 60px;
}

.bottom70 {
    padding-bottom: 70px;
}

.bottom80 {
    padding-bottom: 80px;
}

.bottom100 {
    padding-bottom: 100px;
}



.fix10 {
    padding-bottom: 10px;
}

@media only screen and (max-width: 768px) {
.fix10 {
    padding-bottom: 5px;
     padding-top: 15px;
}

}



@media only screen and (min-width: 800px) {
.padder  {
 padding: 20px 0px 0px 25px; 
}
}

@media only screen and (max-width: 1000px) {
.padder  {
text-align:center; 
}
}

.toppadding5 {
    padding-top: 5px;
}

.toppadding10 {
    padding-top: 10px;
}

.toppadding15 {
    padding-top: 15px;
}


.toppadding20 {
    padding-top: 20px;
}

.toppadding30 {
    padding-top: 30px;
}

.toppadding40 {
    padding-top: 40px;
}

.toppadding50 {
    padding-top: 50px;
}

.toppadding60 {
    padding-top: 60px;
}


.toppadding72 {
    padding-top: 72px;
}


.toppadding250 {
    padding-top: 250px;
}






.nopadding5 {
    margin-bottom: -5px;
}
.nopadding10 {
    margin-bottom: -10px;
}
.nopadding20 {
    margin-bottom: -20px;
}
.nopadding40 {
    margin-bottom: -40px;
}
.nopadding60 {
    margin-bottom: -60px;
    padding-bottom: 0px;
}




@media only screen and (max-width: 400px) {
.nomargin_smart .headLine {
    margin-bottom: 0px;
}
}


.margin10 {
    margin-top:10px;
}


.margin15 {
    margin-top:15px;
}


.margin16 {
    margin-top: 16px;
}





.sdgAnzeigenkennung {
     color: #999;
}



.margin20 {
    margin-top:20px;
}


.margin30 {
    margin-top:50px;
    margin-bottom: 30px;
}


.margin40 {
    margin-bottom: 40px;
    margin-top: 40px;
}

.margin50 {
margin-top: 51px;
}

.margin60 {
    margin-top:60px;
}




.margin-bottom-10 {
    margin-bottom: 10px;
}

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

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}


.bottom-70 {
    margin-bottom: 20px;
}

.bottom15 {
    margin-bottom: 15px;
}




@-moz-document url-prefix() {
.minusmargin1{
    margin-top: -1px;
}
}




.minusmargin4 {
    margin-top: -4px;
}

.minusmargin10 {
    margin-top: -10px;
}

.minusmargin15 {
    margin-top: -15px;
}

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

.minusmargin30 {
    margin-top: -30px;
}

.minusmargin40 {
    margin-top: -40px;
}

.minusmargin50 {
    margin-top:-60px;
}

.minusmargin60 {
    margin-top:-60px;
}


.minusmarginbottom20 {
    margin-bottom: -20px;
}





 /* ----------------------------------- HEADLINES */ 

.titleminus .headLine {
    margin-bottom:0px;
}

.titleminus10 .headLine {
    margin-bottom:-10px;
}

.titleminus5 .headLine {
    margin-bottom:-5px;
}


.titleplus20 .headLine {
    margin-bottom:20px;
}

.titleplus10 .headLine {
    margin-bottom:10px;
}

.titleplus5 .headLine {
    margin-bottom:5px;
}


.titlecolor .headLine {
    color:#151515;
}

.subcolor .CustomTextRight h2 {
    color:#151515;
}



 /* ------------------------------------------------------------------------------- BANNER OMS AUSRICHTUNG */ 



#m_oWcmsMasterPageBody {
	    background: #ccc none repeat scroll 0 0;
   background-image:none !important;
}


#oms_temp_frame  {
    background: #ccc none repeat scroll 0 0 !important;
}



.WallpaperBanner {
    background: #ccc none repeat scroll 0 0;
}



#WallpaperBanner {
    background: #ccc none repeat scroll 0 0;
}






.leaderboard {
    background: #ccc none repeat scroll 0 0;
    padding-top: 5px;
}




#superbanner {
    background: #ccc none repeat scroll 0 0;
}




@media only screen and (max-width: 768px) {
#WallpaperBanner {
    background: #ccc none repeat scroll 0 0;
    height:0px;
}
}
 /* -------


 
 

 /* ------------------------------------------------------------------------------- ICON Aktualisierte Artikel */ 

.lefty .headLine {
    text-align: left;
}

.lefty {
    text-align: left;
}

.colorgrey {
    color:#333;
}


#left9 {
    margin-left:-9px;
}







/* --------------------- DOCUMENT RANKING Anfang --------------------------------- */

.DocumentRankingModule .CustomRankingPosition {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #9c9c9c;
    margin-bottom: 30px;
}

.DocumentRankingModule .DocumentRankingContentHolder {
    background-color: #f5f5f5;
    height: 80px;
    padding-left: 10px;
    padding-top: 11px; 
}

.DocumentRankingModule .DocumentRankingContentHolder:hover {
    background-color: #ebeef0;
    border-radius: 5px;
}



@media only screen and (max-width: 400px) {
.DocumentRankingModule .DocumentRankingContentHolder {
    background-color: #f5f5f5;
    padding-bottom: 110px;
    padding-left: 10px;
    padding-top: 11px; 
}
.DocumentRankingModule .CustomRankingPosition {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #9c9c9c;
    margin-bottom: 50px;
}
}




@media only screen and (max-width: 320px) {
.DocumentRankingModule .DocumentRankingContentHolder {
    background-color: #f5f5f5;
    padding-bottom: 110px;
    padding-left: 10px;
    padding-top: 11px; 
    font-size:13px;
}
.DocumentRankingModule .CustomRankingPosition {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #9c9c9c;
    margin-bottom: 50px;
}


.DocumentRankingModule ul.DocumentRankingHeadPanel li {
    border-bottom: 1px solid #ccc;
    border-color: #ccc;
    border-style: none none solid;
    color: #336799;
    font-size: 15px;
 

}
}



/* --------------------- DOCUMENT RANKING Ende --------------------------------- */

 



.advertheader {
    display: table;
    width: 100%;
    height: 10em;
    background:#ddd;
}

.adverttext {
    color: #fff;
    display: table-cell;
    font-size: 220%;
    text-align: center;
    vertical-align: middle;
}






/* --------------------- FOOTER Anfang --------------------------------- */


.footer-l1 {
    background-color: #b9b9b9;
    border-bottom: 1px solid #6c6b69;
    height: 4px;
    margin-bottom: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: left;
}
.footer-l1-left {
    color: #aaa;
}


.footer-l2 {
    background-color: #333;
    border-bottom: 1px solid #111;
    color: #aaa;
    font-size: 0.8em;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: justify;
}


.footer-l3-right {
    text-align: right;
}



@media only screen and (max-width: 768px) {
.footer-l3-right {
    text-align: left; 
}
}




.footer-l3-left {
    text-align: left;
}

.subfooter {
    background-color: #333 !important;
    border-top: 1px solid #444;
    color: #aaa;
    font-size: 12px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
}


.footer-l1-left hr {
    border-color: #999;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}
.footer a {
    color: #aaa !important;
    font-size: 1em;
    text-align: justify;
}
.footer a:hover {
    color: #ccc !important;
}
#footer-l2-icons i {
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 25px;
}
.footer-list li {
    margin-bottom: 3px;
}
footer.WcmsFooter {
    background-color: transparent;
}



footer.WcmsFooter a {
    color: #aaa;
}
footer.WcmsFooter a:hover {
    color: #ddd;
    text-decoration: none;
}



footer.WcmsFooter .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

footer.WcmsFooter .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
footer.WcmsFooter .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.WcmsFooter .HtmlModule {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* --------------------- FOOTER Ende --------------------------------- */








.WcmsLogoDiv {
    margin: 30px 0px 20px 0px;
    text-align: center;
}


.navsection_custom {
    border-bottom: 1px solid #ddd;
    margin: 0 14px 30px auto;
    padding-bottom: 30px;
    width: 97%
}


@media only screen and (max-width: 990px) {
.nomargin_smart {
    margin-top: -40px;

}
}





/* --------------------- ABO PANELS Anfang--------------------------------- */


.button-default_bbv {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #666;
    text-transform:uppercase;
    margin-bottom: 5px;
    padding: 7px 15px 7px 15px;
    border-radius:2px;
}

.button-default_bbv:hover {
    background-color: #fff;
    color: #333;
}

.panel-default_bbv {
     border-bottom: 1px solid #ccc;
}

.panel-heading_bbv {
    padding: 10px 15px;
}

.panel-default > .panel-heading_bbv {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #666;
}




.promobox {
    border: 0px solid #000;
    color: #000;
    float: left;
    left: 31px;
    margin-bottom:-15px;
    position: relative;
    top: 125px;
    width: 265px;
}


.aboinfo {
    color: #888;
    font-size: 10px;
    padding: 0px 5px 5px 5px;
}




.panel-heading {
    cursor: pointer;
}

.panel-heading:hover {
 background-color: #fff !important;
 text-decoration:none;
 color:#333 !important;
}

.panel-heading a:hover {
 text-decoration:none;
 color:#333;
}

.panel-heading a:visited {
 font-weight:bold;

}




/* --------------------- ABO PANELS Ende--------------------------------- */







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






/* --------------------- TEXT AUSRICHTUNG Anfang --------------------------------- */


@media only screen and (min-width: 1024px) {
.left5 {
     margin-left:-5px;
}

.left10 {
     margin-left:-10px;
}

.left20 {
     margin-left:-20px;
}

.left26 {
     margin-left:-26px;
}

.left29 {
     margin-left:-29px;
}

.left30 {
     margin-left:-30px;
}

.left36 {
     margin-left:-36px;
}
}




.lefty .WcmsFormModule .fi-form-row label {
text-align: left;
}



#left12 {
    margin-left:-12px; 
}


#left20 {
    margin-left:-20px; 
}


#leftFive {
    margin-left:-5px; 
}

#leftFour {
    margin-left:-5px; 
}


#leftTwo {
    margin-left:-2px; 
}




.span1 {
    float: left;
    padding: 10px 13px;
    width: 103px;
}

@media only screen and (max-width: 1024px) {
.span1 {
    float: left;
    padding: 10px 13px;
    width: 101px;
}
#left12 {
    margin-left:-15px; 
}
}

@media only screen and (max-width: 640px) {
  .span1 {
    float: left;
    padding: 10px 0 15px 25px;
    width: 115px;
}
#left12 {
    margin-left:-10px; 
}
}

@media only screen and (max-width: 320px) {
.span1 {
    float: left;
    padding: 10px 0 15px 25px;
    width: 98px;
}
#left12 {
    margin-left:-3px; 
}
}

@media only screen and (max-width: 480px) {
.margy {
    margin-top:20px;
}
}





@media only screen and (max-width: 414px) {
#left12 {
    margin-left:-10px; 
}
#left5 {
    margin-left:-2px; 
}
}

@media only screen and (max-width: 375px) {
#left12 {
    margin-left:-15px; 
}
#left5 {
    margin-left:-8px; 
}
}


@media only screen and (max-width: 320px) {
#left12 {
    margin-left:-15px; 
}
#left5 {
    margin-left:-8px; 
}
}







/* --------------------- TEXT AUSRICHTUNG Ende --------------------------------- */











/* --------------------- FI CONTAINER (Schönwald) Anfang --------------------------------- */


/* PMODIF TS 2017-04-17 CustomContain with 3 columns */
.CustomContainerLeft,
.CustomContainerMiddle {
	float: left;
	padding-left:17px;
	padding-right:32.9px;
}


.CustomContainerRight {
	float: left;
	padding-left:16px;
	padding-right:0px;
}


@media only screen and (max-width: 1200px) {
.CustomContainerLeft,
.CustomContainerMiddle {
	float: left;
	padding-left: 17px;
	padding-right: 7.5px;
}

.CustomContainerRight {
	float: left;
	padding-left:16px;
	padding-right:0px;
}
}


@media only screen and (max-width: 786px) {
	.CustomContainerLeft {
		text-align: center;
		float: none;
	}
	
	.CustomContainerMiddle {
		text-align: center;
		float: none;
	}
	.CustomContainerRight {
		text-align: center;
		float: none;
		padding-right:7px;
	}
}

/* --------------------- FI CONTAINER (Schönwald) Ende --------------------------------- */




.CustomPaywallBox_BBV {
    background-color: #f5f5f5;
    border: 1px solid #0073be;
    margin: 2em 0 4em;
    padding: 2em;
    text-align: center; color:#222;
}









.fixer .CustomWeatherForecastLabel {
   margin-left: 0px;
}

.weatherfix .CustomWeatherHeading {
	margin-right: -20px;
}


.icon-lupe {
    margin-right: 0px;
     margin-left: 20px;
}


#owl-demo .item{
      padding: 30px 0px;
      margin: 10px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
}



.itemfix {
    width:80%;
}


.shadow {

box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.75);
}







.fixing_bbv {
position: relative;
margin: 0px auto;
border: 1px solid #ddd; 
z-index:900;
padding-bottom: 8px;
padding-top: 22px;
background: #ededed;
width:282px;
}






.indexfix {
position: relative; 
z-index: 900;
}






/* --------------------- RONDELL Anfang --------------------------------- */


  #ep4p3r_c4r0u53l .rondell-container {
                    overflow: hidden; 
                    display: block;
                    position: relative; 
                    font-size: 12px; 
                }
                #ep4p3r_c4r0u53l .rondell-container.rondell-initializing {
                    background: url("images/loader.gif") no-repeat 50% 50%; 
                }
                #ep4p3r_c4r0u53l .rondell-container.rondell-initializing * {
                    display: none; 
                }

                #ep4p3r_c4r0u53l .rondell-item {
                    position: absolute;
                    display: block;
                    /*border: 1px solid #ccc;*/
                    cursor: pointer;
                    overflow: hidden;
                    text-decoration: none;
                    top: 0;
                    left: 0;
                    opacity: 1;
                }
                #ep4p3r_c4r0u53l .rondell-item a {
                    cursor: pointer;
                    color: #fff;
                    text-decoration: none;
                }
                #ep4p3r_c4r0u53l .rondell-item .rondell-item-crop {
                    -webkit-border-radius: inherit;
                    -moz-border-radius: inherit;
                    -ms-border-radius: inherit;
                    -o-border-radius: inherit;
                    border-radius: inherit;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                }
                #ep4p3r_c4r0u53l .rondell-item img {
                    vertical-align: bottom;
                    display: block;
                    margin: 0 auto; 
                }
                #ep4p3r_c4r0u53l .rondell-item img.rondell-item-resizeable {
                    width: 100%;
                    height: 100%;
                }
                #ep4p3r_c4r0u53l .rondell-item:hover {
                    border-color: #bbb;
                }
                #ep4p3r_c4r0u53l .rondell-item:hover, .rondell-item:hover div, .rondell-item:hover p {
                    text-decoration: none;
                }

                #ep4p3r_c4r0u53l .rondell-item-loading {
                    background: #d9d9d9 url("images/item-loader.gif") no-repeat center center !important;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    border-radius: 5px;
                }
                #ep4p3r_c4r0u53l .rondell-item-loading * {
                    display: none !important;
                }

                #ep4p3r_c4r0u53l .rondell-item-error {
                    background: #b33 !important;
                    background-color: rgba(200, 0, 0, 0.1) !important;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    border-radius: 5px;
                }
                #ep4p3r_c4r0u53l .rondell-item-error p {
                    color: #333;
                    text-align: center;
                    font-size: 18px;
                    padding: 20px;
                }

                #ep4p3r_c4r0u53l .rondell-item-focused, .rondell-item-focused a {
                    cursor: auto;
                }

                #ep4p3r_c4r0u53l .rondell-caption {
                    position: absolute;
                    margin: 5px;
                    padding: 5px;
                    color: #333;
                    overflow-x: hidden;
                    overflow-y: auto;
                    height: auto;
                    width: auto;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    text-decoration: none;
                }
                #ep4p3r_c4r0u53l .rondell-caption a {
                    text-decoration: underline;
                }
                #ep4p3r_c4r0u53l .rondell-caption p {
                    margin: 4px 0;
                }
                #ep4p3r_c4r0u53l .rondell-caption.rondell-item-overlay {
                    top: auto;
                    position: absolute;
                    padding: 3px 8px;
                    display: none;
                    color: #fafafa;
                    background-color: #333;
                    background-color: rgba(0, 0, 0, 0.5);
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    -ms-border-radius: 4px;
                    -o-border-radius: 4px;
                    border-radius: 4px;
                }

                #ep4p3r_c4r0u53l .rondell-control {
                    position: absolute;
                    font-size: 12px;
                    font-weight: bold;
                    color: #000;
                    padding: 4px 8px;
                    display: block;
                    text-decoration: none;
                    background: #f5f5f5;
                    text-shadow: 0 1px 1px #ccc;
                    opacity: 0;
                }
                #ep4p3r_c4r0u53l .rondell-control:hover {
                    background: #fafafa;
                    text-decoration: none;
                }

                /* rondell scrollbar  */
                #ep4p3r_c4r0u53l .rondell-scrollbar {
                    width: 100%;
                    height: 20px;
                    position: absolute;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar.rondell-scrollbar-bottom {
                    bottom: 10px;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-background {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    right: 0;
                    margin: 0 10px;
                    background-color: #eee;
                    height: 1px;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-left,
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-right {
                    top: 2px;
                    width: 16px;
                    height: 16px;
                    background-color: #ccc;
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
                    background: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
                    background: -moz-linear-gradient(top, #cccccc, #bbbbbb);
                    background: -o-linear-gradient(top, #cccccc, #bbbbbb);
                    background: linear-gradient(top, #cccccc, #bbbbbb);
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-left:active,
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-right:active {
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #dddddd));
                    background: -webkit-linear-gradient(top, #cccccc, #dddddd);
                    background: -moz-linear-gradient(top, #cccccc, #dddddd);
                    background: -o-linear-gradient(top, #cccccc, #dddddd);
                    background: linear-gradient(top, #cccccc, #dddddd);
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-inner {
                    width: 14px;
                    height: 14px;
                    display: block;
                    background: url("images/arrows.png") no-repeat 0 0;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-left {
                    left: 6px;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-left .rondell-scrollbar-inner {
                    background-position: 0 -16px;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-right {
                    right: 6px;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-control,
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-left,
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-right {
                    cursor: pointer;
                    position: absolute;
                    border: 1px solid #ccc;
                    -webkit-border-radius: 12px;
                    -moz-border-radius: 12px;
                    -ms-border-radius: 12px;
                    -o-border-radius: 12px;
                    border-radius: 12px;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-control {
                    left: 50%;
                    top: 4px;
                    width: 12px;
                    height: 12px;
                    margin-left: -6px;
                    background-color: #c00;
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #bb0000));
                    background: -webkit-linear-gradient(top, #ff0000, #bb0000);
                    background: -moz-linear-gradient(top, #ff0000, #bb0000);
                    background: -o-linear-gradient(top, #ff0000, #bb0000);
                    background: linear-gradient(top, #ff0000, #bb0000);
                    -webkit-transition: left 0.2s linear;
                    -moz-transition: left 0.2s linear;
                    -o-transition: left 0.2s linear;
                    transition: left 0.2s linear;
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-control:active {
                    background: #d00;
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee0000), color-stop(100%, #dd0000));
                    background: -webkit-linear-gradient(top, #ee0000, #dd0000);
                    background: -moz-linear-gradient(top, #ee0000, #dd0000);
                    background: -o-linear-gradient(top, #ee0000, #dd0000);
                    background: linear-gradient(top, #ee0000, #dd0000);
                }
                #ep4p3r_c4r0u53l .rondell-scrollbar .rondell-scrollbar-control.rondell-scrollbar-dragging, .rondell-scrollbar .rondell-scrollbar-control:hover {
                    top: 3px;
                    width: 14px;
                    height: 14px;
                    margin-left: -7px;
                }

                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-control {
                    border: 0;
                    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-control:hover {
                    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-control:active {
                    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
                    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
                    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-left,
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-right {
                    border: 0;
                    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
                    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-left:hover,
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-right:hover {
                    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-left:active,
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-scrollbar-right:active {
                    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
                    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
                }

                #ep4p3r_c4r0u53l .rondell-lightbox {
                    z-index: 200;
                    left: -99999px;
                    position: absolute;
                }

                #ep4p3r_c4r0u53l .rondell-lightbox,
                #ep4p3r_c4r0u53l .rondell-lightbox-overlay {
                    left: 0;
                    top: 0;
                    bottom: 0;
                    right: 0;
                }

                #ep4p3r_c4r0u53l .rondell-lightbox-overlay {
                    position: fixed;
                    cursor: pointer;
                    opacity: .8;
                    background-color: #000;
                }

                #ep4p3r_c4r0u53l .rondell-lightbox-content {
                    position: fixed;
                    clear: both;
                    left: 50%;
                    top: 0;
                    max-height: 90%;
                    overflow: auto;
                    background-color: #555;
                    background-color: rgba(70, 70, 70, 0.6);
                    padding: 10px;
                    z-index: 201;
                    text-align: center;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    border-radius: 5px;
                    -webkit-box-shadow: 0 2px 50px 1px rgba(0, 0, 0, 0.7);
                    -moz-box-shadow: 0 2px 50px 1px rgba(0, 0, 0, 0.7);
                    box-shadow: 0 2px 50px 1px rgba(0, 0, 0, 0.7);
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-item-image {
                    border: 1px solid #333;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-caption,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-caption.rondell-item-overlay {
                    text-align: left;
                    position: relative;
                    display: block;
                    color: #eee;
                    text-shadow: 0 1px 1px #111;
                    margin: 0;
                    padding: 0;
                    background-color: transparent;
                    max-width: 400px;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-caption a {
                    color: #ade;
                    text-decoration: underline;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-caption a:hover {
                    text-decoration: none;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-prev,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-next,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-close,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-position {
                    color: #fafafa;
                    cursor: pointer;
                    position: absolute;
                    opacity: 0;
                    width: 16px;
                    height: 16px;
                    background: #333;
                    border: 2px solid #555;
                    -webkit-transition: opacity 0.2s ease;
                    -webkit-transition-delay: 0.1s;
                    -moz-transition: opacity 0.2s ease 0.1s;
                    -o-transition: opacity 0.2s ease 0.1s;
                    transition: opacity 0.2s ease 0.1s;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    border-radius: 5px;
                    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-prev:hover,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-next:hover,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-close:hover,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-position:hover {
                    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
                    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
                    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
                    border: 2px solid #888;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-position {
                    top: 2px;
                    left: 50%;
                    margin-left: -40px;
                    width: 80px;
                    padding: 2px 0 1px;
                    text-align: center;
                    font-weight: bold;
                    text-shadow: 0 1px 1px #111;
                    border: 1px solid #555;
                    cursor: default;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-position:hover {
                    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
                    border: 1px solid #555;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-close {
                    top: 2px;
                    right: 2px;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-prev,
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-next {
                    top: 50%;
                    background: #333333 url("images/arrows.png") no-repeat;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content:hover .rondell-lightbox-prev,
                #ep4p3r_c4r0u53l .rondell-lightbox-content:hover .rondell-lightbox-next,
                #ep4p3r_c4r0u53l .rondell-lightbox-content:hover .rondell-lightbox-close,
                #ep4p3r_c4r0u53l .rondell-lightbox-content:hover .rondell-lightbox-position {
                    opacity: 1;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-prev {
                    left: 2px;
                    background-position: 0 -16px;
                }
                #ep4p3r_c4r0u53l .rondell-lightbox-content .rondell-lightbox-next {
                    right: 2px;
                }

                /* themes */
                /* default theme */
                #ep4p3r_c4r0u53l .rondell-theme-default .rondell-control,
                #ep4p3r_c4r0u53l .rondell-theme-default .rondell-item,
                #ep4p3r_c4r0u53l .rondell-theme-default .rondell-item img {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    -o-border-radius: 3px;
                    border-radius: 3px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-default .rondell-control {
                    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
                    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f9f9f9));
                    background: -webkit-linear-gradient(#fcfcfc, #f9f9f9);
                    background: -moz-linear-gradient(#fcfcfc, #f9f9f9);
                    background: -o-linear-gradient(#fcfcfc, #f9f9f9);
                    background: linear-gradient(#fcfcfc, #f9f9f9);
                }
                #ep4p3r_c4r0u53l .rondell-theme-default .rondell-control:hover {
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5));
                    background: -webkit-linear-gradient(#fafafa, #f5f5f5);
                    background: -moz-linear-gradient(#fafafa, #f5f5f5);
                    background: -o-linear-gradient(#fafafa, #f5f5f5);
                    background: linear-gradient(#fafafa, #f5f5f5);
                    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
                    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
                }
                #ep4p3r_c4r0u53l .rondell-theme-default .rondell-control:active {
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #fafafa));
                    background: -webkit-linear-gradient(#f5f5f5, #fafafa);
                    background: -moz-linear-gradient(#f5f5f5, #fafafa);
                    background: -o-linear-gradient(#f5f5f5, #fafafa);
                    background: linear-gradient(#f5f5f5, #fafafa);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-theme-default .rondell-item {
                    border: 0;
                    -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.5);
                    -moz-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.5);
                    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.5);
                }

                /* light theme */
                #ep4p3r_c4r0u53l .rondell-theme-light .rondell-container {
                    background: #fff;
                }
                #ep4p3r_c4r0u53l .rondell-theme-light .rondell-item {
                    border: 0;
                    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
                }
                #ep4p3r_c4r0u53l .rondell-theme-light .rondell-item, .rondell-theme-light .rondell-item img {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    -o-border-radius: 3px;
                    border-radius: 3px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-light .rondell-item:hover {
                    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
                    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
                }

                /* dark theme, good for preset 'products' and 'gallery' */
                #ep4p3r_c4r0u53l .rondell-theme-dark {
                    background: #333;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    border-radius: 5px;
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #111111));
                    background: -webkit-linear-gradient(#333333, #111111);
                    background: -moz-linear-gradient(#333333, #111111);
                    background: -o-linear-gradient(#333333, #111111);
                    background: linear-gradient(#333333, #111111);
                }
                #ep4p3r_c4r0u53l .rondell-theme-dark .rondell-item {
                    border: 0;
                    background: transparent; 
                }
                #ep4p3r_c4r0u53l .rondell-theme-dark .rondell-caption {
                    text-align: center;
                    font-weight: bold;
                    text-shadow: 0 0 3px #000;
                    font-size: 12px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-dark .rondell-control {
                    font-size: 0;
                    color: transparent;
                    padding: 0;
                    width: 28px;
                    height: 28px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-dark .rondell-control.rondell-shift-left, .rondell-theme-dark .rondell-control.rondell-shift-right {
                    background: url("images/buttons.png") no-repeat 0 0;
                }
                #ep4p3r_c4r0u53l .rondell-theme-dark .rondell-control.rondell-shift-left {
                    background-position: 0 -28px;
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-theme-dark {
                    border: 0;
                    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
                    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
                    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-theme-dark .rondell-control {
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }

                /* page theme, good for preset 'pages' */
                #ep4p3r_c4r0u53l .rondell-theme-page {
                    border: 1px solid #ccc;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    -o-border-radius: 3px;
                    border-radius: 3px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-page .rondell-item {
                    border: 0;
                }
                #ep4p3r_c4r0u53l .rondell-theme-page .rondell-item, .rondell-theme-page .rondell-item img {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    -ms-border-radius: 3px;
                    -o-border-radius: 3px;
                    border-radius: 3px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-page .rondell-control {
                    font-size: 0;
                    padding: 0;
                    color: transparent;
                    width: 20px;
                    height: 20px;
                    border: 1px solid #bbc;
                }
                #ep4p3r_c4r0u53l .rondell-theme-page .rondell-control.rondell-shift-left, .rondell-theme-page .rondell-control.rondell-shift-right {
                    background: #ccccdd url("images/arrows.png") no-repeat 2px 2px;
                    -webkit-border-radius: 0 3px 0 6px;
                    -moz-border-radius: 0 3px 0 6px;
                    -ms-border-radius: 0 3px 0 6px;
                    -o-border-radius: 0 3px 0 6px;
                    border-radius: 0 3px 0 6px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-page .rondell-control.rondell-shift-left {
                    background-position: 2px -14px;
                    -webkit-border-radius: 3px 0 6px 0;
                    -moz-border-radius: 3px 0 6px 0;
                    -ms-border-radius: 3px 0 6px 0;
                    -o-border-radius: 3px 0 6px 0;
                    border-radius: 3px 0 6px 0;
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-theme-page {
                    border: 0;
                    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
                    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
                }
                #ep4p3r_c4r0u53l .boxshadow.rgba .rondell-theme-page .rondell-control {
                    border: 0;
                    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                }

                /* slider theme */
                #ep4p3r_c4r0u53l .rondell-theme-slider {
                    border: 1px solid #aaa;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -ms-border-radius: 2px;
                    -o-border-radius: 2px;
                    border-radius: 2px;
                    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
                    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-item {
                    border: 0;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-item, .rondell-theme-slider .rondell-item img {
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -ms-border-radius: 2px;
                    -o-border-radius: 2px;
                    border-radius: 2px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-caption {
                    text-align: center;
                    font-weight: bold;
                    text-shadow: 0 0 3px #000;
                    font-size: 14px;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-caption.rondell-item-overlay {
                    background: transparent;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-control {
                    font-size: 0;
                    color: transparent;
                    padding: 0;
                    width: 15px;
                    height: 30px;
                    background-color: #666;
                    background-color: rgba(50, 50, 50, 0.2);
                    border: 1px solid #555;
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #555555));
                    background: -webkit-linear-gradient(top, #666666, #555555);
                    background: -moz-linear-gradient(top, #666666, #555555);
                    background: -o-linear-gradient(top, #666666, #555555);
                    background: linear-gradient(top, #666666, #555555);
                    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
                    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
                    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-control span {
                    background: url("images/arrows.png") no-repeat 0 0;
                    display: block;
                    height: 16px;
                    width: 16px;
                    margin-top: 7px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-control:hover {
                    background-color: #888;
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(100%, #555555));
                    background: -webkit-linear-gradient(top, #777777, #555555);
                    background: -moz-linear-gradient(top, #777777, #555555);
                    background: -o-linear-gradient(top, #777777, #555555);
                    background: linear-gradient(top, #777777, #555555);
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-control.rondell-shift-left {
                    -webkit-border-radius: 0 15px 15px 0;
                    -moz-border-radius: 0 15px 15px 0;
                    -ms-border-radius: 0 15px 15px 0;
                    -o-border-radius: 0 15px 15px 0;
                    border-radius: 0 15px 15px 0;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-control.rondell-shift-left span {
                    background-position: 0 -16px;
                }
                #ep4p3r_c4r0u53l .rondell-theme-slider .rondell-control.rondell-shift-right {
                    -webkit-border-radius: 15px 0 0 15px;
                    -moz-border-radius: 15px 0 0 15px;
                    -ms-border-radius: 15px 0 0 15px;
                    -o-border-radius: 15px 0 0 15px;
                    border-radius: 15px 0 0 15px;
                }




/* --------------------- RONDELL Ende --------------------------------- */





#billboard {

margin-bottom:30px; 
 }



.billboard {
    margin-top: 0px;
    margin-bottom: 60px;
}

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



#holder {
width:282px;
height:250px;
background:url(https://www.bbv-net.de/CustomImages/REC/holder.png);
position:absolute;
left:0px;
top:0px;
z-index:2;
}



#bild{
width:229px;
height:225px;
background:url(https://www.bbv-net.de/CustomImages/REC/epaper.jpg);
position:absolute;
left: 26px;
top: 20px;
z-index:1;
border: 1px solid #d4d3d3;
}



.resp {
max-width:282px;
width:100%;

 }






.col-xs-8r,
.col-sm-8r,
.col-md-8r,
.col-lg-8r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-8r {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-8r {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-8r {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-8r {
        width: 12.5%;
        float: left;
    }
}






.custom-epaper-container {
   /*   max-width: 930px; */ 
    margin:0px auto; 

}



.epaper-background {
   /*  background-image: url(/CustomImages/DIV/epaper-background2.jpg); */ 
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; 

}


.epaper-features {
    background-color:#fff;
    min-height: 270px;
    padding: 10px;
    margin: 15px auto; 
    font-size:0.9em;
}




.bbv_devider {
    width: 100%; 
    height:40px;
}

.bbv_devider20 {
    width: 100%; 
    height:10px;
}

.sau {
    background: url(/CustomImages/DIV/baggy.jpg);
     width: 100%; 
      height: 100%; 
}


.dark {
 color:#444;
}





#A {
 border: 1px solid #ccc;
 max-width:341px;
 width:100%;
 float: left; 
 margin-right: 20px;
}

#B {
 line-height: 54px;
 width:100%;
}


@media only screen and (max-width: 400px) {

#B {
 float:none;
line-height: 54px;
}
}




.notdienste {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.nd-g {
    background-color: #EFEFEF;
}



.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
 background-color:#f5f5f5;
}

.table-striped td, .table-striped th {
 text-align:left;
}




/* unvisited */
#market a:link {
	color: #777;
}
/* visited */
#market a:visited {
	color: #777;
}
/* mouse over */
#market a:hover {
	color: #333; text-decoration:none; 
}
/* selected */
#market a:active {
	color: #777; text-decoration:none; 
}






/* --------------------- SONDERTHEMEN CAROUSEL Anfang --------------------------------- */

.bbvcarousel .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 290px;  
}



#owl-demo .item {
    padding: 30px 0px;
    margin: 15px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center; 
    margin-bottom: -60px;
}



/* --------------------- Wackel-Fix --------------------------------- */
@media (min-width: 768px) {
#owl-demo .owl-item {
  width:232px !important;
}
}
/* --------------------- Wackel-Fix --------------------------------- */





.bbvcontrols .owl-theme .owl-controls  {
 margin-top: -5px; 

}



@media (max-width: 768px) {
.bbvcarousel .owl-carousel .owl-wrapper-outer {
    height: 350px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 20px; 
}
}

@media (max-width: 420px) {
.bbvcarousel .owl-carousel .owl-wrapper-outer {
    height: 330px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 0px; 
}
}

@media (max-width: 375px) {
.bbvcarousel .owl-carousel .owl-wrapper-outer {
    height: 310px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 0px; 
}
}

@media (max-width: 320px) {
.bbvcarousel .owl-carousel .owl-wrapper-outer {
    height: 260px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 20px; 
}
}



#teste {
border: 1px solid #ddd;
opacity:0.90;
}

#teste:hover {
    position: relative;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 1000;
    border:1px solid #ddd;
    opacity:1;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);

}
* {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
   
}




#teste2 {
border: 1px solid #ccc;
opacity:0.90;
margin-bottom: 40px;
}




#teste2:hover {
    position: relative;
    z-index: 1000;
    opacity:1;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);

}
* {
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
   
}




.img-responsive_cust_4:hover {
    -webkit-transition: all 0.02s ease-in-out;
    -moz-transition: all 0.02s ease-in-out;
    -ms-transition: all 0.02s ease-in-out;
    -o-transition: all 0.02s ease-in-out;
}



.caroutextfeld  {
 margin-bottom:55px;
}

@media (max-width: 400px) {
.caroutextfeld  {
 margin-bottom:50px;
}
}


.caroutext  {
 text-align:center; 
 font-size: 0.75em;
 color: #888;
 text-transform: uppercase;
}


.caroutext_hl  {
 font-size: 1.0em;
 color: #888;
}









@media (min-width: 768px) {
.carousel-control {
    padding-top:8%;
    width:5%; background:#000;
}    
}

@media (min-width: 992px) {
    .carousel-control {
    padding-top:9%;
    width:5%;
}
}

@media (min-width: 1200px) { 
    .carousel-control {
    padding-top:10%;
    width:5%;
}
}


/* --------------------- NUR 4 STÜCK Anfang --------------------------------- */

.bbvcarousel_2 .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 330px;  
}



.img-responsive_cust_3 {
    display: block;
    height: auto;
    max-width: 80%;
    padding-bottom: 0px;
    margin: 0px auto;
}

.img-responsive_cust_4 {
    display: block;
    height: auto;
    max-width: 90%;
    padding-bottom: 0px;
    margin: 0px auto;
}





@media (max-width: 768px) {
.bbvcarousel_2 .owl-carousel .owl-wrapper-outer {
    height: 320px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 20px; 
}
}

@media (max-width: 420px) {
.bbvcarousel_2 .owl-carousel .owl-wrapper-outer {
    height: 400px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 0px; 
}
}

@media (max-width: 375px) {
.bbvcarousel_2 .owl-carousel .owl-wrapper-outer {
    height: 400px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 0px; 
}
}

@media (max-width: 320px) {
.bbvcarousel_2 .owl-carousel .owl-wrapper-outer {
    height: 380px;  
}
.bbvcontrols .owl-theme .owl-controls  {
 margin-top: 20px; 
}
}




.bbvcontrols .owl-carousel {
    margin-bottom: -10px;
}



/* --------------------- NUR 4 STÜCK Ende--------------------------------- */















/* --------------------- SONDERTHEMEN CAROUSEL Ende--------------------------------- */





.widthfix {
margin:0px auto;
padding: 0px 50px 0px 50px;  
}



.widthfix2 {
margin:0px auto;
padding: 0px 10px 0px 10px;  
}





.widdy {
width: 70%; margin: 0px auto; 
}


@media only screen and (max-width: 1000px) {
.widthfix {
margin:0px auto;

padding:10px;
}

.widdy {
width: 100%; margin: 0px auto; 
}
}



/* --------------------- BOXEN HOVER EFFEKT Anfang --------------------------------- */

.bbv_button {
    position: relative;
    display: block;
    background: none center center no-repeat;
    background-size: cover;
    cursor:default;
    text-align: center;
    width: 100%;
    color: #777;
    cursor: pointer;
    overflow: hidden;

}

.bbv_button a {
    color: #777;
    text-decoration: none;
}


.bbv_button:hover {
	color: #333;  
    border-color: #0073be;
    /* box-shadow: 0 0 5px rgba(255,245,245,0.8); */
    /* background-image: url('http://cuinine.com/img/codepen/savvy.jpg'); */
}

.bbv_button:hover a {
    color: #333;
}

/* --------------------- BOXEN HOVER EFFEKT Ende--------------------------------- */



#FarbeAbsatz {
background-color: #d2ecb9;

}

.lefter .table {
margin-left: 0px;
}

@media only screen and (min-width: 1000px) {
.lefter .table{
margin-left: -14px;
}
}





/* --------------------- PROSPEKT-BOX (einzelnes Prospekt) Anfang--------------------------------- */

#prospekt_holder {
width: 282px; height: 250px; margin: 0px auto; background: #ededed;
}

#prospekt_bild {
height: 225px; margin-top: -4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.52);
}

#prospekt_title {
width: 280px; height: 35px; position: relative; z-index: 900; background: #eee; margin-top: -38px; line-height: 37px; bottom: -8px; text-transform: uppercase; font-size: 13px; box-shadow: 0px -10px 10px -6px rgba(0,0,0,0.42); -moz-box-shadow: 0px -6px 5px 0px rgba(0,0,0,0.52);
}

/* --------------------- PROSPEKT-BOX (einzelnes Prospekt) Ende --------------------------------- */





@media only screen and (max-width: 375px) {

#prospekt_holder {

background:#000 !important; 
}
}






.heighty {
margin-top: -90px !important;
}



@media only screen and (min-width: 1024px) {
.margoA {
    margin-left: -45px;
    width: 120%;
}
.margoB {
    margin-top: 8px;
    font-size: 85%;
    margin-left: -26px;
}
}


.bordy {
border:1px solid #ccc;

padding: 20px;
width: 80%;
background:#f3eddf;
}


.borderino {
border-bottom:3px solid #ddd;
margin-bottom: 50px;
padding-bottom:30px;
}

.borderino2 {
border-top: 3px solid #ddd;
margin-top: -53px;
padding-top: 50px;
}

.borderino3 {
border-top: 0px solid #ddd;
margin-top: -53px;
padding-top: 30px;
margin-top:30px;
}

.borderino4 {
border-top: 0px solid #ddd;
margin-top: -53px;
padding-top: 30px;
margin-top:-10px;
}


.colorino .headLine  {
color: #db1022;

font-size: 33px;
margin-bottom: 20px;

}


.colordarkhead .headLine {
color:#333;
}

.colordarkheadblue .headLine {
color:#187db6;
}



.vanish .headLine  {
color: #fff;
}


.colorinoback  {
background-color: #db1022;
color:#eee;
}


@media only screen and (max-width: 768px) {
.img-responsive_cust_2 {
padding-top: 10px;
display:inline;
}
}



#xmaspic  {
position: relative;
text-align:center;
margin-top:10px;
}


#xmaspic:hover  {
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
}





#hoerbtn  {
   opacity:0.8;
}



#hoerbtn:hover  {
   opacity:1;
  /* ---------------------  
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
--------------------------------- */
}





/* ------------------------------ PROBLEM mit SKY und WALLPAPER -------------


@media only screen and (max-width: 1360px) {
#oms_pos_sky_iframe {
display:none !important;
}
#skyscraper {
display:none !important;
}
#WallpaperBanner {
display:none !important;
}
}






------------------------------------------------------------------------ */


#listenfarbe {
  list-style-type:square;  color:#38bbd7;   //Art der Aufzählung
  margin-left:20px; //Abstand der Aufzählungszeichen nach Außen
  padding-left:20px; //Abstand des Texts zu den Aufzählungszeichen
 
}







.custompapers .EPaperPreviewModule .EPaperPreviewModuleContent img {
border: 1px solid #ccc !important;
opacity:0.95;
padding: 2px 5px 2px 5px;
    position: relative;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
     box-shadow:none;
     margin-bottom: 10px;
     margin-top: 5px;
     background:#fff;
}






.custompapers .EPaperPreviewModule .EPaperPreviewModuleContent img:hover   {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 1000;
    opacity:1;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    padding: 2px 5px 2px 5px;

}
* {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
   
}



.custompapers .EPaperPreviewModuleContentItem a {
text-decoration: none;
font-size: 0.75em;
color: #aaa;
margin-bottom:5px;
}


.custompapers .EPaperPreviewModuleContentItem a:hover {
text-decoration: none;
font-size: 0.75em;
color: #6c6c6c;
margin-bottom:5px;
}



.downunder {
 background: #fff no-repeat url(/CustomImages/DIV/blog2.jpg) right top; 
 padding:30px 0px 40px 0px;
}
 

.ostern_oben {
  background: #fff no-repeat url(/CustomImages/DIV/top3.jpg) center top; 
  position:relative;
  top:0px;

}

@media only screen and (min-width: 800px) {
.paddy {
 padding-left:75px;
 padding-right:75px;
}
}




.hauab .StoryShowShare {
 display:none;
}

.hauab2 .StoryShowInteraction {
 display:none;
}

.hauab3 .StoryShowBox {
 display:none;
}







@media (min-width: 1000px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
/* 14% = 100% (full-width row) divided by 7 */



@media (max-width: 768px) {
.biggy {
 max-width: 100% !important;
}
}


a:hover {text-decoration: none;}



.CustomStory .StoryShowInfoTextBox {
border-top: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
background: #deecf5;
padding: 1em;
margin: 1em 0;

}




.wurst .CustomSectionNav ul li.active span {
background:red;
}


.reddy a:hover {
color:#fff;
}

.reddy a {
color:#f7b32c;
}





#WallpaperBanner .testo {
margin-top: -90px !important;
}



.park-header .framee {
display:none !important;
}


.svimage {
width: 100%; 
padding: 30px 0px 30px 0px;
}

@media (min-width: 992px) {
.svimage {
width: 97%; 
padding: 30px 0px 30px 0px;
}
}



#butty {
width: 100%;
height: 40px; 
line-height: 41px;
text-align: center;
cursor:pointer;
color:#888;
margin: 0 auto 0 auto;
background:url(https://www.bbv-net.de/CustomImages/DIV/linkbtn3.jpg);
}



#butty:hover {
width: 100%;
height: 40px; 
line-height: 41px;
text-align: center;
cursor:pointer;
color:#6c6c6c;
margin: 0 auto 0 auto;
background:url(https://www.bbv-net.de/CustomImages/DIV/linkbtn.jpg);
}


.btngrey {
background:#f2f0f1 none repeat scroll 0 0;
}



.btn-bbv {

    background-color: #fff;
    color:#777;
    font-size:0.8em;
    border:1px solid #ddd;
    border-radius: 4px;
}

.btn-bbv:hover {

    background-color: #777;
    color:#fff; 

}



.btn-bbv2 {
background-color: #0073be;
color: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 5px 0px #aaa;
}

.btn-bbv2:hover {

    background-color: #777;
    color:#fff; 

}




.svHeadline .EPaperPreviewModuleContentItem div:first-of-type {
width:150px;
height:30px; 
margin:0px auto;
}




.TrennerGrau {
margin-top: 30px;
width: 106.5%;
height: 30px;
background: #ccc;
margin-bottom: -30px;
margin-left: -30px;
}




.reisefix .CustomStory .StoryShowBox .CustomDate {
display:none !important;
}

.reisefix .CustomAuthor {
display:none !important;
}



@media (max-width: 768px) {
.nomobile  {
display:none;
}
}





@media (min-width: 768px) {
.deskleft  {
margin-left: -30px;
}
}