body 		{	font-family	: Microsoft Sans Serif, MS Sans Serif, Arial, Verdana, Segoe UI, Arial, Calibri, Sans-Serif;
				font-size	: 12px;
				overflow	: hidden;
			}

table 		{	border-collapse: collapse;  }


label		{
			font-size	: 11px;
			}

td    			{	text-align	: left;
				border		: solid 1px #ddd;
			}
/*			
tr:nth-child(2n+2)  {	
				background-color: #dee;
			}
*/			
			
input			{
			width		: 101px;
			height		: 15px;
			font-size	: 11px;
			border		: none;
			}

select		{	
			width		: 105px;
			height		: 15px;
			font-size	: 11px;
			border		: none;
			}

h1			{	
			font-size: 11px;
			}

svg			{
			fill			: #fff; 
			stroke			: #000; 
			stroke-width	: 0.7;
			}
			
			
#popupXinvoeg	{
			padding-left	: 16px;
			padding-right	: 16px;
			padding			: 26px;
			margin			: 26px;
			}
			
			
#tapy		{	width	: 200px;			
			}						
	
#canvasid		{	
			background-color: #fff;
			border		: solid 1px #ddd;	
			position	: absolute;
			top			: 117px;
			cursor		: crosshair;
			/*  
			width: 90%; height:90%"
			*/
			}

			
#act		{
			background: -webkit-linear-gradient(#333, #138);	/* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#333, #138); 		/* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#333, #138); 		/* For Firefox 3.6 to 15 */
			background: linear-gradient(#333, #138);			/* Standard syntax */

			}			
			
#bere54{
    position:absolute;
    bottom:0;
}


#popScherm	{
			z-index		: 20;
			opacity		: 1;
			}
	

#instelinvoeg	{	font-size	: 10px;	}
#propinvoeg		{	font-size	: 10px;	}		
			
#testscherm	{
			position	: absolute;
			min-width	: 200px;
			min-height	: 200px;
			z-index		: 10;
			border		: solid 1px #CCC;
			top			: 4px;
			left		: 80%;	
			padding		: 3px;
			}

			
#paneel	{
			display		: block;
			height		: 110px;
			background	: -webkit-linear-gradient(#ffffff, #abaaaa);	/* For Safari 5.1 to 6.0 */
			background	: -o-linear-gradient(#ffffff, #abaaaa); 		/* For Opera 11.1 to 12.0 */
			background	: -moz-linear-gradient(#ffffff, #abaaaa); 		/* For Firefox 3.6 to 15 */
			background	: linear-gradient(#ffffff, #cdcccc);			/* Standard syntax */
		}

			
#hoofdknop	{
			display		:	block;
			width		:	94px;
			height		:	100px;
			border		:	1px solid rgba(0, 0, 0, .0);
			}			
	
		
#flowinfo	{
			position:	absolute;
			left	:	106px;
			top		:	117px;
			color	:	#08c;
			z-index	:	20;
			}		


#testinfo	{
			position:	absolute;
			left	:	400px;
			top		:	117px;
			color	:	#08c;
			z-index	:	20;
			}				

		
#projectbalk	{
			position:	absolute;
			left	:	104px;
			top		:	4px;
			width	:	92px;
			}

#eigenschapbalk	{
			position:	absolute;
			left	:	206px;
			top		:	4px;
			width	:	98px;
			}			
			
#snapbalk	{
			position:	absolute;
			left	:	314px;
			top		:	4px;
			width	:	128px;
			}

#bewerkbalk	{
			position:	absolute;
			left	:	450px;
			top		:	4px;
			width	:	128px;
			}

#visualbalk	{
			position:	absolute;
			left	:	1020px;
			top		:	4px;
			width	:	128px;			
			}	

#isobalk {
			position:	absolute;
			left	:	1020px;
			top		:	55px;
			width	:	138px;			
			}

			
.langbalkje	{
			float			: left;
			margin-right	: 5px;
			}
				

#symbolenbalk	{
			position:	absolute;
			left	:	104px;
			top		:	55px;
			/*border	:	solid 1px #bbb;*/
			height	:	48px;
			width	:	490px;
			padding	:	2px;
			}

#berekenbalk	{
			position:	absolute;
			left	:	900px;
			top		:	4px;
			height	:	102px;
			width	:	100px;
			}
			

#projectgegevens	{	
			position:	absolute;
			height	:	104px;
			left	:	605px;
			top		:	4px;
			}
			
