/* #####################################################################################################
   This stylesheet describes standart components, which stay the same when scaling (colors, looks etc)
   ##################################################################################################### */

/*--- standard variables ---*/
/*--- overwrite variables with the variable from a theme ---*/
/* #####################################################################################################
   This stylesheet is used for theme specific variables
   ##################################################################################################### */
/*--- media queries. When using responsive ---*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*----- CSS3 Animation functions -----*/
/*+++ Default styles and classes +++*/

hr {
  border: 0 none;
  background: #969696;
  height: 1px;
  margin: 15px 0;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clear {
  clear: both;
  height: 0;
  width: 0;
}
.clearAfter:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  *zoom: 1;
}
.hidden,
#content .hidden {
  display: none!important;
}
body.contentPage #content a,
body.detailPage #content a {
  text-decoration: underline;
}
body.contentPage #content #relatedItems a,
body.detailPage #content #relatedItems a {
  text-decoration: none;
}
body.contentPage #content img,
body.detailPage #content img {
  max-width: 100%;
  height: auto;
}
.centerImg {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: auto;
  line-height: 100%;
}
.centerImg:hover {
  text-decoration: none;
}
.centerImg span {
  display: none;
}
.loadingIcon {
  background: transparent url(../../../images/zoomloader.gif) no-repeat center center;
}
.errorTxt {
  color: #e6575a;
  padding: 5px 5px 5px 25px;
  background: #ffdedd url(../../../images/error.png) no-repeat 5px center;
  border: 1px solid #e6575a;
  display: block;
  margin: 0 0 1.5%;
}
.blockBg {
  background-color: white;
  border: 1px solid lighter(#e6ebf0, 5%);
}
.address {
  border: 1px solid lighter(#e6ebf0, 5%);
  padding: 10px;
  margin: 0 0 10px 0;
  position: relative;
  display: block;
  color: #001f4b;
}
.address .selectAddress {
  display: none;
}
.address .deleteButton {
  float: right;
}
.address:hover {
  text-decoration: none;
}
.checkedAddress {
  border: 1px solid #8fb776;
  background: #f3f9ec;
}
.checkedAddress:before {
  content: "\2714";
  color: #8fb776;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 200%;
}
/* newsOnMobile */

.isMobile .object {
  width: 100%;
  color: #666666;
}
.isMobile .object .date {
  float: left;
  width: 26.9%;
  padding: 3.1% 0 3.1% 3.1%;
}
.isMobile .object .imgWrap {
  display: none;
}
.isMobile .object .rightContent {
  float: left;
  width: 70%;
  padding: 3.1% 0;
}
.isMobile .object .rightContent .stats,
.isMobile .object .rightContent .content {
  display: none;
}
.isMobile .object .rightContent .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.isMobile #lan .object:nth-child(odd) .date,
.isMobile #reg .object:nth-child(odd) .date,
.isMobile #lok .object:nth-child(odd) .date,
.isMobile #newsList .object:nth-child(odd) .date,
.isMobile #relatedItems .object:nth-child(odd) .date,
.isMobile #lan .object:nth-child(odd) .rightContent,
.isMobile #reg .object:nth-child(odd) .rightContent,
.isMobile #lok .object:nth-child(odd) .rightContent,
.isMobile #newsList .object:nth-child(odd) .rightContent,
.isMobile #relatedItems .object:nth-child(odd) .rightContent {
  background-color: #f2f4f7;
}
.isMobile #lan .moreBtn,
.isMobile #reg .moreBtn,
.isMobile #lok .moreBtn,
.isMobile #newsList .moreBtn,
.isMobile #relatedItems .moreBtn {
  margin-top: 20px;
}
.isMobile #newsList .dataTable .header,
.isMobile #reg .dataTable .header {
  width: 100%;
}
.isMobile #newsList .dataTable .header .datum,
.isMobile #reg .dataTable .header .datum {
  margin-right: 0;
  width: 26.9%;
  float: left;
  padding-left: 3.1%;
}
.isMobile #newsList .dataTable .header .wedstrijd,
.isMobile #reg .dataTable .header .wedstrijd {
  width: 70%;
  float: left;
}
/*end newsOnMobile*/

