/* Helpers */
body,
* {
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
    text-rendering: auto;
}

* {
    color: #191919;
}

hr {
    display: none;
}

a {
    color: #80000c;
    text-decoration: none;
}

a:hover nobr {
    color: #80000c;
}

a:hover span {
    color: #1a1a1a;
}

a:hover,
.tagWrapper a:hover,
.tagWrapper a strong:hover {
    color: #1a1a1a;
}

h1 {
    font-size: 52px;
    line-height: 48px;
}

h3,
h3 a {
    font-size: 24px;
    line-height: 26px;
    color: #191919 !important;
}

h3 a:hover {
    color: #80000c !important;
}

h4,
#mainColRight .contextBox h4,
#mainColBottom .relatedThema.extern h3,
#mainColBottom .relatedThemaMedia.extern h3 {
    font-size: 18px;
    line-height: 24px;
}

#mainWrapper.category #mainColRight {
    margin-top: 5px;
}

.tagWrapper a,
.tagWrapper a strong {
    color: #80000c;
}

.blueTitle {
    color: #80000c;
}

a [class*="icon-"] {
    color: #80000c;
}

.icon-search:before {
    color: #80000c;
}

.icon-up:after {
    color: #80000c;
}

.blueKeyword {
    margin: 0 4px 0 0;
    color: #80000c;
}

.keyword {
    margin-right: 4px;
}

.keyword,
.keyword a {
    color: #80000c;
}

.author a:hover {
    color: #80000c !important;
}

.time {
    color: #191919;
}

/* header & navigation*/
ul li a.active {
    color: #fff;
}

#topNav {
    padding: 8px 0 4px 0;
    border-bottom: 1px solid #868686;
}

#topNav .paywallUserNavigation .login a {
    background-color: #80000c;
}

#topNav .paywallUserNavigation .login a,
#topNav .paywallUserNavigation .login a:hover {
    padding-top: 4px;
    padding-bottom: 4px;
}

#topNav .paywallUserNavigation .promotion {
    display: none;
}

#topNav .productNav a {
    /*color: black;*/
    margin-right:7px;
}

#topNav ul li form {
    margin-left: -15px;
}

#masthead {
    padding: 12px 0 0 0;
}

#masthead ul li#headerDate,
#masthead ul li#headerWeather {
    width: 186px;
    height: 90px;
}

#masthead ul li#headerDate .last-update {
    position: absolute;
    width: 189px;
}

#masthead li#headerWeather a span {
    color: #80000c;
}

#masthead ul li#tagiLogo {
    text-align: center;
}

#masthead ul li#tagiLogo.categoryLogo a img,
#masthead ul li#tagiLogo.articleLogo a img {
    margin: 15px 0 13px 0;
    float: left;
}


#masthead ul li.categoryLogo {
    width: 33.33%;
}

#masthead ul li.navigationTitle {
    width: 33.33%;
    font-size: 36px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 13px;
}

#masthead ul li.icon-flat-hamburger {
    width: 33.33%;
    font-size: 38px;
    text-align: right;
    padding-top: 8px;
    padding-bottom: 13px;
}

.frontLogo #mainLogo {
    text-align: center;
}

#bernerzeitungLogo #mainLogo {
    height: 69px;
    margin: 28px 0 12px 18px;
}

#langenthalertagblattLogo #mainLogo {
    height: 61px;
    margin: 33px 0 10px 41px;
}

#berneroberlaenderLogo #mainLogo {
    height: 60px;
    margin: 28px 0 12px 45px;
}

#thunertagblattLogo #mainLogo {
    height: 66px;
    margin: 28px 0 12px 26px;
}

#bernerzeitungLogo.articleLogo #mainLogo,
#langenthalertagblattLogo.articleLogo #mainLogo,
#berneroberlaenderLogo.articleLogo #mainLogo,
#thunertagblattLogo.articleLogo #mainLogo,
#bernerzeitungLogo.categoryLogo #mainLogo,
#langenthalertagblattLogo.categoryLogo #mainLogo,
#berneroberlaenderLogo.categoryLogo #mainLogo,
#thunertagblattLogo.categoryLogo #mainLogo {
    height: 32px;
    margin: 14px 0 17px;
}

