@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/* Helpers */
a {
    color: #307ec3;
    text-decoration: none;
}

a:hover nobr {
    color: #307ec3;
}

a:hover span {
    color: #333;
}

a:hover {
    color: #333;
}

h3 a:hover {
    color: #307ec3 !important;
}

h4 {
    font-family: "Open Sans";
    font-size: 21px;
    line-height: 21px;
    font-weight: 800;
}

.blueTitle {
    font-family: "Open Sans";
    color: #307ec3;
}

.icon {
    color: #307ec3;
}

.icon-search:before {
    color: #307ec3;
    content: "`";
}

.icon-up:after {
    color: #307ec3;
}

.blueKeyword {
    margin: 0 4px 0 0;
    color: #307ec3;
    font-weight: 800 !important;
    font-family: "Open Sans" !important;
}

.keyword {
  font-family: "Open Sans" !important;
}

.keyword a {
    color: #307ec3;
}

.author a, #aside .author a {
  font-family: "Open Sans" !important;
}
.author a:hover {
    color: #307ec3 !important;
}

.greyBackground {
    background-color: #fff;
}

.greyBackground > hr {
  display: none;
}

#googleAdSense {
    font-family: "Open Sans";
}


/* header & navigation*/
ul li a.active {
    color: #307ec3 !important;
}

#topNav {
  margin: 10px 0 5px 0;
}

#topNav ul li {
    font-family: 'Open Sans';
}

#topNav ul li a {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
}

#topNav .paywallUserNavigation .subscribe,
#topNav .paywallUserNavigation li {
    padding-right: 6px;
}

#topNav .paywallUserNavigation .subscribe a {
  background-color: #307ec3;
}

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

#topNav ul li form .icon-search {
  position:relative;
  left: 0;
  top: 0;
}

.icon-search:before {
  font-size: 12px;
}

#topNav .productNav {
  display:inline;
  vertical-align: bottom;
  height: 20px;
}

#topNav .productNavBottom{
  display:inline;
  float:right;
}

#topNav .productNavBottom li{
  padding:0px 0px 0px 10px;
}

#topNav .productNavBottom li a{
  font-weight:bold;
}

#topNav .productNav li {
    padding: 0 0 0 10px;
}

#topNav .productNav li a.twitterButton {
    margin-left:-5px;
}

#topNav ul li form {
  bottom: 0;
}

.mailage{
  float:right;
  padding:6px 10px 0px 0px;
  text-align:right;
}

.mailage li{
  display:inline !important;
  vertical-align: middle !important;
}

.mailage svg{
  fill:#fff;
  height:15px;
  width:15px;
  margin:0px 7px 10px 0px;
}

.mailage svg:hover{
  transition:0.5s;
  fill:#444;
}

#headerWeather {
  color:#fff;
}

#headerWeather span{
  color:#fff;
}

#headerWeather .headerWeatherCitynameText, #headerWeather .headerWeatherTemps {
  font-weight: 400;
  margin: 0 0 0 5px;
}

#headerWeather .headerWeatherCitynameText {
  margin-right: 5px;
}

#headerWeather img {
  width: 40px;
  margin-bottom:-10px;
}

#masthead {
    padding: 3px 0px 12px;
    background: #2C3890; /* Old browsers */
    background: -moz-linear-gradient(left,  #2C3890 0%, #3076bc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2C3890), color-stop(100%,#3076bc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #2C3890 0%,#3076bc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #2C3890 0%,#3076bc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #2C3890 0%,#3076bc 100%); /* IE10+ */
    background: linear-gradient(to right,  #2C3890 0%,#3076bc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C3890', endColorstr='#3076bc',GradientType=1 ); /* IE6-9 */
}

#masthead ul {
  display:inline;
}

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

#masthead ul li#tdgLogo,  #masthead ul li#TDGLogo {
  padding:5px;
  display: inline;
}

#masthead ul li#tdgLogo a img{
  max-height:80px;
}

.articleLogo #mainLogo, .categoryLogo #mainLogo {
    height: 50px;
}

#mainNav {
    border-bottom: 1px solid #4d4d4d;
    padding: 0;
    height: 32px;
    font-family: "Open sans";
}

#mainNav li {
    font-family: "Open Sans";
    padding: 0;
    font-size: 20px;
}

#mainNav li a:hover {
    color: #307ec3;
}

#mainNav li a.active {
    font-family: "Open Sans";
    font-size:20px;
    font-weight: 800;
}

#mainNav .dropdownNavi a.active {
    font-weight:400;
}

#mainNav .dropdownNavi ul {
  top: 22px;
}

#mainNav .dropdownNavi ul li {
    font-family: "Open Sans";
}

#mainNav .dropdownNavi ul li a {
    background-color: #307EC3;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
}
#mainNav .dropdownNavi ul li a:hover {
    color: #000 !important;
    background-color: #fff !important;
}

#subnavigation {
    border-bottom: 1px solid #4D4D4D; 
    width: 100%;
}
#subnavigation ul li {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 14px;
    padding: 5px 12px 4px 0px;
}

#subnavigation ul li a {
    font-size: 14px;
    line-height: 21px;
}

#subnavigation ul li a:hover {
    color: #307ec3 !important;
}

#subnavigation ul li a.active {
    font-family: "Open Sans";
    font-weight: 800;
}

#subnavigation ul li.moreCategory a {
    font-family: "Open Sans Extra Bold";
}

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

