/*
    Allgemein
*/

/** Grafische Elemente **/

.borderTop {
    margin-top:6px;
    border-top:3px solid #525252;
}
.borderTop:before {
    content:"";
    display:block;
    height:3px;
    border-bottom:1px solid #a0a0a0;
}

.szoLineTop {
    border-top:1px solid #a0a0a0;
}



/*
    Icons
*/

.szoCopyrightHint {
    font-size:11px;
    color:#666;
}

a.szoForwardLink,
a.szoBackLink {
    position:relative;
    display:inline-block;
    text-decoration:none;
}
a.szoForwardLink {
    padding-right:20px;
}
a.szoBackLink {
    padding-left:20px;
}
a.szoForwardLink:before,
a.szoForwardLink:after,
a.szoBackLink:before,
a.szoBackLink:after {
    content:"";
    position:absolute;
    width:0;
    height:0;
}
a.szoForwardLink:before,
a.szoBackLink:before {
    z-index:5;
    top:2px;
}
a.szoForwardLink:after,
a.szoBackLink:after {
    z-index:6;
    top:4px;
}
a.szoForwardLink:before {
    right:5px;
    border-top:8px solid #fff;
    border-bottom:8px solid #fff;
    border-left:7px solid #005825;
}
a.szoForwardLink:after {
    right:8px;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:5px solid #fff;
}
a.szoBackLink:before {
    left:5px;
    border-top:8px solid transparent;
    border-right:7px solid #005825;
    border-bottom:8px solid transparent;
}
a.szoBackLink:after {
    left:8px;
    border-top:6px solid transparent;
    border-right:5px solid #fff;
    border-bottom:6px solid transparent;
}
a.szoForwardLink:hover,
a.szoForwardLink:focus,
a.szoBackLink:hover,
a.szoBackLink:focus {
    text-decoration:underline;
}


/* 16x16px Icons aus Sprite */

.szoLinkIcon {
    display:inline-block;
    padding-left:25px;
    background-image:url(/Layout/Custom/Boilerplate/img/icons/icon-sprites_16x16.png);
    background-repeat:no-repeat;
}
.szoLinkIcon.szoCommentIcon {
    background-position:0 4px;
}
.szoLinkIcon.szoMessageIcon {
    background-position:0 -46px;
}
.szoLinkIcon.szoVideoIcon {
    background-position:0 -94px;
}
.szoLinkIcon.szoPhotoIcon {
    background-position:0 -140px;
}
.szoLinkIcon.szoTextgalleryIcon {
    background-position:0 -189px;
}
.szoLinkIcon.szoSurveyIcon {
    background-position:0 -236px;
}
.szoLinkIcon.szoDateIcon {
    background-position:0 -622px;
}
.szoLinkIcon.szoPaywallIcon {
    padding-left:20px;
    font-size:11px;
    line-height:13px;
    color:#333;
    background-position:0 -288px;
}



/*
    Teaserelemente
*/

.szoTeaserList {
    clear:both;
}

/* Bereichsueberschriften */

.szoTeaserListHeading {
    background:#efefef;
}
.szoTeaserListHeading + .szoTabContent {
    margin-top:10px;
}

.szoTeaserListHeading p {
    margin:0;
    padding:0;
}

.szoTeaserListHeading a,
.szoTeaserListHeading span {
    display:block;
    padding:5px 10px;
    font-weight:bold;
}
.szoTeaserListHeading a {
    color:#333;
    text-decoration:none;
    -webkit-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms;
}
.szoTeaserListHeading a:hover,
.szoTeaserListHeading a:focus {
    color:#005825;
}
.szoTeaserListHeading a:after {
    content:"";
    float:right;
    width:16px;
    height:16px;
    margin-top:2px;
    background:url(/Layout/Custom/Boilerplate/img/icons/icon-sprites_16x16.png) no-repeat 5px -382px;
}
.szoTeaserListHeading .hide {
    display:none;
}

.szoTeaserList h2:first-child {
    margin-top:5px;
}

.szoTeaserList.szoVideoTeaserList h2 {
    margin-top:5px;
    padding-top:0;
}
.szoTeaserList.szoVideoTeaserList h3 {
    margin:0 0 5px;
    padding:0;
}


