@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-y: scroll;
}
h1 {
	font-family: "Microsoft PhagsPa", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #4f89ff;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 15px;
}

h2 {
	font-family: "Microsoft PhagsPa", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4f89ff;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
}

h3 {
	font-size: 14px;
	margin: 0;
	margin-top: 1em;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* Background */

div#backgroundWrapper{
	width: 100%;
	position: absolute;
	overflow: hidden;
	height: 511px;
	left: 0px;
	top: 0px;
}
div#backgroundInnerWrapper{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div#headerLeft{
	background: url(../images/background_l.png) left top no-repeat;
	width: 347px;
	height: 113px;
	position: absolute;
	top: 175px;
	left: -347px;
}
div#headerRight{
	background: url(../images/background_r.png) left top no-repeat;
	width: 347px;
	height: 199px;
	position: absolute;
	top: 164px;
	left: 900px;
}

/* Header */

div#mainWrapper{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
div#header{
	background: url(../images/header.png) left top no-repeat;
	width: 900px;
	height: 303px;
	position: relative;
}
a#headerLinkHome{
	display: block;
	width: 229px;
	height: 142px;
	position: absolute;
	left: 329px;
	top: 22px;
}
div#locater{
	width: 800px;
	position: absolute;
	left: 50px;
	top: 245px;
}
div#locater a{
	color: #0200ec;
}
div#locater a:hover{
	text-decoration: none;
}

/* Content */

div#contentLeft{
	float: left;
	width: 200px;
}

div#contentLeftGroot{
	float: left;
	width: 680px;
	padding-right: 20px;
}

div#contentCenter{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 460px;
	overflow: hidden;
}

div#contentCenterGroot{
	width: 900px;
}

div#contentRight{
	float: left;
	width: 200px;
}

/* Big Boxen */

div.bigBox{
	width: 680px;
	background: url(../images/bigbox/big_box_bottum.png) left bottom no-repeat;
	background-color: #dce8ff;
	margin-bottom: 20px;
}
div.bigBoxHeader{
	width: 680px;
	background: url(../images/bigbox/big_box_header.png) left top no-repeat;
	height: 63px;
	display: block;
}
a.bigBoxHeaderLink{
	height: 63px;
	display: block;
	float: left;
}
div.bigBoxHeaderSpacer{
	height: 63px;
	width: 15px;
	display: block;
	float: left;
}
a#bigBoxTeamGegevens{
	background: url(../images/bigbox/big_box_knop_team.png) left top no-repeat;
	width: 115px;
}
a#bigBoxTeamGegevens.active{
	background: url(../images/bigbox/big_box_knop_team_active.png) left top no-repeat;
	width: 130px;
}
a#bigBoxWedstrijden{
	background: url(../images/bigbox/big_box_knop_wedstrijden.png) left top no-repeat;
	width: 135px;
}
a#bigBoxWedstrijden.active{
	background: url(../images/bigbox/big_box_knop_wedstrijden_active.png) left top no-repeat;
	width: 165px;
}
a#bigBoxCompetitie{
	background: url(../images/bigbox/big_box_knop_competitie.png) left top no-repeat;
	width: 127px;
}
a#bigBoxCompetitie.active{
	background: url(../images/bigbox/big_box_knop_competitie_active.png) left top no-repeat;
	width: 157px;
}
div#bigBoxContent{
	padding: 10px;
	color: #666;
	line-height: 15px;
	clear: both;
}
div.bigBoxFloat{
	display: block;
	width: 100px;
	clear: both;
}

/* Team */
div.teamFoto{
	border: 2px solid #4f89ff;
	padding: 5px;
	float: right;
	text-align: center;
	background: #FFF;
}
div.teamFotoKlein{
	border: 2px solid #4f89ff;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
	background: #FFF;
	width: 200px;
}
img.teamFotoKlein{
	border: none;
}
table.teamTable{
	margin-bottom: 10px;
	line-height: normal;
}
table.teamTable th{
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
table.teamTable td.titel{
	font-weight: bold;
}

table.teamTable tr.highlight{
	background-color: #ECF8FF;
}

table.teamTable tr.highlight td{
	font-weight: bold;
}

/* Nieuws */

div.nieuwsBalk{
	background-color: #dce8ff;
	border-top: 1px solid #4f89ff;
	display: block;
	width: 460px;
	height: 23px;
}
div.nieuwsBalk div{
	color: #666;
	line-height: 23px;
	padding-left: 5px;
}
div.nieuwsTekst{
	line-height: 1.5em;
	overflow: hidden;
}
a.paginalink, a.disabledpaginalink{
	padding: 3px 6px;
	border: 1px solid #4F89FF;
	text-decoration: none;
	border-radius: 5px;
	background: #DCE8FF;
	color: #000;
	margin: 0 1px;
}
a.paginalink:hover{
	background: #4F89FF;
	color: #FFF;
}
a.disabledpaginalink{
	border: 1px solid #DFDFDF;
	background: #FFF;
	color: #DFDFDF;
	cursor: default;
}
div.paginanav{
	display: block;
	text-align: center;
	line-height: 30px;
}


/* Hot Shots */

div.hotshots{
	width: 460px;
}
div.hotshotsImg{
	width: 32px;
	margin: 10px;
	float: left;
}
div.hotshotsTekst{
	width: 388px;
	margin: 10px;
	float: left;
}
div.hotshotsClear{
	width: 460px;
	clear: both;
}

/* Organisatie */
table.tabledata{
	line-height: 1.5em;	
}

table.tabledata h1{
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}

table.tabledata h2{
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}

table.tabledata tr.even{
	background-color: #ECF8FF;
}

table.tabledata td{
	vertical-align: top;
}


/* Footer */

div#footer{
	clear: both;
	width: 900px;
	color: #666;
	text-align: center;
	padding-top: 10px;
	font-size: 10px;
}