/*front*/
#dateUpdated {
  font-family: "Open Sans";
  font-weight: 300;
  font-size:14px;
  color: #da2300;
  margin-top: 20px;
}
#dateUpdated span, #dateUpdated span, #dateUpdated em {
  color: #da2300;
}

#wideBoard {
  margin: 20px 0 0 0;
}

#mostPopularLink:hover,
#newsTickerLink:hover {
    color: #307ec3;“
}

.mostPopularLink ul li a {
    font-family: "Playfair Display";
}

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

.mostSharedArticles table td a.frontNewstickerMore {
    color: #307ec3 !important;
}

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

#mainColLeft.left, #mainColRight {
  margin-top: 36px;
}

#mainColLeft.left {
  border-right: 1px solid #4d4d4d;
  width: 660px;
  padding-right: 19px;
}

#mainColRight {
  font-family: "Open Sans";
  margin-left: -1px;
  padding-left: 18px;
  margin-bottom: 36px;
  width: 315px;
}

.teaserEditorialContent {
  width:300px;
}

.storyInfo {
  margin: 4px 0 2px;
}
.storyInfo, .author, .time {
   font: 400 12px/18px "Open Sans" !important;
}

.time span, .time {
    color: #da2300;
}

.mainColLeftSection #stories .featureStory, .mainColLeftSection .featureStory, #contentTabs .featureStory {
    padding-top: 15px;
}

#mainColLeft .featureStory ul {
    margin-top: 0;
}

#mainColLeft .featureStory ul li {
  font: 600 12px/18px "Open Sans";
  margin: 0px;
}

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

#topStories {
  width:404px;
  padding-right: 17px;
  border-right: 1px solid #4d4d4d;
  overflow: hidden;
}

#topStories span.keyword, .ressort .ressortLeft span.keyword {
  font: 800 15px/20px "Open Sans";
  color: #307EC3;
}
#mainColMiddle span.keyword, .ressort .ressortMiddle span.keyword {
  font: 800 15px/15px "Open Sans";
  color: #307EC3;
}


#mainColRight .sidelineBoxFront {
    margin-bottom: 32px;
}

#mainColLeft #mainColMiddle {
  width: 237px;
  padding-left: 18px;
  margin-left: -1px;
  border-left: 1px solid #4d4d4d;
}

#mainColLeft #mainColMiddle .boerse_box_small {
    padding: 0;
}

.col3 {
  width: 100%;
  margin: 0 0 10px 0;
}

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

#mainColLeft #topStoryA h3 {
    font-family: "Playfair Display";
}

#mainColLeft #topStoryA h3 a {
    font-size: 41px;
    line-height: 44px;
    font-weight: 700;
}

#mainColLeft #topStoryA span.keyword {
    font: 800 18px/24px "Open Sans";
    color: #307EC3;
}

#mainContainer .articleStory {
  margin-bottom:20px;
}

#mainContainer .articleStory h4,
#mainContainer .articleStory h4 a {
    font-family: "Playfair Display";
}

#mainContainer .featureStory h3 {
    font-family: "Playfair Display";
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
}

#mainContainer .featureStory h3 a {
    font-family: "Playfair Display";
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
}

#mainContainer #topStoryA  p {
  margin-bottom: 6px;
}

#mainContainer #topStoryA  p.storyInfo {
  margin-bottom: 2px;
}

#mainContainer .story h4 {
    font-family: "Playfair Display";
    font-weight: 700;
}

#mainColLeft #mainColMiddle #bestOfFacebook ol {
  margin-left: 18px;
}

#mainColLeft #mainColMiddle #bestOfFacebook ol li  {
  font: 800 15px/22px "Open Sans";
  color: #307EC3;
  margin-bottom: 15px;
  list-style: decimal outside none;
}

#mainColLeft #mainColMiddle #bestOfFacebook ol li.lastli  {
  display: block;
  list-style: none;  
  margin-left: -18px;
}

#mainColLeft #mainColMiddle #bestOfFacebook ol li a {
    font: 400 20px/22px "Playfair Display";  
    color: #000;
}

#mainColLeft #mainColMiddle #bestOfFacebook ol li a:hover {
    color: #307ec3;
}

#mainColLeft #mainColMiddle ul {
  margin-left: 0;
}

#mainColLeft #mainColMiddle #recommendedStories .story {
  margin: 0 0 16px 0;
}

#mainContainer .story a img {
    width: 218px;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
}

#mainColLeft #mainColMiddle #recommendedStories .story p a, #mainColRight .story p a, #mainColRight .story a {
  font: 400 15px/19px "Open Sans";
}

#mainColLeft #mainColMiddle #recommendedStories .story .keyword {
  font: 800 16px/19px "Open Sans";
  color: #307ec3;
}

#mainColRight .story .keyword, .relatedThemaMedia p a span.keyword { 
  font: 800 15px/19px "Open Sans";
  color: #307ec3;
}
#mainColLeft #mainColMiddle #recommendedStories .story p a:hover{    
    color: #307ec3;
}


#mainColLeft #mainColMiddle a:hover span {
    color: #307ec3;
}

#mainColLeft #mainColMiddle h4.contextBoxTitle {
  margin: 0 0 16px 0 !important;
  padding: 0;
  color: #2c3891;
}

#mainColLeft #mainColMiddle h4.contextBoxTitle a {
  margin-top: 0 !important;
  padding: 0;
  color: #2c3891;
}

