* {font-sizezzz: 100%; line-height:1.2; border:0px solid #F00; margin:0px;	padding:0px;}
html, body {height: 100%;	color:#000;	}
body{	background-color: #FFFFFF;  font-family: verdana, arial, "lucida console", sans-serif;}

/* debug */
tbody	{border: 0px solid  #000; }
table	{border: 0px dashed #000; }/* 	height: 100%;			width: 100%;	}*/
td		{	border:  0px dashed #0FF;	height:  100%; width:100%;  text-align: left;}

/* ========================================================= */
#canvas{
	position: normal;
	width: 915px;
	height: 100%;
	background-color: #FFF;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

/* ============================================================== */

#main_banner {position:relative;	width: 150px;	height: 130px;	float:left;	background-color: #000; color:#FFF;text-align:left; font-family: arial, sans-serif; padding-left:2px;}
#sub_banner  {position:relative;  width: 150px;	height: 130px;	float:left;	xbackground-color: #0aa;}
#item_banner {position:relative;	width: 613px;	height: 125px;	float:left;	xbackground-color: #aa0; border-top:5px solid #FFFFFF; }
/*#banner_media{position:absolute;	top:130px; left: 600px;	width: 300px;	height: 150px;	float:left;	background-color: #aa0;}*/

/* ============================================================== */
.main_content  {position:relative; width: 150px;	float:left; text-align: left; }
.sub_content   {position:relative; width: 150px;	float:left; text-align: left;  }
/*.media_content {position:relative; width: 604px; float:left; text-align: left; border: 0px solid  #000; }*/
.frame_content { position:relative; width: 604px; height:320px; float:left; text-align: left; }
.frame_tag     { position:relative; width: 600px; height:320px; float:left; text-align: left; }/*.item_content  {position:relative; width: 604px;	float:left; text-align: left; padding:3px;}*/
/*.item_content  {position:absolute; left:345px; top:420px; width: 604px;	text-align: left; padding:3px;}*/
.item_content  {border: 0px solid #000;
	              position:relative; width:404px;	float:left; text-align:left; margin:0px;	padding:0px;}


								
.text_container{padding:3px; text-align: left;}

/* ============================================================== */

.media_table{ border: 0px solid #00f; height: 100%; width: 100%;		}
.media_td { border: 0px solid #0f0; padding-right:1em; height:100%; width:100%; text-align: center;			vertical-align: middle;		} 
.media_td_not_scalable { border: 0px solid #0f0; padding-right:1em; text-align: center; vertical-align: middle;		}
.media_img { border: 0px solid #000;}	
/* ============================================================== */


.main_menu_item{text-align:left;padding-left:3px;}
.sub_menu_item{text-align:left;}
.project_in_category{color:#000;}
.project_in_selected{color:#000; font-weight:bold;}
.project_out_category{color:#AAA;}
.project_out_selected{color:#AAA; font-weight:bold;}


/*.menu_td{width:10px;}*/
.title_table {height: 100%;			width: 100%;}
.title_td{vertical-align: bottom; text-align: left; height:  100%; width:100%; }
.project_title, .cat_name       {font-size: 1.6em;  text-align: left;}
.project_subtitle     {font-size: 1.2em;  text-align: left;}
.project_projectnumber{font-size: 1.6em;  text-align: left;}
.project_year        {font-size: 1em;  text-align: left;}
.project_details      {font-size: 1.2em;  text-align: left;}
.project_text         {font-size: 1em;  text-align: left;}

.media_description {font-size: 1em;  text-align: left; color:#AAA;}

.pro_list_image{  border: 0px solid #000;}
.pro_list_td{ border: 0px solid #000; width:300px; vertical-align: top;	}

div		{border: 0px solid  #F60;  margin: 0px; padding: 0px;}

.image_gallery_navigator{	z-index:10;	positionz:absolute;	top:0px;}
.td_gallery_nav{	vertical-align: bottom; }


.img_arrow     {	border: 0px dashed #000;}
.slide_counter {}
#nr, #totaal {	font-size: 1em; }

.button_{	 text-align: left;} 

a:link.a_button    ,
a:active.a_button  ,
a:visited.a_button ,
a:hover.a_button {	color:#000;	background-color:#ddd;	padding: 0px 3px;	text-decoration: none;}
a:link,a:active,a:visited{color:#000;	text-decoration: none;}
a:hover{	color:#666;}


/*  ############################################################
### speciaal voor de printer :
################################################################*/

.main_content, .sub_content, .frame_content, .frame_tag, .slideshow_media_link_container{visibility:hidden;  height:0px;}