/*	Mediachoice cascading stylesheet */

BODY
{
	font-family:					verdana;
	font-size:					7pt;
	color:						#000000;
	font-weight:					normal;
}

BODY.framework
{
	background-color:				#E2E2E2;
	
	/*	IE Center */
	text-align:					center;
}

OBJECT.commercial
{
	position:						absolute;
	margin:						-4px 0px -2px 0px;
}

/*	Tables */

TABLE.div_5_submenu
{
	margin:						-2px -10px 0px -2px;
	height:						19px;
	font-family:					verdana;
	font-size:					7pt;
}

TABLE.div_6_archive_boven
{
	margin:						-2px -10px 0px -2px;
	font-family:					verdana;
	font-size:					7pt;
}

TABLE.div_6_archive
{
	margin:						4px 0px 0px 4px;
	font-family:					verdana;
	font-size:					7pt;
}

TABLE.div_7_content
{
	color:						#0A024C;
	margin:						-2px 2px 2px 2px;
	width:						570px;
	text-align:					justify;
}

TABLE.old_news_items_table
{
	
	color:						#000000;
	font-size:					7pt;
	font-family:					verdana;	
	border-width:					0px;
	border-style: 					none;
	border-color:					none;
	background-color:				none;
}

TABLE.div_8_commercial_above
{
	font-size:					7pt;
	margin:						-2px -6px 2px -2px;
}

TABLE.div_8_commercial_under
{
	font-size:					7pt;
	margin:						186px -6px 2px -2px;
	position:						absolute;
}

TABLE.commercial_viewer_above
{
	width:						244px;
	font-size:					7pt;
	margin:						-2px -6px 2px -2px;
	position:						absolute;
}

TABLE.commercial_viewer_center
{
	font-size:					7pt;
	margin:						11px -6px 2px -3px;
	position:						absolute;
}

TABLE.commercial_viewer_under
{
	font-size:					7pt;
	margin:						204px -6px 2px -2px;
	position:						absolute;
}

TABLE.commercial_viewer_container
{
	width:						245px;
	height:						60%;
	font-size:					7pt;
}

TABLE.div_9_search_form
{
	font-size:					7pt;
	font-weight:					normal;
	margin:						98px 0px 0px 3px;
	position:						absolute;
}

TD.link
{
	font-weight:					normal;
	color:						#000000;
	height:						14px;
}

TD.kop
{
	font-weight:					bold;
	color:						#ffffff;
	background-color:				#F9A51B;
	padding:						0px 5px 0px 5px;
	height:						14px;
}

TD.kop_link
{
	text-align:					center;
	font-weight:					bold;
	color:						#ffffff;
	background-color:				#F9A51B;
	margin:						0px 0px 0px -2px;
	height:						14px;
}

TD.commercial
{
	background-color:				#ffffff;
}

TD.div_7_content
{
	color:						#0A024C;
	height:						290px;
	width:						590px;
}

TD.div_7_content_navigation
{
	color:						#000000;
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					bold;
}

/*	Links */

A.commercial_grab
{
	position:						absolute;
	margin:						-4px 0px -2px 0px;
}

A:link
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				underline;
	color:						#000000;	
}

A:visited
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				underline;
	color:						#000000;		
}

A:active
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A:hover
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_5_submenu_item:link
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;	
}

A.div_5_submenu_item:visited
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;		
}

A.div_5_submenu_item:active
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_5_submenu_item:hover
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_6_archief_item:link
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;	
}

A.div_6_archief_item:visited
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;		
}

A.div_6_archief_item:active
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_6_archief_item:hover
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_6_older_items_link:link
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;	
}

A.div_6_older_items_link:visited
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;		
}

A.div_6_older_items_link:active
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_6_older_items_link:hover
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_7_black_link:link
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;	
}

A.div_7_black_link:visited
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#000000;		
}

A.div_7_black_link:active
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.div_7_black_link:hover
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	text-decoration:				none;
	color:						#ff0000;	
}

A.data_entry_link:link
{
	font-family:					verdana;
	font-size:					8pt;
	font-weight:					bold;
	text-decoration:				none;
	color:						#000000;	
}