#mainColLeft #mainColMiddle .greyBackground div.articleStory h4 {
  font: 700 20px/25px "Playfair Display";
}
#mainColLeft #mainColMiddle .greyBackground h4 a {
  font-family: "Playfair Display";
}

#mainColLeft #mainColMiddle .greyBackground h4.contextBoxTitle a {
    font: 800 21px/21px "Open sans";
}

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

#mainColRight .sidelineBoxFront p a:hover,
#mainColRight .sidelineBoxFront p a:hover span {
    color: #307ec3;
}

#mainColRight h4.contextBoxTitle, .mostSharedArticles h4 {
  margin: 10px 0 16px 0 !important;
} 
#mainColRight h4.contextBoxTitle a {
  color: #2C3891;
}

#mainColRight .teaserEditorialContent {
  border-top: #2f2f2f solid 1px;
  padding-top: 32px;
  padding-bottom: 12px;
}

#mainColRight #blogs h4.contextBoxTitle + a img {
  margin-bottom: 10px;
}

#mainColRight #blogs  .story:first-of-type .smallTextBox {
  width: 100%;
}

#mainColRight .smallTextBox a:hover,
#mainColRight .smallTextBox a:hover span {
    color: #307ec3;
}

#mainColRight #colRightAd {
	display: inline-block;
}

.storyBundleTop h3 a,
.storyBundleSmall h3 a {
    font-family: "Playfair Display Bold";
}

.boxNews ul li a:hover,
#meistgelesen_rubrik ul li a:hover {
    color: #307ec3;
}

.boxNews td,
.boxNews ul li,
#meistgelesen_rubrik ul li {
    border-bottom: 1px solid #bfbfbf;
}

.ressort .ressortLeft {
  margin-right: 17px;
}

.ressort .relatedThemaMedia{
  min-height: 230px;
} /*Fixe vidéos qui saute sur la home*/

.ressort .ressortMiddle {
  border-left: 1px solid #2f2f2f;
  border-right: 1px solid #2f2f2f;
  width: 257px;
  margin-right: 18px;
}

.ressort .ressortRight {
  width: 300px;
}
.ressort .ressortLeft .featureStory {
  margin: 0px 0px 24px;
}
.ressort .ressortLeft .featureStory h3 a {
    font: 700 26px/28px "Playfair Display";
}
.ressort .ressortMiddle h4 a {
    font: 700 18px/23px "Playfair Display";
    display: block;
    margin-bottom: 6px;
}
.ressort .ressortMiddle .story {
  padding: 0px 18px 24px 19px;
}

.ressort.wide h3,
.ressort.wide h3 a {
    font-family: "Playfair Display Bold";
}

.ressort .ressortMiddle h4 a:hover {
    color: #307ec3;
}

.ressortRight h4 a:hover {
    color: #307ec3;
}

.ressortRight .teaserEditorialContent a, .teaserEditorialContent a {
  font: 400 15px/19px "Open Sans";
  color: #000;
}

.ressortRight .teaserEditorialContent a span.title, .teaserEditorialContent a span.title {
  font: 800 15px/19px "Open Sans";
  color: #307ec3;
  margin-right: 5px;
}

.ressortRight .teaserEditorialContent a-a .icon {
  display: none;
}

.ressortRight .teaserEditorialContent a+a+a, .teaserEditorialContent a+a+a {
  font: 600 12px/18px "Open Sans";
  display: block;
  color: #307ec3;
}

.ressort .ressortRight.dasMagazin h5 a:hover {
    color: #307ec3;
}

.mostDiscussedArticles td a:hover {
    color: #307ec3;
}

.mostDiscussedArticles p {
    font-family: "Playfair Display";
}

.mostSharedArticles #mostPopular table td, 
.mostSharedArticles #newsTicker table td{
   
}

.mostSharedArticles table td,
.boxNews table td,
.boxNews ul li a,
.boxNews ul li span,
#meistgelesen_rubrik ul li a,
#meistgelesen_rubrik ul li span {
    font: 400 20px/22px "Playfair Display";
}

.mostSharedArticles td span {
  font: 800 15px/22px "Open Sans";
  color: #307ec3;
}

a#mostPopularLink {
  color: #2C3891;
}

h4#mostPopularTitle {
  color: #2C3891;
}

/* funsection */
#funSection p {
  font: 400 15px/19px "Open Sans";
  margin-bottom: 2px;
}
#funSection p+p {
  font: 400 12px/18px "Open Sans";
  margin: 0;
}
#funSection p span.icon-right {
  display: none;
}

/* last ressort */
#lastRessort {
  overflow: hidden;
}
.ressort .contextBoxTitle {
  margin: 12px 0 16px 0 !important;
}
.ressort .contextBoxTitle a {
  color: #2C3891;
}

#lastRessort .story p {
  font: 400 15px/19px "Open Sans";
}
#lastRessort .story p .keyword {
  font-family: "Open Sans" !important;
  color: #307EC3;
  font-weight: 800;
}

/*category(ressorts)*/
.dossiers .search .ui-tabs-nav li.ui-tabs-selected a {
    color: #307ec3 !important;
}

.letters ul li:hover {
    background-color: #307ec3;
    border-color: #307ec3;
}

h4 a.showMore {
    color: #307ec3 !important;
}

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

.dossierDiashow p a:hover {
    color: #307ec3 !important;
}

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

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

.multimediaNav a:hover {
    color: #007abf;
}

.diashowTeaser a:hover h4 span {
    color: #007abf;
}

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

#dossierIntro h2.autoDossier em {
    font-family: "Playfair Display";
}