#schaal		{

			position	: 	absolute;
			left		:	1140px;
			top			:	3px;
			border		:	1px solid rgba(0, 0, 0, .0);
			}
			


.lab	 {	font-size	: 	9px;
			}
			

			
#eigenschapscherm {	/* t.b.v. eigenschappen invoerscherm */
			left		: 60%;
			top			: 130px;
			z-index		: 5;
			}
			
			
#instellingscherm	{	/* t.b.v. instellingen invoerscherm */
			z-index		: 5;
			}
	


#kop		{
			position	: absolute;
			left		: 1300px;
			top			: 8px;
			font-family	: Microsoft Sans Serif, Arial, Verdana, Segoe UI;
			font-size	: 12px;
			}
	

#testbalk	{
			position	: absolute;
			left		: 1600px;
			top			: 8px;
			font-family	: Microsoft Sans Serif, Arial, Verdana, Segoe UI;
			font-size	: 12px;
			display		: none;
			}

	
#ideind		{
			width	:	210px; 
			}

			

#lengteScherm	{
			position	: absolute;
			height		: 16px;
			width		: 30px;
			border		: 1px solid #000;
			background-color: #fff;
			opacity		: 0.5;
			display:	none;
			}

			
/*  	= = = = = =   K N O P P E N   = = = = = = 	*/	

.dun		{	
			border		: solid 1px #eee;
			font-size	: 11px;
			font-style	: italic;
			color		: green;
			}	

.rand		{
			border		:	solid 1px #CCC;
			}
	
.afmeting	{ display	:	inline-block; 
			width		:	80px; 
			padding-top	:	8px;
			}
			
#popKopX	{
			color		: "#0ff"
			}

.scherm	{	position		: 	absolute;	/* t.b.v. basis schermen */
			top				:	40%;
			left			:	40%;
			min-width		:	100px;
			min-height		:	40px;
			display			:	none;
			z-index			:	10;
			border			:	solid 1px #CCC;
			padding			:	2px;
			padding-left	:	3px;
			background-color:	#FFF;
			-moz-border-radius:	5px 5px 5px 5px;
			-webkit-border-radius:	5px 5px 5px 5px;
			border-radius	:	5px 5px 5px 5px; 
			-moz-box-shadow	:	3px 3px 10px 3px #888;
			-webkit-box-shadow:	3px 3px 10px 3px #888;
			box-shadow		:	3px 3px 10px 3px #888;
		}	
	

#flowScherm	{	position	: 	absolute;
			top				:	304;
			left			:	200;
			min-width		:	100px;
			z-index			:	20;
			border			:	solid 1px #f00;
		
		}		
	
	
			
.vrijscherm { position	: absolute;
			z-index		: 10;
			border		: solid 1px #CCC;
			top			: 10%;
			left		: 10%;
			padding		: 2px;
			padding-left	:	3px;
			background-color:	#FFF;
			-moz-border-radius: 	5px 5px 5px 5px;
			-webkit-border-radius: 	5px 5px 5px 5px;
			border-radius:			5px 5px 5px 5px; 
			-moz-box-shadow:	3px 3px 10px 3px #888;
			-webkit-box-shadow: 3px 3px 10px 3px #888;
			box-shadow:			3px 3px 10px 3px #888;
			filter:		alpha(opacity=100);
			opacity:	1;
			}



.X 			{		/* t.b.v. afsluiten schermen met X rechtsboven */
			float		:right;
			height		:22px;
			width		:22px;
			text-align	:center;
			cursor		:default;
			font-size	:14px;
			}


	    
.inlang		{
			width	:	180px; 
			}
			
.midden {
			display			: block;
			margin-top		: 2px;
			margin-left		: auto;
			margin-right	: auto;
}	



.ber		{
			padding-left	: 3px;
			padding-right	: 3px;
			border			: 1px solid rgba(0, 0, 0, .0);
			margin-top		: 2px;
			}			
		

			
.knop		{	
			width	: 24px;
			height	: 24px;
			border	: 1px solid rgba(0, 0, 0, .0);
			}
			
		
.vertmid	{	
			vertical-align	: middle;
			margin			: 2px;
			}		
		
.vink		{	
			width		: 18px;
			height		: 18px;
			border		: 1px solid rgba(0, 0, 0, .0);
			vertical-align:middle;
			
			}

