/* ***********************************************************************        */
/* JST 2015-10-21 Custom ST Modul css           */
/* ***********************************************************************        */

/* ***********************************************************************        */
/*PMODIF ROM 2015-12-03 Neue Padding für anzeigenbox_out */
/* ***********************************************************************        */
.MarketNav .anzeigenbox_out {
	padding: 0px 6px 10px 0px;
	}



/*Picgallery preview stripe*/
.gallary-block .thumbnail
{
	min-height: 220px;
}

/* ***********************************************************************        */
/*  Custom ST VideoShowModul.css    */
/* ***********************************************************************        */
.VideoShowDate
{
    text-align:left;
    
}

.VideoShowHeader 
{
    float: none;
    text-align: left;
	border-top: 0px;
}

.VideoShowDescription
{
    float:none;
    text-align:left;
    margin-left:0px;
}

.VideoShowAttributes 
{
    float:none;
    text-align:left;
    margin-left:0px;
}
.VideoShowCopyright
{
    float:none;
}

/* ***********************************************************************        */
/*PMODIF CF 2015-08-18 VideoShowPlayer Repsonsive */
/*http://blog.kulturbanause.de/2011/09/flexible-videos-im-responsive-webdesign/*/
/* ***********************************************************************        */
.VideoShowModule 
{
    height:auto;

}

.VideoShowPlayer
{
    position:static;
    padding:10px 0;
    margin-left:0;
    top: -10px;
}

.VideoShowModule .VideoShowDescription {
    width:auto;
}


