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

/* cabedge.com Screen Styles */
html { margin: 0; padding: 0; width: 100%}

/* resets most browser styles to enhance cross-browser compatibility */
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img, a{ border:none; text-decoration: none;}

ul,li { margin: 0px; padding: 0px; }

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;
	}

.clr
{
	clear: both;
}



body
{

	background:#F5F5F5;
}	


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


#wrapper
{
	width: 957px;
	margin:0;
	padding:0;
	background:#fff;
	text-align: left;


	
}

.spacer
{
	width: 980px;
	height: 10px;
	background: none;
}
/******************************************************************************

*

*						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:				590px;
	text-align:			left;
	margin-top:7px;
	margin-left:2px;
}


#main_400_container table
{
	text-align: left;
	
}


#main_400_container img
{
	max-width: 570px;  /* Mozilla */
    width: expression(this.width > 570 ? 570: true); /* IE */
	padding-left: 2px;
}


#main_200_container
{
	width: 180px;
	float: right;
	color: #FFFFFF;	
	margin-top:0px;
	margin-left:3px;
}

#main_600_container
{

	width:				730px;	
	float:				left;
	text-align:			left;	
	background:			#fff;
	margin:0px;
	margin-top:5px;
		margin-left:5px;

}

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


#header 
{
	width: 957px;
	height:160px;
	position:relative;
}

.toplinks
{
	text-align:right;
	color:#000000;
	padding-top:10px;
	padding-right:10px;
	z-index:400;
}
.toplinks a
{
	
	color:#000000;

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

}
.toplinks a:visited
{
	
	color:#000000;

}
#top_header
{
width:957px;
height:30px;
background: #ffffff;
}

#logo
{
	width:850px;
	height:144px;
	background: url('../../files/library/images/hvz-logo-tr.png') no-repeat;
position:absolute;
left:20px;
top:10px;
z-index:300;

}

#header h1
{
	display: none;
}

#topmenu
{
	width:957px;
	height: 20px;
	border-top:5px solid #FFFFFF;
	background: #f6514f;
	color:#ffffff;
	font-size:14px;

}

#leftmenu_container
{
	width: 180px;
	float: left;
	margin-top:7px;
	text-align:	left;
	
	
}

/******************************************************************************
*
*						login
*
*****************************************************************************/


#loginpanel
	{	
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000000;
		padding-left: 5px;
	}

#loginpanel .login_button
	{
		width: 23px;
		height: 22px;
		float: right;
		display: block;
		text-indent: -9999px;
		border: none;
		background: url('../images/site/login_button.jpg') no-repeat;
	}

#loginpanelvergeten
	{
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000000;
		padding-left:5px;
	}

#loginpanelvergeten a
	{
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000000;	
		
	}

#loginpanelvergeten a:hover
	{
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000000;		
	}

#loginpanelvergeten a:visited
	{
		font-family: arial,verdana,sans-serif;
		font-size: 11px;
		color: #000000;	
		
	}
/******************************************************************************
*
*						Box
*
*****************************************************************************/

.blockzonderheader
{
	width: 176px;
	height: 17px;
	background:#bfbfbf;	
	border-bottom:none;
	margin-top: 0px;
	padding: 5px 0px 0px 0px;

}

.blockzonderheader h3
{
	width: 160px;
	color: #FFFFFF;
	font-weight:normal;
	font-family: verdana, sans-serif;
	font-size: 12px;
	text-align:left;
	margin-left:10px;
	padding-bottom:2px;

	
}

.blockzonder td
{
	color: #0065b3;
}
.blockzonder
{
	width: 176px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
	background: #FFFFFF;	
	border-top:none;
	color: #000000;
	font-size:10x;
	text-align: left;

}

.blockzonder hr
{
	width: 198px;
	border: 3px solid #0062A0;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;

}

.blockzonder strong
{
	color: #000000;
}

.blockzonder table
{
	width: 170px;
		color: #000000;
	text-align: left;
}

.blockzonder a
{
		color: #000000;
}

.blockzonder a:hover
{
		color: #000000;
	text-decoration:underline;


}	
.blockzonder a:visited
{
		color: #000000;
}


