div{
border: 0px solid #000;
margin: 0px;
padding: 0px;
width: 600px;
}

table{
border: 0px solid orange;
margin: 0px;
padding: 0px;
}	

tr{                                           
border: 0px dashed orange;
margin: 0px;
padding: 0px;
}

td{
border: 0px dashed orange;
margin: 0px;
padding: 0px;
vertical-align: top;
/*left:0;*/
}

.keywords_doc_change{
color: #000;
font-size:10px;
font-weight: normal;
width:300px;
/*border: 1px solid #000;*/
margin-left: 195px;
width:400px; 
}


.keywords_searchform{
position: absolute;
top: 30px;
left: 20px;
color: #000;
font-size:10px;
font-weight: normal;
width:300px;
/*border: 1px solid #000;*/
}

.keyword_item{
/*border: 1px solid #000;*/
width:240px;
height:16px;
display: block;
text-align: left;
float: left;

}

.keywordcheckbox{
color: #000;
font-size:10px;
font-weight: normal;
width:12px;
/*height:10px;*/
border: 1px solid #000;
}

#editor
{
position: absolute;
top:  20px;
left: 15px;
color: #999;
font-size:10px;
z-index: 3;
} 


.doc_type_links{
position: absolute;
top: 10px;  
left: 20px;
color: #F00;
font-size:10px;
font-weight: bold;
width:300px;
}

#doc_editor
{
position: absolute; /* position: absolute; */
top: 188px; /* -------------------------------- was 210*/
left: 365px; /*365px;*/ /* -------------------------------- was 20*/
color: #999;
font-size:10px;
width:280px;
} 


.memberregistration{
position:absolute;
top:  200px;
left: 195px;
width:600px;
font-size:10px;
font-weight: normal;  
}

/*
#member_registration{
position: absolute;
top: 10px;
left: 365px;
}
*/

#canvas
{
position: absolute;
top:  0px;
left: 50%;
margin-left: -400px;
height:550px;
width:800px;
}

#menu               /*517 x 126 is maat van score_logo*/
{
height: 160px;
} 

.menuitem
{
/*float:left;*/
position: absolute;
top:  50px;
left: 15px;
} 

#menu_wgr_field                /* bovenste regel */
{
position: absolute;
top:  79px;
left: 221px;
z-index: 3;
} 

#menu_wgr_process             /* onderste regel */
{
position: absolute;
top:  102px;
left: 23px;
z-index: 2;} 

#menu_cat             /* categorien */
{
position: absolute;
top:  120px;
left: 23px;
width:700px;
z-index: 2;
float: left;
/*border: 1px solid #000;*/
} 
#menu_cat_wgr             /* categorien */
{
position: absolute;
top:  120px;
left: 277px;
z-index: 2;
float: left;
} 


.searchform
{
position: absolute;
top:  120px;
/*left: 650px;*/
left: 570px;
z-index: 2;
float: left;
}


.searchinput{
display: inline;
text-align: left;
font-size:10px;
float: left;
width: 240px;
height: 15px;
/*font-family:courier; border:1px solid #cccccc; height:12px; width:100px; float:none; display:inline; margin-bottom:0px;*/
}

.submitsearch
{
/*position: relative;*/
float: left;
display: block;
/*
top:  120px;
left: 0px;*/
width:60px;
margin-left: 1px;
border:0px; 
}

/*
leftsearch{
display: block;
text-align: right;
float: left;
width: 175px;
padding-right: 20px;
}
*/


/*
opm:  als je hier left: verandert, varander dan ook :
      $LEFT_OFFSET 
      in function mf_get_timeline_data($list_data) 
      in milestone_functions.inc.php
*/
.timeline /* zwart randje eromheen*/
{
position: absolute;
border: 0px solid #000;
/*background-color:#999;*/
top:  144px;
left: 82px;
height:3px;
width:648px;
z-index: 4;
}

/*
.timepassed
{
position: absolute;
border: 1px solid #c00;
top:  144px;
left: 83px;
height:1px;
width:200px;
z-index: 5;
}
*/

.timepassed
{
position: absolute;
border: 0px solid #c00;
/*background-color: #c00;*/
top:  144px;
left: 83px;
height:3px;
width:200px;
z-index: 5;
}

