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


body{ height: 100%;}
body{ font-family: arial, verdana, "lucida console", sans-serif; letter-spacing:0.04em; font-size:12px; line-height: 1.3em;}
input{border: 1px solid black; margin: 3px; width:200px;}
textarea{border: 1px solid black; margin: 3px;width:400px; height:100px;}
div, img	{border: 0px solid  #000;  margin: 0px; padding: 0px;}
hr{border:0px; border-top:1px solid black;}   
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;}


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

			   .page_title{font-size:2em; font-weight:bold;}

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


.uitgave_title		 {font-size:1.5em;font-weight:bold;color:#000;font-family:"arial black"; text-transform: uppercase;}
.uitgave_subtitle	 {font-size:1.5em;font-weight:normal;color:#000;font-family:"arial black"; text-transform: uppercase;}
.uitgave_specs		 {font-size:1.0em;font-weight:normal;color:#000;}
.uitgave_intro		 {font-size:1.0em;font-weight:bold;color:#000;}  
.uitgave_description {font-size:1.0em;font-weight:normal;color:#000;}  
.uitgave_colofon	 {font-size:1.0em;font-weight:normal;color:#666;}  
.uitgave_release_info{font-size:1.0em;font-weight:bold;color:#666;}    
.uitgave_price       {font-size:1.5em;font-weight:bold;color:#666;font-family:"arial black";}  
.uitgave_copyright   {font-size:1.0em;font-weight:normal;color:#000;}  
.grey{color:#666;}      

		  .uitgave_nav
   ,a:link.uitgave_nav
 ,a:active.uitgave_nav
,a:visited.uitgave_nav{	color:#666;	text-decoration: none; text-transform: uppercase;font-size:0.9em;}
   a:hover.uitgave_nav{	color:#fd027d; }

          .menu_nav 
   ,a:link.menu_nav 
 ,a:active.menu_nav
,a:visited.menu_nav{	color:#666;	text-decoration: none; font-weight:bold; font-size:0.9em;}  
		  .menu_nav 
  ,a:hover.menu_nav{	color:#fd027d; }
               
       
    a:link.email_nav
 ,a:active.email_nav
,a:visited.email_nav{	color:#000;	text-decoration: none;}
   a:hover.email_nav{	color:#fd027d; }     


    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:900px; 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;}