.blockheader
{
	width: 176px;
	height: 20px;
	background:#ffffff;	
	border-bottom:none;
	margin-top: 7px;
	padding: 5px 0px 0px 0px;
	margin-right:2px;
	border-bottom:2px dotted #9d8989;
}

.blockheader h3
{
	color: #f6514f;
	font-weight:normal;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	margin-left:3px;
	padding-bottom:2px;
	
}

.block
{
	width: 176px;	
	background: #FFFFFF;	
	border-top:none;
	color: #000000;
	font-size:10x;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-right:2px;
	margin-bottom: 5px;
}

.block a
{
	color: #000000;
}

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

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

.block2
{
	width: 170px;
	border:3px solid #99ccff;
	border-top:none;
	background: #99ccff;
	color: #000;
	font-size:10x;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right:2px;
	margin-bottom: 5px;
}
.block2 a
{
	
}

.block2 a:hover
{
text-decoration:underline;
}
.block2 a:visited
{
color: #0000ff;
}

.block2 table
{
	width: 170px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.block2 td
{
	color: #000000;
}
/******************************************************************************

*

*						Content opmaak.

*

******************************************************************************/
/*****						tabellen opmaak.***********************/
.tablecolor
{
	color:#FFFFFF;

}
.tablecolor a
{
	color:#FFFFFF;

}

.tablecolor a:hover
{
	color:#FFFFFF;

}

.tablecolor a:visited
{
	color:#FFFFFF;

}

/*****					homepage    ******/
.stcitem_title
{

color:#f6514f;
font-size:14px;
font-weight:bold;
text-align:left;
width:730px;
margin:0px;
padding:5px 0px 5px 0px;
border-bottom:2px dotted #9d8989;
}
.stcitem_content
{
width:730px;
margin:0px;
padding:5px 0px 5px 0px;
}
#homepage
{
width:730px;
margin:0px;
padding:0px;
}

.homepage_item
{
width:730px;
margin:0px;
padding:0px;
margin-bottom:5px;
}
.homepage_title
{
width:730px;
margin:0px;
padding:5px 0px 5px 0px;
border-bottom:2px dotted #9d8989;
}

.homepage_title h1
{
color:#f6514f;
font-size:14px;
text-align:left;
}

.homepage_content
{
width:730px;
margin:0px;
padding:5px 0px 5px 0px;

float:left;
}
.readmore_news
{
float:right;
	color:#f6514f;
	clear:both;
}

.readmore_news a
{
	color:#f6514f;
	font-size:10px;
}
.readmore_news a:hover
{
	color:#f6514f;
	font-size:10px;
	text-decoration:underline;
}
.readmore_news a:visited
{
	color:#f6514f;
	font-size:10px;
}
#homepage_quickmenu
{
width:730px;
margin:0px;
padding:0px;

}

.quickmenu_left
{
width:300px;
margin:0px;
padding:0px;
float:left;
}

.quickmenu_left_title
{
width:300px;
height: 15px;
border-bottom:2px dotted #9d8989;
padding:5px 0px 5px 0px;

}
.quickmenu_left h3
{
color:#f6514f;
font-size:13px;
text-align:left;
}

.quickmenu_left_content
{
	 width: 300px;
	 float: left;
}

.quickmenu_left_left_content
{
	width: 220px;
	float: left;
	color: #808080;

}

.quickmenu_left_left
{
	width:220px;
	float:left;
	margin-bottom: 10px;
	margin-top: 3px;
}

.quickmenu_left_left a
{
	color: #F6514F;
}

.quickmenu_left_right
{
width:80px;
float:left;
}

.quickmenu_left_picture
{
float:right;
width:75px;
height:92px;
background: url('../images/site/hockeyer.jpg') no-repeat;
}
.quickmenu_right
{
width:420px;
margin:0px;
padding:0px;
float:left;
margin-left:10px;
}


.quickmenu_right_title
{
width:420px;
height: 15px;
border-bottom:2px dotted #9d8989;
padding:5px 0px 5px 0px;
}
.quickmenu_right h3
{
color:#f6514f;
font-size:13px;
text-align:left;

}

.quickmenu_right_content
{
width:420px;
}
.quickmenu_right_left
{
width:320px;
float:left;
}
.quickmenu_right_right
{
width:100px;
float:left;
}

.quickmenu_right_content a
{
	color:#f6514f;
	font-size:11px;
	text-align:left;
}
.quickmenu_right_content a:hover
{

}
.quickmenu_right_content a:visted
{

}

.quickmenu_right_picture
{
float:right;
width:75px;
height:92px;
background: url('../images/site/note.png') no-repeat;
}
.homepage_picture
{
	width:75px;
	height:77px;
	float:right;
	background: url('../images/site/field_hockey_stick.jpg') no-repeat;
}
.headlinesfloat
{
width:588px;

padding-left:12px;
}

#news_header_title
{
	width: 575px;
	height: 18px;
	background: #606060;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-top:2px;
	margin-top:0px;
	margin-left:2px;
}
.headlines_header
{
	width:270px;
	background: url('../images/site/nieuwsheader.gif') no-repeat;
	height:24px;

	border-bottom:none;
}

.headlines
{
	width:270px;

	margin: 5px 5px 5px 5px;
	*margin-top: 10px;
	border:1px solid #d8d8d8;
	float:left;
	
}

#headlines_page_header_container
{
	width:730px;
	margin-top:5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	background:#ffffff;
	border-bottom:2px dotted #9d8989;
}

#headlines_page_header_container
{
	width:730px;
	margin-top:5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	background:#ffffff;
	border-bottom:2px dotted #9d8989;
}

#headlines_page_header
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #f6514f;	
	font-weight: bold;

}
.headlines_page_header2
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #f6514f;	
	font-weight: bold;

}
.headlines_date
{
	
	color: #A1A1A1;
	font: 1.0em Arial;

}
.headlines_title
{
	color: #4f4f4f;
	font-size: 13px;
	font-weight: bold;
	padding-left:10px;
	
	
}