/*category */
.dossierDiashow p a {
    font-family: "Playfair Display Bold";
}

/*category weather*/
#citySearch input[type=button] {
    background-color: #007abf;
}
#weatherZurich table td {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}
#weatherGeneve table tr {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    font: 400 15px/19px "Open Sans";
}
#weatherGeneve table tr td {
    padding: 4px 0;
}
#weatherGeneve table tr td.weatherText {
    width: 80px;
}
#weatherGeneve table tr td.temprature {
    width: 30px;
}

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

/*category ticker*/
.mainColLeftSection #fltrRessort a:hover {
    color: #007abf;
}

.mainColLeftSection .articleStory.ticker h3 {
    font-family: "Playfair Display";
}

.mainColLeftSection #fltrRessort a.aktiv {
    font-family: "Open Sans Extra Bold";
    color: #007abf;
}

/*category videos*/
.multimediaNav a.keyword {
    color: #007abf;
}

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

#mainColLeft.mainColLeftSection #Quizlist .QuizTeaser h3 a {
    font-family: "Playfair Display";
}

#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;
}

/*category search*/
#mainColLeft.keywordSearch h3,
#mainColLeft.keywordSearch h3 a {
    font-family: "Playfair Display Bold";
}

/*contextBox*/
#mainColRight .contextBox h4,
#mainColRight >div.pollBox h4.title,
#mainColLeft #mainColMiddle .boerse_box_small h4 {
    font-family: "Open Sans Extra Bold";
}

#mainColRight .boxExclusiv .pollbox .storylink a {
    color: #007abf;
}

.teaserEditorialContent .entitled.sportBox h4.title a {
    font-family: "Open Sans Extra Bold" !important;
}

.teaserEditorialContent .entitled.sportBox h4.title a span {
    font-family: "Benton Sans Cond Light" !important;
}

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

h4.contextBoxTitle span,
h4.contextBoxTitle span a {
    font-family: "Open Sans";
    color:#2C3891 !important;
}

/*boersenBox provisorisch*/
#mainColLeft #mainColMiddle h1 {
    font-family: "Open Sans Extra Bold";
    color: #007abf;
}

/*article*/
#aside .author a.twitterLink {
    font-weight: 400;
    margin-top: 10px;
}
#aside .author span {
  font-family: "Open Sans";
  font-weight: 400;
}
#aside .comments a {
  background-image: url('images/SharingButtons_fr.png'); 
}

.relatedArticle h5 a:hover {
    color: #007abf;
}

.bottomLinks >div {
    border-top: 1px solid #797979;
}

.bottomLinks h5 {
    font-family: "Playfair Display";
}

#mainContent .coText p.coTextTitle {
    font-family: "Playfair Display" !important;
}

#mainColBottomMore .bottomLinks .relatedThemaMedia p a:hover,
#mainColBottomMore .bottomLinks .relatedThemaMedia p a:hover span {
    color: #007abf;
}

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

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

#mainColBottomDiashow {
    border-top: 1px solid #797979;
}

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

.relatedArticle h5 {
    font-family: "Playfair Display";
    font-weight: bold;
    margin-bottom: 8px;
}

/*article context boxes*/
#mainColRight .relatedThemaMedia p a:hover {
    color: #007abf;
}

#mainColRight .contextBox #pollBox label,
#mainColRight .boxExclusiv .pollbox form label {
    border-bottom: 1px solid #bfbfbf;
}

#mainColRight .voteBar .widthResult div {
    background-color: #bfbfbf;
}

#mainColRight .contextBox .swissquote li {
    border-bottom: 1px solid #bfbfbf;
}

#mainColRight .boxSportstable table th {
    border-bottom: 1px solid #bfbfbf;
}

#mainColRight .boxSportstable table td {
    border-bottom: 1px solid #bfbfbf;
}

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

/*article best in facebook*/
#article div.bestInFacebook .articleStory h3 a {
    font-family: "Playfair Display";
} 

/*sideline, teasers*/
.publireportage {
}

.publiTitle, .adsTitle {
  font: 400 14px/19px "Open Sans" !important;
  background-color: #ededed;
  text-align: right;
  text-transform: uppercase;
  padding: 2px 4px 8px 0;
}
.publireportage .publiBox, .publiBox {
  background-color: #ededed;
  margin-top: 0;
  padding: 0 0 10px 0;
  width: 300px;
}
.publireportage .publiBox h5, .teaserEditorialContent .publiBox h5, .publireportage .publiBox h5 a, .teaserEditorialContent .publiBox h5 a {
  font: 400 15px/19px "Open Sans" !important;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: -10px;
}
publireportage .publiBox h5 a, .teaserEditorialContent .publiBox h5 a {
  padding-left: 0;
}

.publiBox span {
  font: 400 15px/19px "Open Sans" !important;
  padding: 0 10px;
  display: block;
}

.mktpImmo .ui-tabs-vertical {
    background-color: #ededed;
}

.mktpBoxRight, .mktpBoxLeft {
  width: 150px;
}

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

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

.teaserEditorialContent.publireportage {
  visibility: visible;
}

.teaserEditorialContent p a:hover,
.teaserEditorialContent p a:hover span {
    color: #007abf;
}

.boxExclusiv ul a:hover {
    color: #007abf;
}

.relatedArticle h5 a:hover {
    color: #007abf;
}