.responsive-video {
	position: relative;
	padding-bottom: 56%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-video iframe,  
.responsive-video object,
.responsive-video video,  
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*PMODIF CF 2015-08-18 VideoShowPlayer Repsonsive in StoryShow */
.StoryShowGalleryBox > div > .PictureGalleryShowBootstrapModule h2,
.StoryShowGalleryBox > div > .PictureGalleryShowBootstrapModule #socialshareprivacy,
.StoryShowGalleryBox > div > .PictureGalleryShowBootstrapModule .social-media,
.StoryShowGalleryBox > div > .PictureGalleryShowBootstrapModule .VideoShowAttributes,
.StoryShowGalleryBox > div > .PictureGalleryShowBootstrapModule .VideoShowDescription
{
    display:none;
}

/* ***********************************************************************        */
/* ST TopStoryRotator                 */
/* übernahme css von layoutst.css und simplecontentslider.css          */
/* ***********************************************************************        */
.ST_TopStoryRotatorModule {
    height: 300px;
    margin: 0 auto 10px;
}

.ST_TopStoryRotatorModule .nav {
    width       : 400px;
    height      : 20px;
    margin-left : 1px;
    position    : relative;
    top         : 21px;
}

.ST_TopStoryRotatorModule .tab {
	overflow:hidden;
    height        : 62px;
    width         : 285px;
    padding: 5px 0 5px 15px;
    text-align    : left;
    line-height   : 20px;
    border-bottom : 4px solid #fff;
    border-bottom-width:5px;
    margin-left   : -1px;
    background:#fbfaf9;

}

.ST_TopStoryRotatorModule .tab:hover {
   background:#ececec;
}

.ST_TopStoryRotatorModule .tab.active {
    /*background:#ececec;
    background-image    : url(Bootstrap/pu_all/images/topTeaser_backright.png);
    background-repeat   : repeat-y;
    background-position : top right;*/
    background: #ECECEC  none repeat scroll 0% 
}

.ST_TopStoryRotatorModule .tab .tab_link {
	color: #006DC6;
    font-family: 'martel_sanssemibold';
	font-size: 16px;
}
.ST_TopStoryRotatorModule .tabcategory{
	font-family: 'martel_sanslight';
	font-size: 0.8em; /*PMODIF JST 2015-10-21 changed from 0.8 to 1*/
	text-transform: uppercase;
	margin-bottom: 2px;

    font-family: "martel_sanslight";
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #555;
}
.tab_link_text
{
    color: #006dc6;
}
.ST_TopStoryRotatorModule a {
    /*text-decoration : none;*/
    color           : #555555;
    display         : block;
    width           : 98%;
    height          : 100%;
}

.ST_TopStoryRotatorModule a:hover {
    color : #333333;
}

.ST_TopStoryRotatorModule .ST_TopStoryRotatorModuleMain {
    width    : auto;
    height   : 300px;
    overflow : hidden;
    margin-left: 15px;
}

.ST_TopStoryRotatorModule .ST_TopStoryImageSpan {
	width:560px;
    height      : 300px;
    font-family : arial;
    font-size   : 14px;
    line-height : 21px;
    overflow    : hidden;
    float       : left;
    margin      : 0;
	background-size:cover;
	background-repeat: no-repeat;
}

.ST_TopStoryRotatorModule .ST_TopStoryImageSpan .heading {
    color: #006dc6; 
    padding:7px 10px 4px 10px;
	font-size: 14px;
    z-index: 100;
	margin:0;
	height:auto;
	line-height:23px;
	bottom:12px;
	background-color:#fff;
	opacity: 0.9;
	filter: alpha(opacity=85);
	margin-top:230px;/*PMODIF JST 2015-10-05 fix to make 3rd level nav working*/
    width:auto;/*PMODIF JST 2015-10-05 fix to make 3rd level nav working*/
}

.ST_TopStoryRotatorModule .heading a.heading_link {
    color: #006DC6;	
    padding-top: 3px;    
    width: 100%;
    font-family: 'martel_sansextrabold';
	text-decoration:none;
	font-size:19px;
}

.ST_TopStoryRotatorModule .heading a.heading_link:hover {
    text-decoration: underline;
}


.STPayedContent,
.STAdditionalMediaIcon
{
    color: #999;
}
a.STAdditionalMediaIcon,
a.STAdditionalMediaIcon:link,
a.STAdditionalMediaIcon:visited,
a.STAdditionalMediaIcon:hover
{
    color: #006dc6;
    text-decoration:none;
}


.ST_TopStoryRotatorNavigation
{
    border:none;
}

.ST_TopStoryRotatorNavigationSpan
{
    padding:0 0 0;
}

.ST_TopStoryRotatorOverlay
{
    opacity:0.85;
    height:60px;
    background-color:#fff;
    color: #006dc6;
  
    width:50%;
    bottom:12px;
}

.ST_TopStoryRotatorHeading span
{
    font-family: "martel_sansextrabold";
    color:#006dc6;
    font-size:19px;
    font-weight:500;
    width:auto;
    bottom:12px;

    padding:10px 5px 10px 4px;

    opacity:0.85;
    background-color:#fff;
}

.ST_TopStoryRotatorIconDiv
{
    float:right;
    margin-right:3px;
}

.AdditionalMediaDiv
{
    padding-right:2px;
    float:left;
}
.ST_TopStoryRotatorIconDiv div
{
    padding-right:2px;
    float:left;
}

@media (min-width: 768px) and (max-width: 979px) 
{

    .ST_TopStoryRotatorModule {height:400px !important;}
    .ST_TopStoryRotatorModule .ST_TopStoryRotatorModuleMain {height:370px !important;}
}
@media (max-width: 767px) {
     .ST_TopStoryRotatorOverlay {max-width:590px;}
     .ST_TopStoryRotatorModule .ST_TopStoryImageSpan .heading{width:96%;padding:0 2%;width:620px;}
     .ST_TopStoryRotatorModule .ST_TopStoryRotatorModuleMain{margin:0 0 10px;height:210px;}
     .ST_TopStoryRotatorModule .ST_TopStoryImageSpan{height:210px;}
     .ST_TopStoryRotatorModule .tab{width:auto;overflow:hidden;}
}
@media (min-width: 768px) and (max-width: 979px) {
.container{margin:0 auto;}
.ST_TopStoryRotatorModule .tab{width:auto;height:87px;}
.ST_TopStoryRotatorModule .heading a.heading_link{width:100%;}
.ST_TopStoryRotatorModule .ST_TopStoryRotatorModuleMain{height:400px;}
.ST_TopStoryRotatorModule .ST_TopStoryImageSpan{height:400px !important;}
.ST_TopStoryRotatorModule .ST_TopStoryImageSpan .heading{width:454px;}
}

@media (max-width: 480px){
.ST_TopStoryRotatorModule .ST_TopStoryImageSpan{width:460px;}
}

@media (max-width: 360px){
.ST_TopStoryRotatorModule .ST_TopStoryImageSpan{width:340px;}
}

@media (max-width: 320px){
#content{padding:0;}
.ST_TopStoryRotatorModule .ST_TopStoryImageSpan{width:300px;height:150px;}
.ST_TopStoryRotatorModule .ST_TopStoryRotatorModuleMain{margin:0 0 10px;height:150px;}
.ST_TopStoryRotatorModule .tab{font-size:12px;line-height:16px;height:48px;padding:2px 0 2px 15px;}
}

@media (max-width: 240px){
.ST_TopStoryRotatorModule .ST_TopStoryImageSpan{width:220px;}
}
/* ***********************************************************************        */
/*Picture Gallery TEST XSL Darstellung*/
/* ***********************************************************************        */
.PictureGalleryShowJavascriptModule h2
{
     font-family: 'Raleway',Arial,Helvetica,Verdana,sans-serif;
     font-size: 10pt;
}

.PictureGalleryPreviewDoc img
{
    vertical-align: inherit;
   
}

/* ***********************************************************************        */
/* Bootstrap Picture Gallery*/
/* ***********************************************************************        */

.pic-gallary .social-media
{
    margin-top:10px;
    float:left;
}
.pic-gallary #socialshareprivacy
{
    margin-top:10px;
    float:left;
}

#pic-gallery #socialshareprivacy 
{
    margin-left:10px;
}

.pic-gallary .whatsappbutton
{
     margin-top:10px;
    float:right;
}
.pic-gallary .social_share_privacy_area 
{
    margin:0 !important;
    padding:0 !important;
}
.pic-gallary .social_share_privacy_area .facebook
{
    width:170px;
    margin-left:5px;
}
.pic-gallary .social_share_privacy_area .twitter
{
    width:140px;
}
.pic-gallary .social_share_privacy_area .gplus
{
    width:120px;
}

.ST_PictureGalleryOverViewDiv
{
     margin-left:10px;
}
.ST_PictureGalleryOverViewDiv .thumbnail
{
     min-height: 220px;
}
.ST_PictureGalleryOverViewDiv  .thumbnails > li
{
     margin-left:10px;
}
.ST_PictureGalleryOverViewHeading
{
    width:100%;
    text-align:center;
}

/* center banner in pic gallery*/

.ST_PictureGalleryBannerDiv .rubrikhead span
{
    border-top:none;
}
.ST_PictureGalleryBannerDiv div div
{
    margin-left:auto;
    margin-right:auto;
}


.ST_PictureGalleryBannerDiv 
{  
    text-align: center;
    margin-top:116px;
    margin-bottom:116px;
  
}

@media (max-width:767px)
{
    .ST_PictureGalleryBannerDiv 
    {
         margin-top:55px;
         margin-bottom:55px;
    }

}
@media (max-width:480px)
{
    .ST_PictureGalleryBannerDiv 
    {
        margin-top:0px;
         margin-bottom:0px;
    }
}

/******************************************************/
/* fixed height to avoid jumping of controls (left/right)*/
.carousel-inner
{
    height:533px;
}
@media (max-width:972px) 
{
        .carousel-inner
        {
            height:450px;
        }
}
@media (max-width:767px) 
{
        .carousel-inner
        {
            height:400px;
        }
}
@media (max-width:660px) 
{
        .carousel-inner
        {
            height:350px;
        }
}
@media (max-width:480px) 
{
        .carousel-inner
        {
            height:250px;
        }
}
@media (max-width:350px) 
{
        .carousel-inner
        {
            height:150px;
        }
}

.pic-gallary.High 
{
    max-width:800px;
}

.pic-gallary.Screen 
{
    max-width:560px;
    padding:0;
}

/* for VideoShow on Mobildevices*/
.pic-gallary.Small 
{
    max-width:98%;
    padding:0;
}


.pic-gallary > .VideoShowModule.Screen 
{
    padding:0;
}



/*PMODIF CF 2015-08-27 STPictureOrder*/
.STPictureOrder 
{
    padding:0 4px 0 15px;
}

.STPictureOrder label 
{
    display:inline;
    margin-left:10px;
}

.STPictureOrder .WcmsFormRow 
{
    width:auto;
    margin: 10px 0;
}

.STPictureOrder .WcmsFormRow input 
{
    float:left; 
}

.STPictureOrder .WcmsFormRow select 
{
    margin:4px 0 4px 0;
}

.STPictureOrder .WcmsFormHr {
    width:auto;
}

.STPictureOrder .PictureOrderPriceInfo 
{
    padding:0 10px;
}

.STPictureOrder .PictureOrderFormCropRBListImg {
    float:left;
    margin: 0 0 0 10px;
}

/* ***********************************************************************        */
/* DocumentRankung Module */
/* add ST classes to standard module */
.most_read
{
    font-size:13px;
	font-family: 'martel_sanssemibold';
}
/*DocumentRankingModule css is set to servicebox in WCMS Menu but background is not working*/
.DocumentRankingTab
{
    background-color:initial;
}
.DocumentRankingContentHolder
{
    height:inherit;
}
.DocumentRankingContentHolder a
{
    color:#006DC6;
}
.DocumentRankingHeadPanel
{
    border-bottom:3px solid #006DC6;
}
.DocumentRankingHeaderTabActive
{
    background-color:#006DC6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top:5px;
    padding-bottom:2px;

}

/* ***********************************************************************        */
/* Kino Module und Darstellung  */
/* ***********************************************************************        */
.STCineProgram
{
    margin-bottom:20px;
}
.STCineProgram > .nav-tabs
{
    border-bottom:none !important;
}
.STCineProgram > .nav-tabs > .active > a,
.STCineProgram >  .nav-tabs > .active > a:hover,
.STCineProgram >  .nav-tabs > .active > a:focus
{
    background-image:none !important;
	border-left:none !important;
	border-right:none !important;
	border-top:1px solid #DBDBDB !important;
	border-bottom:1px solid #DBDBDB;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.STCineProgram > .nav-tabs > li.active > a,
.STCineProgram >  .nav-tabs > li.active > a:hover,
.STCineProgram >  .nav-tabs > li.active > a:focus
{
    background-color:#eee!important;
    
}
.STCineProgram > .nav-tabs > li > a
{
    background:#fff!important;
    border-bottom:none !important;
	border-bottom:1px solid #DBDBDB;
	border-top:1px solid #DBDBDB;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.STCineProgram > .tab-content > .tab-pane
{
    border:none !Important;
    background-color:#eee!important;
}
.STCineProgram > .nav > li > a
{
    padding:5px 10px;
    color:#000;
}
.STCineProgramlink 
{
    font-family: "martel_sansregular";
    padding: 0px 10px 3px 3px;
    text-decoration: none;
    background-position: left 8px;
    font-size:13px;
    margin-top: 3px;
    /*color:#006DC6;*/ /*TODO JST all links in blue ?? */
    color:#000;
}
.STCineProgramSquare
{
    color:#006DC6;
   
    vertical-align:middle;
    font-size:8px;
}
#EventCitys div table tbody tr td
{
    padding-bottom:3px;
}


/************************************************************/
/*CineSearch*/
.STCineSearch > .btn-group > .btn
{
    font-size:12px;
}
.STCineSearch .radio input[type="radio"]
{
    margin-top:0;
}

/* ***********************************************************************        */
/*StoryPreview*/
.artikelteaser  .teaserlink li 
{
    list-style-type: square;
    color:#006DC6;
    float:none;
}
.artikelteaser .teaserlink a
{
    float:none;
    padding:0;
}

/*PMODIF 2016-01-15 */
/*PMODIF CF 2016-01-15: Std StoryPreview: Maximum width 240px */
.artikelteaser.articleseparator.std img
{
    max-width:240px;
    height:auto;

}


/* Darstellung Kinowebartikel in storyPreview.xsl */
/* XSL-PAram: KinoAuf */
.kinoteaser 
{
    position:relative;
}

.CinemaImgBox 
{
    
}

.CinemaInfoBox 
{
    position:absolute;
    left:0;
    top:200px;
    z-index:2;

    /*background-color: rgba(235,230,229, 0.75); */
    background-color: rgba(255,255,255, 0.85);
    width:85%;
    height:auto;
    padding:10px;
}

.CinemaInfoBox .CinemaArticleInfo 
{ 
    width:75%;
}

.CinemaInfoBox .VideoTrailer 
{
    /*float:right;*/
    left: 74%;
    top: 25%;
    position: absolute;
}
.CinemaInfoBox a
{
    font-family: "Martel_sansregular";
    line-height: 18px;
    font-size: 13px;
    color: #323232;
}
.CinemaInfoBox a,
.CinemaInfoBox a:hover,
.CinemaInfoBox a:focus  
{
    color:#323232;
    text-decoration:none;
}

.CinemaInfoBox span 
{
    color:#006dc6;
    font-family: "martel_sansextrabold";
    font-size: 18px;
    line-height: 22px;
    
}

@media (min-width: 768px) and (max-width: 979px) 
{
    .CinemaInfoBox 
    {
        top:150px;
		width:100%;
		
    }
	.CinemaInfoBox .CinemaArticleInfo 
	{
		max-width:70%;
	}
}

@media (max-width: 767px) 
{
    .CinemaInfoBox 
    {
        top:auto;
        bottom:10px;
        width:auto;
    }
    .CinemaInfoBox .VideoTrailer 
    {
        left:75%;
    }
}

@media (max-width: 480px) 
{
    .CinemaInfoBoxTeaser {
        display:none;     
    }
.CinemaInfoBox 
{
	width:100%;
}
    .CinemaInfoBox .CinemaArticleInfo 
	{
		
       
    }
}

/************************************************************/
/* Darstellung Kinowebartikel in storyshow.xsl */
.CinemaVideoImgBox 
{
    position:relative;
}
.CinemaVideoImgBox  figure img
{
	width:100%;
}
.CinemaVideoHidden
{
    display:none;
	position:absolute;
    top:0px;
    z-index:-1;
}
.StoryShowGalleryBox
{
    position:relative;
}
.CinemaVideoPlayBox #socialshareprivacy,
.CinemaVideoPlayBox .VideoShowDescription,
.CinemaVideoPlayBox .VideoShowAttributes,
.CinemaVideoPlayBox .social-media
{
    display:none;
}
.CinemaPlayTrailerImageLink
{
    cursor:pointer;
}

.CinemaVideoTitelInfoBox 
{
    position:absolute;
    left:0;
    top:65%;
    z-index:2;
    background-color: rgba(255,255,255, 0.85);
    width:85%;    
    padding:5px;
}
.CinemaVideoTitelInfoBox p
{
    background-color:transparent;
    width:90%;
}

.CinemaVideoTitle
{
    width:75%; 
}
.CinemaVideoTitleNoTrailer
{
    width:100%;
}
.CinemaPlayTrailer
{
   
}
.CinemaPlayTrailerImageLink
{
    position:absolute;
    top:25%;
    left:72%;
    font-size:13px;
}
@media (min-width: 768px) and (max-width: 979px) 
{
    .CinemaVideoTitelInfoBox 
    {
        width:100%;
    }
}

@media (max-width: 767px) 
{
    
    .CinemaVideoTitelInfoBox 
    {
        width:100%;
        bottom:0px;
        top:inherit;
    }
    .CinemaPlayTrailerImageLink
    {
        left:75%;
    }
}

@media (max-width: 480px) 
{
     .CinemaVideoTitelInfoBox 
     {
         width:100%;
         position:relative;
     }
     .CinemaPlayTrailerImageLink
     {
        left:55%;
        top:-60px;
     }
     .CinemaVideoTitle,
     .CinemaVideoTitelInfoBox p
     {
         width:100%;
     }

     .CinemaPlayTrailer
     {
         top:10px;
     }
     .CinemaPlayTrailerImageLink span
     {
         display:none;
     }
}

.STspielplan
{
   border-top: 1px dotted #333;
   border-bottom:1px dotted #333;
   line-height: 18px;
   font-size: 13px;
    color: #323232;
    font-family: "martel_sans";
font-weight: 300;
}

.STCineWebStoryBox
{
    border-top:1px dotted #333;
    padding-top:10px;
}
.STCineWebStoryCommentLink
{
    text-align:right;
}
.STCineWebStoryCommentLink a
{
    background-color:#eee;
    padding:5px;
    border-radius:5px;
}
.STCineWebStoryCountry
{
    color:#006DC6;
    font-family: "martel_sans";
    font-weight: 300;
    line-height: 18px;
    font-size: 13px;
}

/**********************************/
/* CineProgram Modul */
.servicebox .artikelteaser
{
    padding:5px;
}
.servicebox .artikelteaser strong
{
    color:#006DC6;
}
.servicebox .greybgpointbox
{
    padding:0;
}

/*************************************/
.STCineSearch
{
    margin-bottom: 20px;
    /*border: 1px solid #9F9F9F;*/
    /*background-color:#F1F1F1;*/
}
.STCineSearchText
{
    margin-bottom: 5px; 
    font-size: .8em; 
    color:#006DC6;
}

.STCineModulNavi
{
    margin:0px;
}

.tickercont {
  padding: 8px;
  font-size: 0.9em;
  line-height: 1.3em;
  background-color:#F1F1F1;
}

/************************************************************/
/* Kinowebartikel css in storyshow.xsl to include eventmodul*/
.STWebStoryEventModuleViewBox
{
    padding: 10px;
}
.STWebStoryEventModuleViewHeading 
{
    float: left;
    color:#006DC6;
}

/* ***********************************************************************        */
/* Kinowebartikel EventShow.xsl css for include in webstory */
/* ***********************************************************************        */
.EventShowModule span.ortkino,
.EventShowModule span
{
	color: #006DC6;
	margin-top:5px;
}

.EventShowHeader
{
    background-color:#EEE;
}
.EventShowContent
{
    background-color:#FFF;
}
.STWebStoryEventModuleViewDate
{
    float:left; 
    width:80px;
}
.STWebStoryEventModuleViewDayOfWeek
{
    float:left;
    width:25px;
}
.STWebStoryEventModuleViewTimeBox
{
    margin-left:90px;
}
.STWebStoryEventModuleViewTime
{
    float:left; width:50px;
}

/* ***********************************************************************        */
/*      EventShowModul.ascx     */
.STEventShowViewDate,
.STEventShowViewTime,
.STEventShowiCalLnk
{
    float:left;
    margin-right:10px;
}
.STEventShowEntranceTime,
.STEventShowEntranceBeginTime,
.STEventShowEntranceEndTime
{
    float:left;
    margin-right:5px;
}
.STEventShowViewAdditionalDates
{
    display:none;
}
/* ***********************************************************************        */
/* Event Show   */
.STEventShowDates
{
    margin-top:10px;
    color:#808080;
    font-size:14px;
}
.STEventShowDatesContent
{
   
}
.STEventDateShowMoore
{  
    display:none;
}
.STEventDateShowMoore:hover
{
    cursor:hand;
    cursor:pointer;
}
.STEventShowAllFutureDatesContent
{
    display:none;
}
/* ***********************************************************************        */
/* EventSearch.aspx */

/* jquery ui datepicker is not responsive so we have to override some css with important*/
.ui-datepicker-inline 
{
    display: inline !important;
}
.ui-widget-content
{
    border:none !important;
}

.QryResultPageSelection
{
    max-width:60px;
}
.EventWcmsContentHeader
{
    padding-left:10px;
}
.EventWcmsContent
{
    padding-left:10px;
}
.EventService
{
    padding: 0px 11px 0px 0px
}
.EventAdvancedSearch
{
    display:none;
}
.STEventVideoPreviewPicLink
{
    float:right;
   
}
.STEventVideoPreviewPic
{
    
    max-height:100px;
    position:relative;
    left:40px;
}
.STEventVideoPreviewPicPlayOverlay
{
    position:relative;
    left:-10px;
}

.STEventSearchCtrl_ResultList_DateHeader
{
    color:#006DC6;
    font-size:22px;
    width:100%;
}
.STEventSearchCtrl_ResultList_Time
{
    float:left;
    width:100px;
}
.STEventSearchCtrl_ResultList_EventBox
{
    float:left;
    max-width:440px;
    margin-left:10px;
}
.STEventSearchCtrl_Small_EventBox
{
    max-width:230px;
}
@media Screen and (max-width:979px)
{
    .STEventSearchCtrl_ResultList_EventBox 
    {
        float: none;
        max-width: 100%;
        margin-left:100px;
    }
    .STEventSearchCtrl_Small_EventBox
    {
        max-width:100%;
    }
    .STEventVideoPreviewPicLink
    {
        float:none;
        margin-left:100px;
    }
    .STEventVideoPreviewPic
    {
        left:0;
    }
    .STEventVideoPreviewPicPlayOverlay
    {
        left:-60px;
    }

}
@media screen and (max-width:480px)
{
    .STEventSearchCtrl_ResultList_Time
    {
        float:none;
    }
    .STEventSearchCtrl_ResultList_EventBox,
    .STEventVideoPreviewPicLink
    {
        margin-left:0;
    }
    .STEventSearchCtrl_Row
    {
        margin-bottom:10px;
        padding-bottom:10px;
        border-bottom:1px solid #eee;
    }
}

.STEventSearchCtrl_Row
{
    padding:5px;
    width:100%;
}
.STEventSearchCtrl_Row:hover
{
    background-color:#EEE;
    
}
.EventResultHeader
{
    margin-top:0;
}
.EventResult
{
    margin-top:0;
    padding-left:10px;
    font-family: "Martel_sansregular";
    line-height: 18px;
    font-size: 14px;
}
.STEventSearchRightPanel
{
    width:100%;
}
.STEventSearchRightPanel  .input-group
{
    width:100%;
    margin-bottom:10px;
	float: left;
}
.STEventSearchRightPanel  .input-group-addon
{
    width:25%;
    font-weight: normal;
    line-height: 1;
    color: #555;
	float: left;
}
.STEventSearchRightPanel  .form-control
{
    width:75%;
	float: right;
}

/* ***********************************************************************        */
/*  BreakingNews Module       */
/* ***********************************************************************        */
.BreakingNewsModule
{
	background-color: #f1f1f1;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 10px 0px;
	/*border-bottom: 1px solid #dedede;*/
}

.BreakingNewsModule H2
{
	text-align: center;
	vertical-align: middle;
    padding: 0px 0px 10px 0px;
}

.BreakingNewsModule H2 A:link,
.BreakingNewsModule H2 A:visited
{
    margin-bottom: 0.75em;
   color:#006DC6;
    font-weight: bold;
	 text-decoration: none;
}

.BreakingNewsModule H2 A:hover
{
	 text-decoration: underline;
}


/* ***********************************************************************        */
/* OpenXBanner         */
/* ***********************************************************************        */


/* BannerContainer for Beilagen and Start-Ads*/
.BannerContainer > a > img {
    margin: 0 0 10px 0; 
}

@media (max-width: 979px) 
{
    .BannerContainer > a > img {
        display: block;
        margin: 0 auto 10px auto;
    }
}


/* ***********************************************************************        */
/* NewsList         */
/* ***********************************************************************        */
@media (max-width: 979px) 
{
    .NewsList > .span3,
    .NewsList > .span2,
    .NewsList > .span1
    {
        margin: 0 10px 10px 10px;
    }
}


/* ***********************************************************************        */
/* Seach */
/* ***********************************************************************        */
span.QueryResultIndexInfoText 
{
    padding: 0 10px;

}

/* ***********************************************************************        */
/* Atikelvorschau */
/* ***********************************************************************        */
.block-line .multimediaLink 
{
    padding: 0 4px;
}

/* ***********************************************************************        */
/* Artikeldarstellung */
/* ***********************************************************************        */

/* Hochformatbilder ganz oben */

.StoryShowGalleryImage.artikelthumb.PortraitFormat img
{
    max-height:373px;
}

/* mehrere Bilder */
.artikeldetail .pic-gallary 
{
    padding:0;
}

.artikeldetail .pic-gallary .artikelthumb span 
{
    text-align:left;
}

/*Bildunterschrift*/
.StoryShowGalleryImage .artikelthumb 
{
    text-align:left;
}


@media all and (min-width: 985) 
{
    .StoryShowGalleryImage > img 
    {
        max-width:none;
    }
}

.StoryShowGalleryBox P
{
    background:none;
}

/* Carousel */
.artikelteaser > .pic-gallary > .carousel.slide > .carousel-inner
{
    height:auto;
}

.artikelteaser > .pic-gallary > .carousel.slide > .carousel-control 
{
    height:280px;
}

@media all and (max-width:979px)
{
.artikelteaser > .pic-gallary > .carousel.slide > .carousel-control

    {
        height: 280px;
        width:85%;
    }
}

@media all and (max-width:450px) {
    .artikelteaser > .pic-gallary > .carousel.slide > .carousel-control ,
    .artikelteaser > .pic-gallary > .carousel.slide > .carousel-control img
    {
        display:none;
    }
}

.artikelteaser > .pic-gallary > .carousel.slide > .counter 
{
    top:0;
}


.artikelteaser .ST_PictureGalleryBannerDiv 
{
    text-align: center;
    margin-top:16px;
   /* margin-bottom:16px; */
} 


.StoryShowRating 
{
    margin:6px 6px 0 0;
}

/* Carousel mehrere Bilder im Basetext*/
.divcontent .imageleft-part  .artikelbild.leftartikel
{
    width:300px;
}

.divcontent .pic-gallary
{
    margin: 40px 0 0 0;
    padding:0;

}

.divcontent .pic-gallary .carousel .counter {
    background:none;
}

.divcontent .pic-gallary .carousel-inner {
    height:250px;
}

.divcontent .pic-gallary .carousel-inner img {
    max-height: 180px;
    width:auto;
}

.divcontent .carousel-control 
{
    max-height: 180px;
}

/*SocialShare Heise*/
#heiseSocialShareClick ul li 
{
    list-style:none;
}


/* Hinweis Lizenzierung*/
.artikeldetail .articleLicenceInfo,
.artikeldetail .articleLicenceInfo  p
{
    font-family: "Martel_sanslight";
    font-size: 10px;
    line-height: 18px;
    padding-bottom: 5px;
    margin: 12px 0 0 0;
    color: black;
    margin: 0px;
    padding: 0px;
}

.artikeldetail .datum_foot_artikel .datum 
{
    margin: 0 0 5px 0;
}

/* Text nicht unter p sondern direkt unter divcontent (durch XPos) */
.artikeldetail .divcontent 
{
    line-height:18px;
    font-size:13px;
    color:#323232;
}

.artikeldetail .leftartikel 
{
    float:none;
}

/* Bildergalerie in Artikeldarstellung */
.artikelteaser .PictureGalleryShow 
{
    margin:0;
}


/*.artikelteaser .PictureGalleryShow .social-media,*/
.artikelteaser .PictureGalleryShow .wa_btn.wa_btn_s,
.artikelteaser .PictureGalleryShow  #socialshareprivacy
{
    display:none;
}

.artikelteaser  .PictureGalleryShow .PictureGalleryShowBootstrapModule .pic-gallary .carousel.slide  .carousel-inner
{
    height:auto;
    max-height:373px;
}

.artikelteaser .PictureGalleryShow .PictureGalleryShowBootstrapModule .pic-gallary .slider-description
{
    margin-bottom:15px;
}

.artikelteaser .PictureGalleryShow .PictureGalleryShowBootstrapModule .STWebArticleView 
{
    background-color:#f6f6f6;
    min-height:450px;
    margin:0 0 15px 15px;
}

.artikelteaser .PictureGalleryShow .PictureGalleryShowBootstrapModule .pic-gallary .slider-caption {
 
    position:absolute;
}

.artikelteaser .PictureGalleryShow .PictureGalleryShowBootstrapModule .STWebArticleView .pic-gallary h2
{
    display:none;
}

.artikelteaser .PictureGalleryShow .PictureGalleryShowBootstrapModule .STWebArticleView .pic-gallary .social-media span 
{
    display:inline;
}

@media all and (max-width:450px) 
{
    .artikelteaser .PictureGalleryShow .PictureGalleryShowBootstrapModule .STWebArticleView 
    {
        min-height:330px;
        height:auto;
    }
       
}

/*XPOS Handling*/
.StoryShowXPosBox 
{
    clear:both;
}

/*XPos Bildergalerie über komplette Breite  *horror**/
.StoryShowXPosBox  .divcontent .imageleft-part  .artikelbild.leftartikel
{
    width:300px;
}

.StoryShowXPosBox  .divcontent .pic-gallary
{
    margin: 40px 0 0 0;
    padding:0;

}

.StoryShowXPosBox .pic-gallary .carousel .counter {
    background:none;
}

.StoryShowXPosBox .pic-gallary .carousel-inner {
    height:250px;
}

.StoryShowXPosBox  .pic-gallary .carousel-inner img {
    max-height:none;
    width:auto;
}

.StoryShowXPosBox .carousel-control 
{
    max-height: none;
}

.StoryShowXPosBox .PictureGalleryShow .PictureGalleryShowBootstrapModule .STWebArticleView .pic-gallary h2
{
    display:none;
}



/* ***********************************************************************        */
/* CommentModule */
/* ***********************************************************************        */
/* GetComment*/
.DeactivateCommentBox 
{
    display:none;
}
.CommentModuleSubmit
{
    margin-top:10px;
}
/*
.CommentModuleSubmit input[type="submit"] 
{
    margin-left:20px;
}
*/
.CommentModuleFormPanel
{
    background-color:#fff;
    padding-left:0;
    margin-bottom:20px;
}

/*.CommentModuleBoxTitlelabel,*/
.CommentModuleSalutationLine
{
    color:#006dc6;
    line-height: 18px;
    font-size: 13px;
  
}

.CommentModuleFormPanelTitle, .CommentModuleFormPanelTitle span {
    display: block;
	font-family: "Martel_sanssemibold";
	line-height: 18px;
    font-size: 16px;
    font-weight: normal;
	margin-top: 5px;
}

.CommentModuleBoxTextlabel 
{
    font-family: "Martel_sanssemibold";
	line-height: 18px;
    font-size: 16px;
    font-weight: normal;
    width:100%;
}
.CommentModuleBoxlabel
{
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    vertical-align:middle;
}
.CommentModuleFormComment
{
    margin-top:10px;
}
.CommentModuleFormComment textarea
{
    border-radius:4px; 
    
}
.CommentModuleFormPanel input
{
    border-radius:4px;
   
    border-width:thin;
    height:20px;
   
}
.CommentModulePseudonym, .CommentModuleCommentText, .CommentModuleDatetime, .CommentModuleShowAllComments {
	font-size: 13px;
	font-weight: normal;
	color: #006DC6;
	}
	
/*PMODIF ROM 2015-12-07 Breite in Prozent statt fix */	
.CommentModuleCommentText {
	color: black;
	font-size: 11px;
	line-height: 19px;
	width: 100%
	}

.CommentModuleText {width: 100%}
	
/* .CommentModule{}
.CommentModule:before {
	content: url('./Images/comment.png'); 
	float: left;
	margin: 3px 10px 0px 0px;
} */


/* ***********************************************************************        */
/* UserContentModule */
/* ***********************************************************************        */
/*Disable write UserContent  on StoryShowPage, open by click-event */
.News #WriteUserGeneratedContent 
{
    display:none;
}

.DeactivateUserGeneratedContentBox 
{
    display:none;
}
.UserContentPanel
{
    background:#fff;
    font-size:0.9em;
}
.UserContentData h3
{
    font-size:0.7em;
}

.UserContentPanel .LinkedDocContainer .Heading 
{
    font-weight: bold;
    color:#006dc6;
}
.UserContentPanel input{
    border-radius: 4px;
    border-width: thin;
    height: 20px;
}

.UserContentPanel textarea 
{
    border-radius: 4px;
    border-width: thin;
}
.UserContentPanel input[type="submit"]
{
    height:25px;
}

.UserContentPanel .AGB
{
    line-height:30px;
}
.UserContentData select,
.UserContentData input[type=text],
.UserContentData input[type=email], 
.UserContentData input[type=tel] 
{
    width: 99%;
}
/* ***********************************************************************        */
/* Survey */
/* ***********************************************************************        */
.SurveyRow 
{
    width:100%;
}

.SurveyBar 
{
    height:10px;
}

.SurveyBar img 
{
    margin:0;
}
.SurveyModule H2
{
    color:#006dc6;
}
/* ***********************************************************************        */
/* Quiz */
/* ***********************************************************************        */
.QuizShowModule h1
{
    color:#006DC6;
}
.QuizShowModule span.ST_QuizInfo
{
    padding:0;
}
.artikeldetail .QuizShowModule span
{
    display:inline;
}
.ST_QuizInfoBox
{
    margin-bottom:20px;
    width:100%;
    border-bottom:1px solid #EAEAEA;
}
.ST_QuizInfo
{
    font-size:small;
    font-weight:bold;
    color:#006DC6;
}
.ST_QuizAnswerDescription
{
    color:#323232;
}
.QuizShowModule H2 {
    margin-top: 5px;
    color: #006DC6;
}
.QuizQuestionRow,
.QuizQuestionRow label
{
    width:100%;
}
.QuizQuestionRow input
{
    float:left;
}
.QuizQuestionRow div {
    float: left;
    width: 80%;
    margin-left: 5px;
}
.QuizShowModule input[type="radio"] {
    line-height: 1.4em;
    margin: 0px;
    vertical-align: middle;
}

/* ***********************************************************************        */
/* STDocumentPreviewStripeModule */
/* ***********************************************************************        */

.sliderHead {
    border-bottom: 1px solid #dedede;
}

.sttSeboSlider .Bit {
    
    height     : 160px; 
    width      : 300px;
    text-align : center; 
    float      : left; 
}

.sttSeboSlider .Bit img {
    width      : 280px;
}

.bitlabel {
    font-size: 0.9em;
    line-height: 1.4em;
    width: 210px;
    padding-left: 9px;
    text-align: left;
	margin:0;
}


.sttSeboSlider .Main {
    height    : 235px; 
    overflow  : hidden;
	float:left;
	width:100%;
    border-top:1px solid #dedede;
    padding: 3px 0 0 0;
}

.sttSeboSlider .main_inner {
    height    : 160px; 
}

.sttSeboSlider .Navigation {
    float            : right; 
    width            : auto; 
    margin-top: 3px;
}

.sttSeboSlider .Navigation .Left, .Right {
    text-decoration : none;
}


.sttSeboSlider .Navigation .Left 
{
    padding-right:15px;
}

.medialeiste 
{
    height:220px;
}


/* ***********************************************************************        */
/* LoginLinkCtrl */
/* ***********************************************************************        */

.LoginContentBttn 
{
    padding: 0px 6px 0px 6px;
    margin:0 0 1px 0;
}

.LogoutContentBttn 
{
    padding: 0px 6px 0px 6px;
    margin:0 0 1px 0;
}
/* .LoginContentBttn a, a:hover {color: #CCC; text-decoration: none;}*/
.LoginContentBttn a {color: #CCC; text-decoration: none;}


/* ***********************************************************************        */
/* WcmsForm */
/* ***********************************************************************        */
.WcmsFormRow 
{
    width:100%;
}
.WcmsFormRow  input
{
    border-radius: 4px;
    border-width: thin;
    height: 20px;
}

.WcmsFormInput 
{
    width:80%;
}

.WcmsFormRow select
 {
    border-radius: 4px;
    border-width: thin;
}

.WcmsFormSubmit input,
.WcmsFormReloadCaptcha input 
{
    border-radius: 4px;
    border-width: thin;
    height:25px;
}

.WcmsFormRow  textarea 
{
    border-radius: 4px;
    border-width: thin;
}

.WcmsFormRowSeparator 
{
    margin-bottom:5px;
}

.WcmsFormRowLabel 
{
    width:450px;
    float:none;
}

/*PMODIF 2015-12-16 Change checkbox layout */
.WcmsFormInput.Checkbox
{
margin-left: 0;
width:20px;
}

.WcmsFormRowLabel.Checkbox
{
    float:none;
    width:70%;
}




/* ***********************************************************************        */
/* NewsListLink */
/* ***********************************************************************        */
.pager 
{
    margin:0 0 0 0;
    padding: 0 0 10px 0;
}

/* ***********************************************************************        */
/* WcmsContainer */
/* ***********************************************************************        */
.WcmsContainer {
    background-color:transparent;
}


/* ***********************************************************************        */
/* SubscriptionList */
/* ***********************************************************************        */
.SubscriptionList 
{
    padding: 0 4px 0 15px;
}

.SubscriptionList .rubrikhead span 
{
    text-transform:none;
}

.SubscriptionListLoginHint,
.SubscriptionListInfo 
{

}

.SubscriptionListContent 
{
    margin:10px auto 10px auto;

}

.Subscription 
{
    background-color:#ececec;
    padding: 15px;
    margin:10px;
    min-height: 50px;   
}

@media all and (max-width: 767px) 
{
    .Subscription 
    {
        margin: 20px 0 20px 0;
    }
}

.Subscription .SubscriptionImage 
{
    float:left;
    margin: 8px 10px 0 0;
    height:100%;
}

.Subscription .SubscriptionDescription 
{
    margin: 5px 0 0 40px;
}


.Subscription h4 
{
    text-align:center;
    margin: 0 0 10px 0;
    line-height:1.2;
}

.Subscription img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto 10px auto;
}
 

.SubscriptionConfirmLink 
{
    text-decoration:none;
}

.SubscriptionList a:link,
.SubscriptionList a:visited,
.SubscriptionList a:hover,
.SubscriptionList a:active
{
    text-decoration: none;
}

.SubscriptionHint 
{
    float:left;
}


/* ***********************************************************************        */
/* SubscriptionConfirm */
/* ***********************************************************************        */
.SubscriptionControl
{
    width:100%;
}

.SubscriptionConfirm .Subscription,
.SubscriptionFinish .Subscription 
{
    display:table-cell;
    /*margin-left: 30%;*/
    /*margin-right:auto;*/
}

.SubscriptionConfirmFormControl 
{
    float:left;
}

.SubscriptionConfirm .WcmsFormRowLabel 
{
    width:200px;
}

.SubscriptionConfirm .row.form-group 
{
    margin: 0 0 5px 0;
}


#m_divPaymentModeBankCollection,
#m_divPaymentModeCreditCardCollection,
#m_divPaymentModeInvoice
{
    display:none;
}
/*#m_divPaymentModeBankCollection input
{
    width:90%;
}*/

.SubscriptionConfirm
{
    margin: 10px 0 0 0;
    padding:0 4px 0 15px;
}

.SubscriptionConfirm .panel-body 
{
    margin: 0 0 10px 0;

}

.SubscriptionConfirmCheckbox label 
{
    margin-left:5px;
}


.SubscriptionConfirm #m_divPaymentModeBankCollection input, #m_divPaymentModeBankCollection select,
.SubscriptionConfirm #m_divPaymentModeCreditCardCollection input, #m_divPaymentModeCreditCardCollection select,
.SubscriptionConfirm #m_divPaymentModeEPayment input, #m_divPaymentModeEPayment select,
.SubscriptionConfirm #m_divPaymentModeInvoice input, #m_divPaymentModeInvoice select,
.SubscriptionConfirm #m_WctrlFullsubscriptionInfoDiv input, #m_WctrlFullsubscriptionInfoDiv select
{
	height: 20px;
	border-width: 1px;
	border-color: #ddd;
	border-radius: 4px;
	background-color: white;
	padding-left: 10px;
}


.SubscriptionConfirm .WcmsError,
.SubscriptionFinish .WcmsError
{
    font-size:11px;
    margin: 0 0 0 15px;
}


.SubscriptionFinish,
.SubscriptionNotLoaded
{
    padding: 0 4px 0 15px;
}

.SubscriptionFinishStart 
{
    float:left;
}
#m_ctrlSubscriptionPaymentModeList label span b{
    margin-left: 5px;
}
.SubscriptionConfirm .span5 {
    margin-left: 0;
}
.SubscriptionConfirm .span4 {
    margin-left: 0;
}
.SubscriptionConfirm .span3 {
    margin-left: 0;
}
#m_WctrlSubscriptionConfirmError {
    margin-left: 15px;
}
#m_wcbxYear {
	position: absolute;
	margin-top: 3px;
}

@media all and (max-width: 690px){
    #m_WctrlSubscriptionPrintInfo { margin-left: 0;}
    #m_wcbxYear {position: absolute; margin-top: 3px;}
}