.dataTable {
  padding: 2% 0;
}
.dataTable .row {
  border-bottom: 1px solid #e6ebf0;
  min-height: 38px;
  overflow: hidden;
  position: relative;
}
.dataTable .row.header {
  border-width: 3px;
  margin: 0;
  font-weight: 600;
  font-size: 13px;
}
.dataTable .row > a,
.dataTable .row > span {
  display: block;
  padding: 1.1% 0;
}
.dataTable .row a {
  color: #001f4b;
}
.dataTable .row a:hover {
  color: #003948;
}
.dataTable .row > span {
  color: #202020;
}
.dataTable .row .label {
  display: block;
  float: left;
  line-height: 20px;
  vertical-align: top;
  margin: 0;
}
.dataTable .row .label.datum {
  width: 39%;
}
.dataTable .row .label.plaats {
  width: 50%;
}
.dataTable .row .label.wedstrijd {
  width: 100%;
}
.dataTable .row .label.wide {
  width: 75%;
}
.dataTable .row .label * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  display: block;
}
.dataTable .row span.nationaal {
  content: "";
  background: url("../../../themes/1007/images/bullets.png") no-repeat left bottom;
  width: 11px;
  height: 11px;
  display: block;
  padding: 0;
  margin: 4px 0 0 0;
  position: absolute;
  right: 0;
}
.dataTable .row span.internationaal {
  content: "";
  background: url("../../../themes/1007/images/bullets.png") no-repeat right top;
  width: 11px;
  height: 11px;
  display: block;
  padding: 0;
  margin: 4px 0 0 0;
  position: absolute;
  right: 0;
}
#overlayBlack {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
h4#breadcrumbs {
  position: absolute;
  top: -50px;
  margin: 0;
  line-height: 45px;
  font-weight: normal;
  font-size: 12px;
}
h4#breadcrumbs a {
  color: #001f4b;
}
h4#breadcrumbs a:hover {
  color: #003948;
}
h4#breadcrumbs span {
  padding: 0 5px;
}
/* Table en panel stijling */

table {
  width: 100%;
  border-collapse: collapse;
}
table.borders tr {
  border-top: 1px solid #dfdbda;
}
table.borders tr:first-child {
  border: 0 none;
}
table tr th {
  padding: 0 5px 0 0;
  line-height: 20px;
}
table tr td {
  padding: 0 0 0 5px;
  line-height: 20px;
}
table tr td img {
  max-width: none!important;
}
table.high tr th {
  padding: 5px 5px 5px 0;
  line-height: 22px;
}
table.high tr td {
  padding: 5px 0 5px 5px;
  line-height: 22px;
}
/*--- Default styles and classes ---*/

/* Basis opzet */

#header .productComparison {
  position: absolute;
  left: 320px;
  top: 53px;
}
#header .languagePicker {
  position: absolute;
  left: 458px;
  top: 0;
}
#header .languagePicker li {
  float: left;
  margin: 0 10px 0 0;
}
#header .languagePicker a {
  line-height: 40px;
  display: block;
}
#header #shoppingBag > a {
  color: #2d2b2b;
}
#header #shoppingBag #CartPrice {
  color: #959190;
}
/* standard page overview */

.overviewPage .itemWrap {
  width: 100%;
}
.overviewPage .itemWrap .item {
  border-bottom: 1px solid #d5d5d5;
  margin: 0 0 25px 0;
  min-height: 80px;
  overflow: hidden;
  padding: 0 0 25px;
  width: 100%;
}
.overviewPage .itemWrap h3 {
  margin: 0 0 10px;
}
.overviewPage .itemWrap h3 a {
  color: #001f4b;
  font-weight: 700;
  font-size: 15px;
}
.overviewPage .itemWrap h3 a:hover {
  color: #204eac;
  text-decoration: none;
}
.overviewPage .itemWrap h4 {
  color: #aaaaaa;
  margin: 0 0 10px;
}
.overviewPage .itemWrap .picture img {
  float: right;
  display: block;
  margin: 0 0 4px 10px;
}
.overviewPage .itemWrap .itemContent {
  line-height: 18px;
  margin: 0 0 15px;
}
.overviewPage .itemWrap a.itemLink {
  color: #001f4b;
  margin: 0 20px 0 0;
  text-decoration: none;
}
.overviewPage .itemWrap a.itemLink:hover {
  color: #204eac;
  text-decoration: underline;
}
/* standard page detail */