.mainColLeftSection .bottomLinks > div p span.icon-slide, .mainColLeftSection .bottomLinks > div p span.icon-video {
  font-family: "Open Sans";
  color: #007ABF;
}
.bottomLinks .slideshows p a, .bottomLinks .videos p a {
  font: 400 15px/19px "Open Sans";
} 

.bottomLinks .slideshows p:hover,
.bottomLinks .slideshows p:hover span,
.bottomLinks .videos p:hover,
.bottomLinks .videos p:hover span {
    color: #007abf;
}

.mktpImmo .icon-right {
    color: #007abf;
}

#article #meistgelesen_rubrik ul li a:hover {
    color: #007abf;
}

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

#mainColRight .contextBox a span ,
#mainColRight .contextBox a b {
    color: #007abf !important;
}

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

.relatedThemaMedia p a {
    color: #333;
    font: 400 15px/19px "Open Sans";
}

.relatedThemaMedia p a:hover span,
.relatedThemaMedia p a:hover {
    color: #307ec3;
}

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

/*recomends*/
.recommendCommentCountNumber:before,
.recommendCommentCountNumber.dislike:before {
    color: #007abf;
}

/*livericekr*/
.liveTicker #mainContent span.btnLiveTickerTicker.active,
.liveTicker #mainContent span.btnLiveTickerSocial.active {
    font-family: "Open Sans Extra Bold";
    background-color: #007abf;
    color: #fff;
}

/* footer */
#footer {
  font-family: "Open Sans";
}
#footer hr {
  height: 2px;
  background-color: #2f2f2f;
}
#bottomNav {
  margin-top: 10px;
}
#bottomNav li a {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
#bottomNav li a:hover {
    color: #007abf;
}
#bottomNav li.active {
    color: #007abf;
}
.partnerNav {
    padding: 0px 10px;
    height: 175px;
    margin-top: 16px;
}
.partnerNav li, .partnerNav li a {
  font: 400 15px/19px "Open Sans";
}
.partnerNav li {
    font-weight: 800 !important;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------
************************************************************ INDEX CATEGORY *******************************************************************
----------------------------------------------------------------------------------------------------------------------------------------------- */
.mainColLeftSection {
  margin-right: 26px;
}
.mainColLeftSection + #mainColRight {
  border-left: none;
  width: 300px;
  margin-left: 0;
  padding-left: 0;
}

.mainColLeftSection #stories .featureStory span.keyword {
  font: 800 15px/20px "Open Sans";
  color: #307EC3;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------
******************************************************************* ARTICLE *******************************************************************
----------------------------------------------------------------------------------------------------------------------------------------------- */
#article h1 {
  font: 700 46px/48px "Playfair Display";
  margin-bottom: 15px;
}
#article h3 {
  font: 400 24px/29px "Open Sans";
}
#article h3 span.keyword {
  font: 800 24px/29px "Open Sans";
  color: #307ec3;
  margin-right: 8px;
}
h1.valued {
  color: #191919;
}

/* MAIN COL LEFT */
#article #mainColLeft {
    margin-right: 26px;
}
/* topElement */
#article #mainColLeft #topElement {
    margin: 20px 0px 30px;
}
#article #mainColLeft #topElement p.caption {
    font: 600 14px/15px "Open Sans" !important;
}
#article #mainColLeft #topElement p.caption nobr {
    font: 400 12px/16px "Open Sans" !important;
    margin-top: 3px;
    display: block;
}

#topElement .articleContextFlash embed {
 padding-top: 30px;
}

/* mainContent */
#article #mainColLeft #mainContent p b {
    font: 600 18px/24px "Open Sans";
}
/* aside */
#aside {
    font-family: "Open Sans" !important;
}
#aside > div {
    margin: 0px 0px 24px;
    padding: 12px 0px 0px;
}
#aside  .storyInfo {
    padding-top: 12px;
}
#aside .storyInfo .author, #aside #feedbackBox h4 {
    font: 800 17px/19px "Open Sans" !important;
    margin-bottom: 10px;
}
#aside .storyInfo time, #aside .storyInfo time, #aside #feedbackBox p {
    font-family: "Open Sans" !important;
}
 #aside #feedbackBox p {
  line-height: 20px;
 }
/* slideshow */
html .NnSlideshow {
  font: 400 14px/19px "Open Sans";
}
html .NnSlideshow .footer .paging .first {
  font-family: "Open Sans";
  font-weight: 800;
}

html .NnSlideshowContainer.desktop.fullscreen .NnSlideshow .header h1{
	font-family: "open sans extra bold" !important;

}

html .NnSlideshowContainer.desktop.fullscreen .NnSlideshow .footer .links .title{
	font-family; "open sans extra bold" !important

}

/* MAIN COL RIGHT */
#article #mainColRight {
  margin-top: 20px;
  width: 300px;
  border-left: medium none;
  padding-left: 0px;
}
#mainColRight .contextBox {
  margin-bottom: 28px;
}
#article #mainColRight .contextBox h4 {
  font: 800 21px/21px "Open Sans";
  margin-top: 12px !important;
  margin-bottom: 15px !important;
  color: #1a1a1a;
}
#article #mainColRight .contextBox h5 {
  font: 700 22px/24px "Playfair Display";
}
#article #mainColRight .contextBox .relatedArticle img {
  margin-bottom: 5px;
}
#article #mainColRight .contextBox .relatedArticle p {
  font: 400 15px/20px "Open Sans";
  margin-bottom: 5px;
}
#article #mainColRight .contextBox .infoList p {
  font: normal 17px/24px "Georgia";
}
#mainColRight .contextBox p.desc {
  font: 400 15px/19px "Open Sans";
}
#mainColRight .contextBox p span.keyword {
  font: 800 15px/19px "Open Sans";
  color: #307EC3;
}

