/* eerst wordt de standard.css geladen , dan deze custom.css */

div, span{border: 0px solid #000;  margin:  0px;padding: 0px;} /* background-color:#ff0;*/
table    {border: 0px solid orange;margin:  0px;padding: 0px;}	
tr       {border: 0px dashed orange;margin: 0px;padding: 0px;}
td       {border: 1px dashed #FFF;  margin: 0px;padding: 0px;vertical-align: top;}

.message
{
position: absolute;
top:  0%;
left: 25%;
width:50%;
border: 1px solid #F00;
/*z-index:1001;*/
background-color:#FEE;
}
#banner-top{ position: absolute; overflow: hidden; top:  0%; left: 0%; height:10%; width:100%; z-index:0;}
#canvas-left{position: absolute; overflow: hidden; top:10%; left:0%; height:100%; width:25%; z-index:0;}
#menu /*  = child van canvas-left*/
{position:relative; top:0px; left: 0px; width:96%; height:96%; padding: 2% 2% 2% 2%;} 
#children{ position: relative; top:  0px; left: 0%; width:96%; color: #999;}
#canvas-right{position: absolute; overflow: auto; top: 10%; left: 25%;height:100%; width:75%; z-index:1; background-color:#EEE;}
#content /* = child van canvas-right*/
{position: relative; top:  0px;left: 0%;width: 96%; height:96%; padding: 2% 2% 2% 2%;}

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


#canvas         {overflow: hidden; top:0px; height:600px; width:800px; z-index:0; background-color:#FFF;}
#kantlijn_left  {position: normal; overflow: hidden; top:0px; left:0px;  height:600px; width:2px; }
#kantlijn_right {position: normal; overflow: hidden; top:0px; right:0px; height:600px; width:2px; }
#bovenrandje{z-index:3; position: normal;	overflow: visible;	top: 0px;	left: 0px; width: 750px;	height: 15px; 
        margin:0px;    padding:0px;   background-color:#FFF;}   
#nav  { z-index:3; position: normal;	overflow: visible;	top: 15px;	left: 0px; width: 750px;	height: 85px; 
        margin:0px;  margin-left:0%;  padding:0px;  font-size:14px; font-weight:bold; background-color:#FFF;}  
.nav1  { z-index:3; position: normal;	overflow: visible;	top: 15px;	left: 25px; width: 510px;	height: 85px; 
        margin:0px;  margin-left:0%;  padding:0px;  font-size:12px; font-weight:bold; background-color:#FFF;}  
/*
#nav2 { position: normal;	display:inline;	top: 10px;	right: 20%; width: 9%;	height: 9%;	    
        margin:0px;  margin-left:0%;  padding:0px;  }  
*/  
/*
#media          {position: normal;			top: 100px;	left: 25px;	width: 520px;	height:550px;
	               text-align: center;	vertical-align: middle; background-color:#FFF;}
*/                 
#media_viewer {position: normal;	overflow: hidden;	top: 0px;	left: 0px;width: 510px;	height:440px;	text-align: center;	vertical-align: middle;}
#main  {	z-index:2; position: normal;	  overflow: hidden;	top: 100px;	left: 550px;  height:440px;  width:210px; padding-right:0px; background-color:#FFF;}
#text0 {	z-index:1; position: relative;	overflow: hidden; top: 0px;	  left: 0%;	    height:440px;  width:210px;  margin: 0px; font-size:13px; font-weight:normal;  }     
#text  {	z-index:1; position: relative;	                  top: 0px;	  left: 0%;	    height:440px;  width:210px;  margin: 0px; font-size:13px; font-weight:normal;  }     

#dia_control  { position: normal;	 width:558px; margin:0px; padding:0px; padding-top:10px; background-color:#FFF;}   
        
.wittebalk{width:20px;}
/* --------------------- */        
        
#caption{color:#C30}
#nr{color:#C30}
#totaal{color:#C30}
.text_color{color:#C30}

.nl{color:#000;}
.en{color:#999;}



/*
#canvas{position: absolute; overflow: hidden; top:0px; left:0px; height:600px; width:800px; z-index:0;}
#kantlijn_left  {position: absolute; overflow: hidden; top:0px; left:20px;  height:600px; width:2px; }
#kantlijn_right {position: absolute; overflow: hidden; top:0px; right:20px; height:600px; width:2px; }
#media {	position: absolute;			top: 100px;	left: 25px;	width: 520px;	height:550px;
	        	text-align: center;	vertical-align: middle;}
#media_viewer{	position: absolute;	overflow: hidden;	top: 0px;	left: 0px;	width: 520px;	height:450px;
	        	text-align: center;	vertical-align: middle;}
#main {	z-index:2; position: absolute;	overflow-x: hidden;	overflow-y:hidden; top: 100px;	left: 550px; width: 214px;	height: 500px; padding-right:10px; }
#text {	z-index:1; position: absolute;	                                       top: 0px;	  left: 0%;	 width:99%; margin: 1px; font-size:14px; font-weight:normal;  }     
#bovenrandje{z-index:3; position: absolute;	overflow: visible;	top: 0px;	left: 25px; width: 750px;	height: 15px; 
        margin:0px;    padding:0px;   background-color:#FFF;}   
#nav  { z-index:3; position: absolute;	overflow: visible;	top: 15px;	left: 25px; width: 750px;	height: 85px; 
        margin:0px;  margin-left:0%;  padding:0px;  font-size:14px; font-weight:bold; background-color:#FFF;}    
#nav2 { position: absolute;	display:inline;	top: 10px;	right: 20%; width: 9%;	height: 9%;	    
        margin:0px;  margin-left:0%;  padding:0px;  }  
#dia_control  { position: absolute;		top:450px; right: 0%; width: 100%;	
        margin:0px;  margin-left:0%;  padding:0px;  }  
*/