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

/** door Jelle **/

p			{
			text-align:justify;
			}

.inputs		{ 	
			font-family:arial;
			font-size:13px;
			margin-top:5px;
			margin-bottom:5px;
			margin-right:5px;
			}
			
.dateinputs {
			margin-top:5px;
			margin-bottom:5px;
			margin-right:5px;
			width:15px;
			}
			

					
/**einde door Jelle	**/		

/* links */

a img		{
			text-decoration: none;
			border-width: 0px;
			border-color: #ffffff;
			border-style: solid;
			}
			
A:link 		{ text-decoration: none; color: #ffab3e; }
A:visited 	{ text-decoration: none; color: #ffab3e;  }
A:active 	{ text-decoration: none; color: #ffab3e;  }
A:hover 	{ text-decoration: underline; color: #ffab3e;  }

A:link.linkwit 		{ text-decoration: none; color: #ffffff; font-weight: bold }
A:visited.linkwit 	{ text-decoration: none; color: #ffffff; font-weight: bold }
A:active.linkwit 	{ text-decoration: none; color: #ffffff; font-weight: bold }
A:hover.linkwit 	{ text-decoration: none; color: #ffab3e; font-weight: bold }

/* body */

body		{
			background-color: #737a75;
			}
			

/**
#background	{
			position: relative;
			left: 50%;
			width: 800px;
			margin-left: -400px;
			height: auto;
			
			} 
			
**/
			
/* header */

#header		{
			height: 40px;
			position: absolute;
			background-color:#646a66;
			width: 770px;
			left: 50%;
			margin-left: -385px;
			top: 44px;
			}
			
#logo		{
			position: absolute;
			top: 17px;
			left: 50%;
			margin-left: 67px;
			width: 300px;
			}
			
#menu		{
			position: absolute;
			top: 47px;
			left: 50%;
			margin-left: -375px;
			}
			
/* flash-intro */

#intro		{
			height: 485px;
			position: absolute;
			background-color:#646a66;
			width: 770px;
			left: 50%;
			margin-left: -385px;
			top: -47px;
			z-index: -1;
			}
			
#flash		{
			margin-top: 39px;
			margin-left: 5px;
			}		
		
/* main */
		
#main		{
			top: 120px;
			left: 50%;
			margin-left: -385px;
			position: relative;
			width: 770px;
			
			height: auto;
			}
			
/* left-column */
		
#left		{
			position: relative;		
			float: left;
			}
		
#submenu	{
			position: relative;
			width: 103px;
			left: -1px;
			margin-bottom: 12px;
			top: -1px;
			}
		
#navigator	{
			position: relative;
			top: -10px;
			left: -10px;
			}
			
#parameters	{
			position: relative; 
			left: 0px;
			margin-bottom: -26px;
			top: 10px;
			font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #ffffff;
			background-image: url(parametersback.jpg);
			background-repeat: repeat-y;
			height: auto;
			}
			
.parameter	{
			position: relative;
			width: 135px;
			padding: 5px;
			padding-right: 15px;
			color: #ffffff;
			/** border: 1px solid #ffab3e; **/
			/** background-color: #222222; **/
			margin-bottom: 5px;
			margin-right: 6px;
			float: left;
			height: auto;
			}	
			
.parameter2	{
			position: relative;
			width: 135px;
			padding: 5px;
			padding-right: 15px;
			color: #ffffff;
			/** border: 1px solid #ffab3e; **/
			/** background-color: #222222; **/
			margin-bottom: 5px;
			margin-right: 0px;
			float: left;
			height: auto;
			}	
			
#clear	{position: relative;
		clear: both;
		}
			
.black	{
		color: #ffab3e;
		}		

/* right-column */
		
#right		{
			position: relative;	
			float: right;
			left: 0px;
			top: -8px;
			width: 640px;
			}
		
#content	{
			position: relative;
			font-family: calibri, arial;
			font-size: 13px;
			color: #ffffff;
			}
		
.post		{
			position: relative;
			}
			

		
.title		{
			position: relative;
			font-family: calibri, arial;
			font-size: 27px;
			color: #ffffff;
			margin: 0px;
			}

.titleproject {
			width:178px;
			font-family: calibri, arial;
			font-size: 27px;
			color: #ffffff;
			}
		