#mainColRight .contextBox.keywordBox ul li {
    font: 400 18px/22px "Open Sans";
    margin-bottom: 4px;
}

#mainColRight .contextBox .twitterRessortButton {
  margin-top: 10px;
}


/* MAIN COL BOTTOM */
#mainColBottom .BlogArticles {
  width: 300px;
   border-top: 1px solid #797979;
}
#mainColBottom .BlogArticles h4.contextBoxTitle {
  margin: 12px 0px 17px !important;
}
#mainColBottom .BlogArticles h4.contextBoxTitle a {
  color: ;
}
#mainColBottom .BlogArticles h4.contextBoxTitle span {
}
#mostShared table td {
  font: 400 20px/22px "Playfair Display";
  vertical-align: top;
  padding: 6px 7px 5px 0px;
}
#mostShared table td span {
    font: 800 15px/22px "Open Sans";
    color: #307EC3;
}
#mostShared table td a {
  color: #333 !important;
}


/* MAIN COL BOTTOM MORE */
#mainColBottomMore p {
  font: 400 15px/20px "Open Sans";
}

#mainColBottomMore span.keyword {
  font: 800 15px/20px "Open Sans";
  color: #307ec3;
}
#mainColBottomMore h4.contextBoxTitle {
  margin: 12px 0px 17px !important;
}

#mainColBottomMore .bottomLinks img {
    margin-bottom: 8px;
}
#mainColRight .contextBox .infoList b {
  font: 800 17px/19px "Open Sans";
}


/* --------------------------------------------------------------------------------------------------------------------------------------------
******************************************************************* SEARCH ********************************************************************
----------------------------------------------------------------------------------------------------------------------------------------------- */
#mainColRight.category {
  margin-top: 36px;
  margin-left: -1px;
}
#mainColLeft.keywordSearch {

}
#mainColLeft.keywordSearch label, #mainColLeft.keywordSearch input[type="submit"], #mainColLeft.keywordSearch #searchScrollTop, #contentTabs {
  font-family: "Open Sans", sans-serif;
}
#mainColLeft ul.ui-tabs-nav li.ui-tabs-selected a {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}

.boxExclusiv .label {
  background-color: #EDEDED;
  font: 400 15px/19px "Open Sans" !important;
  text-transform: uppercase;
  margin-top: -10px;
}
.boxExclusiv.ad.mktpLokal .ui-tabs-vertical {
    background-color: #EDEDED;
    padding: 5px 0px 16px;
}
.boxExclusiv h4.title {
  background-color: #EDEDED;
  margin-bottom: 0px !important;
  font: 400 14px/19px "Open Sans" !important;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none;
  padding: 2px 4px 0px 0px;
}


/* gallery page */
#slideshowOverview .slideshows .story {
  margin: 0px 36px 24px 0px;
}



/* --------------------------------------------------------------------------------------------------------------------------------------------
******************************************************************* MISCELLANEOUS *************************************************************
----------------------------------------------------------------------------------------------------------------------------------------------- */
/* blockquote */
blockquote {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin: 40px 0;
    padding: 20px 50px;
    font-size: 1.5em;
    line-height: 1.9em;
    font-style: italic;
    color: #1B1B1B;
}

/* bourse */
.boerse_box_small h4 {
    font: 700 20px/25px "Playfair Display" !important;
    margin-bottom: 10px;
}
.boerse_box_small table.top, .boerse_box_small table.button  {
    width: 300px;
    font: 400 15px/20px "Open Sans";
}
.boerse_box_small table.top span.red, .boerse_box_small table.button span.red {
    font: 400 15px/20px "Open Sans";
}
.boerse_box_small table.top td.name {
    width: 141px;
}
.boerse_box_small #chartimgs img {
    width: 300px !important;
    height: auto !important;
}

