/*
    Allgemein
*/
.szoNewsModule {
    clear:both;
    margin:2em 0;
    padding:1em;
    background:#ebebeb;
    border-top:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
}

.szoNewsModule h3,
.szoNewsModule h4 {
    margin-top:0;
}



/*
    Galerie- und Videovorschau
*/

.szoVideoTeaserContainer,
#szoArticleView .szoGallery {
    clear:both;
    margin:2em 0;
    padding:1em 0;
    background:#ebebeb;
    border-top:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
}

.szoVideoTeaserContainer h3,
.szoGalleryTeaserList h3 {
    float:left;
    margin:0 .6em 1em;
}

.szoGalleryTeaserList .szoPagination {
    float:right;
    margin:-.3em 1em 0 0;
}

.szoGalleryTeaserList .szoGalleryImagesList {
    clear:both;
    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;
}
.szoGalleryTeaserList .szoGalleryImagesList ul {
    list-style:none;
    position:relative;
    width:100%;
    padding: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;
}
.szoGalleryTeaserList .szoGalleryImagesList ul li {
    float:left;
}
.szoGalleryTeaserList .szoGalleryImagesList ul li a,
.szoGalleryTeaserList .szoGalleryImagesList ul li p.szoGalleryTeaserMeta {
    display:block;
    margin:0 .5em;
    text-align:center;
}
.szoGalleryTeaserList .szoGalleryImagesList ul li a.szoGalleryTeaserLinkToGallery img {
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100px;
}



/*
    Bildergalerien
*/

.szoGalleryView {
    margin-bottom:2em;
}

.szoGalleryView .szoGalleryHeader {
    margin:1em;
}
.szoGalleryView .szoGalleryHeader h1 {
    margin:0;
    padding:.5em 0;
    font-size:22px;
    line-height:26px;
}
.szoGalleryView .szoGalleryHeader h2 {
    margin-top:0;
    font-size:18px;
    line-height:22px;
    color:#666;
}

.szoGalleryView .szoBackLinkContainer {
    margin-left:1em;
}

.szoGalleryView .szoGallery {
    position:relative;
    z-index:1;
    /*max-height:40em;*/
    overflow:hidden;
    -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;
}

.szoGalleryView .szoGallery .szoPagination {
    width:11em;
    margin:0 auto;
}

.szoGalleryView .szoGallery .szoGalleryList {
    position:relative;
    width:100%;
    -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;
}
.szoGalleryView .szoGallery .szoGalleryImage {
    float:left;
    /*max-height:40em;*/
}
.szoGalleryView .szoGallery .szoGalleryImage img {
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:30em;
    margin:0 auto .5em;
    background:url(/Layout/Custom/Boilerplate/img/icons/ajax-loader_32x32.gif) no-repeat center;
}
.szoGalleryView .szoGallery .szoGalleryImage figcaption {
    margin:1em 1em 0;
}
.szoGalleryView .szoGallery .szoGalleryImage p.szoCopyrightHint {
    margin:0 1em 1em 0;
    text-align:right;
}



/*
    Textgalerie
*/

.szoTextGallery {
    clear:both;
    margin:20px 0;
}
.szoTextGallery .szoTextGalleryHeader {
    overflow:hidden;
    border-bottom:1px solid #d6d6d6;
}
.szoTextGallery h3 {
    float:left;
    width:70%;
    margin-top:10px;
}
.szoTextGallery .szoPagination {
    float:right;
}
.szoTextGallery .szoTextGalleryArticle p {
    font-size:12px;
    line-height:20px;
}



/*
    Karte (Google Maps)
*/

.szoArticleMap.borderTop:before {
    content:none;
}

.szoArticleMap > div {
    position:relative;
    height:0;
    padding-bottom:70%;
    overflow:hidden;
}
.szoArticleMap #map_canvas {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}



/*
    Videolink im Artikel
*/

.szoArticleVideo.borderTop:before {
    content:none;
}

.szoArticleView div[style^="float"] {
    float:none !important;
}

.szoArticleVideo .szoCaption {
    position:relative;
}
.szoArticleVideo .szoMediaTeaser img {
    width:100%;
    height:auto;
}



/*
    Tab-Inhalte
*/

