A:link		{ font-family: verdana; color: #191512; font-size: 8pt; text-decoration: none; }
A:visited	{ font-family: verdana; color: #222224; font-size: 8pt; text-decoration: none; }
A:active	{ font-family: verdana; color: #222224; font-size: 8pt; text-decoration: none; }
A:hover		{ font-family: verdana; color: #222224; font-size: 8pt; text-decoration: none; }

img, a
	{ 
		border:none; 
		text-decoration: none;
	}

html, body 
	{
		height: 100%; 
	} 
html, body
	{
		/*reset padding */

		padding-top: 0px;

		padding-left: 0px;

		padding-right: 0px;

		padding-bottom: 0px;



		/*reset margin */

		margin-top: 0px;

		margin-left: 0px;

		margin-right: 0px;

		margin-bottom: 0px;
	}
br
{
	clear: both;
}

.hh 
{ 

	font-family:			verdana;

	font-size:				10px;

	padding:				0px;

	margin:					0px;



}


body
{
	background: #FFFFFF url('../images/site/body_background.jpg') repeat-x;
}	


body, table, td, input, select
{
	font-family:			verdana, helvetica;
	font-size:				11px;
	color:					#000000;
}

#wrapper
{
	width:					750px;
	margin-top: 22px;
}
/******************************************************************************

*

*						Opmaak error.

*

******************************************************************************/

#errormessage_container
{
	border-width:	1px;
	border-color:	#000000;
	border-style:	none none solid none;	
}

#errormessage
{
	color:			#FA0000;
	padding:		1px;
	border-width:	3px;
	border-color:	#FF0000;
	border-style:	solid solid solid solid;
	background:		#FFFFCC;
	font-weight:	bold;
	text-align:		center;
}

/******************************************************************************

*

*						Hoofdonderdelen site.

*

******************************************************************************/

#main_400_container
{
	float:				left;
	background:			#FFFFFF;
	width:				501px;
	margin-left: 1px;
	text-align:			left;
	overflow: hidden;
}



#main_400_container table
{
	text-align: left;
}


#main_400_container img
{
	max-width: 500;  /* Mozilla */
    width: expression(this.width > 500 ? 500: true); /* IE */
}


#main_200_container
{
	width: 110px;
	float: right;
	color: #FFFFFF;
}

#main_600_container
{
	float:				left;
	width:				631px;
	margin-left: 1px;
	text-align:			left;
	background:			#FFFFFF;
}

#main_600_container table
{
	text-align: left;
}


#main_600_container img
{
	max-width: 600px;  /* Mozilla */
    width: expression(this.width > 600 ? 600: true); /* IE */
}

#content
{
	width: 750px;
	background: url('../images/site/content_bg.gif') repeat-y;
}

.clr
{
	clear: both;
}

#header 
{
	width: 750px;
	height: 110px;
	background: url('../images/site/header.jpg') no-repeat;
}

#header h1
{
	display: none;
}

#header h2
{
	font-family: "Times New Roman";
	font-size: 14px;
	padding-top: 10px;
	color: #FFFFFF;
}

#topmenu
{
	width: 752px;
	height: 22px;
}

#topmenu ul 
	{
		width: 752px;
		height: 14px;
		margin-top: 5px;
		margin-left: 0px;
		padding-left: 0px;
	}
#topmenu li 
	{
		display: inline;
	}
#topmenu li a 
	{
	float: left;
	display: block;
	height: 14px;
	text-indent: -9999px;
	}

li#sponsor_partners a 
	{
	width: 110px;
	margin-right: 7px;
	background: url('../images/site/sponsors_partners.jpg') no-repeat;
	}

li#home a 
	{
	width: 33px;
	background: url('../images/site/home.jpg') no-repeat;
	}

li#nieuws a 
	{
	width: 43px;
	margin-left: 2px;
	background: url('../images/site/nieuws.jpg') no-repeat;
	}

li#de_club a 
	{
	width: 76px;
	margin-left: 9px;
	background: url('../images/site/de_club.jpg') no-repeat;
	}

li#seniorenhockey a 
	{
	width: 76px;
	margin-left: 9px;
	background: url('../images/site/senioren.jpg') no-repeat;
	}

li#jeugdhockey a 
	{
	width: 77px;
	margin-left: 9px;
	background: url('../images/site/jeugd.jpg') no-repeat;
	}

li#trimhockey a 
	{
	width: 78px;
	margin-left: 9px;
	background: url('../images/site/trimmers.jpg') no-repeat;
	}


li#bedrijfshockey a 
	{
	width: 80px;
	margin-left: 10px;
	background: url('../images/site/bedrijfshockey.jpg') no-repeat;
	}

li#fun_corner a 
	{
	width: 110px;
	margin-left: 10px;
	background: url('../images/site/fun_corner.jpg') no-repeat;
	}

li#fun_corner a:hover
	{
	width: 110px;
	margin-left: 10px;
	background: url('../images/site/fun_corner_hover.jpg') no-repeat;
	}

#leftmenu_container
{
	width: 118px;
	float: left;
	text-align:	left;
	background: #FFFFFF;
}


#onder_topmenu
{
	width: 752px;
	height: 20px;
}

/******************************************************************************
*
*						Box
*
*****************************************************************************/


.blockheader
{
	width: 105px;
	height: 20px;
	background: #191512;
	border: 1px solid #191512;
	margin-top: 20px;
	padding: 5px 0px 0px 0px;
	margin-right: 5px;
}

.blockheader h3
{
	color: #FFFFFF;
	font: Arial;
	font-weight: bold;
	font-size: 12px;
}

.block
{
	width: 105px;
	color: #000000;
	background: #ff9519;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-right: 5px;
}

.block a
{
	color: #000000;
}

.block a:hover
{
	color: #000000;
}

.block table
{
	width: 105px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.block td
{
	color: #000000;
}


#hoofdsponsor
{
	width: 110px;
	height: 15px;
	background: url('../images/site/hoofd_sponsors.jpg') no-repeat;
}

#platinasponsors
{
	width: 110px;
	height: 15px;
	background: url('../images/site/platina_sponsors.jpg') no-repeat;
}

#high_tea
{
	width: 110px;
	height: 15px;
	background: url('../images/site/high_tea.jpg') no-repeat;
}

#park_sponsor
{
	width: 110px;
	height: 15px;
	background: url('../images/site/parksponsor.jpg') no-repeat;
}

#scoop
{
	width: 110px;
	height: 15px;
	background: url('../images/site/scoop_sponsor.jpg') no-repeat;
}

#bully
{
	width: 110px;
	height: 15px;
	background: url('../images/site/bully.jpg') no-repeat;
}

#shoot
{
	width: 110px;
	height: 15px;
	background: url('../images/site/shoot.jpg') no-repeat;
}

#push
{
	width: 110px;
	height: 15px;
	background: url('../images/site/push.jpg') no-repeat;
}




#goudensponsors
{
	width: 110px;
	height: 15px;
	background: url('../images/site/gouden_sponsors.jpg') no-repeat;
}

#zilverensponsors
{
	width: 110px;
	height: 15px;
	background: url('../images/site/zilveren_sponsors.jpg') no-repeat;
}

#partners
{
	width: 110px;
	height: 15px;
	background: url('../images/site/partners.jpg') no-repeat;
}

#unicef
{
	width: 110px;
	height: 15px;
	background: url('../images/site/unicef.jpg') no-repeat;
}


#clubvisie
{
	width: 110px;
	height: 16px;
	margin-bottom: 10px;
}

#contact
{
	width: 110px;
	height: 16px;
	margin-bottom: 10px;
}

#login
{
	width: 110px;
	height: 16px;
	background: url('../images/site/login.jpg') no-repeat;
	margin-bottom: 5px;
}

#loginblock
{
	width: 110px;
}

#loginblock table
{
	width: 110px;
}

#loginblock strong
{
	color: #003768;
}

#snelmenu
{
	width: 110px;
	height: 18px;
	background: url('../images/site/snelmenu.jpg') no-repeat;
	margin-bottom: 3px;
	margin-top: 10px;
}

#snelmenublock
{
	width: 110px;
	margin-bottom: 10px;
}

#snelmenublock ul
{
	width: 110px; 
	list-style: block;	
	list-style:none;		
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#snelmenublock li
{
	padding: 0px;
	list-style:none;
}

#snelmenublock a
{
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	color: #003768;
}


#snelmenublock a:hover
{
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	color: #00aedb;
	font-weight: bold;
}


#agenda
{
	width: 110px;
	height: 16px;
	background: url('../images/site/agenda.jpg') no-repeat;
	margin-bottom: 3px;
	margin-top: 10px;
}

#snelhockey
{
	width: 110px;
	height: 16px;
	background: url('../images/site/snelhockey.jpg') no-repeat;
	margin-bottom: 3px;
	margin-top: 10px;
}

#foto
{
	width: 110px;
	height: 16px;
	background: url('../images/site/foto.jpg') no-repeat;
	margin-bottom: 10px;
}

#vandaag
{
	width: 110px;
	height: 14px;
	background: url('../images/site/vandaag.jpg') no-repeat;
}

#vandaagblock
{
	width: 100px;
	background: #afe1f3;
	margin-left: 2px;
	text-align: left;
	color: #003768;
}


#vandaagblock table
{
	width: 100px;
	color: #003768;

}

#vandaagblock td
{
	color: #003768;
	font-family: Arial;
	font-size: 8px;
}

#vandaagblock a
{
	color: #003768;
	font-family: Arial;
	font-size: 8px;
}

.left_container_block
{
	width: 94px;
	height: 53px;
	border: 0px solid #003768;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: center;
}

.left_container_block_unicef
{
	width: 90px;
	height: 100px;
	border: 0px solid #003768;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: center;
}


/******************************************************************************

*

*						Content opmaak.

*

******************************************************************************/

.headlines_header
{
	width: 500px;
	margin-top: 3px;
}

.headlines
{
	width: 500px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
}
.headlines_headerVP
{
	width: 240px;
	margin-top: 3px;
}

.headlinesVP
{
	width: 240px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
}

#headlines_page_header_container
{
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	background: #00AEDB;
}

#headlines_page_header
{
	font-family: Arial;
	font-size: 1.5em;
	color: #FFFFFF;
	background: #00AEDB;
	font-weight: bold;

}

.headlines_title
{
	color: #003768;
	font: 1.7em "Myriad-Bold";
	font-weight: bold;
	padding-left: 5px;
}

.headlines_contentVP
{
	padding: 0px 10px 10px 10px;
	color: #000000;
	font: normal 12px/12pt Arial;	
	margin-bottom: 10px;
	overflow: hidden;
	height: 100px;	
	

}

.headlines_content
{
	padding: 0px 10px 10px 10px;
	color: #000000;
	font: normal 12px/12pt Arial;	
	margin-bottom: 10px;


}
.headline_fixed
{
	height: 140px;
	overflow: hidden;
}
.headlines_options
{
	height: 76px;
	padding-top: 10px;
}

.news_content
{
	padding-left: 10px;
	padding-right: 10px;
}

.news_header
{
	padding-left: 10px;
	padding-right: 10px;
}

.news_category_header
{
	padding-left: 10px;
	padding-right: 10px;
}
/******************************************************************************

*

*						Form.

*

******************************************************************************/

.icon

{

	width: 11px;

	height: 8px;

	float: left;

	margin-top: 3px;

	margin-right: 8px;

	background: url('../images/vervolg.gif') no-repeat;

}

.icon2

{

	width: 11px;

	height: 8px;

	float: left;

	margin-top: 3px;

	margin-right: 8px;

	background: url('../images/vervolg2.gif') no-repeat;

}


.knop

{

	width: 50px;

	height: 20px;
	padding-bottom: 2px;

	font: 1.0em verdana;

	font-weight: bold;

	background: #00aedb;

	color: #FFFFFF;

	border: 1px solid #000000;

	text-align: center;
	float: left;

}



.input

	{	

		width: 74px;

		font: 1.0em Verdana; 

		color: #000000;

		border: 1px solid #00aedb;

	}









/******************************************************************************
*
*						Footer.
*
******************************************************************************/

#footer

{

	width: 501px;
	padding-top:		10px;
	padding-bottom:		40px;
	text-align:			left;
	padding-left: 10px;
	font: 9.5px Arial;
	clear: both;
	color: #00aedb;
	background: #FFFFFF;
	border-top: 1px solid #00aedb;

}

#footer a
{
	color: #00aedb;
	font: 9.5px Arial;
}


/******************************************************************************

*

*						Opmaak headings algemeen.

*

******************************************************************************/

h1

{

	font: 1.3em Verdana;

	color: #ef2f2d;

	font-weight: bold;

}

h3

	{

		color: #000000;

		font: 1.3em verdana;

		text-align: center;

		font-weight: bold;

		margin: 0px;

		padding: 0px;

	}


/* Begin CSS Drop Down Menu */

#menuh-container
	{
		width: 800px;
		float: left;
		margin: 0px;
		padding: 0px;
	}

#menuh
	{
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		width: 800px;
		float:left;
	}
		
#menuh a
	{
	 	font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center;
		display:block;
		border: 1px solid #555;
		white-space:nowrap;
		margin:0;
		padding: 0.5em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
		color: #000000;
		background-color: #d4d4d4;
		text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
		color: #000000;
		background-color: #D4D4D4;
		text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
		background-image: url(navdown_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
		background-image: url(nav_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}

#menuh ul
	{
		list-style:none;
		margin:0;
		padding:0;
		float:left;
		width: 100px;	/* width of all menu boxes */
	}

#menuh li
	{
		position:relative;
	    min-height: 1px; 			
	    vertical-align: bottom;
	}

#menuh ul ul
	{
		position:absolute;
		z-index:500;
		top:auto;
		display:none;
		padding: 1em;
		margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
		top:0;
		left:100%;
	}

div#menuh li:hover
	{
		cursor:pointer;
		z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

#menu

{
	width: 100px;
	text-align: left;

	border: 0px solid #000000;
}

#menu ul
{
	width: 100px;
	list-style: block;	
	list-style: none;		
	margin: 0px;
	padding: 0px;
}

#menu li
	{
		padding-top: 2px;
		padding-bottom: 0px;
		list-style: none;
		color: #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
	}

#menu a:hover
{
	font-decoration: underline;

}