<style type="text/css">
dummy{}
/*----------------------------W I N D O W ------------------------------------------------*/
BODY,
TABLE {
	font-family: Tahoma;
	font-size: 9pt;
	text-align: left;
	font-weight: normal;
	color: #2A614B;
	scrollbar-base-color: #F7F3E4;
}
BODY {
	margin: 0px;
	background: #F7F3E4 url(../pics/bg.gif) repeat-y center top;
}
TABLE {
	background: #F7F3E4;
}
H1 {	
	/* border:	1px solid #F7F3E4; */
	font-size : 20pt;	
	font-weight: bold;
	color : #000099;	}
H2 {	
	font-size: 18pt;	
	font-weight: bold;
	color : #CC9900;	}
H3,.X3 {	
	font-size: 16pt;	
	font-weight: bold;
	color : #CC9900;	}
H4,.X4 {    
	font-size: 14pt;	
	font-weight: bold;
	color : #CC9900;	}
H5,.X5 {    
	font-size: 11pt;	
	font-weight: bold;
	/*font-style: italic; */
	color : #CC9900;	}
	
HR {	
	color: #CC9900;	
	height: 1pt;}
a,	
a:visited  {	
	text-decoration: none; 		
	color : #2A614B;	}
	
a:hover {	
	text-decoration: underline;		
	color : #2A614B;	}

#screenheader {
	top:0px;
	width:1003px; 
	padding: 0px;
	border-bottom: 1px solid #2A614B;
}
.hgctext {
	position:absolute; 
	width:152px; 
	height:50px; 
	left: 70px; 
	top: 13px;
	z-index:0; 
}
.hgclogo{
	position:absolute; 
	width:152px; 
	height:12px; 
	left: 12px; 
	top: 11px;
	z-index:0; 
}
.locallabel{
	position:absolute; 
	width:74px; 
	height:20px; 
	left: 916px; 
	top: 10px;
	color : white;
	background-color : red; 
	border: 1px solid #2A614B;
	font-size: 12pt;	
	font-weight: bold;
	z-index:0; 
}

.screenfootertxt {
	border-top: 1px solid #2A614B;
	font-size: 8pt; 
	font-style: italic; 
	color: 	#F7F3E4;
	text-align: right;
	padding-right: 50px;}

.maindiv {
	position:absolute; 
	top: 134px;	
	/*border: 1px gray ;*/
	text-align:left;
}
#maininfo {
	left: 250px; 
	width: 520px; 
	top: 141px;	
}
#mainlinks {
	left: 210px; 
	width: 370px; 
	top: 117px;	
}
#mainrechts {
	left: 600px; 
	width: 370px; 
	top: 117px;	
}
#main900 {
	left: 40px; 
	right: 40px; 
	width: 900px; 
}
#main1000 {
	left: 10px; 
	right: 10px; 
	width: 1000px; 
}
#main700 {
	left: 150px; 
	right: 150px; 
	width: 700px; 
}
#mainhelp {
	top: 0px;
	left: 100px; 
	right: 100px; 
	width: 800px; 
}

.center {
	position:relative;
	width:1006px;
	margin:0 auto;
	display:block;
}

.iframe_algemeen {
	text-align:left;
	vertical-align:top;
	height:484px;	
	margin:0px;
	overflow:auto;
	width:600px; 
}
.iframe_jeugdinfo {
	text-align:left;
	vertical-align:top;
	height:800px;	
	margin:0px;
	overflow:auto;
	width:600px; 
}
/*----------------------------H E A D L I N E  -------------------------------------------*/
.headline0	{
	font-size: 18pt;	
	font-weight: bold;
	color:black;
	position:absolute; 
	width:400px; 
	z-index:1; 
	left: 449px; 
	top: 9px;
}	
.headline1	{
	font-size: 18pt;	
	font-weight: bold;
	color: #FFFF8B;
	position:absolute; 
	width:400px; 
	z-index:3; 
	left: 450px; 
	top: 10px;
}	
.headline2	{
	font-size: 18pt;	
	font-weight: bold;
	color:black;
	position:absolute; 
	width:400px; 
	z-index:2; 
	left: 453px; 
	top: 13px;
}	