/* comments */
.commentsBox {
    font: 400 15px/20px "Open Sans";
}
.comments h4 {
  font: 400 15px/20px "Open Sans";
}
.entireCommentForm {
    display: block;
    overflow: hidden;
    font-family: "Open Sans";
}
#commentFormSubContainer h3#kommentarTitle_form {
  font-family: "Open Sans";
  font-size: 21px;
  line-height: 21px;
  font-weight: 800;
}
#commentFormSubContainer #commentInfo_Notice .signature {
    display: block;
    margin-top: 8px;
    text-align: right;
}
#commentFormSubContainer textarea, #commentFormSubContainer textarea, #fbForm_message {
    padding: 5px;
    width: 100%;
    font: 400 15px/20px "Open Sans";
}
#commentFormSubContainer .textarea #fbForm_message_count_class {
    float: right;
    margin-top: 5px;
}
#commentFormSubContainer #commentform {
    clear: both;
}
#commentFormSubContainer #commentform #disclaimerConfirm {
    margin-top: -20px;
    float: left;
}
#commentFormSubContainer #commentform #commentLogin {
    clear: both;
    padding-top: 20px;
}
.notloggedToFacebook, .loggedToFacebook {
    padding: 20px 0px;
    border-top: 1px dotted #CCC;
}
.notloggedToFacebook h5.blockTitle {
    font-size: 14px;
    margin-bottom: 10px;
}
.commentFBlogin, .commentFBformLeft {
    float: left;
    width: 282px;
    margin-right: 2em;
}
.commentOhnelogin, .commentFBformRight {
    padding-left: 1.8em;
    border-left: 1px solid #CCC;
    overflow: hidden;
}
#comment_login_form fieldset, #comment_signup_form fieldset, #comment_password_reset_form fieldset, #manageAccount fieldset {
    border:none;
}
#commentform .sbsLabel {
    position: relative;
    float: left;
    margin: 0px 1em 0.5em 0px;
}
#commentform .sbsLabel label {
    position: absolute;
    padding: 5px;
    opacity: 1;
    color: #808080;
    width: 100%;
    cursor: text;
}
#commentform .sbsLabel input {
    width: 300px;
    padding: 5px;
    font: 400 15px/20px "Open Sans";
}
#commentsForm_send, #commentsForm_send_noFb {
    float: right;
    width: 12em;
    height: 2em;
    margin: 15px 0;
}
div.noCommentsYet {
    clear: both;
    margin: 10px 0px;
}
a#commentsForm_post_confirmed, a.comment_signup_form_toggle, a.comment_form_forgot_password, a#commentsForm_signup, a#commentsForm_forgot_password, a#commentsForm_send_email, a.emailLogoutButton,
a.update_password_box_toggle, a#commentAccountManageUpdate, a#delete_account, a.commentAccountManageCancel {
    display: block;
}
#commentInfo_noFb .smallPrint {
    display: none;
}
#manageAccount {
    margin-bottom: 20px;
}
/* comments on article+page */
#contentTabs.search {
  border-top: none;
  margin-bottom: 20px;
}
#contentTabs.search li {
  float: none;
}
.komment .kommentLeft h4 {
  float: left;
}
.komment .kommentLeft .kommentTime {
  float: right;
}
.komment p {
  clear: both;
}
.komment .kommentOptions {
  overflow: hidden;
}
.komment .kommentOptions a span.replyToCommentTxt {
  color: #2C3891;
}
.komment .kommentOptions .recommendComment {
  margin: 0 0.7em;
  display: block;
  float: left;
}
.komment .kommentOptions .recommendComment a {
  background: url("https://files.newsnetz.ch/css/images/1_thumbsUp.png") no-repeat scroll 0 0 transparent;
  background-position: center;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 9px;
  height: 30px;
  width: 18px;
  margin-left: auto;
  margin-right: auto;
}
.komment .kommentOptions .recommendComment a.dislike {
  background: url("https://files.newsnetz.ch/css/images/1_thumbsDown.png") no-repeat scroll 0 0 transparent;
}
.komment .kommentOptions .recommendComment .recommendCommentCountWording {
  display: none;
}
.komment .kommentOptions a.reportCommentTxt {
  float: right;
  margin-left: 10px;
}
.komment .kommentOptions a span.replyToCommentTxt {
  float: right;
}
h3.kommentarTitle.commentView {
  margin-top: 20px;
  font-family: "Open Sans";
}
h3.kommentarTitle.whiteBG {
  margin: 5px 0 20px;
}
.commentRedesign {
    font-family: "Open Sans";
}
.backToStory a
{
    font-family: "Open Sans";
}


/* poll */
#mainColRight > div.pollBox {
 border-top: none;
}
#mainColRight > div.pollBox h4.title {
  font: 800 21px/21px "Open Sans" !important;
  margin: 10px 0px 16px !important;
  color: #2C3891;
}
#mainColRight .contextBox #pollBox .question, #mainColRight .pollbox .question {
    font: 400 15px/24px "Open Sans";
}
.pollbox button {

}
#mainColRight .resultAnswer {
    padding-bottom: 0;
    font: 400 15px/19px "Open Sans";
}
#mainColRight .voteBar {
    margin: 0px 0px 10px;
}
#mainColRight .voteBar .widthResult div {
    height: 12px;
    margin: 7px 12px 0px 0px;
}
#mainColRight .voteBar span {
    font: 400 15px/19px "Open Sans";
    color: #2C3891;
}
#mainColRight .voteBar .widthResult div {
    background-color: #BFBFBF;
}
#mainColRight .boxExclusiv .pollbox .storylink a {
    color: #2C3891;
}

#mainColRight .smallTextBox {
	width: 150px;
}

#mainColRight .teaserEditorialContent {
  border-top: #2f2f2f solid 1px;
  padding-top: 32px;
  padding-bottom: 12px;
}


#mainContainer .articleStory h4, #mainContainer .articleStory h4 a {
	font: 700 18px/23px "Playfair Display";
}

#sendForm input.free {
  width: 15px !important;
  margin:0px;
  height:15px !important;
}


#korrekturBoxMsgConainer {
  position: relative;
}

.videoBoxInner .descContainer #metaLine iframe {
    height: 100%;
}

.videoBoxInner .descContainer .relatedVideo a:hover {
    color: #307ec3;
}

#viewportWCH #contentTabs {
	margin-bottom: 0px;
}

#viewportWCH #contentTabs.search li {
    float: left;
    padding: 10px;
}

#viewportWCH #contentTabs.search li.left {
    background-color: #ebe9e9;
}

#viewportWCH .commentRedesign {
    padding-top: 10px;
    border-top: 1px solid #ebe9e9;
}

#commentsForm_send_noFb {
  display: none !important;
}


#slideshowOverview .relatedThemaMedia.secondElement {
   margin: 0 0 24px 0 !important; /*Sautait dieu seul sait pourquoi*/
}

#mainContent ul.liveticker li{
   list-style:none;
   width:480x; /*Modification largeur */
}