.headlines_content
{
	width:260px;
	padding: 5px 5px 5px 5px;
	border: none;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right:10px;

}

/*** headlines vervolg ***/
.headlines_header3
{
	width: 100%;

	height:24px;

	border-bottom:none;
}

.headlines3
{
	width: 98%;
	margin: 5px 5px 5px 5px;
	*margin-top: 10px;
	
	float:left;
	
}

#headlines_page_header_container3
{
	width: 100%;
	margin-top:5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	background:none;
}

#headlines_page_header3
{
	font-family: Verdana, sans-serif;
	font-size: 1.3em;
	color: #000;	
	font-weight: bold;

}

.headlines_date3
{
	margin-left:10px;
	color: #A1A1A1;
	font: 1.0em Arial;

}
.headlines_title3
{
	color: #4f4f4f;
	font-size: 13px;
	font-weight: bold;
	padding-left:10px;
	
	
}

.headlines_content3
{
	width:98%;
	padding: 5px 5px 5px 5px;
	border: none;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right:10px;

}


.news_content
{
	border:1px solid #cccccc;	
	margin-bottom:5px;
}

.news_header
{
	height:20px;
	margin:0px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	padding-left:10px;
}
.news_mededelingen_content
{
	padding-left: 10px;
	padding-right: 10px;
}
.news_category_header
{
	padding-left: 10px;
	padding-right: 10px;
		border-bottom:1px solid #ccc;

}
.news_date
{
		
	color: #A1A1A1;
	font: 1.0em Arial;
	margin-bottom:5px;
	margin-left:10px;
	
}

.news_title
{
	font-family: Verdana, sans-serif;
	font-size: 1.3em;
	color: #e22525;	
	font-weight: bold;
	margin-left:10px;
}

#left_content
{
	width: 270px;
	float: left;
	margin-right: 15px;
}

#right_content
{
	width: 270px;
	float: left;
}

.headlinessmall
{
	padding:0px;
	margin:0px;
		width:330px;
}