/*----------------------------T A B E L L E N  -------------------------------------------*/
.tabelrand {  
	border: solid 1px #CC9900;  }
.trHeader {  
	height: 14px;
	font-size: 8pt; 
	font-weight: normal; 
	color: #FFFF8B;	
	padding-left: 3px;
	background-color: #2A614B;	}
#actionsH { 
	padding-left: 3px;
	background-color: #2A614B;	}
#sortJ { 
	padding-left: 5px;
	background-image: url(../pics/navbuttons/navbutn1000x18.jpg);	}
.trHeader a,
.trHeader a:hover,
.trHeader a:visited {
	color: #FFFF8B;	}
.trEven {  
	background-color: #FFFFCC;	}
.trOneven {  
	background-color: #FFFF8B; 	}
.trEven_grijs {  
	background-color: #E8E8E8;
	color: #696969;	}
.trOneven_grijs {  
	background-color: #DEDEDE;
	color: #696969;	}
#kaart { 
	color: #FF0000 ;	}
#ereplaats { 
	font-weight: bold; 
	color:#C00;	}
.trHigh {  
	background-color: #CEF0E0; /* #F7F3E4;*/ 	}
.trAgenda {  
	font-size: 6pt; 
	font-weight: bold; 
	text-align: right;
	color: #2A614B;
	background-color: #F7F3E4;
	border : 1px solid #E7E68F;
	}	

/*----------------------------B U T T O N S ----------------------------------------------*/
.allebuttons {
	height: 22px;
	width: 200px;
	background-color: #B2DEBD; 
	padding-top: 0px;
	font-size: 8pt; 
	color: #2A614B; 
	text-decoration: none;
	text-align:center; 
}
.allebuttons a,
.allebuttons a:visited	{ color: #FFFF8B; text-decoration: none; }
.allebuttons a:hover	{ color: #F7F3E4; text-decoration: none; }

#b50	{ width: 50px; }
#b100	{ width: 100px; }
#b125	{ width: 125px; }
#b150	{ width: 150px; }
#b235	{ width: 235px; }

/*----------------------------V E L D E N ------------------------------------------------*/
FORM {
	display: inline; 
	margin: 0; }
	
.allevelden {
	color : #2A614B;
	font-family: Tahoma;
	font-size: 9pt;
	text-align: left;
	font-weight: normal;
	border-width: 1px;
	border-top-color: #DEDEDE;
	border-left-color: #FFFF8B;
	border-right-color: #E7E68F;
	border-bottom-color: #E7E68F;
	background-color : #F7F3E4;
 }
#vLogin {
	width: 80px;
 }
/* tbv forms: Verplicht en Optioneel */
#field_V, #xdatumV {
	background-color : #FFFF8B;
	}
#field_O, #xdatum, #xdatum2 {
	background-color : #E8E8E8;
	}

.frmLabel {  
	font-size: 8pt;	
	font-weight: bold;  	}

/*	tbv spelers_page, trainingsoverzicht */
.blauw {color: #0000FF}
.rood {color: #FF0000}

/*	TOOLTIP */
#tt {
	position:absolute; 
	display:block; 
	padding:2px 12px 3px 7px; 
	margin-left:5px; 
	font-family: Verdana;
	font-size: 10pt;
	background: #2A614B;	
	color: #FFFF8B;	
	border: 1px solid white;
}

/*----------------------------L A D D E R ------------------------------------------------*/
.bLadder {	/* link als button */
	height: 25px;
	padding-left: 5px; 
	padding-right: 5px; 
	width: 200px;
	font-size: 8pt; 
	color : #2A614B;
	background-color : #CEE3E4;
 }
	
.bLadder_ik {	/* link als button */
	height: 25px;
	padding-left: 5px; 
	padding-right: 5px; 
	width: 200px;
	font-size: 8pt; 
	background-color : #2A614B;
	color : #CEE3E4;
 }
	
.bLadder_jij {	/* link als button */
	height: 25px;
	padding-left: 5px; 
	padding-right: 5px; 
	width: 200px;
	font-size: 8pt; 
	background-color : #499A7B;
	color : #CEE3E4;
 }
 
.bLadder_uitdager {	/* link als button */
	height: 25px;
	padding-left: 5px; 
	padding-right: 5px; 
	width: 200px;
	font-size: 8pt; 
	background-color : #87CFBA;
	color : #FEFEFE;
 }
	
.bLadder_opm {  
	position:absolute; 
	text-align: center;
	width:175px; 
	height:80px; 
	left: 20px; 
	top: 20px;
	background-color : #2A614B;
	color : #CEE3E4;
	border: 1px solid #2A614B; 
	font-size: 15pt;	
	font-weight: bold;
	z-index:0; 
}


</style>
<style type="text/css"> 
.dummy{}
/*----------------------------Horizontaal - M E N U --------------------------------------*/
.hmenuhouder
{
	position: absolute; 
	top: 101px;
	left: 0px;
	width: 1003px;
	z-index: 3;
}
.labels	{	/* class voor inlognaam en datum */
	position:absolute; 
	left: 712px; 
	width: 269px;
	height: 16px;
	border : 1px solid #F7F3E4;
	display: block;
	text-align: right; 
	font-size: 8pt; 
	font-weight: normal;
	text-decoration: none;
	color: #F7F3E4;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
#datumlabel	{ 
padding-left: 0px;padding-right: 0px;font-size: 7pt;left: 12px;top: -19px;padding-top: 2px;text-align: center; width: 187px;height: 14px;}
#inloglabel	{
/*	top: 2px; */
	top: -19px; 
	left: 710px;
	height: 14px;
	padding-top: 0px;
}
#titellabel	{
	top: 2px;
	left: 712px;
	width: 245px;
	color: #FFFF8B;
	}

.hmenu_background {	
	height: 22px;
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 1003px;
	background-color: #2A614B;
	border-top: 1px solid #F7F3E4;
	border-bottom: 1px solid #F7F3E4;
}
.hmenu_kader {	
	height: 18px;
	position: absolute; 
	top: 2px;
	left: 12px;
	width: 955px;
	border: 1px solid #F7F3E4;
}
.hmenuitem {
	position: absolute; 
	top: 2px;
	width: 101px;
	height: 16px;
	background-image: url(../pics/navbuttons/navbutn100x18.jpg);	/* 100 x 25/18 */
	color: #FFFF8B;
	background-color: #2A614B;
	border: 1px solid #F7F3E4;
	border-bottom: 1px solid #F7F3E4;
	padding-top: 2px;
	font-size: 8pt; 
	text-align:center; 
	text-decoration: none;
}
.hmenuitem a,
.hmenuitem a:visited	{ color: #FFFF8B; text-decoration: none; }
.hmenuitem a:hover		{ color: #F7F3E4; text-decoration: none; }

#h_item_top1 { left: 1px; width: 10px;}
#h_item_top2 { left: 990px; width: 10px;}
#h_item0 { left: 012px; }
#h_item1 { left: 112px; }
#h_item2 { left: 212px; }
#h_item3 { left: 312px; }
#h_item4 { left: 412px; }
#h_item5 { left: 512px; }
#h_item6 { left: 612px; }
#h_item7 { left: 712px; }
#h_item8 { left: 812px; }
#h_item9 { left: 967px; width: 35px;}

.hsubmenu { /* ondergrond voor uitgeklapt submenu */
	position: absolute; 
	top: 20px;	
	width: 150px;
	visibility: hidden; 
	overflow: auto; 
	border: 1px solid #CC9900;
	background-color : #FFFF8B;
	padding: 3px;
 	filter: alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.hsubmenu_table { /* tabel uitgeklapt submenu */
	font-size: 8pt; 
	background-color : #FFFF8B;
	z-index:4; 
 }
.hsubmenu a,
.hsubmenu a:visited	{ color: #2A614B; text-decoration: none; }
.hsubmenu a:hover	{ color: #CC9900; text-decoration: none; }

#subh_menu1 { left: 112px; } /* plaatsbepaling uitgeklapt submenu */
#subh_menu2 { left: 212px; }
#subh_menu3 { left: 312px; }
#subh_menu4 { left: 412px; }
#subh_menu5 { left: 512px; }
#subh_menu6 { left: 612px; }
#subh_menu7 { left: 712px; }
#subh_menu8 { left: 812px; }
 
#topButton {
	display:block;
	position:absolute; 
	width:25px; 
	height:25px; 
	left: 5px; 
	top: 10px;
	/*color : white;
	background-color : red; 
	border: 1px solid black;*/
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none; 		
	z-index:999; 
	padding:1px;
	visibility: hidden;
}
#topButton a, 
#topButton a:visited, 
#topButton a:hover { 
	text-decoration: none; 		
	color:white;
}
</style>
<style type="text/css">
.dummy{}
/*----------------------------Vertikaal - M E N U ----------------------------------------*/
.vmenuhouder
{
	position: absolute; 
	top: 140px;
	left: 12px; 
	/*width: 178px; */
	border: 1px solid #CC9900;
	overflow: auto;
}
.vsubmenu {  /*alle menu-items */
	position: relative;
	overflow: auto;
	width: 182px;
	background-color: #FFFF8B;
	padding: 1px;
	padding-top: 0px;
	padding-bottom: 3px;
}
.vsubmenutable {  /*class voor alle menu-items */
	padding-bottom: 3px;
	font-size: 8pt;
	background-color: #FFFF8B;
}
.vsubmenu a,
.vsubmenu a:visited	{ color: #2A614B; text-decoration: none; }
.vsubmenu a:hover	{ color: #CC9900; text-decoration: none; }

.vmenufoto  {	/*balk voor foto's (balkitem) */
	padding: 1px;
	background-color: #2A614B;
}
.vmenuheader  {	/*balk voor menuheader (balkitem) */
	height: 18px;
	background-color: #2A614B;
	background-image: url(../pics/navbuttons/navbutn182x18.jpg);
	color: #FFFF8B;
	font-weight: bold;
	padding-left:7px;
}
.vmenusubheader  {	/*tussenkopje (geen link) */
	padding: 1px;
	font-size: 8pt;
	font-weight: bold;
	padding-left:7px;
}
.vmenuitem {	/* feitelijke links */
	width: 157px;
	padding-left: 15px;
}
.vmenuitem a,
.vmenuitem a:visited	{ color: #2A614B; text-decoration: none; }
.vmenuitem a:hover		{ color: #CC9900; text-decoration: none; }

.vmenunews	{
	width: 174px;
	color: #2A614B;
	background-color: #FFFF8B;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	padding-left: 2px;
}
/* tbv log-in gedeelte */
.tblogin {
	padding-left: 10px;
	font-size: 8pt; 
	background: #FFFF8B;
}
.tdlogin {
	width: 60px;
}
/*----------------------------Einde - Vertikaal - M E N U --------------------------------*/

</style>
<style type="text/css"> 
.dummy{}
/*---------------------------- N I E U W S -----------------------------------------------*/
.infodatum	{
	display: block;
	width: 100%;
	color : #CC9900;
	font-size: 7pt;
	text-align: right;
}
.infotitel  {
	display: block;
	width: 100%;
	border-top:		1px solid #E0D3A0;
	border-left:	1px solid #E0D3A0;
	border-right:	1px solid #E7E68F;
	border-bottom:	1px solid #E7E68F;
	background: #F5F1E0;
	padding-left:3px;
	padding-right:3px;
	color:  #CC9900;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
}
.infoheader  {
	font-size: 9pt;
}
.infotekst  {
	font-size: 9pt;
}
.infoauteur  {
	font-size: 7pt; 
	font-style: italic; 
}
#foto_rechts { 
	float: right;  
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: 5px;
}
#xfoto_rechts2 { 
	float: right;  
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: 5px;
}
#foto_links { 
	float: left; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-right: 5px; 
}
#xfoto_links2 { 
	float: left; 
	margin-top: 5px; 
	margin-bottom: 2px; 
	margin-right: 5px; 
}

.infoblokdatum
{
	padding: 5px;
	padding-right: 25px;
	text-align: right;
}
.infobloktxt
{
	padding-left: 25px;
	padding-right: 25px;
}
 

</style>
<style type="text/css"> 
.dummy{}
/*---------------------------- M O D A L  -------------------------------------------------*/
/* Overwrite default drag handle bar background color with below */
.drag-handle{ 
	color: #FFFFCC;	
	background-color: #CC9900;	
	border: #CC9900 solid 1px;
}

/* CSS for veil that covers entire page while modal window is visible */
#interVeil{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	background: black url(../pics/blackdot.gif);
	visibility: hidden;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 5;
}

</style>

