* {		border: 0px solid  #000;	margin: 0px;	padding: 0px; }

html {	font-size:12px;}
body{ height: 100%;}
body{ font-family: arial, "lucida console", sans-serif, verdana; letter-spacing:0.1em; font-size:12px;}

div, img	{border: 0px solid  #000;  margin: 0px; padding: 0px;}

h2{font-style:bold;}

.category_selected {font-weight:bold;color:#FFF;font-style:italic;}
.project_selected  {font-weight:bold;color:#FFF;font-style:italic;}
.media_selected    {font-weight:bold;color:#FFF;font-style:italic;}

.media_table {height:100%;width:100%;}     
.media_td {height:100%;width:100%;text-align:center;vertical-align:middle;}


#canvas       {position: relative;	width: 864px;	 height:570px;
               margin-left: auto;	margin-right: auto; 
               text-align: left; border:0px solid black;}



.edit_area {position:absolute; left:0px;   top:-10px; width:346px; height:20px;}

a:link.edit_button{ font-family: arial, "lucida console", sans-serif;}
 ,a:active.edit_button{ font-family: arial, "lucida console", sans-serif;}
,a:visited.edit_button{	color:#fff;	text-decoration: none;  font-family: arial, "lucida console", sans-serif;}
   a:hover.edit_button{	color:#fff; font-family: arial, "lucida console", sans-serif;}    
/* ============================================================== */
#homepage_group_image_left   {position:absolute; left:0px;   top:120px; width:346px; height:231px;}
#homepage_group_image_middle {position:absolute; left:346px; top:120px; width:172px; height:231px;}
#homepage_group_image_right  {position:absolute; left:518px; top:120px; width:346px; height:231px;}           
#homepage_group_flash_left   {position:absolute; left:86px;  top:368px; width:193px; height:93px;}  
#homepage_group_flash_middle {position:absolute; left:346px; top:37px;  width:193px; height:93px;}                
#homepage_group_flash_right  {position:absolute; left:566px; top:368px; width:193px; height:93px;}  
/* ============================================================== */
#group_title_flash  {position:absolute; left:28px; top:58px;  width:193px; height:93px;} 
/* ============================================================== */
#group_hyperlink_list_container {position:absolute; left:28px; top:10px;  width:800px; height:45px;}
.group_hyperlink_item_container { display:inline;  padding:0px 2px; font-weight:bold;}

    a:link.group_hyperlink_item_link
 ,a:active.group_hyperlink_item_link
,a:visited.group_hyperlink_item_link{	color:#000;	text-decoration: none; border: 2px solid black;}
   a:hover.group_hyperlink_item_link{	color:#fff; border: 2px solid white;}
	 
/* ============================================================== */	 
#group_email_container {position:absolute; left:162px; top:58px;  width:30px; height:30px;} 
    a:link.group_email_link
 ,a:active.group_email_link
,a:visited.group_email_link{	color:#000;	text-decoration: none; font-size:20px;} 
   a:hover.group_email_link{	color:#fff;}
/* ============================================================== */
#category_info_container {position:absolute; left:162px; top:88px;  width:30px; height:30px;} 
    a:link.category_info_email_link
 ,a:active.category_info_email_link
,a:visited.category_info_email_link{	color:#000;	text-decoration: none; font-size:20px;}
   a:hover.category_info_email_link{	color:#fff;}
/* ============================================================== */
#category_list_container {position:absolute; left:205px; top:63px;  width:660px; height:20px;} 

.category_item_selected  {  display:inline; font-weight:bold; color:#FFF; margin-right:8px; font-size:12px;}

    a:link.category_item_link
 ,a:active.category_item_link
,a:visited.category_item_link{	color:#000;	text-decoration: none; font-weight:bold; margin-right:8px; font-size:12px;}
   a:hover.category_item_link{	color:#fff;}
/* ============================================================== */
#project_list_container {position:absolute; left:205px; top:80px;  width:660px; height:20px;} 
.project_item_selected  { display:inline; font-weight:normal;color:#FFF; margin-right:8px; line-height: 15px;}
    a:link.project_item_link
 ,a:active.project_item_link                                
,a:visited.project_item_link{	color:#000;	text-decoration: none; margin-right:8px;line-height: 15px;}
   a:hover.project_item_link{	color:#fff;}
/* ============================================================== */
#media_container {position:absolute;  left:28px; top:119px; width:836px; height:375px;} 
/*#media_image_container{position:absolute; left:0px;}*/
#media_image{position:absolute; }
#media_quicktime{position:absolute; }
/*
object {text-align:left; border: 0px solid  #000;	margin: 0px;	padding: 0px;}
embed  {text-align:left; border: 0px solid  #000;	margin: 0px;	padding: 0px;}
*/
/* ============================================================== */

/*#media_text_container{background-color:red; border 1px solid black;}*/
#media_text{position:absolute; left:177px;  width:660px; height:375px;
            overflow:auto; display:none; color:#FFF;}

/* ============================================================== */
/*
#media_frame   {position:absolute; left:28px; top:119px;  width:836px; height:375px;} 
.frame_content { position:relative; width: 100%;  height:375px;  text-align: center; }
.frame_tag     { position:relative; width: 100%;  height:375px;  text-align: center;  }
*/
/* ============================================================== */
/* deze worden gebruikt in frame_media.tpl */
/*#media_html_container {position:absolute;  width:836px; height:375px;} 
#media_image{position:absolute;  }
*?
/* ============================================================== */
#media_project_title  {position:absolute; left:205px; top:500px;  
	                     width:530px; height:40px;                       
                       text-align: left; font-size:18px; color:#fff;} 

/* ============================================================== */
#media_navigation		{position:absolute; left:738px; top:500px;  
	                     width:70px; height:40px; 
                       text-align: left; font-size:20px; color:#fff; letter-spacing: 0.1em;} 			
											 
											 
    a:link.media_nav_arrow
 ,a:active.media_nav_arrow
,a:visited.media_nav_arrow{	color:#fff;	text-decoration: none; }
   a:hover.media_nav_arrow{	color:#fff;}											 
/* ============================================================== */
/*
#media_caption_frame   {position:absolute; left:205px; top:530px;  width:660px; height:50px;} 
.frame_caption_content { position:relative; width: 100%;  height:50px;  text-align: left; xbackground-color:red;}
.frame_caption_tag     { position:relative; width: 100%;  height:50px;  text-align: left;  xbackground-color:orange;}
*/
/* ============================================================== */
/* deze worden gebruikt in frame_media_caption.tpl */
/*
#media_caption_html_container {position:absolute;  width:660px; height:40px; background-color:#0f0;} 
*/
#media_caption_container {position:absolute; left:205px; top:530px;  width:660px; height:50px; } 
#media_caption { display:inline; color:#FFF; font-size:11px;}