.headlinessmall_content
{
	width:330px;
	padding-top:3px;
	padding-bottom:3px;
}
/******************************************************************************

*

*						Form.

*

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

.icon

{

	width: 11px;

	height: 8px;

	float: left;

	margin-top: 3px;

	margin-right: 8px;

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

}

.icon2

{

	width: 11px;

	height: 8px;

	float: left;

	margin-top: 3px;

	margin-right: 8px;

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

}


.knop

{

	width: 50px;

	height: 20px;

	font: 1.0em verdana;

	font-weight: bold;

	background: #a50122;

	color: #FFFFFF;

	border: 1px solid #000000;

	text-align: center;

	margin:0;
*padding-bottom:0px;
	
padding-bottom:3px;

}



.input

	{	

		width: 100px;

		font: 1.0em Verdana; 

		color: #000000;

		border: 1px solid #000000;

	}









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

*

*						Footer.

*

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

#footer

{
border-top:2px dotted #9d8989;
	width: 957px;	
	height:17px;
	text-align:			center;
	clear: both;
	padding-top:3px;

		color: #000000;

}

#lisa
{
clear: both;
}


#footer a
{
	color: #000000;
}


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

*

*						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;

	}
/******************************************************************************

*

*						Opmaak menu algemeen.

*

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


.small
	{
		font-size: 9px;
	}




/******************************************************************************
*
*						MENU DEELSINGEBRUIK 
*
******************************************************************************/
#nav {padding:0; margin:0; list-style:none; height:20px; background:none; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:20px; line-height:20px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight: normal;padding:0 0 0 5px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 19px 0 12px; height:20px; background:none;}
#nav li a.top_link span.down {float:left; display:block; padding:0 22px 0 12px; height:20px; background:none; }

#nav li:hover a.top_link {color:#FFFFFF; background: none; text-decoration:underline;}
#nav li:hover a.top_link span {background:#f6514f;}
#nav li:hover a.top_link span.down {background:#f6514f; padding-bottom:1px; }

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:20px; background: #ffffff; padding:3px; border:1px solid #f6514f; border-top:none; white-space:nowrap; width:170px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:170px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:168px; line-height:18px; text-indent:5px; color:#000000; text-decoration:none;border-bottom:1px dotted #cccccc;text-align:left;}
#nav li ul.sub li a.fly
{background:#FFFFFF;}
#nav li:hover ul.sub li a:hover 
{background:#ffffff; color:#f6514f;border-bottom:1px dotted #cccccc;}
#nav li:hover ul.sub li a.fly:hover
{background:#ffffff ;color:#f6514f; border-bottom:1px dotted #cccccc;}

#nav li b {display:block; font-size:11px; height:18px; width:155px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: #ffffff; padding:3px; white-space:nowrap; width:150px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#fff; color:#000; border-bottom:1px dotted #cccccc;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#ffffff; color:#fff;} 

/******************************************************************************
*
*						MENU INGEBRUIK
*
******************************************************************************/
.menu

{
	width: 176px;
	text-align: left;
	margin-bottom:5px;

}

.menu ul
{
	width: 176px;
	list-style: block;	
	list-style:none;		
	margin: 0px;
	padding: 0px;
		background:#fafafa;

}

.menu li
	{
		padding-left: 10px;
			padding-top: 3px;
		padding-bottom: 3px;
		list-style: none;		
		line-height:13px;
		font-family: verdana, sans-serif;
		font-size: 12px;
		color:#000000;
		border-bottom:1px solid #d2dbe2;
	
	}

.menu li:hover
	{
		background:#FFFFFF;
	}
.menu li:hover a
	{
		color:#000000;
		font-family: verdana, sans-serif;
		font-size: 12px;
		_font-weight:bold;
		display:block;
	}
	.menu li:hover a:hover
	{
			color:#e22020;
		font-family: verdana, sans-serif;
		font-size: 12px;
		_font-weight:bold;
		display:block;
	}
.menu li:visited a
	{
	
	}

.menu a
	{
	color:#000000;
	display:block;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 1.14em ;
	}

.menu a:hover
	{
		color:#e22020;
		font-family: verdana, sans-serif;
		font-size: 12px;
		display:block;
	}
.menu a:visited
	{

	
	}

.menu table
	{
		width: 176px; 	
		margin: 0px;
		padding: 0px;
	}
.menu ul li.special
{
background: #bfbfbf;
color:#ffffff;
border:none;
}