/* 

CSS Document 

Designed by: Xander Kerkhof
Date: 27/01/2009

Primairy colors

text		: #414141
mid blue	: #336699
dark blue	: #003366

*/

*{ 
	margin: 0px;
	padding: 0px;
	}

p, ul, li, div{
	font: 11px Verdana;
	color: #414141;
	}

p{ margin: 0px 0px 10px 0px;}

#footer p{ color: #003366;
float:left;
font: bold 11px Verdana;
}

a{
	color: #003366;
	text-decoration: none;
	}

a:hover		{ text-decoration: underline; }
a:visited	{ color: #336699; }
a img 		{border: none;}

h1, h2, h3, h4{ 
	color: #003366;	
	margin: 0px 0px 10px 0px;
	}

h1{	font: 19px Verdana; }
h2{	font: 17px Verdana;	}
	h2.block{ background: #336699; padding: 2px 5px 5px 10px; display: block; font: bold 17px Verdana; color: #fff;}
h3{	font: 15px Verdana;	}
h4{	font: 13px Verdana;	}

#newsBoxTitle h1, #calendarBoxTitle h1{font: bold 28px Arial; color: #fff; line-height: 44px; padding: 0px 0px 0px 10px;}


/* regular bullet list */

#newsBoxContent ul li{
	list-style: url('../img/items/bulletLightBlue.png');
	margin: 0px 0px 0px 10px;
	line-height: 22px;
	}

/* /regular bullet list */

/* main menu */

#mainMenu ul{ list-style: none;	}

	#mainMenu li{
		border-bottom: 1px dotted #999;
		margin: 0px 5px 0px 5px;
		}
		
	#mainMenu ul li.last{
		border: none;
		}	

		#mainMenu li a, #mainMenu li a:visited{
			font: 14px Arial;
			color: #336699;
			text-decoration: none;
			line-height: 44px;
			padding: 0px 0px 0px 20px;
			display: block;
			}

		#mainMenu li a:hover, #mainMenu li.selected a{
			font-weight: bold;
			}

		#mainMenu li a.linkMore{ background: url('../img/items/menuArrowMore.png') 150px no-repeat; }

	/* sub menu's */

	#mainMenu ul li ul{ display: none;}
		
	#mainMenu ul li:hover ul{ 
		display: block; 
		position: absolute; 
		margin: -22px 0 0 130px; 
		border: 1px solid #CCCCCC; 
		width: 168px;
		background: url('../img/bg/bgMenuBottom.png') bottom no-repeat;
		}

		#mainMenu ul li:hover ul li{
			height: 20px;
			line-height: 25px;
			margin: 5px 5px 0px 5px;
			}
		
			#mainMenu ul li:hover ul li a, #mainMenu ul li:hover ul li a:visited{ font: 12px Arial; }
			#mainMenu ul li:hover ul li a:hover{ font-weight: bold; }	
	
				
				/* tweede submenu ; all css is inherited */
				#mainMenu ul li:hover ul li ul{ display:none;}
				
				#mainMenu ul li ul li:hover ul{ 
					display: block; 
					position: absolute; 
					margin: -10px 0 0 135px; 
					width: 168px;
					}

		/* sub menu's */
			
/* /main menu */

/* small menu */

		#smallMenu a:hover{
			text-decoration: underline;
			}
			
		#smallMenu a, #smallMenu p{
			text-decoration: none;
			font: 12px Arial;
			color: #336699;
			}
			
		#smallMenu p{text-align: center;}
		
/* /small menu */

/* newspage */
		
		.newsTopDiv h3 a{
			font: 18px Arial;
			color: #fff;
			text-decoration: none;
			}
			
		.newsTopDiv h3 a:hover{ color: #336699; }
			
			.newsDateDiv p{
				text-align: center;
				font: bold 12px Arial;
				color: #336699;
				}
			
			.newsImageDiv a img{
				border: 2px solid #336699;
				}
				 
/* /newspage */

/* newspageZoom */

#newsImage{
	background: #fff; 
	float: left; 
	padding: 3px 3px 0px 3px;
	}

	img.newsImageBig{
		border: 1px solid #666;
		}

#newsItem p.small{
	padding: 3px 0px 0px 0px;
	border-top: 1px solid #336699;
	color: #336699;
	}

/* /newspageZoom */

/* browsefunctie */

.gridNavigation{
	margin: 10px 0px 0px -4px;
	}

	.gridNavigation a, .gridNavigation a:visited{
			width: 22px;
			height: 16px;
			background: url('../img/bg/bgBrowseNavigation.jpg');
			border: 1px solid #ccc;
			padding: 3px 0px 0px 0px;
			margin: 0px 3px 0px 0px;
			display: inline;
			float: left;
			font: bold 11px Verdana;
			color: #003366;
			text-align: center;
			text-decoration: none;
			}
			
			.gridNavigation a.highlight, .gridNavigation a:hover{
				background: #efefef;
				color: #333;
				}
	
			.gridNavigation a.empty{ color: #ccc;}
				.gridNavigation a.empty:hover{background: url('../img/bg/bgBrowseNavigation.jpg');}

/* calendar */

.tableCalendar{
	vertical-align: middle;
	border: 2px solid #336699;
	border-top: none;
	font: bold 16px Arial;
	color: #333;	
	}
	
	.tableCalendar th{
		border-bottom: 1px solid #336699;
		text-align: center;		
		font: bold 18px Arial;
		}
	
		.tableCalendar th.arrow{
			width: 40px;
			height: 35px;
			font: bold 14px Verdana;
			}
	
	.tableCalendar tr.days td{ 
		border-right: none;
		color: #666; 
		}
	
	.tableCalendar td{
		width: 40px;
		height: 30px;
		text-align: center;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		}

		.tableCalendar td.lastRow{ border-bottom: none; }
		.tableCalendar td.lastColumn{ border-right: none; }
	
		.tableCalendar td:hover{ background: #336699; }
		.tableCalendar tr.days td:hover{ background: none; }
		.tableCalendar td.noMonth{ color: #b1b1b1;	}
		.tableCalendar a.itemOn{ color: #ffcc33; }
		.tableCalendar td.today{ background: #336699; }

/* /calendar */

/* teampagina */

.onePlayerDiv{
	clear: both;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: 1px dashed #336699;
	}

	.onePlayerDiv img{
		float: left;
		margin: 5px 20px 5px 5px;
		}
	.onePlayerDiv h2{
		font-weight: bold;
		border-bottom: 1px solid #336699;
		}
		
	.onePlayerDiv p{
		margin: 0px;
		}

/* /teampagina */

/* iframes knbsb */

.schedule table{
	font: 11px Verdana;
	color: #414141;
	}
	
	.schedule table th{
		border-bottom: 1px solid #003366;
		color: #003366;
		text-align: left;
		}
		
	.schedule table tr.separator{
		font-weight: bold;
		height: 30px;
		vertical-align: bottom;
		}
		
	/* .schedule table tr:hover{
		background: #336699;
		color: #fff;
		} */
		
		/* /iframe knbsb */
		
/* dataTable */

.dataTable{
	width: 100%;
	margin: 0px 0px 20px 0px;
	font: 11px Verdana;
	}
	
	.dataTable th{
		background: #003366;
		color: #fff;
		}
		
	.dataTable tr{ height: 20px;}
		.dataTable tr th.first{ padding: 0px 0px 0px 5px;}
	.dataTable tr.odd{ background: #ddecfe;}
	.dataTable tr.pcTraining{ color: #336699;}
		.dataTable tr:hover{ background: #bbd8fb;}