.detailWrap {
  position: relative;
}
.detailWrap h1 {
  margin: 0 0 20px;
}
.detailWrap .period {
  color: #666666;
}
.detailWrap .detailWrapInner {
  position: relative;
  min-height: 150px;
}
.detailWrap .detailWrapInner .picture {
  margin: 0 auto 20px;
  display: block;
}
.detailWrap .detailWrapInner .date {
  position: absolute;
  top: 60px;
  left: -10px;
  color: white;
  background-color: #003948;
  display: block;
  float: left;
  min-width: 44px;
  margin: 0 5% 0 0;
  padding: 5px;
  text-align: center;
}
.detailWrap .detailWrapInner .date .day {
  font-size: 18px;
  line-height: 16px;
  display: block;
  font-weight: 600;
}
.detailWrap .detailWrapInner .date .month {
  font-size: 13px;
  line-height: 15px;
  text-transform: capitalize;
}
.detailWrap .detailWrapInner .content {
  margin: 0 0 30px;
}
.detailWrap .stats {
  margin: 0 0 18px;
  color: #001f4b;
  line-height: 20px;
}
.detailWrap .stats .comments {
  /* ie8 */
  background: url(../../../images/IconSpriteColoredSmall.png) no-repeat 0 2px;
  padding: 0 0 0 27px;
  margin: 0 2% 0 0;
}
.backgroundsize .detailWrap .stats .comments {
  background: url(../../../images/IconSpriteColored.png) no-repeat 0 2px;
  background-size: 23px 314px;
}
.detailWrap .stats .viewed {
  /* ie8 */
  background: url(../../../images/IconSpriteColoredSmall.png) no-repeat 0 -44px;
  padding: 0 0 0 27px;
}
.backgroundsize .detailWrap .stats .viewed {
  background: url(../../../images/IconSpriteColored.png) no-repeat 0 -44px;
  background-size: 23px 314px;
}
.detailWrap .stats .dateLine {
  display: inline-block;
  border-left: 1px solid #e6ebf0;
  height: 20px;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}
.extraContentWrap {
  margin: 0 0 40px;
}
.extraContentWrap .kop {
  margin: 0;
}
.extraContentWrap #fb-root {
  margin: 20px 0 0;
}
.extraContentWrap #fbContainer {
  overflow: hidden;
}
/* normal panel styling */

.panel {
  width: 100%;
  padding: 0 0 5%;
  margin: 0 0 5%;
  border-bottom: 1px dotted #e6ebf0;
}
.panel table {
  width: 100%;
}
.panel h2 {
  font-size: 20px;
  margin: 0 0 15px;
}
.singlePanel {
  width: 100%;
  border: 0 none;
  float: none;
  padding: 0;
}
.panel.noMargin {
  margin: 0;
  padding: 0;
  border: 0 none;
}
/* panel exceptions */

.noMargin,
.business,
.full .business,
.full .noMargin {
  margin: 0 0 5%;
  padding: 0;
}
.noPadding,
.full .noPadding {
  padding: 0;
  float: right;
}
.noBorder,
.full .noBorder {
  border: 0 none;
}
/* ==========================================================================
   sponsor banners
   ========================================================================== */

.sideBanner {
  width: auto;
  overflow: hidden;
  margin: 0 0 60px 0;
}
.sideBanner .banner {
  background: #e6ebf0;
  margin: 0 18px 18px 0;
  height: 90px;
  overflow: hidden;
  float: left;
}
.sideBanner .banner img {
  max-width: 100%;
}
.sideBanner .banner .title,
.sideBanner .banner .subtitle {
  display: none;
}
/*newsOnTablet and Desktop*/