.customNav {
    text-align: center;
    margin-bottom: 12px;
}

.customNav a {
    font-size: 20px;
    line-height: 24px;
    color: inherit;
    margin-right: 14px;
}

.customNav a:hover {
    color: #80000c;
}

#mainNav {
    background-color: #80000c;
    padding: 4px 6px 2px;
    height: inherit;
}

#mainNav ul li {
    padding: 0 19px 0 0;
    font-size: 21px;
    line-height: 24px;
}

#mainNav ul li a {
    color: #fff;
}

#mainNav ul li.dropdownNavi .icon-down,
#mainNav ul li.dropdownNavi .icon-up {
    display: none;
}

#mainNav ul li a.active {
    font-size: 22px;
}

#mainNav .dropdownNavi {
    float: none;
}

#mainNav .dropdownNavi ul {
    right: -6px;
    top: 14px;
}

#mainNav .dropdownNavi ul li a {
    background-color: #80000c;
    color: #fff;
}

#mainNav .dropdownNavi ul li {
    width: 215px;
}

#mainNav .dropdownNavi ul li a:active {
    color: #fff;
}

#subnavigation ul {
    margin-bottom: 27px;
}

#subnavigation ul li a {
    font-size: 18px;
    line-height: 24px;
    color: #80000c;
}

#subnavigation ul li a:active {
    color: #80000c;
}

#subnavigation ul li a:hover {
    color: #80000c !important;
}

#masthead ul li#tagiLogo.categoryLogo a img,
#masthead ul li#tagiLogo.articleLogo a img {
    width: 200px;
    height: 40px;
}

/* mainContainer Helpers */
#mainContainer .contextBoxTitle a,
#mainContainer .title a {
    color: #80000c;
}

#mainContainer .contextBoxTitle a:hover {
    color: #1a1a1a;
}

h4.contextBoxTitle span,
h4.contextBoxTitle span a {
    color: #1a1a1a !important;
}

h4.contextBoxTitle span a:hover {
    color: #80000c !important;
}

#mainContainer .greyBackground .articleStory h4 a:hover {
    color: #80000c !important;
}

.boerse_box h4 a.title {    
    color: #80000c !important;
}

#mainColLeft ul.ui-tabs-nav li.ui-tabs-selected a {
    color: #80000c !important;
}

#mainColLeft.left h3, 
#mainColLeft.left h3 a {
    margin-bottom: 6px;
}

/*front*/
#mostPopularLink {
    margin-right: 0;
}

.mostSharedArticles h4 {
    display: table-cell;
    padding-bottom: 6px;
}

.mostSharedArticles h4 {
    width: 181px;
}

.mostSharedArticles h4:first-child,
.mostSharedArticles h4:first-of-type {
    width: 121px;
}

#mostPopularLink, 
#newsTickerLink {
    float: none;
}

#mostPopularLink:hover,
#newsTickerLink:hover,
#mostPopularLink.active,
#newsTickerLink.active {
    color: #80000c;“
}

.mostSharedArticles table td a,
.boxNews table td a,
.boxNews ul li a,
.boxNews ul li span.time {
    color: #1a1a1a !important;
}

.mostSharedArticles table td a:hover, 
.boxNews table td a:hover {
    color: #80000c !important;
}

.mostSharedArticles table td a.frontNewstickerMore {
    color: #80000c !important;
}

.mostSharedArticles table td a.frontNewstickerMore:hover {
    color: #1a1a1a !important;
}

#mainColLeft {
    width: 659px;
}

#mainColLeft.left {
    margin-bottom: 15px;
    border-right: 1px solid #a9a9a9;
}

#mainColLeft #topStories {
    border-right: 1px solid #a9a9a9;
    padding-right: 17px;
}

#mainColLeft #mainColMiddle ul {
    margin-left: 17px;
}

#mainColLeft #mainColMiddle .TAMorgen {
    display: none;
}