A.data_entry_link:visited
{
	font-family:					verdana;
	font-size:					8pt;
	font-weight:					bold;
	text-decoration:				none;
	color:						#000000;		
}

A.data_entry_link:active
{
	font-family:					verdana;
	font-size:					8pt;
	font-weight:					bold;
	text-decoration:				none;
	color:						#ff0000;	
}

A.data_entry_link:hover
{
	font-family:					verdana;
	font-size:					8pt;
	font-weight:					bold;
	text-decoration:				none;
	color:						#ff0000;	
}

/*	Forms */

INPUT.div_9_search_input
{
	background-color:				#ffffff;
	border:						black 1px solid;
	width:						85px;
	color:						#000000;
	font-family:					verdana;
	font-weight:					normal;
	font-size:					7pt;
}

INPUT.form_input
{
	background-color:				#ffffff;
	border:						black 1px solid;
	width:						250px;
	color:						#000000;
	font-family:					verdana;
	font-weight:					normal;
	font-size:					7pt;
} 

INPUT.login_form_input
{
	background-color:				#ffffff;
	border:						black 1px solid;
	width:						150px;
	color:						#000000;
	font-family:					verdana;
	font-weight:					normal;
	font-size:					7pt;
} 

SELECT.form_input_select
{
	color:						#000000;
	background:					#ffffff;
	border:						#000000 solid 1px;
	width:						250px;
	text-decoration:				none;
	font-family:					verdana;
	font-size:					7pt;
	text-align:					left
}

TEXTAREA.form_input_textarea
{
	color:						#000000;
	background:					#ffffff;
	border:						#000000 solid 1px;
	width:						500px;
	text-decoration:				none;
	font-family:					verdana;
	font-size:					7pt;
	text-align:					left
} 

.div_9_submit_button
{
	width:						38px;
	background-color:				#D1D2D4;
	font-family:					verdana;
	border:						black 1px solid;
	font-weight:					bold;
	font-size:					7pt;
	color:						#000000;
}

.form_submit_button
{
	width:						80px;
	background-color:				#D1D2D4;
	font-family:					verdana;
	border:						black 1px solid;
	font-weight:					bold;
	font-size:					8pt;
	color:						#000000;
} 

/*	Tekst */

LI
{
	margin:						-6px 0px 0px 0px;
	list-style-type:				square;
	font-size:					8pt;
	font-style:					none;
	color:						#0A024C;
}

/* LI IE fix, IE zet automatisch een witte lijn onder elke LI wat
erg irritant is, firefox doet dit niet. Om dit goed af te vangen
staat hierboven dat de margin -7px is zodat de whitespace in IE
overbrugt wordt. Om dit weer recht te zetten in firefox wordt er
gebruik gemaakt van een zogenaamde child selecter command. Aangezien
IE dit niet herkent, maar alle andere browsers wel, geld deze style
alleen niet voor IE. Hier zetten we de margin dan weer goed */

html>body LI
{
	margin:						0px 0px 0px 0px;
} 

SPAN.commercial_instructie
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					bold;
	font-style:					italic;
}

SPAN.div_6_teken
{
	color:						#ffffff;
	font-family:					verdana;
	font-weight:					bold;
	font-size:					7pt;
}

SPAN.archief_teken
{
	color:						#D1D2D4;
	font-family:					verdana;
	font-weight:					bold;
	font-size:					7pt;
}

SPAN.white_text
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	color:						#ffffff;
}

SPAN.black_head
{
	font-family:					verdana;
	font-size:					8pt;
	font-weight:					bold;
	color:						#000000;
}

SPAN.black_text
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	color:						#000000;
}

SPAN.red_text
{
	font-family:					verdana;
	font-size:					7pt;
	font-weight:					normal;
	color:						#ff0000;
}

SPAN.content_kop
{
	color:						#0A024C;
	font-family:					verdana;
	font-size:					10pt;
	font-weight:					bold;
}

SPAN.content
{
	color:						#0A024C;
	font-family:					verdana;
	font-size:					8pt;
	font-weight:					normal;	
}

