/* ===========================   */
 /*  Style for screen presenting  */
/*   =========================== */

  /*********************/
 /* class definitions */
/*********************/

/* debug style */
div	{ border:	0px solid #f00; }
td 	{ border:	0px solid #0f0; }
a 	{ border: 	0px solid #00f;}

/* main style */
body {
	font-family: 	verdana, arial, sans-serif;
}

table {
	width: 			100%;
	height: 		100%;
}

td {
	vertical-align:	middle;
	text-align: 	center;  /* Alleen voor IE */
}

  /************************/
 /* subclass definitions */
/************************/

a.menu_main_item {
	display:		block;
	height: 		69px;
	float: 			left;
}
div.page {
	border-top:			1px solid #000;
	border-left:		1px solid #000;
	border-right:		1px solid #000;
	border-bottom:		0px;
	height:				476px;
/*	width:				750px;
	voice-family:		“\”}\”””;
	voice-family:		inherit;*/
	width:				748px;
}
a.submenu_info_item {
	display:	block;
	float:		left;
	clear:		left;
	width:		148px;
}
a.submenu_huisstijl_item, a.submenu_huisstijl_item:link {
	width:		66px;
	height:		64px;
	display:	block;
	float:		left;
	background-color: #929496;
	border:		1px solid #fff;
	margin:		4px 0px 0px 4px;
}
* html a.submenu_huisstijl_item {
	width:		68px;
	height:		66px;
	margin:		4px 2px 0px 2px;
}
a.submenu_huisstijl_item:hover, a.submenu_huisstijl_item_down {
	width:		66px;
	height:		64px;
	display:	block;
	float:		left;
	background-color: #929496;
	margin:		4px 0px 0px 4px;
	border:		1px solid #000;
}
* html a.submenu_huisstijl_item:hover, * html a.submenu_huisstijl_item_down {
	width:		68px;
	height:		66px;
	margin:		4px 2px 0px 2px;
}
a.submenu_huisstijl_item_none {
	display:	block;
	float:		left;
	width:		66px;
	height:		64px;
	background-color: #929496;
	border:		1px solid #929496;
	margin:		4px 0px 0px 4px;
}
* html a.submenu_huisstijl_item_none {
	width:		68px;
	height:		66px;
	margin:		4px 2px 0px 2px;
}
div.submenu {
	position: 	absolute;
	left:		23px;
	top:		24px;
	width:		148px;
	height:		424px;
}
div.content {
	position: 			absolute;
	color:				white;
	left:				199px;
	top:				24px;
	width:				515px;
	height:				414px;
	background-color: 	#000;
	padding:			5px;
	font-size:			12px;
	line-height:		17px;
}

div.content-info {
	position: 			absolute;
	color:				white;
	left:				23px;
	top:				24px;
	width:				691px;
	height:				414px;
	background-color: 	#000;
	padding:			5px;
	font-size:			12px;
	line-height:		17px;
}


/* IE hacked */
* html div.content {
	width:				525px;
	height:				424px;
}


* html div.content-info {
	width:				701px;
	height:				424px;
}



/******************/
 /* id definitions */
/******************/

div#site_container {
	position: 		relative;
	margin: 		0 auto;
	width: 			750px;
	height: 		546;
	text-align: 	left;
	overflow:		hidden;
}
div#header {
	float:			right;
	clear:			right;
	margin-right:	0px;
	margin-top:		0px;
}
div#menu_main {
	height:			69px;
}
div#page_intro {
	background-color: 	#000;
}
div#page_info {
	background-color: 	#fff;
}
div#info_foto_bottom, div#white_box_bottom {
	background-color:	#fff;
	position:			absolute;
	width:				509px;
	top:				353px;
	height:				60px;
	color:				#000;
	padding:			3px;
}
div#content_noscroll {
	overflow:	hidden;
}
div#content_scroll {
	overflow:	auto;
}
* html div#info_foto_bottom, * html div#white_box_bottom  {
	width:				515px;
	height:				66px;
}
div#page_huisstijl {
	background-color: 	#bfe7f1;
}
div#submenu_huisstijl {
	background-color:	#80CFE2;
}
div#page_folders {
	background-color: 	#80cfe2;
}
div#submenu_folders {
	background-color:	#41B8D4;
}
div#page_flyers {
	background-color: 	#41b8d4;
}
div#submenu_flyers {
	background-color:	#00A0C6;
}
div#page_divers {
	background-color: 	#00a0c6;
}
div#submenu_divers {
	background-color:	#007894;
}
div#page_films {
	background-color: 	#007894;
}
div#submenu_films {
	background-color:	#005063;
}
div#page_sites {
	background-color: 	#005063;
}
div#submenu_sites {
	background-color:	#007894;
}


