﻿div[ng-app] {
	margin-bottom: 50px;
}

.uitslagen #main_left {
	width: 999px;
}

.uitslagen #main_right {
	display: none;
}

#searchStatistieken {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}

	#searchStatistieken input {
		width: 93%;
		border: solid 1px #E4E4E4;
		background: none;
		padding: 5px;
		padding-left: 15px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

#searchResults {
	position: absolute;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

	#searchResults .sportHeader {
		color: #FFF;
		font-size: 14px;
		text-align: left !important;
		padding-top: 5px;
		padding-left: 10px;
	}

.searchResult {
	display: block;
	background: #f2f2f2;
	border-left: solid 1px #E4E4E4;
	border-right: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
}

	.searchResult a {
		padding: 5px;
		padding-left: 15px;
		display: block;
	}

#divMenuSportUitslagen {
	float: right;
	width: 326px;
	display: inline-block;
	overflow: hidden;
}

	#divMenuSportUitslagen td {
		vertical-align: middle;
	}


#divSportUitslag {
	float: left;
	width: 662px;
	overflow: hidden;
	display: inline-block;
}

	#divSportUitslag .divShare {
		position: absolute;
		top: 26px;
		right: 255px;
		padding-right: 5px;
	}

	#divSportUitslag .divInteractief {
		background-color: #F3F8FA;
	}

	#divSportUitslag .subHeader {
		font-weight: bold;
		padding-left: 20px;
	}

	#divSportUitslag .tblStand {
		background-color: #131720;
		background-size: 100% 22px;
		background-repeat: no-repeat;
	}

.witregel {
	margin-bottom: 21px;
}

.last_modified {
	margin-top: 12px;
	font-size: 10px;
	text-align: right;
	color: black;
	float: right;
	vertical-align: bottom;
}

.top3 {
	display: inline-block;
	position: relative;
}

	.top3:last-child {
		margin-right: 0px;
	}

	.top3 > .metric {
		position: absolute;
		color: #131720;
		bottom: 0px;
		right: 60px;
		width: 30px;
		height: 30px;
		text-align: center;
		background-color: white;
		border-radius: 50%;
		border: 5px solid #E9E5E4;
	}

		.top3 > .metric:last-child {
			right: 0px;
		}

#divSportUitslag .trHeading {
	background: none;
}

#divSportUitslag .headerText {
	text-align: left;
	padding-left: 20px;
	padding-top: 3px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

#divSportUitslag th {
	text-align: center;
	color: #FFFFFF;
	padding-right: 5px;
}

#divSportUitslag table {
	width: 100%;
}

#divSportUitslag .tblUitslagen tr {
	height: 23px;
}

	#divSportUitslag .tblUitslagen tr td.tdleft {
		width: 30px;
	}

	#divSportUitslag .tblUitslagen tr td.tdright {
		width: 30px;
	}

#divSportUitslag .rowDatum td {
	height: 30px;
	padding-left: 20px;
	font-size: 14px;
	vertical-align: bottom;
	color: #131720;
	text-transform: uppercase;
}

#divSportUitslag h3 {
	font-size: 18px;
}

#divSportUitslag .number {
	text-align: center;
	padding-right: 5px;
}

.tblStand th {
	width: 40px;
}

#divSportUitslag .center {
	text-align: center;
}

#divSportUitslag .tblStand tr {
	height: 18px;
}

	#divSportUitslag .tblStand tr.alter {
		background-color: rgba(255, 202, 0, .1);
	}

#divSportUitslag tr.Kamp {
	background-color: Lime; /*dit moet nog anders*/
}

#divSportUitslag tr.Degr /*gokje*/ {
}

#divMenuSportUitslagen .klasseSelected {
	font-weight: bold;
}

#divSportUitslag .tblUitslagen tr.alter {
	height: 25px;
	background-repeat: repeat-x;
	background-image: url("/images/opmaak/alterrow.png");
}

.teamOverijssel {
	font-weight: bold;
}

#divSportUitslag .opmerking {
	vertical-align: top;
}

#divSportUitslag .opmerking {
	padding: 0px !important;
}
/*nieuw*/
[ng-click] {
	cursor: pointer;
}

.sportHeader a:link, .sportHeader a:hover, .sportHeader a:visited, .sportHeader a:active {
	color: white !important;
}

.tblStand td a:link, .tblStand td a, .tblStand td a:visited, .tblStand td a:active {
	color: black;
}

.tblStand .tblStand td a:hover {
	color: #131720 !important;
}

.datumHeader, .datumHeader [ng-click] {
	color: #FFFFFF !important;
	font-size: 14px;
	text-align: center;
	background-color: #A5C715 !important;
}

