@CHARSET "UTF-8";

/*

		standaard element opmaak

*/

body {
    font-size: 12px;
    
    font-family: 'Helvetica', "Arial",Verdana, sans-serif; 
    line-height: 20px; 
			
    color: white; /* texten */
    background: #222;
    
}

h1, h2, h3, h4, h5, h6 {
			font-size: 14px;
			margin-left: 8px;
			margin-right: 5px;
			color: #C1B0A0;
			}
p, address, table, td, tr, th {
	margin-left: 8px;
	margin-right: 5px;
	color: #C1B0A0;
	font-size: 12px;
	font-style: normal;
	
	}
	a, a:link, a:active, a:visited, a:hover {
				font-size: 12px;
				font-weight: bold;
				text-align: left;
				text-decoration: none; 
				color: #c60;
				}

.koppeling {
	
	margin-right: 10px;
	}

	.koppeling a, .koppeling a:link, .koppeling a:active, .koppeling a:visited, .koppeling  a:hover {
				font-size: 14px;
				font-weight: normal;
				text-align: left;
				text-decoration: none; 
				color: #c60;
				}
/**

teksten in de website 

*/
.normale_teksten {
	padding-left: 10px;
	
	
	}
.displayText, .displayText h1 { 
	/* grote teksten */
	margin: 60px 20px 0px 20px;
	height: 100%;

	font-size: 28px;
	line-height: 31px;
	
	
	}


/*

	speciale element voor de website

*/

/* uitlijning mainBox */
#placer {
	width: 100%;
	height: 100%;
	
	
	
	}
#mainBox {
      background: #555;
    
      position: relative;
      
      
      /*
	      top: 50%;
	      left: 50%;
	      
	      margin-left: -395;
	      margin-top: -295;
      */
      
      width: 790px;
      height: 595px;
      
      text-align: left;
      
      margin: auto;
      
      margin-top: 40px;
      
      }	
/* box maten */
.boxOneOne {
    width: 185px;
    height: 185px;
    background: #554d43;
    
}
/* een horizontaal, twee vertikaal */
.boxOneTwo {
		width: 185px;
	    	height: 380px;
	    	
	    	background: #554d43;
	}
/* twee bij twee vierkantjesl */
.boxTwoTwo {
	width: 380px;
	height: 380px;
	background: #554d43;
	}
.boxTwoOne {
	  	width: 380px;
	    	height: 185px;	
	    	
	    	background: #554d43;
	}	
.boxThreeOne {
	  		width: 570px;
	    	height: 185px;	
	    	
	    	background: #554d43;	
	}	
.boxFourOne {
	  	width: 760px;
	    	height: 185px;	
	    	
	    	background: #554d43;	
	}
/* alles box */

/* opmaak navigatie kolom */
#navigatie {

	margin: 10px;
	
	}      



/* positionering bovenste rij, eerste template */
#boxAA {
      position: absolute;
      top: 10px;      left: 10px;
      }
#boxAB {
	position: absolute;
	top: 10px;
	left: 206px;
	visibility: visible;
      }
#boxAC {
      position: absolute;
      top: 10px;      left: 400px;
      }
#boxAD {
      position: absolute;
      top: 10px;      left: 595px;
      }
	/* tweede rij met elementen */
	#boxBA {
	      position: absolute;
	      top: 205px;      left: 10px;
	      }
	#boxBB {
	      position: absolute;
	      top: 205px;      left: 205px;
	      }
	#boxBC {
	position: absolute;
	top: 205px;
	left: 400px;
	
	      }
	#boxBD {
	      position: absolute;
	      top: 205px;      left: 595px;
	      }
		/* derde rij met elementen */
		#boxCA {
	position: absolute;
	top: 400px;
	left: 10px;
	background-image: url(images/kleurvakken/eigentijds-vakmanschap.jpg);
		      }
		#boxCB {
	position: absolute;
	top: 400px;
	left: 205px;
	
		      }
		#boxCC {
	position: absolute;
	top: 400px;
	left: 400px;
	
		      }
		#boxCD {
	position: absolute;
	top: 400px;
	left: 595px;
	
		      }