/* MAIN_MENU_INFO */
a#menu_main_info:link, a#menu_main_info:visited {
	background: 			url(../images/item1.gif) no-repeat;
	width: 					95px;
	background-position: 	0px -69px;
}
a#menu_main_info_down {
	background: 			url(../images/item1.gif) no-repeat;
	width: 					95px;
	background-position: 	0px 0px;
}
/* MAIN_MENU_HUISSTIJL */
a#menu_main_huisstijl:link, a#menu_main_huisstijl:visited {
	background: 			url(../images/item2.gif) no-repeat;
	width: 					107px;
	background-position: 	0px -69px;
}
a#menu_main_huisstijl_down {
	background: 			url(../images/item2.gif) no-repeat;
	width: 					107px;
	background-position: 	0px 0px;
}
a#menu_main_huisstijl_rightneighbour {
	background: 			url(../images/item2.gif) no-repeat;
	width: 					107px;
	background-position: 	0px -138px;
}
/* MAIN_MENU_FOLDERS */
a#menu_main_folders:link, a#menu_main_folders:visited {
	background: 			url(../images/item3.gif) no-repeat;
	width: 					107px;
	background-position: 	0px -69px;
}
a#menu_main_folders_down {
	background: 			url(../images/item3.gif) no-repeat;
	width: 					107px;
	background-position: 	0px 0px;
}
a#menu_main_folders_rightneighbour {
	background: 			url(../images/item3.gif) no-repeat;
	width: 					107px;
	background-position: 	0px -138px;
}
/* MAIN_MENU_FLYERS */
a#menu_main_flyers:link, a#menu_main_flyers:visited {
	background: 			url(../images/item4.gif) no-repeat;
	width: 					107px;
	background-position: 	0px -69px;
}
a#menu_main_flyers_down {
	background: 			url(../images/item4.gif) no-repeat;
	width: 					107px;
	background-position: 	0px 0px;
}
a#menu_main_flyers_rightneighbour {
	background: 			url(../images/item4.gif) no-repeat;
	width: 					107px;
	background-position: 	0px -138px;
}
/* MAIN_MENU_DIVERS */
a#menu_main_divers:link, a#menu_main_divers:visited {
	background: 			url(../images/item5.gif) no-repeat;
	width: 					108px;
	background-position: 	0px -69px;
}
a#menu_main_divers_down {
	background: 			url(../images/item5.gif) no-repeat;
	width: 					108px;
	background-position: 	0px 0px;
}
a#menu_main_divers_rightneighbour {
	background: 			url(../images/item5.gif) no-repeat;
	width: 					108px;
	background-position: 	0px -138px;
}
/* MAIN_MENU_FILMS */
a#menu_main_films:link, a#menu_main_films:visited {
	background: 			url(../images/item6.gif) no-repeat;
	width: 					106px;
	background-position: 	0px -69px;
}
a#menu_main_films_down {
	background: 			url(../images/item6.gif) no-repeat;
	width: 					106px;
	background-position: 	0px 0px;
}
a#menu_main_films_rightneighbour {
	background: 			url(../images/item6.gif) no-repeat;
	width: 					106px;
	background-position: 	0px -138px;
}
/* MAIN_MENU_SITES */
a#menu_main_sites:link, a#menu_main_sites:visited {
	background: 			url(../images/item7.gif) no-repeat;
	width: 					120px;
	background-position: 	0px -69px;
}
a#menu_main_sites_down {
	background: 			url(../images/item7.gif) no-repeat;
	width: 					120px;
	background-position: 	0px 0px;
}
a#menu_main_sites_rightneighbour {
	background: 			url(../images/item7.gif) no-repeat;
	width: 					120px;
	background-position: 	0px -138px;
}