#mainColLeft #mainColMiddle >div {
    margin-bottom: 28px;
}

#mainColLeft #mainColMiddle h4.contextBoxTitle,
#mainColLeft #mainColMiddle .boerse_box_small h4 {
    margin: 0 0 17px 5px !important;
}

#mainColLeft #mainColMiddle .boerse_box_small table {
    margin-left: 4px;
}

#mainContainer .articleStory h4, 
#mainContainer .articleStory h4 a, 
#mainColLeft #mainColMiddle .greyBackground h4:not(.contextBoxTitle) a {
    font-size: 20px;
    line-height: 22px;
}

#mainColLeft #mainColMiddle h4.contextBoxTitle a {
    padding-bottom: 2px;
}

#mainColLeft #mainColMiddle h4.contextBoxTitle:after,
#mainColLeft #mainColMiddle .boerse_box_small h4:after {
    display: block;
    content: "";
    border-bottom: 1px solid #80000c;
    width: 218px;
    padding-top: 3px;
}

#mainColLeft #mainColMiddle #bestOfFacebook ul li a:hover {
    color: #80000c;
}

#mainColLeft #mainColMiddle #recommendedStories .story {
    margin-left: 17px;
}

#mainColLeft #mainColMiddle #recommendedStories .story p a:hover{    
    color: #80000c;
}

#mainColLeft #mainColMiddle a:hover span {
    color: #80000c;
}

#mainColLeft #mainColMiddle .boerse_box_small table.button tr {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

#billboardAd {
    margin-bottom: 0;
}

#mainColRight .sidelineBoxFront h4:after {
    content: "";
    display: block;
    border-bottom: 1px solid #80000c;
    padding-bottom: 1px;
}

#mainColRight .sidelineBoxFront p a:hover,
#mainColRight .sidelineBoxFront p a:hover span {
    color: #80000c;
}

#mainColRight .smallTextBox a:hover,
#mainColRight .smallTextBox a:hover span,
.ressortRight .smallTextBox a:hover,
.ressortRight .smallTextBox a:hover span {
    color: #80000c;
}

.boxNews ul li a:hover,
#meistgelesen_rubrik ul li a:hover {
    color: #80000c;
}

.boxNews td,
.boxNews ul li,
#meistgelesen_rubrik ul li {
    border-bottom: 1px solid #bfbfbf;
}
.ressort .contextBoxTitle {
    margin-bottom: 18px !important;
}

.ressort h4.contextBoxTitle,
#my20min_widget h1.box {
    border-bottom: 1px solid #80000c;
    padding-bottom: 2px;
}

.ressort >div {
    margin-top: 2px;
    margin-bottom: 22px;
}

.ressort .ressortLeft {
    margin-bottom: 36px;
}

.ressort.twoCol h4.contextBoxTitle {
    width: 100%;
}

.ressort .ressortLeft p ,
.ressort .ressortMiddle p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.ressort .ressortMiddle h4 {
    font-size: 20px;
    line-height: 22px;
}

.ressort .ressortMiddle h4 a:hover {
    color: #80000c;
}

.ressortRight h4 a:hover {
    color: #80000c;
}

.ressortRight .teaserEditorialContent .entitled.sportBox {
    position: relative;
    top: -40px;
}

.ressortGroup.specialSection.withTopBorder {
    border-top: none;

}

.ressortGroup.specialSection.withTopBorder h4 {
  border-bottom: 1px solid #80000c;  
}

.teaserEditorialContent .entitled.sportBox h4.title a {
    font-size: 18px !important;
    line-height: 20px !important;
    text-decoration: none;
}

.teaserEditorialContent p[data-twttr-id="twttr-sandbox-0"] .keyword {
    border-bottom: 1px solid #80000c;
    display: block;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.ressort .ressortRight.dasMagazin h5 a:hover {
    color: #80000c;
}

.mostDiscussedArticles td a:hover {
    color: #80000c;
}

.mostSharedArticles #mostPopular table td, 
.mostSharedArticles #newsTicker table td{
    border-bottom: 1px solid #bfbfbf;
}