.szoPubdateBox.szoTabContent,
.szoSubMenu.szoTabContent {
    margin-bottom:30px;
}
.szoTabContent ul.szoTabHeader {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#dfdfdf;
	border:1px solid #d6d6d6;
	border-top:none;
}
.szoSubMenu.szoTabContent ul.szoTabHeader.firstLevel {
    border-bottom:none;
}
.szoSubMenu.szoTabContent ul.szoTabHeader.secondLevel {
    background:#444;
}
.szoTabContent ul.szoTabHeader li {
	float:left;
}
.szoRegioBox.szoTabContent ul.szoTabHeader li {
    width:20%;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li {
    width:25%;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse {
    width:12.5%;
}
.szoTabContent ul.szoTabHeader li a {
	float:none;
	display:block;
	padding:10px 20px;
	border-left:2px solid #fff;
	font:normal 14px Gandhi, Times, "Times New Roman", Georgia;
	color:#444;
	text-decoration:none;
}
.szoSubMenu.szoTabContent ul.szoTabHeader li a {
    padding:8px 15px;
}
.szoSubMenu.szoTabContent ul.szoTabHeader.secondLevel li a {
    padding:8px 12px;
    color:#d6d6d6;
    border-left-width:1px;
}
.szoDocumentRanking.szoTabContent ul.szoTabHeader li a {
    padding:10px 15px;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li a {
    padding:5px 0;
    text-align:center;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse a {
    position:relative;
    text-indent:-9999em;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse a:before,
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse a:after {
    content:"";
    position:absolute;
    width:0;
    height:0;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.prev a:before {
    z-index:5;
    top:5px;
    left:16px;
    border-top:8px solid transparent;
    border-right:7px solid #444;
    border-bottom:8px solid transparent;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.prev a:hover:before,
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.prev a:focus:before {
    border-top-color:#444;
    border-right-color:#fff;
    border-bottom-color:#444;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.prev a:after {
    z-index:6;
    top:7px;
    left:19px;
    border-top:6px solid transparent;
    border-right:5px solid #dfdfdf;
    border-bottom:6px solid transparent;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.prev a:hover:after,
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.prev a:focus:after {
    border-right-color:#444;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.next a:before {
    z-index:5;
    top:5px;
    left:18px;
    border-top:8px solid #dfdfdf;
    border-bottom:8px solid #dfdfdf;
    border-left:7px solid #444;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.next a:hover:before,
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.next a:focus:before {
    border-top-color:#444;
    border-bottom-color:#444;
    border-left-color:#fff;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.next a:after {
    z-index:6;
    top:7px;
    left:17px;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:5px solid #dfdfdf;
}
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.next a:hover:after,
.szoPubdateBox.szoTabContent ul.szoTabHeader li.browse.next a:focus:after {
    border-left-color:#444;
}
.szoTabContent ul.szoTabHeader li:first-child a {
    border-left:none;
}
.szoTabContent ul.szoTabHeader li.active a,
.szoTabContent ul.szoTabHeader li a:hover,
.szoTabContent ul.szoTabHeader li a:focus,
.szoTabContent ul.szoTabHeader li a:active {
	color:#fff;
	background:#444;
}
.szoSubMenu.szoTabContent ul.szoTabHeader.secondLevel li.active a,
.szoSubMenu.szoTabContent ul.szoTabHeader.secondLevel li a:hover,
.szoSubMenu.szoTabContent ul.szoTabHeader.secondLevel li a:focus,
.szoSubMenu.szoTabContent ul.szoTabHeader.secondLevel li a:active {
    color:#fff;
}
.szoTabContent .szoTabArticle {
	overflow:hidden;
	border:1px solid #d6d6d6;
	border-top:none;
}
.szoTabContent .szoTabArticle h2 {
	margin:0;
}
.szoTabContent .szoTabArticle p {
	overflow:hidden;
}

/* jQuery UI-Anpassungen */

.szoTabContent.ui-tabs {
    padding:0;
    border:none;
    background:none;
}

.szoTabContent.ui-tabs ul.szoTabHeader li {
    margin:0;
    padding:0;
    border:none;
    background:none;
}
.szoTabContent.ui-tabs ul.szoTabHeader li.ui-tabs-active a {
    color:#fff;
	background:#444;
}

.szoTabContent.ui-tabs .szoTabArticle .ui-tabs-panel {
    padding:0;
}



/*
    Datumsnavigation
*/

.szoPreviousStories {
    clear:both;
	padding:0 1em;
	overflow:hidden;
	background:#efefef;
	border-top:1px solid #a0a0a0;
}
.szoPreviousStories p {
    margin:0;
    padding:1em 0;
}
.szoPreviousStories p.szoPrevStories {
    float:left;
}
.szoPreviousStories p.szoNextStories {
    float:right;
}
.szoPreviousStories p a.szoBackLink:after {
    border-right-color:#efefef;
}
.szoPreviousStories p a.szoForwardLink:before {
    border-top-color:#efefef;
    border-bottom-color:#efefef;
}
.szoPreviousStories p a.szoForwardLink:after {
    border-left-color:#efefef;
}



/*
    Kommentare
*/

.szoArticleComments {
    clear:both;
    margin:1em 0;
}

.szoArticleComments h2 {
    margin:.5em .5em 0;
    font-size:24px;
    color:#333;
    line-height:30px;
}

.szoArticleComments .szoPagination {
    margin-left:1em;
}

.szoArticleComments .szoCommentCount,
.szoArticleComments .szoFormNotice {
    font-size:12px;
}
.szoArticleComments .szoCommentCount {
    margin:0 1em;
}

.szoArticleComments .szoShowAllComments {
    padding:1em;
    font-size:12px;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
}

.szoArticleComments .szoCommentNotice {
    padding:0 1em;
}

.szoArticleComments .szoCommentList {
    list-style:none;
    padding:0 1em;
}
.szoArticleComments .szoCommentList li {
    margin-top:10px;
    padding-top:10px;
    font:bold 16px Gandhi, Times, "Times New Roman", Georgia;
    border-top:1px solid #d9d9d9;
}
.szoArticleComments .szoCommentList li:before {
    content:attr(data-commentNo)".";
}
.szoArticleComments .szoCommentList li:first-child {
    padding-top:0;
    border-top:none;
}

.szoArticleComments .szoArticleComment {
    font:normal 12px Verdana, Helvetica, Arial, sans-serif;
}
.szoArticleComments .szoArticleComment p {
    overflow:hidden;
    text-overflow:ellipsis;
}

.szoArticleComments .szoCommentHeader {
    overflow:hidden;
    text-align:right;
}
.szoArticleComments .szoCommentHeader cite {
    display:inline-block;
    margin-right:5px;
    padding-right:10px;
    font-weight:bold;
    font-style:normal;
    border-right:1px solid #666;
}
.szoArticleComments .szoCommentHeader time {
    color:#888;
}



/*
    Umfragen
*/

.szoArticleSurvey > h2,
.szoArticleSurvey > h3 {
    margin-top:0;
    font-size:18px;
}

.szoPoll.borderTop:before,
.szoArticleSurvey.borderTop:before {
    content:none;
}
.szoPoll h3 {
    font-size:18px;
    color:#005825;
}
.szoPoll.szoArticleSurvey h3,
.szoPoll.szoArticleQuiz h3 {
    color:#333;
}
.szoPoll .szoPollShowTotalVotes {
    margin:0 -10px -10px;
    padding:10px 10px 0 0;
    text-align:right;
}
.szoPoll .szoPollFormShowVotes span {
    color:#666;
}
.szoPoll .szoPollShowTotalVotes span {
    display:inline-block;
    float:none;
    margin:0;
}


/** FI **/

.szoPoll .SurveyBarWrapper {
    clear:both;
    overflow:hidden;
}
.szoPoll .SurveyBar {
    float:left;
    width:80%;
    height:100%;
    margin:.25em .5em 0 0;
    padding:0;
    line-height:.5em;
    border:1px solid #ccc;
}
.szoPoll .SurveyBar img {
    max-width:100%;
    height:1em;
}
.szoPoll p.SurveyBarLabel {
    margin-top:0;
    font-weight:bold;
}


/*** SZO ueberarbeitet ***/

.szoSurvey header {
    margin-bottom:1em;
    border-bottom:1px solid #d6d6d6;
}
.szoSurvey header h3 {
    margin:0;
}

.szoSurvey footer {
    margin:0 -10px -10px;
    padding:1em;
    background:#efefef;
    border-top:1px solid #d6d6d6;
}
.szoSurvey .szoSubmitContainer {
    margin:0;
    padding:0;
    border:none;
}
.szoSurvey footer p {
    margin-bottom:0;
    text-align:right;
}
.szoSurvey footer p span {
    font-weight:bold;
}

/* Fragen */

.szoSurvey .szoSurveyForm img {
    display:inline-block;
    width:auto;
    max-width:calc(90% - 1.2em);
    height:auto;
    max-height:15em;
    margin:.5em 0 0 1.2em;
}

/* Ergebnis*/

.szoSurveyStandard .szoSurveyAnswer {
    margin-bottom:2em;
    overflow:hidden;
}
.szoSurveyStandard .szoSurveyAnswer .szoSurveyAnswerValue {
    float:left;
    width:3em;
    font-size:11px;
}
.szoSurveyStandard .szoSurveyAnswer.winner .szoSurveyAnswerValue {
    font-weight:bold;
}
.szoSurveyStandard .szoSurveyAnswer .szoSurveyAnswerBar {
    overflow:hidden;
    border:1px solid #ccc;
}
.szoSurveyStandard .szoSurveyAnswer .szoSurveyAnswerBar .bar {
    display:block;
    height:1.2em;
    background:#005825;
}
.szoSurveyStandard .szoSurveyAnswer p {
    margin:0;
    padding:0;
}
.szoSurveyStandard .szoSurveyAnswer img {
    clear:both;
    display:block;
    width:auto;
    max-width:calc(90% - 1.2em);
    height:auto;
    max-height:15em;
    margin-top:.5em;
}