/* #####################################################################################################
   Matches
   ##################################################################################################### */

/*--- 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 -----*/
.matches.overviewPage #selection {
  padding: 0;
}
.matches.overviewPage #selection .row {
  border: 0 none;
  margin: 0 0 30px;
}
.matches.overviewPage #selection .row > label {
  display: block;
  color: #001f4b;
  font-size: 13px;
  font-weight: 600;
  min-height: 20px;
}
.matches.overviewPage #selection .row .optionWrap {
  padding: 15px 0 0;
}
.matches.overviewPage #selection .row .optionWrap span {
  display: block;
}
.matches.overviewPage .legenda {
  margin: 15px 0 0;
}
/* end Overview page*/

.matches .legenda span.nationaal {
  padding: 0 20px;
  position: relative;
}
.matches .legenda span.nationaal:after {
  content: "";
  background: url("../../../themes/1007/images/bullets.png") no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  display: block;
  left: 0;
  top: 4px;
}
.matches .legenda span.internationaal {
  padding: 0 20px;
  position: relative;
}
.matches .legenda span.internationaal:after {
  content: "";
  background: url("../../../themes/1007/images/bullets.png") no-repeat right top;
  width: 11px;
  height: 11px;
  position: absolute;
  display: block;
  left: 0;
  top: 4px;
}
.matches #competitionData .row a {
  overflow: hidden;
  /*.label {
					min-height:20px;
					height:100%;
				}*/

}
.matches.detailPage .siteForm {
  padding: 0;
  background: none;
  border: 0 none;
  margin: 0 0 30px;
}
.matches.detailPage .siteForm .row {
  margin: 0;
  min-height: 0 !important;
  overflow: hidden;
}
.matches.detailPage .siteForm .row.noBorder {
  border: none;
}
.matches.detailPage .siteForm .row .label,
.matches.detailPage .siteForm .row .input {
  width: 48%;
  display: block;
  float: left;
  line-height: 35px;
  padding: 0;
  margin: 0;
  color: #202020;
  overflow: hidden;
}
.matches.detailPage .teaser {
  font-size: 16px;
  line-height: 23px;
}
@media only screen and (min-width : 768px) {
  .matches.overviewPage #selection .row .optionWrap > span > span {
    display: inline;
    margin-right: 15px;
  }
  .matches.detailPage .siteForm .row .label,
  .matches.detailPage .siteForm .row .input {
    width: 20%;
  }
  .matches.detailPage .siteForm .row .input {
    width: 70%;
  }
}