/*	------------------------------------------------------------------------------------------------------------	*\
		
		Copyright:		A.M. van Calker © 
	
		Project:		Website Zwolse Atletiek Vereniging Prins Hendrik Ende despereert niet Combinatie 1910
		Website:		http://avpec1910.nl/
		Jaar:			2007 / 2008
		Contact:		P. v.d. Lucht
		Versie:			2.0.0

		------------------------------------------------------------------------------------------------------------	

		Build:			Za. 25 / 10 / 2008
		Versie:			2.0.0

	\*	------------------------------------------------------------------------------------------------------------	*/


	/*	
		PEC GROEN 		#175830 
		Segoe UI 72 pt TT
	*/
	

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
					Body van de pagina								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/

		body 		{	margin: 		0; 	
						padding: 		0;
						font:			12px Arial, Helvetica, sans-serif;
						color: 			#555;
						background:		#FFFFFF;	
					}

		#border		{	width:			970px;
						height:			auto;
						margin-top:		15px;
						margin-bottom:	15px;
						-moz-border-radius:8px;
						-webkit-border-radius:8px;
						margin-left:	auto;	
						margin-right:	auto;
						/*background:		#FFFFFF; */
						/*background:url('http://www.avpec1910.nl/images/peclogo.gif') left top no-repeat;*/
					}

		#table_page	{	width:			960px;
					}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Meldingen en berichten								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/	
	   
		#alert		{	width:			950px;
						height:			15px;
						padding:		2px;
						background:		#FCFED3;
						border:			1px ridge #999999;
						position:		absolute;
						display:		table-cell;
						vertical-align:	text-top;
						display:		none;
					}

		#alert img	{	margin:			0px;
						padding:		0px;
						cursor:			auto;
					}


	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						De colloms van de website								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/

		#page		{	width:			960px;		
						height:			auto;
						margin-left:	auto;	
						margin-right:	auto;
						overflow:		hidden;	
						margin-top:		-1px;
						border:			1px solid #E7E7E7;
						padding-top:	5px;
						-moz-border-radius:8px;
						-webkit-border-radius:8px;	
							
					}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Linker collom								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/					
	
		#page #leftcollom
					{	width:			220px;
						height:			100%;
						border:			0px;
						float:			left;
						margin-right:	0px;
						margin-left:	0px;
					}
					
		#leftcollom ul	
					{	margin:			0px;
						padding:		0px;
					}
					
		#leftcollom li
					{	list-style:		none;
					}
		#leftcollom li a
					{	margin:			0px 3px 0px 3px;
						display:		block;
						font-weight:	normal;
						color:			#333;
						padding:		.3em 0 .3em 20px;
						border-bottom:	1px dashed #D4D4D4;
						text-decoration:none;
					}

		#leftcollom li.sub a
					{	
						display:		block;
						font-weight:	normal;
						color:			#333;
						padding:		.3em 0 .3em 30px;
						border-bottom:	1px dashed #D4D4D4;
						text-decoration:none;
					}
					
		#leftcollom a.top
					{
						border-top:		1px dashed #D4D4D4;
					}
					
		#leftcollom li a:hover
					{	color:			#65944A;
						text-decoration:none;
						border-left:	5px solid #65944A;
						padding:		.3em 0 .3em 15px;
						cursor:			pointer;
					}
		#leftcollom li.sub a:hover
					{	width:			140px;
						margin-left:	10px;
						display:		block;
						font-weight:	normal;
						color:			#333;
						border-left:	5px solid #65944A;
						padding:		.3em 0 .3em 25px;
						border-bottom:	1px dashed #D4D4D4;
						text-decoration:none;
					}					
					
		#leftcollom h1, 
		#leftcollom h1 a	
					{	background:		#74A846;	
						color:			#FFFFFF; 			
						width:			200px;
						margin-left:	5px;
					}
									
		#leftcollom label:hover
					{	color:			#72A545;
					}

		#leftcollom sup	
					{	color:			#FF0000;	
					}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Center collom								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/					
	
		#page #centercollom
					{	float:			left;
						margin-left:	10px;	
						margin-right:	0px;
						padding-right:	0px;
						width:			730px;
						border:			0px solid #E5E5E5;
					}
		#centercollom .links
					{	width:500px;	float:left;
					}	

		#centercollom .rechts
					{	width:190px;	float:right;
						padding:5px;
						border:0px;
						margin-right:10px;
					}	


		#centercollom h1
		 			{ 	border-bottom:	1px solid #E5E5E5; 
					}
					

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Header								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/


		#header		{	width:			950px;	
						padding:		5px;
						margin-top:		120px;
						margin-left:	0px;
						margin-right:	auto;
						height:auto;
						border:			1px solid #E7E7E7;
						-moz-border-radius:8px;
						-webkit-border-radius:8px;
						-border-radius:8px;
					}
					
		#header img	{	border:			0px;
						margin-bottom:	5px;	
						margin-left:	20px;
					}
					
		#categorie	{	/*float:			right;
						position:		absolute;
						margin-left:	200px; 
						margin-top:		-100px;
						margin-right:	10px;*/
						font-size:		14px;
						text-align:		center;
					}
		#categorie img
					{	max-height:100px; margin:0px; padding:0px;
						max-width:940px; }
		
		#categorie a	
					{	color:			#747474;	
					}


	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Footer								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/			
		
		#span_footer
					{	width:			950px;
						margin-left:	auto;	
						margin-right:	auto;
						border-top:		2px solid #999999;
						margin-top:		0px;
						background:		#FFFFFF;
					}
					
		#footer		{	clear:			both;
						height:			20px;
						margin-left:	auto;		
						margin-right:	auto;
						margin-top:		30px;		
						padding-top:	20px;
						border:			0px solid #000000;
						border-top:	1px solid #E6E6E6;
						text-align:center;
						background:		#FFFFFF;
						color:#999999;
					}
					
		#footer .left
					{	width:			200px;
						float:			left;
						text-align:		left;
						border:			0px solid #000000;
						background:		#FFFFFF;
					}
					
		#footer .center
					{	width:			200px;
						float:			left;
						text-align:		center;
						border:			0px solid #000000;
						background:		#FFFFFF;
					}
					
		#footer .right
					{	width:			200px;
						float:			right;
						text-align:		right;	
						border:			0px solid #000000;
						background:		#FFFFFF;
					}
					
		#footer ul	{	padding:		0px;
						margin:			0px;
					}
					
		#footer li	{	list-style:		none;
					}


	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Waar we zijn
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/

		#where		{	margin:			0px;	
						padding:		0px;
						text-align:		left;
						color:			#555;
						font-size:		10px;
						width:			707px;
						padding-left:	0px;
						margin-top:		10px;
						margin-bottom:	10px;
					}
		
		#area		{	width:			950px;	
						border:			0px;
						background:		#FFFFFF;
						margin:			0px;
						padding-bottom:	0px;	
					}		
					

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Elementen							
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						url's							
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/	

		a 			{	background: 	inherit; 
						color: 			#72A545; 
						text-decoration:none; 
					}
		
		a:hover 	{	background: 	inherit; 
						color: 			#72A545; 
						text-decoration:underline;
						cursor:			pointer; 
					}

		a img		{	border:0px;	
					}
		
		



	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Titels						
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/	

		h1, h3 	{ 	font: 			bold 2em; 
						margin-top: 	10px;
					}
		
		h1 a:hover, 
		h2 a:hover, 
		h3 a:hover 	
					{	color:			#65944A;	
					}
		
		h1 			{ 	font-size:		18px; 
						color:			#65944A;
						font-weight:	300;
					}
		
		h1 a		{	color:			#65944A;	
						text-decoration:none;	
					}
					
		h2 			{ 	font-size: 		1.2em; 
					}
		
		h2 a		{	color:			#333333;
						text-decoration:none;	
					}
		#leftcollom h2
					{	margin:5px; 
						font-weight:normal;
						color:#65944A;	
						margin-left:10px;
					}
					
		h3 			{ 	font-size:		12px;
						font-weight:	800;
						
						margin-left:3px;
					}
				
		h3 a		{	color:			#333333;	
						text-decoration:none;
					}
		
		#leftcollom h3
					{	margin-left:	10px;
						color:#000000;
						font-weight:100;
						margin-bottom:10px;
						margin-top:5px;
					}
	
	
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Tekst elementen								
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/	

		p			{	margin-top: 	15px;	
					}	

		
		#centercollom p
					{	margin-right:10px;
					}

	
		blockquote	{	margin-top:		-10px;	
						font-size:		12px;
						margin-left:	0px;	
						color:			#999999;	
					}	

		b			{	font-weight:	800;
						/*border-bottom:	1px solid #E5E5E5;	*/
					}

		form		{	margin-bottom:	5px;
						margin-top:		5px;
					}

		fieldset	{	border:			0px;
						margin-top:		5px;
						width:			540px;
						margin-left:	10px;
					}

			
		legend		{	background:		url(http://tweakimg.net/g/if/comments/head_bg.gif) no-repeat;	
						height:			25px;
						width:			540px;
						padding-top:	7px;
						padding-left:	5px;
					}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Image style!						
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/	
		
		.nieuws_img	{	max-width:		500px;
						max-height:		200px;
						margin-left:	auto;
						margin-right:	auto;
					}

		#sponsoren IMG	
					{	margin-bottom:	5px;
					}

		#album IMG	{	border:			1px solid #DADADA;
						padding: 		5px;
						background: 	#FAFAFA;
						max-height:		100px;	
						max-width:		150px;
					}

		/*img:hover	{	cursor:			pointer;
					}
*/
		img.border	{	max-height:		90px;
						max-width:		90px;				
					}
		.show		{	max-height:		400px;
						max-width:		400px;
					}
		.small		{	max-height:		50px;
						margin-left:	50px;
						margin:			0px;		
						padding:		0px;
					}
		.current	{	max-height:		50px;
						margin-left:	50px;
						margin:			0px;		
						padding:		0px;
						margin-left:	5px;
						margin-right:	5px;
						padding-left:	5px;
						padding-right:	5px;
						border-left:	1px solid #666666;
						border-right:	1px solid #666666;
					}


	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Tabel						
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/

		table		{	vertical-align:	top;
						text-align:		left;
					}
					
		th			{	background:		#E5E5E5;
						text-align:		left;
						font-weight:	bolder;
						height:			25px;
						padding-left:	10px;
						font-size:		11px;
					}
					
		th a		{	color:			#555;
					}
					
		td
					{	
						vertical-align:	top;
					}

		.list		{	width:			100%;
						background:		#F9F9F9;
						border:			1px solid #F1F1F1;
						margin-left:	auto;
						margin-right:	auto;
					}
		
		.list th	{	border-bottom:	1px solid #F5F5F5;
						border-top:		1px solid #F5F5F5;
					}
					
		.list td	{	height:			20px;
						border-bottom:	1px solid #E5E5E5;
					}
	
		.list tr:hover
					{	background:		#F3F3F3;	
					}
		
		
		.forum a	{	color:			#555;
						text-decoration:underline;
					}
					
		.forum a:hover
					{	color:			#72A545;
						text-decoration:underline;
					}
		
		.media		{	font-size:12px;
					}
		
		.forum		
					{	width:			680px;
						border:			1px solid #F1F1F1;
						margin-left:	auto;
						margin-right:	auto;					
						/* background:		#F9F9F9; 
						border:			0px solid #F1F1F1;*/
						
					}
		
		tr.header	{	background:		#F9F9F9;
						border-left:	1px solid #000000;
						margin-top:		20px;
		
					}
		
		.forum td	{	padding:		5px;
					}
		
		.forum th	{	border-bottom:	1px solid #F5F5F5;
						border-top:		1px solid #F5F5F5;
						margin-top:		50px;
					}
		th.naam
					{	width:			150px;
					
					}
		
		th.datum	{	font-size:		10px;
						text-decoration:none;
						font-weight:	400;
					}
					
		.forum td	{	border-bottom:	1px solid #E5E5E5;
					}
		
		table.none	{	width:auto;		height:auto;
						margin:0px;		padding:0px;
					}
		
		
		td.picture	{	height:			118px;
						width:			118px;
						margin:			0px;
						padding:		0px;
						background:		url(http://avpec1910.nl/n/images/border1.gif) no-repeat;
						vertical-align: top;
					}
		
		tr.pec-atleet
					{	background:		#009900;	
					}


		#kalender	{	background:		#F9F9F9;
						border:			1px solid #F1F1F1;
					}

		#kalender th
					{	background:		#E5E5E5;
						height: 		29px;
						padding-left: 	6px;
						padding-right: 	6px;
						text-align:		center;
						border-bottom:	1px solid #F5F5F5;
						border-top:		1px solid #F5F5F5;
						border-left:	1px solid #E5E5E5;
					
					}
		
		#kalender td
					{	text-align:		left;
						vertical-align:	top;
						height:			50px;
						width:			50px;
						border-bottom:	1px solid #E5E5E5;
						border-left:	1px solid #E5E5E5;
					}
		td .today
					{	background-color:#E5E5E5;
						font-weight:	bolder;
					}
		#kalender td:hover	
					{	background:		#E5E5E5;	
						cursor:			pointer;	
					}
		#kalender td.week		
					{	width:			15px;
						vertical-align: middle;
						padding:		0px;
						margin:			0px;
						padding-right:	3px;
						text-align:		right;
						border:			0px;
					}
		#kalender td.week:hover
					{	background:		#F9F9F9;
						cursor:			auto;
					}
					


		table.newsitem
					{	margin:0px; padding:0px;
						line-height:14px;
					}


		table.reaction { margin-left:20px; border-top:1px solid #E6E6E6; padding-top:5px; width:600px; }
		table.reaction img.grava { width:48px; height:48px; }
		table.reaction small { font-size:12px; color:#C0C0C0; }
		
		td.formdescr { width:180px; text-align:right; padding-right:20px; }
		
		input.formfieldwide { width:500px; }



	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
						Overige meuk							
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/


	#searchvalue	{	width:400px;
						margin-left:10px;
						height:auto;
						background:#FFFFFF;
						position:absolute;
						border:1px solid #257BA9;
						margin-top:-13px;
						overflow:auto;
						display:none;
						max-height:400px;
						padding:5px;
					}

	.searchtable	{	cursor:pointer;
						width:100%;
						text-align:left;
						border:1px solid #FFFFFF;
					}
	.searchtable .small
					{	width:100px;
						text-align:right;
						color:#666666;
					}

	.searchtable #second
					{	background:#F9F9F9;
					}
					
	.searchtable:hover
					{	background:#CBDAFE;
						border:1px dotted #69D2FA;
					}
	.adminform		{	width:530px;
					}

	#closeimg		{	height:12px;
						width:12px;
						margin-left:-20px;
					
					}






	
	/*	CSS van de linker collom */
	.block		{	width:210px;
					/*margin-left:auto;	margin-right:auto; 
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px; 
					border-radius:8px;
					background:#F5F5F5;*/
					border: 1px solid #EFEDED;
					padding:2px;
					margin-bottom:10px;
					
					margin-left:5px;
					
				}


	.nieuws P	{	
					margin-left:5px;
					padding-left:10px;
					margin-right:10px;
					height:auto;
					border-bottom:1px solid #CCCCCC;
					padding-bottom:10px;
				}

	#close
				{	float:right;
					margin:1px;
				}


	#album		{	height:auto;	}

	
	#newspost	{	margin-bottom:10px; 
					margin-left:5px;
					padding-left:0px;
					margin-right:5px;
					height:auto;
					border-bottom:1px solid #CCCCCC;
				}
	
	/* http://www.daniweb.com/forums/thread67113.html */

	
	p.quote		{	border:1px solid #CCCCCC;
						/*font-style:italic;*/
					padding:5px;	
					width:450px;
					background:#FFFFFF;
					margin-left:	auto;
					margin-right:	auto;
					position:		relative;
					text-align:left;
				}
	
	



	 ul	{	margin:5px;			padding:0px;
				}
	 li	{	list-style:none;
				}
