@charset "UTF-8";/* intended for @import declarations  */
 /* this normalize.css could be used to override setting from /Lib/normalize-css/normalize.css */

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
} /* intended to declare fundament website typographical css rules  */
 /* the mainTable */
.CalendarMainTable
{
	border: solid 1px #eee;
	font-size:1.2em;
	margin:0px 2px 2px 2px;
	padding-top:10px;
	display: inline-block;
}

/* the header (with left, right and month) */
.CalendarTableHead
{
	margin-bottom:10px;
}

/* the forward and backward button in the header */
.CalendarNavigation,
.CalendarNavigation:hover
{
	margin-left:25px;
	margin-right:25px;
}

/* the month in the header */
.CalendarMonth
{
	cursor:pointer;
	font-size:1.1em;
	text-align:center;
	text-decoration:none !important;
}
.CalendarMonth:Hover
{
	background-color:Silver;
	color:Black !important;
	cursor:pointer;
	font-size:1.1em;
	text-align:center;
	text-decoration:none !important;
}

/* the body (with calendar data) */
.CalendarTable
{
	height:200px;
	text-align:center !important;
}

/* the links for the week- and weekday selection */
.CalendarDayOfWeekLabel
{
	cursor:pointer;
}
.CalendarDayOfWeekLabel:hover
{
	background-color:Silver;
	cursor:pointer;
	color:black !important;
	padding:0px;
	text-decoration:none !important;
}

/* the weekDescriptor */
.CalendarWeekHeadShortName
{
}

/* all cells in the calendar */
.CalendarDayCell
{
	border:solid 1px #eee;
	width:50px;
	cursor: pointer;
}
.CalendarDayCell:Hover
{
	background-color:Silver;
 	color:Black !important;
	padding:0px;
	text-decoration:none !important;
}

/* the style of the not selectable days */
.CalendarDayLabel
{
	color:#aaaaaa;
}

/* the style of the selectable days */
.CalendarDayLink:Active,
.CalendarDayLink:Link,
.CalendarDayLink:Visited,
.CalendarDayLink:Hover
{ 
 	color:Black !important;
	text-decoration:none !important;
}

/* the style of the selected selectable days */
.CalendarDayLinkSelected:Active,
.CalendarDayLinkSelected:Link,
.CalendarDayLinkSelected:Visited
{
	color:Black !important;
	font-weight:bold !important;
	padding:0px;
	text-decoration:none !important;
}
.CalendarDayLinkSelected:Hover
{
	background-color:Silver;
	color:Black !important;
	font-weight:bold !important;
	padding:0px;
	text-decoration:none !important;
}

 /* css definitions for BannerHandler */
/* Parallax effect*/
.parallax-section {
  position: relative;
  width: 100%;
  /*height: 600px;*/
  /*defined in BannerRenderer in demand of WebSiteDefPos Size*/ }

.parallax-child-section {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 600px;*/
  /*defined in BannerRenderer in deman of WebSiteDefPos Size*/ }

#ParallaxBanner {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  z-index: 1000; }

.parallax-child-section-row {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: inherit inherit;
          background-size: inherit; }

/*The Background-image is positon:fixed so it's centering in the viewport instead of the column.
	If we use a banner in a bootstrap-colum structure, we have to change the position in demand of the 
	We have to change the position in demand of the width
*/
@media (min-width: 992px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 .parallax-child-section-row {
    background-position: 12% center; } }

@media (min-width: 1400px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 .parallax-child-section-row {
    background-position: 25% center; } }

@media (min-width: 1600px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 .parallax-child-section-row {
    background-position: 35% center; } }

/*414px for IPhone Plus, 
	We display the whole image for smaller screens (Bannermotif should be minimum widht of 414px) */
@media (max-width: 414px) {
  .parallax-child-section-row {
    -webkit-background-size: contain;
            background-size: contain; } }
 
/*************************************************************************************************/
/* common styles for the Branch		    						  						         */
/*************************************************************************************************/

.BranchRight
{
	float:left;
	margin-left:10px;
}

.Branch_hide
{
	display: none;
}

/*************************************************************************************************/
/* styles for the BranchSearch page																 */
/*************************************************************************************************/

.BranchSearchContent
{
	vertical-align: top; 
	width: 100%;
	float: left; 	
}

.BranchSearchContent .headLine
{
	margin-left: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.BranchNavigationBottom
{
	text-align: center;
	padding: 40px 0;
	width: 100%;
	clear: both;
}

.BranchSearchResult
{
	margin-top:10px;
}

.BranchShowPicture
{
	display:none;
}

.BranchSearchResultList
{
	list-style-type:none;
	padding-left:0px;
	margin-top:0px;
}

.BranchSearchResultLogo
{	
	/*float: left;*/
}

.BranchSearchResultLogo ul
{	
	padding: 0px;
}

.BranchSearchResultLogo li
{
	list-style: none;
	float: left;
}

.BranchSearchResultListItem
{
	clear:both;
}
.BranchSearchResultListItemGradient
{
	clear: both;	
	background-color: #e2ecf5;
	background: url(/Layout/RealEstate/RealEstateSearchPremium_bg.gif) repeat-x;
	background: -webkit-gradient(linear,left top,left bottom,from(#e2ecf5),to(#fff));
	background: -moz-linear-gradient(top center,#e2ecf5,#fff)

}
.BranchSearchResultListSeperator
{
	border-bottom:1px dashed #e8e8e8;
	clear:both;
	margin:0px 0px 5px 0px;
	padding-top:5px;
}
.BranchSearchResultListItemGradient .BranchSearchResultItemHeading
{
	float: left;
}
.BranchSearchResultListItem .BranchSearchResultItemHeading
{
}
.BranchSearchResultItemHeading a:link,
.BranchSearchResultItemHeading a:visited
{
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	width:410px;
}
.BranchSearchResultItemHeading a:hover
{
	text-decoration:underline;
}
.BranchSearchResultItemHeading img.userHint
{	
	height: 11px;
	padding-right: 2px;
}
.BranchSearchResultItemPicture
{
	position:relative;
	border:none;
	float:left;	
}
.BranchSearchResultItemPicture img.topRangeOverlay
{
	position:absolute;
}
.BranchSearchResultItemPicture img.thumb
{
	border:1px solid #999999;
	margin: 2px;
}
.BranchSearchResultItemItemData
{
	padding-left: 100px;
	padding-top:5px;
	font-size: 1.5em;
}
.BranchSearchResultItemItemData ul
{
	font-size:0.8em;
	line-height:1.5em;
	list-style-type:none;
	padding-left:0;
}
.BranchSearchResultItemItemData ul li
{
	float:left;
	width: 470px;
}
.BranchSearchResultItemItemLinks
{	
	float:right;
	width:78px;
}
.BranchSearchResultItemItemLinks ul
{
	font-size:0.8em;
	list-style-type:none;
	padding-left:0;
}
.BranchSearchResultItemItemLinks a:link,
.BranchSearchResultItemItemLinks a:visited
{
	clear:both;
	cursor:pointer;
	display:block;
	float:none;
	line-height:21px;
	margin-top:2px;
	padding-left:7px;
	text-decoration:none;
	width:70px;
}
.BranchSearchResultItemItemLinks a:hover
{
	text-decoration:underline;
}
.BranchSearchResultItemAddress
{
	float:left;
	width:345px;
}

/*************************************************************************************************/
/* styles for the BranchSearchCriteriaCtrl page												     */
/*************************************************************************************************/

.BranchSearchCriteria
{
	position:relative;
	background-color: #eee;
	height:65px;
	padding:5px;
	padding-bottom:0px;
}

.BranchSearchCriteria input[type=text]
{
	margin-top: 0px;
	margin-bottom: 4px;
	width: 200px;
}

.BranchSearchCriteria input[type=submit]
{
	background: url(/Layout/Branch/SearchBtnBkg.png) repeat-x;
	border:0px;
	margin: 6px 0 5px;
	padding: 2px 15px;
}

.BranchSearchCriteria h1
{
	font-weight:bold !important;
	font-size:16pt !important;
	padding-left: 8px;
}

.BranchSearchCriteriaName
{
	padding: 8px;
	width: 34px; 
	display: inline-block;
}

/*************************************************************************************************/
/* styles for the BranchShow page															     */
/*************************************************************************************************/

.BranchShowAdvertiserBP
{
	margin-top: 15px;
}

.BranchShowRightContent
{
	float: left;
}

.BranchShowLeftContent
{
	float: left;
}

.BranchShowAdvertiserName
{
	font-weight: bold;
	margin-top: 10px;
}

.BranchShowAdvertiserLogo
{
	width: 150px;
	margin-right: 10px;
}

.BranchShowPicItem
{
	width: 350px;
	margin: 5px 5px 10px 0;
}

.BranchShowHeaderOneColumn
{
	/*background-color:#f2f2f2;
	border:1px solid #999999;*/
	border-bottom:none;
	padding:2px 5px 2px 0;
	width: 650px;
}

.BranchShowContentOneColumn
{	
	/*border:1px solid #999999;*/
	margin-bottom:10px;
	padding:2px 5px 2px 0;
	width: 650px;	
}

.BranchShowHeaderTwoColumnMajor
{
	background-color:#f2f2f2;
	border:1px solid #999999;
	border-bottom:none;
	padding:2px 5px 2px 5px;
	width:500px;
}

.BranchShowContentTwoColumnMajor
{	
	border:1px solid #999999;
	margin-bottom:10px;
	padding:2px 5px 2px 5px;
	width: 490px;	
}

.BranchShowHeaderTwoColumn
{
	padding:2px 5px 2px 0;		
}

.BranchShowHeaderTwoColumnMinor
{
	background-color:#f2f2f2;
	border:1px solid #999999;
	border-bottom:none;
	padding:2px 5px 2px 5px;	
	width:300px;
}

.BranchShowContentTwoColumnMinor
{
	/*border:1px solid #999999;*/
	margin-bottom:10px;
	padding: 0 5px 2px 0;	
	width: 300px;
}

/*************************************************************************************************/
/* styles for the BranchEdit page															     */
/*************************************************************************************************/

.BranchEdit
{		
}

.BranchSearchResultItemItemLinks a.BranchEditEditieren
{
	line-height: 15px;
	margin-bottom: 5px;
}

.BranchEditHeadline
{
	font-weight: bold;
}

.BranchEditLogo
{
	margin-right: 20px;
	vertical-align: -5px;
}

.BranchEdit input[type=file],
.BranchEdit input[type=submit]
{
	height: 24px;
}

.BranchEditBPLogoUpload td
{
	vertical-align: bottom;
}

.BranchEditDeleteButton
{
	position: relative;
	bottom: -9px;
	left: 9px;
}




 /*for BannerModule */
.BannerModule {
  margin-bottom: 30px; }

/* for the text which is shown over ads */
.WcmsAdHint {
  font-size: 8pt;
  text-decoration: none;
  margin-bottom: 5px !important;
  display: block; }

#WallpaperBanner {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }
  #WallpaperBanner .BannerModule {
    margin-bottom: 10px; }

.WcmsSkycraperBannerPlaceHolder {
  position: absolute;
  left: 1175px !important; }

@media (max-width: 1200px) {
  .WcmsSkycraperBannerPlaceHolder {
    left: 945px !important; } }

@media (max-width: 992px) {
  .WcmsSkycraperBannerPlaceHolder {
    left: 725px !important; } }

@media (max-width: 560px) {
  .WcmsSkycraperBannerPlaceHolder {
    left: 725px !important; } }
 /*for BannerOMSModule */
.BannerOMSModule {
  text-align: right;
  clear: both; }

#WallpaperBanner .BannerOMSModule {
  margin-bottom: 10px; }

/*html, body, div {
   margin: 0;
   padding: 0;
}*/
#adl_sb_table {
  width: 100% !important; }

#oms_gpt_superbanner {
  width: 100%;
  margin-bottom: 10px; }

#billboard {
  width: 800px;
  margin: 0 auto; }

#rectangle1 {
  padding-top: 50px;
  padding-left: 50px; }

#rectangle2 {
  padding-top: 50px;
  padding-left: 50px; }

#oms_gpt_medium_rectangle_pos1 {
  text-align: center;
  margin-bottom: 10px; }

oms_gpt_medium_rectangle_pos2, #oms_gpt_medium_rectangle_pos3 {
  text-align: center;
  margin-bottom: 10px; }

#content {
  width: 80%;
  height: 1400px;
  background: #333;
  padding-top: 50px; }

@media (max-width: 1024px) {
  #content {
    width: 100%; } }
 /*for BannerSDGModule */
#SDG_Banner_banner {
  width: 800px;
  margin: auto; }

#SDG_Banner_billboard {
  width: 800px;
  margin: auto; }
 /*************************************************************************************************/
/* cookie consent div */
/*************************************************************************************************/
#fi-cookieconsent {
  background-color: #5a5a5a;
  border: none;
  border-radius: 0;
  color: #fff;
  display: none;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  z-index: 999;
  /* PMODIF TS 2020-04-21 place at bootom */
  position: fixed;
  bottom: 0; }
  #fi-cookieconsent .text {
    padding: 0 15px;
    display: block; }
  #fi-cookieconsent a {
    color: #fff;
    line-height: 19px;
    /* PMODIF TS 2020-04-21 changed padding */
    padding: 4px 4px;
    white-space: nowrap;
    /* PMODIF TS 2020-04-21 underline */
    text-decoration: underline; }

#close-fi-cookieconsent {
  background-color: #303030;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  line-height: 19px;
  padding: 4px 8px;
  text-decoration: none;
  white-space: nowrap; }
 /*for MapsModule */
.MapModule {
  /* DataPrivacy Handling*/ }
  .MapModule .mapsembedcontainer .submitprivacypolicyelement {
    height: 240px; }
    @media (max-width: 415px) {
      .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-left: 50px;
        margin-top: 155px; } }
    @media (min-width: 415px) {
      .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-top: 60px;
        margin-left: 240px; } }
  @media (max-width: 415px) {
    .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Landscape.jpg"); } }

/*Layout StoryShowMeta (Service-Column) and EventShow*/
.WcmsPageWideBannerRightPlaceHolder .MapModule,
.EventShowContent .MapModule {
  /* DataPrivacy Handling for Youtube and Other Videos */ }
  .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement,
  .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement {
    height: 240px; }
    @media (max-width: 415px) {
      .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement input,
      .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-left: 50px;
        margin-top: 155px; } }
    @media (min-width: 415px) {
      .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement input,
      .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement input {
        margin-top: 135px;
        margin-left: 35px; } }
  @media (max-width: 415px) {
    .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps,
    .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .WcmsPageWideBannerRightPlaceHolder .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps,
    .EventShowContent .MapModule .mapsembedcontainer .submitprivacypolicyelement.maps {
      background-image: url("/Layout/News/DataPrivacyGoogle_Landscape.jpg"); } }
 /* the WcmsMediaUploadCtrl */
.WcmsMediaUploadCtrl .absWrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0; }

.WcmsMediaUploadCtrl .collapsible_body {
  padding-bottom: 0.5em !important; }

.WcmsMediaUploadCtrl table {
  width: 100%; }
  .WcmsMediaUploadCtrl table tr {
    width: 100%;
    list-style: none;
    margin-left: 20px; }
    .WcmsMediaUploadCtrl table tr li {
      float: left;
      margin-left: 20px; }

.WcmsMediaUploadCtrl .media-list ul {
  list-style: none;
  padding: 0px; }
  .WcmsMediaUploadCtrl .media-list ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; }

.WcmsMediaUploadCtrl .media-list li.template {
  display: none; }

.WcmsMediaUploadCtrl a.media_upload:active,
.WcmsMediaUploadCtrl a.media_upload:link,
.WcmsMediaUploadCtrl a.media_upload:visited,
.WcmsMediaUploadCtrl a.media_upload:hover {
  float: left;
  position: relative;
  overflow: hidden;
  display: none;
  margin-top: 10px; }

.WcmsMediaUploadCtrl a.media_add:active,
.WcmsMediaUploadCtrl a.media_add:link,
.WcmsMediaUploadCtrl a.media_add:visited,
.WcmsMediaUploadCtrl a.media_add:hover {
  float: left;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  margin-right: 15px; }

.WcmsMediaUploadCtrl a.media_add input {
  right: 0;
  left: auto;
  font-size: 30px;
  opacity: 0;
  cursor: pointer; }

.WcmsMediaUploadCtrl .upload-area input {
  opacity: 0;
  position: absolute; }

.WcmsMediaUploadCtrl .upload-area table {
  margin-bottom: 0.4em; }

.WcmsMediaUploadCtrl .upload-area table.empty {
  display: none; }