/** Aufmacher **/

.szoLeadStoryTeaser {
	margin:1em 1em 2em;
}
.szoLeadStoryTeaser span.szoDepartment {
    display:inline-block;
    font-size:14px;
    line-height:16px;
    color:#666;
}
.szoLeadStoryTeaser h2 {
    margin:0 0 .5em;
}
.szoLeadStoryTeaser img {
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	max-height:20em;
	margin-bottom:1em;
}
.szoLeadStoryTeaser p {
    -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;
}
.szoLeadStoryTeaser .szoArticleMeta span {
    display:block;
    padding:.2em 0;
}

.szoLeadStoryTeaser .szoRelatedNews {
    margin-bottom:1em;
}


/** Verwandte News **/

.szoRelatedNews {
    margin-bottom:2em;
}
.szoLeadStoryTeaser + .szoRelatedNews {
    margin-top:-1em;
}

.szoRelatedNews h1,
.szoRelatedNews h2,
.szoRelatedNews h3 {
    margin:.2em .6em 1em;
}
#szoArticleView .szoRelatedNews h1,
#szoArticleView .szoRelatedNews h2,
#szoArticleView .szoRelatedNews h3 {
    margin-left:0;
}

.szoRelatedNews ul {
    list-style:none;
    margin:0;
    padding:0;
    border-bottom:1px solid #a0a0a0;
}
.szoRelatedNews ul li {
    border-top:1px solid #a0a0a0;
}
#szoArticleView .szoRelatedNews ul,
#szoArticleView .szoRelatedNews ul li {
    border-color:#d6d6d6;
}
.szoRelatedNews ul li a {
    display:block;
    padding:.5em 1em;
    color:#005825;
    text-decoration:none;
    -webkit-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms;
}
.szoRelatedNews ul li a:hover,
.szoRelatedNews ul li a:focus {
    text-decoration:underline;
}


/** Verwandte News wie Teaseransicht **/

.szoRelatedNewsEnhanced {
    margin-bottom:2em;
    border-top:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
}
.szoLeadStoryTeaser + .szoRelatedNewsEnhanced {
    margin-top:-1em;
}
.szoRelatedNewsEnhanced .szoTeaser {
    padding:1em 1em 0 1em;
    border-bottom:1px solid #a0a0a0;
}
.szoRelatedNewsEnhanced .szoTeaser:last-child {
    border-bottom:none;
}
.szoRelatedNewsEnhanced .szoTeaser .szoTeaserImageLink {
    float:left;
    max-width:20%;
    margin:0 1em 0 0;
}
.szoRelatedNewsEnhanced .szoTeaser .szoTeaserImageLink img {
    width:auto;
    max-width:100%;
    height:50px;
}
.szoRelatedNewsEnhanced .szoTeaser .szoPaywallIcon {
    float:right;
    text-indent:-9999px;
}
.szoRelatedNewsEnhanced .szoTeaser h2 {
    margin-top:0;
    margin-bottom:0;
    font-size:18px;
    line-height:22px;
}
.szoRelatedNewsEnhanced .szoTeaser p {
    margin-top:0;
    font-size:12px;
    line-height:18px;
}


/** Teaser **/

.szoTeaserList .szoTeaser {
    clear:both;
    padding:1em;
    border-top:1px solid #a0a0a0;
}
.szoTeaserList .szoTeaser:first-child,
.szoTeaserList .szoTeaserListHeading + .szoTeaser {
    border:none;
}

.szoTeaserList .szoTeaser span.szoNoticeStoryUpdated {
    display:none;
}

.szoTeaserList .szoTeaser a.szoTeaserImageLink {
    display:inline-block;
    max-width:40%;
}
.szoTeaserList .szoTeaser img {
    width:auto;
    max-width:100%;
	/*height:100px;*/
}

.szoTeaserList .szoTeaser header {
    display:inline-block;
    vertical-align:middle;
}
.szoTeaserList .szoTeaserWithPic header {
    max-width:55%;
    padding-left:3px;
}
.szoTeaserList .szoTeaser header span {
    display:inline-block;
    width:100%;
}
.szoTeaserList .szoTeaser h2 {
    display:inline;
    font-size:18px;
    line-height:22px;
    -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;
}

