@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

@media (min-width: 1185px) {
#menubottombar, .fakeTop, body.hasTracker #tracker, #search #true, #search .fancyButton.categoryBrowser, #categoryBar, #newsletter, #jobs, #community, #bottom, .secondColumn.frontpage, .highlightedProductsWrapper, #news .more, .relatedArticlesContentContainer, .relatedSubjectsContentContainer, .articleActionsBar, .relevancyColumn, #streamone {
  display: none;
}

#searchbar {
  border-radius: 0;
  height: 54px;
}

.fpItem a.newsSubmit, #reacties .layoutFilter, .reactieBody .reactieFooter {
  opacity: 0.0;
  transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
}

.fpItem:hover a.newsSubmit, #reacties:hover .layoutFilter, .reactieBody:hover .reactieFooter {
  opacity: 1.0;
  transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
}

#top, #searchbar {
  background-color: transparent !important;
}

#search {
  padding-top: 15px;
}

#search .keywordSearch, #search .keywordSearch input.text {
  background: transparent;
  color: white;
  border: none;
  border-bottom: 2px solid transparent;
  transition: border 0.2s ease-out;
  -webkit-transition: border 0.2s ease-out;
}

#search .keywordSearch input.text:focus {
  outline: 0;
  border-bottom: 2px solid white;
  transition: border 0.2s ease-in;
  -webkit-transition: border 0.2s ease-in;
}

#search .keywordSearch input.text {
  box-shadow: none;
}

#search .keywordSearch input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}

#search .keywordSearch input:not(.text) {
  background-color: transparent;
  border: none;
  filter: brightness(1.7);
  opacity: 0.4;
}

.fpaItem, fpaItem.last {
  border: 0;
}

.greyTopBorderBlock, .fpaItemsWrapper, .frontpage #community .communityTopics {
  border-top: 0;
  border-bottom: 0;
}

#menubar {
  border-bottom: 0;
  height: 48px;
  box-shadow: none;
  background: #7f0f26;
}

#menu {
  top: 0px;
  padding-left: 39px;
  padding-right: 39px;
}

#menu #logo {
  margin-top: 2px;
}

#menu #logo:hover {
  border-bottom: none;
}

#menu>ul>li {
  line-height: 46px;
}

#menu .sitename+ul, #menu>ul>li, #menu>ul>li>a {
  height: 48px;
}

#menu>ul>li:not(.selected):hover {
  border-bottom: none;
  height: 48px;
}

#userbar li.icon a {
  margin-top: 9px;
}

#layout {
  padding-bottom: 24px;
}

.mainColumn.frontpage {
  border-right: 0;
  padding-right: 0;
  width: 980px;
  padding-top: 0;
  margin-top: -24px;
}

body.hasTracker {
  margin-left: 0;
}

body:before {
  content: ' ';
  background: #a41e39;
  position: absolute;
  width: 100%;
  top: 0;
  height: 160px;
  z-index: -1;
}

body.customColor #contentArea {
  border: 0;
  border-radius: 2px;
  box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.33);
}

.fpItem h2 {
  margin-top: 48px;
  margin-bottom: 8px;
}

.fpItem h2 a {
  font-size: 40px;
  line-height: 48px;
  font-family: Roboto;
  font-weight: 100;
}

a.newsSubmit {
  line-height: 48px;
}

.fpItem h2 a:hover {
  text-decoration: none;
}

table.highlights {
  border-top: 0;
}

table.highlights td {
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e3e3e3;
}

table.highlights td a {
  color: rgba(0, 0, 0, 0.87);
}

table.highlights td a:visited {
  color: #2164e4;
}

table.highlights .publicationTime, table.highlights .publicationTime span {
  color: rgba(0, 0, 0, 0.54);
}

table.highlights td a.commentCount {
  -webkit-filter: brightness(1.7);
  -moz-filter: brightness(1.7);
  -o-filter: brightness(1.7);
  -ms-filter: brightness(1.7);
  filter: brightness(1.7);
  color: rgba(0, 0, 0, 0.32) !important;
}

#videos li+li {
  margin-left: 16px;
}

#videos .useVisitedState li {
  width: 316px;
}

#videos .useVisitedState li .thumb.video.fpa, #videos .useVisitedState li .thumb img {
 width: 316px;
  height: 158px;
}

#header {
  margin-bottom: 4px;
}

#header h1, #commentColumn #reacties > h2 {
  font-size: 26px;
  line-height: 32px;
  font-family: Roboto;
  font-weight: 300;
  margin-bottom: 0;
}

.articleColumn .article .author, .videoColumn .author {
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 32px;
}

.articleColumn, #commentColumn, #reacties, .article .articleImageGallery {
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
}

.articleColumn .article {
  font-size: 16px;
  font-family: "arial","helvetica","Liberation Sans",sans-serif;
}

.articleColumn img.alignCenter {
  width: 80%;
  height: auto;
}

.articleColumn .article p iframe, .article .video-wrapper .video-container iframe {
  width: 980px;
  height: 551px;
}

.article .video-wrapper {
  margin-bottom: -15px;
}

#commentColumn {
  padding-top: 32px;
}

#commentColumn #reacties > h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

#reacties .filterBox {
  margin-top: 16px;
  margin-bottom: 16px;
}

#reacties .reactieBody .reactieContent {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}

#reacties .reactieBody {
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 2px;
}

#reacties .reactieHeader {
  height: 50px;
}

#reacties .reactieHeader .userLink {
  font-size: 18px;
  font-weight: normal;
}

#reacties .reactieHeader .thumb.usericonsmall, #reacties .reactieHeader .thumb.usericonsmall img {
  width: 50px;
  height: 50px;
  margin-top: 0;
}

.reactieBody .reactieHeader .score-1:not(.modEnabled), .reactieBody .reactieHeader .score0:not(.modEnabled) {
  display: none;
}

#reacties #reactieContainer {
  border-left: 1px dashed rgba(0, 0, 0, 0.18);
}

.reactieContent blockquote {
  color: rgba(0, 0, 0, 0.54);
  border-left: 1px solid rgba(0, 0, 0, 0.10);
}

#reactieForm {
  margin-top: 32px;
}

#commentColumn .nextPrevLinks {
  display: none;
}

.article h3 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 4px;
  padding-top: 8px;
}

.article h2.chapter {
  font-weight: normal;
  font-size: 24px;
  padding-top: 16px;
}

.article .nextPrevLinks {
  margin: 0;
  width: 350px;
  float: right;
  font-size: 14px;
}

.article .nextPrevLinks .label {
  font-weight: normal;
}

.nextPrevLinks li a:before {
  display: none;
}

.articleColumn .reviewToc .tocContent ul {
  float: none;
  margin: 0;
  width: 100%;
}

}