.sIFR-active .title
			{
			visibility: hidden;
			font-family: calibri, arial;
			line-height: 1em;
			}	
.sIFR-active .titleproject
			{
			visibility: hidden;
			font-family: calibri, arial;
			line-height: 1em;
			}	
			
.title2		{
			position: relative;
			font-family: calibri, arial;
			font-size: 30px;
			font-weight: bold;
			color: #ffffff;
			width: 178px;
			}
		
.sIFR-active .title2
			{
			visibility: hidden;
			font-family: calibri, arial;
			line-height: 1em;
			}		
			
.title3		{
			position: relative;
			font-family: calibri, arial;
			font-size: 30px;
			font-weight: bold;
			color: #ffffff;
			
			}
		
.sIFR-active .title3
			{
			visibility: hidden;
			font-family: calibri, arial;
			line-height: 1em;
			}	
			
.projectensub	{
			border: 1px #ffffff solid;
			height: 150px;
			width: 637px;
			margin-top: 9px;
			margin-bottom: 21px;
			margin-left: 1px;
			}	
			
.projectensub:hover	{
			border: 1px ##ffab3e solid;
			height: 150px;
			width: 637px;
			margin-top: 9px;
			margin-bottom: 21px;
			margin-left: 1px;
			}	
			
.overlay	{
			position: relative;
			top: -150px;
			}
	
		
.date		{
			margin-top: 8px;
			position: relative;
			font-family: Calibri, arial;
			font-size: 16px;
			color: #000000;
			}
		
.image		{
			float: right;
			margin-top: 9px;
			padding: 0px;
			
			}
		
.description	
			{
			position: relative;
			font-family: Calibri, arial;
			font-size: 13px;
			color: #ffffff;
			width: 178px;
			text-align: justify;
			
			}
		
.news		{
			position: relative;
			font-family: Calibri, arial;
			font-size: 13px;
			color: #ffffff;
			width: 635px;
			text-align: justify;
			top: -12px;
			float: left;
			}
			
.news2		{
			position: relative;
			font-family: Calibri, arial;
			font-size: 13px;
			color: #ffffff;
			width: 387px;
			text-align: justify;
			top: -12px;
			float: left;
			}
			
.news_image {
			border: 1px #ffffff solid;
			height: 152px;
			width: 228px;
			float: right;
			margin-top: 5px;
			}
			
.mensen_image {
			border: 1px #ffffff solid;
			height: 304px;
			width: 228px;
			float: right;
			margin-top: 5px;
			}
			
.projectomschrijving		{
			position: relative;
			font-family: Calibri, arial;
			font-size: 13px;
			color: #ffffff;
			width: 760px;
			text-align: justify;
			
			}
			
.project		{
			position: relative;
			font-family: Calibri, arial;
			font-size: 15px;
			color: #ffffff;
			width: 635px;
			text-align: justify;
			}
		
.break		{
			position: relative;
			top: 18px;
			margin-bottom: 28px;
			border-bottom: 4px dotted #ffab3e;
			clear: both;
			}
			
.projectimage{
			width: 639px;
			height: auto;
			background-color: #646a66;
			border: 1px solid #ffffff;
			}
			/** eea gedelete hierzo **/
			
			}
			
.previous	{
			float: left;
			color: #ffab3e;
			font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
			
.next	{
			float: right;
			color: #ffab3e;
			font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
			
.navigator	{
			color: #ffab3e;
			font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
			

.mensen 	{
			position: relative;
			width: 150px;
			height: 200px;
			float: left;
			margin-right: 11px;
			margin-top: 20px;
			text-align: center;
			}	
			
.mensen_right 	{
			position: relative;
			width: 150px;
			height: 220px;
			float: left;
			margin-right: 0px;
			margin-top: 20px;
			text-align: center;
			}	
			
.mensen_pic1	{
			width: 148px;
			height: 148px;
			border: 1px #ffffff solid;
			margin-bottom: 5px;
			}
			
.mensen_omschr	{
			width: 150px;
			height: 35px;
			background-color: #000000;
			margin-bottom: 5px;
			padding-top: 3px;
			}	

		
/** Bottom **/

#bottom		{
			position: relative;
			height: 40px;
			margin-bottom: 0px;	
			font-family: Calibri, arial;
			font-size: 13px;
			color: #ffffff;
			background-color: #646a66;
			}