.milestone
{
position: absolute;
border: 1px solid black;
background-color:white;
/*
top:  -2px;  
left: 10px;
*/
top:  142px;
left: 82px;

height:5px;
width: 5px;
z-index: 6;
}


#timeline_date
{
position: absolute;
/*border: 1px solid red;*/
top:  148px;
}

#score_logo{
position: absolute;
right: 26px;
top: 8px;
z-index: 1;
}


#content{
position: absolute;
top:  180px;
left: 0px;
width:800px;
/*border:1px solid #000;*/
}

#doc_illustration{
position: absolute;
top: 25px;
left: 15px;
/*
top: 65px;
left: 75px;
*/
}

#doc_illustration2{
position: absolute;
top: 25px;
left: 0px;
/*
top: 65px;
left: 75px;
*/
}

#doc_icon{
  /*border: 1px solid red;*/
  height:42px
}

#doc_icon_pdf{
/*position: relative;*/
  float:left;
}

#doc_icon_text{
position: relative;
top: 13px;
left: 40px;
width:400px;
}

#doc_title{
/*position: relative;*/
margin: 0px 0px 5px 0px ;
width: 420px;
}

#article_item_text{
position: absolute;
/*border: 2px solid #000;*/
top: 20px;
left: 378px;
width: 420px;
/*width:350px;*/
}

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

#doc_text{
width:350px;
margin-bottom:5px;
width: 420px;
}
  
#article_list_text{
position: absolute;
top: 0px;
left: 72px;
width: 420px;
}

.doc_list{
position: absolute;
top: 29px;
left: 300px;
/*left: 375px;*/
width:500px;
/*left: 309px;*/
}


/* --------------------------------------- */
.doc_listitem_icon
{
/*position: normal;*/
display: block;
text-align: right;
width: 60px;
float: left; 
padding-bottom: 10px;
padding-right: 10px;
/*border:0px solid #cccccc;*/
}

.doc_listitem_text{
/*position: normal;*/
font-size:10px;
display:block;
text-align: left; 
float: left; 
width: 300px;
padding-right: 20px;
vertical-align:top;
/*left:72px; */
}



.doc_listitem{
position: normal;
/*border: 5px solid #000;*/
margin: 0px;
margin-bottom: 2px;
padding: 0px;
width:300px;

}
/*
.doc_listitem_icon_item{
  float:left;
}
*/
/*
.doc_listitem_text{
 border: 0px solid #000;
 position:relative;
 left:60px;
 top:0px;
}
*/
.doc_listitem_title{
 font-size:13px;
width:420px;
float:left;
}
.doc_listitem_function{
 font-size:10px;
width:420px;
float:left;
}

.doc_listitem_type{
 color:#999; 
 font-size:10px;
width:300px;
float:left;
}

.doc_listitem_authors{
 color:black;
 font-size:10px;
width:430px;
float:left;
}

.doc_listitem_date{
 /*padding-left:10px;*/
 color:black;
 font-size:10px;
width:430px;
float:left;
}

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

.person_list{
position: absolute;
top: 39px;
left: 309px;
width:500px;
}

.person_image_tmb_list{
  /*border: 1px solid green;*/
  height:52px;
}


#member_registration{
position: absolute;
top: 10px;
left: 365px;
}


.person_listitem_head{
/*padding-left:5px; */
font-size:13px;
/*vertical-align: top;*/
width:410px;
float: left; 

}

.person_listitem_line{
padding-left:5px;
color:#000;
font-size:10px;
width:410px;
float: left;
font-weight: normal;
}

#person_illustration{
position: absolute;
/*position: relative;*/
top: 71px;
/*left: 165px;*/
left: 100px;
/*border:1px solid #000;*/
/*left: 105px;*/
}

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

.debug{/*position: absolute;*/top: 800px;left: 0px;z-index: 0;}

#debug_info{
position: absolute;
top: 150px;
left:  800px;
z-index: 0;
font-size:10px;
}
/*
#debug_info_editform
{
position: absolute;
top:  1000px;
left:  700px;
width:800px;
}
*/
/*#debug_info{position: absolute;top:  600px;left:  0px;width:800px;}*/


#form
{
position: absolute;
top:  20px;
}




.submitbuttons
{
margin-left: 190px;
}