#mainColRight #poll .storylink {
    padding-top: 5px;	
}

#mainColRight #poll .storylink a {
   color: #2c3891;
   font-size: 16px;
}

#liveTickerStory iframe {
  margin-top: -30px;
}
#liveTickerStory {
  overflow:hidden;
  height: 1300px;
}

/*ads posterAd*/

.publiTitle.posterAd,
.adsTitle.posterAd {
    font-size: 13px !important;
    padding: 2px 0 3px;
    border-top: 1px solid #747474;
}

html.posterAd #mainContainer {
    background: none;
    pointer-events: none;
}

html.posterAd #mainContainer>div {
    background: white;
    pointer-events: auto;
}

html.posterAd #posterAdSpacer {
    min-height: 624px;
}

#posterAdSpacer {
    width: 0;
    height: 0;
}

#posterAdContainer {
    position: fixed;
    top: 38px;
    right: 23px;
    bottom: 26px;
    left: 23px;

    z-index: -1;

    overflow: hidden;
}

#posterAdContainer .posterAdOuter {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -312px 0 0;

    height: 624px;
    max-height: 624px;

    overflow: hidden;
}

#posterAdContainer .posterAdInner {
    position: relative;

    width: 978px;
    max-width: 978px;

    height: 100%;

    overflow: hidden;

    float: none;
    margin: 0 auto;
}

.teaserVideo a img.bild {
  max-width: 100%;
  max-height: 100%;
}

/*Boerse Overview to FuW*/
#mainContainer.fuw h3 {
    font-family: "Playfair Display";
}

#mainContainer.fuw .col ul li {
    font-family: "Open Sans";
}
/*Boerse Overview to FuW End*/

@media screen and (min-width: 1324px) and (max-width: 1626px) {
    #posterAdContainer .posterAdInner {
        float: right;
        margin: 0 300px 0 0;
    }
}

@media screen and (max-width: 1323px) {
    #posterAdContainer .posterAdInner {
        margin: 0;
    }
}

#aside .isGeo, #aside .isGeo a {
	font-weight: normal;
}

.dropDown {
    -webkit-appearance: default !important;
    -moz-appearance: default !important;
    appearance: default !important;

    background: url('images/darrow.gif') no-repeat right center; 
    background-size: auto 50%;

    border: 1px solid #ccc !important;
    border-radius: 5px;
    box-shadow: 0 0 4px #ccc inset;
    color: #424242;
    font-family: Georgia;
    font-size: 15px;
    margin: 0;
    padding: 10px;
    width: 320px;
}

/* fix for imported stories */    
p.note {
    border-top: 1px solid #797979;
}
/* -------------- recomendation widget ------- */
section.recommender h1.box{
/*    font-family: "Playfair Display", serif;
    font:400 15px/20px "Open Sans";*/
    font-weight: bold;
    margin-bottom: 8px;
font-family: "Open Sans";
    font-size: 21px;
    line-height: 21px;
    font-weight: 800;
}

section.recommender article.recommender-item div.recommender-text p{
    font:400 15px/20px "Open Sans";
/*    font-family: "Playfair Display", serif;*/
    line-height:20px;
}
section.recommender article.recommender-item div.recommender-text h1 {
/*    font-family: "Open sans" sans-serif;*/
    font-family: "Playfair Display", serif;
    color:black;
    font-size: 21px;
    line-height: 21px;
    margin:6px 0 12px 0;
}

/* Premium */

.premium {
    color: #307ec3 !important;
}

.premium {
  font-family: "Open Sans Extra Bold";   
}

/* Premium End */

/* Newsletter */

html .NnNewsletterSubscriptionContainer .NnNewsletterSubscriptionField > div > form input[type="submit"] {
    background-color: #307ec3;
}

/* Newsletter End */

/* ePaper */

.ePaper a img {
    position: absolute;
    clip: rect(0 302px 200px 0);
    width: 300px;
    height: auto;
}

/* ePaper End */

/*HOT FIX NEW PLAYER VIDEO*/
iframe.autofit{
  height:360px;
  width:100%;
}

/* TRAVEL 360 */

.travel360{
    margin-right: 0px !important;
    width:100% !important;
}


.travel360 #stories .featureStory{
    background: white;
    width:310px;
    height:405px;
    display: inline-block;
    vertical-align: top;
    padding:0;
    margin:0 0 24px 0;
    box-shadow: 0 14px 28px rgba(0,0,0,0.08), 0 10px 10px rgba(0,0,0,0.06);
}
.travel360 #stories .featureStory:nth-child(3n+2) {
    margin:0 20px 0 20px
}
#stories > div.featureStory.standard.layout_71 > a:before{
    display: none !important;
}

.travel360 #stories .featureStory div p.storyInfo:after{
    color:#686868;
    content:'Paid Post';
    float:right;
    font-weight: bold;
    text-transform: uppercase;
}
.travel360 #stories .featureStory a img{
    width:100%;
    height:auto;
    float:none;
    margin:0 0 8px 0;
    border-bottom:8px solid #307ec3;

}

.travel360 #stories .featureStory div{
    width:100%;
    padding:8px;
    float: none;
}

.travel360 #stories .featureStory div h3 a{
    font-size: 22px;
}

.travel360 #stories .featureStory div p .keyword{
  color:#686868;
  margin:8px;
}

.travel360 #stories .featureStory div p time{
  display: none;
}

.travel360 .bottomLinks{
  display: none !important;
}