.sportHeader {
	background-color: #131720;
	text-align: center !important;
	font-size: 20px;
	color: #fff;
	font-weight: 700
}

.SpelerHeader {
	background-color: #131720;
	font-family: "OostUC";
	font-size: 20px;
	padding: 0px !important;
}

.SpelerStatistiek {
	background: #FFFFFF;
	display: inline-block;
	width: 90px;
	text-align: center;
	padding-bottom: 5px;
}

.SpelerInfo {
	position: absolute;
	top: 0px;
	right: 25px;
	text-align: right;
}

	.SpelerInfo .naam {
		color: #000000;
	}

	.SpelerInfo .seizoen {
		color: #131720;
	}

.SpelerStatistiekSummary {
	position: absolute;
	right: 20px;
	bottom: 0px;
}

.SpelerStatistiekNaam {
	color: #000000;
	font-size: 14px;
}

.SpelerStatistiekWaarde {
	color: #131720;
	height: 50px;
	font-size: 40px;
	font-weight: bold;
}

#last_modified {
	font-size: 9px;
	text-align: right;
	margin-bottom: 3px;
}

.SpelerPasPoort {
	position: relative;
	top: 15px;
	text-align: left;
}

tbody.witregel::before {
	content: '';
	display: block;
	height: 21px;
}

.SpelerPasPoort img {
	border-radius: 50%;
	border: 5px solid #E9E5E4;
}

.noBorder {
	border-bottom: none !important;
}

.spelerfoto {
	margin: 0 auto;
}

	.spelerfoto > img {
		border: 5px solid #E9E5E4;
		max-height: 125px;
		max-width: 125px;
		display: inline-block;
	}

#sportmenu {
	border: #E4E4E4 solid 1px;
	border-bottom: none;
}

	#sportmenu > li, #archief > li {
		font-family: "OostUC";
		font-size: 14px;
		cursor: pointer !important;
	}

	#sportmenu img, #archief img {
		padding-right: 3px;
		padding-top: 4px;
	}

	#sportmenu > li > ul > li > ul > li {
		font-family: Arial;
	}

.groep img, #archief img {
	float: right;
}

#sportmenu > li ul {
	display: none;
}

#sportmenu > li > ul > li > div {
	padding-left: 31px;
	background-color: #F1F1F1;
}

#sportmenu > li > ul > li > ul > li > div {
	font-weight: normal;
	padding-left: 45px;
	font-size: 12px;
	background-color: #F1F1F1;
}

#sportmenu div, #archief div {
	border-bottom: 1px solid #E4E4E4;
	padding: 5px;
	padding-left: 15px;
}

.blackUrls .datumHeader a:link, .blackUrls .datumHeader a:visited, .blackUrls .datumHeader a:active {
	color: #fff;
}

.blackUrls a:link, .blackUrls a:visited, .blackUrls a:active {
	color: black;
	font-size: 13px;
}

.verslagDiv {
	display: inline-block;
	float: right;
	padding-top: 3px;
}

#sportmenu .selected {
	color: #131720 !important;
}

#sportmenu .selected {
	color: #131720 !important;
}

.groep > .selected {
	background: url("/images/sport/DropDownMiddel.png") no-repeat 13px;
	background-position: right 10px top 10px;
}

.sportuitslagHeader {
	font-size: 23px !important;
	border-bottom: #131720 solid 1px !important;
	margin-bottom: 10px;
}

.subgroep {
	font-size: 13px !important;
}

.groep {
	font-size: 15px !important;
}

	.groep > div {
		background: url("/images/sport/Pijltje Rechts.png") no-repeat 13px;
		background-position: right 10px top 8px;
	}

.subgroep > .selected {
	background: url("/images/sport/DropDownMiddel.png") no-repeat 13px;
}

.subgroep > div {
	background: url("/images/sport/Pijltje Rechts.png") no-repeat 13px;
}

th.teamOverijssel {
	text-decoration: underline;
	font-weight: normal !important;
}

.leftAlignStatistiek {
	text-align: left !important;
	padding-left: 7px !important;
}

#archief > li > ul {
	display: none;
}

#archief {
	margin-top: 10px;
	border: #E4E4E4 solid 1px;
	border-bottom: none;
}

.seizoenHeader {
	text-align: center;
	padding-bottom: 3px;
	font-size: 15px;
}

.weekbutton, .weeknummer {
	font-size: 15px;
	display: inline-block;
}

.weekbutton {
	vertical-align: middle;
	width: 21px;
}

.seizoenSwitcher {
	text-align: center;
	font-family: OostUC;
	font-size: 20px;
}