.szoTeaserList .szoTeaser p {
    -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;
}

.szoTeaserList .szoTeaser .szoArticleMeta span {
    display:block;
    margin-top:.2em;
    margin-bottom:.2em;
}

/* Medien-Teaser */

.szoTeaserList .szoMediaTeaser {
    padding:1em;
}
.szoTeaserList .szoMediaTeaser.left,
.szoTeaserList .szoMediaTeaser.right {
    float:none;
}

.szoTeaserList .szoCaption {
	position:relative;
	z-index:10;
}
.szoTeaserList .szoCaption.szoVideoTeaser:after,
.szoTeaserList .szoCaption.szoGalleryTeaser:after {
	content:"";
	position:absolute;
	z-index:100;
	bottom:50%;
	left:50%;
	width:48px;
	height:48px;
	margin:0 0 -24px -24px;
	opacity:.8;
	background-image:url(/Layout/Custom/Boilerplate/img/icons/icon-sprites_96x96.png);
	background-repeat:no-repeat;
	-webkit-background-size:600px 600px; background-size:600px;
	-webkit-transition:opacity 500ms; -o-transition:opacity 500ms; transition:opacity 500ms;
}
.szoTeaserList .szoCaption.szoVideoTeaser:after {
    background-position:-300px -300px;
}
.szoTeaserList .szoCaption.szoGalleryTeaser:after {
    background-position:-300px 0;
}
.szoCaption.szoVideoTeaser:hover:after,
.szoCaption.szoVideoTeaser:focus:after,
.szoCaption.szoGalleryTeaser:hover:after,
.szoCaption.szoGalleryTeaser:focus:after {
	opacity:1;
}
.szoCaption img {
    display:block;
    width:100%;
    height:auto;
}
.szoCaption figcaption {
	position:absolute;
	z-index:20;
	bottom:0;
	left:0;
	width:94%;
	padding:5px 3%;
	opacity:.8;
	font-weight:bold;
	color:#fff;
	background:#000;
}

/* Galerievorschau */

.szoGalleryPreviewTeaserList {
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;
}
.szoGalleryPreviewTeaserList .szoTeaserListWrap {
    position:relative;
    width:100%;
    margin:1em 0;
    -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
    -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
    -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
    -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
    -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
    transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;
}
.szoGalleryPreviewTeaserList .szoMediaTeaser {
    float:left !important;
    padding:0;
}



/*
    Artikeldarstellung
*/

/** Kopf **/

#szoArticleView .szoArticleHeader {
    margin:1em;
}

#szoArticleView .szoArticleHeader span.szoTopicLine {
    float:left;
}
#szoArticleView .szoArticleHeader span.szoPubDate {
    float:right;
}
#szoArticleView .szoArticleHeader span.szoDepartment {
    clear:both;
    display:block;
    font:normal 15px Gandhi,Times,"Times New Roman",Georgia;
    color:#666;
    line-height:17px;
}

#szoArticleView .szoArticleHeader h1 {
    clear:both;
    margin:0;
    padding:.5em 0;
    font-size:22px;
    line-height:26px;
}
#szoArticleView .szoArticleHeader h2 {
    margin-top:0;
    color:#666;
    font-size:18px;
    line-height:22px;
}

#szoArticleView .szoArticleHeader p.szoArticleMeta span,
#szoArticleView .szoArticleHeader p.szoArticleMeta a {
    display:block;
}
#szoArticleView .szoArticleHeader p.szoArticleMeta span {
    padding:.2em 0;
}


/** Hauptbild **/

#szoArticleView .szoArticleImage {
    margin:1em 0;
}

#szoArticleView .szoArticleImage a.szoLightboxPhotoGallery {
    position:relative;
    z-index:10;
    display:block;
    width:100%;
    max-height:20em;
    margin-bottom:.5em;
    overflow:hidden;
}
#szoArticleView .szoArticleImage a.szoLightboxPhotoGallery:after {
    content:"";
    position:absolute;
    z-index:20;
    bottom:1em;
    left:1em;
    width:32px;
    height:32px;
    opacity:.8;
    background:url(/Layout/Custom/Boilerplate/img/icons/glass_transparent_32x32.png) no-repeat;
    -moz-transition:opacity 250ms; -webkit-transition:opacity 250ms; -o-transition:opacity 250ms; transition:opacity 250ms;
}
#szoArticleView .szoArticleImage a.szoLightboxPhotoGallery:hover:after,
#szoArticleView .szoArticleImage a.szoLightboxPhotoGallery:focus:after {
    opacity:1;
}
#szoArticleView .szoArticleImage img {
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100%;
    margin:0 auto;
}
#szoArticleView .szoArticleImage figcaption {
    margin:0 1em;
}
#szoArticleView .szoArticleImage .szoCopyrightHint {
    float:right;
    margin:0 1em;
    font-size:11px;
}