#picturesAndVideos {
    margin-bottom: 40px;
}

#picturesAndVideos .story {
    margin-top: 4px;
    margin-bottom: 6px;
}

/*category*/
#mainContainer .featureStory {
    font-size: 16px;
    line-height: 20px;
}

#mainContainer .featureStory a img {
    margin-top: 2px;
    margin-bottom: 16px;
}

#mainContainer #mainColLeft.mainColLeftSection {
    width: 640px;
}

#mainContainer .mainColLeftSection .featureStory a img {
    margin-bottom: 10px;
}

#mainContainer #mainColLeft .story p:not(.storyInfo),
#mainContainer #mainColLeft .featureStory p:not(.storyInfo), 
#mainContainer .ressort .story p:not(.storyInfo),
#mainContainer .ressort .featureStory p:not(.storyInfo) {
    margin-bottom: 6px;
}

#mainColLeft #topStoryA {
    margin-bottom: 25px;
}

#mainColLeft #topStoryA h3 {
    margin-bottom: 10px;
}

#mainColLeft #topStoryA h3 a {
    font-size: 36px;
    line-height: 40px;
}

#mainColLeft #topStories .featureStory {
    margin-bottom: 26px !important;
}

.mainColLeftSection #stories .featureStory h3 {
    top: -3px;
}

#mainColLeft #topStoryA .featureStory {
    line-height: 22px;
}

.mainColLeftSection #stories .featureStory a img, 
.mainColLeftSection #stories .featureStory img, 
.mainColLeftSection .featureStory img, 
#contentTabs .featureStory a img, 
#contentTabs .dossierDiashow a img {
    margin-right: 24px;
}

.mainColLeftSection #stories .featureStory div, 
.mainColLeftSection .featureStory div, 
#contentTabs .featureStory div, 
#contentTabs .dossierDiashow p {
    width: 399px;
}

.mainColLeftSection .bottomLinks {
    margin-bottom: 18px;
}

.category #billboardAd {
    margin-bottom: 20px;
}

/*category(ressorts)*/
.ressort.twoCol.regionBZ:first-child,
.ressort.twoCol.regionBZ:first-of-type {
    position: relative;
}

.ressort.twoCol.regionBZ:first-child > h4.contextBoxTitle:first-child,
.ressort.twoCol.regionBZ:first-of-type > h4.contextBoxTitle:first-of-type {
    width: 640px;
}

.ressort.twoCol.regionBZ:first-child .ressortRight,
.ressort.twoCol.regionBZ:first-of-type .ressortRight {
    position: absolute;
    top: -8px;
    right: 0;
}

.dossiers .search .ui-tabs-nav li.ui-tabs-selected a {
    color: #80000c !important;
}

.letters ul li:hover {
    background-color: #80000c;
    border-color: #80000c;
}

h4 a.showMore {
    color: #80000c !important;
}

h4 a.showMore:hover {
    color: #1a1a1a !important;
}

.dossierDiashow p a:hover {
    color: #80000c !important;
}

#mainColLeft ul.ui-tabs-nav li a:hover {
    color: #80000c !important;
}

#slideshowOverview .slideshows .story p a:hover,
#slideshowOverview .slideshows.home .featureStory p a:hover {
    color: #80000c;
}

.multimediaNav a:hover {
    color: #80000c;
}

.diashowTeaser a:hover h4 span {
    color: #80000c;
}

/*Category Dossier, Weather Tabstyle2 for ui-tabs-nav*/
body > .tabStyle2 ul li a {
    color: #80000c;
}

/*category weather*/
#citySearch input[type=button] {
    background-color: #80000c;
}

#weatherZurich table td {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

#weather #mainColLeft {
    margin-top: 44px;
}

/*category dossiers*/
#mainContainer .articleStory h4 a.showMore {
    color: #80000c !important;
}

/*category ticker*/
.mainColLeftSection #fltrRessort a:hover {
    color: #80000c;
}

.mainColLeftSection #fltrRessort a.aktiv {
    color: #80000c;
}