/* 	DIV's 
	Let op: bij positionering is de volgorde als volgt, boven, rechts, onder, links. */

#container
/* 	Vak "X", dit vak geldt als container waar de andere divs in zitten.
	Wordt gebruikt voor uitlijn doeleinden en maakt een rand om het geheel
	makkelijker toepasbaar. */
{	
	z-index:						50;
	position:						relative;
	top:							0px;
	left:							0px;
	width:						992px;
	height:						572px;
	background-color:				#000000;
	
	/*	Firefox / netscape / opera / safari center */
	margin:						0 auto;
	
	/*	IE Center counter in body */
	text-align:					left;
}

#banner_left
/*	Vak "1", hier staan de banners in die aan de linkerkant staan aangegeven
	op het design. */
{
	z-index:						200;
	color:						#000000;
	width:						160px;
	height:						130px;
	position:						absolute;
	margin:						1px 0px 0px 1px;
	background-color:				none;
}

#menu
/*	Vak "2", dit vak bevat het hoofd menu (de flash animatie). */
{
	z-index:						150;
	color:						#000000;
	width:						830px;
	height:						40px;
	position:						absolute;
	margin:						1px 0px 0px 161px;
	background-color:				none;
}

#menu_back
/*	Vak "2b", dit vak bevat de achtergrond van het menu (de flash animatie). */
{
	z-index:						75;
	color:						#000000;
	width:						830px;
	height:						40px;
	position:						absolute;
	margin:						1px 0px 0px 161px;
	background-color:				#ffffff;
}

#banner_center
/*	Vak "3", dit vak bevat de banner inclusief een eventuele slogan die in het
	midden van de site boven de content (en submenu) staan. */
{
	z-index:						50;
	color:						#000000;
	width:						990px;
	height:						190px;
	position:						absolute;
	margin:						41px 0px 0px 1px;
	background-color:				#ffffff;
}

#animation
/*	Vak "4", geanimeerde (flash) logos en dergelijken staan in dit vak. */
{
	z-index:						100;
	color:						#000000;
	width:						990px;
	height:						190px;
	position:						absolute;
	margin:						41px 0px 0px 1px;
	background-color:				none;
}

#submenu
/*	Vak "5", een aan de content gekoppeld submenu. */
{
	z-index:						100;
	color:						#000000;
	width:						750px;
	height:						20px;
	position:						absolute;
	margin:						231px 0px 0px 1px;
	background-color:				#ffffff;
}

#archive
/*	Vak "6", een lijst met garchiveerde news items. */
{
	z-index:						100;	
	color:						#000000;
	width:						160px;
	height:						325px;
	position:						absolute;
	margin:						246px 0px 0px 1px;
	background-color:				#D1D2D4;
}

#content
/*	Vak "7", de daadwerkelijke content. */
{
	z-index:						100;
	color:						#000000;
	width:						590px;
	height:						320px;
	position:						absolute;
	margin:						251px 0px 0px 161px;
	background-color:				#ffffff;
	overflow:						hidden;
	background-image:				url("../graphics/div_7_watermark.jpg");
	background-position:			bottom center;
	background-repeat:			no-repeat;
}

#old_news_items
/*	Onderdeel van vak 7, scrollable weergave van alle (inclusief oude) nieuws items. */
{
	z-index:						100;
	color:						#000000;
	width:						560px;
	height:						280px;
	background-color:				#FFFFFF;
	border-width:					1px;
	border-color:					#D1D2D4;
	border-style:					solid;
	overflow:						auto;
}

#commercial
/*	Vak "8", een (kleine versie) van een commercial wordt hier weergegeven. */
{
	z-index:						100;
	color:						#000000;
	width:						240px;
	height:						220px;
	position:						absolute;
	margin:						231px 0px 0px 751px;
	background-color:				#D1D2D4;
}

#search
/*	Vak "9", in dit vak kan gezocht worden naar content via een formuliertje. */
{
	z-index:						100;
	color:						#000000;
	width:						240px;
	height:						120px;
	position:						absolute;
	margin:						451px 0px 0px 751px;
	background-color:				#D1D2D4;
}