A:link		{ font-family: Arial; color: #000000; font-size: 12px; text-decoration: none; }
A:visited	{ font-family: Arial; color: #000000; font-size: 12px; text-decoration: none; }
A:active	{ font-family: Arial; color: #000000; font-size: 12px; text-decoration: none; }
A:hover		{ font-family: Arial; color: #000000; font-size: 12px; text-decoration: underline; }

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;
	}

.hh 
	{ 
		font-family:			Arial;
		font-size:				10px;
		padding:				0px;
		margin:					0px;
	}

.clr
	{
		clear: both;
	}

body
	{
		background: #000033;
	}	

body, table, td, input, select
	{
		font-family:			Arial, helvetica;
		font-size:				11px;
		color:					#000000;
	}

#wrapper
{
	width: 1037px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #383c67;
}

#header
{
	width: 1037px;
	height: 122px;
	float: left;
	background: url('../images/site/header.jpg') no-repeat;
	margin-top: 2px;
}

#logo
{
	width: 90px;
	height: 121px;
	float: left;
}

#slogan
{
	width: 424px;
	height: 121px;
	float: left;
	background: url('../images/site/slogan.jpg') no-repeat;
}

#engels
{
	float: left;
	margin-left: 20px;
}

#menu 
{
	width: 1037px;
	height: 18px;
	float: left;
	display: inline;
	margin-bottom: 1px;
}

#menu ul
{
	width: 725px;
	height: 18px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-left: 156px;
	list-style: none;
}

#menu ul li.hoofdmenuitem
{
	width: 102px;
	height: 16px;
	float: left;
	background: #FFFFFF;
	margin-right: 1px;
	padding-top: 2px;
	text-align: center;
	display: inline;
}

#menu ul li.hoofdmenuitem a
{
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#menu ul li.hoofdmenuitem a:hover
{
	color: #000000;
}

#menu ul li.hoofdmenuitem ul.submenu
{
	width: 173px;
	float: left;
	position: absolute;
	display: none;
	margin: 0px;
	padding: 0px;
	background: #dab1d0;
	text-align:left;
	_margin-left: -50px;
	border: 1px solid #000033;
	z-index: 500;
}

#menu a 
{
	font-weight: bold;
}

#menu ul li.hoofditem_hover
{
	background: #a349a4;
}

#menu ul li.hoofditem_hover a
{
	white-space: nowrap;
	color: #000000;
}

#menu ul li.hoofditem_hover_nosub a
{
	color: #000000;
}

#menu ul li.hoofdmenuitem ul.submenu li
{
	width: 173px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: #dab1d0;
	text-align:left;
	white-space: nowrap;
	border-bottom: 1px solid #574771;
	border-top: 1px solid #776189;
	border-right: 1px solid #000033;
	border-left: 1px solid #000033;
}

#menu ul li.hoofdmenuitem ul.submenu li.subsubmenu
{
	width: 173px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: #dab1d0;
	text-align:left;
	white-space: nowrap;
}

#menu ul li.hoofdmenuitem ul.submenu li a
{
	width: 110px;
	height: 10px;
	float: left;
	display: inline;
	padding: 5px;
	color: #1a226f;
}

#menu ul li.hoofdmenuitem ul.submenu li.subsubmenu_hover
{
	background: #090b35;
	color: #FFFFFF;
}

#menu ul li.hoofdmenuitem ul.submenu li.subsubmenu_hover a
{
	background: #090b35;
	color: #FFFFFF;
}

#menu ul li.hoofdmenuitem ul.submenu li.subsubmenu a
{
	width: 110px;
	height: 10px;
	float: left;
	display: inline;
	padding: 5px;
	color: #1a226f;
}

#menu ul li.hoofdmenuitem ul.submenu li.submenu_li_hover
{
	background: #a349a4;
}

#menu ul li.hoofdmenuitem ul.submenu li.submenu_li_hover a
{
	background: #a349a4;
}

#menu ul li.uitklap ul.submenu li.subsubmenu ul.niveau
{
	width: 178px;
	position: absolute;
	display: none;
	margin: 0px;
	padding: 0px;
	text-align:left;
	color: #1a226f;
	left: 175px;
}

#menu ul li.uitklap ul.submenu li.subsubmenu ul.niveau li
{
	width: 178px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: #dab1d0;
	text-align:left;
	white-space: nowrap;
	_margin-top: -3px;
}

#menu ul li.uitklap ul.submenu li.subsubmenu ul.niveau li a
{	
	width: 168px;
	background: #dab1d0;
}

#menu ul li.uitklap ul.submenu li.subsubmenu ul.niveau li.li_hover
{

}

#menu ul li.uitklap ul.submenu li.subsubmenu ul.niveau li.li_hover a
{
	background: #a349a4;
}

#content
{
	width: 1037px;
	float: left;
	padding-bottom: 20px;
}

#midden
{
	width: 583px;
	float: left;
	display: inline;
	background: #FFFFFF;
	border: 1px solid #383c67;
	margin-top: 11px;
	margin-bottom: 11px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

/******************************************************************************

*

*						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
{
	width: 595px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	text-align:	left;
	padding-left: 8px;
	padding-right: 8px;
	background: #d9b0d0;
}

#main_400_container table
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

#main_400_container table td
{	
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

#main_400_container img
{
	max-width: 500px;  /* Mozilla */
    width: expression(this.width > 500 ? 500: true); /* IE */
}

#main_200_container
{
	width: 221px;
	float: left;
	text-align: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	overflow: hide;
}

#main_600_container
{
	width: 595px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	text-align:	left;
	padding-left: 8px;
	padding-right: 8px;
	background: #d9b0d0;
}

#main_600_container table
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

#main_600_container table td
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

#main_600_container img
{
	max-width: 700px;  /* Mozilla */
    width: expression(this.width > 700 ? 700: true); /* IE */
}

#leftmenu_container
{
	width: 201px;
	float: left;
	text-align:	left;
}

/******************************************************************************
*
*						Sponsors
*
*****************************************************************************/

#sponsors
{
	width: 211px;
	float: left;
	background: #d9b0d0;
	margin-left: 4px;
	margin-top: 5px;
}

.sponsor_header
{
	width: 197px;
	height: 11px;
	float: left;
	background: #d9b0d0;
	margin: 0px;
	padding: 0px;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000033;
}

#sponsors img
{
	border-bottom: 0px solid #383c67;
	border-top:0px solid #eeeeee;
}

#sponsor_content
{
	float: left;
	text-align: center;
	margin-top: 10px;
}

#sponsor_content img
{
	float: left;
}

#canvas0_0
{
	text-align: center;
}

/******************************************************************************
*
*						Login
*
*****************************************************************************/

#login
{
	width: 201px;
	float: left;
	background: #FFFFFF;
	margin-top: 32px;
	border-top: 2px solid #dab1d0;
	border-bottom: 2px solid #dab1d0;
}

#left_login
{
	width: 159px;
	float: left;
}

#left_login label
{
	font-family: Arial;
	font-size: 11px;
	color: #383C67;
	font-weight: bold;
}

#left_login a
{
	color: #383C67;
}

#left_login a:hover
{
	text-decoration: underline;
}

#left_login input
{

}

#left_login .input
{
	width: 50px;
	border: none;
	border: 1px solid #d9b0d0;
}

#right_login
{
	width: 41px;
	float: left;
}

#right_login .knop
{
	width: 30px;
	height: 18px;
	border: none;
	border: 2px solid #d9b0d0;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	margin-top: 2px;
	font-family: Arial;
	font-size: 13px;
	color: #000000;
}

/******************************************************************************
*
*						Box
*
*****************************************************************************/
.block_no
{
	width: 180px;
	float: left;
	position: relative;
	margin-left: 10px;
	z-index: 10;
}

.block_no .dropdown
{
	width: 128px;
	height: 18px;
	float: left;
	border: 1px solid #abadb3;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-left: 25px;
	margin-bottom: 2px;
}

.block_no .bekijk_teams
{
	width: 128px;
	height: 20px;
	border: 1px solid #abadb3;
	background: #d9b0d0;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	margin-left: 25px;
	margin-top: 5px;
}

.block
{
	width: 159px;
	float: left;
	display: inline;
	background: #f9fafa;
	margin-left: 10px;
	margin-top: 36px;
	border: 1px solid #d0d2d3;
	padding: 10px;
}

.block table td
{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
}

.block h3
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

.block a
{
	font-family: Arial;
	font-size: 12px;
	color: #2e3e92;
	text-decoration: underline;
}

/******************************************************************************

*

*						Content opmaak.

*

******************************************************************************/

.headlines_header
{
	width: 593px;
	height: 16px;
	float: left;
	background: #d9b0d0;
	border-top: 1px solid #383c67;
	border-bottom: 3px solid #383c67;
	margin-left: -5px;
}

.headlines
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding-bottom: 15px;
	padding-top: 20px;

}

.headlines img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.headlines .title a
{
	font-family: Arial;
	font-size: 12px;
	color: #459625;
	font-weight: bold;
	line-height: 17px;
}

.headlines .title a:hover
{
	text-decoration: underline;
}

#headlines_page_header_container
{
	width: 593px;
	height: 20px;
	float: left;
	background: #d9b0d0;
	border-top: 1px solid #383c67;
	border-bottom: 3px solid #383c67;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -5px;
}

#headlines_page_header
{
	font-family: Arial;
	font-size: 15px;
	color: #383C67;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 2px;
}

.headlines_date
{
	font-family: Arial;
	font-size: 11px;
	float: left;
	color: #000033;
	font-weight: bold;
	margin-right: 50px;
	margin-left: 12px;
}

.headlines_title
{
	font-family: Arial;
	font-size: 11px;
	float: left;
	color: #000033;
	font-weight: bold;
	text-transform: uppercase; 
	padding-left: 8px;
}

.headlines_content
{
	width: 559px;
	float: left;
	padding: 12px;
	background: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}

.headlines_content p
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}

.headlines_content a
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
	
.headlines_content a:hover
{
	text-decoration: underline;
}

.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
{
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #008752;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}


/******************************************************************************

*

*						Footer.

*

******************************************************************************/
#footer
{
	width: 990px;
	float: left;
	margin-top: 15px;
	text-align: center;
	clear: both;
}

#footer p.bold
{
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-align: center;
}

#footer p
{
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	text-align: center;
}

#lisa
{
	clear: both;
}


#footer a
{
	color: #999999;
}

#footer a:hover
{
	text-decoration: underline;
}


/******************************************************************************

*

*						Opmaak headings algemeen.

*

******************************************************************************/

h2
{
	font-family: Arial;
	font-size: 14px;
	color: #d9b0d0;
	font-weight: bold;
}

h3
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #00006c;
	text-transform: uppercase; 
	margin: 0px;
	padding: 0px;
}

hr
{
	border: 1px solid #383C67;
}

.team_naam
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #383C67;
}

.headline_item
{
	float: left;
	margin-bottom: 10px;
}

.headline_title
{
	font-weight: bold;
}

.headline_title a
{
	font-weight: bold;
	text-decoration: underline;
}

.headline_text
{
	height: 40px;
	float: left;
	overflow: hidden;
}

.headline_readmore
{		
	float: left;
	line-height: 0px;
	padding-top: 3px;
	margin-bottom: 5px;
}	

/******************************************************************************
*
*						Facebox.
*
******************************************************************************/

#facebox .b {
  background:url(../javascript/facebox/b.png);
}

#facebox .tl {
  background:url(../javascript/facebox/tl.png);
}

#facebox .tr {
  background:url(../javascript/facebox/tr.png);
}

#facebox .bl {
  background:url(../javascript/facebox/bl.png);
}

#facebox .br {
  background:url(../javascript/facebox/br.png);
}

.bolder
{
	height: 400px;
	overflow-y: scroll;
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 3px;
  text-align: center;
}

#facebox .info {
  margin-top: 5px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
  color: #777;
  line-height: 16px;
  font-size: 11px;
}

#facebox .navigation {
  float: left;
}

#facebox .close {
  float: right;
}

#facebox .next, #facebox .prev {
  font-size: 170%;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

.moduletablepopup
{
	margin: 0px;
	padding: 0px;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