.mainColLeftSection .bottomLinks>div {
    border-top: none;
}
/*category videos*/
.multimediaNav a.keyword {
    color: #80000c;
}

.descContainer .relatedVideo a.diashowLink:hover {
    color: #80000c;
}

/*category quiz*/
input.buttonQuiz,
.quizNavi input.submitAnswer,
.quizNavi input.nextQuestion {
    background-color: #80000c;
}

#quizQuestion .singleAnswer {
    border-bottom: 1px solid #bfbfbf;
}

#quizQuestion .singleAnswer:hover {
    background-color: #bfbfbf;
}

#quizQuestion .singleAnswer.marked {
    background-color: #bfbfbf;
    border: 1px solid #afafaf;  
}

.sheetComment {
    border-top: 1px solid #bfbfbf;
}

/*category sport*/
#panelTeam table.team tr th,
#panelRestProgramm table.all_games tr th {
    border-bottom: 1px solid #bfbfbf;
}

#panelTeam table.team tr td,
#panelRestProgramm table.all_games tr td {
    border-bottom: 1px solid #bfbfbf;
}

/*contextBox*/
#mainColRight .boxExclusiv .pollbox .storylink a {
    color: #80000c;
}

.teaserEditorialContent .leftCol ul .title,
.teaserEditorialContent .rightCol ul .title {
    border-top: 1px solid #bfbfbf;
}

/*article*/
#topElement {
    margin-top: 10px;
    margin-bottom: 40px;
}

#aside .author a.twitterLink {
    color: #80000c !important;
}

#aside .author {
    line-height: 20px;
}

#aside>div {
    border-top-color: #80000c;
}

#aside #feedbackBox h4 {
    color: #80000c;
}

#aside #feedbackBox h4,
#aside #feedbackBox p {
    font-size: 14px;
    line-height: 20px;
}

#mainContent {
    top: -5px;
}

.relatedArticle h5 a {
    color: #191919;
}

.relatedArticle h5 a:hover {
    color: #80000c;
}

.bottomLinks >div h4 {
    border-bottom: 1px solid #80000c;
}

.bottomLinks>div h4.contextBoxTitle,
#my20min_widget h1.box {
    margin-bottom: 23px !important;
}

#mainColBottom .blogArticles.withComments,
#mainColBottom .blogArticles.withoutComments {
    border-top: none;
}
#mainColBottom .blogArticles.withoutComments h4 {
    margin-top: 0 !important;
}

#mainColBottom .blogArticles h4 {
    border-bottom: 1px solid #80000c;
}

#mainColBottomMore .bottomLinks .relatedThemaMedia p a:hover,
#mainColBottomMore .bottomLinks .relatedThemaMedia p a:hover span {
    color: #80000c;
}

#mainColBottomMore .bottomLinks .relatedThema .story p a:hover,
#mainColBottomMore .bottomLinks .relatedThema .story p a:hover span {
    color: #80000c;
}

#mainColBottomMorePublireportage {
    border-top: 1px solid #80000c;
}

#mainColBottom #veeseoRA2AW.veeseoRA2AW,
#mainColBottom #veeseoRA2VW.veeseoRA2VW {
    border-top: none;
}

#mainColBottom .relatedThema.extern h3, 
#mainColBottom .relatedThemaMedia.extern h3  {
    border-bottom: 1px solid #80000c;
    padding-bottom: 4px;
    margin-bottom: 20px !important;
}

#googleAdSense {
    border-top: 1px solid #868686;
}

/*Nnslideshow*/
html .NnSlideshowContainer.desktop.inline .NnSlideshow .footer a {
    color: #80000c;
}

/*article context boxes*/
#article {
    margin-top: 10px;
}

#article #mainColRight {
    margin-top: 3px;
}

.article #wideBoard {
    margin-bottom: 6px;
}

#mainColRight .relatedThemaMedia p a:hover {
    color: #80000c;
}

#mainColRight .contextBox {
    border-top: none;
}

#mainColRight .contextBox h4 {
    border-bottom: 1px solid #80000c;
    margin-right: 0 !important;
}