@media only screen and (min-width : 768px) {
  .object {
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #e6ebf0;
    min-height: 50px;
  }
  .object:hover .rightContent .title {
    color: #cccc00;
  }
  .object:first-child {
    margin: 0;
    border-top: 0 none;
  }
  .object .imgWrap {
    display: block;
    margin: 0 0 5% 0;
    text-align: center;
    min-width: 2%;
    min-height: 120px;
    position: relative;
  }
  .object .imgWrap.Video:after,
  .object .imgWrap.Album:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../../../images/videoImg.png) no-repeat center center;
  }
  .object .imgWrap.Video:after {
    background-image: url(../../../images/videoImg.png);
  }
  .object .imgWrap.Album:after {
    background-image: url(../../../images/galleryImg.png);
  }
  .object .imgWrap.Video.Album:after {
    background-image: url(../../../images/videoGalleryImg.png);
  }
  .object .imgWrap > img {
    max-width: 100%;
    max-height: 220px;
  }
  .object .date {
    position: absolute;
    left: -8px;
    top: 60px;
  }
  .object .rightContent {
    display: block;
  }
  .object .rightContent > span {
    display: block;
  }
  .object .rightContent .title {
    font-weight: 600;
    font-size: 16px;
    color: #001f4b;
    line-height: 18px;
    margin: 0 0 10px;
  }
  .object .rightContent .title .searchtype {
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px 0 0;
    color: #003f98;
  }
  .object .rightContent .content {
    display: block;
    color: #001f4b;
  }
  .object.photoAlbumItem .rightContent .stats span {
    padding: 0 5px 0 0;
    color: #666666;
  }
  .object.photoAlbumItem .rightContent .stats span.photoCount {
    padding: 0 0 0 15px;
  }
  /*end object*/
  
  .stats {
    margin: 0 0 18px;
    color: #001f4b;
    line-height: 20px;
  }
  .stats .comments {
    /* ie8 */
    background: url(../../../images/IconSpriteColoredSmall.png) no-repeat 0 2px;
    padding: 0 0 0 27px;
    margin: 0 2% 0 0;
  }
  .backgroundsize .stats .comments {
    background: url(../../../images/IconSpriteColored.png) no-repeat 0 2px;
    background-size: 23px 314px;
  }
  .stats .viewed {
    /* ie8 */
    background: url(../../../images/IconSpriteColoredSmall.png) no-repeat 0 -44px;
    padding: 0 0 0 27px;
  }
  .backgroundsize .stats .viewed {
    background: url(../../../images/IconSpriteColored.png) no-repeat 0 -44px;
    background-size: 23px 314px;
  }
  .stats .dateLine {
    display: inline-block;
    border-left: 1px solid #e6ebf0;
    height: 20px;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
  }
  .date {
    color: white;
    background-color: #003948;
    display: block;
    float: left;
    min-width: 44px;
    margin: 0 5% 0 0;
    padding: 5px;
    text-align: center;
  }
  .date .day {
    font-size: 18px;
    line-height: 16px;
    display: block;
    font-weight: 600;
  }
  .date .month {
    font-size: 13px;
    line-height: 15px;
    text-transform: capitalize;
  }
  .newsRepeaterMoreNews {
    min-height: 30px;
  }
  .newsRepeaterMoreNews .date {
    position: static;
  }
}
/* END newsOnTablet and Desktop*/

@media only screen and (min-width : 768px) {
  .sideBanner {
    padding: 3%;
  }
}
@media only screen and (min-width : 1180px) {
  .sideBanner {
    padding: 0;
  }
}
@media only screen and (min-width : 1439px) {
  .sideBanner {
    width: 120px;
    position: absolute;
    top: 304px;
    right: -143px;
    background: none;
  }
  .sideBanner .kop {
    display: none;
  }
  .sideBanner .banner {
    background: #e6ebf0;
    margin: 0 0 10px;
    height: 90px;
    overflow: hidden;
  }
  .sideBanner .banner img {
    max-width: 100%;
  }
  .sideBanner .banner .title,
  .sideBanner .banner .subtitle {
    display: none;
  }
}
/* ==========================================================================
   Tablet styles
   ========================================================================== */

@media only screen and (min-width : 768px) {
  /* normal panel styling */
  
  .panel {
    width: 47%;
    padding: 0 1.9% 0 0;
    margin: 0;
    float: left;
    border-bottom: 0 none;
    border-right: 1px solid #e6ebf0;
  }
  .panel table {
    width: 100%;
  }
  .panel h2 {
    font-size: 20px;
    margin: 0 0 15px;
  }
  .panel.noMargin {
    margin: 0;
    padding: 0 0 0 1.9%;
    border: 0 none;
  }
  .noMargin,
  .business,
  .full .business,
  .full .noMargin {
    border-left: 1px solid #e6ebf0;
    border-right: 0 none;
    margin: 0 0 0 -1px;
    padding: 0 0 0 24px;
  }
  .object .imgWrap {
    margin: 0 3.5% 0 0;
    width: 30%;
    float: left;
    text-align: left;
  }
  .object .rightContent {
    display: block;
  }
  .dataTable .row {
    padding: 0;
  }
  .dataTable .row .label {
    float: left;
    line-height: 20px;
    height: 20px;
    margin: 0;
  }
  .dataTable .row .label.datum {
    width: 20%;
  }
  .dataTable .row .label.plaats {
    width: 25%;
  }
  .dataTable .row .label.wedstrijd {
    width: 50%;
    margin-left: 5%;
  }
  .dataTable .row .label.wide {
    width: 80%;
  }
  /* standard page detail */
  
  .detailWrap .detailWrapInner .picture {
    margin: 0 2.5% 10px 0;
    float: left;
  }
}