@charset "utf-8";
/* CSS Document */

/*plaatje met tekst wanneer muis erop gaat (hover)*/
.test-image {
	white-space:nowrap;
  position: relative;
  /* dimensies van de container */
  width: 500px;  
  height: 400px;
}


.hover-text-test-image {
	
  position: absolute;
  top: 0;
  left: 300px; 
  color: #482E1D;
  padding: 10px;
  display: none;
}
.test-image:hover .hover-text-test-image {
  display: block;
}

/*positie van elke hover gebied op het plaatje*/
#lgn-container { top: 550px; left: 210px; }
#mgn-container { top: 455px; left: 20px; }
#rn-container { top: 288px; left: 700px; }
#vpl-container { top: 450px; left: 295px; }
#vpm-container { top: 505px; left: 360px; }

/*tabel met tekst (alinea) een randje geven met ronde hoeken*/
.containerlayout {
	padding: 4px;
	margin: 6px 2px 2px 2px;
	color: white;
	border-radius: 6px;
	border: thin none #OFF;
}

.containerlayout1 {
    background-color: #AEC3B0;
    padding: 4px;	
	border-radius: 6px;
}

.containerlayout2 {
	background-color: #6692A1;
	padding: 4px;
	border-radius: 6px;
}

.container-fluid {
	background-color: #C7EEFF;
}



/* Buttons */
.btn-right {
	float: right;
}