/** Weitere Bilder **/

#szoArticleView .szoArticleImage {
    float:none;
    margin:0;
}


/** Bilderstrecken **/

#szoArticleView .szoArticlePhotoStream .szoPagination {
    width:150px;
    margin:0 auto;
}


/** Text **/

#szoArticleView > h2,
#szoArticleView > h3,
#szoArticleView > h4 {
    margin-right:.6em;
    margin-left:.6em;
}

#szoArticleView > p,
#szoArticleView > ul {
    margin:1em;
}
#szoArticleView .szoArticleMainImage + p,
#szoArticleView .szoArticleMainImage + ul {
    clear:both;
    padding-top:1em;
}
#szoArticleView > ul {
    padding-left:1.2em;
}
#szoArticleView > ul li {
    line-height:22px;
}
#szoArticleView span.szoDateline {
    font-weight:bold;
}


/** Textbausteine **/

.szoDateline {
    font-size:inherit;
    font-weight:bold;
}
.szoTextCinemaNotice {
	margin-top:20px;
	padding:10px;
	font-weight:bold;
	border:1px solid #d6d6d6;
}
.szoTextInterviewQuestion {
    font-weight:bold;
}
.szoTextHint {
    font-size:12px !important;
}
.szoTextHint:before {
    content:"";
    display:inline-block;
    width:.6em;
    height:.6em;
    margin:0 .5em .1em 0;
    background:#444;
}


/** Einbindungen **/

#szoArticleView iframe[src*="yout"] {
    display:block;
    width:100% !important;
    height:auto !important;
}
#szoArticleView iframe[src*="facebook"] {
    display:block;
    width:100% !important;
}
#szoArticleView iframe[src*="maps"] {
    display:block;
    width:100%;
    border:none;
}


/** Button zur Startseite **/

.szoBackToHome {
    padding:1em;
    text-align:right;
}


/** Fuss **/

#szoArticleView .szoArticleFooter {
    clear:both;
    border-top:1px solid #a0a0a0;
}

#szoArticleView .szoArticleFooter p {
    padding-right:1em;
    padding-left:1em;
}

#szoArticleView .szoArticleFooter span.szoPrintArticle,
#szoArticleView .szoArticleFooter span.szoRecommendArticle {
    display:none;
}

#szoArticleView .szoArticleFooter a {
    display:inline-block;
    padding:.3em .7em;
}

#szoArticleView .szoArticleFooter p.szoBackLinkContainer a {
    padding-left:20px;
}
#szoArticleView .szoArticleFooter p.szoBackLinkContainer a:before {
    top:6px;
}
#szoArticleView .szoArticleFooter p.szoBackLinkContainer a:after {
    top:8px;
}

#szoArticleView .szoArticleFooter p.szoArticleMeta {
    clear:both;
}


/** Ressort-Links **/

#szoArticleView ul.szoArticleSectionList {
    list-style:none;
    padding:0;
    background:#efefef;
}
#szoArticleView ul.szoArticleSectionList li {
    display:block;
    border-top:2px solid #fff;
}
#szoArticleView ul.szoArticleSectionList li:first-child {
    border:none;
}
#szoArticleView ul.szoArticleSectionList li a {
    display:block;
    padding:.7em 1em;
    text-decoration:none;
    -webkit-transition:all 250ms; -o-transition:all 250ms; transition:all 250ms;
}
#szoArticleView ul.szoArticleSectionList li a:after {
    content:"";
    float:right;
    width:16px;
    height:16px;
    background:url(/Layout/Custom/Boilerplate/img/icons/icon-sprites_16x16.png) no-repeat 5px -382px;
}