.WcmsMediaUploadCtrl .upload-area table tr {
  border: 1px solid #AAA; }

.WcmsMediaUploadCtrl .upload-area table tr.template {
  display: none; }

.WcmsMediaUploadCtrl .upload-area td.thumb {
  width: 70px; }

.WcmsMediaUploadCtrl .upload-area td.thumb div {
  width: 64px;
  height: 48px;
  background: url(/Layout/Common/other.png) no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain; }

.WcmsMediaUploadCtrl .upload-area td.info {
  position: relative; }

.WcmsMediaUploadCtrl .upload-area td.info div.name {
  bottom: auto;
  font-weight: bolder;
  font-size: 16px;
  border-bottom: 1px solid #DDD;
  padding-top: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.WcmsMediaUploadCtrl .upload-area td.info div.size {
  height: 16px;
  top: auto;
  color: #AAA;
  font-size: 12px;
  padding-top: 1px; }

.WcmsMediaUploadCtrl .upload-area td.info div.size div.ajax-error {
  display: block;
  min-height: 0;
  -webkit-background-size: contain;
          background-size: contain;
  padding-left: 20px; }

.WcmsMediaUploadCtrl .upload-area td.info div.progress {
  height: 16px;
  top: auto;
  left: 150px;
  color: #AAA;
  font-size: 12px;
  padding-top: 1px; }

.WcmsMediaUploadCtrl .upload-area td.remove {
  width: 24px;
  vertical-align: top;
  padding: 4px;
  text-align: right;
  color: #AAA; }

.WcmsMediaUploadCtrl .upload-area td.remove a:hover,
.WcmsMediaUploadCtrl .upload-area td.remove a:focus {
  color: #000; }

.WcmsMediaUploadCtrl .upload-area.isUploading td.remove a {
  visibility: hidden; }

.WcmsMediaUploadCtrl .thumbnail {
  width: 150px;
  height: 112px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center center;
  position: relative;
  border: 1px solid #CCC; }
  .WcmsMediaUploadCtrl .thumbnail.image {
    background-image: url(/Layout/Common/image.png); }
  .WcmsMediaUploadCtrl .thumbnail.audio {
    background-image: url(/Layout/Common/audio.png); }
  .WcmsMediaUploadCtrl .thumbnail.video {
    background-image: url(/Layout/Common/video.png); }
  .WcmsMediaUploadCtrl .thumbnail.generaldoc {
    background-image: url(/Layout/Common/other.png); }

.WcmsMediaUploadCtrl .thumbnail > div.play {
  font-size: 50px;
  line-height: 112px;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  color: #CCC; }

.WcmsMediaUploadCtrl .thumbnail > div.name {
  visibility: hidden;
  height: 1.6em;
  top: auto;
  background: #DDD;
  line-height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top: 1px solid #CCC;
  padding-left: 0.2em;
  padding-right: 0.2em; }

.WcmsMediaUploadCtrl .thumbnail > div.removeItem {
  display: none;
  padding: 5px;
  right: -16px;
  width: 32px;
  top: -10px;
  left: auto;
  height: 32px;
  bottom: auto;
  background: #CCC;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 16px;
  border: 1px solid #888; }

.WcmsMediaUploadCtrl .thumbnail:hover > div.play {
  color: #444; }

.WcmsMediaUploadCtrl a:focus .thumbnail > div.name,
.WcmsMediaUploadCtrl .thumbnail:hover > div.name,
.WcmsMediaUploadCtrl .thumbnail.audio > div.name {
  visibility: visible; }

.WcmsMediaUploadCtrl a:focus .thumbnail > div.removeItem,
.WcmsMediaUploadCtrl .thumbnail:hover > div.removeItem {
  display: block; }

.WcmsMediaUploadCtrl .ui-button:hover {
  text-decoration: none !important; }
 /* Classes for Wcms-Modules */
.WcmsModule {
  margin-bottom: 20px;
  /* module links */ }
  @media screen and (min-width: 768px) {
    .WcmsModule.MaxModuleWidth {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; } }
  .WcmsModule.NoMarginBottom {
    margin-bottom: 0px; }
  .WcmsModule hr {
    border: 1px solid #DDDDDD; }
  .WcmsModule A.moreLink:active,
  .WcmsModule A.moreLink:link,
  .WcmsModule A.moreLink:visited {
    color: #666;
    display: inline;
    font-weight: 500;
    padding-left: 0.66em; }

@media screen and (min-width: 768px) {
  .WcmsContainer.MaxContainerWidth {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; } }

.headLine {
  display: block;
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #ccc;
  margin-bottom: 20px; }

/* for module-help files */
.moduleHelpTitle {
  text-align: center;
  margin: 10px;
  background-color: #ffffe0; }
  .moduleHelpTitle h1 {
    font-size: 1.5em !important; }

.moduleHelpDescription {
  margin: 10px; }
  .moduleHelpDescription h2 {
    font-size: medium;
    color: Black; }

.moduleHelpRow {
  margin-left: 10px; }
  .moduleHelpRow div {
    float: left;
    width: 70%;
    margin-bottom: 5px; }
  .moduleHelpRow div:first-child {
    font-weight: bold;
    width: 30%; }

.moduleHelpButton span {
  Cursor: pointer;
  font-size: 1.0rem; }
 .PrintMotifRotatorModule .fi-printmotif-rotator-navigation {
  height: 50px;
  position: relative; }
  .PrintMotifRotatorModule .fi-printmotif-rotator-navigation div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%; }

.PrintMotifRotatorModule .fi-printmotif-rotator-prev {
  position: absolute;
  left: 0px;
  top: 0px; }

.PrintMotifRotatorModule .fi-printmotif-rotator-next {
  position: absolute;
  right: 0px;
  top: 0px; }

.PrintMotifRotatorModule .fi-printmotif-rotator-image {
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }
  @media screen and (max-width: 768px) {
    .PrintMotifRotatorModule .fi-printmotif-rotator-image {
      width: 100%; } }
 .SearchModule {
  max-width: 400px; }
 /*for SocialNetworksBookmarksModule */
.SocialNetworksBookmarksModule {
  border-top: none; }
  .SocialNetworksBookmarksModule .headLine {
    display: block;
    margin-bottom: 5px; }
  .SocialNetworksBookmarksModule ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px 0px 0.66em; }
    .SocialNetworksBookmarksModule ul li {
      display: inline;
      margin-right: 0.3125em;
      vertical-align: baseline;
      padding-left: 0px;
      background: none; }
 /*for VideoShowModule */
.VideoShowModule {
  /* special css when using video show module in a inline box */ }
  .VideoShowModule .VideoShowDate {
    font-weight: bold; }
  .VideoShowModule .VideoShowPlayer {
    /* html5 player */
    /* Youtube videos */
    /* flash, Silverlight videos */
    /* DataPrivacy Handling for Youtube and Other Videos */ }
    .VideoShowModule .VideoShowPlayer video {
      background-color: #000; }
    .VideoShowModule .VideoShowPlayer .videoIFrameWrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0; }
    .VideoShowModule .VideoShowPlayer .videoIFrameWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .VideoShowModule .VideoShowPlayer .videoObjectWrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0; }
      .VideoShowModule .VideoShowPlayer .videoObjectWrapper object, .VideoShowModule .VideoShowPlayer .videoObjectWrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement {
      height: 240px; }
      @media (max-width: 415px) {
        .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement input {
          margin-left: 50px;
          margin-top: 155px; } }
      @media (min-width: 415px) {
        .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement input {
          margin-top: 60px;
          margin-left: 240px; } }
    @media (max-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.youtube {
        background-image: url("/Layout/News/DataPrivacyYoutube_Portrait.jpg"); } }
    @media (min-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.youtube {
        background-image: url("/Layout/News/DataPrivacyYoutube_Landscape.jpg"); } }
    @media (max-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.othervideo {
        background-image: url("/Layout/News/DataPrivacyOtherVideo_Portrait.jpg"); } }
    @media (min-width: 415px) {
      .VideoShowModule .VideoShowPlayer .videourlembedcontainer .submitprivacypolicyelement.othervideo {
        background-image: url("/Layout/News/DataPrivacyOtherVideo_Landscape.jpg"); } }
  .VideoShowModule .VideoShowCopyright {
    float: right; }
  .VideoShowModule .VideoShowDuration {
    float: left; }
  .InlineVideoBox .VideoShowModule .VideoShowPlayer {
    position: relative;
    margin-left: 0px;
    margin-top: 0px; }
  .InlineVideoBox .VideoShowModule .VideoShowAttributes {
    margin-left: 0px; }
  @media (min-width: 992px) {
    .InlineVideoShowModule .player-fullwidth .VideoShowModule .row .col-md-6,
    .InlineVideoSHowModule .player-fullwidth .VideoShowModule .row .col-md-6 {
      width: 100%; } }
 /*************************************************************************************************/
/* general Wcms stylesheet definitions */
/*************************************************************************************************/
/*************************************************************************************************/
/* general Wcms stylesheet definitions */
/*************************************************************************************************/
/*******************************************************/
/*spacing*/
/*******************************************************/
.margin-top-0 {
  margin-top: 0em; }

.margin-top-05 {
  margin-top: 0.5em; }

.margin-top-10 {
  margin-top: 1.0em; }

.margin-top-15 {
  margin-top: 1.5em; }

.margin-top-20 {
  margin-top: 2.0em; }

.margin-top-25 {
  margin-top: 2.5em; }

.margin-top-30 {
  margin-top: 3.0em; }

.margin-right-0 {
  margin-right: 0em; }

.margin-right-05 {
  margin-right: 0.5em; }

.margin-right-10 {
  margin-right: 1.0em; }

.margin-right-15 {
  margin-right: 1.5em; }

.margin-right-20 {
  margin-right: 2.0em; }

.margin-right-25 {
  margin-right: 2.5em; }

.margin-right-30 {
  margin-right: 3.0em; }

.margin-left-0 {
  margin-left: 0em; }

.margin-left-05 {
  margin-left: 0.5em; }

.margin-left-10 {
  margin-left: 1.0em; }

.margin-left-15 {
  margin-left: 1.5em; }

.margin-left-20 {
  margin-left: 2.0em; }

.margin-left-25 {
  margin-left: 2.5em; }

.margin-left-30 {
  margin-left: 3.0em; }

.margin-bottom-0 {
  margin-bottom: 0em; }

.margin-bottom-05 {
  margin-bottom: 0.5em; }

.margin-bottom-10 {
  margin-bottom: 1.0em; }

.margin-bottom-15 {
  margin-bottom: 1.5em; }

.margin-bottom-20 {
  margin-bottom: 2.0em; }

.margin-bottom-25 {
  margin-bottom: 2.5em; }

.margin-bottom-30 {
  margin-bottom: 3.0em; }

.padding-top-05 {
  padding-top: 0.5em; }

.padding-top-10 {
  padding-top: 1.0em; }

.padding-top-15 {
  padding-top: 1.5em; }

.padding-top-20 {
  padding-top: 2.0em; }

.padding-top-25 {
  padding-top: 2.5em; }

.padding-top-30 {
  padding-top: 3.0em; }

.padding-right-05 {
  padding-right: 0.5em; }

.padding-right-10 {
  padding-right: 1.0em; }

.padding-right-15 {
  padding-right: 1.5em; }

.padding-right-20 {
  padding-right: 2.0em; }

.padding-right-25 {
  padding-right: 2.5em; }

.padding-right-30 {
  padding-right: 3.0em; }

.padding-left-05 {
  padding-left: 0.5em; }

.padding-left-10 {
  padding-left: 1.0em; }

.padding-left-15 {
  padding-left: 1.5em; }

.padding-left-20 {
  padding-left: 2.0em; }

.padding-left-25 {
  padding-left: 2.5em; }

.padding-left-30 {
  padding-left: 3.0em; }

.padding-bottom-05 {
  padding-bottom: 0.5em; }

.padding-bottom-10 {
  padding-bottom: 1.0em; }

.padding-bottom-15 {
  padding-bottom: 1.5em; }

.padding-bottom-20 {
  padding-bottom: 2.0em; }

.padding-bottom-25 {
  padding-bottom: 2.5em; }

.padding-bottom-30 {
  padding-bottom: 3.0em; }

/*******************************************************/
/*table*/
/*******************************************************/
table.word-wrap {
  table-layout: fixed;
  width: 100%; }
  table.word-wrap td {
    overflow-wrap: break-word;
    word-wrap: break-word; }

/*******************************************************/
/*border*/
/*******************************************************/
.border-top-10 {
  border-style: solid none none none;
  border-top-width: 1px;
  border-color: #cccccc;
  padding-top: 1.0em; }

.border-bottom-10 {
  border-style: none none solid none;
  border-bottom-width: 1px;
  border-color: #cccccc;
  padding-bottom: 1.0em; }

.border-top--bottom-10 {
  border-style: solid none solid none;
  border-width: 1px;
  border-color: #cccccc;
  padding-top: 1.0em;
  padding-bottom: 1.0em; }

/*************************************************************************************************/
/* enhancement for submenus */
/*************************************************************************************************/
.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu.open > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px; }

/*************************************************************************************************/
/* misc */
/*************************************************************************************************/
/* need to adapt height of buttons in button groups */
.input-group-btn button {
  height: 36px; }

.borderBottom {
  border-style: none none solid none;
  border-width: 1px;
  border-color: #ccc; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.no-row {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.no-padding-right {
  padding-right: 0; }

.no-padding-left {
  padding-left: 0; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.row.vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.row.vdivide [class*='col-']:not(:last-child) {
  border-right-style: solid;
  border-width: 1px;
  border-color: #ccc; }

/*centered position of things*/
.centered {
  text-align: center; }

/* clear styles before using element */
.clear {
  clear: both; }

/* background-colors in gray */
.bkg-gray-darker {
  background-color: #222222; }

.bkg-gray {
  background-color: #555555; }

.bkg-gray-light {
  background-color: #777777; }

.bkg-gray-light {
  background-color: #777777; }

.bkg-gray-lighter {
  background-color: #cccccc; }

.bkg-gray-lightest {
  background-color: #eeeeee; }

/*************************************************************************************************/
.WcmsError {
  color: red;
  font-weight: bold; }

/*************************************************************************************************/
.WcmsHint {
  color: #0000ff; }

/*************************************************************************************************/
.WcmsSmall {
  font-size: 0.8em; }

/*************************************************************************************************/
.WcmsSmallBR {
  font-size: 0.3em; }

/*************************************************************************************************/
input[type=text].WcmsError {
  color: Black;
  font-weight: normal;
  background-color: #f0686b; }

/*************************************************************************************************/
/* bootstrap extension */
/*************************************************************************************************/
.form-group.required .control-label:after {
  content: "*";
  margin-left: 0.3em;
  font-size: 0.8em; }

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear; }

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  to {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg); } }

@-o-keyframes spin {
  from {
    -o-transform: scale(1) rotate(0deg);
       transform: scale(1) rotate(0deg); }
  to {
    -o-transform: scale(1) rotate(360deg);
       transform: scale(1) rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  to {
    -webkit-transform: scale(1) rotate(360deg);
         -o-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg); } }

/*************************************************************************************************/
/* bootstrap fixes */
/*************************************************************************************************/
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 36px; }
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 1.428571429; }

/*************************************************************************************************/
/* bootstrap-validator */
/*************************************************************************************************/
.help-block.with-errors {
  margin-top: 0px;
  margin-bottom: 0px; }
  .help-block.with-errors ul.list-unstyled {
    margin-top: 5px;
    margin-bottom: 5px; }

.panel-body .help-block.with-errors ul.list-unstyled {
  padding-left: 15px;
  padding-right: 15px; }

.form-horizontal .help-block.with-errors ul.list-unstyled {
  padding-left: 15px;
  padding-right: 15px;
  text-align: right; }

/*************************************************************************************************/
/* jquery-ui defaults */
/*************************************************************************************************/
/* Do not let the modal dialogs appear too big! */
body > .ui-dialog.ui-widget {
  font-size: small; }

/* Do not let the datepicker appear too big! */
body > .ui-datepicker.ui-widget {
  font-size: small; }

/* Do not let the timepicker dialogs appear too big! */
body > .ui-timepicker.ui-widget {
  font-size: small;
  /*bootstrap crashes the style of jquery timepicker */ }
  body > .ui-timepicker.ui-widget .ui-timepicker-hour-cell > a, body > .ui-timepicker.ui-widget .ui-timepicker-minute-cell > a {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box; }

/* Default for collapsible content */
.ui-autocomplete {
  font-size: 0.9em;
  white-space: nowrap; }

/*************************************************************************************************/
.Wcms {
  background-color: #fff; }
  .Wcms a.text-link:active,
  .Wcms a.text-link:link,
  .Wcms a.text-link:visited {
    color: #666;
    font-weight: 600;
    text-decoration: underline; }
  .Wcms .btn-secondary {
    color: #006eb8;
    background-color: #DDD;
    border-color: #ccc; }
    .Wcms .btn-secondary:focus, .Wcms .btn-secondary.focus {
      color: #006eb8;
      background-color: #c4c4c4;
      border-color: #8c8c8c; }
    .Wcms .btn-secondary:hover {
      color: #006eb8;
      background-color: #c4c4c4;
      border-color: #adadad; }
    .Wcms .btn-secondary:active, .Wcms .btn-secondary.active,
    .open > .Wcms .btn-secondary.dropdown-toggle {
      color: #006eb8;
      background-color: #c4c4c4;
      background-image: none;
      border-color: #adadad; }
      .Wcms .btn-secondary:active:hover, .Wcms .btn-secondary:active:focus, .Wcms .btn-secondary:active.focus, .Wcms .btn-secondary.active:hover, .Wcms .btn-secondary.active:focus, .Wcms .btn-secondary.active.focus,
      .open > .Wcms .btn-secondary.dropdown-toggle:hover,
      .open > .Wcms .btn-secondary.dropdown-toggle:focus,
      .open > .Wcms .btn-secondary.dropdown-toggle.focus {
        color: #006eb8;
        background-color: #b2b2b2;
        border-color: #8c8c8c; }
    .Wcms .btn-secondary.disabled:hover, .Wcms .btn-secondary.disabled:focus, .Wcms .btn-secondary.disabled.focus, .Wcms .btn-secondary[disabled]:hover, .Wcms .btn-secondary[disabled]:focus, .Wcms .btn-secondary[disabled].focus,
    fieldset[disabled] .Wcms .btn-secondary:hover,
    fieldset[disabled] .Wcms .btn-secondary:focus,
    fieldset[disabled] .Wcms .btn-secondary.focus {
      background-color: #DDD;
      border-color: #ccc; }
    .Wcms .btn-secondary .badge {
      color: #DDD;
      background-color: #006eb8; }
  .Wcms .btn-file {
    position: relative;
    overflow: hidden; }
    .Wcms .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block; }
  .Wcms .col-edit-button {
    text-align: left;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .Wcms .col-edit-button {
        text-align: right;
        margin-top: 0px; } }
  .Wcms .WcmsContentHeader h1 {
    display: block;
    color: #006eb8;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ccc;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: normal; }
  .Wcms .no-textdecoration {
    text-decoration: none; }
 ol.breadcrumb {
  margin-top: -1.5em; }
 /*************************************************************************************************/
/* footer of the website */
/*************************************************************************************************/
.WcmsFooter {
  /*Copyright Funkinform*/ }
  .WcmsFooter ul.footer {
    list-style: none; }
  .WcmsFooter li.head {
    font-weight: bold; }
  .WcmsFooter .footer_border {
    border-top: solid 1px #ccc;
    margin-top: 3em;
    padding-top: 1em; }
 /*for WcmsFormModule */
.WcmsFormModule h2 {
  text-align: center; }

.WcmsFormModule .fi-form-row label {
  font-weight: normal; }

.WcmsFormModule .fi-form-row .WcmsFormLabel {
  font-weight: bold;
  text-align: left; }

.WcmsFormModule .WcmsFormCaptchaHolder label {
  text-align: left; }

.WcmsFormModule .WcmsFormCaptchaHolder .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }

.WcmsFormModule .WcmsFormFormSubmitted {
  text-align: center; }
 .WcmsHeader .WcmsHeaderLoginLinkModule {
  display: inline-block; }

/*************************************************************************************************/
/* navigation links in the header */
/*************************************************************************************************/
.TopNavigation ul {
  padding-left: 0px;
  padding-right: 0px; }
  .TopNavigation ul li {
    display: inline;
    border-right: solid 1px #006eb8;
    padding-left: 3px;
    padding-right: 2px; }
    .TopNavigation ul li:last-child {
      border-right: none;
      padding-right: 0px; }

#WcmsLogoInsideNavigation {
  display: none; }

#WcmsLogo img {
  margin-bottom: 15px; }

#WcmsLogoXs {
  height: 100%; }

#MobileNavigation .navbar-toggle {
  margin-right: 5px; }

/*************************************************************************************************/
/* header for StoryTelling */
/*************************************************************************************************/
.Wcms.StoryTelling .WcmsHeader {
  margin-left: -15px;
  margin-right: -15px; }
  .Wcms.StoryTelling .WcmsHeader .TopNavigation, .Wcms.StoryTelling .WcmsHeader .NavigationHeader {
    display: none; }
  .Wcms.StoryTelling .WcmsHeader #WcmsLogoInsideNavigation {
    display: inline-block;
    padding: 5px 15px; }
  .Wcms.StoryTelling .WcmsHeader #DesktopNavigation.navbar {
    margin-bottom: 0px;
    border: 0px; }
  .Wcms.StoryTelling .WcmsHeader #DesktopNavigation .nav.navbar-nav {
    float: right; }
  .Wcms.StoryTelling .WcmsHeader #MobileNavigation.navbar {
    margin-bottom: 0px;
    border: 0px; }
 /*************************************************************************************************/
/* navigation menu */
/*************************************************************************************************/
/*************************************************************************************************/
/* navigation menu */
/*************************************************************************************************/
nav.navbar.navbar-default .navbar-header .glyphicon, nav.navbar.navbar-default .navbar-header .badge {
  color: #fff;
  background-color: #006eb8; }
  nav.navbar.navbar-default .navbar-header .glyphicon:hover, nav.navbar.navbar-default .navbar-header .badge:hover {
    color: #006eb8;
    background-color: inherit; }

nav.navbar.navbar-default .navbar-collapse .badge {
  color: #006eb8;
  background-color: #fff; }

nav.navbar.navbar-default .navbar-collapse button {
  color: #006eb8;
  background-color: #eeeeee;
  border-color: #9d9d9d; }
 /* with style for all the divs in the qryResultConent (foreach row a seperate is used) */
.QryResultContentDiv {
  width: 100%; }

/* the prefix of the qryResult navigation */
.QryResultPrefix {
  padding-right: 10px; }

/* the backwardLink of the qryResult navigation */
.QryResultBackwardLink {
  text-decoration: none !important;
  padding-right: 5px; }

/* the backwardMore of the qryResult navigation */
.QryResultBackwardMore {
  text-decoration: none !important;
  padding-right: 5px; }

/* the pageLink of the qryResult navigation */
.QryResultPageLink {
  text-decoration: none !important;
  padding-left: 2px;
  padding-right: 2px; }

/* the pageSelection of the qryResult navigation */
.QryResultPageSelection {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: -2px; }

/* the activePage of the qryResult navigation */
.QryResultActivePage {
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px; }

/* the forwardMore of the qryResult navigation */
.QryResultForwardMore {
  text-decoration: none !important;
  padding-left: 5px; }

/* the forwardLink of the qryResult navigation */
.QryResultForwardLink {
  text-decoration: none !important;
  padding-left: 5px; }

/* the postfix of the qryResult navigation */
.QryResultPostfix {
  text-decoration: none;
  padding-left: 25px; }

/* the style of the <hr> which seperates the qryResult from each other */
.QryResultSeparator {
  margin-top: 20px;
  margin-bottom: 20px; }

.WcmsQueryToolbarLinks {
  margin-bottom: 5px; }
 /*for WebStoryFeaturedModule */
.WebStoryFeaturedModule .WebStoryFeaturedContent {
  margin-top: 5px; }
 @font-face {
	font-family: 'wcms-portal';
	src:url('/Layout/Common/iconfont/fonts/wcms-portal.eot');
	src:url('/Layout/Common/iconfont/fonts/wcms-portal.eot?#iefix') format('embedded-opentype'),
		url('/Layout/Common/iconfont/fonts/wcms-portal.woff') format('woff'),
		url('/Layout/Common/iconfont/fonts/wcms-portal.ttf') format('truetype'),
		url('/Layout/Common/iconfont/fonts/wcms-portal.svg#wcms-portal') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'wcms-portal';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-share, .icon-compass, .icon-person, .icon-search {
	font-family: 'wcms-portal';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-compass:before { content: "\e005"; }
.icon-person:before { content: "\e040"; }
.icon-search:before { content: "\e046"; }
.icon-share:before { content: "\e004"; }

/* CFontIcon statics
		public static string c_strCompass = "\ue005";
		public static string c_strPerson = "\ue040";
		public static string c_strSearch = "\ue046";
		public static string c_strShare = "\ue004";
 */
 /*for StoryShowModule */
#m_wctrlEPaperRoot {
  /* ========================================================================================== */
  /* story body */
  /* ========================================================================================== */
  /* story box */
  /* ========================================================================================== */
  /* Rating Box in StoryShow */
  /* ========================================================================================== */
  /* AddToWatchList Box in StoryShow */
  /* ========================================================================================== */
  /* story image/gallery box */
  /* ========================================================================================== */
  /* story image */
  /* ========================================================================================== */
  /* story basetext and video box */
  /* ========================================================================================== */
  /* picture gallery */
  /* ========================================================================================== */
  /* story info area */
  /* additional media links in StoryShow */
  /*for Social Networks WebStory Inline Module*/
  /* sharing content for other social media */ }
  #m_wctrlEPaperRoot .StoryShowBody A.EditLink {
    padding-left: 20px;
    color: #999;
    font-size: 0.92em;
    margin: 0 0.66em 0 0; }
    #m_wctrlEPaperRoot .StoryShowBody A.EditLink SPAN {
      display: block; }
  #m_wctrlEPaperRoot .StoryShowBox {
    position: relative;
    padding-bottom: 0;
    line-height: 1.5em;
    margin-bottom: 0.66em;
    background: #ffffff; }
    #m_wctrlEPaperRoot .StoryShowBox .buttonWrapper {
      float: right; }
    #m_wctrlEPaperRoot .StoryShowBox UL {
      padding: 0;
      list-style-type: none;
      margin: 0 0 0.66em; }
      #m_wctrlEPaperRoot .StoryShowBox UL LI {
        padding-left: 0.6em;
        background: url("data:image/gif;base64,R0lGODlhBAAEAIAAAL+lXAAAACH5BAAAAAAALAAAAAAEAAQAAAIEhI8JBQA7") no-repeat 0 8px; }
    #m_wctrlEPaperRoot .StoryShowBox H1 {
      font-family: Segoe UI, Arial, sans-serif;
      /*google font*/
      font-weight: normal;
      font-size: 2.0em;
      line-height: 1.2em;
      margin-bottom: 0.35em;
      color: #414344; }
      #m_wctrlEPaperRoot .StoryShowBox H1 A {
        color: #246BB3; }
        #m_wctrlEPaperRoot .StoryShowBox H1 A:hover {
          color: #246BB3; }
    #m_wctrlEPaperRoot .StoryShowBox H2 {
      font-weight: 500;
      Font-family: Segoe UI, Arial, sans-serif;
      letter-spacing: 0.025em;
      color: #006eb8;
      font-size: 0.875em;
      text-transform: uppercase;
      padding-right: 0.2em;
      margin-bottom: 0.2em; }
    #m_wctrlEPaperRoot .StoryShowBox H3 {
      font-size: 0.875em;
      margin-top: 0.3em;
      padding-right: 0.2em;
      margin-bottom: 0.9em; }
    #m_wctrlEPaperRoot .StoryShowBox H4 {
      font-size: 0.75em;
      margin: 1.33em 0 0.66em;
      color: #333;
      font-weight: bold; }
    #m_wctrlEPaperRoot .StoryShowBox .voting H2 {
      line-height: 1.2em;
      text-transform: none;
      padding-right: 0;
      margin-bottom: 0.75em;
      letter-spacing: 0.06em;
      color: #333333;
      font-size: 1.17em; }
    #m_wctrlEPaperRoot .StoryShowBox .voting DIV {
      line-height: 1.3em; }
    #m_wctrlEPaperRoot .StoryShowBox a:active, #m_wctrlEPaperRoot .StoryShowBox .StoryShowBox a:link, #m_wctrlEPaperRoot .StoryShowBox .StoryShowBox a:visited {
      color: #999;
      text-decoration: none; }
    #m_wctrlEPaperRoot .StoryShowBox a:focus, #m_wctrlEPaperRoot .StoryShowBox .StoryShowBox a:hover {
      color: #999;
      text-decoration: underline; }
    #m_wctrlEPaperRoot .StoryShowBox .intro {
      font-family: 'Segoe UI', Arial, sans-serif;
      font-weight: 500;
      color: #414344;
      clear: both; }
    #m_wctrlEPaperRoot .StoryShowBox .StoryShowInlineBox LI {
      padding-left: 0;
      background: none transparent scroll repeat 0 0; }
    #m_wctrlEPaperRoot .StoryShowBox.StoryMediaLinks h3 {
      padding-right: 0; }
    #m_wctrlEPaperRoot .StoryShowBox.StoryShowRating h3 {
      padding-right: 0; }
    #m_wctrlEPaperRoot .StoryShowBox.StoryShowAddToWatchList h3 {
      padding-right: 0; }
  #m_wctrlEPaperRoot .StoryShowRating {
    border: none;
    margin-top: 20px; }
  #m_wctrlEPaperRoot .StoryShowAddToWatchList {
    border: none;
    margin-top: 20px; }
  #m_wctrlEPaperRoot .StoryShowGalleryBox {
    color: #666666; }
    #m_wctrlEPaperRoot .StoryShowGalleryBox P {
      margin-top: 0;
      padding-left: 5px;
      padding-right: 5px; }
      #m_wctrlEPaperRoot .StoryShowGalleryBox P A {
        display: inline;
        color: #333;
        text-decoration: underline; }
    #m_wctrlEPaperRoot .StoryShowGalleryBox img {
      text-align: center;
      border-bottom: 0;
      border-left: 0;
      border-top: 0;
      border-right: 0;
      width: auto; }
    #m_wctrlEPaperRoot .StoryShowGalleryBox figure.row {
      padding: 1em 3em 1em 3em; }
  #m_wctrlEPaperRoot .StoryShowGalleryImage {
    display: table;
    position: relative;
    width: 75%;
    text-align: left;
    margin: 0 0 0.75em 0;
    color: #666666; }
    #m_wctrlEPaperRoot .StoryShowGalleryImage > img {
      display: table-cell;
      vertical-align: bottom;
      max-width: 100%;
      min-width: 50%;
      margin-left: auto;
      margin-right: auto; }
    #m_wctrlEPaperRoot .StoryShowGalleryImage > figcaption {
      font-family: 'Segoe UI';
      text-align: left;
      display: table-caption;
      caption-side: bottom;
      margin: 0.5em 0.2em 1.0em 0.2em;
      color: #9c9d9d;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center; }
  #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox {
    float: left;
    color: #414344;
    font-family: Segoe UI, Arial, serif;
    font-size: 1em;
    line-height: 1.5; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p:first-child {
      margin: 0;
      display: block; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p {
      margin-top: 0;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox p.StoryIMTitle {
      margin-bottom: 0; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .StoryShowInlineBox LI {
      padding: 0.2em 0.6em 0 0;
      display: inline; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .StoryShowInlineBox H3 {
      margin-bottom: 0.33em; }
    #m_wctrlEPaperRoot .StoryShowBaseTextAndVideoBox .StoryShowInlineBox A {
      display: inline;
      color: #369;
      font-weight: bold; }
  #m_wctrlEPaperRoot .PictureGalleryShow {
    margin-top: 20px;
    margin-bottom: 20px; }
    #m_wctrlEPaperRoot .PictureGalleryShow .PictureGalleryImage img {
      width: 100%; }
  #m_wctrlEPaperRoot .StoryShowInfoArea {
    padding-top: 5px;
    text-align: right;
    float: right;
    color: #006eb8;
    font-weight: 700;
    font-size: 0.9em; }
    #m_wctrlEPaperRoot .StoryShowInfoArea A {
      color: #006eb8; }
      #m_wctrlEPaperRoot .StoryShowInfoArea A.printLink {
        display: block;
        padding-left: 20px;
        padding-top: 2px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAMAAACXZR4WAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURXSizv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCIeJsAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjVJivzgAAAAQElEQVQYV2NgZGRkgAMQB4qBFILDAFUDlwWpQqgA6YerABsG0QpTARWAWAOSwaECyR1gFcgAYgWSCDYVCJ+AWQA00gB3i3YhRgAAAABJRU5ErkJggg==") no-repeat 0 3px;
        font-size: 0.92em;
        width: 48px;
        color: #006eb8; }
      #m_wctrlEPaperRoot .StoryShowInfoArea A.commentLink {
        display: inline-block;
        width: 48px;
        height: 18px;
        margin-top: 5px;
        border: 1px solid;
        padding-right: 3px;
        line-height: 1.5em;
        text-align: right;
        color: #006eb8;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASCAIAAACSBMrtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExOTEwOUUzRDdERjA4MzFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNzJFMkVCQTc5RTMxMUUyQTQxRkQxRDEyQzc1NTUwRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNzJFMkVCOTc5RTMxMUUyQTQxRkQxRDEyQzc1NTUwRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ODAxMTc0MDcyMDY4MTE4NzFGQ0MyQkU3Q0JCQTQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MTA5RTNEN0RGMDgzMUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U4mskwAAATVJREFUeNpiTJt5hoFKYGaaMeWGMDEMMsBCQJ6RUURWnZOP/f8/bJJMDG+fPP324Q39HMQjINbqwY1HwXkG+RmzqOkgAlHGzMaOXwEfTaPMO83YD4m79BvDua1P8Ov/S20HMSGlFiY/VDk5Lob/QEhfgC/Kfg1ELht02R6fg4CxxQiEeAE7nUPo57dP+BXcomfB6MLAsJ2LL3/ZHVZ2rv///zMyMf3/94/h/39OfpEWN45DDAwb1zz98eU9rRwEzFBvGRiEUaV7Q2Xg7J0MDOtmnQUyvrx/mbuEl5WN4+uH17SsOv7/b15xn0dQvMqdi4uBoe0Ew9f3X5hYWJmYmMG1BPPnt88QGfDbZyCieV32/dM7IFr51vjNE4aHl84Olsr15Lrz/7HWpQOV7QfQNYOxYAQIMABlqGM0zeX91AAAAABJRU5ErkJggg==") no-repeat 0 0; }
      #m_wctrlEPaperRoot .StoryShowInfoArea A.WatchListPageLink {
        display: inline-block;
        width: 48px;
        height: 18px;
        border: 1px solid;
        padding-right: 3px;
        line-height: 1.5em;
        text-align: right;
        color: #006eb8;
        background: url(/Layout/News/watchlist-icon.png) no-repeat 0 0; }
  #m_wctrlEPaperRoot .StoryMediaLinks {
    margin-top: 20px; }
  #m_wctrlEPaperRoot .StoryShowInfoArea A.AddToWatchListLink {
    color: #006eb8; }
  #m_wctrlEPaperRoot A.StoryShowPictureLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/gif;base64,R0lGODlhEQANAOYAAJixy6a90/7+/pWwy5eyy5SuyoilxZCtyfn7/LLF2KG4z4+syOHo75iyy5axy2OLsai+05awy4uqx/7+/Zy2z7jJ3Jawyqq/1Yuoxm2Tt9Tg6dzk7aa+1fX3+ZWyy6m+1NHc6IakxPH09nycv4Sjw5mzzK/D14Oiw5640eDn74mnxcDQ39Te6oupyIWlwo6ryKi904+syfb4+7PG2bzO3YmmxKC3z4ypxpSwyoamxIekxpKvyZu0z/T1+N7l7vj7+pKtysXU44+sx9bh6Yyqxo2ryPP2+Yyqx73N3oqnxc7a5rfK3YWkw9jh65ayzJ62zpWwytzl7eju8sLS4GuRtqm/1NHe57LF2Zexy////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARAA0AAAeSgFmCgjNYhoYpg4qCCE8NODtYACCLWR8QJhceOiEvJ0UKVQEBCYKHAy5XPQIMA0lIAYamWARMFVlNUz8dTggbslmGB0cyUSIlI1lKMRHAkkQUWRxDMBkaPjVQzgAHQllBD1Q5AlYGFs60JCtZLDRGWTwSh7NYBSpLE1lSKAYO88GHCmBYAKTFjUNYbFRayLDhokAAOw==") no-repeat 0 3px;
    line-height: 1.2em; }
  #m_wctrlEPaperRoot A.StoryShowVideoLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/gif;base64,R0lGODlhEQANAOYAAP///5exy5WwyqK50JOvyqm+1L3N3vv7/OLp8aG50I+syLDE2I+rx6e+1Jaxy5KuyZiyy8zZ5qe+06zB1ZGtyJCsyJCtyeHp79rj7dPd6arB1Z21zvn7/Nfh67jK3Oru8+Hp8LjJ2/b4+qK60bXI2pqzzdPe6Y+ryerv9ai+07PG2ZOuyY6rx6a809nj7Kq/1N7n7562zqm908TT4rHF2LTH2qG40Oju86W80/T2+eTr8qe906C3z9ni7P39/czZ5MvY5LvL3LzN3erv9LfJ26/D19zl7ZCtyIypx8PS4f3+/r7O3qi+1AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARAA0AAAeSgAAARiSChoeIOgEpiI2CIAGRHY6IQz0qkS6UjTWRMJsAGEwLBRUKCjsyGi8LhigRRA4rOA0SEg0tFA4BNABJARtCLEAAHAfHSj8MkQATAQUGSCIZRxAQFDM+ywEARc8GJ0EfFwgIFzdLFcweASMGARYPBPMEDxaROYIREyGRAv8AI3E7ZKKEjQQDEiZMEIMHokAAOw==") no-repeat 0 3px;
    line-height: 1.2em; }
  #m_wctrlEPaperRoot A.StoryShowContentLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/gif;base64,R0lGODlhEQANANUAAJ21zpqzzJy1zr/P35u0zb7O36i+08TT4uTr8cPS4cDQ4Ka80p22ztHd6LbI2q3C1vr7/ZqzzbvM3ZmyzLTH2sDQ37rL3MbU4srY5eDo8OLq8cjV497m7sfV4/T3+eDn76C4z93m7piyzNzl7dvk7bDE1+Hp8Jiyy+Pq8ae905exy////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAARAA0AAAZgwJVwSCwSISqVAABgMAUEVYMYwkySWOzgQHw4ENGsqjNSESUqBSKQvXySxEIyoWGrEpkTfDjAbjgqFigRWER9WAceJiJZcWIVdoVDFGKVZkMkAgsGKZ2eBiAlRqOkpUZBADs=") no-repeat 0 3px;
    line-height: 1.2em; }
  #m_wctrlEPaperRoot A.StoryShowPDFLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsSAAALEgHS3X78AAAGBUlEQVRIiV2VXWgc1xXH/+feO6Od2Y/IK2mltSVRR461Xlmu28aEin4QSklJnxXkPDR9KC2lUNI39yUu9LHQ1z74zWAoGAoljdMagikOTeuiqCiO9RFbXutbirTaXe1odmbuvacP0q6kHDhwh5m5v/P/zzlziZlTAAQAzcyJEAI3btyQzOwys6rVaoKZwcyw1qJUKqWYmWZnZyMApl6vJ57n6XK5bMfGxnhycpJxGAyAiZl9IgoB4ObNm/L69esjSZJMEdHr1tpskiRkrUU7tdaZMAxRq9Wa9Xp9pVgsvv/s2bMHt2/f3pieno4BGGZuQ0gdbUxjY2OqXC4PkO+/6Vgz1dWVKllm4KjyUxCj0R30YmVpabTZbPYNDw+/NDk5+fdms7m8sLAQElEbkiLWRn1w/x+yXLo0TF8s/pBr1bcQ8rdkijKCAaMthJCwsODYgB0GQ4JHvoZlluhNewf1RuOzzc3Nv8zNzX14586dysLCQnikxJfv/e4m4laUpU/+/Xr6/b+9ndXxa9mhobQf7KNrbx/eUBH+yhpyB024xbNIry7jzOM5tF4sISlfwrnhYWdocDDfbDZ7fd9PisXizvr6erC7u2umpqZcRWDESeLxSmUkXXk+YrMpfyPjIHEHkMtp7H06A68/D7cwgG0A+blF9G2ugf0MSBE2NjZgtfaDILh8cHDApVLJTk5OfnDr1q3l1dVVoZgMK6VEq9HyKv977BhtURscQvzRx0gXB5CPA2xVulHLn0XqyzUkn3yMeq2OeOQSujMvIWxFaLVaUEr5xpjx7e3t/fPnz78AsDs/P2+UYJfrtZoJdGiixr7RW9uo//kuhp88wYsrZcyVxpGa/Qzp8L+g7TXsWgPnAGiaA/SnXDiOi4znQWuNVCrlT09Pn4vj+FyhUMjs7Ow0lQFjdXW1lRsvL81de+1Fv+f0alLexncLgLHIPHuOlJNCy/OR9PVCColwP0b+O68i5aYRRyG0EJBSIpvNIpvNqlqt5gshvHq9HiomxuLiYnj12jcfvfzuL3tbSaAyme4rflfKF8wglrBkAVgYCJBNIISDC9eugoQLKSMACkIIWGuRTqdRrValMUaGYSiUgsCTJ0+SmZmZysTExL1vT0z4r1y40N/T13ceDICOZoYJDAtiQmRC2EefQo+OAo4LIt2ZEd/3wcwcxzEAQAGgu3fvWgBhvV5fGR8f/yKKorqOYzAziAhEhHYIN4Xk0WPEP38X6g+/h/ujN6DrdWit4TgOPM8DUbuqQwCYmYnIjI6Oxt3d3ZGU0gohTgE6EEmIg30I1ULSaCDluoBSnfuu6zIA1lozjn5y1IYUi0XrOI6VUjIRQQjRSSKCIAIB4OwZwOuFVxyEBKCUgpQSUkoIIXAy1MmLfD7PUspDK0482F63jXILZxD394BeGYKwfAg+nR1PT+MOlXTWnRdYwJKAJcACcBYW0drYgf7oX4AgmEwGbiYD0ZU+6ofjPU4pqFarbbtgre1YY0QCxxCMcGB0hPD+A+z/7C2oe39FZmUJ8uvXwJxAlF6GlC6EFacAAoeFdcJaS8cQgjQCiXNoXXDvQ8jpGXTHEbZyZ/D57OcYvv8Ava196Hw/zK/egXHEqS5yAOiTFrV7WggBYxhwXZi9XUR//BOih//E9A++gez33kR26Cz6u1xsPq9g/fEc+CCEFR5EclyvOrSaiJk5l8sRANJawxgDay1ISNgoRPDb99CY+Q/093+My7/5NXq8LARrkAGSngKaV64iimOsLy3B8gLiOOY2IP7qR7bWwhgDIoKUElG1iurOHuzlV6F+8RP0eTmYKERsDMyRWsUMYgYfKXddl9qAzhmaz+fZWotGowGlVGcGIhtj66dvw+/rQTGTxt72BgwzYAHNBmyPbQ2CANZaBsBKKT7VRZVKxV68eHH36dOny0R00XXdDDNDkACUBNY38Xx59VgtGGDA2kPPoyg6aDQaG0EQ7ERRFDmOw8TMXQASAF3z8/Pq4cOH/tra2oAxZjAIgnyr1epiZsHMdHJGvmorEXEURXG1Wt1rNBpbuVxup1AoVP8PQphjAeMJPAYAAAAASUVORK5CYII=") no-repeat;
    height: 24px; }
  #m_wctrlEPaperRoot A.StoryShowGeneralDocLink {
    padding-left: 25px;
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD7SURBVEhL7ZU7CoNAEIY9QU6Q8+R0uUEq31oISVofoKCIjXgBe0FshWxgMmMVApndZCVFEuFni53Zb55oGJ/+6rqeUaJpGk5XvIckSY5BEJx8398px1lVlRjHEVSEAOj7Hghi2/ZWCVKW5QKYpkkqfHix6boOwjA8rA6IogiGYVggaZoSZC+FvJLBPYBACLhg/zYspCgK5RK1bQsEoVLRicFBnufn1QCPfaLeIUCwgDiOhUqDn9mQPwvIskw6PVwA5P8HsCX8gRLh0miNqed5/JiSgc4eSAGWZWkBXNflMzBNUwtAAbKLpgsg/y8HOI4zU5rvivylf7U1DW5NxilugzfbdgAAAABJRU5ErkJggg==") no-repeat;
    height: 24px; }
  #m_wctrlEPaperRoot .StoryShowBaseTextAndVideo {
    margin-top: 2em; }
  #m_wctrlEPaperRoot .StoryShowInlineVideo {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 1em 4em 1em 4em;
    margin: 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo.InlineVideoBox {
      width: 250px;
      height: 210px; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo h3 {
      display: none;
      padding: 0;
      margin: 0; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo div.VideoShowPlayer {
      width: 100%; }
    #m_wctrlEPaperRoot .StoryShowInlineVideo div.VideoShowAttributes {
      width: 0%; }
  #m_wctrlEPaperRoot .StoryShowSocialnetworks UL LI {
    display: inline;
    margin-right: 0.3125em;
    vertical-align: baseline;
    padding-left: 0;
    background: none; }
  #m_wctrlEPaperRoot #ShareContent {
    display: inline-block;
    width: 48px;
    height: 18px;
    position: relative;
    color: #006eb8;
    border: 1px solid;
    margin-top: 5px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASCAIAAACSBMrtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExOTEwOUUzRDdERjA4MzFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RUUyMjgxRjc5RDgxMUUyOEY2OTlEMTI0NDMyMjU3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RUUyMjgxRTc5RDgxMUUyOEY2OTlEMTI0NDMyMjU3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2ODAxMTc0MDcyMDY4MTE4NzFGQ0MyQkU3Q0JCQTQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MTA5RTNEN0RGMDgzMUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+87YLvwAAAjFJREFUeNq8ls9rE0EUx9/M7OyvtDGKabOCeqiBUjwpimBAoeChx6JHkfaQgwf/Ac8iqAfBUw6CJ0VUPIgHUaiiB4tCQClaKWJEW23WmJYk283OD2cjibYEWX+MD3Z2GfbxPrz3ffMGFUvPqTAhmXEGCAPGG/cj3FZrqbgX/tpw8l+FAGqqFYFO+w2giMOxg9npQ8PBmtQHZPz4RMAjiOS6YJQggmMULmQYSsBi39jwaoNdm606NtILxCLkeejUkZEOW+eRcHPm49NKM7cFT+73dmTdwVSstvEDuZDJ22XfNpFGIM5lfnsqM2D1dspztblq68zxkaFN7ga3iYJnWejGM58SfSXDEHKh3rX62sU7b1X5Vpk4PzVqU6Ov59jONMz6SuIYawLqmpLIe58Tii5M7/pOI4SMGG8EbNClZicn7xYbZ29VDBOwRlH3xI1iXR8tbM441nxl5erDxXpbRm3RCEVxIlsY9V68+Xrp3gdqIKy3y7omJaIWbE2Zpy+/Xg6Y0Q1smxgELr/6UppZGrBx2JaA/wuQyhCWcOXBZyGl0+sjDKpU1x9XVfedm8rfffLp0cIK0UDUByhiMgil1RknTKw7llRWTk7m0o7VCrj+g7Fr24acE4ezrt2noVsh3+1ltI6On4AEWCQugevQ8T3er90IJkpqeoEMAi8Xmvm0n8RtfrlJdAMRCvWaLN1fSuIWzzhDd8kkqBgE9N4uEgFJUNlHTN2+/sgI+Zfz7JsAAwA2VMiuMpeHTAAAAABJRU5ErkJggg==") no-repeat;
    padding-right: 3px;
    line-height: 1.5em;
    text-align: right; }
  #m_wctrlEPaperRoot #ShareContentPopup {
    display: none;
    background: #fff;
    position: absolute;
    font-weight: 700;
    font-size: 0.9em;
    border: 1px solid #006eb8;
    width: 178px;
    left: 0;
    top: 0;
    margin-top: -1px;
    margin-left: 52px;
    padding: 10px;
    z-index: 2000; }
    #m_wctrlEPaperRoot #ShareContentPopup table {
      text-align: left; }
    #m_wctrlEPaperRoot #ShareContentPopup:hover #ShareContentPopup {
      display: block; }
 /*for VideoShowModule */