#mainColRight .contextBox.keywordBox h4 {
    margin-bottom: 6px !important;
}

#mainColRight .contextBox .swissquote li,
#mainColRight .contextBox.keywordBox ul li,
#mainColRight .boxSportstable table th,
#mainColRight .boxSportstable table td {
    border-bottom: 1px solid #80000c;
}

#mainColRight .pollBox, 
#mainColRight #pollBox, 
.inlinePoll {
    border-top: none;
}

#pollBox .question, 
.pollbox .question {
    margin-top: 17px;
}

/*trot(spickzettel)*/
.trot .circle {
    background-color: #80000c;
}

/*sideline, teasers*/
.publireportage {
    border-top: 1px solid #868686;
}

.teaserEditorialContent .leftCol ul li a,
.teaserEditorialContent .rightCol ul li a {
    color: #80000c !important;
}

.publireportage .publiBox h5 a:hover,
.publireportage .publiBox h5 a:hover nobr,
.teaserEditorialContent h4.title a:hover,
.teaserEditorialContent .publiBox a:hover {
    color: #80000c !important;
}

.teaserEditorialContent p a:hover,
.teaserEditorialContent p a:hover span {
    color: #80000c;
}

.boxExclusiv ul a:hover {
    color: #80000c;
}

.relatedArticle h5 a:hover {
    color: #80000c;
}

.bottomLinks .slideshows p:hover,
.bottomLinks .slideshows p:hover span,
.bottomLinks .videos p:hover,
.bottomLinks .videos p:hover span {
    color: #80000c;
}

.mktpImmo .icon-right {
    color: #80000c;
}

#article #meistgelesen_rubrik ul li a:hover {
    color: #80000c;
}

#article h1 {
    margin-bottom: 18px;
    line-height: 51px;
}

/*fuw Böresenseite*/
#mainContainer.fuw .navigation .col ul li {
    padding-right: 17px;
}

/* mainColRight contextBoxes */
#mainColRight .contextBox p.desc a:hover span {
    color: #80000c !important;
}

#mainColRight .contextBox a span ,
#mainColRight .contextBox a b {
    color: #80000c;
}

#mainColRight .contextBox a:hover span ,
#mainColRight .contextBox a:hover b {
    color: #1a1a1a;
}

#mainColRight .contextBox .relatedArticle p {
    font-size: 17px;
    line-height: 24px;
}

#mainColRight p.publiTitle, 
#mainColRight p.adsTitle {
    line-height: 16px;
    text-transform: uppercase;
}

.relatedThemaMedia p a {
    color: #1a1a1a;
}

.relatedThemaMedia p a:hover span,
.relatedThemaMedia p a:hover {
    color: #80000c;
}

/*dealbreaker*/
.reportComment input[type="submit"] {
    background-color: #80000c;
}

/*recomends*/
.recommendCommentCountNumber:before,
.recommendCommentCountNumber.dislike:before {
    color: #80000c;
}

/*livericekr*/
.liveTicker #mainContent span.btnLiveTickerTicker.active,
.liveTicker #mainContent span.btnLiveTickerSocial.active {
    background-color: #80000c;
    color: #fff;
}

.NnLiveticker button {
    background-color: #80000c;
}

/* footer */
#bottomNav {
    border-top: 1px solid #80000c;
    padding-top: 6px;
    margin-top: 0;
}

#bottomNav li a {
    color: #191919;
}

#bottomNav li a:hover {
    color: #80000c !important;
}

.partnerNav {
    margin-top: 34px;
}

/* comments */
#Nn2commentsContainer select {
    color: #80000c;
}

#Nn2commentsContainer input[type=submit] {
    background-color: #80000c;
}

#Nn2commentsContainer a:hover {
    color: #80000c;
}

#Nn2commentsContainer a span {
    color: #80000c;
}

#Nn2commentsContainer .NnIcon {
    color: #80000c;
}

/* social media */
.SocialMediaBox[content_typ='article_teaser'] .NnSocialMediaBox >div ul li a span {
    color: #80000c;
}

html .bubbleLoader > div > div {
    background-color: #80000c;   
}