.vink:hover	{	/* Selectie  */
			border:		1px solid #6AF;
			background: linear-gradient(#DFF, #ADF);			/* Standard syntax */	
			}				
		

.oprij:hover	{	/* Selectie  */
			background: linear-gradient(#DFF, #ADF);			/* Standard syntax */	
			}

		
.qknop		{border:solid 1px #888;
			-moz-border-radius:3px; -webkit-border-radius:3px;
            box-shadow		: 0 0 1px #ccc; -moz-box-shadow: inset 0 0 1px #ccc; -webkit-box-shadow: inset 0 0 1px #ccc;
            background-color: #888;
			background		: -moz-linear-gradient(top, rgba(240,255,255,1), rgba(190,200,200,1) 50%, rgba(220,230,230,1));
			background		: -webkit-gradient(linear, center top, center bottom, from(rgba(240,255,255,1)), color-stop(50%, rgba(190,200,200,1)), to(rgba(220,230,230,1)));
			margin			: 2px;
			padding			: 2px;
			padding-left	: 4px;
			padding-right	: 4px;
            }			
			
			
.qknop:hover {
			border:solid 1px #aaa;
			background: -moz-linear-gradient(center top, transparent, rgba(102,137,158,0.5) 50%, rgba(230,240,240,1));
			background: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,1)), color-stop(50%, rgba(210,220,220,1)), to(rgba(230,240,240,1)));

			-moz-box-shadow:	0px 0px 10px 1px #8DF;
			-webkit-box-shadow: 0px 0px 10px 1px #8DF;
			box-shadow:			0px 0px 10px 1px #8DF;
		   }
		   
#qvcv	{	display:	none;
		}

.over	{	/* Oplichtend blauw */
			border:		1px solid #7BF						!important;			
			background:	-webkit-linear-gradient(#EFF, #BEF)	!important;		/* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#EFF, #BEF)		!important;		/* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#EFF, #BEF)	!important;		/* For Firefox 3.6 to 15 */
			background: linear-gradient(#EFF, #BEF)			!important;		/* Standard syntax */
		}

		
.up		{	/* Selectie  */
			border:		1px solid #48E;
			background: linear-gradient(#DFF, #ADF);			/* Standard syntax */	
		}	



		
.in		{
			/* gradient rond */
			background: -webkit-radial-gradient(#ffe, #ffd, #dedede);	/* Safari 5.1 to 6.0 */
			background: -o-radial-gradient(#ffe, #ffd, #dedede);		/* For Opera 11.6 to 12.0 */
			background: -moz-radial-gradient(#ffe, #ffd, #dedede);		/* For Firefox 3.6 to 15 */
			background: radial-gradient(#ffe, #ffd, #dedede);			/* Standard syntax (must be last) */
		}
		

			
.zweef	{
		position	:	relative;
		cursor		: 	move;
		}


.balk	{	/* Donkere balk met witte tekst bovenin popup-schermen */
 			height				: 22px;
    		border				: 1px solid #777;
    		background-color	: #557;
			background			: -moz-linear-gradient(top, rgba(100, 173, 215, 0.75), rgba(44, 73, 96, 0.75) 50%, rgba(92, 176, 220, 0.75));
			background			: -webkit-gradient(linear, center top, center bottom, from(#8293bb),color-stop(45%, #152644), to(#708199));
			line-height			: 2em;
			vertical-align		: middle;
			padding-right		: 4px;
			padding-left		: 5px;
		
			color				: #FFF;
			-moz-border-radius	: 3px 3px 0px 0px;	/* niet in gebruik */
			-webkit-border-radius: 3px 3px 0px 0px;
			border-radius		: 3px 3px 0px 0px;
   	 		-moz-box-sizing		: border-box;
    		-webkit-box-sizing	: border-box;
    		box-sizing			: border-box;
		}
		
		



.tekstveld	{	background-color:#FFF;	/* Tekstveld t.b.v. popup schermen */
		/*	vertical-align:	middle;*/
	
		}



.tekstlijst	{
			border: 1px solid #FFF;
			padding: 2px; 
			}			
			
			
.tekstlijst:hover	{	
			border: 1px solid #66A7E8;
			background-color:#D1E8FF;
			}			


	
.bestandenlijst	{	border: 1px solid #888;
			background-color: #FFF;
			width: 300px;
			height: 200px;
			padding: 4px; 
			margin:	 4px;
			
			cursor: default;
			}	
			
			
.alertblok	{
			top:130px;
			}

			
.onzichtbaar	{
			display: none;
			}