a#submenu_info_1 {
	background: 			url(../images/info_menuitem1.gif) no-repeat;
	height:					70px;
	background-position: 	0px 0px;
}
a#submenu_info_1_down, a#submenu_info_1:hover {
	background: 			url(../images/info_menuitem1.gif) no-repeat;
	background-position: 	-148px 0px;
	height:					70px;
}
a#submenu_info_2 {
	background: 			url(../images/info_menuitem2.gif) no-repeat;
	height:					72px;
	background-position: 	0px 0px;
}
a#submenu_info_2_down, a#submenu_info_2:hover {
	background: 			url(../images/info_menuitem2.gif) no-repeat;
	background-position: 	-148px 0px;
	height:					72px;
}
a#submenu_info_3 {
	background: 			url(../images/info_menuitem3.gif) no-repeat;
	height:					70px;
	background-position: 	0px 0px;
}
a#submenu_info_3_down, a#submenu_info_3:hover {
	background: 			url(../images/info_menuitem3.gif) no-repeat;
	background-position: 	-148px 0px;
	height:					70px;
}
a#submenu_info_4 {
	background: 			url(../images/info_menuitem4.gif) no-repeat;
	height:					70px;
	background-position: 	0px 0px;
}
a#submenu_info_4_down, a#submenu_info_4:hover {
	background: 			url(../images/info_menuitem4.gif) no-repeat;
	background-position: 	-148px 0px;
	height:					70px;
}
a#submenu_info_5 {
	background: 			url(../images/info_menuitem5.gif) no-repeat;
	height:					70px;
	background-position: 	0px 0px;
}
a#submenu_info_5_down, a#submenu_info_5:hover {
	background: 			url(../images/info_menuitem5.gif) no-repeat;
	background-position: 	-148px 0px;
	height:					70px;
}
a#submenu_info_6 {
	background: 			url(../images/info_menuitem6.gif) no-repeat;
	height:					72px;
	background-position: 	0px 0px;
}
a#submenu_info_6_down, a#submenu_info_6:hover {
	background: 			url(../images/info_menuitem6.gif) no-repeat;
	background-position: 	-148px 0px;
	height:					72px;
}
a#previous {
	display:				block;
	float:					left;
	position:				absolute;
	background: 			url(../images/previous.gif) no-repeat;
	height:					40px;
	width:					20px;
	background-position: 	-20px 0px;
	left:					5px;
	top:					13px;
}
a#previous:hover {
	background-position: 	0px 0px;
}
a#next {
	display:				block;
	float:					right;
	position:				absolute;
	background: 			url(../images/next.gif) no-repeat;
	height:					40px;
	width:					20px;
	background-position: 	0px 0px;
	left:					490px;
	top:					13px;
}
a#next:hover {
	background-position: 	-20px 0px;
}
div#content_white_box {
	float:					left;
	position:				absolute;
	height:					60px;
	width:					442px;
	left:					37px;
	margin:					0px;
/*	text-align:				center;*/
}


  /************************/
 /* Should be at the end */
/************************/

* html div.page {
	width: 		750px;
	height:		477px;
/*	w\idth: 748px;*/
}


/* workaround box-model bug IE50 */
/*
Het boxmodel: een breedte van 300, een padding
van 30 en een border van 20 zou een box van
400 pixels breed moeten maken. In IE5 blijft
deze echter 300.

Oplossing gebruik makend van een bug in IE5:

Div#test {
	Border:			20px solid;
	Padding:		30px;
	Background:		blue;

	Width:			400px;
	Voice-family:	“\”}\”””;
	Voice-family:	inherit;
	Width:			300px;
}

of


* html div.page {
	width: 750px;
	w\idth: 750px;
}

Wordt alleen herkent in IE (* html is de truuc)

*/