#m_wctrlEPaperRoot .VideoShowModule {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0.2em 0 0 0;
  margin: 0; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowHeader {
    display: none; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowDate {
    display: none; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer {
    position: relative;
    width: 100%;
    height: auto; }
    #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer #player, #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer #player2 {
      width: 100%;
      height: 250px;
      padding: 0;
      margin: 0; }
    #m_wctrlEPaperRoot .VideoShowModule .VideoShowPlayer video {
      width: 100%;
      height: auto; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowAttributes {
    display: none;
    width: 100%; }
  #m_wctrlEPaperRoot .VideoShowModule .VideoShowDescription {
    display: none;
    width: 100%; }
 /* css definitions for wcms pages of WcmsZone.Events */
/*general style*/
.bold {
  font-weight: 500; }

.lighter {
  font-weight: 300; }

/*************************************************************************************************/
/* Wcms/Event/Editor */
/*************************************************************************************************/
/* style of the maskedEditExtenders in editEventDates */
/*.EventEditor_MaskedEditExtender_OnFocus
{
	background-color:Yellow;
}*/
/* style of the maskedEditExtenders in editEventDates in case of errors */
/*.EventEditor_MaskedEditExtender_OnError
{
	background-color:Red;
}*/
/* the iframe in which the attachments are shown in the editEventMask */
.EventEditor_Attachments_Frame {
  width: 100%;
  height: 125px;
  /*75px;*/ }

/* the table in which the attachments are shown in the editEventMask */
/* the rows in which the attachments are shown in the editEventMask */
.EventEditor_AttachmentsListRow {
  /* for alternating rows in e.g. color */
  height: 170px;
  padding-bottom: 6px; }

.EventEditor_AttachmentsListRow2 {
  /* for alternating rows in e.g. color */
  height: 150px;
  padding-bottom: 6px; }

/* the imageCell for the attachments which are shown in the editEventMask */
.EventEditor_AttachmentsListImageCell {
  width: 320px;
  padding-right: 10px; }

/* the decriptionCell for the attachments which are shown in the editEventMask */
.EventEditor_AttachmentsListDescriptionCell {
  padding-right: 10px; }

/* the buttonCell for the attachments which are shown in the editEventMask */
/* styles for the table which show the dates and times in the confirmControl */
.EventEditor_ConfirmDatesEnter {
  text-align: right; }

.EventEditor_ConfirmDatesBegin {
  text-align: right; }

.EventEditor_ConfirmDatesEnd {
  text-align: right; }

.EventEditor_ConfirmDatesPlace {
  padding-left: 10px; }

/*new navigation*/
.EditEventNavigation input[type=button] {
  color: #FFF;
  background-color: #006eb8;
  font-size: 0.9em;
  border: 0px;
  font-weight: normal !important;
  min-height: 20px; }