/*	 li a	{	
					width:170px;
					margin-left:10px;
					display:block;
					font-weight:normal;
					color: #333;
					padding:.3em 0 .3em 15px;
					border-bottom: 1px dashed #D4D4D4;
					text-decoration:none;
				}

	 a.top
				{
					border-top: 1px dashed #D4D4D4;
				}
	li a:hover
				{	color:#65944A;
					text-decoration:none;
					border-left:5px solid #65944A;
					padding: .3em 0 .3em 10px;
					cursor:pointer;
				}
*/
	td.picture p
				{	width:100px; 
					height:100px; 
					margin-left: 9px; 
					margin-top: 9px;
				}
				

	hr
				{	margin-left:0px;
					border:0px;	background:#FFFFFF;
					color:#FFFFFF;
					border-bottom:1px  solid #E5E5E5;
				}
	#bijlagen hr	
				{	width:200px;
					margin-left:0px;
				}

	#centercollom td.date
				{	width:50px;
				}
	#centercollom td.title
				{	width:400px;
				}
	#kalender td span
				{	display:none;
					position:absolute;
					margin-left:30px;
					border:1px solid #CCCCCC;
					border-left:5px solid #65944A;
					text-align:left;
					background:#FFFFFF;
					padding:5px;
					width:300px;
					cursor:auto;
				}
	#kalender td code
				{	font-size:14px;
					margin-left:20px;
				}

	.files { border-left:0px solid #E4EDF2; margin:0px; padding:0px; width:708px; }
	.files th { text-align:left; background:#F7F7F7; border:1px solid #EAEAEA; font-weight:100; padding:2px; }
	.files th.orderUp { background:url(up.png) no-repeat center top #F2F9FC; border:1px solid #96D9F9; }
	.files th.orderDown { background:url(down.png) no-repeat center top #F2F9FC; }
	.files th.orderUp:hover { background:url(up.png) no-repeat center top #E3F7FF; }
	.files th.orderDown:hover { background:url(down.png) no-repeat center top #E3F7FF; }
	.files td { border-right:1px solid #E4EDF2; padding:2px; padding-right:20px; overflow:hidden; white-space:nowrap; }
	.files td img { text-align:left; } 
	.files tr:hover { background:#EBF7FD; cursor:pointer; border:1px solid #D8F0FA; }
	.files tr.empty { height:20px; background:#FFFFFF; cursor:auto; }
	.files tr.empty:hover { background:#FFFFFF; cursor:auto; }
	.files textarea { width:680px; } 
	
	#categorie { font-size:20px; margin:0px; padding:0px; padding-top:2px; }
	#header { margin:0px; padding:0px; border:0px;  }
	#categorie small { font-size:10px; }
	body { background:url('http://www.avpec1910.nl/tests/backgroundsite.jpg') center top no-repeat; }
	
	 @font-family { font-family:"Segoe UI"; src: url('http://www.avpec1910.nl/templates/SEGOEUI.TTF') format("truetype");	 }
	
	.tableimg { width:220px; height:150px; padding:0px; margin:0px; }
	.tableimg div.achtergrond { width:220px; height:50px; padding:0px; margin:0px; margin-top:100px; }
	
	 div #groen { background:url('http://www.avpec1910.nl/tests/groen.png') repeat; }
	 div #wit { background:url('http://www.avpec1910.nl/tests/wit.png') repeat; }
	 div #oranje { background:url('http://www.avpec1910.nl/tests/oranje.png') repeat; }
	
	.footer { width:960px; text-align:center; color:#GREY; }
	.tableimg div.achtergrond h2 { color:#000000; margin:0px; }
	.tableimg .achtergrond:hover { cursor:pointer; }
	
	.tableimgsmall { width:100px; height:50px; padding:0px; margin:0px; }
	.tableimgsmall div.achtergrond { width:100px; height:20px; padding:0px; margin:0px; margin-top:30px; }

	.logoNK { width:970px; height:90px; background:url('http://www.avpec1910.nl/tests/header.jpg') center no-repeat; }
	
	div.file{ background:url('') no-repeat left #F5F5F5; height:20px; width:630px; padding-top:5px;
				border:1px solid #E5E5E5; padding-left:10px; font-size:12px; margin:5px 0px 5px 0px; }
	div.file:hover { background:url('') no-repeat left #E5E5E5; border:1px solid #D5D5D5; }
	div.fileALBUM { background:url('') no-repeat left #F5F5F5; height:80px; width:630px; padding-top:5px;
				border:1px solid #E5E5E5; padding-left:10px; font-size:12px; margin:5px 0px 5px 0px; }
	div.fileALBUM:hover { background:url('') no-repeat left #E5E5E5; border:1px solid #D5D5D5; }
	
	
	#menu h2 { background:url('http://www.avpec1910.nl/tests/groen.png') repeat;  margin:2px 0px 2px 0px; padding:2px 2px 2px 20px; color:#FFFFFF; }