.EditEventNavigation.booking-steps input[type=button] {
  text-transform: uppercase;
  font-size: 20px;
  background-image: none;
  background-color: transparent !important;
  width: 30%;
  height: 75px;
  line-height: 90px;
  vertical-align: bottom;
  /*outline: none !important;*/
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #cccccc;
  color: #cccccc; }
  .EditEventNavigation.booking-steps input[type=button].WCMSNavActive {
    color: #006eb8;
    border-color: #006eb8; }
  .EditEventNavigation.booking-steps input[type=button].WCMSNavInactive {
    color: #006eb8;
    border-color: #006eb8; }

/*EditEventDates*/
.editeventdates .CalendarMainTable {
  width: auto; }

/*************************************************************************************************/
/* Wcms/Event/EventNav.aspx */
/*************************************************************************************************/
.EventNav {
  /*Layoutout Datepicker if today is selected (overwrite jquery ui style)*/ }
  .EventNav h1 {
    font-size: 1.4em;
    margin-bottom: 10px;
    text-align: center; }
  .EventNav #EventDatePicker .ui-state-highlight.ui-state-active {
    color: #e17009;
    border: 1px solid #79b7e7; }

/* the style for eventNav navigation */
.EventSelector .ui-widget {
  font-size: 0.7em; }

.EventSelector h2 {
  color: #246bb3;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.0em; }

/* the eventNav */
.EventNav_EventDate #EventDatePicker .ui-datepicker {
  width: 100%; }

@media (min-width: 991px) {
  .EventNav_EventDate #EventDatePicker .ui-datepicker {
    width: 90%; } }

/*set image width because color-profile different sie from thead pictures*/
/*.event .EventImage
{
   max-width:210px;

}*/
@media (max-width: 765px) {
  .event .EventImage {
    margin: 0px auto; } }

.EventNav_EventArea a {
  width: 100%;
  margin-bottom: 10px; }

.EventNav_EventClass a {
  width: 100%;
  margin-bottom: 10px; }

.EventSearchCriteria td {
  padding-bottom: 3px; }

.EventResultHeader {
  font-weight: bold;
  color: #246bb3;
  margin-top: 40px;
  margin-bottom: 5px; }

.EventResultHeader a:active,
.EventResultHeader a:link,
.EventResultHeader a:visited {
  color: #246bb3 !important; }

.EventNoResultHint {
  text-align: center; }

.EventResultContent .EventDateCanceled {
  text-decoration: line-through;
  opacity: 0.9; }

.EventResultContent ol {
  list-style-type: none;
  padding-left: 0px; }

.EventSearchCtrl_ResultList_Date {
  float: left;
  margin-right: 5px;
  width: 75px; }

.EventSearchCtrl_ResultList_Name {
  float: left;
  margin-right: 5px;
  width: 205px; }

.EventSearchCtrl_ResultList_Time {
  float: left;
  margin-right: 5px;
  width: 100px; }

.EventSearchCtrl_ResultList_Name a:hover {
  text-decoration: underline !important; }

.EventSearchCtrl_ResultList_Area {
  float: left;
  margin-right: 5px;
  width: 155px; }

.EventSearchCtrl_ResultList_Class {
  float: left;
  margin-right: 5px;
  width: 105px; }

.EventSearchCtrl_ResultList_Name.Header,
.EventSearchCtrl_ResultList_Date.Header,
.EventSearchCtrl_ResultList_Time.Header,
.EventSearchCtrl_ResultList_Area.Header,
.EventSearchCtrl_ResultList_Class.Header {
  /*font-weight:bold;*/ }

.EventSearchCtrl_ResultList_DateHeader span,
.EventSearchCtrl_ResultImages_DateHeader span {
  font-weight: 600;
  font-size: medium; }

/*************************************************************************/
/*new Bootstrap Layout EventSearch*/
/*************************************************************************/
.EventNoResultHint {
  color: #246bb3;
  font-weight: bold; }

.EventSearchCriteria .searchExtended {
  background-color: #eee;
  padding: 0.5em; }

.EventSearchCriteria h3 {
  font-size: 1.2em;
  margin-top: 0.5em; }

.EventResultContent .EventResultDay {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: medium;
  color: #006eb8; }

.EventResultContent li.event {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: solid 1px #ccc;
  list-style: none; }
  .EventResultContent li.event img.eventfavorite {
    width: 25px;
    height: 25px;
    margin: 0 0 120px 5px;
    margin-bottom: 10px; }

.EventResultContent .EventSearchCtrl_ResultList .EventDateCanceled {
  position: absolute;
  top: 0;
  text-decoration: line-through;
  opacity: 0.9; }

/*************************************************************************************************/
/* Wcms/Event/EventShow.aspx */
/*************************************************************************************************/
/* the style for the EventShow page */
.EventShowHeader {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 1px;
  border-color: #ccc;
  margin-bottom: 10px; }

.EventShowContent {
  margin-bottom: 20px; }

.EventShow .EventShowContent a {
  text-decoration: underline; }
  .EventShow .EventShowContent a.PDFLink {
    padding-left: 30px;
    display: block;
    background: url(/Layout/Common/GeneralDocPDF.png) no-repeat;
    height: 24px; }
  .EventShow .EventShowContent a.GeneralDocLink {
    padding-left: 30px;
    display: block;
    background: url(/Layout/Common/GeneralDoc.png) no-repeat;
    height: 24px; }

.ContactEventOrganiserCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }

/*************************************************************************************************/
/* the style for the EventPictures  */
/*stripe swiper*/
.EventShowModule .stripe.swiper-container .swiper-slide {
  width: auto;
  height: 100%; }

.EventShowModule .stripe.swiper-container {
  width: 100%;
  padding-bottom: 30px; }

.EventShowModule .EventPicGalleryStripe .stripe.swiper-button-prev,
.EventShowModule .EventPicGalleryStripe .stripe.swiper-button-next {
  top: 35px; }

/*swiper*/
.EventShowModule .EventImage {
  margin-bottom: 15px; }

.EventShowModule .EventImage .image-credit {
  float: right;
  padding-right: 0px;
  font-size: small;
  background-color: white;
  color: #555555; }

.EventShowModule .EventImage P {
  margin-top: 0px;
  background-color: #006eb8;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px; }

.EventShowModule .EventPictureGalleryNavigation .btn {
  margin-bottom: 5px; }

/* the style for the gallery in the EventShow page */
.EventShowVideoModule {
  margin-top: 10px; }

/* hides the bottomText in the map because it can be to wide */
.EventShowGoogleMap span {
  display: none; }

/*EventData*/
.EventShow .EventData {
  word-wrap: break-word; }
  .EventShow .EventData img.eventfavorite {
    width: 20px;
    height: 20px;
    margin: 0 3px 5px 0; }

/* EventDates*/
.EventShowDates .EventDate {
  margin-bottom: 5px;
  border-bottom: 1px dotted #DDDDDD; }

.EventShowDates .EventDate .ical {
  padding: 0; }

.EventShowDates .EventDate:last-child {
  margin-bottom: 5px;
  border-bottom: none; }

.EventShowDates .EventDateCanceled {
  text-decoration: line-through;
  opacity: 0.3; }
 /*************************************************************************************************/
/* MarketSearchImage*.xsl */
.MarketSearchCtrl[attr="100Kfz"]
{
	height: 310px;
	background-size: 115%;
}

.MarketSearchCtrl[attr="100Kfz"] .MarketSearchBoxBgk
{
	width: 800px;
}

/* two input fields in each row */
.MarketSearchCtrl[attr="100Kfz"] .MarketSearchBoxBgk div:nth-child(2n-1)
{
	float: left;
}

.MarketSearchCtrl[attr="100Kfz"] .MarketSearchBoxBgk div:nth-child(2n)
{
	float: left;
} /*************************************************************************************************/
/* General for all Market pages */
/*************************************************************************************************/

/*************************************************************************************************/
/* CSS for MarketSearch page */
/*************************************************************************************************/
.Market_Right h2
{
	margin-left: 0px;
	padding-bottom: 4px;
	border-bottom: 1px solid #246bb3;
	font-weight: 200;
}

.Market_Right h3
{
	margin-left: 0px;
	padding-bottom: 4px;
	font-size: 0.9em;
	letter-spacing: normal;
	font-weight: 200;
}

	.Market_Right h3 b
	{
		font-weight: 200;
	}

.Market_Right
{
	padding-top: 0px;
}

.MarketSearchNavigationBottom
{
	clear: both;
	text-align: center;
	margin-top: 5px;
}

.MarketSearchResult ol
{
	list-style-type: none;
	padding: 0;
}

.MarketSearchCtrl_SortBy
{
	text-align: left;
	margin-left: 475px;
}

.MarketSearchCtrl_SortBy span
{
	cursor: pointer;
	text-align: right;
	width: 130px;
	display: table-cell;
}

.MarketSearchCtrl_SortBy span:after
{
	content: url(/Layout/Market/UpDown.png);
	position: absolute;
}

.MarketSearchCtrl_SortBy span:hover:after
{
	content: url(/Layout/Market/UpDown_hover.png);
}

.MarketSearchCtrl
{
	background-position: 50% 56%;
	background-repeat: no-repeat;
	height: 270px;
	background-size: 100%;
	margin-bottom: 20px;
}

.MarketSearchBoxBgk
{
	padding: 15px 30px;
	width: 440px;
	background-color: white;
	margin: 20px 40px;
	position: absolute;
}

.MarketSearchBoxBgk div
{
	margin-right:10px;
	margin-bottom:10px;

}

/* only one input field in first row */
/*.MarketSearchBoxBgk div:first-child
{
	float: none;
}*/

.MarketSearchBoxBgk div:nth-child(2n-1)
{
	float: left;
}

.MarketSearchBoxBgk div:nth-child(2n)
{
	float: left;
}

.MarketSearchBoxBgk input,
.MarketSearchBoxBgk select,
#cbxClassification select
{
	border: 2px solid #d7dde0;
	width: 174px;
	height:35px;
	box-sizing: border-box;
	display: block;
	padding: 4px 5px;

}

.MarketSearchBoxBgk span
{
	line-height: 1.7;
}

#btnSearch
{
	padding: 15px 0 0 0px;
	display: inline-block;
}

/*************************************************************************************************/
 /* MarketSearchList*.xsl */
.MarketSearchCtrl_ResultList_Header
{
	float: left;
	width: 100%;
}

.MarketSearchCtrl_ResultList
{
	padding: 2px;
	float: left;
	border-top: 1px solid #888888;
	margin-top: 2px;
	width: 100%;
}

.MarketSearchCtrl_ResultList_Image
{
	padding: 10px 20px;
	display: table-cell;
}

.MarketSearchCtrl_ResultList_Text
{
	margin: 5px;
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}

.MarketSearchCtrl_ResultList_Text p
{
	width: 200px;
}

.MarketSearchCtrl_ResultList_Date
{
	float: left;
	margin-right: 5px;
	width: 75px;
}

.MarketSearchCtrl_ResultList_Name
{
	float: left;
	margin-right: 5px;
	width: 450px;
}

	.MarketSearchCtrl_ResultList_Name a:link,
	.MarketSearchCtrl_ResultList_Name a:active,
	.MarketSearchCtrl_ResultList_Name a:visited
	{
		font-weight: 100;
		color: #246bb3;
		text-overflow: ellipsis;
		width: 200px;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
	}

	.MarketSearchCtrl_ResultList_Name a:hover
	{
		text-decoration: underline !important;
	}

.MarketSearchCtrl_ResultList_Area
{
	float: left;
	margin-right: 5px;
	width: 155px;
}

.MarketSearchCtrl_ResultList_Class
{
	float: left;
	margin-right: 5px;
	width: 105px;
}

.MarketSearchCtrl_ResultList_MotifCustAttr
{
	margin: 5px;
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}

.MarketSearchCtrl_ResultList_MotifCustAttr span
{
	display: table-cell;
	width: 130px;
	text-align: right;
}


h3.MarketSearchCtrl_ResultList_TextData
{
	font-size: 16px;
}

.MarketSearchCtrl_ResultList_TextData a:link,
.MarketSearchCtrl_ResultList_TextData a:active,
.MarketSearchCtrl_ResultList_TextData a:visited
{
	font-weight: 100;
	color: #246bb3;
	text-overflow: ellipsis;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

/*************************************************************************************************/
/* MarketSearchGallery*.xsl */
.Market .Gallery li
{
	border: 1px solid transparent;
	border-radius: 6px;
	float: left;
	padding: 5px;
	width: 254px;
	margin: 0 10px;
	transition: box-shadow 300ms;
}

.Market .Gallery li:hover
{
	border: 1px solid #ccc;
	box-shadow: 4px 4px 4px #ccc;
}

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

.MarketSearchCtrl_ResultGallery_TextData
{
	text-align: right;
}

.MarketSearchCtrl_ResultGallery_TextData span
{
	display: table-cell;
	width: 125px;
}

.MarketSearchCtrl_ResultGallery_MotifCustAttr
{
	margin-bottom: 20px;
}

/*************************************************************************************************/
/* CSS for MarketShow page */
/*************************************************************************************************/
.MarketHeadH1
{
	position: absolute;
	top: 5px;
}

.MarketShowLeft
{
}

.MarketShowLeftHeader
{
	font-weight: bold;
	margin-top: 15px;
}

.MarketShowLeftContent
{
	float: left;
}

.MarketShowLeftContent a:nth-child(n+2) /*not first*/
{
	margin: 15px;
	display: inline-block;
	background-color: #eee;
	padding: 4px 10px;
	border-radius: 4px;
}

.MarketShowRight
{
	float: right;
	width: 500px;
}

.MarketShow_ResultImages_Text
{
	font-size: 1.1em;
}

.MarketShow_ResultImages_Text li
{
	line-height: 1.7;
}

.MarketShowRightHeader
{
	font-weight: bold;
}

.MarketShowRightContent
{
	width: 450px;
}

.MarketShowFloatLeft
{
	float: left;
	margin-bottom: 10px;
	padding: 2px 5px 2px 5px;
}

.MarketShowPicture
{
	display: none;
}

.MarketShowGalleryContainer
{
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	margin-right: -9px;
	margin-left: -3px;
	padding: 5px 5px 5px 0px;
	position: relative;
	width: 680px;
}

	.MarketShowGalleryContainer td
	{
		vertical-align: top;
	}

.MarketShowView
{
	cursor: pointer;
	height: 472px;
	width: 640px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

	.MarketShowView img
	{
		padding-right: 1px;
		max-height: 472px;
		max-width: 610px;
	}

.MarketShowThumbnailsContainer
{
	margin-top: -2px;
	margin-left: 5px;
}

	.MarketShowThumbnailsContainer ul
	{
		list-style-type: none;
		list-style-position: inside;
		padding: 0px;
		margin: 0px;
	}

	.MarketShowThumbnailsContainer li
	{
		float: left;
	}

.MarketShowGeneralDocLinks
{
	list-style: none;
	list-style-position: inside;
	margin: 0px;
	padding-left: 0px;
}

	.MarketShowGeneralDocLinks li
	{
		margin-bottom: 2px;
	}

	.MarketShowGeneralDocLinks img
	{
		vertical-align: middle;
		border-width: 0px;
		margin-right: 2px;
	}

/* hides the bottomText in the map because it can be to wide */
.MarketShowGoogleMap span
{
	display: none;
}
/* the style for the gallery in the MarketShow page */
.MarketGalleryContainer_bg
{
	margin: 3px;
	position: relative;
	border: 1px solid #F0F0F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(/Layout/Market/MarketPicItem_bg.png);
	background-repeat: repeat-x;
}
.MarketShowGalleryContainer
{
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	margin-right: -9px;
	margin-left: -3px;
	padding: 5px 5px 5px 0px;
	position: relative;
	width: 680px;
}
.MarketShowGalleryContainer td
{
	vertical-align:top;
}
.MarketShowThumbnailsContainer
{
	margin-top:-2px;
	margin-left:5px;
}
.MarketShowThumbnailsContainer ul
{
	list-style-type:none;
	list-style-position:inside;
	padding:0px;
	margin:0px;
}
.MarketShowThumbnailsContainer li
{
	float: left;
}

.MarketPicItemPrevious,
.MarketPicItemNext,
.MarketPicItemScrollPrevious,
.MarketPicItemScrollNext,
.MarketShowThumbnail
{
	cursor: pointer;
}

.MarketPicItemPrevious
{
	position: absolute;
	left: -3px;
	top: 240px;
}
.MarketPicItemNext
{
	position: absolute;
	right: -3px;
	top: 240px;
}
.MarketPicItemScrollPrevious
{
	margin-left: 0px;
	display: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-bottom: 16px; 
}
.MarketPicItemScrollNext
{
	display: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-bottom: 16px; 
}
#MarketPicItemScroll
{
	margin-left: -7px;
}
.MarketThumbnailScrollbar
{
	height: 80px;
	width: 642px;
	overflow: hidden;
	position: relative;
	margin-top: 13px;
}
.MarketShowView
{
	cursor: pointer;
	height: 472px;
	width: 640px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}
.MarketShowView img
{
	padding-right: 1px;
	max-height: 472px;
	max-width: 610px;
}
.MarketShowThumbnail
{
	margin:2px;
	background-color:#EEEEEE;
	float:left;
	overflow:hidden;
	border:2px solid transparent !important;
}
.MarketShowThumbnailSelected
{
	border:2px solid #246BB3 !important;
}

/* the style for the video module in the MarketShow page */
.MarketVideoContainer
{
	width:590px;
	margin-top:10px;
}

.MarketShowVideoHeader
{
	background-color:#cccccc;
	border:1px solid #999999;
	padding:2px 5px 2px 5px;
}

.MarketShowVideoModule
{
}

 
/*************************************************************************************************/
/* CSS for MarketNav page */
/*************************************************************************************************/
.MarketNav .market-headline {
  font-family: "Segoe UI";
  color: #ffffff;
  line-height: 1.3;
  margin-top: 5px; }

.MarketNav .market-background {
  background-color: #006eb8;
  padding: 5%;
  padding-bottom: 1em;
  margin-bottom: 2em;
  text-align: center; }

.MarketNav .ad-links {
  color: #ffffff;
  margin-left: 0.5%;
  text-align: left; }
  .MarketNav .ad-links a {
    color: #ffffff; }
    .MarketNav .ad-links a:before {
      content: "»";
      padding: 0em; }

.MarketNav .market-links .market-subhead {
  color: #ffffff;
  margin-bottom: -3px;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px; }

.MarketNav .market-links a:hover {
  text-decoration: none; }
 /*************************************************************************************************/
/* Wcms/News/AudioShow.aspx */
/*************************************************************************************************/
.AudioShowModule p {
  margin-top: 10px; }

.AudioShowModule img {
  width: 100%; }
 /*for AudioPreviewModule */
/*for AudioPreviewModule */
.AudioPreviewModule {
  /* class for one audio document in the preview modul */ }
  .AudioPreviewModule .AudioPreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /*******************************************************/
    /* handling for LayoutDesign "HoverText" */
    /*******************************************************/
    /*******************************************************/
    /* Layout: Text im Bild (TextInside) */
    /*******************************************************/ }
    .AudioPreviewModule .AudioPreviewDoc .audio-header {
      position: relative; }
    .AudioPreviewModule .AudioPreviewDoc .audio-heading {
      font-size: 20px;
      font-family: "Segoe UI";
      color: #29292b;
      /*line-height: 1.3;*/
      margin-top: 5px; }
      .AudioPreviewModule .AudioPreviewDoc .audio-heading :hover {
        color: #006eb8;
        text-decoration: underline; }
    .AudioPreviewModule .AudioPreviewDoc .audio-section {
      color: #006eb8;
      margin-top: 0px;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block; }
    .AudioPreviewModule .AudioPreviewDoc .audio-date {
      color: #006eb8;
      font-size: 0.7em; }
    .AudioPreviewModule .AudioPreviewDoc .audio-player {
      margin-top: 10px; }
    .AudioPreviewModule .AudioPreviewDoc .PictureContainer {
      position: relative;
      overflow: hidden; }
    .AudioPreviewModule .AudioPreviewDoc img {
      width: 100%; }
    .AudioPreviewModule .AudioPreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1.6em;
      text-align: center;
      width: 100%;
      height: 100%; }
      .AudioPreviewModule .AudioPreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 2.5em; }
    .AudioPreviewModule .AudioPreviewDoc .HoverLayer {
      position: relative;
      color: #FFF;
      background-color: #006eb8; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer img {
        display: block; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer .audio-heading, .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer .audio-section, .AudioPreviewModule .AudioPreviewDoc .HoverLayer .audio-header.header-layer .audio-date {
          display: none;
          color: #FFF; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover .audio-header.header-layer .audio-heading, .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover .audio-header.header-layer .audio-section, .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover .audio-header.header-layer .audio-date {
        display: block;
        color: #FFF; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer :hover img {
        visibility: hidden; }
      .AudioPreviewModule .AudioPreviewDoc .HoverLayer img.preview-doc-icon {
        bottom: 3px; }
    .AudioPreviewModule .AudioPreviewDoc .TextInside {
      position: relative;
      overflow: hidden; }
      .AudioPreviewModule .AudioPreviewDoc .TextInside figure {
        z-index: 1;
        margin-bottom: 0px; }
      .AudioPreviewModule .AudioPreviewDoc .TextInside .TextBackground {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(90deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(0, 15, 20, 0.6)), color-stop(52%, rgba(0, 15, 20, 0.15)), color-stop(70%, rgba(0, 15, 20, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -o-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: linear-gradient(0deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%); }
      .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        color: #fff; }
        .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer h2 {
          margin-bottom: 0px; }
        .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer .audio-heading, .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer .audio-section, .AudioPreviewModule .AudioPreviewDoc .TextInside .TextContainer .audio-date {
          color: #fff; }
 /*************************************************************************************************/
/* Wcms/News/AuthorShow.aspx */
/*************************************************************************************************/
/*************************************************************************************************/
/* general Wcms stylesheet definitions */
/*************************************************************************************************/
/*************************************************************************************************/
/*AuthorShow*/
/*************************************************************************************************/
.AuthorShowModule h1 {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: normal; }

.AuthorShowModule .pull-right {
  float: right; }

/*************************************************************************************************/
/*AuthorNav*/
/*************************************************************************************************/
.AuthorNav .AuthorNavResultListItem {
  border-left: none;
  border-right: none; }

.AuthorNav .pull-right {
  float: right; }
 .BreakingNewsModule article {
  background-color: #eee;
  padding: 1rem; }
  .BreakingNewsModule article h2 a {
    font-family: "Segoe UI";
    color: #29292b;
    line-height: 1.3;
    margin-top: 5px; }
  .BreakingNewsModule article h4 {
    color: #006eb8;
    margin-bottom: -3px;
    font-weight: bold;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 1px; }
 /* For story CommentModule */
.CommentModule .CommentModuleFormPanel {
  background-color: #EEEEEE;
  padding: 5px; }

.CommentModule .CommentModuleFormPanelTitle {
  margin-bottom: 10px; }
  .CommentModule .CommentModuleFormPanelTitle span {
    display: block; }

.CommentModule .CommentModuleCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }

/* classes used in Comment.xsl */
.WebStoryComment .CommentAnswer .FirstAnswer {
  border-top: 1px dotted blue;
  padding-top: 0.5em; }

.WebStoryComment .CommentAnswer.LastAnswer {
  border-bottom: none; }

.WebStoryComment .CommentModulePseudonym {
  color: #006eb8;
  font-weight: 500; }

.WebStoryComment .CommentModuleDatetime {
  color: #006eb8; }
 /*for ContentPersonalization-Page */
.ContentPersonalization .edit-section-header {
  font-family: "Segoe UI";
  color: #006eb8;
  font-size: 1.125em; }

/* set border colors to grey instead of blue which is default from select2 */
.select2-drop-active {
  border: 1px solid #aaa !important; }

.select2-choices {
  background: none repeat scroll 0 0 #EEEEEE !important;
  border: solid 1px #D9DDE6 !important;
  -webkit-box-shadow: 0px 0px 0px 0px white !important;
  box-shadow: 0px 0px 0px 0px white !important; }

.select2-choices:hover {
  border: solid 1px silver !important; }

.select2-search-choice {
  background: none repeat scroll 0 0 white !important;
  border: solid 1px #D9DDE6 !important; }
  .select2-search-choice .TagCtrlResult {
    background-position-y: 4px; }

.select2-no-results,
.select2-searching,
.select2-selection-limit {
  background: white !important; }

/* set height of result box */
.select2-results {
  max-height: 400px !important; }

/* mark the selected text with font-weight: bold instead of underline which is the default in select2 */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  font-weight: bold;
  text-decoration: none !important; }

.TagCtrlResult {
  background-repeat: no-repeat;
  display: inline-block;
  padding: 5px 0 5px 20px;
  background-position-y: 7px; }

.TagCtrlResult.WithoutBackgroundImg {
  padding: 5px 0 5px 0px; }
 /*for DocFeedbackModule */
.DocFeedbackModule .DocFeedbackPanel {
  background-color: #EEEEEE;
  padding: 5px; }

.DocFeedbackModule .DocFeedbackCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }
 /*for DocSendMailModule */
.DocSendMailModule .DocSendMailPanel {
  background-color: #EEEEEE;
  padding: 5px; }

.DocSendMailModule .DocSendMailCaptcha .input-group-addon {
  padding-top: 2px;
  padding-bottom: 2px; }
 /*for DocumentRankingModul*/
.DocumentRankingModule ul.DocumentRankingHeadPanel {
  border-bottom: 1px solid #ddd; }
  .DocumentRankingModule ul.DocumentRankingHeadPanel li {
    color: #006eb8;
    text-transform: uppercase;
    font-size: 18px;
    border-style: none none solid none;
    border-bottom-width: 1px;
    border-color: #ccc; }

.DocumentRankingModule .DocumentRankingTab {
  background-color: #FFFFFF;
  margin-bottom: 30px; }

.DocumentRankingModule .DocumentRankingContentHolder {
  height: 60px;
  display: block;
  margin-top: 5px;
  background-color: transparent; }
 /*for EPaperPreviewModule */
.EPaperPreviewModule .EPaperPreviewModuleContent {
  text-align: center; }
  .EPaperPreviewModule .EPaperPreviewModuleContent img {
    border: 2px solid gray;
    -webkit-box-shadow: 3px 3px 5px #30393D;
    box-shadow: 3px 3px 5px #30393D; }
 .LatestWebStoryCommentsModule
{
	overflow:auto;	
}

.LatestWebStoryCommentsContent
{
	
}

.WebStoryLatestCommentBox
{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	overflow:auto;
}

.WebStoryLatestCommentBox .hgroup .ArticleMeta
{
	color: #006eb8;
	margin: 0px 0px 5px 0px;
}

.WebStoryLatestCommentBox .hgroup h2
{
	color:#333;
	font-weight:normal;
	font-size:28px;
	line-height:normal;
	margin: 0px 0px 10px 0px;	
}

.WebStoryLatestCommentBox .hgroup h3
{
	font-size: 16px;
	font-weight:normal;
	display:inherit;
	text-transform:none;
	color: #006eb8;
	letter-spacing:normal;
}

.WebStoryLatestCommentBox .hgroup h3 a:link,
.WebStoryLatestCommentBox .hgroup h3 a:active,
.WebStoryLatestCommentBox .hgroup h3 a:visited,
.WebStoryLatestCommentBox .hgroup h3 a:active
{
	color: #006eb8;
}


.WebStoryLatestCommentBox .comments
{
}

.WebStoryLatestCommentBox .comments ul
{
	list-style:none;	
	padding: 0px 0px 0px 0px;
	margin: 14px 0px 0px 0px;
}

.WebStoryLatestCommentBox .comments li:before
{
	padding: 0px 4px 10px 0px;
}

.WebStoryLatestCommentBox .comments li
{
	margin: 0px 0px 4px 0px;	
}

.WebStoryLatestCommentBox .comments .Pseudonym
{
	font-weight:bold;	
}

.WebStoryLatestCommentBox .footer
{
	float:right;	
}

.WebStoryLatestCommentBox a.commentLink
{ 
    color: #006eb8;
}

.WebStoryLatestCommentBox A.commentLink img
{
	margin: 0px 0px 0px 2px;
	vertical-align:middle;	
}

/* XSLParam Preeview */
.WebStoryLatestCommentBoxPreview
{
	
}

.WebStoryLatestCommentBoxPreview:before
{
	margin-top:6px;
	float:left;
	padding: 0px 0px 0px 0px;
}

.WebStoryLatestCommentBoxPreview h2
{
	color:#333;
	font-weight:normal;
	font-size:14px;
	line-height:1.5em;
	text-decoration:none;
	margin:0px;
	padding: 0px 0px 0px 0px;
	
}

.WebStoryLatestCommentBoxPreview .comments
{
	font-style:italic;	
	padding: 0px 0px 0px 0px;
}


.WebStoryLatestCommentBoxPreview .comments ul
{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

 .LiveTickerModule
{
}

.LiveTickerModule .LiveTickerClosed {
  font-weight: 300;
  font-style: italic; 

}


.LiveTickerModule div[name=LiveTickerDescription]
{
}

.LiveTickerModule ul.LiveTickerItems
{
	margin-top:10px;
	padding-top:10px;
}

/*LiveTicker Image*/
ul.LiveTickerItems .LiveTickerImage img{
	width:100%;
}


/*timeline handling*/
ul.LiveTickerItems.timeline {
	position: relative;
}

ul.LiveTickerItems.timeline > li {
		padding-left: 40px;
	}

ul.LiveTickerItems.timeline > li:before {
		content: ' ';
		background: white;
		display: inline-block;
		position: absolute;
		border-radius: 50%;
		border: 1px solid #246bb3;
		left: 0px;
		width: 20px;
		height: 20px;
		height: 20px;
		z-index: 400;
}

ul.LiveTickerItems.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 9px;
	width: 1px;
	height: 100%;
	z-index: 400;
}


.LiveTickerModule .PopupPanelBackground
{
	float:right;
}

.LiveTickerModule .PopupPanel
{
	width:600px;
	left:30%;
}

.LiveTickerModule input[name=NewLiveTickerItemHeading]
{
	width:100%;
}

.LiveTickerItem
{
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}



.LiveTickerItemDate
{
	display: inline-block;
	font-style:italic;
	font-weight: 300;
	font-size: 0.8em;
}

.LiveTickerItemTime
{
	display: inline-block;
	margin-right:5px;
	font-style:italic;
	font-weight: 600;
}

.LiveTickerItemPlayTime {
	display: inline-block;
	margin-right: 5px;
	font-weight: 600;
}

.LiveTickerItemHeading
{
	display: block;
}

.LiveTickerItemContent
{
	display: block;
}

.LiveTickerItemContent img
{
	max-width: 100%;
}

.LiveTickerPreview .LiveTickerItemContent
{
	display: none;
} /* css definitions for newsletter wcms pages */
/*************************************************************************************************/
/* Wcms/News/NewsletterSubscription.aspx */
/*************************************************************************************************/
.NewsletterSubscription li {
  margin: 17px 0px; }

.NewsletterSubscription span.NewsletterLabel {
  font-size: 1.1em;
  position: relative;
  top: -3px; }

@media (min-width: 768px) {
  .col-sm-8 .NewsletterSubscription.NoUserNavigator,
  .col-sm-8 .WcmsPage.NoUserNavigator {
    width: 151%; }
  .col-sm-push-4 .NewsletterSubscription.NoUserNavigator,
  .col-sm-8 .WcmsPage.NoUserNavigator {
    margin-left: -51%; } }

/*************************************************************************************************/
/* Wcms/News/NewsletterShow.aspx */
/*************************************************************************************************/
 /* For NewsListLinkModule */
.NewsListLinkModule a
{
	float:right;
} /*for PictureGalleryPreviewModule */
/*for PictureGalleryPreviewModule */
.PictureGalleryPreviewModule {
  /* class for one picture gallery dokument in the preview modul */ }
  .PictureGalleryPreviewModule .PictureGalleryPreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /* handling for LayoutDesign "LayerHeading" */
    /* handling for LayoutDesign "HeadingInside" */ }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc span.picgallery-heading {
      font-size: 20px;
      font-family: "Segoe UI";
      color: #29292b;
      line-height: 1.3;
      margin-top: 5px; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc span.picgallery-heading :hover {
        color: #006eb8;
        text-decoration: underline; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .imageContainer {
      position: relative;
      width: 100%;
      height: auto;
      display: block;
      margin: auto;
      margin-bottom: 10px; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc img {
      width: 100%; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 0.8em;
      text-align: center;
      width: 100%;
      height: 100%; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 2.5em; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer {
      position: relative;
      color: #FFF;
      background-color: #006eb8; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer img {
        display: block; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer .imageContainer {
        margin-bottom: 0px; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer div.heading-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer div.heading-layer span {
          display: none;
          color: #FFF; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer :hover div.heading-layer span {
        display: block;
        color: #FFF; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer :hover img {
        visibility: hidden; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryLayer img.preview-doc-icon {
        bottom: 3px; }
    .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside {
      position: relative;
      overflow: hidden; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .imageContainer {
        margin-bottom: 0px; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .heading-background {
        position: absolute;
        bottom: 0px;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
        height: 100%;
        width: 100%; }
      .PictureGalleryPreviewModule .PictureGalleryPreviewDoc.PictureGalleryHeadingInside .heading-background span {
        position: absolute;
        bottom: 0;
        color: #fff;
        /*font-size: calc(1.4vw + 1.4vh + 1vmin);*/
        font-weight: 500;
        text-align: center;
        vertical-align: text-bottom;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        line-height: 1.3;
        margin-bottom: 0px;
        width: 100%;
        text-shadow: 0 0 20px rgba(0, 0, 20, 0.25); }
 /* for PictureGalleryShowJavascriptModule ,PicListModule and MotifPicItemListModule */
.PictureGalleryShowJavascriptModule .image.swiper-container .swiper-slide .row,
.PicListModule .image.swiper-container .swiper-slide .row,
.MotifPicItemListModule .image.swiper-container .swiper-slide .row {
  /* needed for text region if to use fade effect */
  background-color: white; }

.PictureGalleryShowJavascriptModule .outer-stripe-swiper-container,
.PicListModule .outer-stripe-swiper-container,
.MotifPicItemListModule .outer-stripe-swiper-container {
  padding-left: 0px;
  padding-right: 0px; }

.PictureGalleryShowJavascriptModule .stripe.swiper-container,
.PicListModule .stripe.swiper-container,
.MotifPicItemListModule .stripe.swiper-container {
  width: 100%;
  padding-bottom: 30px; }
  .PictureGalleryShowJavascriptModule .stripe.swiper-container .swiper-slide,
  .PicListModule .stripe.swiper-container .swiper-slide,
  .MotifPicItemListModule .stripe.swiper-container .swiper-slide {
    width: auto;
    height: 100%; }
    .PictureGalleryShowJavascriptModule .stripe.swiper-container .swiper-slide img,
    .PicListModule .stripe.swiper-container .swiper-slide img,
    .MotifPicItemListModule .stripe.swiper-container .swiper-slide img {
      width: auto;
      height: 85px; }

.PictureGalleryShowJavascriptModule .PictureGalleryStripe .stripe.swiper-button-prev,
.PictureGalleryShowJavascriptModule .PictureGalleryStripe .stripe.swiper-button-next,
.PicListModule .PictureGalleryStripe .stripe.swiper-button-prev,
.PicListModule .PictureGalleryStripe .stripe.swiper-button-next,
.MotifPicItemListModule .PictureGalleryStripe .stripe.swiper-button-prev,
.MotifPicItemListModule .PictureGalleryStripe .stripe.swiper-button-next {
  top: 45px; }

.PictureGalleryShowJavascriptModule .PictureGalleryNavigation .btn,
.PicListModule .PictureGalleryNavigation .btn,
.MotifPicItemListModule .PictureGalleryNavigation .btn {
  margin-bottom: 5px; }

.PictureGalleryShowJavascriptModule .banner,
.PicListModule .banner,
.MotifPicItemListModule .banner {
  min-width: 100px;
  min-height: 300px;
  text-align: center;
  /*background-color:gray;*/ }
  .PictureGalleryShowJavascriptModule .banner .WcmsAdHint,
  .PicListModule .banner .WcmsAdHint,
  .MotifPicItemListModule .banner .WcmsAdHint {
    display: inline-block; }

.PictureGalleryShowJavascriptModule .Pages,
.PicListModule .Pages,
.MotifPicItemListModule .Pages {
  margin-right: 5px; }

.PictureGalleryShowJavascriptModule .PictureGalleryShoppingCart,
.PicListModule .PictureGalleryShoppingCart,
.MotifPicItemListModule .PictureGalleryShoppingCart {
  margin-left: 15px; }

.PictureGalleryShowJavascriptModule .PictureGalleryImage,
.PicListModule .PictureGalleryImage,
.MotifPicItemListModule .PictureGalleryImage {
  margin-bottom: 15px; }

.PictureGalleryShowJavascriptModule .PictureGalleryStripeNavigation,
.PicListModule .PictureGalleryStripeNavigation,
.MotifPicItemListModule .PictureGalleryStripeNavigation {
  height: 85px; }
  .PictureGalleryShowJavascriptModule .PictureGalleryStripeNavigation .btn,
  .PicListModule .PictureGalleryStripeNavigation .btn,
  .MotifPicItemListModule .PictureGalleryStripeNavigation .btn {
    height: 100%; }
 /*for PictureGalleryTeaserModule */
.PictureGalleryTeaserModule {
  /* ========================================================================================== */
  /* define grid areas*/
  /*Item BackgroundImage Handling*/
  /*image without overlay*/
  /*image with overlay*/
  /* ========================================================================================== */
  /*Template Grid4_Square*/
  /* ========================================================================================== */
  /* ========================================================================================== */
  /*Template Grid4_left*/
  /* ========================================================================================== */
  /* ========================================================================================== */
  /*Template Grid4_right*/
  /* ========================================================================================== */
  /* ========================================================================================== */
  /*Template Grid7*/
  /* ========================================================================================== */ }
  .PictureGalleryTeaserModule div.item-1 {
    grid-area: A; }
  .PictureGalleryTeaserModule div.item-2 {
    grid-area: B; }
  .PictureGalleryTeaserModule div.item-3 {
    grid-area: C; }
  .PictureGalleryTeaserModule div.item-4 {
    grid-area: D; }
  .PictureGalleryTeaserModule div.item-5 {
    grid-area: E; }
  .PictureGalleryTeaserModule div.item-6 {
    grid-area: F; }
  .PictureGalleryTeaserModule div.item-7 {
    grid-area: G; }
  .PictureGalleryTeaserModule div.item-8 {
    grid-area: H; }
  .PictureGalleryTeaserModule div.item {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover; }
  .PictureGalleryTeaserModule a div.hiddenoverlay {
    width: 100%;
    height: 100%; }
  .PictureGalleryTeaserModule div.item.overlaycontainer {
    position: relative; }
  .PictureGalleryTeaserModule a.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-decoration: none; }
    .PictureGalleryTeaserModule a.overlay div {
      color: #ffffff;
      font-size: 2em; }
  .PictureGalleryTeaserModule .Grid4_Square {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-template-areas: "A B " 
 "C D "; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid4_Square {
      height: 1600px;
      grid-template: "A" "B" 
 "C" "D";
      -ms-grid-rows: 400px;
          grid-template-rows: 400px;
      grid-gap: 2px; } }
  .PictureGalleryTeaserModule .Grid4_left {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-template-areas: "A B C" 
 "A D D "; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid4_left {
      height: 1600px;
      grid-template: "A" "B" 
 "C" "D";
      -ms-grid-rows: 600px 200px 400px 400px;
          grid-template-rows: 600px 200px 400px 400px;
      grid-gap: 2px; } }
  .PictureGalleryTeaserModule .Grid4_right {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    grid-template-areas: "A B C" 
 "D D C"; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid4_right {
      height: 1600px;
      grid-template: "A" "B" 
 "C" "D";
      -ms-grid-rows: 400px;
          grid-template-rows: 400px;
      grid-gap: 2px; } }
  .PictureGalleryTeaserModule .Grid7 {
    height: 50vh;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 2fr 2fr 2fr 3fr;
        grid-template-columns: 2fr 2fr 2fr 3fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "A A B C" 
 "A A B C" 
 "A A B F" 
 "D E B F" 
 "D E B G" 
 "D E B G"; }
  @media (max-width: 768px) {
    .PictureGalleryTeaserModule .Grid7 {
      height: 50vh;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr 1fr 1fr 1fr;
          grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-areas: "A A B B" 
 "D E B B" 
 "C C F F" 
 "C C G G";
      grid-gap: 2px; } }
 .PreviewGallery {
  position: relative; }
  .PreviewGallery .outer-preview-swiper-container {
    padding-left: 0px;
    padding-right: 0px; }
  .PreviewGallery .preview-swiper-container {
    padding-bottom: 30px; }
  .PreviewGallery .preview.swiper-button-prev {
    left: 15px; }
  .PreviewGallery .preview.swiper-button-next {
    right: 15px; }
 /*************************************************************************************************/
/* PubThemeShowModule */
/*************************************************************************************************/
.PubThemeShowModule .WcmsContentHeader figure {
  margin-bottom: 1.5em; }
  .PubThemeShowModule .WcmsContentHeader figure img {
    min-width: 100%; }
 /*for PubThemePreviewModule */
/*for PubThemePreviewModule */
.PubThemePreviewModule {
  /* class for one pubtheme document in the preview modul */ }
  .PubThemePreviewModule .PubThemePreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /*******************************************************/
    /* handling for LayoutDesign "HoverText" */
    /*******************************************************/
    /*******************************************************/
    /* Layout: Text im Bild (TextInside) */
    /*******************************************************/ }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-header {
      position: relative; }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-heading {
      font-size: 20px;
      font-family: "Segoe UI";
      color: #29292b;
      /*line-height: 1.3;*/
      margin-top: 5px; }
      .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-heading :hover {
        color: #006eb8;
        text-decoration: underline; }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-section {
      color: #006eb8;
      margin-top: 0px;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block; }
    .PubThemePreviewModule .PubThemePreviewDoc .pubtheme-date {
      color: #006eb8;
      font-size: 0.7em; }
    .PubThemePreviewModule .PubThemePreviewDoc .PictureContainer {
      position: relative;
      overflow: hidden; }
    .PubThemePreviewModule .PubThemePreviewDoc img {
      width: 100%; }
    .PubThemePreviewModule .PubThemePreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1.6em;
      text-align: center;
      width: 100%;
      height: 100%; }
      .PubThemePreviewModule .PubThemePreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 2.5em; }
    .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer {
      position: relative;
      color: #FFF;
      background-color: #006eb8; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer img {
        display: block; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer .pubtheme-heading, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer .pubtheme-section, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer .pubtheme-header.header-layer .pubtheme-date {
          display: none;
          color: #FFF; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover .pubtheme-header.header-layer .pubtheme-heading, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover .pubtheme-header.header-layer .pubtheme-section, .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover .pubtheme-header.header-layer .pubtheme-date {
        display: block;
        color: #FFF; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer :hover img {
        visibility: hidden; }
      .PubThemePreviewModule .PubThemePreviewDoc .HoverLayer img.preview-doc-icon {
        bottom: 3px; }
    .PubThemePreviewModule .PubThemePreviewDoc .TextInside {
      position: relative;
      overflow: hidden; }
      .PubThemePreviewModule .PubThemePreviewDoc .TextInside figure {
        z-index: 1;
        margin-bottom: 0px; }
      .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextBackground {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(90deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(0, 15, 20, 0.6)), color-stop(52%, rgba(0, 15, 20, 0.15)), color-stop(70%, rgba(0, 15, 20, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: -o-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
        background-image: linear-gradient(0deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%); }
      .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        text-align: center;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        color: #fff; }
        .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer h2 {
          margin-bottom: 0px; }
        .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer .pubtheme-heading, .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer .pubtheme-section, .PubThemePreviewModule .PubThemePreviewDoc .TextInside .TextContainer .pubtheme-date {
          color: #fff; }
 /*for QuizPreviewModule */
.QuizPreviewQuestion
{
	text-decoration:none;
} /*for QuizShowModule */
/*for QuizShowModule */
.QuizShowModule h1 {
  font-size: 1.6em;
  text-align: center; }

.QuizShowModule .QuizInfo {
  font-weight: bold;
  font-size: small; }

.QuizShowModule .QuizQuestion {
  background-color: #006eb8;
  float: left;
  width: 100%;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em; }

.QuizShowModule .QuestionImage {
  text-align: center; }
  .QuizShowModule .QuestionImage img {
    display: inline; }
  .QuizShowModule .QuestionImage .QuestionCredit {
    display: block; }
  .QuizShowModule .QuestionImage .QuestionCaption {
    display: block; }

.QuizShowModule .QuizChoiceItemNo {
  width: 30px;
  text-align: center;
  background-color: #006eb8;
  float: left;
  color: #ffffff;
  margin-right: 15px; }

.QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem {
  text-align: center;
  margin-bottom: 15px; }
  .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer {
    position: relative;
    border: 1px solid #ababab;
    overflow: hidden;
    padding: 5px;
    cursor: pointer; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer:hover {
      background-color: #eee; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemText {
      display: block; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemImageWrapper {
      position: relative;
      display: inline-block; }
      .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemImageWrapper img {
        display: inline; }
      .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemImageWrapper .QuizChoiceItemCredit {
        position: absolute;
        bottom: 0;
        opacity: .8;
        z-index: 50;
        background-color: #d3d3d3;
        right: 0;
        font-size: 12px;
        padding: 0.3em; }
    .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem .QuizChoiceItemImageContainer .QuizChoiceItemCaption {
      display: block; }
  .QuizShowModule .QuestionChoiceItemsContainer .QuizQuestionChoiceItem.QuestionImageChoiceItem.ChoiceItemSelected .QuizChoiceItemImageContainer {
    background-color: #eee; }

.QuizShowModule .QuestionChoiceItemsContainer tr {
  cursor: pointer; }
  .QuizShowModule .QuestionChoiceItemsContainer tr.ChoiceItemSelected {
    background-color: #eee; }

.QuizShowModule .QuestionAnswerButton {
  float: right; }

.QuizShowModule .AnswerResult {
  background-color: #006eb8;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em;
  font-size: medium;
  font-weight: bold; }

.QuizShowModule .AnswerImage {
  margin-bottom: 10px;
  text-align: center; }
  .QuizShowModule .AnswerImage img {
    display: inline; }
  .QuizShowModule .AnswerImage .AnswerCredit {
    display: block; }
  .QuizShowModule .AnswerImage .AnswerCaption {
    display: block; }

.QuizShowModule .AnswerDescription {
  font-size: 1.2em;
  margin-bottom: 10px; }

.QuizShowModule .AnswerNextQuestionButton {
  float: right; }

.QuizShowModule .QuizResult {
  text-align: center; }
 
/* CSS definitions for story content which is used in several story modules (like StoryPreviewModule, StoryShowModule, WebStoryFeaturedModule etc.) */
/* CSS definitions for story content which is used in several story modules (like StoryPreviewModule, StoryShowModule, WebStoryFeaturedModule etc.) */
article.StoryPreviewBox {
  /*******************************************************/
  /* Layout: Text im Bild (TextInside) */
  /*******************************************************/
  /*******************************************************/
  /* MediaQuery für Small-Screen */
  /*******************************************************/
  /*******************************************************/
  /* Format: Kachel (Tile) */
  /*******************************************************/
  /*******************************************************/
  /* Format: Karte (Card) */
  /*******************************************************/ }
  article.StoryPreviewBox .article-top {
    display: none;
    text-transform: uppercase; }
  article.StoryPreviewBox .article-update {
    text-transform: uppercase; }
  article.StoryPreviewBox .article-ad {
    text-transform: uppercase; }
  article.StoryPreviewBox figure {
    margin-bottom: 10px; }
    article.StoryPreviewBox figure img {
      width: 100%; }
  article.StoryPreviewBox .article-heading {
    margin-top: 0px;
    min-height: 1.5em; }
    article.StoryPreviewBox .article-heading a {
      font-family: "Segoe UI";
      color: #29292b;
      line-height: 1.3;
      margin-top: 5px; }
      article.StoryPreviewBox .article-heading a:hover {
        color: #006eb8; }
  article.StoryPreviewBox.col-sm-12 .article-heading {
    min-height: 1.0em; }
  article.StoryPreviewBox h2.article-heading {
    font-size: 24px; }
    article.StoryPreviewBox h2.article-heading a {
      font-size: 20px; }
  article.StoryPreviewBox h4.article-heading a {
    font-size: 16px; }
  article.StoryPreviewBox .article-section,
  article.StoryPreviewBox .article-locality,
  article.StoryPreviewBox .article-headline {
    color: #006eb8;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block; }
  article.StoryPreviewBox .article-pubdate {
    color: #006eb8;
    font-size: 0.7em; }
  article.StoryPreviewBox h3 {
    /*min-height: 2em;*/ }
  article.StoryPreviewBox.col-sm-12 h3 {
    min-height: 1.0em; }
  article.StoryPreviewBox .PictureContainer {
    position: relative;
    overflow: hidden; }
    article.StoryPreviewBox .PictureContainer .article-ad, article.StoryPreviewBox .PictureContainer .article-top, article.StoryPreviewBox .PictureContainer .article-update, article.StoryPreviewBox .PictureContainer .article-views {
      position: absolute;
      top: 0px;
      padding: 0.2em 0.4em;
      font-size: 0.9em;
      font-weight: 700;
      background-color: white;
      color: #222222; }
    article.StoryPreviewBox .PictureContainer .article-ad, article.StoryPreviewBox .PictureContainer .article-top, article.StoryPreviewBox .PictureContainer .article-update {
      left: 0px; }
    article.StoryPreviewBox .PictureContainer .article-views {
      right: 0px; }
  article.StoryPreviewBox .TextInside {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
    article.StoryPreviewBox .TextInside header .article-update {
      display: none; }
    article.StoryPreviewBox .TextInside figure {
      z-index: 1;
      margin-bottom: 0px; }
    article.StoryPreviewBox .TextInside .TextBackground {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-image: -webkit-linear-gradient(90deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, rgba(0, 15, 20, 0.6)), color-stop(52%, rgba(0, 15, 20, 0.15)), color-stop(70%, rgba(0, 15, 20, 0)));
      background-image: -webkit-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
      background-image: -o-linear-gradient(bottom, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
      background-image: linear-gradient(0deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%); }
    article.StoryPreviewBox .TextInside .TextContainer {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      text-align: center;
      padding-left: 0.5em;
      padding-right: 0.5em;
      padding-bottom: 1.0em;
      color: #fff; }
      article.StoryPreviewBox .TextInside .TextContainer a,
      article.StoryPreviewBox .TextInside .TextContainer h3 {
        color: #fff; }
      article.StoryPreviewBox .TextInside .TextContainer h2 {
        margin-bottom: 0px;
        font-size: 1.0rem; }
      article.StoryPreviewBox .TextInside .TextContainer a:hover {
        text-decoration: underline; }
  article.StoryPreviewBox.HomeArticle .TextInside .TextContainer {
    text-align: left;
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-bottom: 2.0em; }
  article.StoryPreviewBox .HasWebDeadline {
    display: inline-block;
    margin-left: 5px; }
  @media screen and (max-width: 768px) {
    article.StoryPreviewBox .article-heading {
      min-height: 1.0em; }
    article.StoryPreviewBox h1 {
      font-size: 35px; }
    article.StoryPreviewBox h3 {
      min-height: 1.0em; }
    article.StoryPreviewBox div.col-sm-4 h3 {
      margin-top: 23px; } }
  article.StoryPreviewBox.article-tile .TextInside .TextContainer {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em; }
  article.StoryPreviewBox.article-tile .article-top {
    display: inline-block; }
  article.StoryPreviewBox.article-tile .article-heading {
    font-weight: 600; }
    article.StoryPreviewBox.article-tile .article-heading a {
      font-size: 18px; }
      @media screen and (min-width: 1200px) {
        article.StoryPreviewBox.article-tile .article-heading a {
          font-size: 20px; } }
  article.StoryPreviewBox.article-card {
    border: 1px solid #aaa;
    margin-bottom: 20px;
    background-color: #fff; }
    article.StoryPreviewBox.article-card .article-section, article.StoryPreviewBox.article-card .article-locality, article.StoryPreviewBox.article-card .article-heading, article.StoryPreviewBox.article-card .article-headline, article.StoryPreviewBox.article-card .article-meta, article.StoryPreviewBox.article-card .article-pubdate, article.StoryPreviewBox.article-card p {
      padding-left: 10px;
      padding-right: 10px; }
    article.StoryPreviewBox.article-card .TextInside .TextContainer {
      text-align: left;
      padding-left: 0.5em;
      padding-right: 0.5em;
      padding-bottom: 0.5em; }
    article.StoryPreviewBox.article-card .article-top {
      display: inline-block; }
    article.StoryPreviewBox.article-card .article-section, article.StoryPreviewBox.article-card .article-locality, article.StoryPreviewBox.article-card .article-pubdate {
      display: block; }
    article.StoryPreviewBox.article-card .article-heading {
      font-weight: 600; }
      article.StoryPreviewBox.article-card .article-heading a {
        font-size: 18px; }
        @media screen and (min-width: 1200px) {
          article.StoryPreviewBox.article-card .article-heading a {
            font-size: 20px; } }

/*******************************************************/
/* Format: Kachel (Tile) */
/*******************************************************/
@media screen and (min-width: 768px) {
  .article-large article.StoryPreviewBox.article-tile .article-heading a {
    font-size: 40px; } }

/*******************************************************/
/* Format: Karte (Card) */
/*******************************************************/
@media screen and (min-width: 768px) {
  .article-large article.StoryPreviewBox.article-card .article-heading a {
    font-size: 40px; } }

/*******************************************************/
/* Format: Kompakt (Compact) */
/*******************************************************/
.articles-compact .headLine {
  font-size: 18px;
  border-bottom-style: none;
  margin-bottom: 5px; }

article.StoryPreviewBox.article-compact h4 {
  padding-top: 0.5em; }

/*******************************************************/
/* Rahmen: zwischen den Spalten (BetweenColumns) */
/*******************************************************/
.article-vertical-divider {
  overflow: hidden;
  /* remove border from first column elements of 2,3 etc. displayed row (has a clear element before) */ }
  .article-vertical-divider > article[class*='col-']:not(:first-child) {
    border-left-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding-bottom: 1000px;
    margin-bottom: -1000px; }
  .article-vertical-divider div[class='clear'] ~ article[class*='col-'] {
    border-left-style: none; }

/*******************************************************/
/* Rahmen: unten (Bottom) */
/*******************************************************/
.article-border-bottom {
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px; }
 .StoryPrint {
  Width: 700px; }
  .StoryPrint .StoryPrintBox {
    font-family: Arial,Helvetica,sans-serif;
    border-bottom: 2px solid #DDDDDD;
    position: relative;
    line-height: 1.5em; }
    .StoryPrint .StoryPrintBox p {
      margin-top: 5px;
      margin-bottom: 5px;
      padding: 0px; }
    .StoryPrint .StoryPrintBox H1 {
      line-height: 1.1em;
      color: #246BB3;
      font-size: 1.6em;
      font-weight: bold; }
    .StoryPrint .StoryPrintBox H2 {
      line-height: 1em;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #666;
      font-size: 0.96em;
      font-weight: bold; }
    .StoryPrint .StoryPrintBox .intro {
      font-weight: bold;
      clear: both; }
    .StoryPrint .StoryPrintBox .author {
      position: relative;
      text-transform: uppercase;
      display: block;
      color: #4e4e4e;
      font-size: 0.8em;
      float: left; }
    .StoryPrint .StoryPrintBox .date {
      display: inline;
      float: right;
      color: #666;
      font-size: 0.8em; }
  .StoryPrint .StoryPrintPicture {
    border-bottom: 2px solid #DDDDDD;
    color: #666;
    width: 500px;
    float: left;
    margin-top: 10px;
    margin-right: 5px; }
 
/* CSS für StoryShowMetaModule */
/* definition for the StoryShowMetaModule*/
.StoryShowMeta .subheading {
  font-style: italic; }

.StoryShowMeta .StoryShowMetaShare .icon-whatsapp:before {
  content: "\e67e";
  vertical-align: middle;
  color: white;
  background-color: #25d366;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 5px solid #25d366; }

.StoryShowMeta .StoryShowMetaInteraction {
  text-align: left; }
  .StoryShowMeta .StoryShowMetaInteraction svg {
    vertical-align: middle; }
  .StoryShowMeta .StoryShowMetaInteraction a.ShoppingCartLink {
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    font-size: 18px; }

.StoryShowMeta .StoryShowMetaInternetTags {
  /*overwrite bootstrap style*/ }
  .StoryShowMeta .StoryShowMetaInternetTags .list-inline > li {
    padding-right: 0; }
 
/* CSS für StoryShowModule and PrintStoryShowModule */
/* CSS definitions for story content which is used in several story modules (like WebStoryPreviewModule, StoryShowModule, WebStoryFeaturedModule etc.) */
/*Layout htmlembedcontainer for data-privacy*/
.htmlembedcontainer {
  /* BackgroundImage for OtherHtml */
  /* BackgroundImage for Facebook*/
  /* BackgroundImage for Twitter*/
  /* BackgroundImage for Instagram*/
  /* BackgroundImage for OtherSocialEmbed */
  /* BackgroundImage for youtube html box */
  /* BackgroundImage for other video html box */ }
  .htmlembedcontainer .submitprivacypolicyelement {
    height: 240px; }
    @media (max-width: 415px) {
      .htmlembedcontainer .submitprivacypolicyelement input {
        margin-left: 50px;
        margin-top: 155px; } }
    @media (min-width: 415px) {
      .htmlembedcontainer .submitprivacypolicyelement input {
        margin-top: 60px;
        margin-left: 240px; } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.otherhtml {
      background-image: url("/Layout/News/DataPrivacyOtherHtml_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.otherhtml {
      background-image: url("/Layout/News/DataPrivacyOtherHtml_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.facebook {
      background-image: url("/Layout/News/DataPrivacyFacebook_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.facebook {
      background-image: url("/Layout/News/DataPrivacyFacebook_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.twitter {
      background-image: url("/Layout/News/DataPrivacyTwitter_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.twitter {
      background-image: url("/Layout/News/DataPrivacyTwitter_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.instagram {
      background-image: url("/Layout/News/DataPrivacyInstagram_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.instagram {
      background-image: url("/Layout/News/DataPrivacyInstagram_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othersocialembed {
      background-image: url("/Layout/News/DataPrivacyOtherSocial_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othersocialembed {
      background-image: url("/Layout/News/DataPrivacyOtherSocial_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.youtube {
      background-image: url("/Layout/News/DataPrivacyYoutube_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.youtube {
      background-image: url("/Layout/News/DataPrivacyYoutube_Landscape.jpg"); } }
  @media (max-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othervideo {
      background-image: url("/Layout/News/DataPrivacyOtherVideo_Portrait.jpg"); } }
  @media (min-width: 415px) {
    .htmlembedcontainer .submitprivacypolicyelement.othervideo {
      background-image: url("/Layout/News/DataPrivacyOtherVideo_Landscape.jpg"); } }

/* CSS für StoryShowModule and PrintStoryShowModule */
.StoryShowShare .icon-whatsapp:before {
  content: "\e67e";
  vertical-align: middle;
  color: white;
  background-color: #25d366;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 5px solid #25d366; }

.StoryShowBox {
  /*position: relative;
    padding-bottom: 0em;
    line-height: 1.5em;
    margin-bottom: 0.66em;
    background: #ffffff;*/ }
  .StoryShowBox a {
    color: #999;
    text-decoration: none; }
    .StoryShowBox a:focus, .StoryShowBox a:hover {
      text-decoration: underline; }

.StoryShowBox .author {
  color: #999; }
  .StoryShowBox .author .authorimage {
    max-height: 45px; }

.StoryShowBox .readingtime {
  font-style: oblique; }

.StoryShowBox .buttonWrapper {
  float: right; }

.StoryShowBox UL {
  /*padding: 0px;
    list-style-type: none;
    margin: 0px 0px 0.66em;*/ }

.StoryShowBox UL LI {
  /*padding-left: 0.6em;
    background: url(/Layout/News/list-dot.gif) no-repeat 0px 8px;*/ }

.StoryShowBox H2 {
  color: #006eb8;
  margin-bottom: -3px;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px; }

.StoryShowBox .voting H2 {
  line-height: 1.2em;
  text-transform: none;
  padding-right: 0em;
  margin-bottom: 0.75em;
  letter-spacing: 0.06em;
  color: #333333;
  font-size: 1.17em; }

.StoryShowBox .voting DIV {
  line-height: 1.3em; }

.StoryShowBox H3 {
  margin-top: 0.3em;
  padding-right: 5em;
  margin-bottom: 0.9em; }

.StoryShowBox H4 {
  margin: 1.33em 0px 0.66em;
  color: #333;
  font-weight: bold; }

.StoryShowBox .intro {
  color: #666; }

.StoryShowGalleryBox {
  color: #666666; }

.StoryShowGalleryBox figcaption p {
  margin-top: 0px;
  background-color: #006eb8;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px; }

.StoryShowGalleryBox p a {
  display: inline;
  color: #333;
  text-decoration: underline; }

.StoryShowGalleryBox img {
  /*text-align: center;
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;*/ }

.StoryShowGalleryImage .image-credit {
  float: right;
  padding-right: 0px;
  font-size: small;
  background-color: white;
  color: #555555; }

.StoryShowBaseTextBox {
  /*float:left;*/ }

.StoryShowBaseTextBox p:first-child {
  margin: 0px;
  display: block; }

.StoryShowBaseTextBox p {
  margin-top: 0px;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto; }

.StoryShowBaseTextBox h4.ImTitle {
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD; }

.StoryShowInfoArea {
  padding-top: 5px;
  text-align: right;
  float: right;
  color: #006eb8;
  font-weight: 700;
  font-size: 0.9em; }

.StoryShowBody .StoryShowInfoArea A {
  color: #006eb8; }

a.printLink svg path, a.printLink svg rect, a.AddToWatchListLink svg path, a.AddToWatchListLink svg rect, a.commentLink svg path, a.commentLink svg rect {
  fill: #006eb8; }

.StoryShowInfoArea A.EditLink {
  display: block;
  margin-bottom: 10px; }

.StoryShowInfoArea A.EditLink span {
  color: #006eb8; }

/*.StoryShowInfoArea*/
A.commentLink {
  position: relative;
  display: inline-block; }
  A.commentLink span {
    color: #006eb8;
    position: absolute;
    top: 4px;
    left: 12px; }

.StoryShowInfoArea A.WatchListPageLink {
  display: inline-block;
  width: 48px;
  height: 18px;
  border: 1px solid;
  padding-right: 3px;
  line-height: 1.5em;
  text-align: right;
  color: #006eb8;
  background: url(/Layout/News/watchlist-icon.png) no-repeat 0px 0px; }

/* additional media links in StoryShow */
.StoryMediaLinks {
  margin-top: 20px; }

.StoryShowBox.StoryMediaLinks h3 {
  padding-right: 0em; }

/* Rating Box in StoryShow */
.StoryShowRating {
  border: none; }

.StoryShowBox.StoryShowRating h3 {
  padding-right: 0em; }

/* AddToWatchList Box in StoryShow */
.StoryShowInfoArea A.AddToWatchListLink {
  color: #006eb8; }

.StoryShowInteraction {
  text-align: right; }
  .StoryShowInteraction svg {
    vertical-align: middle; }
  .StoryShowInteraction a.ShoppingCartLink {
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    font-size: 18px; }

/* Links in StoryShow */
A.StoryShowPictureLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/bilderschau.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

A.StoryShowVideoLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/video.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

a.StoryShowLiveTickerLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/senden.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

A.StoryShowContentLink {
  padding-left: 25px;
  display: block;
  background: url(/Layout/News/senden.gif) no-repeat 0px 3px;
  line-height: 1.2em; }

A.StoryShowPDFLink {
  padding-left: 30px;
  display: block;
  background: url(/Layout/Common/GeneralDocPDF.png) no-repeat;
  height: 24px; }

A.StoryShowGeneralDocLink {
  padding-left: 30px;
  display: block;
  background: url(/Layout/Common/GeneralDoc.png) no-repeat;
  height: 24px; }

/* for Inline WCMSModules */
.StoryShowInlineBox {
  margin-bottom: 10px;
  /*border: 2px solid #DDDDDD;*/
  /*margin: 0.33em 1.33em 5px 0px;*/
  /*width: 250px;*/
  /*float: left;*/
  /*clear: both;*/
  /*padding: 5px;
	 text-align: left;*/ }
  .StoryShowInlineBox.InlineVideoBox {
    width: 50%;
    float: left;
    margin-right: 15px; }
    @media screen and (max-width: 768px) {
      .StoryShowInlineBox.InlineVideoBox {
        width: 100%;
        margin-right: 0px; } }
  .StoryShowInlineBox.InlinePictureGalleryBox h1, .StoryShowInlineBox.InlinePicListBox h1 {
    font-size: 28px; }
  .StoryShowInlineBox .WcmsModule {
    /*padding-top:0px;
		padding-bottom:0px;
		margin-bottom:0px;
		border-top:0px solid #DDDDDD;*/ }
  .StoryShowInlineBox.InlineTagList ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style: none; }

.StoryShowBox .StoryShowInlineBox LI {
  padding-left: 0px;
  background: none transparent scroll repeat 0% 0%; }

.StoryShowBaseTextBox .StoryShowInlineBox LI {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: solid 1px #ccc;
  list-style: none;
  /*padding-bottom: 0em;
    padding-left: 0em;
    padding-right: 0.6em;
    display: inline;
    padding-top: 0.2em;*/ }

.StoryShowBaseTextBox .StoryShowInlineBox H3 {
  margin-bottom: 0.33em; }

.StoryShowBaseTextBox .StoryShowInlineBox A {
  /*display: inline;
    color: #369;
    font-weight: bold;*/ }

.PictureGalleryShow {
  margin-top: 20px;
  margin-bottom: 20px; }

/*for Social Networks WebStory Inline Module*/
.StoryShowSocialnetworks UL LI {
  display: inline;
  margin-right: 0.3125em;
  vertical-align: baseline;
  padding-left: 0px;
  background: none; }

/* some predefined tbs */
/* sharing content for other social media */
#ShareContent {
  display: inline-block;
  width: 48px;
  height: 18px;
  position: relative;
  color: #006eb8;
  border: 1px solid;
  margin-top: 5px;
  background: url(/Layout/News/share-icon.png) no-repeat;
  padding-right: 3px;
  line-height: 1.5em;
  text-align: right; }

#ShareContentPopup {
  display: none;
  background: #fff;
  position: absolute;
  font-weight: 700;
  font-size: 0.9em;
  border: 1px solid #006eb8;
  width: 178px;
  left: 0px;
  top: 0px;
  margin-top: -1px;
  margin-left: 52px;
  padding: 10px;
  z-index: 2000; }

#ShareContentPopup table {
  text-align: left; }

#ShareContent:hover #ShareContentPopup {
  display: block; }

@media screen and (max-width: 768px) {
  .StoryShowInteraction {
    text-align: left; } }

/* StoryTelling StoryShowLayout */
article .StoryTelling section {
  margin-bottom: 50px; }
  article .StoryTelling section .StoryShowGalleryBox {
    margin-top: 15px;
    margin-bottom: 30px; }
    article .StoryTelling section .StoryShowGalleryBox.half {
      width: 48.93%;
      margin-left: auto;
      margin-right: auto;
      float: left; }
    article .StoryTelling section .StoryShowGalleryBox.col3 {
      width: 31.9%;
      margin-left: auto;
      margin-right: auto;
      float: left; }
    article .StoryTelling section .StoryShowGalleryBox.half + .half, article .StoryTelling section .StoryShowGalleryBox.col3 + .col3 {
      margin-left: 2.14%; }
  article .StoryTelling section img {
    min-width: 100%; }
  article .StoryTelling section p {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
    article .StoryTelling section p strong {
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 5.5em;
      display: block;
      float: left;
      margin-top: 37px;
      margin-bottom: 6px;
      margin-left: -8px;
      margin-right: 13px; }

article.article-style-1 .StoryTelling {
  font-family: "Droid Serif", serif;
  font-size: 18px;
  line-height: 30px; }
  article.article-style-1 .StoryTelling header {
    padding: 0.5em;
    text-align: center;
    color: #ffba00;
    background-color: #666; }
  article.article-style-1 .StoryTelling section {
    margin-bottom: 50px; }
    article.article-style-1 .StoryTelling section p {
      font-size: 1.2em;
      line-height: 1.2; }
      article.article-style-1 .StoryTelling section p strong {
        color: #ffba00;
        font-family: "Source Sans Pro", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 5.5em;
        display: block;
        float: left;
        margin-top: 37px;
        margin-bottom: 6px;
        margin-left: -8px;
        margin-right: 13px; }
      article.article-style-1 .StoryTelling section p span.Zitat {
        font-size: 1.66em;
        line-height: 1.4em;
        position: relative;
        padding-left: 12%;
        margin-top: 40px;
        margin-bottom: 40px;
        display: inline-block; }
        @media screen and (max-width: 768px) {
          article.article-style-1 .StoryTelling section p span.Zitat {
            padding-left: 0px; } }
      article.article-style-1 .StoryTelling section p span.Zitat::before {
        color: #ffba00;
        content: "„";
        font-family: "Source Sans Pro", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 150px;
        position: absolute;
        left: 0;
        bottom: 2px;
        margin-bottom: 35px; }
        @media screen and (max-width: 768px) {
          article.article-style-1 .StoryTelling section p span.Zitat::before {
            margin-bottom: 0px;
            font-weight: 300; } }
    article.article-style-1 .StoryTelling section.full {
      background-color: #ffba00; }
      article.article-style-1 .StoryTelling section.full figcaption {
        position: absolute;
        bottom: 30px;
        font-family: "Source Sans Pro", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        font-size: 4em;
        color: #fff;
        line-height: 1.5;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          article.article-style-1 .StoryTelling section.full figcaption {
            font-size: 2.5em; } }
        @media screen and (max-width: 768px) {
          article.article-style-1 .StoryTelling section.full figcaption {
            position: relative;
            font-weight: 300;
            font-size: 1.2em;
            color: white;
            line-height: 1.5;
            bottom: 0px;
            padding: 0.5em; } }
    article.article-style-1 .StoryTelling section.teaser p {
      font-size: 1.66em;
      line-height: 1.4em; }

article.article-style-2 .StoryTelling header {
  padding: 0.5em;
  text-align: center;
  color: #006eb8;
  background-color: white; }

article.article-style-2 .StoryTelling section {
  margin-bottom: 50px; }
  article.article-style-2 .StoryTelling section p {
    font-size: 1.2em;
    line-height: 1.2; }
    article.article-style-2 .StoryTelling section p strong {
      color: #006eb8;
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 5.5em;
      display: block;
      float: left;
      margin-top: 37px;
      margin-bottom: 6px;
      margin-left: -8px;
      margin-right: 13px; }
    article.article-style-2 .StoryTelling section p span.Zitat {
      font-size: 1.66em;
      line-height: 1.4em;
      position: relative;
      padding-left: 12%;
      margin-top: 40px;
      margin-bottom: 40px;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        article.article-style-2 .StoryTelling section p span.Zitat {
          padding-left: 0px; } }
    article.article-style-2 .StoryTelling section p span.Zitat::before {
      color: #006eb8;
      content: "„";
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 150px;
      position: absolute;
      left: 0;
      bottom: 2px;
      margin-bottom: 35px; }
      @media screen and (max-width: 768px) {
        article.article-style-2 .StoryTelling section p span.Zitat::before {
          margin-bottom: 0px;
          font-weight: 300; } }
  article.article-style-2 .StoryTelling section.full {
    background-color: #006eb8; }
    article.article-style-2 .StoryTelling section.full figcaption {
      position: absolute;
      bottom: 30px;
      font-family: "Source Sans Pro", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      font-size: 4em;
      color: #fff;
      line-height: 1.5;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        article.article-style-2 .StoryTelling section.full figcaption {
          font-size: 2.5em; } }
      @media screen and (max-width: 768px) {
        article.article-style-2 .StoryTelling section.full figcaption {
          position: relative;
          font-weight: 300;
          font-size: 1.2em;
          color: white;
          line-height: 1.5;
          bottom: 0px;
          padding: 0.5em; } }
  article.article-style-2 .StoryTelling section.teaser p {
    font-size: 1.66em;
    line-height: 1.4em; }

article a.BoxAnchor {
  display: block;
  position: relative;
  top: -5vh;
  visibility: hidden; }

/************************************************************************************************/
.WebStoryTellingShow {
  /*font-family: "Segoe UI", Helvetica, Arial, sans-serif; */
  font-size: 1.3em;
  /*BackgroundColor Colum*/
  /**********************************************************************************************/
  /*Title-Layout*/
  /* titleteaseroverlaypicture */
  /* titleteaseroverlayvideo */
  /*titleteaserunderpicture*/
  /*titleteaserundervideo*/
  /**********************************************************************************************/
  /*articlemeta*/
  /**********************************************************************************************/
  /*initial-letter*/
  /**********************************************************************************************/
  /*image*/
  /*Image with BU under Picture*/
  /*******************************************************/
  /* Layout: Text im Bild (TextInside) */
  /*******************************************************/
  /*BU in Picture as background-image */
  /* Parallax effect*/
  /*layout picute-caption under picture*/
  /*Bugfix IE / InternetExplorer for Parallax position:fixed and webkit-transform*/
  /**********************************************************************************************/
  /*Layout titleteaseroverlayvideo with text in Video */
  /**********************************************************************************************/
  /*subheading*/
  /**********************************************************************************************/
  /*quote*/
  /**********************************************************************************************/
  /*separator*/
  /*XPos Elements*/
  /*Handling XPos-Element with larger size than ParentElement*/
  /**********************************************************************************************/
  /*ImTitle in Text*/
  /**********************************************************************************************/
  /*textlist*/ }
  .WebStoryTellingShow .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .WebStoryTellingShow .size-full {
    min-height: 50px; }
  .WebStoryTellingShow .size-page {
    min-height: 50px; }
  .WebStoryTellingShow .size-article {
    min-height: 50px; }
  .WebStoryTellingShow .size-articlecontent {
    min-height: 50px; }
  .WebStoryTellingShow .bkgc-white {
    background-color: white; }
  .WebStoryTellingShow .bkgc-lightgray {
    background-color: lightgray; }
  .WebStoryTellingShow .bkgc-gray {
    background-color: gray; }
  .WebStoryTellingShow .bkgc-darkgray {
    background-color: darkgray; }
  .WebStoryTellingShow .bkgc-lightblue {
    background-color: lightblue; }
  .WebStoryTellingShow .bkgc-blue {
    background-color: blue; }
  .WebStoryTellingShow .bkgc-darkblue {
    background-color: darkblue; }
  .WebStoryTellingShow .heading {
    color: #999; }
  .WebStoryTellingShow .titleteaseroverlaypicture.TextInside .TextContainer,
  .WebStoryTellingShow .titleteaseroverlayvideo.TextInside .TextContainer {
    background: none;
    bottom: 10%; }
  .WebStoryTellingShow .titleteaseroverlaypicture.backgroundimage {
    min-height: 50vh;
    max-height: 80vh; }
    .WebStoryTellingShow .titleteaseroverlaypicture.backgroundimage .picturecaption {
      background: none;
      bottom: 10%; }
  @media (max-width: 768px) {
    .WebStoryTellingShow .titleteaserunderpicture h1,
    .WebStoryTellingShow .titleteaserundervideo h1 {
      font-size: 24px; }
    .WebStoryTellingShow .titleteaserunderpicture h3,
    .WebStoryTellingShow .titleteaserundervideo h3 {
      font-size: 20px; } }
  .WebStoryTellingShow .articlemeta {
    font-weight: lighter;
    font-style: italic;
    font-size: 1em;
    color: #999;
    /*SocialSahre*/ }
    .WebStoryTellingShow .articlemeta .StoryShowShare img {
      vertical-align: baseline; }
    .WebStoryTellingShow .articlemeta a.printLink svg path, .WebStoryTellingShow .articlemeta a.printLink svg rect, .WebStoryTellingShow .articlemeta a.AddToWatchListLink svg path, .WebStoryTellingShow .articlemeta a.AddToWatchListLink svg rect, .WebStoryTellingShow .articlemeta a.commentLink svg path, .WebStoryTellingShow .articlemeta a.commentLink svg rect {
      fill: #006eb8; }
    .WebStoryTellingShow .articlemeta A.commentLink {
      position: relative;
      display: inline-block; }
    .WebStoryTellingShow .articlemeta A.commentLink span {
      color: #006eb8;
      position: absolute;
      top: 3px;
      left: 12px; }
    .WebStoryTellingShow .articlemeta .StoryShowInteraction svg {
      vertical-align: middle; }
    .WebStoryTellingShow .articlemeta .StoryShowInteraction a.ShoppingCartLink {
      color: #fff;
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 5px;
      font-size: 18px; }
  .WebStoryTellingShow .initial > p:first-of-type:first-letter {
    color: #005d80;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px; }
  .WebStoryTellingShow .StoryShowGalleryImage img {
    width: 100%; }
  .WebStoryTellingShow .StoryShowGalleryImage figcaption {
    margin-top: 0px;
    font-size: 0.8em;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px; }
  .WebStoryTellingShow .StoryShowGalleryImage .image-credit {
    float: right;
    padding-right: 0px;
    font-size: small;
    background-color: white;
    color: #555555; }
  .WebStoryTellingShow .TextInside {
    position: relative;
    overflow: hidden; }
    .WebStoryTellingShow .TextInside header .article-update {
      display: none; }
    .WebStoryTellingShow .TextInside figure {
      z-index: 1;
      margin-bottom: 0px; }
    .WebStoryTellingShow .TextInside .TextBackground {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .WebStoryTellingShow .TextInside .TextContainer {
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #fff; }
      .WebStoryTellingShow .TextInside .TextContainer a,
      .WebStoryTellingShow .TextInside .TextContainer h3 {
        color: #fff; }
      .WebStoryTellingShow .TextInside .TextContainer h2 {
        margin-bottom: 0px;
        font-size: 1.0rem; }
      .WebStoryTellingShow .TextInside .TextContainer a:hover {
        text-decoration: underline; }
      .WebStoryTellingShow .TextInside .TextContainer .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
    .WebStoryTellingShow .TextInside .TextContainer.NoBackground {
      background-color: inherit; }
    .WebStoryTellingShow .TextInside .TextContainer-Middle {
      position: absolute;
      top: 50%;
      -webkit-transform: perspective(1px) translateY(-50%);
              transform: perspective(1px) translateY(-50%);
      left: 0;
      width: 100%;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #fff;
      font-size: 1.7em; }
      .WebStoryTellingShow .TextInside .TextContainer-Middle a:hover {
        text-decoration: underline; }
      .WebStoryTellingShow .TextInside .TextContainer-Middle .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
  .WebStoryTellingShow .backgroundimage {
    background: no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
    width: 100%;
    padding-top: 40%;
    padding-bottom: 10%;
    color: white; }
    .WebStoryTellingShow .backgroundimage .picturecaption {
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      position: absolute;
      bottom: 0%;
      left: 0;
      width: 100%;
      padding-left: 5px;
      padding-right: 5px; }
      .WebStoryTellingShow .backgroundimage .picturecaption .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
  .WebStoryTellingShow .parallax-vh-container {
    position: relative;
    display: block;
    width: 100%;
    height: 70vh;
    color: white;
    /*layout Title*/
    /* layout picturecaption bottom-picture*/
    /*layout picture-caption middle*/ }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-mask {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      clip: rect(0, auto, auto, 0); }
    .WebStoryTellingShow .parallax-vh-container .background-image {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-repeat: no-repeat; }
    .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
      position: fixed;
      background-attachment: initial;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      /* Fix for Background image jumps when address bar hides iOS/Android/Mobile Chrome */
      /* https://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-android-mobile-chrome */ }
      @media (max-device-aspect-ratio: 3 / 4) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.333 - 9%);
          height: calc(100vw * 1.333 - 9%); } }
      @media (max-device-aspect-ratio: 2 / 3) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.5 - 9%);
          height: calc(100vw * 1.5 - 9%); } }
      @media (max-device-aspect-ratio: 10 / 16) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.6 - 9%);
          height: calc(100vw * 1.6 - 9%); } }
      @media (max-device-aspect-ratio: 9 / 16) {
        .WebStoryTellingShow .parallax-vh-container .background-image-parallax {
          height: -webkit-calc(100vw * 1.778 - 9%);
          height: calc(100vw * 1.778 - 9%); } }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-content {
      display: table;
      width: 100%;
      height: 100%; }
    .WebStoryTellingShow .parallax-vh-container .vh-module-titleteaser {
      display: table-cell;
      position: relative;
      vertical-align: bottom;
      padding-bottom: 80px; }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-picturecaption-bottom {
      display: table;
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .WebStoryTellingShow .parallax-vh-container .vh-module-picturecaption-bottom {
      display: table-cell;
      position: relative;
      vertical-align: bottom; }
      .WebStoryTellingShow .parallax-vh-container .vh-module-picturecaption-bottom .image-credit {
        float: right;
        padding-right: 5px;
        font-size: small;
        color: white; }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-picturecaption-middle {
      display: table;
      position: absolute;
      top: 50%;
      -webkit-transform: perspective(1px) translateY(-50%);
              transform: perspective(1px) translateY(-50%);
      width: 100%;
      padding-left: 0.5em;
      padding-right: 0.5em;
      color: #fff;
      font-size: 1.7em; }
    .WebStoryTellingShow .parallax-vh-container .parallax-vh-container-picturecaption-bottom.NoBackground {
      background-color: inherit; }
  .WebStoryTellingShow .parallax-vh-container + .picturecaption-underpicure .image-credit {
    float: right;
    padding-right: 5px;
    font-size: small; }
  .WebStoryTellingShow .is-ie.parallax-vh-container .background-image-parallax {
    background-attachment: fixed;
    background-position: center center;
    -webkit-transform: none; }
  .WebStoryTellingShow .titleteaseroverlayvideo.TextInside .TextBackground {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
    height: 50%; }
  .WebStoryTellingShow .subheading {
    color: #999;
    margin-top: 1.0em;
    margin-bottom: 1.0em; }
  .WebStoryTellingShow blockquote {
    font-size: 1.4em;
    font-style: italic;
    font-family: Proforma,Georgia,serif;
    color: #005d80; }
  .WebStoryTellingShow hr.separator {
    border: none; }
  .WebStoryTellingShow hr.separator.line {
    height: 2px;
    width: 30px; }
  .WebStoryTellingShow hr.separator.linetextwidth {
    height: 2px; }
  .WebStoryTellingShow hr.separator.area {
    height: 30px; }
  @media (max-width: 768px) {
    .WebStoryTellingShow .no-padding-left {
      padding-left: 0;
      padding-right: 0; }
    .WebStoryTellingShow .no-padding-right {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 992px) {
    .WebStoryTellingShow {
      /*ParentElement with Size page*/
      /*ParentElement with Size article*/
      /*ParentElement with Size articlecontent*/ }
      .WebStoryTellingShow .size-page {
        /*XPos Element Size Full*/ }
        .WebStoryTellingShow .size-page .onset-left-full {
          margin-left: -11%;
          width: 61%; }
        .WebStoryTellingShow .size-page .onset-right-full {
          margin-right: -11%;
          width: 61%; }
        .WebStoryTellingShow .size-page .onset-full {
          margin-left: -11.2%;
          width: 122.33%; }
      .WebStoryTellingShow .size-article {
        /*XPos Element Size Page*/
        /*XPos Element Size Full*/ }
        .WebStoryTellingShow .size-article .onset-left-page {
          margin-left: -12.5%;
          width: 62.5%; }
        .WebStoryTellingShow .size-article .onset-right-page {
          margin-right: -12.5%;
          width: 62.5%; }
        .WebStoryTellingShow .size-article .onset-page {
          margin-left: -12.8%;
          width: 125.6%; }
        .WebStoryTellingShow .size-article .onset-left-full {
          margin-left: -26.85%;
          width: 76.8%; }
        .WebStoryTellingShow .size-article .onset-right-full {
          margin-right: -26.85%;
          width: 76.8%; }
        .WebStoryTellingShow .size-article .onset-full {
          margin-left: -26.85%;
          width: 153.7%; }
      .WebStoryTellingShow .size-articlecontent {
        /*XPos Element Size Article*/
        /*XPos Element Size Page*/
        /*XPos Element Size Full */ }
        .WebStoryTellingShow .size-articlecontent .onset-left-article {
          margin-left: -17.3%;
          width: 67.2%; }
        .WebStoryTellingShow .size-articlecontent .onset-right-article {
          margin-right: -17.3%;
          width: 67.2%; }
        .WebStoryTellingShow .size-articlecontent .onset-article {
          margin-left: -17.3%;
          margin-right: -17.3%;
          width: 134.4%; }
        .WebStoryTellingShow .size-articlecontent .onset-left-page {
          margin-left: -34.5%;
          width: 84.42%; }
        .WebStoryTellingShow .size-articlecontent .onset-right-page {
          margin-right: -34.5%;
          width: 84.42%; }
        .WebStoryTellingShow .size-articlecontent .onset-page {
          width: 168.4%;
          margin-left: -34.2%; }
        .WebStoryTellingShow .size-articlecontent .onset-left-full {
          margin-left: -51.55%;
          width: 101.63%; }
        .WebStoryTellingShow .size-articlecontent .onset-right-full {
          margin-right: -51.55%;
          width: 101.63%; }
        .WebStoryTellingShow .size-articlecontent .onset-full {
          width: 203.25%;
          margin-left: -51.5%; } }
  .WebStoryTellingShow .pull-left .PictureGalleryImage.row,
  .WebStoryTellingShow .pull-right .PictureGalleryImage.row {
    margin-left: 0;
    margin-right: 0; }
  .WebStoryTellingShow h4.ImTitle {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD; }
  .WebStoryTellingShow .InlineTextListBox {
    font-size: 0.8em; }
  .WebStoryTellingShow .SurveyModule img {
    min-width: inherit; }
  .WebStoryTellingShow .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemImage {
    min-width: 0; }

/*Backgroundcolor StoryTelling*/
.WebStoryTellingShow.bkgc-white {
  background-color: white; }

.WebStoryTellingShow.bkgc-lightgray {
  background-color: lightgray; }

.WebStoryTellingShow.bkgc-gray {
  background-color: gray; }

.WebStoryTellingShow.bkgc-darkgray {
  background-color: darkgray; }

.WebStoryTellingShow.bkgc-lightblue {
  background-color: lightblue; }

.WebStoryTellingShow.bkgc-blue {
  background-color: blue; }

.WebStoryTellingShow.bkgc-darkblue {
  background-color: darkblue; }
 /* for Survey-Module */
.SurveyModule H2 {
  margin-top: 5px;
  color: #006eb8;
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.4em; }

.SurveyModule .SurveyVote {
  margin-top: 10px; }
  .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem {
    display: block; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label {
      width: 100%; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemText {
        display: block; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemImage {
        min-width: 100%; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem label .SurveyChoiceItemContent .SurveyChoiceItemPicCaption {
        display: block; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.SurveyTypePicture input {
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextBottom .SurveyChoiceItemContent .SurveyChoiceItemText {
      display: block; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextBottom .SurveyChoiceItemContent .SurveyChoiceItemImage {
      min-width: 100%; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextBottom .SurveyChoiceItemContent .SurveyChoiceItemPicCaption {
      display: block; }
    .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent {
      position: relative; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent .SurveyChoiceItemImage {
        min-width: unset;
        float: left;
        width: 25%; }
      .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent .SurveyChoiceItemText, .SurveyModule .SurveyVote .SurveyChoiceItemsContainer .SurveyChoiceItem.TextRight .SurveyChoiceItemContent .SurveyChoiceItemPicCaption {
        display: block;
        float: right;
        width: 75%;
        padding-left: 5px; }

.SurveyModule .SurveyResult {
  margin-top: 10px; }

.SurveyModule .SurveyButtonWrapper {
  display: inline;
  padding-top: 5px; }
  .SurveyModule .SurveyButtonWrapper .SurveyButton {
    margin-top: 10px; }

.SurveyModule .SurveyTotalVotes {
  margin: 1em 0px 0px;
  float: right;
  color: #999; }

.SurveyModule .SurveyBarWrapper {
  /*width: 7.33em;*/
  width: 100%;
  float: left; }

.SurveyModule .SurveyBarLabel {
  width: 13em;
  margin-bottom: 0.66em;
  float: left; }

.SurveyModule .SurveyBar {
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  padding-bottom: 0px;
  line-height: 0.5em;
  margin: 0.25em 0.5em 0px 0px;
  padding-left: 0px;
  /*width: 3.33em;*/
  width: 80%;
  padding-right: 0px;
  float: left;
  /*height: 0.5em; */
  height: 100%;
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  padding-top: 0px; }
  .SurveyModule .SurveyBar img {
    height: 10px; }
  .SurveyModule .SurveyBar div {
    padding-bottom: 0px;
    line-height: 0.1em;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: #369;
    height: 0.5em;
    padding-top: 0px; }
 /* -- For TagCloud Module --*/
.TagCloudModule {
  line-height: 1.8em !important;
  text-align: justify; }
  .TagCloudModule ul, .TagCloudModule ol {
    margin: 0.5em 0 0;
    padding: 0;
    list-style-type: square; }
  .TagCloudModule li {
    display: inline;
    margin-right: 0.3125em;
    vertical-align: baseline;
    float: left; }
    .TagCloudModule li a:active, .TagCloudModule li a:link, .TagCloudModule li a:visited {
      text-decoration: none; }
    .TagCloudModule li a:hover, .TagCloudModule li a:focus {
      text-decoration: underline; }
  .TagCloudModule .tagCloud_6 {
    color: #999;
    font-size: 0.83em; }
  .TagCloudModule .tagCloud_5 {
    color: #666;
    font-size: 1.08em;
    font-weight: bold; }
  .TagCloudModule .tagCloud_4 {
    color: #999;
    font-size: 1.16em;
    font-weight: bold; }
  .TagCloudModule .tagCloud_3 {
    color: #666;
    font-size: 1.16em; }
  .TagCloudModule .tagCloud_2 {
    font-size: 1.3em; }
  .TagCloudModule .tagCloud_1 {
    font-size: 1.5em;
    font-weight: bold; }
 /* css definitions for TagTheme wcms pages */
/*************************************************************************************************/
/* Wcms/News/TagThemeNav.aspx */
/*************************************************************************************************/
/*************************************************************************************************/
/* TagThemeShowModule */
/*************************************************************************************************/
.TagThemeShowModule a.TagThemeShowLink {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 25px; }

/*************************************************************************************************/
/* Wcms/News/TagThemeShow.aspx */
/*************************************************************************************************/
.WcmsPage.TagThemeShow h1 span {
  font-weight: 700;
  display: inline-block; }

.WcmsPage.TagThemeShow .TagThemeShowModule a.TagThemeShowLink {
  display: none; }
 /*************************************************************************************************/
/* Wcms/News/TagThemeList.aspx */
/*************************************************************************************************/
.TagThemeList ul {
  /*list-style:none;*/
  padding-left: 15px; }
  .TagThemeList ul li {
    position: relative; }
    .TagThemeList ul li a.canceled {
      color: red; }
    .TagThemeList ul li a.too-less-nb-docs {
      color: orange; }
    .TagThemeList ul li a.EditTagThemeLink {
      display: none;
      position: absolute;
      top: 0px;
      left: -24px; }
    .TagThemeList ul li:hover a.EditTagThemeLink {
      display: block;
      width: 24px;
      height: 24px;
      background-image: url(/Layout/Admin/doc_write_24_hover.png); }
      .TagThemeList ul li:hover a.EditTagThemeLink.Cancel {
        background-image: url(/Layout/Admin/remove_24_hover.png); }
      .TagThemeList ul li:hover a.EditTagThemeLink.Publish {
        display: block;
        background-image: url(/Layout/Admin/add_24_hover.png); }
 /*for TagThemeNavigatorModule*/
.TagThemeNavigatorModule .TagThemeNavigatorTab {
  background-color: #FFFFFF; }
  .TagThemeNavigatorModule .TagThemeNavigatorTab a {
    padding-left: 10px;
    line-height: 1.5em;
    color: #cccccc;
    font-weight: 500;
    font-size: medium;
    display: inline-block; }
    .TagThemeNavigatorModule .TagThemeNavigatorTab a.Active {
      font-weight: 800;
      color: #006eb8; }

.TagThemeNavigatorModule .TagThemeNavigatorHeadPanel {
  border-bottom: 3px solid #006eb8;
  margin-top: 10px;
  margin-bottom: 10px; }

.TagThemeNavigatorModule .TagThemeNavigatorHeaderTab {
  font-weight: 500;
  font-size: 1.0em;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  display: inline-block; }
  .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab.Active {
    padding-top: 20px;
    color: #FFFFFF;
    background-color: #006eb8; }
    .TagThemeNavigatorModule .TagThemeNavigatorHeaderTab.Active a {
      color: #FFFFFF;
      background-color: #006eb8; }

.TagThemeNavigatorModule .TagThemeNavigatorContentHolder {
  height: 60px;
  display: block;
  margin-top: 5px;
  background-color: transparent; }
 /* for TextListModule */
.TextListModule .image.swiper-container .swiper-slide .row {
  /* needed for text region if to use fade effect */
  background-color: white; }

.TextListModule .outer-stripe-swiper-container {
  padding-left: 0px;
  padding-right: 0px; }

.TextListModule .stripe.swiper-container {
  width: 100%;
  padding-bottom: 30px; }
  .TextListModule .stripe.swiper-container .swiper-slide {
    width: auto;
    height: 100%; }
    .TextListModule .stripe.swiper-container .swiper-slide img {
      width: auto;
      height: 85px; }

.TextListModule .TextGalleryNavigation {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc; }
  .TextListModule .TextGalleryNavigation .btn {
    margin-bottom: 5px; }

.TextListModule .banner {
  min-width: 100px;
  min-height: 300px;
  text-align: center; }
  .TextListModule .banner .WcmsAdHint {
    display: inline-block; }

.TextListModule .Pages {
  margin-right: 5px; }

.TextListModule .TextGallery {
  margin-bottom: 15px; }
 .TopStoryRotatorModule {
  position: relative;
  margin-bottom: 30px; }
  .TopStoryRotatorModule .TopStoryRotatorNavigation {
    display: block;
    border-bottom: 3px solid #006eb8;
    margin-top: 30px; }
  .TopStoryRotatorModule .TopStoryRotatorNavigationSpan {
    color: Black;
    cursor: default;
    font-weight: 500;
    font-size: 1.0em;
    padding: 20px 5px 3px 5px;
    height: 30px; }
    .TopStoryRotatorModule .TopStoryRotatorNavigationSpan.ActiveTab {
      color: #FFFFFF;
      background-color: #006eb8;
      cursor: pointer; }
  .TopStoryRotatorModule .TopStoryRotatorImage {
    margin-top: 10px; }
    .TopStoryRotatorModule .TopStoryRotatorImage span a img {
      width: 100%;
      margin-top: 10px; }
  .TopStoryRotatorModule .TopStoryRotatorHeading {
    font-weight: 700;
    font-size: 1.1em;
    text-align: left;
    display: block;
    width: 100%; }
    .TopStoryRotatorModule .TopStoryRotatorHeading span {
      display: block;
      color: #eeeeee;
      background-color: #006eb8;
      width: 100%;
      padding-left: 5px;
      padding-right: 5px;
      z-index: 2; }
 /*for UserContentModule */
.UserContentModule .UserContentPanel {
  background-color: #EEEEEE;
  padding: 5px; }
  .UserContentModule .UserContentPanel .LinkedDocContainer {
    margin-bottom: 10px; }
  .UserContentModule .UserContentPanel .LinkedDocContainer .Heading {
    font-weight: bold; }

.UserContentModule .UserContentSubmit {
  /*margin-top:5px;*/ }
 /*for VideoPreviewModule */
/*for VideoPreviewModule */
.VideoPreviewModule {
  /* class for one video document in the preview modul */ }
  .VideoPreviewModule .VideoPreviewDoc {
    position: relative;
    margin-bottom: 5px;
    /* the heading tag */
    /* handling for LayoutDesign "LayerHeading" */
    /* handling for LayoutDesign "HeadingInside" */ }
    .VideoPreviewModule .VideoPreviewDoc span.video-heading {
      font-size: 20px;
      font-family: "Segoe UI";
      color: #29292b;
      line-height: 1.3;
      margin-top: 5px; }
      .VideoPreviewModule .VideoPreviewDoc span.video-heading :hover {
        color: #006eb8;
        text-decoration: underline; }
    .VideoPreviewModule .VideoPreviewDoc .imageContainer {
      position: relative;
      width: 100%;
      height: auto;
      display: block;
      margin: auto;
      margin-bottom: 10px; }
    .VideoPreviewModule .VideoPreviewDoc img {
      width: 100%; }
    .VideoPreviewModule .VideoPreviewDoc .preview-doc-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1.6em;
      text-align: center;
      width: 100%;
      height: 100%; }
      .VideoPreviewModule .VideoPreviewDoc .preview-doc-icon .glyph-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #FFF;
        font-size: 2.5em; }
    .VideoPreviewModule .VideoPreviewDoc.VideoLayer {
      position: relative;
      color: #FFF;
      background-color: #006eb8; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer img {
        display: block; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer .imageContainer {
        margin-bottom: 0px; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer div.heading-layer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-bottom: 0px;
        padding: 5px;
        text-align: center; }
        .VideoPreviewModule .VideoPreviewDoc.VideoLayer div.heading-layer span {
          display: none;
          color: #FFF; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer :hover div.heading-layer span {
        display: block;
        color: #FFF; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer :hover img {
        visibility: hidden; }
      .VideoPreviewModule .VideoPreviewDoc.VideoLayer img.preview-doc-icon {
        bottom: 3px; }
    .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside {
      position: relative;
      overflow: hidden; }
      .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside .imageContainer {
        margin-bottom: 0px; }
      .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside .heading-background {
        position: absolute;
        bottom: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
        height: 100%;
        width: 100%; }
      .VideoPreviewModule .VideoPreviewDoc.VideoHeadingInside .heading-background span {
        position: absolute;
        bottom: 0;
        color: #fff;
        /*font-size: calc(1.4vw + 1.4vh + 1vmin);*/
        font-weight: 500;
        text-align: center;
        vertical-align: text-bottom;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 1.0em;
        line-height: 1.3;
        margin-bottom: 0px;
        width: 100%;
        text-shadow: 0 0 20px rgba(0, 0, 20, 0.25); }
 /* definition for the WatchListModule */
.WatchListModule ul.WatchListContainer li {
  margin-bottom: 1.5em;
  border-bottom: solid 1px #ccc; }

.WatchListModule .WatchListContentHolder {
  padding-bottom: 0.5em; }

.WatchListModule .WatchListImage {
  margin-bottom: 11px; }
  .WatchListModule .WatchListImage img {
    width: 100%; }

.WatchListModule .WatchListText .WatchListSection {
  color: #006eb8;
  margin-top: 0px;
  margin-bottom: -3px;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px; }

.WatchListModule .WatchListText .WatchListHeading {
  font-family: "Segoe UI";
  color: #29292b;
  line-height: 1.3;
  margin-top: 5px; }

.WatchListModule .WatchListAction {
  margin-bottom: 5px; }
 /* definition for the WebStorySearchModule */
.WebStorySearchModule {
  /* for results of searchpage */ }
  .WebStorySearchModule .searchExtended {
    background-color: #eee;
    padding: 0.5em; }
    .WebStorySearchModule .searchExtended h3 {
      font-size: 1.2em;
      margin-top: 0.5em; }
  .WebStorySearchModule .queryResult > ul {
    list-style: none;
    padding-left: 0px; }
    .WebStorySearchModule .queryResult > ul > li {
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
      border-bottom: solid 1px #ccc;
      list-style: none; }
      .WebStorySearchModule .queryResult > ul > li.searchShortcut {
        /*background-color: #ddd;*/ }
      .WebStorySearchModule .queryResult > ul > li .queryResultSearchWord {
        font-weight: bold;
        color: #660000; }
 /* Navigation PositionFixed Top */
.BookingMgrCtrl.PositionFixed {
  position: fixed;
  top: 0;
  padding: 0 10px;
  background-color: white;
  margin-left: -10px;
  width: 900px;
  z-index: 9999; }

/* Navigation PositionFixed Placeholder */
.PositionFixedPlaceholder {
  height: 90px; }

/* css-elements for the topLevel of the etuListControl
   (the rest is like following descripted) */
.WcmsETULIstTopLevelRow {
  background-color: #dddddd;
  padding: 3px; }

.WcmsETULIstTopLevelDescriptorCell {
  width: 100px; }

.WcmsETUListTopLevelSeperatorRow {
  background-color: #ffffff;
  height: 5px; }

/* css-elements for the etuListControl
The scheme of the css (values in brackets are controls in the cells)
WcmsETUListRow/WcmsETUListRow WcmsETUListAlternatingRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X								  X							 X									 X							  X
X WcmsETUListSelectorCell X WcmsETUListImageCell X WcmsETUListSeparatorCell X WcmsETUListTextCell X
X  (WcmsETUListSelector)  X  (WcmsETUListImage)  X									 X							  X
X								  X							 X									 X							  X
WcmsETUListSeparatorRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X																																  X
X																																  X
X																																  X
WcmsETUListRow/WcmsETUListRow WcmsETUListAlternatingRowXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
X																																  X
X  . . .
*/
.WcmsETUListRow {
  /* set this back to default if we don't want selecting the entry by the complete row */
  cursor: pointer; }

.WcmsETUListRow.WcmsETUListAlternatingRow {
  background: #e9e9e9; }

.WcmsETUListRowHighlighted {
  background-color: #ff9999 !important;
  /* set this back to default if we don't want selecting the entry by the complete row */
  cursor: pointer; }

.WcmsETUListSelector {
  padding: 5px; }

.WcmsETUListImage {
  border: solid 2px Black;
  margin: 5px 10px 5px 5px; }

.WcmsETUListTextCell {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 5px; }

.WcmsETUListSeparatorRow {
  height: 5px; }

.WcmsETUNamesAndPubDaysTable {
  overflow-x: auto;
  max-width: 680px; }

.WcmsETUNamesAndPubDaysTable table {
  border-collapse: collapse; }

.WcmsETUNamesAndPubDaysTable table tbody {
  overflow: scroll;
  max-width: 500px; }

.WcmsETUNamesAndPubDaysTable table tbody tr th,
.WcmsETUNamesAndPubDaysTable table tbody tr td {
  white-space: nowrap;
  border: solid 1px Black;
  margin: 3px 5px;
  padding: 3px 5px;
  text-align: center; }

/* the separator between the slogans in the shown sloganList */
.WcmsSloganSeparator {
  margin: 5px 3px 5px 3px; }

/* the style for the frame in pictureGallery which contains the pictureElements
	in the my and common part */
.WcmsPictureGalleryMyPictureFrame,
.WcmsPictureGalleryCommonPictureFrame {
  float: left;
  height: 152px;
  margin: 2px 2px 2px 2px;
  text-align: center;
  vertical-align: middle;
  width: 152px; }

/* the style for the pictures in the pictureGallery */
.WcmsPictureGalleryMyPicture,
.WcmsPictureGalleryCommonPicture {
  /* the picture size is setted by javaScriptFunction: ResizePictures() */
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  cursor: pointer; }

.WcmsPictureGalleryMyPicture:Hover,
.WcmsPictureGalleryCommonPicture:Hover {
  /* the picture size is setted by javaScriptFunction: ResizePictures() */
  border-color: #DDDDDD;
  border-style: ridge;
  border-width: 1px;
  cursor: pointer; }

/* the style for all previewImages (of the motif) */
.WcmsPreviewImage {
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 6px;
  /* (in case if we have a designed motif) */ }
  .WcmsPreviewImage.WcmsPreviewImageDesignedMotif {
    border-style: none; }
  @media print {
    .WcmsPreviewImage {
      width: 400px; } }

/* the surrounding element of a gallery item for each image and label */
.WcmsGalleryItem {
  display: inline;
  vertical-align: top;
  float: left;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 15px;
  background-color: #eee; }

/* the image in the gallery */
.WcmsGalleryImage {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* the label under the image in the gallery */
.WcmsGalleryLabel {
  margin-top: 10px;
  display: block;
  color: Black;
  text-align: center; }

/* the style of the <hr> which seperates oneColumnModel form twoColumnModel, ... */
.WcmsGallerySeparator {
  margin: 3px 3px 3px 3px;
  clear: both; }

/*************************************************************************************************/
/* used for headlines */
.WcmsOrderHeadline {
  font-family: "Segoe UI";
  color: #006eb8;
  font-size: 1.125em; }

/*************************************************************************************************/
/* Order/Booking/OrderBookingConfirmCtrl.ascx and Order/Booking/OrderBookingFinishCtrl.ascx */
/*************************************************************************************************/
/*************************************************************************************************/
.OrderBookingOverviewDataLine {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px; }
  .OrderBookingOverviewDataLine:last-of-type {
    border-bottom-style: none; }

/*************************************************************************************************/
/* the style of the <hr> which seperates the parts in the overview */
.OrderBookingOverviewSeparator {
  color: #ddd; }

.OrderBookingConfirmCtrl table {
  width: 100%; }

.OrderBookingConfirmCtrl .OrderBookingConfirmCtrl_AlterCell {
  font-style: italic; }

.OrderBookingFinishCtrl table table {
  width: 100%; }

/*************************************************************************************************/
/* Order/Booking/BookingModelGalleryCtrl.ascx.cs */
/*************************************************************************************************/
.MotifModelListGalleryContainer {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.MotifModelList {
  margin: 0px;
  padding: 0px; }

.MotifModelRowWrapper {
  margin-top: 15px;
  margin-bottom: 15px; }

.fi-motif-model-item {
  cursor: pointer; }
  .fi-motif-model-item td {
    vertical-align: middle; }

.fi-motif-model-item-selected {
  background-color: #ccc;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.175);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.175); }

.MotifModelRadioButton {
  padding: 10px; }
  .MotifModelRadioButton label {
    visibility: hidden;
    display: none; }

.MotifModelImage {
  padding: 0px; }

.MotifModelComment {
  padding: 10px;
  width: 100%; }

/*************************************************************************************************/
/* Order/Booking/BookingSummaryPrintCtrl.ascx */
/*************************************************************************************************/
.BookingSummaryPrintCtrl tr {
  vertical-align: top; }

/*************************************************************************************************/
/* Order/Booking/BookingClassificationCtrl.ascx */
/*************************************************************************************************/
.BookingMgrCtrl input[type=button] {
  color: #FFF;
  background-color: #006eb8;
  font-size: 0.9em;
  border: 0px;
  font-weight: normal !important;
  min-height: 20px; }

.BookingMgrCtrl.booking-steps input[type=button] {
  text-transform: uppercase;
  font-size: 20px;
  background-image: none;
  /*background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;*/
  background-color: transparent !important;
  width: 16%;
  /*width: 16.66666667%;*/
  height: 75px;
  line-height: 90px;
  vertical-align: bottom;
  /*outline: none !important;*/
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #cccccc;
  color: #cccccc; }
  .BookingMgrCtrl.booking-steps input[type=button].WCMSNavActive {
    color: #006eb8;
    border-color: #006eb8; }
  .BookingMgrCtrl.booking-steps input[type=button].WCMSNavInactive {
    color: #006eb8;
    border-color: #006eb8; }

/*************************************************************************************************/
/* Order/Booking/BookingBPDataCtrl.ascx */
/*************************************************************************************************/
.panel-option {
  margin-left: 10px;
  margin-top: 10px; }
  @media screen and (max-width: 768px) {
    .panel-option .panel-radiobutton-label {
      width: 50%; } }
  .panel-option .panel-radiobutton {
    margin-right: 10px; }

/*************************************************************************************************/
/* Order/Booking/BookingMotifEditFiolaCtrl.ascx */
/*************************************************************************************************/
#edEditor {
  min-width: 100%;
  max-width: 100%; }
  #edEditor .edMenuButtonsBar {
    width: 100%;
    min-width: 100%; }
  #edEditor #edProperties {
    padding: 0px;
    min-width: 100%;
    max-width: 100%; }
  #edEditor #edWorkArea {
    padding: 0px;
    min-width: 100%;
    max-width: 100%; }
  #edEditor #edPriceDetails {
    position: relative;
    margin: 0px !important;
    padding: 0px !important;
    min-width: 100%;
    max-width: 100%;
    min-height: 10px;
    margin-bottom: 10px !important; }
  #edEditor #edPropertyToolbar {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important; }
 .AreasMapTable
{
	/* set margin left and right to 'auto' to center the tableContent */
	margin-left:auto;
	margin-right:auto;
	/* set here the same width like the pictures width of the map */
	width:100%;
}

#m_wdivMap
{
	margin-top:20px;
}

.AreasMapTitle
{
	font-size:1.1em;
	padding-bottom:10px;
	text-align:center;
}

.AreaMapContainer
{
	position:relative;
	width:359px;
	margin-left: auto;
	margin-right: auto;
}

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

.AreaMapContainer
{
	width:100%;
}

}

.AreasMapImage
{
	position:absolute;
	width:100%;
}

.AreasMapError
{
	color:Red;
	font-weight:bold;
}
 /* the label for the boxName of pBoxes */
.StoryEditorBoxLabel
{
}

/* the style of the textBoxes which are used for non HtmlEditor boxes */
.StoryEditorDefaultTextBox,
.StoryEditorBaseTextBox,
.StoryEditorHeaderBox,
.StoryEditorCaptionBox,
.StoryEditorAuthorBox
{
}

/* the label for the imageDescription of pBoxes */
.StoryEditorImageLabel
{
}

/* the image of pBoxes */
.StoryEditorImage
{
	padding-right:10px;
}

/* the control to upload an image */
.StoryEditorImageButtonsCell
{
	text-align:left !important;
}

/* the control to upload an image */
.StoryEditorFileUploadCtrl,
/* the uploadButton for the uploadCtrl */
.StoryEditorFileUploadButton
{
}
.StoryEditorFileUploadButton:Hover
{
}

/* the checkBox for bw conversion */
.StoryEditorBWCheckBox
{
}

/* the button to select another image for pBoxes */
.StoryEditorImageSelectButton
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorImageSelectButton:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the button for editImgCrop */
.StoryEditorEditImgCropButton
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorEditImgCropButton:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the button for deleting an image for pBoxes */
.StoryEditorDeleteImageButton
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorDeleteImageButton:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the button for deleting pixtureBoxes for pBoxes */
.StoryEditorDeletePictureBox
{
	border-color:White;
	border-style:solid;
	border-width:1px;
	margin-right:5px;
}
.StoryEditorDeletePictureBox:hover
{
	border-style:ridge;
	border-width:1px;
}

/* the label of the BU for pBoxes */
.StoryEditorBULabel
{
}

/* the textBox of the BU for pBoxes */
.StoryEditorBUTextBox
{
	margin-left:auto;
	margin-right:auto;
}

/* for the editBox we have no special css becuase it's we use it as control
	and control hasn't astyle or cssClass */

/* the div for making a lineBreak before the bwCheckBox */
.StoryEditorBWCheckBoxBR
{
}

/* the div for making a lineBreak before the imageButtons */
.StoryEditorButtonsBR
{
	height:10px;
}

.StoryEditorError
{
	color:Red;
	font-weight:bold;
}

.PBoxToolbarDiv
{
	border:1px solid #CFCFCF;
	border-bottom-style: none;
	
	padding: 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background:  url('/Lib/jquery-ui/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png') repeat-x scroll 50% 50% #CCCCCC;
	color: #222222;
	clear:both;
	height: 42px;
}


.PBoxFileDiv
{
	float:left;
}

.PBoxButtonDiv
{
	float:left;	
	margin-right: 8px;
}

.PBoxDescDiv
{
	float:left;	
	margin-right: 5px;
	overflow: hidden;
	
}
.PBoxBoxLabel
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top: 3px;
	margin-bottom: 3px;
	
}

.PBoxImageLabel
{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


.PBoxButton
{
	border-radius: 4px;
	padding: 0.3em !important;
	
}
.PBoxButtonImageSelect
{
}

.PBoxButtonImageCrop	
{
}

.PBoxButtonImageDelete
{
}

.PBoxButtonDeletePictureBox
{
}

.PBoxButtonUpload
{
}

.PBoxBWCheckBox
{
}

.PBoxBWCheckBoxBR
{
}

.PBoxImageDiv
{
	padding-bottom: 25px;
}

.PBoxImage
{
	opacity: 0.1;
}

.PBoxImageBorderDiv
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid  #CFCFCF;
}



.PBoxBUDiv
{
	padding-bottom: 25px;
}

/* the label of the BU for pBoxes */
.PBoxBULabel
{
}

/* the textBox of the BU for pBoxes */
.PBoxBUTextBox
{
	margin-left: auto;
	margin-right: auto;
}


.PBoxErrorLabel
{
	color: Red;
	font-weight: bold;
}

.TBoxBoxDeleteBtn 
{
    width: 24px !important;
    height: 23px !important;
    float:right;
    margin-left: 5px;
    margin-right: 5px;
}

.TBoxRow
{
	
}

.LinkBoxDiv {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid lightgray;
	border-radius: 4px;
}
.LinkBoxHeaderDiv {
	 background-color: #EEEEEE;
	 padding: 3px;
	 height:28px
}
.LinkBoxImageDiv {
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat !important;
	background-size: contain;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.LinkBoxImageDivSmall {
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat !important;
	background-size: contain;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
}

.LinkBoxBUDiv {
	 background-color: #EEEEEE;
	 padding: 3px;
	 min-height: 20px;
}
.LinkBoxBUText {
	 background-color: transparent !important;
	 width: 99% !important;
	 padding: 3px;
	 min-height: 20px;
	 border-color:  transparent !important;
}

.LinkBoxDeleteBtn {
    width: 24px !important;
    height: 23px !important;
    float:right;
    margin-left: 5px;
    margin-right: 5px;
}
.OpenLinkBoxDocumentBtn {
    width: 24px !important;
    height: 23px !important;
    float:right;
    margin-left: 5px;
    margin-right: 5px;
}

.WebStoryPicItemCreditCtrl{
	margin-top: 7px !important;
	margin-left: 13px;
	width: 528px;
	height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10px;
	border: 1px solid #D9DDE6;
}

.mceStatusbarBoxName {
	float:left !important;
	margin-right: 5px !important;
	padding-right: 5px !important;
}

.DeleteTextBoxBtn {
	margin-left: 10px !important;
	float:right !important;
	font-size: 12px !important;
}

.IMTitle {
	/* Here You can adjust the appearance of the zwischentitle: */
	background-color: #E0E0E0;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #808080;
	border-top-width: 1px;
	border-bottom-width: 1px; /* NOTE: Do NOT Change the following lines!*/
	display: inline;
} /* PubDatesTable */
.CalendarPubDatesDayTableHeader {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
      hyphens: none; }

.BookingBookDayCtrlContainer {
  margin-left: auto;
  margin-right: auto; }

.CalendarPubDatesTable {
  margin: 0 auto; }
  .CalendarPubDatesTable tr:first-child {
    border-top: solid 1px #ddd; }
  .CalendarPubDatesTable th, .CalendarPubDatesTable td {
    border-bottom: solid 1px #ddd;
    margin: 3px 5px 3px 5px;
    padding: 3px 5px 3px 5px;
    text-align: center; }
    .CalendarPubDatesTable th:first-child, .CalendarPubDatesTable th:first-child, .CalendarPubDatesTable td:first-child, .CalendarPubDatesTable td:first-child {
      text-align: left; }

/* Show User hint and Errors */
.ShowError {
  color: Red;
  font-size: 13px !important;
  margin-top: 10px;
  text-align: center;
  display: block; }

.HideError {
  color: Red;
  font-size: 13px !important;
  margin-top: 10px;
  text-align: center;
  display: none; }

@media screen and (max-width: 768px) {
  .CalendarMainTable {
    font-size: 1.0em;
    width: 100%; }
  .CalendarPubDatesTable {
    width: 100%; }
    .CalendarPubDatesTable th, .CalendarPubDatesTable td {
      /*padding:0px;*/ }
  .CalendarPubDatesDayTableHeader {
    max-width: 10.0em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto; }
  .CalendarPubDatesIssueTableHeader {
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    height: 150px;
    max-width: 3.0em;
    /*word-break: break-all;
		width:1.0em;*/ } }
 /*for MyRealEstateAlertsModule */
.MyRealEstateAlertsModule
{
}

.MyRealEstateAlertsModuleContent
{
	margin-top:5px;
}

.MyRealEstateAlertsModuleLinkList
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.MyRealEstateAlertsModuleLinkList a
{
	background-image: url("/Layout/RealEstate/AlertLinkIcon.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:23px;
	min-height:22px;
	display:inline-block;
}

.MyRealEstateAlertsModuleManage
{
	margin-top:5px;
} /*************************************************************************************************/
/* RealEstateSearchCriteriaCtrl.ascx */
/*************************************************************************************************/
.RESearchCriteria_bg {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  background-image: none;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  background-color: inherit;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .FieldsSmallLayout .RESearchCriteria_bg {
    background-image: none;
    padding-left: 0;
    padding-right: 0; }

.RESearchCriteria_Container {
  padding: 0px; }
  .RESearchCriteria_Container ul,
  .RESearchCriteria_Container .white-bg {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0.88; }
  .RESearchCriteria_Container:hover ul,
  .RESearchCriteria_Container:hover .white-bg {
    opacity: 1; }
  @media (min-width: 768px) {
    .FieldsWideLayout .RESearchCriteria_Container {
      padding: 70px; } }
  .RESearchCriteria_Container .nav-tabs {
    border-bottom: 1px solid #dddddd; }
    .RESearchCriteria_Container .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.46;
      border: 1px solid transparent;
      border-radius: 0px 0px 0 0; }
      .RESearchCriteria_Container .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #dddddd; }
    .RESearchCriteria_Container .nav-tabs > li.active > a,
    .RESearchCriteria_Container .nav-tabs > li.active > a:hover,
    .RESearchCriteria_Container .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      border-bottom-color: transparent;
      cursor: default; }
  .RESearchCriteria_Container .nav > li > a:hover, .RESearchCriteria_Container .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee; }
  .RESearchCriteria_Container .inactive {
    background-color: #ddd; }

/*white background for search-panel*/
.white-bg {
  background-color: #fff; }

@media (min-width: 768px) {
  .RESearchCriteria_bg {
    background-image: url("/Layout/RealEstate/RealEstateBkgImage1.jpg");
    /*padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 200px;
		background-position-y: 100%;
		background-position-x: 0;
		background-size: 121%;
		margin-bottom: 0;*/ } }

@media (min-width: 992px) {
  .RESearchCriteria_bg {
    /*padding-top: 40px;
		padding-bottom: 40px;
		padding-right: 100px;
		padding-left: 60px;
		background-position-y: 48%;
		background-position-x: 0;
		background-size: 120%;*/ } }

@media (min-width: 1200px) {
  .RESearchCriteria_bg {
    /*padding-top: 70px;
		padding-bottom: 70px;
		padding-right: 100px;*/
    /*background-position-y: 52%;
		background-position-x: 0;*/
    /*background-size: 120%;*/ } }

.RESearchCriteria .REHeadH1 {
  font-size: 24px; }

.RESearchCriteria .QuickLinks {
  cursor: pointer; }

.RESearchCriteria input[type=submit].waShowExtendedSearchCriteria,
.RESearchCriteria .RESearchCriteria_ShowExtendedSearchCriteriaLink {
  background: none;
  cursor: pointer;
  color: #006eb8;
  border: 0px;
  padding-right: 0px;
  display: none; }

.FieldsWideLayout .RESearchCriteria input[type=submit].waShowExtendedSearchCriteria {
  display: inline-block; }

.FieldsWideLayout .RESearchCriteria.bordered {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }
  @media (min-width: 768px) {
    .FieldsWideLayout .RESearchCriteria.bordered {
      border: none; } }

.FieldsSmallLayout .RESearchCriteria.bordered {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }

.FieldsSmallLayout .RESearchCriteria .RESearchCriteria_ShowExtendedSearchCriteriaLink {
  display: inline-block; }

.ExtendedRESearchCriteria {
  display: none;
  background-color: #F6F6F6;
  padding: 15px;
  border-top: 1px solid #F1F1F1;
  border: 1px solid #DDDDDD; }
  .ExtendedRESearchCriteria .RESearchAuxCriteriaList {
    list-style-type: none;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
    .ExtendedRESearchCriteria .RESearchAuxCriteriaList .RESearchAuxCriteriaListItems label {
      padding-left: 5px;
      font-weight: normal; }

/*************************************************************************************************/
/* RealEstateLastSearchCtrl.ascx */
/*************************************************************************************************/
.RESearchLastSearch {
  margin-top: 25px;
  margin-bottom: 15px; }
  .RESearchLastSearch ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px; }
    .RESearchLastSearch ul li span {
      margin-right: 5px; }

/*************************************************************************************************/
/* realEstateShow page */
/*************************************************************************************************/
.REShowGalleryContainer {
  margin-top: 15px;
  margin-bottom: 15px; }

.REShowRightHeader, .REShowLeftHeader {
  margin-top: 15px;
  font-weight: bold; }

/*************************************************************************************************/
/* RealEstateNav page */
/*************************************************************************************************/
.RealEstateNavXslDescription {
  position: relative; }
  .RealEstateNavXslDescription img {
    min-width: 100%;
    margin-bottom: 5px; }

.RealEstateNavMainListItem {
  padding-bottom: 10px; }
  .RealEstateNavMainListItem .RealEstateNavMainListItemEntry {
    font-size: 1.3em; }
  .RealEstateNavMainListItem .RealEstateNavMainListItemTypes {
    padding-left: 15px;
    padding-top: 5px; }
    .RealEstateNavMainListItem .RealEstateNavMainListItemTypes .RealEstateNavMainListItemType {
      padding-right: 5px; }
      .RealEstateNavMainListItem .RealEstateNavMainListItemTypes .RealEstateNavMainListItemType .RealEstateNavMainListItemAnchor {
        font-size: 1.0em; }
 
/*************************************************************************************************/
/* PackageOverview */
/*************************************************************************************************/
.PackageOverviewHeader
{
	margin-left: 30px;
}

.PackageOverviewHeader h2{
	font-weight: 200;
}

.PackageOverview_Left
{
	float: left;
	padding: 22px 0;
}

.PackageOverview_Left select
{
	margin-left: 5px;
}

.PackageOverview_FloatRight {
	float: right;
}

.PackageOverview_Right
{
	float: right;
	width: 250px;
	padding: 15px 15px 15px 0;
}

.PackageOverviewSalutation
{
	margin-left: 30px;
}

.PackageOverviewCtrl
{
	color: White;
	padding: 10px 50px 10px 0;
	background-color: #006eb8;
	display: inline-block;
	margin-left: 30px;
	width: 834px;
}

.PackageOverviewSelection span
{
	padding-left: 50px;
}

.RealEstatePackageOverviewTable span, .RealEstatePackageOverviewTable input
{
	cursor: pointer;
}

	.RealEstatePackageOverviewTable span.PackageOverviewSwapMove
	{
		cursor: move;
	}

.RealEstatePackageOverviewList
{
	border-spacing: 0 5px;
	margin: 0 30px 15px;
	min-width: 834px;
	background-color:#E5E5E5;
}

	.RealEstatePackageOverviewList, .RealEstatePackageOverviewList tr, .RealEstatePackageOverviewList td
	{
	}

		.RealEstatePackageOverviewList td
		{
			padding: 10px 11.2px;
			white-space: nowrap;
		}

			.RealEstatePackageOverviewList td img
			{
				min-width: 100px;
				max-width: 150px;
				text-align: center;
				display: inline-block;
				background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
				background-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				background-image: -ms-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				background-image: -o-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
				z-index: 1;
				-webkit-background-size: 50px 50px;
				-moz-background-size: 50px 50px;
				background-size: 50px 50px;
				animation: animRealEstatePackageOverviewImg 2s linear infinite;
			}

			.RealEstatePackageOverviewList td:nth-child(1) span
			{
				min-width: 140px;
			}

			.RealEstatePackageOverviewList td:nth-child(8)
			{
				text-align: right;
			}

			.RealEstatePackageOverviewList td span
			{
				display: inline-block;
			}

			.RealEstatePackageOverviewList td:nth-child(2) span
			{
				width: 200px;
				white-space: normal;
			}

		.RealEstatePackageOverviewList tr
		{
			transition: background 250ms;
			-moz-transition: background 250ms;
			-webkit-transition: background 250ms;
			-o-transition: background 250ms;
		}

			.RealEstatePackageOverviewList tr:nth-child(n)
			{
				background-color: #E5E5E5;
			}

			.RealEstatePackageOverviewList tr:nth-child(2n)
			{
				background-color:  #EEE;
			}

			.RealEstatePackageOverviewList tr:hover
			{
				/*background: #b1b8be;*/
			}

			.RealEstatePackageOverviewList tr:first-child span
			{
				/* text-shadow: none; */
			}

			.RealEstatePackageOverviewList tr:first-child td:nth-child(7) span
			{
				cursor: pointer;
			}

		.RealEstatePackageOverviewList .RealEstatePackageOverviewHideRow
		{
			display: none;
		}

.PackageOverviewSetRealEstateToTop
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSetRealEstateToTop:hover
	{
		background-position: 216px 0px;
	}

.PackageOverviewSwapMotivPackageSortNosWithTop
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 192px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSwapMotivPackageSortNosWithTop:hover
	{
		background-position: 168px 0px;
	}

.PackageOverviewSwapMotivPackageSortNosWithBottom
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 144px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSwapMotivPackageSortNosWithBottom:hover
	{
		background-position: 120px 0px;
	}

.PackageOverviewSetRealEstateToBottom
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 96px 0px;
	background-repeat: repeat;
	height: 24px;
	width: 24px;
}

	.PackageOverviewSetRealEstateToBottom:hover
	{
		background-position: 72px 0px;
	}

.PackageOverviewDeleteMotifFromRealEstateOrder
{
	background-image: url(/Layout/Common/Arrows.png);
	background-position: 48px 0px;
	background-repeat: repeat-x;
	height: 24px;
	width: 24px;
}

	.PackageOverviewDeleteMotifFromRealEstateOrder:hover
	{
		background-position: 24px 0px;
	}

.RealEstatePackageOverviewTable .RealEstatePackageOverviewList tbody tr.RealEstatePackageOverviewSuccess
{
	background-color: rgba(60, 255, 96, 0.74);
}

.PackageOverviewRealEstateMotifIsActive
{
	border-left: 7px solid #339966;
	/*
	box-shadow: 1px 0 0 #74DAA7 inset;
	-webkit-box-shadow: 1px 0 0 #74DAA7 inset;
	*/
}

.PackageOverviewRealEstateMotifIsInActive
{
	border-left: 7px solid #ff0000;
	/*
	box-shadow: 1px 0 0 #262626 inset;
	-webkit-box-shadow: 1px 0 0 #262626 inset;
	*/
}

@keyframes animRealEstatePackageOverviewImg
{
	0%
	{
		background-position: 0 0;
	}

	100%
	{
		background-position: 50px 50px;
	}
}
 
/*************************************************************************************************/
/* print styles */
/*************************************************************************************************/
@media print  
{
	/* admin pannel */
	.AdminMode
	{
		display: none !important;
	}
	
	/* banner */
	.WcmsPageThinBannerPZRightPlaceHolder,
	.WcmsPageBannerTop,
	.WcmsPageBannerButton,
	.WcmsPageBannerSkyScraper
	{
		display: none !important;
	}
	
	/* header */
	.RECustomerLinks,
	.NavigationHeader,
	.NavMenu,
	.WcmsFooter
	{
		display: none !important;
	}
	
	/* expose page */
	.REMediaPrint,
	.REShowSearchSimilar
	{
		display: none !important;
	}	 	
	.REShowContractor
	{
		margin-left: 0;
	}		
}

/*************************************************************************************************/
/* Statistic */
/*************************************************************************************************/
.MarketStatisticTable,
.StatisticHeader
{
	margin-left: 30px;
}

/*************************************************************************************************/
/* EstateAgencyStatistic.aspx */
/*************************************************************************************************/
.EstateAgencyReport
{
	border-collapse: collapse;
	margin-top: 15px;
	margin-left: 30px;
}

.EstateAgencyReport,
.EstateAgencyReport tr,
.EstateAgencyReport td
{
	border: 1px solid #aaa;
}

.EstateAgencyReport td
{
	padding: 3px 25px;
	text-align: right;
	height: 35px;
}

.EstateAgencyReport td:first-child
{
	padding: 3px 25px 3px;
	text-align: left;
}

.EstateAgencyReport tr:nth-child(n)
{
	background-color: #fafdff;
}

.EstateAgencyReport tr:nth-child(2n)
{
	background-color: #DCEEFF;
}

.EstateAgencyReportAdditionalDescription
{
	font-size: 0.875em;
	display: inline-block;
	margin: 4px 0;
}

/*************************************************************************************************/
/* RealEstateMarketStatistic.aspx */
/*************************************************************************************************/
.MarktStatisticChart,
.MarktStatisticTable
{
	display: none;
	margin-top: 10px;
	margin-bottom: 20px;
}

.MarktStatisticTable
{
	margin-bottom: 20px;
}

.MarktStatisticTable table
{
	border: 1px solid #aaa;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

.MarktStatisticTable table td
{
	height: 55px;
	border: 1px solid #aaa;
	border-collapse: collapse;
	padding-left: 5px;
	padding-right: 5px;
}

.MarktStatisticTable tr:nth-child(n)
{
	background-color: #fafdff;
}

.MarktStatisticTable tr:nth-child(2n)
{
	background-color: #DCEEFF;
}

.EstateAgencyStatisticCtrl,
.MarketStatisticCtrl
{
	color: White;
	padding: 0 50px 15px;
	background-color: #006eb8;
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 100%;
}

.MarketStatisticReportSelection,
.EstateAgencyBPSelection
{
	margin: 10px 0;
}

.MarketStatisticReportSelection > div,
.EstateAgencyBPSelection > div
{
	display: inline-block;	
	padding: 3px;
	margin-right: 15px;
}

.MarketStatisticReportSelection span,
.EstateAgencyBPSelection span
{
	margin-bottom: 5px;
	display: block;
}

.MarktStatisticCityDistrict,
.MarketStatisticDateSelection,
.EstateAgencyDateSelection
{ 
	margin: 10px 0;
}

.MarktStatisticCityDistrict > div,
.MarketStatisticDateSelection > div,
.EstateAgencyDateSelection > div 
{ 	
	float: left;
	margin-right: 15px;
	padding: 3px;
}

.MarktStatisticCityDistrict span,
.MarketStatisticDateSelection span,
.EstateAgencyDateSelection span
{
	margin-bottom: 5px;
	display: block;
}

.MarktStatisticSeperator
{
	display: none;
	border-top: 1px solid #DCEEFF;
	background-color: #f0f8ff;
	width: 100%;	
	margin-left: 30px;
	height: 15px;
	background-size: 5px 5px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent);	
}
 .PaymentStatus {
	position: relative;
	float: left;
	-moz-min-width: 74%;
	-ms-min-width: 74%;
	-o-min-width: 74%;
	-webkit-min-width: 74%;
	min-width: 74%;
	max-width: 75%;
}

.PaymentStatus hgroup {
	margin-bottom: 5px;
}

.PaymentPosition {
	font-weight: bold;
}

.PaymentInformationOverview {
	list-style: none;
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 10px 5px;
}

.OverviewPosition {
	list-style-image: none;
	margin: 5px 0px;
}

.OverviewPositionError {
	margin: 0px auto;
	width: 33%;
	color: rgb(195,0,0);
}

.PaymentStatusInfoBox {
	position: relative;
	float: left;
	-moz-min-width: 22%;
	-ms-min-width: 22%;
	-o-min-width: 22%;
	-webkit-min-width: 22%;
	min-width: 22%;
	max-width: 22%;
	border: rgb(222,222,222) 0.1em solid;
	margin: 0 0.4em;
	font-size: 0.8em;
	padding: 0.1em 0.3em;
}

.BuyShoppingCartBtn
{
	width: 96%;
	margin: 4% 2% 5% 2%;
}

.PaymentStatusInfoBox input[type=submit], 
.PaymentStatusInfoBox input[type=button]
{
    font-size: 10px;
}

.PaymentStatusInfolist {
	list-style: none;
	margin: 2%;
	padding: 0;
}

.PaymentStatusInfoBoxSummary {
	font-weight: bold;
	padding: 2% 3%;
	color: rgb(195,0,0);
	margin: 0.2em 0em
}

.PaymentMustRead {
	position: relative;
	float: left;
	-ms-min-width: 23%;
	-o-min-width: 23%;
	-webkit-min-width: 23%;
	-moz-min-width: 23%;
	min-width: 23%;
	max-width: 23%;
	font-size: 0.7em;
	margin: 1em 0.5em
} .PicItemShoppingItem {
  margin-bottom: 15px;
  margin-top: 15px; }
  .PicItemShoppingItem figure {
    background-color: #dedede;
    padding: 5px;
    overflow: hidden; }
  .PicItemShoppingItem .img-wrapper {
    position: relative;
    display: block;
    margin: 0px auto;
    padding: 10px 0px;
    height: 150px; }
    .PicItemShoppingItem .img-wrapper img {
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .PicItemShoppingItem figcaption {
    padding: 0px 5px; }
  .PicItemShoppingItem label {
    text-align: center;
    font-weight: normal;
    font-size: 0.9em; }
  .PicItemShoppingItem input {
    width: 100%;
    height: 1.5em;
    margin-top: 10px; }
  .PicItemShoppingItem .sale-prevented {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 1.5em;
    margin-top: 10px; }
  .PicItemShoppingItem p.Copyright {
    text-align: center;
    margin: 0px; }
 .PaymentImg {
  margin-right: 10px;
  vertical-align: middle;
  width: 100px; }
 .ShoppingCartContent {
  margin-top: 10px;
  margin-bottom: 20px; }

.ShoppingCartHeader {
  margin-bottom: 5px; }
  .ShoppingCartHeader::after {
    clear: both; }
  .ShoppingCartHeader .LabelQuantity {
    float: right;
    width: 7em;
    text-align: right; }
  .ShoppingCartHeader .LabelPrice {
    float: right; }

.ShoppingCartItem {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #dddddd; }
  .ShoppingCartItem:after {
    clear: both; }

.ShoppingCartItemPrice {
  font-weight: 500;
  text-align: right;
  display: block; }

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

.ShoppingCartItemQuantity input {
  margin-left: 5px;
  width: 40px; }

.ShoppingCartFooter {
  padding: 10px 0 0 0;
  border-top: 1px solid #dddddd; }

.ShoppingCartTotalPrice {
  float: right; }
  .ShoppingCartTotalPrice span {
    font-weight: 500; }
 /** Label for Read-Only-Forms***/
.SubscriptionEditAddressData label.readonly {
  font-weight: normal;
  color: #bbb;
  margin-bottom: -10px; }

.margin-bottom-0 {
  margin-bottom: 0; }

.margin-top-5,
.radio.margin-top-5 {
  margin-top: 5px; }
 /*Overview on current vacation services*/
.blueHeadline {
  color: #006eb8; }

.InterruptionList {
  border-bottom: solid 1px #ccc; }
 
 
/*Option-Boxes on Abo-Page*/
.SubscriptionNewOption {
  background-color: #eee;
  padding: 3% 10% 10% 10%;
  text-align: center;
  min-height: 250px;
  font-size: 1.5rem;
  margin-bottom: 1em; }

.SubscriptionNewOption a {
  color: #ffffff;
  /*#666;*/ }

.SubscriptionNewOption a:hover {
  color: #ffffff;
  /*#006eb8;*/ }

.SubscriptionNewOption p {
  min-height: 85px; }

/*headline of articles on a homepage or department-page -> not used for article-headlines on article-pages */
.headline-newsubscription {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #006eb8;
  /*#29292b;*/
  line-height: 1.3;
  margin-top: 5px; }

.headline-newsubscription:hover {
  color: #006eb8; }

/*order Abo/Anzeige wizard*/
.checkout-step {
  color: #ccc;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #ccc; }

.checkout-step a {
  color: #ccc;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #ccc; }

.checkout-step a:hover {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #006eb8; }

.checkout-step-active {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #006eb8; }

.checkout-step-done {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #006eb8; }

.checkout-step-done a:hover {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none solid none;
  border-bottom-width: 2px;
  border-color: #006eb8; }

/*checkout wizard on small screens (xs)*/
.checkout-step-xs {
  color: #ccc;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none none solid;
  border-bottom-width: 2px;
  border-color: #ccc;
  margin-left: 2%; }

.checkout-step-xs a {
  color: #ccc; }

.checkout-step-xs-active {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  border-style: none none none solid;
  border-bottom-width: 2px;
  border-color: #006eb8;
  margin-left: 2%; }

.checkout-step-xs-done {
  color: #006eb8;
  text-transform: uppercase;
  font-size: 20px;
  border-style: none none none solid;
  border-bottom-width: 2px;
  border-color: #006eb8;
  margin-left: 2%; }

/*** Headlines for each section when read-only ****/
.head-profile {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #006eb8;
  font-size: 1.125em; }

/*bonus/presents (Prämien)*/
/*list view of presents with some information*/
.bonus label {
  font-weight: 400; }

.bonus {
  border: solid 1px #eee;
  padding: 10px; }

.bonus h5 {
  min-height: 35px; }

.bonus .BonusItemImgContainer {
  min-height: 250px; }

.bonus .bonusDescription {
  min-height: 110px; }

.bonus .price {
  float: right;
  text-align: right;
  font-weight: bold; }

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

/*CF Test disable radio button*/
/*.bonus input[type="radio"] {
    display: none;
}

.bonus input[type="radio"]:checked + label {
    border: 3px groove grey;
 
}*/
/**************************************/
/*subscriptionnewconfirm*/
/*Price Information in Checkout-Table*/
.SubscriptionNewConfirm .product,
.SubscriptionNewFinish .product {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold; }

.SubscriptionNewConfirmDataLine {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px; }
  .SubscriptionNewConfirmDataLine:last-of-type {
    border-bottom-style: none; }
 /*Headlines for modules (e.g. comments, picture galeries, etc.)*/
.ServiceOptionContainer a:hover,
.ServiceOptionContainer a:focus 
{
  color: #00406c;
  text-decoration: none;
}

.ServiceOptionContainer a:hover path,
.ServiceOptionContainer a:focus path
{
   fill:white;
}

/**************Subscription Overview***********************/
/*Options for Vacation Services*/
.ServiceOption{
    background-color: #eee;
    padding: 5%;
    text-align:center;
    min-height:250px;
    margin-top:1.5rem;
}

.ServiceOption:hover{
    background-color:#006eb8;
    color:#fff;
}

.ServiceOption a{
    color:#666;
}

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


.SubscriptionOption 
{
   background-color:#eee;
   padding: 3% 10% 10% 10%;
   text-align:center;
   min-height:250px;
   font-size:1.5rem;
   margin-bottom:1em;

}

.SubscriptionOption a 
{
   color:#666;
}

.SubscriptionOption a:hover{
    color:#006eb8;
}

/*Box for quick Abo-infos - fixed height - aligned with advertisement*/
.QuickInfo{
    background-color: #eee;
    padding: 5%;
    min-height:285px;
}
/*Box for quick infos full with and no fixed height*/
.QuickInfoNoAd{
    background-color: #eee;
    padding:1% 3% 1% 3%;
} /*************List without bullets****************/
.NoBullet{
    padding-left:0;
    margin-left:0;
}

.NoBullet li{
    list-style:none;
}  .ConsentPurpuseToConfirm {
  /*************************************************************************************************/
  /* bootstrap-validator */ }
  .ConsentPurpuseToConfirm .form-horizontal .help-block.with-errors ul.list-unstyled li {
    text-align: left;
    padding-left: 20px;
    font-weight: 500; }
 .LoginLinkModule {
  margin-bottom: 11.5px; }
  .LoginLinkModule .dropdown-menu {
    left: unset;
    right: 0; }
 .LoginModule .fi-logout-content .do-logout {
  margin-top: 10px;
  margin-bottom: 10px; }

.LoginModule .fi-logout-content .bob-info {
  margin-top: 10px;
  margin-bottom: 10px; }

.LoginModule .login-module-links {
  list-style: disc;
  margin-left: 15px; }
 /*************************************************************************************************/
/* Wcms/User/xxx.aspx */
/*************************************************************************************************/
.UserEditPage .edit-section-header {
  font-family: "Segoe UI";
  color: #006eb8;
  font-size: 1.125em; }

.UserEditPage .CropControls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media all and (max-width: 480px) {
  .UserEditPage .mobile-margin-bottom-10 {
    margin-bottom: 10px; } }
 /*************************************************************************************************/
/* Wcms/User/UserLoginPage.aspx */
/*************************************************************************************************/
.UserLoginPage .headLine {
  font-weight: 200;
  font-size: 2.0em; }
 .UserNavigatorModule ul.nav-left {
  background-color: #eee;
  color: #383a3b;
  margin-bottom: 2em;
  list-style: none;
  padding-left: 0;
  margin-left: 0; }
  .UserNavigatorModule ul.nav-left li.nav-head {
    line-height: 3em;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #ddd;
    padding-left: 1em;
    font-size: 1.125em;
    text-transform: uppercase;
    color: #666; }
  .UserNavigatorModule ul.nav-left li {
    line-height: 3em;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #ddd;
    padding-left: 1em;
    background-color: #fff; }
  .UserNavigatorModule ul.nav-left li:hover {
    border-left: solid 3px #006eb8;
    padding-left: 13px;
    background-color: #eee; }
  .UserNavigatorModule ul.nav-left a.nav {
    color: #383a3b; }
    .UserNavigatorModule ul.nav-left a.nav.active {
      font-weight: bold; }
  .UserNavigatorModule ul.nav-left a.nav:hover {
    color: #006eb8; }
  .UserNavigatorModule ul.nav-left span.badge {
    margin-left: 5px;
    background-color: #999;
    color: #fff; }
  .UserNavigatorModule ul.nav-left span.badge:hover {
    background-color: #777; }
 /*************************************************************************************************/
/* Wcms/User/UserPage.aspx */
/*************************************************************************************************/
 /*************************************************************************************************/
/* Wcms/User/Editor/BPConsent.aspx */
/*************************************************************************************************/
.BPConsent {
  /*list of ContentPurpioses*/ }
 /*************************************************************************************************/
/* Wcms/User/Editor/UserEditPaymentData.aspx */
/*************************************************************************************************/
.UserEditPaymentData .PaymentMode .radio input[type="radio"] {
  margin-left: 0px; }

.UserEditPaymentData .PaymentDataItem {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px; }
  .UserEditPaymentData .PaymentDataItem .PaymentDataItemData {
    margin-bottom: 10px; }
  @media (min-width: 768px) {
    .UserEditPaymentData .PaymentDataItem .PaymentDataItemAction {
      text-align: right; } }
  .UserEditPaymentData .PaymentDataItem .PaymentDataItemButton {
    display: inline-block;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 10px; }
    @media (min-width: 768px) {
      .UserEditPaymentData .PaymentDataItem .PaymentDataItemButton {
        padding-left: 10px;
        padding-right: 0px; } }
  .UserEditPaymentData .PaymentDataItem .PaymentDataItemDefault {
    font-style: italic; }
 /* css definitions for MotifcustomerProof-Editor*/
#EditUncompletedMotif {
  /*Layout canvas editor scrollbar */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #EditUncompletedMotif ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  #EditUncompletedMotif ::-webkit-scrollbar-thumb {
    background: #888; }
  #EditUncompletedMotif ::-webkit-scrollbar-thumb:hover {
    background: #555; }
  #EditUncompletedMotif ::-webkit-scrollbar {
    width: 5px; }
  #EditUncompletedMotif .editorlabel {
    text-align: left; }

.MotifCustomerProofEditor {
  overflow-x: auto;
  scrollbar-width: thin;
  /*Canvas*/ }
  .MotifCustomerProofEditor h5 {
    color: #006eb8; }
  .MotifCustomerProofEditor .CanvasEditorToolBar {
    height: 37px;
    width: 100%;
    color: white;
    background-color: #006eb8; }
    .MotifCustomerProofEditor .CanvasEditorToolBar .colorpicker {
      width: 35px; }
    .MotifCustomerProofEditor .CanvasEditorToolBar .icon-textmarker {
      color: #ffff00; }
    .MotifCustomerProofEditor .CanvasEditorToolBar button {
      background-color: #006eb8;
      /*&:hover,
			&:active {
				color: white;
			}*/ }
  .MotifCustomerProofEditor #m_CtrlMotifCustomerProofCanvas {
    border: 1px solid black;
    display: block; }
 .GBSupplementTitle {
  font-family: "ArialMTPro",Arial,sans-serif;
  color: #b0aeac;
  font-size: 12px;
  /*box-shadow: 3px 3px 5px rgb(48, 57, 61);*/
  margin-bottom: 5px;
  padding: 5px; }

.GBEPaperSinglePageSublements .GBEPaperPreviewImage {
  float: left;
  min-height: unset; }

@media screen and (max-width: 1024px) {
  .GBEPaperSinglePageSublements {
    display: none !important; } }

.GBFirstPageOverlayHeading {
  font-family: "ArialMTPro",Arial,sans-serif;
  color: #b0aeac;
  font-weight: 300;
  padding-top: 20px;
  text-align: center;
  font-size: 2em; }

.GBEPaperPreviewImage {
  float: left;
  padding: 10px;
  margin: 5px; }
  .GBEPaperPreviewImage img {
    -webkit-box-shadow: 3px 3px 5px #30393D;
            box-shadow: 3px 3px 5px #30393D;
    width: 100%; }

.swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
 .WcmsHeader {
  background-color: white;
  z-index: 100;
  /*#DesktopNavigation {
		min-height: 38px;
		height: 38px;

		.navbar-nav {
			height: 38px;

			ul {
				height: 38px;

				li {
					height: 38px;

					a {
						padding-top: 4px;
						padding-bottom: 9px;
						height: 38px;
					}
				}
			}			
		}
	}*/ }
  .WcmsHeader .NavigationHeader .CustHeaderSearch {
    max-width: 200px;
    display: inline-block;
    margin-right: 10px !important;
    float: right; }
    @media screen and (max-width: 992px) {
      .WcmsHeader .NavigationHeader .CustHeaderSearch {
        max-width: 36px; }
        .WcmsHeader .NavigationHeader .CustHeaderSearch .fi-search-box {
          display: none; }
        .WcmsHeader .NavigationHeader .CustHeaderSearch .btn-primary {
          border-bottom-left-radius: 3px;
          border-top-left-radius: 3px; } }
  .WcmsHeader .NavigationHeader .fi-login-content a,
  .WcmsHeader .NavigationHeader .fi-logout-content a {
    color: #58585a; }
    .WcmsHeader .NavigationHeader .fi-login-content a :hover,
    .WcmsHeader .NavigationHeader .fi-logout-content a :hover {
      text-decoration: none;
      color: #006eb8; }

.CustHeaderLinks {
  margin-top: 72px; }
  .CustHeaderLinks .WcmsHeaderLoginLinkModule {
    float: right; }

.CustHeaderIcon {
  margin-right: 10px;
  display: inline-block;
  float: right; }
  .CustHeaderIcon img {
    height: 36px; }
  .CustHeaderIcon a {
    color: #58585a; }
    .CustHeaderIcon a span {
      color: #58585a; }
    .CustHeaderIcon a :hover {
      text-decoration: none;
      color: #006eb8; }
      .CustHeaderIcon a :hover span {
        color: #006eb8; }
  @media screen and (max-width: 1200px) {
    .CustHeaderIcon span {
      display: none; } }

@media screen and (min-width: 768px) {
  .navbar {
    min-height: 38px;
    height: 38px;
    border-top-width: 0; }
    .navbar li a {
      padding-top: 7px;
      padding-bottom: 7px;
      height: 38px; } }

.CustBtn {
  border: 1px solid #555;
  height: 25px;
  padding-bottom: 26px;
  border-radius: 5px;
  margin-left: 5px; }
  .CustBtn :hover {
    border: 1px solid #006eb8; }
  .CustBtn a {
    color: #555;
    font-size: 12px; }
    .CustBtn a :hover {
      text-decoration: none;
      color: #006eb8; }

/* MAL don't show register links on paywall */
article .login-module-links {
  display: none; }

.WcmsHeader {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.gb-plus-icon {
  width: 16px !important; }

.GBTraffectivBannerModule {
  padding-left: 30px;
  padding-right: 30px; }

.GBTraffectivBannerModule #traffective-ad-Mobile_Pos1 {
  max-width: 320px;
  max-height: 280px;
  width: auto;
  height: auto; }
 
/*************************************************************************************************/
/* credit calculator */
/*************************************************************************************************/

.RECreditCalculator {
	margin-top: 15px;
	margin-bottom: 15px;
}

.REShowCreditCalculator
{
}

.REShowCreditCalculatorHeader {
	margin-bottom: 5px;
}